Oznaczenie linków przekazywanych do book_short.html i fragment_short.html jako safe_s...
[wolnelektury.git] / wolnelektury / templates / catalogue / book_detail.html
index 95c2c3e..b9e95d0 100644 (file)
@@ -1,36 +1,18 @@
 {% extends "base.html" %}
-{% load catalogue_tags %}
+{% load catalogue_tags pagination_tags %}
 
 {% block title %}Lektura {{ book.title }} w WolneLektury.pl{% endblock %}
 
 {% block bodyid %}book-detail{% endblock %}
 
-{% block extrahead %}
-    <script type="text/javascript">
-        $(function() {
-            $('#toggle-description').hover(
-                function() { $(this).css({background: '#F3F3F3', cursor: 'pointer'}); },
-                function() { $(this).css({background: '#EEE'}); }
-            ).click(function() {
-                if ($('#description').hasClass('hidden')) {
-                    $('#description').slideDown('fast').removeClass('hidden');
-                    $('p', this).html('Zwiń opis ▲');
-                } else {
-                    $('#description').slideUp('fast').addClass('hidden');
-                    $('p', this).html('Rozwiń opis ▼');
-                }
-            });
-        });
-    </script>
-{% endblock %}
-
 {% block body %}
     <h1>{{ book.title }}, {{ categories.author|join:", " }}</h1>
-    <form action="{% url main_page %}" method="get" accept-charset="utf-8" id="search-form">
+    <form action="{% url search %}" method="get" accept-charset="utf-8" id="search-form">
         <p>{{ form.q }} <input type="submit" value="Szukaj" /> <strong>lub</strong> <a href="{% url main_page %}">wróć do strony głównej</a></p>
     </form>
     
     <div id="books-list">
+        <p>Na podstawie: {{ extra_info.source_name }}</p>
         {% if book.has_description %}
             <div id="description">
                 {{ book.description|safe }}
             <div id="toggle-description"><p>Zwiń opis ▲</p></div>
         {% endif %}
         <div id="formats">
-            <ul>
+            <p class="change-sets">Wrzuć lekturę <span><a href="{% url catalogue.views.book_sets book.slug %}" class="jqm-trigger">na półkę!</a></span></p>
+            <div class="clearboth"></div>
+            <div class="wrap">
+            {% if book.html_file %}
+                <a href="{% url book_text book.slug %}">Czytaj online</a>
+            {% endif %}
             {% if book.pdf_file %}
-                <li><a href="{{ book.pdf_file.url }}">Pobierz plik PDF</a></li>
+                <a href="{{ book.pdf_file.url }}">Pobierz plik PDF</a>
             {% endif %}
             {% if book.odt_file %}
-                <li><a href="{{ book.odt_file.url }}">Pobierz plik ODT</a></li>
+                <a href="{{ book.odt_file.url }}">Pobierz plik ODT</a>
             {% endif %}
-            {% if book.html_file %}
-                <li><a href="{{ book.html_file.url }}">Pobierz plik HTML</a></li>
+            {% if book.txt_file %}
+                <a href="{{ book.txt_file.url }}">Pobierz plik TXT</a>
             {% endif %}
-            </ul>
+            {% if book.mp3_file and book.ogg_file %}
+            <div id="czytamy-sluchajac-info">
+                    <a href="http://czytamysluchajac.pl/" id="czytamysluchajac-logo"><img src="/media/img/czytamysluchajac-logo-small.png" /></a>     
+                    <p>Czyta: {{ book.get_extra_info_value.artist_name }}</p>
+                    <p>Reżyseruje: {{ book.get_extra_info_value.director_name }}</p>
+                </div>
+                <a href="{{ book.mp3_file.url }}">Pobierz plik MP3</a>
+                <a href="{{ book.ogg_file.url }}">Pobierz plik Ogg Vorbis</a>
+                <object type="application/x-shockwave-flash" style="margin-top: 0.5em" data="/media/player.swf" width="426" height="20">
+                    <param name="movie" value="/media/player.swf" />
+                    <param name="bgcolor" value="#ffffff" />
+                    <param name="FlashVars" value="mp3={{ book.mp3_file.url }}&amp;width=426&amp;showvolume=1&amp;bgcolor1=eeeeee&amp;bgcolor2=eeeeee&amp;buttoncolor=666666" />
+                </object>
+            {% endif %}
+            </div>
         </div>
     
-        {% if book.children.all %}
+        {% if book_children %}
+        {% autopaginate book_children 10 %}
         <div id="book-children">
-            <h2>Utwory składające się na ten utwór:</h2>
-            {% for book in book.children.all %}
-                <li><a href="{{ book.get_absolute_url }}">{{ book.title }}</a></li>
+            <ol>
+            {% for book in book_children %}
+                <li>{{ book.short_html }}</li>
             {% endfor %}
+            </ol>
         </div>
+        {% paginate %}
         {% endif %}
     
     </div>
                     {% endfor %}
                 </li>
             </ul>
+            <h2>W innych miejscach</h2>
+            <ul>
+                <li><a href="{{ extra_info.about }}">Lektura na wiki projektu</a></li>
+                <li><a href="{{ extra_info.source_url }}">Lektura w CBN Polona</a></li>
+                {% if book.gazeta_link %}
+                <li><a href="{{ book.gazeta_link }}">Opis lektury w Lektury.Gazeta.pl</a></li>
+                {% endif %}
+                {% if book.wiki_link %}
+                <li><a href="{{ book.wiki_link }}">Opis lektury w Wikipedii</a></li>
+                {% endif %}
+            </ul>
         </div>
         <div id="themes-list">
-            {% if categories.theme %}
-                <h2>Motywy w utworze</h2>
-                <ul>
-                {% for theme in categories.theme %}
-                    <li>{{ theme }}</li>
-                {% endfor %}
-                </ul>
-            {% endif %}
+            <h2>Motywy w utworze</h2>
+            <ul>
+            {% for theme in book_themes %}
+                <li><a href="{% url book_fragments book.slug,theme.slug %}">{{ theme }} ({{ theme.count }})</a></li>
+            {% endfor %}
+            </ul>
         </div>
         <div class="clearboth"></div>
     </div>
-{% endblock %}
\ No newline at end of file
+    <div id="set-window">
+        <div class="header"><a href="#" class="jqmClose">Zamknij</a></div>
+        <div class="target">
+            <p><img src="/media/img/indicator.gif" alt="*"/> Ładowanie</p>
+        </div>
+    </div>
+{% endblock %}