erp5_web_renderjs_ui: prototype to only display listbox if there is search query

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_listbox_js.js

@@ -346,12 +346,15 @@
       })
       .push(function () {
         var table =  gadget.element.querySelector("table"),
+          old_container;
+        if (table) {
           old_container = table.querySelector(container_name);
           if (old_container) {
             table.replaceChild(container, old_container);
           } else {
             table.appendChild(container);
           }  
+        }
         return table;
       });
   }
@@ -914,6 +917,7 @@
 
             domsugar(table_element.querySelector('tr'), th_element_list);
 
+            if (gadget.state.extended_search) {
               domsugar(container, [
                 domsugar('div', {
                   "class": 'ui-table-header ui-header'
@@ -921,6 +925,7 @@
                 table_element,
                 domsugar('nav')
               ]);
+            }
           });
       }
 
@@ -932,14 +937,17 @@
         result_queue
           .push(function () {
             var loading_element = gadget.element.querySelector(".listboxloader"),
-              loading_element_classList = loading_element.classList,
+              loading_element_classList,
+              tbody_classList;
+            if (loading_element) {
+              loading_element_classList = loading_element.classList;
               tbody_classList = gadget.element.querySelector("table").querySelector("tbody").classList;
               // Set the loading icon and trigger line calculation
               loading_element_classList.add.apply(loading_element_classList, loading_class_list);
               // remove pagination information
               loading_element.textContent = '';
               tbody_classList.add(disabled_class); 
-
+            }
             return gadget.fetchLineContent(false);
           });
 
@@ -1171,9 +1179,12 @@
               })
               .push(function () {
                 var loading_element = gadget.element.querySelector(".listboxloader"),
+                  loading_element_classList;
+                if (loading_element) {
                   loading_element_classList = loading_element.classList;
                   loading_element_classList.remove.apply(loading_element_classList, loading_class_list);
                   loading_element.textContent = '(' + pagination_message + ')';
+                }
               })
               .push(function () {
                 var sub_element_list = [
@@ -1190,6 +1201,7 @@
                     })
                   );
                 }
+                if (!gadget.state.extended_search) {
                   domsugar(gadget.element.querySelector(".graphic_section"), [
                     domsugar("select", {
                       "name": "GraphicSelect",
@@ -1197,9 +1209,12 @@
                     }, sub_element_list),
                     domsugar("div", {"class": "graphic_area"})
                   ]);
+                }
               });
           });
-        if (gadget.state.graphic_type && gadget.state.graphic_type !== "") {
+        if (!gadget.state.extended_search &&
+            gadget.state.graphic_type &&
+            gadget.state.graphic_type !== "") {
           result_queue
             .push(function () {
               return gadget.declareGadget('gadget_graphic.html', {

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_listbox_js.xml

@@ -240,7 +240,7 @@
                   </item>
                   <item>
                       <key> <string>serial</string> </key>
-                      <value> <string>997.10044.21385.7219</string> </value>
+                      <value> <string>997.21665.57108.32682</string> </value>
                   </item>
                   <item>
                       <key> <string>state</string> </key>
@@ -258,7 +258,7 @@
                           </tuple>
                           <state>
                             <tuple>
-                              <float>1640784531.93</float>
+                              <float>1641481115.02</float>
                               <string>UTC</string>
                             </tuple>
                           </state>