[erp5_web_renderjs_ui] Simplify page template rendering

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_pt_form_dialog_html.html

@@ -11,7 +11,6 @@
     <script src="URI.js" type="text/javascript"></script>
 
     <!-- custom script -->
-    <script src="gadget_global.js" type="text/javascript"></script>
     <script src="gadget_erp5_global.js" type="text/javascript"></script>
     <script src="gadget_erp5_pt_form_dialog.js" type="text/javascript"></script>
 
@@ -24,7 +23,7 @@
 
     <!-- XXX action, method, fieldset -->
     <form class="dialog_form">
-      <button type="submit" data-i18n="Submit" class="ui-btn ui-btn-b ui-btn-inline
+      <button type="submit" class="ui-btn ui-btn-b ui-btn-inline
         ui-icon-action ui-btn-icon-right ui-screen-hidden">Submit</button>
       <div data-gadget-url="gadget_erp5_form.html"
               data-gadget-scope="erp5_form"

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_pt_form_dialog_html.xml

@@ -234,7 +234,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>946.44927.40202.16725</string> </value>
+                <value> <string>954.5408.20833.21606</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -252,7 +252,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1460379182.94</float>
+                        <float>1475506475.74</float>
                         <string>UTC</string>
                       </tuple>
                     </state>

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_pt_form_dialog_js.xml

@@ -230,7 +230,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>950.30388.38115.23432</string> </value>
+                <value> <string>954.5593.38130.32665</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -248,7 +248,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1460476265.13</float>
+                        <float>1474544293.54</float>
                         <string>UTC</string>
                       </tuple>
                     </state>

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_pt_form_list_html.html

@@ -10,7 +10,6 @@
     <script src="renderjs.js" type="text/javascript"></script>
 
     <!-- custom script -->
-    <script src="gadget_global.js" type="text/javascript"></script>
     <script src="gadget_erp5_global.js" type="text/javascript"></script>
     <script src="gadget_erp5_pt_form_list.js" type="text/javascript"></script>
 
@@ -19,13 +18,13 @@
 
     <!-- XXX action, method, fieldset -->
     <form class="dialog_form">
-      <button type="submit" data-i18n="Submit" class="ui-btn ui-btn-b ui-btn-inline
+      <button type="submit" class="ui-btn ui-btn-b ui-btn-inline
         ui-icon-action ui-btn-icon-right ui-screen-hidden">Submit</button>
 
        <div data-gadget-url="gadget_erp5_searchfield.html"
               data-gadget-scope="erp5_searchfield"
               data-gadget-sandbox="public"></div>
-    
+
       <div data-gadget-url="gadget_erp5_form.html"
               data-gadget-scope="erp5_form"
               data-gadget-sandbox="public"></div>

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_pt_form_list_html.xml

@@ -234,7 +234,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>946.44927.40202.16725</string> </value>
+                <value> <string>954.5635.22528.56337</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -252,7 +252,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1460379295.13</float>
+                        <float>1475506438.63</float>
                         <string>UTC</string>
                       </tuple>
                     </state>

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_pt_form_list_js.js

-/*global window, rJS, RSVP, loopEventListener, calculatePageTitle */
+/*global window, rJS, RSVP, calculatePageTitle */
 /*jslint nomen: true, indent: 2, maxerr: 3 */
-(function (window, rJS, RSVP, loopEventListener, calculatePageTitle) {
+(function (window, rJS, RSVP, calculatePageTitle) {
   "use strict";
 
   rJS(window)
-    /////////////////////////////////////////////////////////////////
-    // ready
-    /////////////////////////////////////////////////////////////////
-    // Init local properties
-    .ready(function (g) {
-      g.props = {};
-    })
-
-    // Assign the element to a variable
-    .ready(function (g) {
-      return g.getElement()
-        .push(function (element) {
-          g.props.element = element;
-        });
-    })
-
     /////////////////////////////////////////////////////////////////
     // Acquired methods
     /////////////////////////////////////////////////////////////////
@@ -33,67 +17,94 @@
     // declared methods
     /////////////////////////////////////////////////////////////////
     .declareMethod('render', function (options) {
-      var gadget = this,
-        form_options = options.erp5_form || {},
-        search_options = {};
+      var gadget = this;
+      return gadget.getUrlParameter('extended_search')
+        .push(function (extended_search) {
+          var state_dict = {
+            id: options.jio_key,
+            view: options.view,
+            editable: options.editable,
+            erp5_document: options.erp5_document,
+            form_definition: options.form_definition,
+            erp5_form: options.erp5_form || {},
+            extended_search: extended_search
+          };
+          return gadget.changeState(state_dict);
+        });
+    })
 
-      form_options.erp5_document = options.erp5_document;
-      form_options.form_definition = options.form_definition;
-      form_options.view = options.view;
+    .declareMethod('updateDOM', function () {
+      var form_gadget = this;
 
-      return new RSVP.Queue()
+      // render the erp5 form
+      return form_gadget.getDeclaredGadget("erp5_form")
+        .push(function (erp5_form) {
+          var form_options = form_gadget.state.erp5_form;
+
+          form_options.erp5_document = form_gadget.state.erp5_document;
+          form_options.form_definition = form_gadget.state.form_definition;
+          form_options.view = form_gadget.state.view;
+
+          // XXX Hardcoded for listbox's hide functionality
+          form_options.form_definition.hide_enabled = true;
+
+          // XXX not generic, fix later
+          if (form_gadget.state.extended_search) {
+            form_options.form_definition.extended_search = form_gadget.state.extended_search;
+          }
+
+          return erp5_form.render(form_options);
+        })
+
+        // render the search field
         .push(function () {
-          return gadget.getUrlParameter('extended_search');
+          return form_gadget.getDeclaredGadget("erp5_searchfield");
         })
-        .push(function (extended_search) {
+        .push(function (search_gadget) {
+          var search_options = {};
           // XXX not generic, fix later
-          if (extended_search) {
-            form_options.form_definition.extended_search = extended_search;
-            search_options.extended_search = extended_search;
+          if (form_gadget.state.extended_search) {
+            search_options.extended_search = form_gadget.state.extended_search;
           }
-          // XXX Hardcoded for listbox's hide functionality
-          form_options.form_definition.hide_enabled = true;
-          var new_content_action = options.erp5_document._links.action_object_new_content_action;
+          return search_gadget.render(search_options);
+        })
+
+        // render the header
+        .push(function () {
+          var new_content_action = form_gadget.state.erp5_document._links.action_object_new_content_action;
+
           if (new_content_action !== undefined) {
-            new_content_action = gadget.getUrlFor({command: 'change', options: {view: new_content_action.href, editable: true}});
+            new_content_action = form_gadget.getUrlFor({command: 'change', options: {view: new_content_action.href, editable: true}});
           } else {
             new_content_action = "";
           }
 
           return RSVP.all([
-            gadget.getDeclaredGadget("erp5_searchfield"),
-            gadget.getDeclaredGadget("erp5_form"),
             new_content_action,
-            gadget.getUrlFor({command: 'change', options: {page: "action"}}),
-            gadget.getUrlFor({command: 'display', options: {}}),
-            calculatePageTitle(gadget, options.erp5_document)
+            form_gadget.getUrlFor({command: 'change', options: {page: "action"}}),
+            form_gadget.getUrlFor({command: 'display', options: {}}),
+            calculatePageTitle(form_gadget, form_gadget.state.erp5_document)
           ]);
         })
         .push(function (all_gadget) {
-          return RSVP.all([
-            all_gadget[0].render(search_options),
-            all_gadget[1].render(form_options),
-            gadget.updateHeader({
-              panel_action: true,
-              jump_url: "",
-              cut_url: "",
-              add_url: all_gadget[2],
-              actions_url: all_gadget[3],
-              export_url: "",
-              page_title: all_gadget[5],
-              front_url: all_gadget[4],
-              filter_action: true
-            })
-
-          ]);
+          return form_gadget.updateHeader({
+            panel_action: true,
+            jump_url: "",
+            cut_url: "",
+            add_url: all_gadget[0],
+            actions_url: all_gadget[1],
+            export_url: "",
+            page_title: all_gadget[3],
+            front_url: all_gadget[2],
+            filter_action: true
+          });
         });
 
     })
 
     .declareMethod('triggerSubmit', function () {
       var gadget = this,
-        extended_search = '',
-        options = {};
+        extended_search = '';
       return gadget.getDeclaredGadget("erp5_searchfield")
         .push(function (search_gadget) {
           return search_gadget.getContent();
@@ -107,43 +118,36 @@
           return form_gadget.getListboxInfo();
         })
         .push(function (result) {
-          var url = "gadget_erp5_search_editor.html";
-          options.extended_search  = extended_search;
-          options.begin_from = result.begin_from;
-          options.search_column_list = result.search_column_list;
-          return gadget.renderEditorPanel(url, options);
+          return gadget.renderEditorPanel("gadget_erp5_search_editor.html", {
+            extended_search: extended_search,
+            begin_from: result.begin_from,
+            search_column_list: result.search_column_list
+          });
         });
     })
 
-    .declareService(function () {
+    .onEvent('submit', function () {
       var gadget = this;
 
-      function formSubmit() {
-        return gadget.getDeclaredGadget("erp5_searchfield")
-          .push(function (search_gadget) {
-            return search_gadget.getContent();
-          })
-          .push(function (data) {
-            var options = {
-              begin_from: undefined,
-              // XXX Hardcoded
-              field_listbox_begin_from: undefined
-            };
-            if (data.search) {
-              options.extended_search = data.search;
-            } else {
-              options.extended_search = undefined;
-            }
-            return gadget.redirect({command: 'store_and_change', options: options});
-          });
-      }
-      // Listen to form submit
-      return loopEventListener(
-        gadget.props.element.querySelector('form'),
-        'submit',
+      return gadget.getDeclaredGadget("erp5_searchfield")
+        .push(function (search_gadget) {
+          return search_gadget.getContent();
+        })
+        .push(function (data) {
+          var options = {
+            begin_from: undefined,
+            // XXX Hardcoded
+            field_listbox_begin_from: undefined
+          };
+          if (data.search) {
+            options.extended_search = data.search;
+          } else {
+            options.extended_search = undefined;
+          }
+
+          return gadget.redirect({command: 'store_and_change', options: options});
+        });
+
+    }, false, true);
+
+}(window, rJS, RSVP, calculatePageTitle));
\ No newline at end of file
-        false,
-        formSubmit
-      );
-    });
-
-}(window, rJS, RSVP, loopEventListener, calculatePageTitle));
\ No newline at end of file

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_pt_form_list_js.xml

@@ -230,7 +230,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>950.28943.57832.60535</string> </value>
+                <value> <string>954.5675.50023.58965</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -248,7 +248,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1460389440.4</float>
+                        <float>1474549231.17</float>
                         <string>UTC</string>
                       </tuple>
                     </state>

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_pt_form_view_editable_html.html

@@ -8,10 +8,8 @@
     <!-- renderjs -->
     <script src="rsvp.js" type="text/javascript"></script>
     <script src="renderjs.js" type="text/javascript"></script>
-    <script src="URI.js" type="text/javascript"></script>
 
     <!-- custom script -->
-    <script src="gadget_global.js" type="text/javascript"></script>
     <script src="gadget_erp5_global.js" type="text/javascript"></script>
     <script src="gadget_erp5_pt_form_view_editable.js" type="text/javascript"></script>
 

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_pt_form_view_editable_html.xml

@@ -234,7 +234,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>946.44927.40202.16725</string> </value>
+                <value> <string>952.64761.25287.18397</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -252,7 +252,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1460379409.72</float>
+                        <float>1475506409.12</float>
                         <string>UTC</string>
                       </tuple>
                     </state>

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_pt_form_view_editable_js.js

-/*global window, rJS, RSVP, loopEventListener, document, calculatePageTitle */
+/*global window, rJS, RSVP, calculatePageTitle */
 /*jslint nomen: true, indent: 2, maxerr: 3 */
-(function (window, rJS, RSVP, loopEventListener, calculatePageTitle) {
+(function (window, rJS, RSVP, calculatePageTitle) {
   "use strict";
 
   rJS(window)
-    /////////////////////////////////////////////////////////////////
-    // ready
-    /////////////////////////////////////////////////////////////////
-    // Init local properties
-    .ready(function (g) {
-      g.props = {};
-    })
-
-    // Assign the element to a variable
-    .ready(function (g) {
-      return g.getElement()
-        .push(function (element) {
-          g.props.element = element;
-        });
-    })
 
     .declareAcquiredMethod("jio_putAttachment", "jio_putAttachment")
-    .declareAcquiredMethod("translateHtml", "translateHtml")
     .declareAcquiredMethod("getUrlFor", "getUrlFor")
     .declareAcquiredMethod("redirect", "redirect")
     .declareAcquiredMethod("updateHeader", "updateHeader")
@@ -35,135 +19,129 @@
     // declared methods
     /////////////////////////////////////////////////////////////////
     .declareMethod('triggerSubmit', function () {
-      this.props.element.querySelector('button').click();
+      this.element.querySelector('button').click();
     })
-    .declareMethod('render', function (options) {
-      var erp5_document = options.erp5_document,
-        form_gadget = this,
-        action_dict = erp5_document._embedded._view._actions;
 
-      form_gadget.props.id = options.jio_key;
-      form_gadget.props.view = options.view;
-      form_gadget.props.form_id = erp5_document._embedded._view.form_id;
+    .declareMethod('render', function (options) {
+      var state_dict = {
+        id: options.jio_key,
+        view: options.view,
+        editable: options.editable,
+        erp5_document: options.erp5_document,
+        form_definition: options.form_definition,
+        erp5_form: options.erp5_form || {}
+      };
+      return this.changeState(state_dict);
+    })
 
-      if (action_dict !== undefined) {
-        form_gadget.props.action = erp5_document._embedded._view._actions.put;
-      }
+    .declareMethod('updateDOM', function () {
+      var form_gadget = this;
 
+      // render the erp5 form
       return form_gadget.getDeclaredGadget("erp5_form")
         .push(function (erp5_form) {
-          var form_options = options.erp5_form || {},
-            new_content_action,
-            delete_action;
+          var form_options = form_gadget.state.erp5_form;
 
-          form_options.erp5_document = options.erp5_document;
-          form_options.form_definition = options.form_definition;
-          form_options.view = options.view;
+          form_options.erp5_document = form_gadget.state.erp5_document;
+          form_options.form_definition = form_gadget.state.form_definition;
+          form_options.view = form_gadget.state.view;
+
+          return erp5_form.render(form_options);
+        })
+
+        // render the header
+        .push(function () {
+          var new_content_action = form_gadget.state.erp5_document._links.action_object_new_content_action,
+            delete_action = form_gadget.state.erp5_document._links.action_object_delete_action,
+            save_action = false;
+
+          if (form_gadget.state.erp5_document._embedded._view._actions !== undefined) {
+            if (form_gadget.state.erp5_document._embedded._view._actions.put !== undefined) {
+              save_action = true;
+            }
+          }
 
-          new_content_action = options.erp5_document._links.action_object_new_content_action;
           if (new_content_action !== undefined) {
             new_content_action = form_gadget.getUrlFor({command: 'change', options: {view: new_content_action.href, editable: true}});
           } else {
             new_content_action = "";
           }
 
-
-          delete_action = options.erp5_document._links.action_object_delete_action;
           if (delete_action !== undefined) {
             delete_action = form_gadget.getUrlFor({command: 'change', options: {view: delete_action.href, editable: undefined}});
           } else {
             delete_action = "";
           }
           return RSVP.all([
-            erp5_form.render(form_options),
             form_gadget.getUrlFor({command: 'change', options: {page: "tab"}}),
             form_gadget.getUrlFor({command: 'change', options: {page: "action", editable: true}}),
             new_content_action,
             form_gadget.getUrlFor({command: 'history_previous'}),
             delete_action,
-            calculatePageTitle(form_gadget, options.erp5_document)
+            save_action,
+            calculatePageTitle(form_gadget, form_gadget.state.erp5_document)
           ]);
         })
         .push(function (all_result) {
-          var header_dict = {
-            tab_url: all_result[1],
-            actions_url: all_result[2],
-            add_url: all_result[3],
-            selection_url: all_result[4],
-            delete_url: all_result[5],
+          return form_gadget.updateHeader({
+            tab_url: all_result[0],
+            actions_url: all_result[1],
+            add_url: all_result[2],
+            selection_url: all_result[3],
+            delete_url: all_result[4],
             cut_url: "",
-            page_title: all_result[6]
-          };
-          if (form_gadget.props.action !== undefined) {
-            header_dict.save_action = true;
-          }
-
-          return form_gadget.updateHeader(header_dict);
+            page_title: all_result[6],
+            save_action: all_result[5]
+          });
         });
     })
 
+    .onEvent('submit', function () {
+      var form_gadget = this,
+        erp5_form,
+        form_id = this.state.erp5_document._embedded._view.form_id,
+        action = form_gadget.state.erp5_document._embedded._view._actions.put;
 
-    .declareService(function () {
-      ////////////////////////////////////
-      // Form submit listening
-      ////////////////////////////////////
-      var form_gadget = this;
+      return form_gadget.getDeclaredGadget("erp5_form")
+        .push(function (gadget) {
+          erp5_form = gadget;
+          return erp5_form.checkValidity();
+        })
+        .push(function (validity) {
+          if (validity) {
+            return erp5_form.getContent()
+              .push(function (data) {
+
+                data[form_id.key] = form_id['default'];
+
+                return RSVP.all([
+                  form_gadget.notifySubmitting(),
+                  form_gadget.jio_putAttachment(
+                    form_gadget.state.id,
+                    action.href,
+                    data
+                  )
+                ]);
+              })
+              .push(form_gadget.notifySubmitted.bind(form_gadget))
+              .push(function () {
+                return form_gadget.redirect({command: 'reload'});
+              })
+              .push(undefined, function (error) {
+                if ((error.target !== undefined) && (error.target.status === 400)) {
+                  return form_gadget.notifySubmitted()
+                    .push(function () {
+                      return form_gadget.notifyChange();
+                    })
+                    .push(function () {
+                      return form_gadget.displayFormulatorValidationError(JSON.parse(error.target.responseText));
+                    });
+                }
+                throw error;
+              });
+          }
+        });
 
-      function formSubmit() {
-        var erp5_form;
-        if (form_gadget.props.action === undefined) {
-          // If not action is defined on form, do nothing
+    }, false, true);
+
+}(window, rJS, RSVP, calculatePageTitle));
\ No newline at end of file
-          return;
-        }
-        return form_gadget.getDeclaredGadget("erp5_form")
-          .push(function (gadget) {
-            erp5_form = gadget;
-            return erp5_form.checkValidity();
-          })
-          .push(function (validity) {
-            if (validity) {
-              return erp5_form.getContent()
-                .push(function (data) {
-
-                  data[form_gadget.props.form_id.key] =
-                                          form_gadget.props.form_id['default'];
-
-                  return RSVP.all([
-                    form_gadget.notifySubmitting(),
-                    form_gadget.jio_putAttachment(
-                      form_gadget.props.id,
-                      form_gadget.props.action.href,
-                      data
-                    )
-                  ]);
-                })
-                .push(form_gadget.notifySubmitted.bind(form_gadget))
-                .push(function () {
-                  return form_gadget.redirect({command: 'reload'});
-                })
-                .push(undefined, function (error) {
-                  if ((error.target !== undefined) && (error.target.status === 400)) {
-                    return form_gadget.notifySubmitted()
-                      .push(function () {
-                        return form_gadget.notifyChange();
-                      })
-                      .push(function () {
-                        return form_gadget.displayFormulatorValidationError(JSON.parse(error.target.responseText));
-                      });
-                  }
-                  throw error;
-                });
-            }
-          });
-      }
-
-      // Listen to form submit
-      return loopEventListener(
-        form_gadget.props.element.querySelector('form'),
-        'submit',
-        false,
-        formSubmit
-      );
-    });
-
-}(window, rJS, RSVP, loopEventListener, calculatePageTitle));
\ No newline at end of file

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_pt_form_view_editable_js.xml

@@ -230,7 +230,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>950.28778.40365.28040</string> </value>
+                <value> <string>954.5631.5200.57036</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -248,7 +248,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1460380770.14</float>
+                        <float>1474549439.64</float>
                         <string>UTC</string>
                       </tuple>
                     </state>

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_pt_form_view_html.html

@@ -8,10 +8,8 @@
     <!-- renderjs -->
     <script src="rsvp.js" type="text/javascript"></script>
     <script src="renderjs.js" type="text/javascript"></script>
-    <script src="URI.js" type="text/javascript"></script>
 
     <!-- custom script -->
-    <script src="gadget_global.js" type="text/javascript"></script>
     <script src="gadget_erp5_global.js" type="text/javascript"></script>
     <script src="gadget_erp5_pt_form_view.js" type="text/javascript"></script>
 

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_pt_form_view_html.xml

@@ -234,7 +234,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>946.44927.40202.16725</string> </value>
+                <value> <string>954.23068.50721.21589</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -252,7 +252,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1460379399.92</float>
+                        <float>1475506379.44</float>
                         <string>UTC</string>
                       </tuple>
                     </state>

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_pt_form_view_js.js

@@ -3,18 +3,7 @@
 (function (window, rJS, RSVP, calculatePageTitle) {
   "use strict";
 
-  // Precompile the templates while loading the first gadget instance
-  var gadget_klass = rJS(window);
-
-  gadget_klass
-    /////////////////////////////////////////////////////////////////
-    // ready
-    /////////////////////////////////////////////////////////////////
-    // Init local properties
-    .ready(function (g) {
-      g.props = {};
-    })
-
+  rJS(window)
     /////////////////////////////////////////////////////////////////
     // Acquired methods
     /////////////////////////////////////////////////////////////////
@@ -25,11 +14,25 @@
     // declared methods
     /////////////////////////////////////////////////////////////////
     .declareMethod('render', function (options) {
+      var state_dict = {
+        id: options.jio_key,
+        view: options.view,
+        editable: options.editable,
+        erp5_document: options.erp5_document,
+        form_definition: options.form_definition,
+        erp5_form: options.erp5_form || {}
+      };
+      return this.changeState(state_dict);
+    })
+
+    .declareMethod('updateDOM', function () {
       var gadget = this;
+
+      // render the erp5 form
       return this.getDeclaredGadget("erp5_form")
-        .push(function (form_gadget) {
-          var form_options = options.erp5_form || {},
-            rendered_form = options.erp5_document._embedded._view,
+        .push(function (erp5_form) {
+          var form_options = gadget.state.erp5_form,
+            rendered_form = gadget.state.erp5_document._embedded._view,
             rendered_field,
             key;
 
@@ -46,32 +49,35 @@
             }
           }
 
-          form_options.erp5_document = options.erp5_document;
-          form_options.form_definition = options.form_definition;
-          form_options.view = options.view;
+          form_options.erp5_document = gadget.state.erp5_document;
+          form_options.form_definition = gadget.state.form_definition;
+          form_options.view = gadget.state.view;
 
+          return erp5_form.render(form_options);
+        })
+
+        // render the header
+        .push(function () {
           return RSVP.all([
-            form_gadget.render(form_options),
             gadget.getUrlFor({command: 'change', options: {editable: true}}),
             gadget.getUrlFor({command: 'change', options: {page: "action"}}),
             gadget.getUrlFor({command: 'history_previous'}),
             gadget.getUrlFor({command: 'selection_previous'}),
             gadget.getUrlFor({command: 'selection_next'}),
             gadget.getUrlFor({command: 'change', options: {page: "tab"}}),
-            calculatePageTitle(gadget, options.erp5_document)
+            calculatePageTitle(gadget, gadget.state.erp5_document)
           ]);
         })
         .push(function (all_result) {
-
           return gadget.updateHeader({
-            edit_url: all_result[1],
-            actions_url: all_result[2],
-            selection_url: all_result[3],
-            previous_url: all_result[4],
-            next_url: all_result[5],
-            tab_url: all_result[6],
+            edit_url: all_result[0],
+            actions_url: all_result[1],
+            selection_url: all_result[2],
+            previous_url: all_result[3],
+            next_url: all_result[4],
+            tab_url: all_result[5],
             export_url: "",
-            page_title: all_result[7]
+            page_title: all_result[6]
           });
         });
     });

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_pt_form_view_js.xml

@@ -230,7 +230,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>952.13100.46637.65024</string> </value>
+                <value> <string>954.5630.32927.153</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -248,7 +248,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1467219125.65</float>
+                        <float>1474546509.43</float>
                         <string>UTC</string>
                       </tuple>
                     </state>