Moving forward.

[wolnelektury.git] / src / catalogue / templates / catalogue / snippets / 2022_jplayer.html

diff --git a/src/catalogue/templates/catalogue/snippets/2022_jplayer.html b/src/catalogue/templates/catalogue/snippets/2022_jplayer.html
index e324540..6c941d7 100644 (file)
--- a/src/catalogue/templates/catalogue/snippets/2022_jplayer.html
+++ b/src/catalogue/templates/catalogue/snippets/2022_jplayer.html
@@ -1,4 +1,4 @@
-{% load i18n catalogue_tags %}
+{% load i18n l10n catalogue_tags %}
 
 {% with audiobooks=book.get_audiobooks %}
   <div class="c-media__player" id="jp_container_{{ book.pk }}" data-book-slug="{{ book.slug }}">
@@ -11,10 +11,10 @@
 
     <div class="c-player">
       <div class="c-player__btns">
-        <button class="play-prev"><i class="icon icon-prev"></i></button>
-        <button class="c-player__btn--md jp-play"><i class="icon icon-play"></i></button>
-        <button class="play-next"><i class="icon icon-next"></i></button>
-        <div class="c-select speed">
+        <button class="play-prev" data-s-ord="2"><i class="icon icon-prev"></i></button>
+        <button class="c-player__btn--md jp-play" data-s-ord="3"><i class="icon icon-play"></i></button>
+        <button class="play-next" data-s-ord="4"><i class="icon icon-next"></i></button>
+        <div class="c-select speed" data-s-ord="1">
           <ul>
             <li data-speed="2">2×</li>
             <li data-speed="1.75">1.75×</li>
@@ -28,12 +28,15 @@
       </div>
 
       <div class="c-player__timeline">
-        <div class="c-player__info"></div>
         <div class="c-player__chapters">
           {% if audiobooks.0|length > 1 %}
-            <span>Rozdziały</span>
+            <span>
+              <span class="only-l">Rozdziały</span>
+              <span class="only-s">Roz.</span>
+            </span>
           {% endif %}
           <ul class="jp-playlist">
+            {% localize off %}
             {% for i in audiobooks.0 %}
               <li
                   data-mp3='{{ i.mp3.file.url }}'
@@ -65,8 +68,10 @@
                {% endwith %}
               </li>
             {% endfor %}
+            {% endlocalize %}
           </ul>
         </div>
+        <div class="c-player__info"></div>
         <span>
           <span class="jp-seek-bar">
             <span class="jp-play-bar"></span>