templates/catalogue/tagged_book_list.html

   1 {% extends "base.html" %}
   2 {% load catalogue pagination_tags %}
   3
   4 {% block title %}{% title_from_tags tags %} w WolneLektury.pl{% endblock %}
   5
   6 {% block bodyid %}books{% endblock %}
   7
   8 {% block extrahead %}
   9     <script type="text/javascript">
  10         $(function() {
  11             // $('#tags-list ul').addClass('dontsplit');
  12             // $('#tags-list').columnize({width: 180});
  13
  14             $('#books-list .book').hover(
  15                 function() { $(this).css({background: '#F3F3F3', cursor: 'pointer'}); },
  16                 function() { $(this).css({background: '#FFF'}); }
  17             ).click(function() {
  18                 location.href = $('h2 a', this).attr('href');
  19             });
  20
  21             $('#toggle-description').hover(
  22                 function() { $(this).css({background: '#F3F3F3', cursor: 'pointer'}); },
  23                 function() { $(this).css({background: '#EEE'}); }
  24             ).click(function() {
  25                 if ($('#description').hasClass('hidden')) {
  26                     $('#description').slideDown('fast').removeClass('hidden');
  27                     $('p', this).html('Zwiń opis ▲');
  28                 } else {
  29                     $('#description').slideUp('fast').addClass('hidden');
  30                     $('p', this).html('Rozwiń opis ▼');
  31                 }
  32             });
  33
  34             var target = $('#set-window div.target');
  35
  36             $('#set-window').jqm({
  37                 ajax: '@href',
  38                 target: target[0],
  39                 overlay: 60,
  40                 trigger: 'a.jqm-trigger',
  41                 onShow: function(hash) {
  42                     var offset = $(hash.t).offset();
  43                     target.html('<p><img src="/media/img/indicator.gif" /> Ładowanie</p>');
  44                     hash.w.css({position: 'absolute', left: offset.left, top: offset.top}).show() },
  45                 onLoad: function(hash) {
  46                     $('form', hash.w).ajaxForm({
  47                         target: target,
  48                         success: function() { setTimeout(function() { $('#set-window').jqmHide() }, 1000) }
  49                     });
  50                 }});
  51         });
  52     </script>
  53 {% endblock %}
  54
  55 {% block body %}
  56     <h1>{% title_from_tags tags %}</h1>
  57     <form action="." method="get" accept-charset="utf-8" id="search-form">
  58         <ol>
  59             {% for tag in tags %}
  60             <li class="category"><a href="{% catalogue_url tag %}">{{ tag }}</a> | <a href="{% catalogue_url tags -tag %}">x</a></li>
  61             {% endfor %}
  62             <li>{{ form.q }} <input type="submit" value="Szukaj"/></li>
  63         </ol>
  64     </form>
  65
  66     {% autopaginate object_list 10 %}
  67     <div id="books-list">
  68         {% with tags|last as last_tag %}
  69         {% if last_tag.has_description %}
  70             <div id="description">
  71                 {{ last_tag.description|safe }}
  72             </div>
  73             <div id="toggle-description"><p>Zwiń opis ▲</p></div>
  74         {% endif %}
  75         {% endwith %}
  76         <ol>
  77         {% for book in object_list %}
  78             <li>{% include "catalogue/_book.html" %}</li>
  79         {% endfor %}
  80         </ol>
  81         {% paginate %}
  82     </div>
  83     <div id="tags-list">
  84         <div class="dontsplit">
  85             {% if categories.set %}
  86                 <h2>Zestawy</h2>
  87                 <ul>
  88                 {% for set in categories.set %}
  89                     <li><a href="{% catalogue_url tags set %}">{{ set }}&nbsp;({{ set.count }})</a></li>
  90                 {% endfor %}
  91                 </ul>
  92             {% endif %}
  93         </div>
  94         <div class="dontsplit">
  95             {% if categories.author %}
  96                 <h2>Autorzy</h2>
  97                 <ul>
  98                 {% for author in categories.author %}
  99                     <li><a href="{% catalogue_url tags author %}">{{ author }}&nbsp;({{ author.count }})</a></li>
 100                 {% endfor %}
 101                 </ul>
 102             {% endif %}
 103         </div>
 104         <div class="dontsplit">
 105             {% if categories.epoch %}
 106                 <h2>Epoki</h2>
 107                 <ul>
 108                 {% for epoch in categories.epoch %}
 109                     <li><a href="{% catalogue_url tags epoch %}">{{ epoch }}&nbsp;({{ epoch.count }})</a></li>
 110                 {% endfor %}
 111                 </ul>
 112             {% endif %}
 113         </div>
 114         <div class="dontsplit">
 115             {% if categories.kind %}
 116                 <h2>Rodzaje</h2>
 117                 <ul>
 118                 {% for kind in categories.kind %}
 119                     <li><a href="{% catalogue_url tags kind %}">{{ kind }}&nbsp;({{ kind.count }})</a></li>
 120                 {% endfor %}
 121                 </ul>
 122             {% endif %}
 123         </div>
 124         <div class="dontsplit">
 125             {% if categories.genre %}
 126                 <h2>Gatunki literackie</h2>
 127                 <ul>
 128                 {% for genre in categories.genre %}
 129                     <li><a href="{% catalogue_url tags genre %}">{{ genre }}&nbsp;({{ genre.count }})</a></li>
 130                 {% endfor %}
 131                 </ul>
 132             {% endif %}
 133         </div>
 134         <div class="dontsplit">
 135             {% if categories.theme %}
 136                 <h2>Motywy</h2>
 137                 <ul>
 138                 {% for theme in categories.theme %}
 139                     <li><a href="{% catalogue_url tags theme %}">{{ theme }} ({{ theme.count }})</a></li>
 140                 {% endfor %}
 141                 </ul>
 142             {% endif %}
 143         </div>
 144     </div>
 145     <div id="set-window">
 146         <div class="header"><a href="#" class="jqmClose">Zamknij</a></div>
 147         <div class="target">
 148             <p><img src="/media/img/indicator.gif" /> Ładowanie</p>
 149         </div>
 150     </div>
 151 {% endblock %}