X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/8f51cea59b3cc79f091627e08b3b9f4f24f3f232..a3b153ea6e30da275edf3e34b8d2f8ca1bb436cc:/src/catalogue/templates/catalogue/2022/theme_detail.html

diff --git a/src/catalogue/templates/catalogue/2022/theme_detail.html b/src/catalogue/templates/catalogue/2022/theme_detail.html
index 5713cecea..df34d17de 100644
--- a/src/catalogue/templates/catalogue/2022/theme_detail.html
+++ b/src/catalogue/templates/catalogue/2022/theme_detail.html
@@ -1,4 +1,5 @@
 {% extends '2022/base.html' %}
+{% load catalogue_tags %}
 {% load pagination_tags %}
 
 {% block global-content %}
@@ -7,7 +8,7 @@
       <a href="/"><span>Strona główna</span></a>
       <a href="/katalog/"><span>Katalog</span></a>
       <a href="/katalog/motyw/"><span>Motyw</span></a>
-      <span>{{ tags.0.name }}</span>
+      <span>{{ main_tag.name }}</span>
     </div>
   </div>
 
@@ -15,28 +16,44 @@
 
     <div class="l-section">
       <div class="l-author__header">
-        <h1><span>Motyw:</span> {{ tags.0.name }}</h1>
+        <h1><span>Motyw:</span> {{ main_tag.name }}</h1>
       </div>
     </div>
 
-    <!-- div class="l-section">
-         <div class="l-books__header">
-         <div class="l-books__input">
-         <i class="icon icon-filter"></i>
-         <input type="text" placeholder="filtry, tytuł">
-         </div>
-         <div class="l-books__sorting">
-         <span>Sortuj:</span>
-         <div>
-         <button>autorzy</button>
-         <button>epoki</button>
-         <button>gatunki</button>
-         <button>rodzaje</button>
-         <button class="is-active">motywy</button>
-         </div>
-         </div>
-         </div>
-         </div -->
+
+    <div class="l-section">
+      <div class="l-books__header">
+        <div class="l-books__input">
+          <i class="icon icon-filter"></i>
+          <input type="text" placeholder="filtry, tytuł" class="quick-filter" data-for="book-list" data-filters="with-filter">
+          <div class="filter-container">
+            {% for tag in tags %}
+              {% if tag is not main_tag %}
+                <span class="filter filter-category-{{ tag.category }}">
+                  <a href="{% catalogue_url list_type tag %}">{{ tag }}</a>
+                  <a href="{% catalogue_url list_type tags -tag %}">✖</a>
+                </span>
+              {% endif %}
+            {% endfor %}
+          </div>
+
+        </div>
+      </div>
+    </div>
+    <div class="with-filter">
+      <div class="row">
+        <h2>{% nice_title_from_tags tags categories %}</h2>
+        {% if suggest %}
+          <div class="filter-container">
+            {% for tag in suggest %}
+              <span class="filter filter-category-{{ tag.category }}">
+                <a href="{% catalogue_url list_type tags tag %}">{{ tag }}</a>
+              </span>
+            {% endfor %}
+          </div>
+        {% endif %}
+      </div>
+    </div>
 
     {% autopaginate object_list 10 %}
 
@@ -46,41 +63,15 @@
           <div class="l-books__col">
 
             {% for fragment in object_list %}
-              <article class="l-books__item">
-                <figure class="l-books__item__img">
-                  <a href="{{ fragment.get_absolute_url }}">
-                    {% if fragment.book.cover_clean %}
-                      <img src="{{ fragment.book.cover_clean.url }}" alt="{{ fragment.book.title }}">
-                    {% endif %}
-                  </a>
-                </figure>
-                <div class="l-books__item__content">
-                  <div class="l-books__item__actions">
-                    <a href="#" class="icon icon-book-alt"></a>
-                    {% if fragment.book.has_mp3_file %}
-                      <a href="#" class="icon icon-audio"></a>
-                    {% endif %}
-                  </div>
-                  <h3>
-                    {% for author in fragment.book.authors %}
-                      <a href="{{ author.get_absolute_url }}">{{ author }}</a>{% if not forloop.last %}, {% endif %}
-                    {% endfor %}
-                  </h3>
-                  <h2><a href="{{ fragment.book.get_absolute_url }}">{{ fragment.book.title }}</a></h2>
-                  <div class="fragment-text">
-                    {{ fragment.short_text|safe }}
-                  </div>
-                  <a href="{{ fragment.get_absolute_url }}">Czytaj więcej</a>
-                </div>
-              </article>
+              {% include 'catalogue/2022/fragment_box.html' %}
             {% endfor %}
             {% paginate using '2022/paginate.html' %}
           </div>
         </div>
         <div class="l-theme__col">
           <div class="l-theme__info">
-            <h3>Motyw: {{ tags.0.name }}</h3>
-            {{ tags.0.description|safe }}
+            <h3>Motyw: {{ main_tag.name }}</h3>
+            {{ main_tag.description|safe }}
             <!--
                  <h3>Motyw w sztuce <i class="icon icon-arrow-left"></i> <i class="icon icon-arrow-right"></i></h3>
                  <div class="l-theme__info__slider">