mirror of
https://gitlab.com/animath/si/plateforme.git
synced 2025-06-21 21:58:25 +02:00
Add a lot of comments
Signed-off-by: Emmy D'Anello <emmy.danello@animath.fr>
This commit is contained in:
Emmy D'Anello
@ -3,6 +3,7 @@
|
||||
{% load static %}
|
||||
|
||||
{% block content %}
|
||||
{# The navbar to select the tournament #}
|
||||
<ul class="nav nav-tabs" id="tournaments-tab" role="tablist">
|
||||
{% for tournament in tournaments %}
|
||||
<li class="nav-item" role="presentation">
|
||||
@ -17,6 +18,7 @@
|
||||
</ul>
|
||||
|
||||
<div class="tab-content" id="tab-content">
|
||||
{# For each tournament, we draw a div #}
|
||||
{% for tournament in tournaments %}
|
||||
<div class="tab-pane fade{% if forloop.first %} show active{% endif %}"
|
||||
id="tab-{{ tournament.id }}-pane" role="tabpanel"
|
||||
@ -28,7 +30,10 @@
|
||||
{% endblock %}
|
||||
|
||||
{% block extrajavascript %}
|
||||
{# Import the list of tournaments and give it to JavaScript #}
|
||||
{{ tournaments_simplified|json_script:'tournaments_list' }}
|
||||
{{ problems|length|json_script:'problems_count' }}
|
||||
|
||||
{# This script contains all data for the draw management #}
|
||||
<script src="{% static 'draw.js' %}"></script>
|
||||
{% endblock %}
|
||||
|
||||
@ -1,15 +1,18 @@
|
||||
{% load i18n %}
|
||||
|
||||
<div id="banner-not-started-{{ tournament.id }}" class="alert alert-warning{% if tournament.draw %} d-none{% endif %}">
|
||||
{# This div is visible iff the draw is not started. #}
|
||||
{% trans "The draw has not started yet." %}
|
||||
|
||||
{% if user.registration.is_volunteer %}
|
||||
{# Volunteers have a form to start the draw #}
|
||||
<form id="format-form-{{ tournament.id }}">
|
||||
<div class="col-md-3">
|
||||
<div class="input-group">
|
||||
<label class="input-group-text" for="format-{{ tournament.id }}">
|
||||
{% trans "Configuration:" %}
|
||||
</label>
|
||||
{# The configuration is the size of pools per pool, for example 3+3+3 #}
|
||||
<input type="text" class="form-control" id="format-{{ tournament.id }}"
|
||||
pattern="^[345](\+[345])*$"
|
||||
placeholder="{{ tournament.best_format }}"
|
||||
@ -22,6 +25,7 @@
|
||||
</div>
|
||||
|
||||
<div id="draw-content-{{ tournament.id }}" class="{% if not tournament.draw %}d-none{% endif %}">
|
||||
{# Displayed only if the tournament has started #}
|
||||
<div class="container">
|
||||
<div class="card col-md-12 my-3">
|
||||
<div class="card-header">
|
||||
@ -29,11 +33,13 @@
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div id="dices-{{ tournament.id }}" class="row">
|
||||
{# Display last dices of all teams #}
|
||||
{% for td in tournament.draw.current_round.team_draws %}
|
||||
<div class="col-md-1" style="order: {{ forloop.counter }};">
|
||||
<div id="dice-{{ tournament.id }}-{{ td.participation.team.trigram }}"
|
||||
class="badge rounded-pill text-bg-{% if td.last_dice %}success{% else %}warning{% endif %}"
|
||||
{% if request.user.registration.is_volunteer %}
|
||||
{# Volunteers can click on dices to launch the dice of a team #}
|
||||
onclick="drawDice({{ tournament.id }}, '{{ td.participation.team.trigram }}')"
|
||||
{% endif %}>
|
||||
{{ td.participation.team.trigram }} 🎲 {{ td.last_dice|default:'??' }}
|
||||
@ -49,6 +55,7 @@
|
||||
<div class="card-header">
|
||||
Recap
|
||||
{% if user.registration.is_volunteer %}
|
||||
{# Volunteers can click on this button to abort the draw #}
|
||||
<button id="abort-{{ tournament.id }}" class="badge rounded-pill text-bg-danger" onclick="abortDraw({{ tournament.id }})">
|
||||
{% trans "Abort" %}
|
||||
</button>
|
||||
@ -57,6 +64,7 @@
|
||||
<div class="card-body">
|
||||
<div id="recap-{{ tournament.id }}-round-list" class="row">
|
||||
{% for round in tournament.draw.round_set.all %}
|
||||
{# For each round, add a recap of drawn problems #}
|
||||
<div id="recap-{{ tournament.id }}-round-{{ round.number }}"
|
||||
class="col-md-6 px-3 py-3 {% if tournament.draw.current_round == round %} text-bg-secondary{% endif %}"
|
||||
data-tournament="{{ tournament.id }}">
|
||||
@ -64,6 +72,7 @@
|
||||
<ul id="recap-{{ tournament.id }}-round-{{ round.number }}-pool-list"
|
||||
class="list-group list-group-flush">
|
||||
{% for pool in round.pool_set.all %}
|
||||
{# Add one item per pool #}
|
||||
<li id="recap-{{ tournament.id }}-round-{{ round.number }}-pool-{{ pool.get_letter_display }}"
|
||||
class="list-group-item px-3 py-3 {% if tournament.draw.current_round.current_pool == pool %} list-group-item-success{% endif %}"
|
||||
data-tournament="{{ tournament.id }}">
|
||||
@ -71,18 +80,22 @@
|
||||
<ul id="recap-{{ tournament.id }}-round-{{ round.number }}-pool-{{ pool.get_letter_display }}-team-list"
|
||||
class="list-group list-group-flush">
|
||||
{% for td in pool.team_draws.all %}
|
||||
{# Add teams of the pool #}
|
||||
<li id="recap-{{ tournament.id }}-round-{{ round.number }}-team-{{ td.participation.team.trigram }}"
|
||||
class="list-group-item{% if tournament.draw.current_round.current_pool.current_team == td %} list-group-item-info{% endif %}"
|
||||
data-tournament="{{ tournament.id }}">
|
||||
{# Add the accepted problem, if existing #}
|
||||
<div id="recap-{{ tournament.id }}-round-{{ round.number }}-team-{{ td.participation.team.trigram }}-accepted"
|
||||
class="badge rounded-pill text-bg-{% if td.accepted %}success{% else %}warning{% endif %}">
|
||||
{{ td.participation.team.trigram }} 📃 {{ td.accepted|default:'?' }}
|
||||
</div>
|
||||
{# Add the rejected problems #}
|
||||
<div id="recap-{{ tournament.id }}-round-{{ round.number }}-team-{{ td.participation.team.trigram }}-rejected"
|
||||
class="badge rounded-pill text-bg-danger">
|
||||
🗑️ {{ td.rejected|join:', ' }}
|
||||
</div>
|
||||
{% if td.penalty %}
|
||||
{# If needed, add the penalty of the team #}
|
||||
<div id="recap-{{ tournament.id }}-round-{{ round.number }}-team-{{ td.participation.team.trigram }}-penalty"
|
||||
class="badge rounded-pill text-bg-info">
|
||||
❌ {{ td.penalty }}
|
||||
@ -104,12 +117,15 @@
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div id="messages-{{ tournament.id }}" class="alert alert-info">
|
||||
{# Display the insctructions of the draw to the teams #}
|
||||
{{ tournament.draw.information|safe }}
|
||||
</div>
|
||||
|
||||
<div id="launch-dice-{{ tournament.id }}"
|
||||
{% if tournament.draw.get_state != 'DICE_SELECT_POULES' and tournament.draw.get_state != 'DICE_ORDER_POULE' %}class="d-none"
|
||||
{% else %}{% if not user.registration.is_volunteer and user.registration.team.trigram not in tournament.draw.current_round.current_pool.trigrams %}class="d-none"{% endif %}{% endif %}>
|
||||
{# Display the dice interface if this is the time for it #}
|
||||
{# ie. if we are in the state where teams must launch a dice to choose the passage order or the choice order and we are in a team in the good pool, or a volunteer #}
|
||||
<div class="text-center">
|
||||
<button class="btn btn-lg" style="font-size: 100pt" onclick="drawDice({{ tournament.id }})">
|
||||
🎲
|
||||
@ -123,6 +139,7 @@
|
||||
<div id="draw-problem-{{ tournament.id }}"
|
||||
{% if tournament.draw.get_state != 'WAITING_DRAW_PROBLEM' %}class="d-none"
|
||||
{% else %}{% if user.registration.team.participation != tournament.draw.current_round.current_pool.current_team.participation and not user.registration.is_volunteer %}class="d-none"{% endif %}{% endif %}>
|
||||
{# Display the box only if needed #}
|
||||
<div class="text-center">
|
||||
<button class="btn btn-lg" style="font-size: 100pt" onclick="drawProblem({{ tournament.id }})">
|
||||
🗳️
|
||||
@ -136,7 +153,8 @@
|
||||
<div id="buttons-{{ tournament.id }}"
|
||||
{% if tournament.draw.get_state != 'WAITING_CHOOSE_PROBLEM' %}class="d-none"
|
||||
{% else %}{% if user.registration.team.participation != tournament.draw.current_round.current_pool.current_team.participation and not user.registration.is_volunteer %}class="d-none"{% endif %}{% endif %}>
|
||||
<div class="d-grid">
|
||||
{# Display buttons if a problem has been drawn and we are waiting for its acceptation or reject #}
|
||||
<div class="d-grid">
|
||||
<div class="btn-group">
|
||||
<button class="btn btn-success" onclick="acceptProblem({{ tournament.id }})">
|
||||
{% trans "Accept" %}
|
||||
@ -149,6 +167,7 @@
|
||||
</div>
|
||||
</div>
|
||||
{% if user.registration.is_volunteer %}
|
||||
{# Volunteers can export the draw if possible #}
|
||||
<div id="export-{{ tournament.id }}"
|
||||
class="card-footer text-center{% if not tournament.draw.exportable %} d-none{% endif %}">
|
||||
<button class="btn btn-info text-center" onclick="exportDraw({{ tournament.id }})">
|
||||
@ -156,6 +175,7 @@
|
||||
</button>
|
||||
</div>
|
||||
{% if tournament.final %}
|
||||
{# Volunteers can continue the second round for the final tournament #}
|
||||
<div id="continue-{{ tournament.id }}"
|
||||
class="card-footer text-center{% if tournament.draw.get_state != 'WAITING_FINAL' %} d-none{% endif %}">
|
||||
<button class="btn btn-success text-center" onclick="continueFinal({{ tournament.id }})">
|
||||
@ -169,6 +189,7 @@
|
||||
</div>
|
||||
|
||||
<div id="tables-{{ tournament.id }}" class="row">
|
||||
{# Display tables with the advancement of the draw below #}
|
||||
{% for round in tournament.draw.round_set.all %}
|
||||
<div class="card col-md-6">
|
||||
<div class="card-header">
|
||||
@ -178,6 +199,7 @@
|
||||
</div>
|
||||
<div id="tables-{{ tournament.id }}-round-{{ round.number }}" class="card-body d-flex flex-wrap">
|
||||
{% for pool in round.pool_set.all %}
|
||||
{# Draw one table per pool #}
|
||||
{% if pool.teamdraw_set.count %}
|
||||
<div class="card w-100 my-3 order-{{ pool.letter }}">
|
||||
<div class="card-header">
|
||||
@ -188,6 +210,7 @@
|
||||
<div class="card-body">
|
||||
<table id="table-{{ tournament.id }}-{{ round.number }}-{{ pool.get_letter_display }}" class="table table-striped">
|
||||
<thead>
|
||||
{# One column per phase #}
|
||||
<tr>
|
||||
<th class="text-center" rowspan="{% if pool.size == 5 %}3{% else %}2{% endif %}">{% trans "team"|capfirst %}</th>
|
||||
<th class="text-center"{% if pool.size == 5 %} colspan="2"{% endif %}>Phase 1</th>
|
||||
@ -216,6 +239,7 @@
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{# Draw the order regarding the pool size #}
|
||||
{% for td in pool.team_draws %}
|
||||
<tr>
|
||||
<td class="text-center">{{ td.participation.team.trigram }}</td>
|
||||
|
||||
Reference in New Issue
Block a user