diff options
| author | Karan Jayachandra <karan.jayachandra@nxp.com> | 2025-07-25 16:35:33 +0200 |
|---|---|---|
| committer | Karan Jayachandra <karan.jayachandra@nxp.com> | 2025-07-25 16:35:33 +0200 |
| commit | 38f099ae6ec7e7ae7338402a03654ee6378e4274 (patch) | |
| tree | dfb5b5f547f9200674f30174c970a3d953101c12 /app/templates/controls.j2 | |
| parent | 63e1b52e1b76e136e6534949980d85ffe413f0c9 (diff) | |
Finally happy with the work
Diffstat (limited to 'app/templates/controls.j2')
| -rw-r--r-- | app/templates/controls.j2 | 46 |
1 files changed, 22 insertions, 24 deletions
diff --git a/app/templates/controls.j2 b/app/templates/controls.j2 index 8e7440e..97351bf 100644 --- a/app/templates/controls.j2 +++ b/app/templates/controls.j2 @@ -1,6 +1,28 @@ {% from "macros.j2" import court_button %} +<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> <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> @@ -18,30 +40,6 @@ </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> <h3>Courts</h3> <div class="parent"> {% for court in courts %} |