src/templates/dashboard/genericselect.html

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