slapos_jio: Fixup collapse/expand of parameters

master/bt5/slapos_jio/PathTemplateItem/web_page_module/rjs_gadget_erp5_page_slap_parameter_form_css.css

@@ -51,7 +51,7 @@
   display: inline-block;
 }
 
-button.hidden-button {
+.display-none {
   display: none;
 }
 
@@ -68,29 +68,14 @@ margin: 5px 0 10px; max-height: 250px; width: 80%;}
 
 .subfield {
   padding-left: 20px;
-}
-
-label.slapos-parameter-dict-key::before {
-  content: "Parameter Entry: ";
-}
-
-
-div.slapos-parameter-dict-key {
-  margin-top: 10px;
-  margin-left: 6px;
-}
-
-.subfield {
   padding-top: 3px;
 }
+
 textarea.slapos-parameter {
   width: 400px;
   height: 100px;
 }
 
-button.hidden-button {
-  display: none;
-}
 label.slapos-parameter-dict-key::before {
   content: "\25BC  Parameter Entry: ";
 }

master/bt5/slapos_jio/PathTemplateItem/web_page_module/rjs_gadget_erp5_page_slap_parameter_form_css.xml

@@ -267,7 +267,7 @@
                   </item>
                   <item>
                       <key> <string>serial</string> </key>
-                      <value> <string>977.18105.11982.10410</string> </value>
+                      <value> <string>1004.33923.4937.19370</string> </value>
                   </item>
                   <item>
                       <key> <string>state</string> </key>
@@ -285,7 +285,7 @@
                           </tuple>
                           <state>
                             <tuple>
-                              <float>1563920275.64</float>
+                              <float>1669223474.78</float>
                               <string>UTC</string>
                             </tuple>
                           </state>

master/bt5/slapos_jio/PathTemplateItem/web_page_module/rjs_gadget_erp5_page_slap_parameter_form_html.html

@@ -30,7 +30,7 @@
             </div>
             <div class="field" title="hide_show_button">
               <div class="input">
-                <button type="button" class="slapos-show-form hidden-button"> Show Parameter Form </button>
+                <button type="button" class="slapos-show-form display-none"> Show Parameter Form </button>
                 <button type="button" class="slapos-show-raw-parameter"> Show Parameter XML</button>
               </div>
             </div>

master/bt5/slapos_jio/PathTemplateItem/web_page_module/rjs_gadget_erp5_page_slap_parameter_form_html.xml

@@ -238,7 +238,7 @@
                   </item>
                   <item>
                       <key> <string>serial</string> </key>
-                      <value> <string>1000.2322.46712.16657</string> </value>
+                      <value> <string>1004.26625.54107.30429</string> </value>
                   </item>
                   <item>
                       <key> <string>state</string> </key>
@@ -256,7 +256,7 @@
                           </tuple>
                           <state>
                             <tuple>
-                              <float>1668785389.46</float>
+                              <float>1669223665.45</float>
                               <string>UTC</string>
                             </tuple>
                           </state>

master/bt5/slapos_jio/PathTemplateItem/web_page_module/rjs_gadget_erp5_page_slap_parameter_form_js.js

@@ -375,7 +375,8 @@
               render_subform({},
                 default_dict[key],
                 domsugar("div", {"class": "input"}),
-                path + "/" + key)
+                path + "/" + key,
+                editable)
             ]);
           } else {
             input = render_field({"type": "string", "textarea": true}, default_dict[key], false);
@@ -485,13 +486,15 @@
   }
 
   function collapseParameter(element) {
-    element.parentNode.querySelector("div").toggle(300);
+    element.parentNode.querySelectorAll("div.subfield").forEach(function (div, i) {
+      div.classList.toggle("display-none");
+    });
     element.classList.toggle("slapos-parameter-dict-key-colapse");
     return element;
   }
 
   function removeSubParameter(element) {
-    element.parentNone.parentNode.remove();
+    element.parentNode.parentNode.remove();
     return false;
   }
 
@@ -511,7 +514,7 @@
       text: input_text.value
     })]);
 
-    div = render_subform(subform_json, {}, div, element.name + "/" + input_text.value);
+    div = render_subform(subform_json, {}, div, element.name + "/" + input_text.value, gadget.state.editable);
     element.parentNode.parentNode.insertBefore(div, element.parentNode.parentNode.children[1]);
     return div;
   }
@@ -552,8 +555,8 @@
       throw new Error("Select not found.");
     }
 
-    to_hide.classList.add("hidden-button");
-    to_show.classList.remove("hidden-button");
+    to_hide.classList.add("display-none");
+    to_show.classList.remove("display-none");
 
     return g.changeState({
       display_step: DISPLAY_JSON_FORM,
@@ -567,8 +570,8 @@
     var e = g.element.querySelector("button.slapos-show-raw-parameter"),
       to_show = g.element.querySelector("button.slapos-show-form");
 
-    e.classList.add("hidden-button");
-    to_show.classList.remove("hidden-button");
+    e.classList.add("display-none");
+    to_show.classList.remove("display-none");
 
     return g.changeState({
       display_step: DISPLAY_RAW_XML,
@@ -685,11 +688,11 @@
 
     if (error_text) {
       if (show_raw_button !== null) {
-        show_raw_button.classList.add("hidden-button");
+        show_raw_button.classList.add("display-none");
       }
 
       if (show_form_button !== null) {
-        show_form_button.classList.remove("hidden-button");
+        show_form_button.classList.remove("display-none");
       }
 
       div_error = domsugar('div', {
@@ -753,11 +756,11 @@
     }
 
     if (to_hide !== null) {
-      to_hide.classList.add("hidden-button");
+      to_hide.classList.add("display-none");
     }
 
     if (to_show !== null) {
-      to_show.classList.remove("hidden-button");
+      to_show.classList.remove("display-none");
     }
     return gadget.loadSoftwareJSON(json_url)
       .push(function (json) {
@@ -961,7 +964,7 @@
 
         for (i = 0; i < div_list.length; i = i + 1) {
           // This should be replaced by a proper class hidden-div
-          div_list[i].style.display = 'none';
+          div_list[i].classList.add('display-none');
         }
 
         for (i = 0; i < label_list.length; i = i + 1) {

master/bt5/slapos_jio/PathTemplateItem/web_page_module/rjs_gadget_erp5_page_slap_parameter_form_js.xml

@@ -280,7 +280,7 @@
                   </item>
                   <item>
                       <key> <string>serial</string> </key>
-                      <value> <string>1004.26620.25323.62993</string> </value>
+                      <value> <string>1004.33938.61743.7680</string> </value>
                   </item>
                   <item>
                       <key> <string>state</string> </key>
@@ -298,7 +298,7 @@
                           </tuple>
                           <state>
                             <tuple>
-                              <float>1668786346.24</float>
+                              <float>1669224195.85</float>
                               <string>UTC</string>
                             </tuple>
                           </state>