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         <ol>
  75         {% for book in object_list %}
  76             <li>{{ book.short_html }}</li>
  77         {% endfor %}
  78         </ol>
  79         {% paginate %}
  80     </div>
  81     <div id="tags-list">
  82         <div id="categories-list">
  83             {% if categories.author %}
  84                 <h2>Autorzy</h2>
  85                 {% tag_list categories.author tags %}
  86             {% endif %}
  87             {% if categories.kind %}
  88                 <h2>Rodzaje</h2>
  89                 {% tag_list categories.kind tags %}
  90             {% endif %}
  91             {% if categories.genre %}
  92                 <h2>Gatunki literackie</h2>
  93                 {% tag_list categories.genre tags %}
  94             {% endif %}
  95             {% if categories.epoch %}
  96                 <h2>Epoki</h2>
  97                 {% tag_list categories.epoch tags %}
  98             {% endif %}
  99         </div>
 100         <div id="themes-list">
 101             {% if categories.theme %}
 102                 <h2>Motywy</h2>
 103                 {% tag_list categories.theme tags %}
 104             {% endif %}
 105         </div>
 106         <div class="clearboth"></div>
 107     </div>
 108     {% endif %}
 109     <div id="set-window">
 110         <div class="header"><a href="#" class="jqmClose">Zamknij</a></div>
 111         <div class="target">
 112             <p><img src="/media/img/indicator.gif" alt="*"/> Ładowanie</p>
 113         </div>
 114     </div>
 115 {% endblock %}