blob: 14e7520f12f0816619f6ea41e7f2c65ed2ffd811 (
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
|
{% from "macros.j2" import court_button %}
<h3>Courts</h3>
<div class="parent">
{% for court in courts %}
{{ court_button(court) }}
{% endfor %}
</div>
<h3>Generation</h3>
<div class="grid">
<div class="select is-responsive">
<select name="levels">
<option>10 Levels</option>
<option>8 Levels</option>
<option>6 Levels</option>
<option>4 Levels</option>
<option>2 Levels</option>
<option>0 Levels</option>
</select>
</div>
<div class="select is-responsive">
<select name="team">
<option>Random</option>
<option>Teams</option>
</select>
</div>
</div>
<div class="grid">
<button class="button is-dark is-responsive"
hx-post="/propose"
hx-target="#games"
hx-include="[name='levels'], [name='team']">Generate</button>
<button class="button is-dark is-responsive"
hx-post="/confirm"
hx-target="#games">Confirm</button>
<button class="button is-dark is-responsive"
hx-post="/reset"
hx-target="#games">RESET!</button>
</div>
<h3>Timer</h3>
<div class="grid">
<div role="group">
<button id="timer-dec"><i class="fas fa-light fa-minus"></i></button>
<input id="timer-display" type="text" style="text-align:center; " readonly></input>
<button id="timer-inc"><i class="fas fa-light fa-plus"></i></button>
</div>
</div>
<div class="grid">
<button id="timer-start"><i class="fas fa-light fa-play"></i></button>
<button id="timer-stop"><i class="fas fa-light fa-stop"></i></button>
</div>
|
