wolnelektury/templates/catalogue/tagged_object_list.html

   1 {% extends "base.html" %}
   2 {% load catalogue_tags pagination_tags %}
   3
   4 {% block title %}{% title_from_tags tags %} w WolneLektury.pl{% endblock %}
   5
   6 {% block bodyid %}tagged-object-list{% endblock %}
   7
   8 {% block extrahead %}
   9     <script type="text/javascript">
  10     // <![CDATA[
  11         $(function() {
  12             $('#books-list .book').hover(
  13                 function() { $(this).css({background: '#F3F3F3', cursor: 'pointer'}); },
  14                 function() { $(this).css({background: '#FFF'}); }
  15             ).click(function() {
  16                 location.href = $('h2 a', this).attr('href');
  17             });
  18
  19             $('#toggle-description').hover(
  20                 function() { $(this).css({background: '#F3F3F3', cursor: 'pointer'}); },
  21                 function() { $(this).css({background: '#EEE'}); }
  22             ).click(function() {
  23                 if ($('#description').hasClass('hidden')) {
  24                     $('#description').slideDown('fast').removeClass('hidden');
  25                     $('p', this).html('Zwiń opis ▲');
  26                 } else {
  27                     $('#description').slideUp('fast').addClass('hidden');
  28                     $('p', this).html('Rozwiń opis ▼');
  29                 }
  30             });
  31
  32             var target = $('#set-window div.target');
  33
  34             $('#set-window').jqm({
  35                 ajax: '@href',
  36                 target: target[0],
  37                 overlay: 60,
  38                 trigger: 'a.jqm-trigger',
  39                 onShow: function(hash) {
  40                     var offset = $(hash.t).offset();
  41                     target.html('<p><img src="/media/img/indicator.gif" /> Ładowanie</p>');
  42                     hash.w.css({position: 'absolute', left: offset.left, top: offset.top}).show() },
  43                 onLoad: function(hash) {
  44                     $('form', hash.w).ajaxForm({
  45                         target: target,
  46                         success: function() { setTimeout(function() { $('#set-window').jqmHide() }, 1000) }
  47                     });
  48                 }});
  49         });
  50     // ]]>
  51     </script>
  52 {% endblock %}
  53
  54 {% block body %}
  55     <h1>{% title_from_tags tags %}</h1>
  56     {% breadcrumbs tags %}
  57
  58     {% if shelf_is_set and not object_list %}
  59     <div id="books-list">
  60         <h2>Twoja półka jest pusta</h2>
  61         <p>Możesz wrzucić książkę na półkę, wchodząc na stronę danej lektury i klikając na przycisk „Na półkę!”.</p>
  62     </div>
  63     {% else %}
  64     {% autopaginate object_list 10 %}
  65     <div id="books-list">
  66         {% with tags|last as last_tag %}
  67         {% if last_tag.has_description %}
  68             <div id="description">
  69                 {{ last_tag.description|safe }}
  70             </div>
  71             <div id="toggle-description"><p>Zwiń opis ▲</p></div>
  72         {% endif %}
  73         {% endwith %}
  74         {% if shelf_is_set %}
  75             <a id="download-shelf">
  76                 Pobierz wszystkie książki z tej półki
  77             </a>
  78         {% endif %}
  79         <ol>
  80         {% for book in object_list %}
  81             <li>{{ book.short_html }}</li>
  82         {% endfor %}
  83         </ol>
  84         {% paginate %}
  85     </div>
  86     <div id="tags-list">
  87         <div id="categories-list">
  88             {% if categories.author %}
  89                 <h2>Autorzy</h2>
  90                 {% tag_list categories.author tags %}
  91             {% endif %}
  92             {% if categories.kind %}
  93                 <h2>Rodzaje</h2>
  94                 {% tag_list categories.kind tags %}
  95             {% endif %}
  96             {% if categories.genre %}
  97                 <h2>Gatunki literackie</h2>
  98                 {% tag_list categories.genre tags %}
  99             {% endif %}
 100             {% if categories.epoch %}
 101                 <h2>Epoki</h2>
 102                 {% tag_list categories.epoch tags %}
 103             {% endif %}
 104         </div>
 105         <div id="themes-list">
 106             {% if categories.theme %}
 107                 <h2>Motywy</h2>
 108                 {% tag_list categories.theme tags %}
 109             {% endif %}
 110         </div>
 111         <div class="clearboth"></div>
 112     </div>
 113     {% endif %}
 114     <div id="set-window">
 115         <div class="header"><a href="#" class="jqmClose">Zamknij</a></div>
 116         <div class="target">
 117             <p><img src="/media/img/indicator.gif" alt="*"/> Ładowanie</p>
 118         </div>
 119     </div>
 120 {% endblock %}