From d304a470e5a9fae6fc0c8975f050cb7aa290f74a Mon Sep 17 00:00:00 2001
From: Karan Jayachandra <karan.jayachandra@nxp.com>
Date: Wed, 16 Oct 2024 11:08:15 +0200
Subject: First working version with history

---
 templates/court.j2   |  2 +-
 templates/courts.j2  |  2 +-
 templates/games.j2   |  6 +++---
 templates/index.j2   | 15 +++++++++------
 templates/player.j2  |  2 +-
 templates/players.j2 |  2 +-
 6 files changed, 16 insertions(+), 13 deletions(-)

(limited to 'templates')

diff --git a/templates/court.j2 b/templates/court.j2
index 5eeb65a..859c942 100644
--- a/templates/court.j2
+++ b/templates/court.j2
@@ -1 +1 @@
-<button class={% if status %} "button is-success" {% else %} "button is-danger" {% endif %} hx-post="{{ "/court-toggle/" ~ id}}" hx-trigger="click" hx-swap="outerHTML">{{ id }}</button>
\ No newline at end of file
+<button class={% if status %} "button is-success is-large" {% else %} "button is-danger is-large" {% endif %} hx-post="{{ "/court-toggle/" ~ id}}" hx-trigger="click" hx-swap="outerHTML">{{ id }}</button>
\ No newline at end of file
diff --git a/templates/courts.j2 b/templates/courts.j2
index 5dc64f9..2bc8a95 100644
--- a/templates/courts.j2
+++ b/templates/courts.j2
@@ -2,7 +2,7 @@
 <div class="grid">
 {% for key, value in courts.items() %}
     <div class="cell">
-        <button class={% if value %} "button is-success" {% else %} "button is-danger" {% endif %} 
+        <button class={% if value %} "button is-success is-large" {% else %} "button is-danger is-large" {% endif %} 
                 hx-post="{{ "/court-toggle/" ~ key}}" 
                 hx-trigger="click" 
                 hx-swap="outerHTML">{{ key }}</button>
diff --git a/templates/games.j2 b/templates/games.j2
index 55cabf4..50e1087 100644
--- a/templates/games.j2
+++ b/templates/games.j2
@@ -3,14 +3,14 @@
     <th colspan="5" align="center"> {{ title }} </th>
 </thead>
 <thead>
-    <th> Court </th>
+    <th align="center"> Court </th>
     <th colspan="2" align="center"> Team 1 </th>
     <th colspan="2" align="center"> Team 2 </th>
 </thead>
 <tbody>
-{% for _, game in games.items() %}
+{% for game in games %}
     <tr>
-        <th>{{ game.court }}</th>
+        <th align="center">{{ game.court }}</th>
         <td>{{ game.team1.player1 }}</th>
         <td>{{ game.team1.player2 }}</th>
         <td>{{ game.team2.player1 }}</th>
diff --git a/templates/index.j2 b/templates/index.j2
index 3a2118b..40d0eb1 100644
--- a/templates/index.j2
+++ b/templates/index.j2
@@ -9,10 +9,13 @@
 		<script src="https://unpkg.com/htmx.org@2.0.0/dist/htmx.min.js"></script>
 		<style>
 			button, input, .select, .select select {
-			width: 100%;
+			    width: 100%;
 			}
+            table {
+                font-size: 30px;
+            }
 			td {
-			width: 20%;
+			    width: 20%;
 			}
 		</style>
 	</head>
@@ -26,7 +29,7 @@
 			<p class="title">Games</p>
 			<div class="columns">
 				<div class="column">
-					<div class="select">
+					<div class="select is-large">
 						<select name="type">
 							<option>10 Levels</option>
 							<option>8 Levels</option>
@@ -38,14 +41,14 @@
 					</div>
 				</div>
 				<div class="column">
-					<button class="button is-success" hx-post="/propose" hx-trigger="click" hx-target="#games" hx-include="[name='type']">Propose</button>
+					<button class="button is-dark is-large" 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-success" hx-post="/confirm" hx-trigger="click" hx-target="#games">Confirm</button>
+					<button class="button is-dark is-large" hx-post="/confirm" hx-trigger="click" hx-target="#games">Confirm</button>
 				</div>
 				<div class="column">
-					<button class="button is-danger" hx-post="/clear" hx-trigger="click" hx-target="#games">Clear</button>
+					<button class="button is-dark is-large" 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/player.j2 b/templates/player.j2
index 68bea2a..d0f42c6 100644
--- a/templates/player.j2
+++ b/templates/player.j2
@@ -1,4 +1,4 @@
-<button class={% if status %} "button is-success" {% else %} "button is-danger" {% endif %} 
+<button class={% if status %} "button is-success is-large" {% else %} "button is-danger is-large" {% endif %} 
         hx-post="{{ "/player-toggle/" ~ id}}" 
         hx-trigger="click" 
         hx-swap="outerHTML">
diff --git a/templates/players.j2 b/templates/players.j2
index 7a13672..550ad68 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" {% else %} "button is-danger" {% endif %} hx-post="{{ "/player-toggle/" ~ id}}" hx-trigger="click" hx-swap="outerHTML">{{ player.name }}</button>
+        <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>
     </div>
 {% endfor %}
 </div>
\ No newline at end of file
-- 
cgit v1.3.1