X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/b0fadf2591f3af957c1c8e0307d0bcef9e9f8538..e24e657ebf536f55c1bde66bd41563fae30a98b0:/src/catalogue/templates/catalogue/book_list.html

diff --git a/src/catalogue/templates/catalogue/book_list.html b/src/catalogue/templates/catalogue/book_list.html
index 0107f5fd6..dabb0ca48 100644
--- a/src/catalogue/templates/catalogue/book_list.html
+++ b/src/catalogue/templates/catalogue/book_list.html
@@ -1,37 +1,145 @@
-{% extends request.EXPERIMENTS.layout.value|yesno:"2022/base_simple.html,base/base.html" %}
+{% extends 'base.html' %}
 {% load i18n %}
 {% load catalogue_tags %}
-{% load chunk from chunks %}
+{% load thumbnail %}
+{% load pagination_tags %}
 
-{% block bodyid %}book-a-list{% endblock %}
+{% load choose_cites from social_tags %}
 
-{% block titleextra %}{% trans "Listing of all works" %}{% endblock %}
 
-{% block body %}
-  {% spaceless %}
-    <h1>{% block book_list_header %}{% trans "Listing of all works" %}{% endblock %}</h1>
-
-    <div class="left-column"><div class="normal-text" style="margin-bottom: 2em">
-      {% block book_list_info %}
-        {% chunk 'book-list' %}
-      {% endblock %}
-    </div></div>
+{% block breadcrumbs %}
+  <a href="/katalog/"><span>{% trans "Katalog" %}</span></a>
+  {% if main_tag %}
+    <a href="{{ main_tag.get_absolute_catalogue_url }}"><span>{{ main_tag.get_category_display|title }}</span></a>
+  {% endif %}
+{% endblock %}
 
-    <div style='clear:both;'></div>
+{% block main %}
+  <div class="l-section">
+    <div class="l-author__header">
+      {% if main_tag.photo %}
+        {% thumbnail main_tag.photo '40x40' crop='top' as th %}
+        <figure>
+          <img src="{{ th.url }}" alt="{{ main_tag.name }}" srcset="{{ th.url }} 1x, {{ th.url|resolution:"2x" }} 2x">
+        </figure>
+        {% endthumbnail %}
+      {% endif %}
+      <h1>
+        {% if main_tag %}
+          {{ main_tag.name }}
+        {% else %}
+          {{ view.title }}
+        {% endif %}
+      </h1>
+    </div>
+  </div>
 
-    <a name="top"></a>
+  <div class="l-section">
+    <div class="l-books__header">
+      <div class="l-books__input">
+        <i class="icon icon-filter"></i>
+        <input type="text" placeholder="{% trans 'filtry, tytuł' %}" class="quick-filter" data-for="book-list" data-filters="with-filter" value="{{ request.GET.search }}">
+        <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 view.list_type tag %}">{{ tag }}</a>
+                <a href="{% catalogue_url view.list_type tags -tag %}">✖</a>
+              </span>
+            {% endif %}
+          {% endfor %}
+        </div>
 
-    <div id="book-list-nav">
-      <h2>{% trans "Table of Content" %}</h2>
-      <div id="book-list-nav-index">
-        {{ rendered_nav }}
       </div>
+      {% if view.get_orderings %}
+      <div class="l-books__sorting">
+        <span>{% trans 'Sortuj:' %}</span>
+        <div>
+          {% for ordering in view.get_orderings %}
+            <button
+                {% if ordering.default %}
+                data-order="-"
+                {% else %}
+                data-order="{{ ordering.slug }}"
+                {% endif %}
+                {% if ordering.active %}
+                class="is-active"
+                {% endif %}
+            >{{ ordering.name }}</button>
+          {% endfor %}
+          <select name="sorting">
+            {% for ordering in view.get_orderings %}
+              <option
+                  {% if ordering.default %}
+                  value="-"
+                  {% else %}
+                  value="{{ ordering.slug }}"
+                  {% endif %}
+                  {% if ordering.active %}
+                  selected="selected"
+                  {% endif %}
+              >{{ ordering.name }}</option>
+          {% endfor %}
+          </select>
+        </div>
+      </div>
+      {% endif %}
+    </div>
+  </div>
+  <div class="l-section">
+  <div class="with-filter">
+    <div class="row">
+      <h2 class="header">{% nice_title_from_tags tags suggested_tags_by_category %}</h2>
+      {% if suggested_tags %}
+        <div class="filter-container">
+          {% for tag in suggested_tags %}
+            <span class="filter filter-category-{{ tag.category }}">
+              <a href="{% catalogue_url view.list_type tags tag %}">{{ tag }}</a>
+            </span>
+          {% endfor %}
+        </div>
+      {% endif %}
     </div>
-    <div id="book-list">
-      {% block book_list %}
-        {{ rendered_book_list }}
-      {% endblock %}
+  </div>
+  </div>
+
+  {% autopaginate object_list view.page_size %}
+
+  <div class="l-section l-section--col">
+    <div class="l-books__grid" id="book-list">
+      {% for book in object_list %}
+        {% include "catalogue/book_box.html" %}
+      {% endfor %}
     </div>
-    <a id="book-list-up" href="#top">{% trans "↑ top ↑" %}</a>
-  {% endspaceless %}
+  </div>
+
+  <div id="paginator">
+    {% paginate %}
+  </div>
+
+  {% if main_tag %}
+    <section class="l-section">
+      <div class="l-author">
+        {% with tag=main_tag %}
+          {% include 'catalogue/author_box.html' %}
+        {% endwith %}
+        {% choose_cites 3 author=main_tag as cites %}
+        {% if cites %}
+          <div class="row">
+            <div class="l-author__quotes">
+              <div class="l-author__quotes__slider">
+
+                {% for fragment in cites %}
+                  <div class="l-author__quotes__slider__item">
+                    {% include "catalogue/fragment_slider_box.html" %}
+                  </div>
+                {% endfor %}
+
+              </div>
+            </div>
+          </div>
+        {% endif %}
+      </div>
+    </section>
+    {% endif %}
 {% endblock %}