aboutsummaryrefslogtreecommitdiff
path: root/templates/enlist.html
blob: d4d6d9201a9f11b6c82cd4e8f398e75b9bdd8ee1 (plain) (blame)
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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Peer Pao</title>
<link rel="stylesheet" href="/static/style.css" />
</head>
<body>

<header>
<div class="header-content">
	<div class="header-left">
		<h1><a href="/"><img src="/static/peer-pao-white.png" title="Peer Pao"> Peer Pao</a></h1>
	</div>
	<div class="header-right">
		<p><a href="/login">{{lfmu[0]}}, {{lfmu[1]}} {{lfmu[2]}}</a></p>
	</div>
</div>
</header>

<div class="content">
{% if snotes %}
<div id="snotes">
{% for snote in snotes %}
{{ snote }}<br />
{% endfor %}
</div>
{% endif %}

{% if mode == "fill" %}

<p>
You are about to enlist a block of your free time where you are capable of conducting a mentoring meeting.
</p>


<form action="/enlist" method="post">
<ul>
	<input type="hidden" name="mode" value="confirm" />
	<li>
		<label for="date">Date</label>
		<input type="date" name="date">
	</li>
	<li>
		<label for="start">Start</label>
		<input type="time" name="start">
	</li>
	<li>
		<label for="end">End</label>
		<input type="time" name="end">
	</li>
	<li>
		<label for="notes">Notes</label>
		<textarea name="notes" rows="4" wrap="soft"></textarea>
	</li>
	<li>
		<label></label>
		<input type="submit" value="Proceed" />
	</li>
</ul>
</form> 

{% elif mode == "confirm" %}

<p>
Please confirm that the following information is correct. If it is not, press the "back" button in your browser. If it is, press "Enlist" at the bottom.
</p>

<table>
	<tr>
		<th scope="row">Start</th>
		<td>{{starts}}</td>
	</tr>
	<tr>
		<th scope="row">End</th>
		<td>{{ends}}</td>
	</tr>
	<tr>
		<th scope="row">Notes</th>
		<td>{{notes}}</td>
	</tr>
</table>

<form class="plain" action="/enlist" method="post">
	<input type="hidden" name="mode" value="confirmed" />
	<input type="hidden" name="start" value="{{start}}" />
	<input type="hidden" name="end" value="{{end}}" />
	<input type="hidden" name="notes" value="{{notes}}" />
	<input type="submit" value="Enlist" />
</form> 

<input action="action" onclick="window.history.go(-1); return false;" type="submit" value="Cancel" /> (this button requires JavaScript)


{% elif mode == "confirmed" %}

<p>
You have confirmed that you have time to perform mentoring activities during the following period. I will add this block onto your calendar to remind you to keep it free.
</p>

<p>
<a href="/enlist">Enlist another time block</a>
</p>

<p>
<a href="/">Return home</a>
</p>

<table>
	<tr>
		<th scope="row">Start</th>
		<td>{{starts}}</td>
	</tr>
	<tr>
		<th scope="row">End</th>
		<td>{{ends}}</td>
	</tr>
	<tr>
		<th scope="row">Notes</th>
		<td>{{notes}}</td>
	</tr>
</table>


{% else %}

Now I think the code is broken :) :) :)

{% endif %}
</div>
</body>
</html>