add pause button to waveform

[panikweb-esperanzah.git] / panikweb_esperanzah / templates / includes / audio.html

diff --git a/panikweb_esperanzah/templates/includes/audio.html b/panikweb_esperanzah/templates/includes/audio.html
index d945e169f9792525cdd98e8a2b477d0effef5aa5..2db1bf05fb66e9e8b16c9e2452e21bd3a46b1a32 100644 (file)
--- a/panikweb_esperanzah/templates/includes/audio.html
+++ b/panikweb_esperanzah/templates/includes/audio.html
@@ -2,12 +2,6 @@
 {% if sound|is_format_available:'mp3' or sound|is_format_available:'ogg' %}
        <div class="audio" data-sound-id="{{ sound.id }}">
                {% if embed %}
-               <button class="icons icon-pause big"
-                       title="{% trans "Pause" %}"
-                       style="display: none;"
-                       data-player-audio="Audio-{{ sound.file.url|slugify }}" 
-                       data-player-action="pauseSounds" 
-                       ></button>
                <a class="resymbol icon-download big"
                        title="Download file"
                        target="_new" rel="noopener" download
@@ -29,6 +23,13 @@
                / <a href="{{ sound|format_url:'mp3' }}" download>Télécharger</a>
                {% endif %}
                {% endif %}
+
+               <button class="icons icon-pause"
+                       title="{% trans "Pause" %}"
+                       data-player-audio="Audio-{{ sound.file.url|slugify }}" 
+                       data-player-action="pauseSounds"
+                       ></button>
+
        </div>
        {% if display_fragment_name %}
        <div class="fragment-name">
@@ -63,8 +64,10 @@
                        {% endif %}
                </div>
        </audio>
+
        <div class="waveform" data-sound-id="{{ sound.id }}" data-duration="{{ sound.duration }}"
                data-duration-string="{{ sound.get_duration_string }}"></div>
 {% else %}
+
        <div class="hidden error">No sound available!</div>
 {% endif%}