claudep/beesgospel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Jouer les fichiers sons sur le site

Browse source
This commit is contained in:
Claude Paroz 2025-11-07 18:25:24 +01:00
parent d1be126537
commit 5b77299f71
4 changed files with 47 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

26
templates/membres/liste_chants.html
View file

@ -10,7 +10,9 @@
<tr class="editable">
<td>{{ chant.titre }}</td>
<td>{% for doc in chant.chantdoc_set.all %}
{% if doc.fichier %}
{% if doc.fichier_son %}
<img src="{{ doc.fichier.path|icon_url }}" title="{{ doc.titre }}" class="icon fichier_son" data-bs-toggle="tooltip" data-path="{{ doc.fichier.url }}">
{% elif doc.fichier %}
<a href="{{ doc.fichier.url }}">
<img src="{{ doc.fichier.path|icon_url }}" title="{{ doc.titre }}" class="icon" data-bs-toggle="tooltip">
</a>
@ -38,4 +40,26 @@
{% if perms.beesgospel.add_chant %}
<div class="mt-3"><a class="btn btn-outline-primary" href="{% url 'chant-add' %}">Ajouter un chant</a></div>
{% endif %}
<div id="modal_sound" class="modal" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Écouter un fichier audio</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div id="homeaudio" class="d-flex justify-content-center mt-5">
<div class="text-start">
<audio controls src=""></audio>
</div>
</div>
<div class="text-end fst-italic"><a id="download-link" href="" download>Télécharger</a></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
</div>
</div>
</div>
</div>
{% endblock %}