diff options
| author | Karan Jayachandra <mail@karanjayachandra.com> | 2024-10-16 21:42:22 +0000 |
|---|---|---|
| committer | Karan Jayachandra <mail@karanjayachandra.com> | 2024-10-16 21:42:22 +0000 |
| commit | 7643486d7122b322a052bfca8ec83326c48053d0 (patch) | |
| tree | 096d2b629818f79674d22a14eff124f082449b6e /templates/controls.j2 | |
| parent | 9ef7d95c7010351078a929f5144f5098d4142cd0 (diff) | |
| parent | 36cc7d82a55cbd8167e1f52637dd1938497dd8cc (diff) | |
Merge branch 'develop' into 'main'
Full functionality available
See merge request KaranJayachandra/match_up!3
Diffstat (limited to 'templates/controls.j2')
| -rw-r--r-- | templates/controls.j2 | 51 |
1 files changed, 51 insertions, 0 deletions
diff --git a/templates/controls.j2 b/templates/controls.j2 new file mode 100644 index 0000000..1799e01 --- /dev/null +++ b/templates/controls.j2 @@ -0,0 +1,51 @@ +<div class="columns"> + <div class="column"> + <div class="field has-addons"> + <div class="control"> + <button class="button is-large is-responsive is-dark" + style="text-align:center" + hx-post="/decrement" + hx-swap="outerHTML" + hx-target="#guests">-</button> + </div> + <div hx-get="/guests" hx-swap="outerHTML" hx-trigger="revealed"></div> + <div class="control"> + <button class="button is-large is-responsive is-dark" + style="text-align:center" + hx-post="/increment" + hx-swap="outerHTML" + hx-target="#guests">+</button> + </div> + </div> + </div> + <div class="column"> + <div class="select is-large is-responsive"> + <select name="type"> + <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"> + <button class="button is-dark is-large is-responsive" + hx-post="/propose" + hx-target="#games" + hx-include="[name='type']">New Round</button> + </div> + <div class="column"></div> + <div class="column"> + <button class="button is-dark is-large is-responsive" + hx-post="/confirm" + hx-target="#games">Start Round</button> + </div> + <div class="column"> + <button class="button is-dark is-large is-responsive" + hx-post="/clear" + hx-target="#games">Reset</button> + </div> +</div> +<div hx-post="/clear" hx-swap="outerHTML" hx-trigger="revealed"></div> |