hanabi-league/templates/content.html

146 lines
6.3 KiB
HTML
Raw Normal View History

2023-12-03 21:20:13 +01:00
{% extends "layout.html" %}
2023-12-05 17:39:33 +01:00
{% block navbar %}
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container">
<a class="navbar-brand" href="#">The Hanabi Pro Hunting League<small class="text-muted"> - Season One</small></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link active" id="summary-tab" data-toggle="tab" href="#summary">Summary</a>
</li>
<li class="nav-item">
<a class="nav-link" id="leaderboards-0-tab" data-toggle="tab" href="#leaderboards-0">No Variant</a>
</li>
<li class="nav-item">
<a class="nav-link" id="leaderboards-1-tab" data-toggle="tab" href="#leaderboards-1">Clue Starved</a>
</li>
<li class="nav-item">
<a class="nav-link" id="variant-tab" data-toggle="tab" href="#variants">Variants</a>
</li>
<li class="nav-item">
<a class="nav-link" id="info-tab" data-toggle="tab" href="#info">Info</a>
</li>
</ul>
</div>
</div>
</nav>
{% endblock %}
2023-12-03 21:20:13 +01:00
{% block content %}
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade active show" id="summary">
2023-12-04 23:49:42 +01:00
<div class="container my-5">
<!-- Leader Cards -->
{% for rating_type, leaders in leaders.items() %}
2023-12-04 23:49:42 +01:00
<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-2">{{ data.title }}</h5>
<p class="leaderboard-category">({{data.category}})</p>
<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>
2023-12-03 21:20:13 +01:00
</div>
2023-12-04 23:49:42 +01:00
{% endfor %}
2023-12-03 21:20:13 +01:00
</div>
{% endfor %}
</div>
</div>
{% for rating_type, leaders in leaders.items() %}
<div class="tab-pane fade" id="leaderboards-{{rating_type}}">
<div class="container my-5">
2023-12-03 21:20:13 +01:00
<!-- Leaderboards -->
2023-12-04 00:40:29 +01:00
<div id="leaderboards-{{rating_type}}-data" class="accordion">
2023-12-03 21:20:13 +01:00
{% for category, leaderboard in leaderboards.items() %}
<div class="card">
<div class="card-header">
2023-12-04 00:40:29 +01:00
<button class="btn btn-link btn-block text-left" data-toggle="collapse" data-target="#{{ category|lower|replace(' ', '-') }}">
2023-12-03 21:20:13 +01:00
{{ category }}
</button>
</div>
2023-12-04 00:40:29 +01:00
<div id="{{ category|lower|replace(' ', '-') }}" class="collapse" data-parent="#leaderboards-{{rating_type}}-data">
2023-12-03 21:20:13 +01:00
<div class="card-body">
<table class="table table-striped">
{% for entry in leaderboard[rating_type] %}
2023-12-03 21:20:13 +01:00
<tr>
<td>
<div class="player-name">{{ entry.player_name }}</div>
<div class="alt-name">{{ entry.user_accounts }}</div>
2023-12-03 21:20:13 +01:00
</td>
<td class="score">{{ entry.score }}</td>
{% if entry.current_streak is defined %}
<td class="current-streak">({{ entry.current_streak }})</td>
{% endif %}
2023-12-03 21:20:13 +01:00
</tr>
{% endfor %}
</table>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
2023-12-04 00:40:29 +01:00
{% endfor %}
2023-12-04 11:11:02 +01:00
<!-- 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>
2023-12-04 17:56:28 +01:00
<td class="text-center"><strong><a href="variant/{{variant.variant_id}}">{{ variant.name }}</a></strong></td>
2023-12-04 11:11:02 +01:00
<td class="text-center">{{ variant.num_players }}</td>
2023-12-04 17:52:18 +01:00
<td class="text-center variant-rating">{{ variant.stats.rating | int }}</td>
<td class="text-center">{{ variant.stats.games_played }}</td>
<td class="text-center">{{ variant.stats.games_won }}</td>
2023-12-04 11:11:02 +01:00
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
2023-12-04 11:16:34 +01:00
<div class="tab-pane fade" id="info">
<div class="container my-5">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-6">
<div class="alert alert-info" role="alert">
<h4 class="alert-heading">Welcome to the league!</h4>
<p>Season One will be live from <strong>TODO</strong></p>
<hr>
<p class="mb-0">Sign ups are open from TODO on.</p>
</div>
</div>
</div>
</div>
<h3>About</h3>
TODO: Write info.
</div>
</div>
2023-12-04 11:11:02 +01:00
2023-12-03 21:20:13 +01:00
</div>
2023-12-05 17:39:33 +01:00
{% endblock %}