From b581661c993095c43ad19540999ab21957d0e013 Mon Sep 17 00:00:00 2001
From: Karan Jayachandra <karan.jayachandra@nxp.com>
Date: Wed, 16 Oct 2024 16:20:13 +0200
Subject: Added guests funtionality

---
 templates/guests.j2  |  3 +++
 templates/index.j2   | 19 +++++++++++++++----
 templates/macro.j2   |  3 ---
 templates/player.j2  |  4 ++--
 templates/players.j2 |  2 +-
 5 files changed, 21 insertions(+), 10 deletions(-)
 create mode 100644 templates/guests.j2
 delete mode 100644 templates/macro.j2

(limited to 'templates')

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
-- 
cgit v1.3.1