src/templates/booking/steps/booking_meta.html

   1 {% extends "workflow/viewport-element.html" %}
   2 {% load staticfiles %}
   3
   4 {% load bootstrap4 %}
   5
   6 {% block content %}
   7
   8 {% bootstrap_form_errors form type='non_fields' %}
   9 <form id="booking_meta_form" action="/wf/workflow/" method="POST" class="form">
  10 {% csrf_token %}
  11 <div id="form_div" class="container-fluid">
  12     <div class="row">
  13         <div class="p-4 col">
  14             {% bootstrap_field form.purpose %}
  15             {% bootstrap_field form.project %}
  16             {% bootstrap_field form.length %}
  17             <span>Days: </span><output id="daysout">0</output>
  18             <script>
  19                 document.getElementById("id_length").oninput = function() { daysout.value=this.value; }
  20                 document.getElementById("daysout").value = document.getElementById("id_length").value;
  21             </script>
  22             {% bootstrap_field form.info_file %}
  23             <p>You must provide a url to your project's INFO.yaml file if you are a PTL and you are trying to book a POD with multiple servers in it.</p>
  24             {% bootstrap_field form.deploy_opnfv %}
  25         </div>
  26         <div class="p-4 col">
  27             <p>You may add collaborators on your booking to share resources with coworkers.</p>
  28             {% bootstrap_field form.users label="Collaborators" %}
  29         </div>
  30     </div>
  31     <div class="panel_wrap">
  32         {% buttons %}
  33             <button type="submit" class="btn btn-success d-none">Confirm</button>
  34         {% endbuttons %}
  35     </div>
  36 </div>
  37 </form>
  38 {% endblock content %}
  39
  40 {% block onleave %}
  41 var ajaxForm = $("#booking_meta_form");
  42 var formData = ajaxForm.serialize();
  43 req = new XMLHttpRequest();
  44 req.open("POST", "/wf/workflow/", false);
  45 req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  46 req.onerror = function() { alert("problem submitting form"); }
  47 req.send(formData);
  48 {% endblock %}