Add initial leaderboards page
All checks were successful
Build Formula10 Docker Image / build-docker (push) Successful in 38s

This commit is contained in:
2024-03-02 13:11:25 +01:00
parent efcdf5412b
commit f1090f205b
4 changed files with 73 additions and 21 deletions

View File

@ -7,27 +7,50 @@
{% block body %}
<div class="card">
<div class="card-body">
<h5 class="card-title">Leaderboard</h5>
{# Table that lists each users + Total Points (?), Race guesses points, Season guesses points (missing overtakes + hottake), number of guesses that yielded points, average points per guess #}
</div>
</div>
<div class="card mt-2">
<div class="card-body">
<h5 class="card-title">History</h5>
<h5 class="card-title">Leaderboard</h5>
<h6 class="card-subtitle">Points only include race picks</h6>
{# Line chart of point history with a line per user #}
<table class="table table-bordered table-sm table-responsive mt-3">
<thead>
<tr>
<th scope="col" class="text-center" style="width: 1%;">User</th>
<th scope="col" class="text-center" style="width: 1%;">Points</th>
<th scope="col" class="text-center" style="width: 1%;">Total picks</th>
<th scope="col" class="text-center" style="width: 1%;">Correct picks</th>
<th scope="col" class="text-center" style="width: 1%;">Points per pick</th>
</tr>
</thead>
<tbody>
{% for user in model.all_users() %}
<tr>
<td class="text-center text-nowrap">{{ user.name }}</td>
<td class="text-center text-nowrap">{{ points.total_points_by(user.name) }}</td>
<td class="text-center text-nowrap">{{ points.picks_count(user.name) }}</td>
<td class="text-center text-nowrap">{{ points.picks_with_points_count(user.name) }}</td>
<td class="text-center text-nowrap">{{ "%0.2f" % points.points_per_pick(user.name) }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
<div class="card mt-2">
<div class="card-body">
<h5 class="card-title">Statistics</h5>
{# <div class="card mt-2">#}
{# <div class="card-body">#}
{# <h5 class="card-title">History</h5>#}
{# Various statistics: Driver voted most for DNF #}
</div>
</div>
{# Line chart of point history with a line per user #}
{# </div>#}
{# </div>#}
{# <div class="card mt-2">#}
{# <div class="card-body">#}
{# <h5 class="card-title">Statistics</h5>#}
{# Various statistics: Driver voted most for DNF #}
{# </div>#}
{# </div>#}
{% endblock body %}