blob: a42e1580443ab16fb32fd2648109ab030b102903 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
|
{% extends "workflow/viewport-element.html" %}
{% load staticfiles %}
{% load bootstrap3 %}
{% block content %}
<style>
.bkmeta_panel {
padding: 5%;
}
.panel{
padding: 5%;
/*border: solid 1px black;*/
}
.panel_wrap {
width: 100%;
display: grid;
grid-template-columns: 45% 10% 45%;
border: none;
}
</style>
{% bootstrap_form_errors form type='non_fields' %}
<form id="booking_meta_form" action="/wf/workflow/" method="POST" class="form">
{% csrf_token %}
<div id="form_div">
<div class="panel_wrap">
<div class="panel bkmeta_panel">
{% bootstrap_field form.purpose %}
{% bootstrap_field form.project %}
{% bootstrap_field form.length %}
<p style="display:inline;">Days: </p><output id="daysout" style="display:inline;">0</output>
<script>
document.getElementById("id_length").setAttribute("oninput", "daysout.value=this.value");
document.getElementById("daysout").value = document.getElementById("id_length").value;
</script>
{% bootstrap_field form.info_file %}
<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>
</div>
<div class="panel panel_center">
</div>
<div class="panel">
<p>You may add collaborators on your booking to share resources with coworkers.</p>
{% bootstrap_field form.users label="Collaborators" %}
</div>
{% buttons %}
<button type="submit" style="display: none;" class="btn btn-success">Confirm</button>
{% endbuttons %}
</div>
</div>
</form>
{% endblock content %}
{% block onleave %}
var ajaxForm = $("#booking_meta_form");
var formData = ajaxForm.serialize();
console.log(formData);
req = new XMLHttpRequest();
req.open("POST", "/wf/workflow/", false);
req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
req.onerror = function() { alert("problem submitting form"); }
req.send(formData);
{% endblock %}
|
