diff options
Diffstat (limited to 'src/match_up/templates/macros.j2')
| -rw-r--r-- | src/match_up/templates/macros.j2 | 31 |
1 files changed, 24 insertions, 7 deletions
diff --git a/src/match_up/templates/macros.j2 b/src/match_up/templates/macros.j2 index 7e1f6bd..e7d14ff 100644 --- a/src/match_up/templates/macros.j2 +++ b/src/match_up/templates/macros.j2 @@ -16,12 +16,6 @@ </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(url_for) -%} <head> <meta charset="UTF-8"> @@ -29,7 +23,11 @@ <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="https://cdn.jsdelivr.net/npm/notyf@3/notyf.min.css"> <link rel="stylesheet" href="{{ url_for('static', filename='custom.css') }}"> + <script src="https://cdn.jsdelivr.net/npm/notyf@3/notyf.min.js"></script> + <script src="{{ url_for('static', filename='fontawesome.js') }}"></script> + <script defer src="{{ url_for('static', filename='custom.js') }}"></script> <script src="{{ url_for('static', filename='htmx.min.js') }}"></script> </head> {%- endmacro %} @@ -61,7 +59,26 @@ </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 class="field has-addons has-addons-centered"> + <div class="control"><button class="button is-dark" id="timer-dec"> + <span class="icon"><i class="fas fa-light fa-minus"></i></span> + </button></div> + <p class="control has-icons-left has-icons-right"> + <input class="input is-responsive" id="timer-display" type="text" style="text-align:center; " readonly> + <span class="icon is-small is-left"> + <i class="fas fa-light fa-clock"></i> + </span> + </p> + <div class="control"><button class="button is-dark" id="timer-inc"> + <span class="icon"><i class="fas fa-light fa-plus"></i></span> + </button></div> + <div class="control"><button class="button is-dark" id="timer-start"> + <span class="icon"><i class="fas fa-light fa-play"></i></span> + </button></div> + <div class="control"><button class="button is-dark" id="timer-stop"> + <span class="icon"><i class="fas fa-light fa-stop"></i></span> + </button></div> + </div> </div> </nav> {%- endmacro %}
\ No newline at end of file |