diff options
| author | Karan Jayachandra <mail@karanjayachandra.com> | 2024-10-25 18:03:18 +0200 |
|---|---|---|
| committer | Karan Jayachandra <mail@karanjayachandra.com> | 2024-10-25 18:03:18 +0200 |
| commit | 60a489cfb3fb7a12a06212c2c7ed3c05cd0757b5 (patch) | |
| tree | 8bf7b9cc50d8b133fe0666b0bff7fa143cd095a5 /templates | |
| parent | 2b18e0929a0b3e083cbe9e5e8ffd421ed8d17e52 (diff) | |
Moved the files into a folder structure
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/controls.j2 | 56 | ||||
| -rw-r--r-- | templates/games.j2 | 21 | ||||
| -rw-r--r-- | templates/index.j2 | 13 | ||||
| -rw-r--r-- | templates/macros.j2 | 67 | ||||
| -rw-r--r-- | templates/players.j2 | 17 |
5 files changed, 0 insertions, 174 deletions
diff --git a/templates/controls.j2 b/templates/controls.j2 deleted file mode 100644 index 6ba724a..0000000 --- a/templates/controls.j2 +++ /dev/null @@ -1,56 +0,0 @@ -{% from "macros.j2" import court %} -<div class="fixed-grid has-6-cols"> - <div class="grid"> - {% for key, value in courts.items() %} - {{ court(key, value) }} - {% endfor %} - </div> -</div> -<div class="columns"> - <div class="column"> - <div class="field has-addons"> - <div class="control"> - <button class="button is-responsive is-dark" - hx-post="/decrement" - hx-swap="outerHTML" - hx-target="#guests">-</button> - </div> - <div hx-get="/guests" hx-swap="outerHTML" hx-trigger="revealed"></div> - <div class="control"> - <button class="button is-responsive is-dark" - hx-post="/increment" - hx-swap="outerHTML" - hx-target="#guests">+</button> - </div> - </div> - </div> - <div class="column"> - <div class="select is-responsive"> - <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-dark is-responsive" - hx-post="/propose" - hx-target="#games" - hx-include="[name='type']">New Round</button> - </div> - <div class="column"></div> - <div class="column"> - <button class="button is-dark is-responsive" - hx-post="/confirm" - hx-target="#games">Start Round</button> - </div> - <div class="column"> - <button class="button is-dark is-responsive" - hx-post="/clear" - hx-target="#games">Reset</button> - </div> -</div>
\ No newline at end of file diff --git a/templates/games.j2 b/templates/games.j2 deleted file mode 100644 index d5afef1..0000000 --- a/templates/games.j2 +++ /dev/null @@ -1,21 +0,0 @@ -<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 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 %} - <tr {% if game.team1.player1 == 'RESERVED' %} class="is-danger" {% endif %}> - <th align="center" style="width: 8%;">{{ game.court }}</th> - <td style="width: 23%;">{{ game.team1.player1 }}</th> - <td style="width: 23%;">{{ game.team1.player2 }}</th> - <td style="width: 23%;">{{ game.team2.player1 }}</th> - <td style="width: 23%;">{{ game.team2.player2 }}</th> - </tr> -{% endfor %} -</tbody> -</table>
\ No newline at end of file diff --git a/templates/index.j2 b/templates/index.j2 deleted file mode 100644 index 832dbfb..0000000 --- a/templates/index.j2 +++ /dev/null @@ -1,13 +0,0 @@ -{% from "macros.j2" import header, footer, navbar %} -<!doctype html> -<html lang="en"> - {{ header() }} - <body> - <section class="section"> - {{ navbar() }} - <div hx-post="/clear" hx-swap="outerHTML" hx-trigger="load"></div> - <div hx-get="/control" hx-swap="outerHTML" hx-trigger="load"></div> - {{ footer() }} - </section> - </body> -</html> diff --git a/templates/macros.j2 b/templates/macros.j2 deleted file mode 100644 index 8d05bb0..0000000 --- a/templates/macros.j2 +++ /dev/null @@ -1,67 +0,0 @@ -{% macro court(id, status) -%} -<button class= "button is-responsive {% if status %}is-success{% else %}is-danger{% endif %}" - hx-post="{{ "/court-toggle/" ~ id}}" - hx-swap="outerHTML"> Court {{ id }}</button> -{%- endmacro %} - -{% macro player(id, status, name) -%} -<button class="button is-responsive {% if status %}is-success{% else %}is-danger {% endif %}" - hx-post="{{ "/player-toggle/" ~ id}}" - hx-swap="outerHTML"> {{ name }} </button> -{%- endmacro %} - -{% macro guests(count) -%} -<div class="control" id="guests"> - <input class="input is-responsive" type="text" style="text-align:center" value="{{ count }} Guests" disabled> -</div> -{%- endmacro %} - -{% macro timer(mins, secs) -%} -<div hx-get="/time" hx-swap="outerHTML" hx-trigger="every 1s"> - <p class="title">⏲️ {{mins}}:{{secs}}</p> -</div> -{%- endmacro %} - -{% macro header() -%} -<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="{{ url_for('static', filename='favicon.ico') }}"> - <link rel="stylesheet" href="{{ url_for('static', filename='bulma.min.css') }}"> - <link rel="stylesheet" href="{{ url_for('static', filename='custom.css') }}"> - <script src="{{ url_for('static', filename='htmx.min.js') }}"></script> -</head> -{%- endmacro %} - -{% macro footer() -%} -<div class="content has-text-centered">Made by <a href="https://karanjayachandra.com/">Karan</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> -{%- endmacro %} - -{% macro navbar() -%} -<nav class="level"> - <div class="level-left"> - <div class="level-item"> - <figure class="image container is-128x128"> - <img src="{{ url_for('static', filename='logo.png') }}"/> - </figure> - </div> - </div> - <div class="level-item has-text-centered"></div> - <p class="level-item has-text-centered"> - <button class="button is-link" onclick="location.href = '/';">Games</button> - </p> - <div class="level-item has-text-centered"></div> - <div class="level-item has-text-centered"> - <p class="title">Match Up!</p> - </div> - <div class="level-item has-text-centered"></div> - <p class="level-item has-text-centered"> - <button class="button is-link" onclick="location.href = '/players';">Players</button> - </p> - <div class="level-item has-text-centered"></div> - <div class="level-right"> - <div hx-get="/time" hx-swap="outerHTML" hx-trigger="load"></div> - </div> -</nav> -{%- endmacro %}
\ No newline at end of file diff --git a/templates/players.j2 b/templates/players.j2 deleted file mode 100644 index ae6afe0..0000000 --- a/templates/players.j2 +++ /dev/null @@ -1,17 +0,0 @@ -{% from "macros.j2" import header, navbar, footer, player %} -<!doctype html> -<html lang="en"> - {{ header() }} - <body> - <section class="section"> - {{ navbar() }} - <div class="fixed-grid has-4-cols"> - <div class="grid"> - {% for id, value in players.items() %} - <div class="cell"> {{ player(id, value.status, value.name) }} </div> - {% endfor %} - </div> - {{ footer() }} - </section> - </body> -</html>
\ No newline at end of file |