[erp5_web_renderjs_ui] Autoresize textarea and support keyboard shortcut to save

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.css

@@ -368,7 +368,6 @@ select:-moz-focusring {
   color: transparent;
 }
 textarea {
-  height: 15em;
   width: 100%;
   margin: 0;
 }

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.xml

@@ -236,7 +236,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>952.57378.47936.47257</string> </value>
+                <value> <string>954.17329.52209.1706</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -254,7 +254,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1469798919.15</float>
+                        <float>1475500541.53</float>
                         <string>UTC</string>
                       </tuple>
                     </state>

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_textareafield_html.xml

@@ -234,7 +234,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>948.41883.489.3805</string> </value>
+                <value> <string>954.3930.47193.19268</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -252,7 +252,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1453477484.04</float>
+                        <float>1475500198.61</float>
                         <string>UTC</string>
                       </tuple>
                     </state>

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_textareafield_js.js

-/*global window, rJS, document, RSVP, loopEventListener */
+/*global window, rJS */
 /*jslint indent: 2, maxerr: 3 */
-(function (window, rJS, document, RSVP, loopEventListener) {
+(function (window, rJS) {
   "use strict";
 
   rJS(window)
-    .ready(function (gadget) {
-      gadget.property_dict = {
-        textarea_deferred: RSVP.defer()
-      };
-      return gadget.getElement()
-        .push(function (element) {
-          gadget.property_dict.element = element;
-        });
+    .setState({
+      tag: 'pre'
     })
     .declareMethod('render', function (options) {
-      var new_element,
-        field_json = options.field_json || {},
-        value = field_json.value || field_json.default || "";
-
-      this.property_dict.editable = (field_json.editable === 1);
-      this.property_dict.name = field_json.key;
-      if (this.property_dict.editable) {
-        new_element = document.createElement('textarea');
+      var field_json = options.field_json || {},
+        state_dict = {
+          value: field_json.value || field_json.default || "",
+          editable: field_json.editable,
+          name: field_json.key,
+          title: field_json.title
+        };
+      state_dict.text_content = state_dict.value;
+      return this.changeState(state_dict);
+    })
 
-        new_element.value = value;
-        new_element.setAttribute('name', this.property_dict.name);
-        new_element.setAttribute('title', field_json.title);
-        if (field_json.required === 1) {
-          new_element.setAttribute('required', 'required');
-        }
-        /*
-        if (field_json.editable !== 1) {
-          textarea.setAttribute('readonly', 'readonly');
-          textarea.className += "ui-state-readonly";
-          // textarea.setAttribute('disabled', 'disabled');
-        }
-        */
-        this.property_dict.textarea_deferred.resolve(new_element);
+    .declareMethod('updateDOM', function () {
+      var element = this.element,
+        gadget = this,
+        url;
+      if (gadget.state.editable) {
+        url = 'gadget_html5_textarea.html';
       } else {
-        new_element = document.createElement('pre');
-        new_element.setAttribute("class",  "ui-content-non-editable");
-        new_element.textContent = value;
+        url = 'gadget_html5_element.html';
       }
-      this.property_dict.element.appendChild(new_element);
+      return this.declareGadget(url, {scope: 'sub'})
+        .push(function (input) {
+          // Clear first to DOM, append after to reduce flickering/manip
+          while (element.firstChild) {
+            element.removeChild(element.firstChild);
+          }
+          element.appendChild(input.element);
+          return input.render(gadget.state);
+        });
     })
 
     .declareMethod('getContent', function () {
-      var field,
-        value,
-        result = {};
-      if (this.property_dict.editable) {
-        field = this.property_dict.element.querySelector('textarea');
-        value = field.value;
-      } else {
-        field = this.property_dict.element.querySelector('pre');
-        value = field.textContent;
+      if (this.state.editable) {
+        return this.getDeclaredGadget('sub')
+          .push(function (gadget) {
+            return gadget.getContent();
+          });
       }
-      result[this.property_dict.name] = value;
-      return result;
+      return {};
     });
 
-}(window, rJS, document, RSVP, loopEventListener));
+}(window, rJS));
\ No newline at end of file

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_textareafield_js.xml

@@ -63,6 +63,12 @@
               </tuple>
             </value>
         </item>
+        <item>
+            <key> <string>categories</string> </key>
+            <value>
+              <tuple/>
+            </value>
+        </item>
         <item>
             <key> <string>content_md5</string> </key>
             <value>
@@ -230,7 +236,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>952.10031.38084.59682</string> </value>
+                <value> <string>954.15897.25014.42086</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -248,7 +254,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1467032882.44</float>
+                        <float>1475163059.77</float>
                         <string>UTC</string>
                       </tuple>
                     </state>

bt5/erp5_web_renderjs_ui/SkinTemplateItem/portal_skins/erp5_web_renderjs_ui/erp5css.less.txt

@@ -431,7 +431,6 @@ select {
 }
 
 textarea {
-  height: 15em;
   width: 100%;
   margin: 0;
   // font-family: @monospace;