musik/game/templates/game/musikgame_detail.html

68 lines
2.2 KiB
HTML

{% extends "base.html" %}
{% load youtube %}
{% block content %}
<h1>
<i class="ri-play-circle-fill"></i> {{ musikgame.date }}
</h1>
{% if musikgame.playlist or musikgame.playlist_loading %}
<p>
<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>
</p>
{% endif %}
<h2>
<i class="ri-group-2-fill"></i> Joueurs
</h2>
<p>{{ musikgame.players.all|join:", " }}</p>
<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>
<h2>
<i class="ri-list-ordered"></i> Résultats
</h2>
<details>
<summary role="button">
<i class="ri-list-ordered-2"></i> Résultats
</summary>
<table class="striped">
<thead>
<tr>
<th>
<i class="ri-list-ordered-2"></i>
</th>
<th>
<i class="ri-music-2-fill"></i> Musique
</th>
<th>
<i class="ri-user-line"></i> Joueur
</th>
</tr>
</thead>
<tbody>
{% for music in musikgame.musicgameorder_set.all %}
<tr>
<td>{{ music.order }}</td>
<td>
<a href="https://youtu.be/{{ music.music_video.yt_id }}">{{ music.music_video.title }}</a>
</td>
<td>{{ music.player }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</details>
{% endblock content %}