dashboard/src/templates/config_bundle/steps/define_software.html

   1 {% extends "config_bundle/steps/table_formset.html" %}
   2
   3 {% load bootstrap3 %}
   4
   5 {% block table %}
   6     <thead>
   7         <tr>
   8             <th>Device</th>
   9             <th>Image</th>
  10             <th>HeadNode</th>
  11         </tr>
  12     </thead>
  13     <tbody>
  14 {% for form in formset %}
  15     <tr>
  16         <td>{% bootstrap_field form.host_name show_label=False %}</td>
  17         <td>{% bootstrap_field form.image show_label=False %}</td>
  18         <td class="table_hidden_input_parent">
  19             <input id="radio_{{forloop.counter}}" class="my_radio" type="radio" name="headnode" value="{{forloop.counter}}">
  20             {{ form.headnode }}
  21         </td>
  22     </tr>
  23 {% endfor %}
  24 {{formset.management_form}}
  25
  26 {% endblock table %}
  27
  28 {% block tablejs %}
  29 <script>
  30
  31     document.getElementById("radio_{{headnode}}").checked = true;
  32
  33 </script>
  34 {% endblock tablejs %}
  35
  36
  37 {% block onleave %}
  38 var parents = document.getElementsByClassName("table_hidden_input_parent");
  39 for(var i=0; i<parents.length; i++){
  40     var node = parents[i];
  41     var radio = node.getElementsByClassName("my_radio")[0];
  42     var checkbox = radio.nextElementSibling;
  43     if(radio.checked){
  44         checkbox.value = "True";
  45     }
  46 }
  47
  48 var form = $("#table_formset");
  49 var formData = form.serialize();
  50 var req = new XMLHttpRequest();
  51 req.open("POST", "/wf/workflow/", false);
  52 req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  53 req.onerror = function() { alert("problem with form submission"); }
  54 req.send(formData);
  55 {% endblock onleave %}