diff options
Diffstat (limited to 'app/templates/controls.j2')
| -rw-r--r-- | app/templates/controls.j2 | 83 |
1 files changed, 42 insertions, 41 deletions
diff --git a/app/templates/controls.j2 b/app/templates/controls.j2 index 0acf5a6..97351bf 100644 --- a/app/templates/controls.j2 +++ b/app/templates/controls.j2 @@ -1,47 +1,48 @@ {% from "macros.j2" import court_button %} -<div class="fixed-grid has-6-cols"> - <div class="grid"> - {% for court in courts %} - {{ court_button(court) }} - {% endfor %} +<h3>Timer</h3> +<div class="timer"> + <div role="group" style="height: 100%"> + <button id="timer-dec"><i class="fas fa-light fa-minus"></i></button> + <input id="timer-display" type="text" style="text-align:center; height: 100%" readonly></input> + <button id="timer-inc"><i class="fas fa-light fa-plus"></i></button> </div> + <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> -<div class="columns"> - <div class="column"> - <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> - <div class="column"> - <div class="select is-responsive"> - <select name="team"> - <option>Random</option> - <option>Teams</option> - </select> - </div> - </div> - <div class="column"> - <button class="button is-dark is-responsive" - hx-post="/propose" - hx-target="#games" - hx-include="[name='levels'], [name='team']">Generate</button> - </div> - <div class="column"></div> - <div class="column"> - <button class="button is-dark is-responsive" - hx-post="/confirm" - hx-target="#games">Confirm</button> +<h3>Generation</h3> +<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> +<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="column"> - <button class="button is-dark is-responsive" - hx-post="/reset" - hx-target="#games">RESET!</button> + <div class="select is-responsive"> + <select name="team"> + <option>Random</option> + <option>Teams</option> + </select> </div> +</div> +<h3>Courts</h3> +<div class="parent"> +{% for court in courts %} + {{ court_button(court) }} +{% endfor %} </div>
\ No newline at end of file |