hanabi-league/templates/content.html

84 lines
3.6 KiB
HTML

{% extends "layout.html" %}
{% block content %}
<div class="tab-content" id="myTabContent">
{% for rating_type, leaders in leaders.items() %}
<div class="tab-pane fade{{' active show' if rating_type == 0 else ''}}" id="leaderboards-{{rating_type}}">
<div class="container my-5">
<!-- Leader Cards -->
<div class="card-deck mb-5">
{% for category, data in leaders.items() %}
<div class="card text-center">
<div class="card-body">
<h5 class="card-title mb-4">{{ data.title }}</h5>
<p class="mb-0 player-name">{{ data.entry.player_name }}</p>
<p class="mt-1 alt-name">{{ data.entry.user_accounts }}</p>
<p class="score-large">{{ data.entry.score }}</p>
</div>
</div>
{% endfor %}
</div>
<!-- Leaderboards -->
<div id="leaderboards-{{rating_type}}-data" class="accordion">
{% for category, leaderboard in leaderboards.items() %}
<div class="card">
<div class="card-header">
<button class="btn btn-link btn-block text-left" data-toggle="collapse" data-target="#{{ category|lower|replace(' ', '-') }}">
{{ category }}
</button>
</div>
<div id="{{ category|lower|replace(' ', '-') }}" class="collapse" data-parent="#leaderboards-{{rating_type}}-data">
<div class="card-body">
<table class="table table-striped">
{% for entry in leaderboard[rating_type] %}
<tr>
<td>
<div class="player-name">{{ entry.player_name }}</div>
<div class="alt-name">{{ entry.user_accounts }}</div>
</td>
<td class="score">{{ entry.score }}</td>
</tr>
{% endfor %}
</table>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
{% endfor %}
<!-- Variants -->
<div class="tab-pane fade" id="variants">
<div class="container my-5">
<table class="table table-hover table-striped">
<thead>
<tr>
<th scope="col" class="text-center">Variant</th>
<th scope="col" class="text-center">Player count</th>
<th scope="col" class="text-center">Rating</th>
<th scope="col" class="text-center">Games Played</th>
<th scope="col" class="text-center">Max Scores</th>
</tr>
</thead>
<tbody>
{% for variant in variants %}
<tr>
<td class="text-center"><strong>{{ variant.name }}</strong></td>
<td class="text-center">{{ variant.num_players }}</td>
<td class="text-center variant-rating">{{ variant.rating | int }}</td>
<td class="text-center">{{ variant.games_played }}</td>
<td class="text-center">{{ variant.games_won }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
{% endblock %}