erp5_web_renderjs_ui: support maxlength in StringField and EmailField.

bt5/erp5_hal_json_style/SkinTemplateItem/portal_skins/erp5_hal_json_style/ERP5Document_getHateoas.py

@@ -551,6 +551,10 @@ def renderField(traversed_document, field, form, value=MARKER, meta_type=None,
   if meta_type in ("StringField", "FloatField", "EmailField", "TextAreaField",
                    "LinesField", "ImageField", "FileField", "IntegerField",
                    "PasswordField", "EditorField", "HyperLinkField", "LinkField"):
+    if meta_type in ("StringField", "EmailField"):
+      result.update({
+        "maxlength": field.get_value("display_maxwidth"),
+      })
     if meta_type == "FloatField":
       result.update({
         "precision": field.get_value("precision"),

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_emailfield_js.js

@@ -19,6 +19,7 @@
           error_text: field_json.error_text,
           type: 'email',
           hidden: field_json.hidden,
+          maxlength: field_json.maxlength,
           // Force calling subfield render
           // as user may have modified the input value
           render_timestamp: new Date().getTime()

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_stringfield_js.js

@@ -20,6 +20,7 @@
           title: field_json.description,
           hidden: field_json.hidden,
           trim: true,
+          maxlength: field_json.maxlength,
           // Force calling subfield render
           // as user may have modified the input value
           render_timestamp: new Date().getTime()

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_html5_input_js.js

@@ -33,6 +33,7 @@
         step: options.step,
         hidden: options.hidden,
         trim: options.trim || false,
+        maxlength: options.maxlength,
         multiple: options.multiple,
         accept: options.accept,
         capture: options.capture,
@@ -89,6 +90,9 @@
         if (this.state.accept) {
           textarea.setAttribute('accept', this.state.accept);
         }
+        if (this.state.maxlength) {
+          textarea.setAttribute('maxlength', this.state.maxlength);
+        }
 
         if (this.state.multiple) {
           textarea.multiple = true;