erp5_web_renderjs_ui: add listbox header first version

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_listbox_html.xml

@@ -126,6 +126,19 @@
 \n
     <!-- XXX must set a theme here -->\n
     <section class="document_table">\n
+      <div class="ui-table-header ui-header ui-bar-c ui-corner-all">\n
+        <div class="ui-controlgroup ui-controlgroup-horizontal ui-btn-left">\n
+          <div class="ui-controlgroup-controls">\n
+            <a class="ui-responsive ui-btn ui-btn-icon-left ui-icon-eye ui-first-child" href="#">Hide Rows</a>\n
+          </div>\n
+        </div>\n
+        <h1 class="ui-title">0 items selected</h1>\n
+        <div class="ui-controlgroup ui-controlgroup-horizontal ui-btn-right">\n
+          <div class="ui-controlgroup-controls">\n
+            <a class="ui-responsive ui-btn ui-btn-icon-left ui-icon-sort-amount-desc ui-last-child" href="#">Apply Filter</a>\n
+          </div>\n
+        </div>\n
+      </div>\n
       <table class="ui-responsive ui-body-c ui-table-inset">\n
         <thead class="ui-bar-inherit"></thead>\n
         <tfoot class="ui-bar-inherit"></tfoot>\n
@@ -270,7 +283,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>937.51306.4912.34986</string> </value>
+                <value> <string>938.20466.7800.9574</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -288,7 +301,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1411576737.72</float>
+                        <float>1413558987.65</float>
                         <string>GMT</string>
                       </tuple>
                     </state>

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_listbox_js.xml

@@ -113,6 +113,7 @@
     // Init local properties\n
     .ready(function (g) {\n
       g.props = {};\n
+      \n
     })\n
 \n
     // Assign the element to a variable\n
@@ -127,7 +128,7 @@
     // acquired method\n
     //////////////////////////////////////////////\n
     .declareAcquiredMethod("jio_allDocs", "jio_allDocs")\n
-    .declareAcquiredMethod("whoWantToDisplayThis", "whoWantToDisplayThis")\n
+    .declareAcquiredMethod("whoWantToDisplayThisFromQuery", "whoWantToDisplayThisFromQuery")\n
     .declareAcquiredMethod("pleasePublishMyState", "pleasePublishMyState")\n
     //////////////////////////////////////////////\n
     // initialize the gadget content\n
@@ -198,7 +199,7 @@
 \n
         for (i = 0; i < counter; i += 1) {\n
           promise_list.push(\n
-            gadget.whoWantToDisplayThis(result.data.rows[i].id)\n
+            gadget.whoWantToDisplayThisFromQuery(result.data.rows[i].id)\n
           );\n
         }\n
         return RSVP.all(promise_list);\n
@@ -266,14 +267,14 @@
           len;\n
 \n
         th.setAttribute("colspan", field_json.column_list.length);\n
-\n
-        paging_menu.className = "ui-controlgroup ui-controlgroup-horizontal ui-corner-all";\n
+        // NOTE: Romain: paging menu with 3+ buttons should have another class name (like ui-paging-grid)\n
+        paging_menu.className = "ui-controlgroup ui-controlgroup-horizontal ui-corner-all ui-paging-menu";\n
         paging_wrap.className = "ui-controlgroup-controls";\n
 \n
-        paging_prev.className = "ui-btn ui-icon-carat-l ui-btn-icon-left ui-first-child";\n
+        paging_prev.className = "ui-btn ui-icon-carat-l ui-btn-icon-left responsive ui-first-child";\n
         paging_prev.textContent = "Previous";\n
         paging_prev.href = url_list[0];\n
-        paging_info.className = "ui-btn ui-disabled custom-readonly";\n
+        paging_info.className = "ui-btn ui-disabled";\n
         if ((begin_from === 0) && (counter === 0)) {\n
           paging_info.textContent = "No records";\n
         } else if ((dataset.data.rows.length <= lines) && (begin_from === 0)) {\n
@@ -282,7 +283,7 @@
           paging_info.textContent = "Records " + (((begin_from + lines) / lines - 1) * lines + 1) + " to " + (((begin_from + lines) / lines - 1) * lines + counter);\n
         }\n
         // paging_info.textContent = "Page " + ((begin_from + lines) / lines);\n
-        paging_next.className = "ui-btn ui-icon-carat-r ui-btn-icon-right ui-last-child";\n
+        paging_next.className = "ui-btn ui-icon-carat-r ui-btn-icon-right responsive ui-last-child";\n
         paging_next.textContent = "Next";\n
         paging_next.href = url_list[1];\n
 \n
@@ -435,7 +436,7 @@
             </item>
             <item>
                 <key> <string>actor</string> </key>
-                <value> <string>romain</string> </value>
+                <value> <string>sven</string> </value>
             </item>
             <item>
                 <key> <string>comment</string> </key>
@@ -449,7 +450,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>938.5956.58558.46011</string> </value>
+                <value> <string>938.20414.6642.36608</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -467,7 +468,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1412689886.0</float>
+                        <float>1413558513.8</float>
                         <string>GMT</string>
                       </tuple>
                     </state>