aboutsummaryrefslogtreecommitdiff
path: root/templates
diff options
context:
space:
mode:
Diffstat (limited to 'templates')
-rw-r--r--templates/controls.j258
-rw-r--r--templates/games.j221
-rw-r--r--templates/index.j244
-rw-r--r--templates/macros.j223
-rw-r--r--templates/players.j251
5 files changed, 0 insertions, 197 deletions
diff --git a/templates/controls.j2 b/templates/controls.j2
deleted file mode 100644
index 7a03f9a..0000000
--- a/templates/controls.j2
+++ /dev/null
@@ -1,58 +0,0 @@
-{% from "macros.j2" import court %}
-<div class="columns">
- <div class="column">
- <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-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-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>
- <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-large 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-large is-responsive"
- hx-post="/confirm"
- hx-target="#games">Start Round</button>
- </div>
- <div class="column">
- <button class="button is-dark is-large is-responsive"
- hx-post="/clear"
- hx-target="#games">Reset</button>
- </div>
-</div>
-<div class="fixed-grid has-12-cols">
-<div class="grid">
-{% for key, value in courts.items() %}
- {{ court(key, value) }}
-{% endfor %}
-</div>
-</div> \ No newline at end of file
diff --git a/templates/games.j2 b/templates/games.j2
deleted file mode 100644
index 0285de1..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">{{ 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>
-</table> \ No newline at end of file
diff --git a/templates/index.j2 b/templates/index.j2
deleted file mode 100644
index 764eae8..0000000
--- a/templates/index.j2
+++ /dev/null
@@ -1,44 +0,0 @@
-<!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="{{ 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>
- <body>
- <section class="section">
- <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>
- <p class="level-item has-text-centered">
- <a class="title link is-info is-underlined" href="/">Games</a>
- </p>
- <div class="level-item has-text-centered">
- <p class="title is-1">Match Up!</p>
- </div>
- <p class="level-item has-text-centered">
- <a class="title link is-info" href="/players">Players</a>
- </p>
- <div class="level-right">
- <div hx-get="/time" hx-swap="outerHTML" hx-trigger="load"></div>
- </div>
- </nav>
- <div hx-post="/clear" hx-swap="outerHTML" hx-trigger="load"></div>
- <div hx-get="/control" hx-swap="outerHTML" hx-trigger="load"></div>
- </section>
- <footer class="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>
- </footer>
- </body>
-</html>
diff --git a/templates/macros.j2 b/templates/macros.j2
deleted file mode 100644
index 65d886f..0000000
--- a/templates/macros.j2
+++ /dev/null
@@ -1,23 +0,0 @@
-{% macro court(id, status) -%}
-<button class= "button is-large 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-medium 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-large 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 %} \ No newline at end of file
diff --git a/templates/players.j2 b/templates/players.j2
deleted file mode 100644
index 0e851ab..0000000
--- a/templates/players.j2
+++ /dev/null
@@ -1,51 +0,0 @@
-{% from "macros.j2" import player %}
-<!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="{{ 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>
- <body>
- <section class="section">
- <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>
- <p class="level-item has-text-centered">
- <a class="title link is-info" href="/">Games</a>
- </p>
- <div class="level-item has-text-centered">
- <p class="title is-1">Match Up!</p>
- </div>
- <p class="level-item has-text-centered">
- <a class="title link is-info is-underlined" href="/players">Players</a>
- </p>
- <div class="level-right">
- <div hx-get="/time" hx-swap="outerHTML" hx-trigger="load"></div>
- </div>
- </nav>
- <div class="fixed-grid has-5-cols">
- <div class="grid">
- {% for id, value in players.items() %}
- <div class="cell">
- {{ player(id, value.status, value.name) }}
- </div>
- {% endfor %}
- </div>
- </section>
- <footer class="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>
- </footer>
- </body>
-</html> \ No newline at end of file