christoph/flask-formula10
1
Fork 0
Code Issues 14 Actions Packages Activity

Improve race guesses frontend

Browse Source
This commit is contained in:
Christoph Urlacher
2024-02-15 16:32:06 +01:00
parent 46214514c8
commit 54ca61124a
3 changed files with 32 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
formula10.py
View File

@ -109,4 +109,4 @@ def enterresult(raceid):
if __name__ == "__main__":
app.run(debug=False)
app.run(debug=True)

16
templates/base.jinja
View File

@ -3,7 +3,8 @@
{# Easy nav-bar entries. When a page sets the active_page variable, the current entry will be underlined #}
{% macro nav_selector(page='', text='') %}
<a class="nav-link" href="/{{ page }}">{% if active_page == page %}<u>{% endif %} {{ text }} {% if active_page == page %}</u>{% endif %}</a>
<a class="nav-link" href="/{{ page }}">{% if active_page == page %}<u>{% endif %} {{ text }}
{% if active_page == page %}</u>{% endif %}</a>
{% endmacro %}
<head>
@ -20,14 +21,18 @@
</head>
<body>
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<nav class="navbar fixed-top navbar-expand-lg bg-body-tertiary">
<div class="container-fluid">
<a class="navbar-brand" href="/">
<img src="../static/image/f1_logo.svg" alt="Logo" width="120" height="30"
class="d-inline-block align-text-top">
Formula <i>10</i> - 2024
</a>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav">
{{ nav_selector("race", "Guess Race") }}
{{ nav_selector("season", "Guess Season") }}
@ -38,7 +43,10 @@
</div>
</nav>
{% block body %}{% endblock body %}
<div style="margin-top: 55px;">
{% block body %}{% endblock body %}
</div>
</body>
</html>

33
templates/race.jinja
View File

@ -6,7 +6,7 @@
{% block body %}
<table class="table table-bordered">
<table class="table table-bordered table-sm table-responsive">
<thead>
<tr>
<th scope="col" rowspan="2" class="text-center">Race</th>
@ -22,7 +22,7 @@
<td>&nbsp;</td>
{% for user in users %}
<td class="text-center">{{ user.name }}</td>
<td class="text-center text-nowrap">{{ user.name }}</td>
{% endfor %}
<td>&nbsp;</td>
@ -30,8 +30,8 @@
{# Next Race Guess #}
{% if nextrace is not none %}
<tr>
<td><span class="fw-bold">{{ nextrace.id }}:</span> {{ nextrace.grandprix }}</td>
<tr class="table-light">
<td class="text-nowrap"><span class="fw-bold">{{ nextrace.id }}:</span> {{ nextrace.grandprix }}</td>
{% for user in users %}
<td>
@ -44,14 +44,17 @@
{% for driver in drivers %}
{% if (user.name in nextguesses) and (nextguesses.get(user.name).pxx.abbr == driver.abbr) %}
{% set user_has_chosen.pxx = "true" %}
<option selected="selected" value="{{ driver.name }}">{{ driver.abbr }}</option>
<option selected="selected"
value="{{ driver.name }}">{{ driver.abbr }}</option>
{% else %}
<option value="{{ driver.name }}">{{ driver.abbr }}</option>
{% endif %}
{% endfor %}
{# Add an empty default if nothing has been chosen #}
{% if user_has_chosen.pxx == "false" %}
<option value="" selected="selected" disabled="disabled" hidden="hidden"></option>
<option value="" selected="selected" disabled="disabled"
hidden="hidden"></option>
{% endif %}
</select>
<label for="pxxselect" class="text-primary">P{{ nextrace.pxx }}:</label>
@ -65,20 +68,23 @@
{% for driver in drivers %}
{% if (user.name in nextguesses) and (nextguesses.get(user.name).dnf.abbr == driver.abbr) %}
{% set user_has_chosen.dnf = "true" %}
<option selected="selected" value="{{ driver.name }}">{{ driver.abbr }}</option>
<option selected="selected"
value="{{ driver.name }}">{{ driver.abbr }}</option>
{% else %}
<option value="{{ driver.name }}">{{ driver.abbr }}</option>
{% endif %}
{% endfor %}
{# Add an empty default if nothing has been chosen #}
{% if user_has_chosen.dnf == "false" %}
<option value="" selected="selected" disabled="disabled" hidden="hidden"></option>
<option value="" selected="selected" disabled="disabled"
hidden="hidden"></option>
{% endif %}
</select>
<label for="dnfselect" class="text-primary">DNF:</label>
</div>
<input type="submit" class="btn btn-primary mt-2 w-100" value="Save">
<input type="submit" class="btn btn-danger mt-2 w-100" value="Save">
</form>
</td>
{% endfor %}
@ -108,7 +114,7 @@
<label for="dnfselect" class="text-primary">DNF:</label>
</div>
<input type="submit" class="btn btn-primary mt-2 w-100" value="Save">
<input type="submit" class="btn btn-danger mt-2 w-100" value="Save">
</form>
</td>
</tr>
@ -116,10 +122,10 @@
{# Race Results #}
{% for raceresult in raceresults %}
<tr>
<td><span class="fw-bold">{{ raceresult.race.id }}:</span> {{ raceresult.race.grandprix }}</td>
<td class="text-nowrap"><span class="fw-bold">{{ raceresult.race.id }}:</span> {{ raceresult.race.grandprix }}</td>
{% for user in users %}
<td>
<td class="text-center text-nowrap">
{% if (raceresult.race_id in guesses) and (user.name in guesses.get(raceresult.race_id)) %}
{% set pxx = guesses.get(raceresult.race_id).get(user.name).pxx.abbr %}
{% set dnf = guesses.get(raceresult.race_id).get(user.name).dnf.abbr %}
@ -133,8 +139,7 @@
</td>
{% endfor %}
<td>
<td class="text-center text-nowrap">
<ul class="list-group list-group-flush">
<li class="list-group-item">P{{ raceresult.race.pxx }}: {{ raceresult.pxx.abbr }}</li>
<li class="list-group-item {% if raceresult.dnf.abbr == 'NON' %}text-muted{% endif %}">