Searching, filtering fixes.
[wolnelektury.git] / src / catalogue / templates / catalogue / 2022 / themed_book_list.html
1 {% extends '2022/base.html' %}
2 {% load catalogue_tags %}
3 {% load pagination_tags %}
4
5 {% block global-content %}
6   <div class="l-container">
7     <div class="l-breadcrumb">
8       <a href="/"><span>Strona główna</span></a>
9       <a href="/katalog/"><span>Katalog</span></a>
10       <a href="/katalog/motyw/"><span>Motyw</span></a>
11       <span>{{ main_tag.name }}</span>
12     </div>
13   </div>
14
15   <main class="l-main">
16
17     <div class="l-section">
18       <div class="l-author__header">
19         <h1><span>Motyw:</span> {{ main_tag.name }}</h1>
20       </div>
21     </div>
22
23
24     <div class="l-section">
25       <div class="l-books__header">
26         <div class="l-books__input">
27           <i class="icon icon-filter"></i>
28           <input type="text" placeholder="filtry, tytuł" class="quick-filter" data-for="book-list" data-filters="with-filter" value="{{ request.GET.search }}">
29           <div class="filter-container">
30             {% for tag in tags %}
31               {% if tag is not main_tag %}
32                 <span class="filter filter-category-{{ tag.category }}">
33                   <a href="{% catalogue_url view.list_type tag %}">{{ tag }}</a>
34                   <a href="{% catalogue_url view.list_type tags -tag %}">✖</a>
35                 </span>
36               {% endif %}
37             {% endfor %}
38           </div>
39
40         </div>
41       </div>
42     </div>
43     <div class="with-filter">
44       <div class="row">
45         <h2 class="header">{% nice_title_from_tags tags categories %}</h2>
46         {% if suggest %}
47           <div class="filter-container">
48             {% for tag in suggest %}
49               <span class="filter filter-category-{{ tag.category }}">
50                 <a href="{% catalogue_url view.list_type tags tag %}">{{ tag }}</a>
51               </span>
52             {% endfor %}
53           </div>
54         {% endif %}
55       </div>
56     </div>
57
58     {% autopaginate object_list view.themed_page_size %}
59
60     <div class="l-section l-section--col">
61       <div class="l-theme">
62         <div class="l-theme__col">
63           <div class="l-books__col" id="book-list">
64             {% for fragment in object_list %}
65               {% include 'catalogue/2022/fragment_box.html' %}
66             {% endfor %}
67           </div>
68           <div id="paginator">
69             {% paginate using '2022/paginate.html' %}
70           </div>
71         </div>
72         <div class="l-theme__col">
73           <div class="l-theme__info">
74             <h3>Motyw: {{ main_tag.name }}</h3>
75             {{ main_tag.description|safe }}
76             <!--
77                  <h3>Motyw w sztuce <i class="icon icon-arrow-left"></i> <i class="icon icon-arrow-right"></i></h3>
78                  <div class="l-theme__info__slider">
79                  <img src="images/motyw.jpg" alt="">
80                  <img src="images/motyw.jpg" alt="">
81                  <img src="images/motyw.jpg" alt="">
82                  </div>
83             -->
84           </div>
85         </div>
86       </div>
87     </div>
88   </main>
89
90 {% endblock %}