src/templates/booking/steps/swconfig_select.html

   1 {% extends "workflow/viewport-element.html" %}
   2 {% load staticfiles %}
   3
   4 {% load bootstrap3 %}
   5
   6 {% block content %}
   7
   8 <style>
   9     #sw_form_div {
  10         width: 100%;
  11         padding: 5%;
  12     }
  13
  14     .panel {
  15         /*border: solid 1px black;*/
  16         border: none;
  17     }
  18     .select_panels {
  19         width: 100%;
  20         display: grid;
  21         grid-template-columns: 45% 10% 45%;
  22
  23     }
  24
  25     .panel_center {
  26         text-align: center;
  27         border: none;
  28
  29
  30     }
  31     .panel_center p{
  32         font-size: 20pt;
  33     }
  34 </style>
  35
  36 <div id="sw_form_div">
  37     <div class="select_panels">
  38         <div class="panel_chooser panel">
  39     <form id="software_select_form" method="post" action="" class="form" id="swselectorform">
  40         {% csrf_token %}
  41         {{ form|default:"<p>no form loaded</p>" }}
  42         {% buttons %}
  43
  44         {% endbuttons %}
  45     </form>
  46     </div>
  47     <div class="panel_center panel"><p>OR</p></div>
  48     <div class="panel_add panel">
  49         <button class="btn {% if disabled %} disabled {% endif %}"
  50         style="width: 100%; height: 100%;"
  51         {% if not disabled %}onclick="parent.add_wf(2)"
  52         {% endif %}>Create Config</button>
  53     </div>
  54     <script>
  55         {% if disabled %}
  56         disable();
  57         {% endif %}
  58     </script>
  59
  60 </div>
  61 </div>
  62
  63 {% endblock content %}
  64
  65 {% block onleave %}
  66 var form = $("#software_select_form");
  67 var formData = form.serialize();
  68 var req = new XMLHttpRequest();
  69 req.open("POST", "/wf/workflow/", false);
  70 req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  71 req.onerror = function() { alert("problem with form submission"); }
  72 req.send(formData);
  73 {% endblock %}