diff options
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/guests.j2 | 3 | ||||
| -rw-r--r-- | templates/index.j2 | 19 | ||||
| -rw-r--r-- | templates/macro.j2 | 3 | ||||
| -rw-r--r-- | templates/player.j2 | 4 | ||||
| -rw-r--r-- | templates/players.j2 | 2 |
5 files changed, 21 insertions, 10 deletions
diff --git a/templates/guests.j2 b/templates/guests.j2 new file mode 100644 index 0000000..b5d251f --- /dev/null +++ b/templates/guests.j2 @@ -0,0 +1,3 @@ +<div class="control" id="guests"> + <input class="input is-large is-responsive" type="text" style="text-align:center" value={{ guests }} disabled> +</div>
\ No newline at end of file diff --git a/templates/index.j2 b/templates/index.j2 index 40d0eb1..42fc43e 100644 --- a/templates/index.j2 +++ b/templates/index.j2 @@ -29,7 +29,18 @@ <p class="title">Games</p> <div class="columns"> <div class="column"> - <div class="select is-large"> + <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-trigger="click" 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-trigger="click" 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> @@ -41,14 +52,14 @@ </div> </div> <div class="column"> - <button class="button is-dark is-large" hx-post="/propose" hx-trigger="click" hx-target="#games" hx-include="[name='type']">Propose</button> + <button class="button is-dark is-large is-responsive" hx-post="/propose" hx-trigger="click" hx-target="#games" hx-include="[name='type']">Propose</button> </div> <div class="column"></div> <div class="column"> - <button class="button is-dark is-large" hx-post="/confirm" hx-trigger="click" hx-target="#games">Confirm</button> + <button class="button is-dark is-large is-responsive" hx-post="/confirm" hx-trigger="click" hx-target="#games">Confirm</button> </div> <div class="column"> - <button class="button is-dark is-large" hx-post="/clear" hx-trigger="click" hx-target="#games">Clear</button> + <button class="button is-dark is-large is-responsive" hx-post="/clear" hx-trigger="click" hx-target="#games">Clear</button> </div> </div> <div hx-post="/clear" hx-swap="outerHTML" hx-trigger="revealed"></div> diff --git a/templates/macro.j2 b/templates/macro.j2 deleted file mode 100644 index e0089bc..0000000 --- a/templates/macro.j2 +++ /dev/null @@ -1,3 +0,0 @@ -{% macro player_button(player) %} -<button class={% if player.status %} "active" {% else %} "dormant" {% endif %} hx-post="{{ "/player-toggle/" ~ player.name}}" hx-trigger="click" hx-swap="outerHTML">{{ player.name }}</button> -{%- endmacro %}
\ No newline at end of file diff --git a/templates/player.j2 b/templates/player.j2 index d0f42c6..7e80285 100644 --- a/templates/player.j2 +++ b/templates/player.j2 @@ -1,5 +1,5 @@ -<button class={% if status %} "button is-success is-large" {% else %} "button is-danger is-large" {% endif %} - hx-post="{{ "/player-toggle/" ~ id}}" +<button class="button is-medium is-responsive {% if status %} is-success {% else %} is-danger {% endif %}" + hx-post="{{ "/player-toggle/" ~ id}}" hx-trigger="click" hx-swap="outerHTML"> {{ name }} diff --git a/templates/players.j2 b/templates/players.j2 index 550ad68..080c03a 100644 --- a/templates/players.j2 +++ b/templates/players.j2 @@ -2,7 +2,7 @@ <div class="grid"> {% for id, player in players.items() %} <div class="cell"> - <button class={% if player.status %} "button is-success is-large" {% else %} "button is-danger is-large" {% endif %} hx-post="{{ "/player-toggle/" ~ id}}" hx-trigger="click" hx-swap="outerHTML">{{ player.name }}</button> + <button class="button is-medium is-responsive {% if player.status %} is-success {% else %} is-danger {% endif %}" hx-post="{{ "/player-toggle/" ~ id}}" hx-trigger="click" hx-swap="outerHTML">{{ player.name }}</button> </div> {% endfor %} </div>
\ No newline at end of file |