1 {% extends "workflow/viewport-element.html" %}
15 flex-direction: column;
18 .bkcontrib_panel > .form-group {
21 flex-direction: column;
26 /*border: solid 1px black;*/
32 grid-template-columns: 45% 10% 45%;
37 -moz-appearance: none;
41 input[type=range]::-moz-range-track {
46 {% bootstrap_form_errors form type='non_fields' %}
47 <form id="booking_meta_form" action="/wf/workflow/" method="POST" class="form">
50 <div class="panel_wrap">
51 <div class="panel bkmeta_panel">
52 {% bootstrap_field form.purpose %}
53 {% bootstrap_field form.project %}
54 {% bootstrap_field form.length %}
55 <p style="display:inline;">Days: </p><output id="daysout" style="display:inline;">0</output>
57 document.getElementById("id_length").setAttribute("oninput", "daysout.value=this.value");
58 document.getElementById("daysout").value = document.getElementById("id_length").value;
60 {% bootstrap_field form.info_file %}
61 <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>
62 {% bootstrap_field form.deploy_opnfv %}
64 <div class="panel panel_center">
66 <div class="panel bkcontrib_panel">
67 <p>You may add collaborators on your booking to share resources with coworkers.</p>
68 {% bootstrap_field form.users label="Collaborators" %}
72 <button type="submit" style="display: none;" class="btn btn-success">Confirm</button>
77 {% endblock content %}
80 var ajaxForm = $("#booking_meta_form");
81 var formData = ajaxForm.serialize();
82 req = new XMLHttpRequest();
83 req.open("POST", "/wf/workflow/", false);
84 req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
85 req.onerror = function() { alert("problem submitting form"); }