src/catalogue/templates/catalogue/2022/collection.html

   1 {% extends '2022/base.html' %}
   2
   3
   4 {% block breadcrumbs %}
   5   <a href="/katalog/"><span>Katalog</span></a>
   6   <a href="/katalog/kolekcje/"><span>Kolekcje</span></a>
   7 {% endblock %}
   8
   9
  10 {% block main %}
  11
  12   <div class="l-section">
  13     <div class="l-author__header">
  14       <h1>{{ collection.title }}</h1>
  15     </div>
  16   </div>
  17
  18   <div class="l-author__info">
  19     <p>
  20       {{ collection.description|safe }}
  21     </p>
  22   </div>
  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">
  29       </div>
  30       <div class="l-books__sorting">
  31         <span>Sortuj:</span>
  32         <div>
  33           <button data-order="data-pop">najpopularniejsze</button>
  34           <button class="is-active">alfabetycznie</button>
  35           <!--button>chronologicznie</button-->
  36         </div>
  37       </div>
  38     </div>
  39   </div>
  40
  41   <div class="l-section l-section--col">
  42     <div class="l-books__grid" id="book-list">
  43       {% for book in collection.get_books %}
  44         {% include "catalogue/2022/book_box.html" %}
  45       {% endfor %}
  46     </div>
  47   </div>
  48
  49
  50 {% endblock %}