diff options
| author | Karan Jayachandra <mail@karanjayachandra.com> | 2024-11-15 14:55:05 +0100 |
|---|---|---|
| committer | Karan Jayachandra <mail@karanjayachandra.com> | 2024-11-15 14:55:05 +0100 |
| commit | 6ca047f36fb688cdb72f0170e0fb3aaf3701ff95 (patch) | |
| tree | df1ea950988b9cd9e4e162e3c4ade029380958f8 /src/match_up/templates | |
| parent | 5b856ff22ea85ecc0073dc94840d76ea2ed2f1e2 (diff) | |
Added multiple levels for the guests
Diffstat (limited to 'src/match_up/templates')
| -rw-r--r-- | src/match_up/templates/macros.j2 | 22 | ||||
| -rw-r--r-- | src/match_up/templates/players.j2 | 68 |
2 files changed, 31 insertions, 59 deletions
diff --git a/src/match_up/templates/macros.j2 b/src/match_up/templates/macros.j2 index 2a8ad1e..83fc823 100644 --- a/src/match_up/templates/macros.j2 +++ b/src/match_up/templates/macros.j2 @@ -10,9 +10,25 @@ hx-swap="outerHTML"> {{ player.first + " " + player.last}} </button> {%- endmacro %} -{% macro guests(count, level) -%} -<div class="control" id="{{level}}guests"> - <input class="input is-responsive" type="text" style="text-align:center" value="{{ count }} Guests" disabled> +{% macro guest_control(level, value) -%} +<div class="field has-addons" id="guests_{{level}}"> + <div class="control"> + <button class="button is-responsive is-dark" + hx-post="/decrement_guest" + hx-swap="outerHTML" + hx-vals='{"level": "{{ level }}"}' + hx-target="#guests_{{ level }}"><span class="icon"><i class="fas fa-light fa-minus"></i></span></button> + </div> + <div class="control"> + <input class="input is-responsive" type="text" style="text-align:center" value="{{ value }}" disabled> + </div> + <div class="control"> + <button class="button is-responsive is-dark" + hx-post="/increment_guest" + hx-swap="outerHTML" + hx-vals='{"level": "{{ level }}"}' + hx-target="#guests_{{ level }}"><span class="icon"><i class="fas fa-light fa-plus"></i></span></button> + </div> </div> {%- endmacro %} diff --git a/src/match_up/templates/players.j2 b/src/match_up/templates/players.j2 index f25889c..46ff172 100644 --- a/src/match_up/templates/players.j2 +++ b/src/match_up/templates/players.j2 @@ -1,72 +1,28 @@ -{% from "macros.j2" import header, navbar, footer, player_button %} +{% from "macros.j2" import header, navbar, footer, player_button, guest_control %} <!doctype html> <html lang="en"> {{ header(url_for) }} <body> <section class="section"> {{ navbar(url_for) }} + <h4 class="title is-4">Players</h4> <div class="fixed-grid has-4-cols"> <div class="grid"> {% for player in players %} <div class="cell"> {{ player_button(player) }} </div> {% endfor %} </div> + <h4 class="title is-4">Guests</h4> <div class="columns"> - <div class="column"> - <div class="field has-addons"> - <div class="control"> - <button class="button is-responsive is-dark" - hx-post="/decrement_low_guest" - hx-swap="outerHTML" - hx-target="#lowguests">-</button> - </div> - <div hx-get="/low_guests" hx-swap="outerHTML" hx-trigger="revealed"></div> - <div class="control"> - <button class="button is-responsive is-dark" - hx-post="/increment_low_guest" - hx-swap="outerHTML" - hx-target="#lowguests">+</button> - </div> - </div> - </div> - <div class="column"> - <div class="field has-addons"> - <div class="control"> - <button class="button is-responsive is-dark" - hx-post="/decrement_mid_guest" - hx-swap="outerHTML" - hx-target="#midguests">-</button> - </div> - <div hx-get="/mid_guests" hx-swap="outerHTML" hx-trigger="revealed"></div> - <div class="control"> - <button class="button is-responsive is-dark" - hx-post="/increment_mid_guest" - hx-swap="outerHTML" - hx-target="#midguests">+</button> - </div> - </div> - </div> - <div class="column"> - <div class="field has-addons"> - <div class="control"> - <button class="button is-responsive is-dark" - hx-post="/decrement_high_guest" - hx-swap="outerHTML" - hx-target="#highguests">-</button> - </div> - <div hx-get="/high_guests" hx-swap="outerHTML" hx-trigger="revealed"></div> - <div class="control"> - <button class="button is-responsive is-dark" - hx-post="/increment_high_guest" - hx-swap="outerHTML" - hx-target="#highguests">+</button> - </div> - </div> - </div> - <div class="column"> - <button class="button is-dark is-responsive" - hx-post="/reset_players">Reset!</button> - </div> + {% for level in guests %} + <div class="column"> {{ guest_control(level, guests[level]) }} </div> + {% endfor %} + </div> + </section> + <section class="section"> + <div class="column"> + <button class="button is-dark is-responsive" + hx-post="/reset_players">RESET!</button> </div> {{ footer() }} </section> |