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     {% autopaginate object_list 10 %}
  59     <div id="books-list">
  60         {% with tags|last as last_tag %}
  61         {% if last_tag.has_description %}
  62             <div id="description">
  63                 {{ last_tag.description|safe }}
  64             </div>
  65             <div id="toggle-description"><p>Zwiń opis ▲</p></div>
  66         {% endif %}
  67         {% endwith %}
  68         <ol>
  69         {% for book in object_list %}
  70             <li>{{ book.short_html }}</li>
  71         {% endfor %}
  72         </ol>
  73         {% paginate %}
  74     </div>
  75     <div id="tags-list">
  76         <div id="categories-list">
  77             {% if categories.author %}
  78                 <h2>Autorzy</h2>
  79                 {% tag_list categories.author tags %}
  80             {% endif %}
  81             {% if categories.epoch %}
  82                 <h2>Epoki</h2>
  83                 {% tag_list categories.epoch tags %}
  84             {% endif %}
  85             {% if categories.kind %}
  86                 <h2>Rodzaje</h2>
  87                 {% tag_list categories.kind tags %}
  88             {% endif %}
  89             {% if categories.genre %}
  90                 <h2>Gatunki literackie</h2>
  91                 {% tag_list categories.genre tags %}
  92             {% endif %}
  93         </div>
  94         <div id="themes-list">
  95             {% if categories.theme %}
  96                 <h2>Motywy</h2>
  97                 {% tag_list categories.theme tags %}
  98             {% endif %}
  99         </div>
 100         <div class="clearboth"></div>
 101     </div>
 102     <div id="set-window">
 103         <div class="header"><a href="#" class="jqmClose">Zamknij</a></div>
 104         <div class="target">
 105             <p><img src="/media/img/indicator.gif" alt="*"/> Ładowanie</p>
 106         </div>
 107     </div>
 108 {% endblock %}