67 lines
2.4 KiB
HTML
67 lines
2.4 KiB
HTML
{% extends "base.html" %}
|
|
{% load youtube %}
|
|
{% block content %}
|
|
<h1>
|
|
{% if musikgame.over %}
|
|
<i class="ri-stop-circle-fill"></i>
|
|
{% else %}
|
|
<i class="ri-play-circle-fill hl"></i>
|
|
{% endif %}
|
|
{{ musikgame.date }}
|
|
</h1>
|
|
{% if musikgame.playlist or musikgame.playlist_loading %}
|
|
<form method="post">
|
|
{% csrf_token %}
|
|
<fieldset role="group">
|
|
<a target="_blank"
|
|
href="{% yt_playlist musikgame %}"
|
|
role="button"
|
|
{% if musikgame.playlist_loading %}aria-busy="true"{% endif %}><i class="ri-youtube-fill"></i> Playlist</a>
|
|
{% if musikgame.over %}
|
|
<a href="{% url "game_answer" musikgame.pk %}"
|
|
role="button"
|
|
class="secondary"><i class="ri-play-list-2-fill"></i> Mes réponses</a>
|
|
{% else %}
|
|
<a href="{% url "game_answer" musikgame.pk %}" role="button"><i class="ri-play-list-2-fill"></i> Répondre</a>
|
|
{% endif %}
|
|
</fieldset>
|
|
{% if is_leader and not musikgame.over %}
|
|
<fieldset>
|
|
<button type="submit" formaction="{% url "game_end" musikgame.pk %}">
|
|
<i class="ri-stop-circle-fill"></i> Finir la partie
|
|
</button>
|
|
</fieldset>
|
|
{% endif %}
|
|
</form>
|
|
{% endif %}
|
|
<h2>
|
|
<i class="ri-group-2-fill"></i> Joueurs
|
|
</h2>
|
|
{% if musikgame.over %}
|
|
<ol class="podium">
|
|
{% for player in musikgame.musicgameresults_set.all %}
|
|
<li>
|
|
{{ player.player.username }} <span class="score">{{ player.score }}</span>
|
|
</li>
|
|
{% endfor %}
|
|
</ol>
|
|
{% else %}
|
|
<p>{{ musikgame.players.all|join:", " }}</p>
|
|
{% endif %}
|
|
<h2>
|
|
<i class="ri-music-2-fill"></i> Musiques
|
|
</h2>
|
|
<details>
|
|
<summary role="button">
|
|
<i class="ri-list-ordered-2"></i> Musiques
|
|
</summary>
|
|
<ol>
|
|
{% for music in musikgame.musicgameorder_set.all %}
|
|
<li>
|
|
<a href="https://youtu.be/{{ music.music_video.yt_id }}">{{ music.music_video.title }}</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ol>
|
|
</details>
|
|
{% include "game/include/game_results.html" %}
|
|
{% endblock content %}
|