diff options
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/courts.j2 | 5 | ||||
| -rw-r--r-- | templates/games.j2 | 19 | ||||
| -rw-r--r-- | templates/index.j2 | 115 | ||||
| -rw-r--r-- | templates/player.j2 | 7 | ||||
| -rw-r--r-- | templates/players.j2 | 4 |
5 files changed, 88 insertions, 62 deletions
diff --git a/templates/courts.j2 b/templates/courts.j2 index 4e3cb3a..5dc64f9 100644 --- a/templates/courts.j2 +++ b/templates/courts.j2 @@ -2,7 +2,10 @@ <div class="grid"> {% for key, value in courts.items() %} <div class="cell"> - <button class={% if value %} "button is-success" {% else %} "button is-danger" {% endif %} hx-post="{{ "/court-toggle/" ~ key}}" hx-trigger="click" hx-swap="outerHTML">{{ key }}</button> + <button class={% if value %} "button is-success" {% else %} "button is-danger" {% endif %} + hx-post="{{ "/court-toggle/" ~ key}}" + hx-trigger="click" + hx-swap="outerHTML">{{ key }}</button> </div> {% endfor %} </div> diff --git a/templates/games.j2 b/templates/games.j2 index b070b16..55cabf4 100644 --- a/templates/games.j2 +++ b/templates/games.j2 @@ -1,17 +1,20 @@ <table class="table is-bordered is-striped is-narrow is-hoverable is-fullwidth" id="games"> <thead> + <th colspan="5" align="center"> {{ title }} </th> +</thead> +<thead> <th> Court </th> - <th colspan="2"> Team 1 </th> - <th colspan="2"> Team 2 </th> + <th colspan="2" align="center"> Team 1 </th> + <th colspan="2" align="center"> Team 2 </th> </thead> <tbody> -{% for game in games %} +{% for _, game in games.items() %} <tr> - <th>{{ game.court.number }}</th> - <td>{{ game.team1.player1.name }}</th> - <td>{{ game.team1.player2.name }}</th> - <td>{{ game.team2.player1.name }}</th> - <td>{{ game.team2.player2.name }}</th> + <th>{{ game.court }}</th> + <td>{{ game.team1.player1 }}</th> + <td>{{ game.team1.player2 }}</th> + <td>{{ game.team2.player1 }}</th> + <td>{{ game.team2.player2 }}</th> </tr> {% endfor %} </tbody> diff --git a/templates/index.j2 b/templates/index.j2 index cfd32b5..3a2118b 100644 --- a/templates/index.j2 +++ b/templates/index.j2 @@ -1,52 +1,67 @@ <!doctype html> <html lang="en"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1"> - <title>🏸Match Up!</title> - <link rel="icon" type="image/x-icon" href="/images/favicon.ico"> - <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css"> - <script src="https://unpkg.com/htmx.org@2.0.0/dist/htmx.min.js"></script> - <style> - button { - width: 100%; - } - td { - text-align:center; - width:20%; - } - </style> - </head> - <body> - <section class="hero"> - <div class="hero-body"> - <p class="title">🏸The Smashing Fellows </p> - </div> - </section> - <section class="section"> - <p class="title">Games</p> - <div class="columns"> - <div class="column"></div> - <div class="column"><button class="button is-success" hx-post="/random-games" hx-trigger="click" hx-target="#games">Random Games</button></div> - <div class="column"><button class="button is-success" hx-post="/skilled-games" hx-trigger="click" hx-target="#games">Skilled Games</button></div> - <div class="column"></div> - <div class="column"><button class="button is-danger" hx-post="/clear-games" hx-trigger="click" hx-target="#games">Clear</button></div> - <div class="column"></div> - </div> - <div hx-get="/game-list" hx-swap="outerHTML" hx-trigger="revealed"></div> - </section> - <section class="section"> - <h2 class="title">Courts</h2> - <div hx-get="/court-list" hx-swap="outerHTML" hx-trigger="revealed"></div> - </section> - <section class="section"> - <h2 class="title">Players</h2> - <div hx-get="/player-list" hx-swap="outerHTML" hx-trigger="revealed"></div> - </section> - <footer class="footer"> - <div class="content has-text-centered"> - Made by <a href="https://karanjayachandra.com/">K. Jayachandra</a> using <a href="https://flask.palletsprojects.com">Flask</a>, <a href="https://htmx.org/">HTMX</a> and <a href="https://bulma.io">Bulma</a> - </div> - </footer> - </body> -</html>
\ No newline at end of file + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <title>🏸Match Up!</title> + <link rel="icon" type="image/x-icon" href="/images/favicon.ico"> + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css"> + <script src="https://unpkg.com/htmx.org@2.0.0/dist/htmx.min.js"></script> + <style> + button, input, .select, .select select { + width: 100%; + } + td { + width: 20%; + } + </style> + </head> + <body> + <section class="hero"> + <div class="hero-body"> + <p class="title">🏸The Smashing Fellows </p> + </div> + </section> + <section class="section"> + <p class="title">Games</p> + <div class="columns"> + <div class="column"> + <div class="select"> + <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-success" 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> + </div> + <div class="column"> + <button class="button is-danger" hx-post="/clear" hx-trigger="click" hx-target="#games">Clear</button> + </div> + </div> + <div hx-post="/clear" hx-swap="outerHTML" hx-trigger="revealed"></div> + </section> + <section class="section"> + <h2 class="title">Courts</h2> + <div hx-get="/courts" hx-swap="outerHTML" hx-trigger="revealed"></div> + </section> + <section class="section"> + <h2 class="title">Players</h2> + <div hx-get="/players" hx-swap="outerHTML" hx-trigger="revealed"></div> + </section> + <footer class="footer"> + <div class="content has-text-centered"> + Made by <a href="https://karanjayachandra.com/">K. Jayachandra</a> using <a href="https://flask.palletsprojects.com">Flask</a>, <a href="https://htmx.org/">HTMX</a> and <a href="https://bulma.io">Bulma</a> + </div> + </footer> + </body> +</html> diff --git a/templates/player.j2 b/templates/player.j2 index 5b70df6..68bea2a 100644 --- a/templates/player.j2 +++ b/templates/player.j2 @@ -1 +1,6 @@ -<button class={% if player.status %} "button is-success" {% else %} "button is-danger" {% endif %} hx-post="{{ "/player-toggle/" ~ player.name}}" hx-trigger="click" hx-swap="outerHTML">{{ player.name }}</button>
\ No newline at end of file +<button class={% if status %} "button is-success" {% else %} "button is-danger" {% endif %} + hx-post="{{ "/player-toggle/" ~ id}}" + hx-trigger="click" + hx-swap="outerHTML"> + {{ name }} +</button>
\ No newline at end of file diff --git a/templates/players.j2 b/templates/players.j2 index 6179dbb..7a13672 100644 --- a/templates/players.j2 +++ b/templates/players.j2 @@ -1,8 +1,8 @@ <div class="fixed-grid has-5-cols"> <div class="grid"> -{% for player in players %} +{% 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/" ~ player.name}}" hx-trigger="click" hx-swap="outerHTML">{{ player.name }}</button> + <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> </div> {% endfor %} </div>
\ No newline at end of file |