Add subtypes for short input, like email, phone or custom regex

[susnux]

• Resolves Validation of singleline/short response, url, regex... #177

Summary

Added sub types for the short input, optional types (fallback to normal text input):

• numeric input
• telephone number
• email address
• custom regular expression

Added validation fallbacks on the front end as not every browser supports those input types, so if they are not supported we still get some validation.
Regex are validated on front and back end to be compatible with both PCRE (PHP) and ECMA (JS).

Front end

vokoscreenNG-2023-02-08_12-07-19.mp4

Known issues

• The "subtype" button overlays the input field when clicked, this will be fixed with the next @nextcloud/vue release, see No background for tertiary-no-background NcActions nextcloud-libraries/nextcloud-vue#3724

[codecov]

Codecov Report

Merging #1491 (22bf12b) into main (bb58617) will increase coverage by 0.97%.
Report is 2 commits behind head on main.
The diff coverage is 83.60%.

Additional details and impacted files

@@             Coverage Diff              @@
##               main    #1491      +/-   ##
============================================
+ Coverage     42.98%   43.96%   +0.97%     
- Complexity      614      646      +32     
============================================
  Files            58       58              
  Lines          2489     2550      +61     
============================================
+ Hits           1070     1121      +51     
- Misses         1419     1429      +10     

[jancborchardt]

Very cool, looks good design-wise! :)

Optional detail: "Telephone number" sounds a bit off and could be shortened to "Phone number".

[susnux]

Very cool, looks good design-wise! :)

Thank you :)

Optional detail: "Telephone number" sounds a bit off and could be shortened to "Phone number".

I agree! Changed it.

[jotoeri]

Huhh, that was a big one.
Sorry for that mass of comments, but it feels necessary. 🙈
Especially on the two contants files, there is on each one a bigger structure-comment. Maybe check them first. Most of the others are smaller things.

[Chartman123]

I will try it in my dev instance this evening, but codewise looks good now :)