hanabi-league/templates/variant.html

94 lines
3.7 KiB
HTML
Raw Normal View History

2023-12-05 17:39:33 +01:00
{% extends "layout.html" %}
2023-12-05 18:30:15 +01:00
{% from "stats_table.html" import stats_list %}
2023-12-04 17:52:18 +01:00
2023-12-05 17:39:33 +01:00
{% block navbar %}
2023-12-04 17:52:18 +01:00
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container">
<a class="navbar-brand" href="/">The Hanabi Pro Hunting League</a><a class="navbar-brand" href="#"><small class="text-muted">- Variant Statistics for {{variant_name}}</small></a>
2023-12-04 17:52:18 +01:00
<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="overview-tab" data-toggle="tab" href="#overview">Overview</a>
</li>
2023-12-05 18:17:06 +01:00
{% for num_players in variant_stats_by_player.keys() %}
2023-12-04 17:52:18 +01:00
<li class="nav-item">
<a class="nav-link" id="stats-{{num_players}}p-tab" data-toggle="tab" href="#stats-{{num_players}}p">{{num_players}} Players</a>
</li>
{% endfor %}
</ul>
</div>
</div>
</nav>
2023-12-05 17:39:33 +01:00
{% endblock %}
2023-12-04 17:52:18 +01:00
2023-12-05 17:39:33 +01:00
{% block content %}
2023-12-04 17:52:18 +01:00
<div class="tab-content" id="myTabContent">
2023-12-05 18:17:06 +01:00
<div class="tab-pane fade show active" id="overview">
<div class="container my-5">
<h3>
League Statistics for {{variant_name}}
</h3>
2023-12-05 18:30:15 +01:00
{{ stats_list(variant_stats, False) }}
2023-12-05 18:17:06 +01:00
</div>
</div>
2023-12-05 18:30:15 +01:00
{% for num_players, num_player_stats in variant_stats_by_player.items() %}
2023-12-04 17:52:18 +01:00
<div class="tab-pane fade" id="stats-{{num_players}}p">
<div class="container my-5">
<h3>
League Statistics for {{variant_name}} - {{num_players}} Players
2023-12-04 17:52:18 +01:00
</h3>
2023-12-05 18:30:15 +01:00
{{ stats_list(num_player_stats, True) }}
2023-12-05 17:28:55 +01:00
<h4>
List of Played Games
</h4>
2023-12-05 18:30:15 +01:00
{% if num_player_stats.games_played == 0 %}
2023-12-05 17:28:55 +01:00
There have been no games played on this variant with {{num_players}} players so far.
{% else %}
2023-12-05 15:14:20 +01:00
<div id="table-{{num_players}}p"></div>
2023-12-05 17:28:55 +01:00
{% endif %}
2023-12-04 17:52:18 +01:00
</div>
</div>
{% endfor %}
</div>
<!-- JavaScript part for the interactive tables -->
<script>
2023-12-05 18:17:06 +01:00
{% for num_players, games in variant_games_by_player.items() %}
let tabledata_{{num_players}} = [
{% for game in games %}
{{game }},
{% endfor %}
];
var table_{{num_players}} = new Tabulator("#table-{{num_players}}p", {
height: 400,
data:tabledata_{{num_players}},
layout:"fitDataStretch",
columns: [
{title: "id", field: "league_id"},
{title: "Game", field: "game_id", formatter: "link", formatterParams:{
urlPrefix: "https://hanab.live/replay/",
target:"_blank"
}},
2023-12-05 17:28:55 +01:00
{title: "Rating Change", field: "variant_rating_change"},
{title: "Rating After", field: "variant_rating_after"},
{title: "Players", field: "users"},
{title: "Seed", field: "seed", formatter: "link", formatterParams: {
urlPrefix: "https://hanab.live/seed/",
target:"_blank"
}},
{title: "Score", field: "score"},
{title: "BDR", field: "num_bdrs"},
2023-12-05 17:28:55 +01:00
{title: "Turns", field: "num_turns"},
{title: "Result", field: "game_outcomes"}
],
});
{% endfor %}
</script>
2023-12-05 17:39:33 +01:00
{% endblock %}