X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/21b418d80950915a683c1fe929717acd9e031dc7..9e556c1938577b991edfcb0a0248fcca92d67f3e:/wolnelektury/templates/catalogue/book_detail.html

diff --git a/wolnelektury/templates/catalogue/book_detail.html b/wolnelektury/templates/catalogue/book_detail.html
index 125b9bb01..11edda829 100644
--- a/wolnelektury/templates/catalogue/book_detail.html
+++ b/wolnelektury/templates/catalogue/book_detail.html
@@ -40,58 +40,70 @@
             <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 %}
-                <a href="{% url book_text book.slug %}">{% trans "Read online" %}</a>
-            {% endif %}
-            {% if book.has_pdf_file %}
-                <a href="{{ book.pdf_file.url }}">{% trans "Download PDF" %}</a>
-            {% endif %}
-            {% if book.root_ancestor.epub_file %}
-                <a href="{{ book.root_ancestor.epub_file.url }}">{% trans "Download EPUB" %}</a>
-            {% endif %}
-            {% if book.has_odt_file %}
-                <p>ODT</p>
-                <ul>
-                {% for media in book.get_odt %}
-                    <li><a href="{{ media.file.url }}">{{ media.name }}</a></li>
-                {% endfor %}
-                </ul>
-            {% endif %}
-            {% if book.has_txt_file %}
-                <a href="{{ book.txt_file.url }}">{% trans "Download TXT" %}</a>
-            {% endif %}
-            {% if book.has_ogg_file %}
-                <p>OGG</p>
-                <ul>
-                {% for media in book.get_ogg %}
-                    <li><a href="{{ media.file.url }}">{{ media.name }}</a></li>
-                {% endfor %}
-                </ul>
-            {% endif %}       
-            {% if book.has_daisy_file %}
-                <p>DAISY</p>
-                <ul>
-                {% for media in book.get_daisy %}
-                    <li><a href="{{ media.file.url }}">{{ media.name }}</a></li>
-                {% endfor %}
-                </ul>
-            {% endif %}                 
-            {% if book.has_mp3_file %}
-                <p>MP3</p>
-                <a href="http://czytamysluchajac.pl/" id="czytamysluchajac-logo"><img src="{{ STATIC_URL }}img/czytamysluchajac-logo-small.png" /></a>
-                <ul>
-                {% for media in book.get_mp3 %}
-                    <li><a href="{{ media.file.url }}">{{ media.name }}</a></li>
-                    <li class="mp3Player">            
-                      <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 %}       
+                {% if book.has_html_file %}
+                    <a class="online" href="{% url book_text book.slug %}">{% trans "Read online" %}</a>
+                {% 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" %} &ndash; {% trans "for reading" %} {% trans "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" %} &ndash; {% trans "for reading" %} {% trans "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" %} &ndash; {% trans "for reading" %} {% trans "on small displays, for example mobile phones" %}" alt="{% trans "Download TXT" %}" /></a>
+                    {% endif %}
+                    {% for media in book.get_odt %}
+                        <a href="{{ media.file.url }}"><img src="{{ STATIC_URL }}img/odt.png" title="{% trans "Download ODT" %} &ndash; {% trans "for reading" %} {% trans "and editing using" %} OpenOffice.org: {{ media.name }}" alt="{% trans "Download ODT" %}" /></a>
+                    {% endfor %}
+                </div>
+                {% if book.has_mp3_file or book.has_ogg_file or book.has_daisy_file %}
+                    <p class="header">
+                        <span class="desc">{% trans "Audiobooks" %}:</span>
+                        <span class="audiotabs">
+                            {% if book.has_mp3_file %}<span class="active" data-format="mp3">MP3</span>{% endif %}
+                            {% if book.has_ogg_file %}<span data-format="ogg">Ogg Vorbis</span>{% endif %}
+                            {% if book.has_daisy_file %}<span data-format="daisy">DAISY</span>{% endif %}
+                        </span>
+                    </p>
+                    <div class="audiobooks">
+                        <img src="{{ STATIC_URL }}img/speaker.png" id="speaker" alt="Speaker icon"/>
+                        {% 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><br/>
+                                  {% trans "Artist" %}: {{ media.get_extra_info_value.artist_name }}<br/>
+                                  {% trans "Director"%}: {{ media.get_extra_info_value.director_name }}<br/>
+                                  <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 %}
+
+                        {% 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 %}
+                    </div> <!-- /audiobooks -->
+                    <p>{% blocktrans with '<a href="http://czytamysluchajac.pl">CzytamySłuchając</a>' as cs %}Audiobooks were prepared as a part of the {{ cs }} project.{% endblocktrans %}
+                    </p>
+                {% endif %}
             </div>
         </div>
 
@@ -114,7 +126,6 @@
             <h2>{% trans "Details" %}</h2>
             <ul>
                 <li>
-                	
                     {% trans "Author" %}:
                     {% for tag in categories.author %}
                     <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>{% if not forloop.last %}, {% endif %}
@@ -141,7 +152,6 @@
             </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 %}