prettier ie7 pd counter fix

[wolnelektury.git] / wolnelektury / templates / catalogue / book_detail.html

diff --git a/wolnelektury/templates/catalogue/book_detail.html b/wolnelektury/templates/catalogue/book_detail.html
index b567596..2e423a0 100644 (file)
--- a/wolnelektury/templates/catalogue/book_detail.html
+++ b/wolnelektury/templates/catalogue/book_detail.html
@@ -1,112 +1,177 @@
 {% extends "base.html" %}
 {% extends "base.html" %}

-{% load catalogue_tags %}
+{% load i18n %}
+{% load catalogue_tags pagination_tags %}

 
 

-{% block title %}Lektura {{ book.title }} w WolneLektury.pl{% endblock %}
+{% block title %}{{ book.title }} {% trans "on WolneLektury.pl" %}{% endblock %}

 
 {% block bodyid %}book-detail{% 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 %}
 {% block body %}

-    <h1>{{ book.title }}, {{ categories.author|join:", " }}</h1>
-    <form action="{% url main_page %}" 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>
+    <h1>{% book_title book %}</h1>
+    <form action="{% url search %}" method="get" accept-charset="utf-8" id="search-form">
+        <p>{{ form.q }} <input type="submit" value="{% trans "Search" %}" /> <strong>{% trans "or" %}</strong> <a href="{% url main_page %}">{% trans "return to main page" %}</a></p>

     </form>
     </form>

-    
+

     <div id="books-list">
     <div id="books-list">

+        <div id='breadcrumbs'>
+            {% if categories.author %}
+                {% for tag in categories.author %}
+                    <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>{% if not forloop.last %}, {% endif %}
+                {% endfor %}
+                &#187; 
+            {% endif %}
+            {% for parent in parents %}
+                <a href="{{ parent.get_absolute_url }}">{{ parent }}</a> &#187; 
+            {% endfor %}
+        </div>
+
+        {% if extra_info.license %}
+        <p>{% trans "Work is licensed under " %} <a href="{{ extra_info.license }}">{{ extra_info.license_description }}</a>.</p>
+        {% endif %}
+        <p>{% trans "Based on" %}: {{ extra_info.source_name }}</p>

         {% if book.has_description %}
             <div id="description">
         {% if book.has_description %}
             <div id="description">

-                {{ book.description|safe }}
+                <div id='description-long'>{{ book.description|safe }}</div>
+                <div id='description-short'>{{ book.description|safe|truncatewords_html:30 }}</div>

             </div>
             </div>

-            <div id="toggle-description"><p>Zwiń opis ▲</p></div>
+            <div id="toggle-description"><p></p></div>

         {% endif %}
         <div id="formats">
         {% endif %}
         <div id="formats">

-            <ul>
-            {% if book.html_file %}
-                <li><a href="{% url book_text book.slug %}">Czytaj online</a></li>
-            {% endif %}
-            {% if book.pdf_file %}
-                <li><a href="{{ book.pdf_file.url }}">Pobierz plik PDF</a></li>
-            {% endif %}
-            {% if book.odt_file %}
-                <li><a href="{{ book.odt_file.url }}">Pobierz plik ODT</a></li>
-            {% endif %}
-            {% if book.txt_file %}
-                <li><a href="{{ book.txt_file.url }}">Pobierz plik TXT</a></li>
-            {% endif %}
-            </ul>
+            <p class="change-sets">{% trans "Put a book" %} <span><a href="{% url catalogue.views.book_sets book.slug %}" class="jqm-trigger">{% trans "on the shelf!" %}</a></span></p>
+            <div class="clearboth"></div>
+            <div class="wrap">
+                {% if book.has_html_file %}
+                    <p class="online"><a href="{% url book_text book.slug %}">{% trans "Read online" %}</a></p>
+                {% endif %}
+                <div class="download">           
+                    {% if book.has_pdf_file %}
+                        <a href="{{ book.pdf_file.url }}"><img src="{{ STATIC_URL }}img/pdf.png" title="{% trans "Download PDF - for reading and printing using Adobe Reader" %}" alt="{% trans "Download PDF" %}" /></a>
+                    {% endif %}
+                    {% if book.root_ancestor.epub_file %}
+                        <a href="{{ book.root_ancestor.epub_file.url }}"><img src="{{ STATIC_URL }}img/epub.png" title="{% trans "Download EPUB - for reading on mobile devices" %}" alt="{% trans "Download EPUB" %}" /></a>
+                    {% endif %}
+                    {% if book.has_txt_file %}
+                        <a href="{{ book.txt_file.url }}"><img src="{{ STATIC_URL }}img/txt.png" title="{% trans "Download TXT - for reading on small displays, for example mobile phones" %}" alt="{% trans "Download TXT" %}" /></a>
+                    {% endif %}
+                    {% if book.has_odt_file %}
+                        <a href="{{ book.odt_file.url }}"><img src="{{ STATIC_URL }}img/odt.png" title="{% trans "Download ODT - for reading and editing using OpenOffice.org" %}" alt="{% trans "Download ODT" %}" /></a>
+                    {% endif %}                
+                </div>            
+                <p class="header">
+                    <span class="desc">{% trans "Audiobooks" %}:</span>
+                    {% if book.has_mp3_file %}<span class="active">MP3</span>{% endif %}
+                    {% if book.has_ogg_file %}<span>OGG</span>{% endif %}
+                    {% if book.has_daisy_file %}<span>DAISY</span>{% endif %}
+                </p>        
+                <div class="audiobooks">
+                    <img src="{{ STATIC_URL }}img/speaker.png" id="speaker" alt="Speaker icon"/>
+                    {% if book.has_ogg_file %}
+                        <ul class="audiobook-list" id="ogg-files">
+                        {% for media in book.get_ogg %}
+                            <li><a href="{{ media.file.url }}">{{ media.name }}</a></li>
+                        {% endfor %}
+                        </ul>
+                    {% endif %}       
+                    {% if book.has_daisy_file %}
+                        <ul class="audiobook-list" id="daisy-files">
+                        {% for media in book.get_daisy %}
+                            <li><a href="{{ media.file.url }}">{{ media.name }}</a></li>
+                        {% endfor %}
+                        </ul>
+                    {% endif %}              
+
+                    {% if book.has_mp3_file %}
+                        <ul class="audiobook-list" id="mp3-files">
+                        {% for media in book.get_mp3 %}
+                            <li class="mp3Player">
+                              <a href="{{ media.file.url }}">{{ media.name }}</a>            
+                              <object type="application/x-shockwave-flash" style="margin-top: 0.5em" data="{{ STATIC_URL }}player.swf" width="226" height="20">
+                                    <param name="movie" value="{{ STATIC_URL }}player.swf" />
+                                    <param name="bgcolor" value="#ffffff" />
+                                    <param name="FlashVars" value="mp3={{ media.file.url }}&amp;width=226&amp;showvolume=1&amp;bgcolor1=eeeeee&amp;bgcolor2=eeeeee&amp;buttoncolor=666666" />
+                                </object>
+                                
+                            </li>
+                        {% endfor %}
+                        </ul>     
+                    {% endif %}
+                </div> <!-- /audiobooks -->
+                <p>{% trans "Audiobooks were prepared as a part of project" %}: <a href="http://czytamysluchajac.pl">CzytamySłuchając</a>.</p>
+            </div>

         </div>
         </div>

-    
+

         {% if book_children %}
         {% if book_children %}

+        {% autopaginate book_children 10 %}

         <div id="book-children">
         <div id="book-children">

-            <h2>Utwory składające się na ten utwór:</h2>

             <ol>
             {% for book in book_children %}
                 <li>{{ book.short_html }}</li>
             {% endfor %}
             </ol>
         </div>
             <ol>
             {% for book in book_children %}
                 <li>{{ book.short_html }}</li>
             {% endfor %}
             </ol>
         </div>

+        {% paginate %}

         {% endif %}
         {% endif %}

-    
+

     </div>
     </div>

-        
+

     <div id="tags-list">
         <div id="book-info">
     <div id="tags-list">
         <div id="book-info">

-            <h2>O utworze</h2>
+            <h2>{% trans "Details" %}</h2>

             <ul>
                 <li>
             <ul>
                 <li>

-                    Autor: 
+                    {% trans "Author" %}:

                     {% for tag in categories.author %}
                     {% for tag in categories.author %}

-                    <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>
+                    <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>{% if not forloop.last %}, {% endif %}

                     {% endfor %}
                 </li>
                 <li>
                     {% endfor %}
                 </li>
                 <li>

-                    Epoka:
+                    {% trans "Epoch" %}:

                     {% for tag in categories.epoch %}
                     {% for tag in categories.epoch %}

-                    <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>
+                    <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>{% if not forloop.last %}, {% endif %}

                     {% endfor %}
                 </li>
                 <li>
                     {% endfor %}
                 </li>
                 <li>

-                    Rodzaj:
+                    {% trans "Kind" %}:

                     {% for tag in categories.kind %}
                     {% for tag in categories.kind %}

-                    <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>
+                    <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>{% if not forloop.last %}, {% endif %}

                     {% endfor %}
                 </li>
                 <li>
                     {% endfor %}
                 </li>
                 <li>

-                    Gatunek:
+                    {% trans "Genre" %}:

                     {% for tag in categories.genre %}
                     {% for tag in categories.genre %}

-                    <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>
+                    <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>{% if not forloop.last %}, {% endif %}

                     {% endfor %}
                     {% endfor %}

-                </li>
+                </li>              
+            </ul>
+            <h2>{% trans "Other resources" %}</h2>
+            <ul>
+                <li><a href="{{ extra_info.about }}">{% trans "Book on project's wiki" %}</a></li>
+                {% if extra_info.source_url %}
+                <li><a href="{{ extra_info.source_url }}">{% trans "Source of the book" %}</a></li>
+                {% endif %}
+                {% if book.gazeta_link %}
+                <li><a href="{{ book.gazeta_link }}">{% trans "Book description on Lektury.Gazeta.pl" %}</a></li>
+                {% endif %}
+                {% if book.wiki_link %}
+                <li><a href="{{ book.wiki_link }}">{% trans "Book description on Wikipedia" %}</a></li>
+                {% endif %}

             </ul>
             </ul>

+            <p><a href="{{ book.xml_file.url }}">{% trans "View XML source" %}</a></p>

         </div>
         <div id="themes-list">
         </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>{% trans "Work's themes " %}</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>
         </div>
         <div class="clearboth"></div>
     </div>

-{% endblock %}
\ No newline at end of file
+    <div id="set-window">
+        <div class="header"><a href="#" class="jqmClose">{% trans "Close" %}</a></div>
+        <div class="target">
+            <p><img src="{{ STATIC_URL }}img/indicator.gif" alt="*"/> {% trans "Loading" %}</p>
+        </div>
+    </div>
+{% endblock %}