dashboard/src/templates/workflow/confirm.html

   1 {% extends "workflow/viewport-element.html" %}
   2 {% load staticfiles %}
   3
   4 {% load bootstrap3 %}
   5
   6 {% block content %}
   7
   8 <style>
   9     #form_div {
  10         width: 100%;
  11         padding: 5%;
  12         text-align: center;
  13     }
  14     #text_display {
  15         text-align: left;
  16         display: inline-block;
  17     }
  18     #text_wrapper {
  19         text-align: center; /*centers child div*/
  20     }
  21     p {
  22         margin:0;
  23         padding:0;
  24     }
  25 </style>
  26
  27 <div style="text-align:center;">
  28     <h3>Confirm  Session</h3>
  29 </div>
  30 <div id="vlan_warning"></div>
  31 <form id="vlan_form" action="/wf/workflow/" method="post">
  32     {% csrf_token %}
  33     <input id="vlan_input" name="vlan_input" type="hidden"/>
  34 </form>
  35 <div id="text_wrapper">
  36     <div id="text_display">
  37         <pre>{{confirmation_info|escape}}</pre>
  38     </div>
  39 </div>
  40 <div id="form_div">
  41 <form id="confirmation_form" action="/wf/workflow/" method="post">
  42     {% csrf_token %}
  43     <div style="display: none;">
  44     {{form|default:"<p> No Form Loaded</p>"}}
  45     </div>
  46 </form>
  47 <div class="cform_buttons">
  48     <button id="confirm_button" class="btn btn-success" onclick="formconfirm()">Confirm</button>
  49     <button id="cancel_button" class="btn btn-danger" onclick="formcancel()">Cancel</button>
  50 </div>
  51
  52 <div style="display: none;">
  53 <form id="manager_delete_form" action="/wf/workflow/finish/" method="post">
  54     {% csrf_token %}
  55 </form>
  56 </div>
  57
  58 <script>
  59     var select = document.getElementById("id_confirm");
  60
  61     function delete_manager()
  62     {
  63         var form = $("#manager_delete_form");
  64         var formData = form.serialize();
  65         var req = new XMLHttpRequest();
  66         req.open("POST", "/wf/workflow/finish/", false);
  67         req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  68         req.onerror = function() { alert("problem with cleaning up session"); }
  69         req.onreadystatechange = function() { if(req.readyState === 4 ) {
  70                 window.top.refresh_iframe();
  71                 }}
  72         req.send(formData);
  73     }
  74
  75     function submitForm()
  76     {
  77         var form = $("#confirmation_form");
  78         var formData = form.serialize();
  79         var req = new XMLHttpRequest();
  80         req.open("POST", "/wf/workflow/", false);
  81         req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  82         req.onerror = function() { alert("problem submitting confirmation"); }
  83         req.onreadystatechange = function() { if(req.readyState === 4 ) { delete_manager(); } }
  84         req.send(formData);
  85     }
  86
  87
  88     function formconfirm()
  89     {
  90         select.value = "True";
  91         submitForm();
  92     }
  93     function formcancel()
  94     {
  95         select.value = "False";
  96         submitForm();
  97     }
  98
  99     var confirmed = {{bypassed|default:"false"}};
 100     if( confirmed )
 101     {
 102         delete_manager();
 103     }
 104 </script>
 105 <script>
 106
 107 function fixVlans() {
 108     document.getElementById("vlan_input").value = "True";
 109     var form = $("#vlan_form");
 110     var formData = form.serialize();
 111     var req = new XMLHttpRequest();
 112     req.open("POST", "/wf/workflow/", false);
 113     req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
 114     req.onerror = function() { alert("problem submitting form"); }
 115     req.onreadystatechange = function() { //replaces current page with response
 116         if(req.readyState === 4 ) {
 117             var d = document.getElementById("vlan_warning").innerHTML = "";
 118             document.getElementById("confirm_button").disabled = false;
 119             document.getElementById("cancel_button").disabled = false;
 120         }
 121     }
 122     req.send(formData);
 123 }
 124 var problem = {{vlan_warning|default:'false'}};
 125 if(problem){
 126     var d = document.getElementById("vlan_warning");
 127     var h3 = document.createElement("h3");
 128     h3.innerHTML = "WARNING: Vlans not available";
 129     var h4 = document.createElement("h4");
 130     h4.innerHTML = "The vlans you selected are not currently available. Would you like to automatically change them?";
 131     var button1 = document.createElement("button");
 132     button1.innerHTML = "Correct Vlans For Me";
 133     button1.onclick = function() { fixVlans(); }
 134
 135     var button2 = document.createElement("button");
 136     button2.innerHTML = "Cancel. I will change my vlans";
 137     button2.onclick = function() { formcancel(); }
 138     d.appendChild(h3);
 139     d.appendChild(h4);
 140     d.appendChild(button1);
 141     d.appendChild(button2);
 142     document.getElementById("confirm_button").disabled = true;
 143     document.getElementById("cancel_button").disabled = true;
 144 }
 145 </script>
 146 </div>
 147 {% block element_messages %}
 148
 149 {% endblock element_messages %}
 150 {% endblock content %}
 151 {% block onleave %}
 152 {% endblock %}