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 ) { parent.redirect_root(); } }
  70         req.send(formData);
  71     }
  72
  73     function submitForm()
  74     {
  75         var form = $("#confirmation_form");
  76         var formData = form.serialize();
  77         var req = new XMLHttpRequest();
  78         req.open("POST", "/wf/workflow/", false);
  79         req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  80         req.onerror = function() { alert("problem submitting confirmation"); }
  81         req.onreadystatechange = function() { if(req.readyState === 4 ) { delete_manager(); } }
  82         req.send(formData);
  83     }
  84
  85
  86     function formconfirm()
  87     {
  88         select.value = "True";
  89         submitForm();
  90     }
  91     function formcancel()
  92     {
  93         select.value = "False";
  94         submitForm();
  95     }
  96
  97     var confirmed = {{bypassed|default:"false"}};
  98     if( confirmed )
  99     {
 100         delete_manager();
 101     }
 102 </script>
 103 <script>
 104
 105 function fixVlans() {
 106     document.getElementById("vlan_input").value = "True";
 107     var form = $("#vlan_form");
 108     var formData = form.serialize();
 109     var req = new XMLHttpRequest();
 110     req.open("POST", "/wf/workflow/", false);
 111     req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
 112     req.onerror = function() { alert("problem submitting form"); }
 113     req.onreadystatechange = function() { //replaces current page with response
 114         if(req.readyState === 4 ) {
 115             document.open();
 116             document.write(req.responseText);
 117             document.close();
 118         }
 119     }
 120     req.send(formData);
 121 }
 122 var problem = {{vlan_warning|default:'false'}};
 123 if(problem){
 124     var d = document.getElementById("vlan_warning");
 125     var h3 = document.createElement("h3");
 126     h3.innerHTML = "WARNING: Vlans not available";
 127     var h4 = document.createElement("h4");
 128     h4.innerHTML = "The vlans you selected are not currently available. Would you like to automatically change them?";
 129     var button1 = document.createElement("button");
 130     button1.innerHTML = "Correct Vlans For Me";
 131     button1.onclick = function() { fixVlans(); }
 132
 133     var button2 = document.createElement("button");
 134     button2.innerHTML = "Cancel. I will change my vlans";
 135     button2.onclick = function() { formcancel(); }
 136     d.appendChild(h3);
 137     d.appendChild(h4);
 138     d.appendChild(button1);
 139     d.appendChild(button2);
 140     document.getElementById("confirm_button").disabled = true;
 141     document.getElementById("cancel_button").disabled = true;
 142 }
 143 </script>
 144 </div>
 145 {% block element_messages %}
 146
 147 {% endblock element_messages %}
 148 {% endblock content %}
 149 {% block onleave %}
 150 {% endblock %}