- {% endif %}
- {% if book.mp3_file %}<a href="{{ book.mp3_file.url }}">{% trans "Download MP3" %}</a>{% endif %}
- {% if book.ogg_file %}<a href="{{ book.ogg_file.url }}">{% trans "Download Ogg Vorbis" %}</a>{% endif %}
- {% if book.daisy_file %}<a href="{{ book.daisy_file.url }}">{% trans "Download DAISY" %}</a>{% endif %}
- {% if book.mp3_file %}
- <object type="application/x-shockwave-flash" style="margin-top: 0.5em" data="{{ STATIC_URL }}player.swf" width="426" height="20">
- <param name="movie" value="{{ STATIC_URL }}player.swf" />
- <param name="bgcolor" value="#ffffff" />
- <param name="FlashVars" value="mp3={{ book.mp3_file.url }}&width=426&showvolume=1&bgcolor1=eeeeee&bgcolor2=eeeeee&buttoncolor=666666" />
- </object>
- {% endif %}
+ {% 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 }}&width=226&showvolume=1&bgcolor1=eeeeee&bgcolor2=eeeeee&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 -->
+ {% if projects|length > 1 %}
+ <p>{% trans "Audiobooks were prepared as a part of the projects:" %}</p>
+ <ul>
+ {% for cs, fb in projects %}
+ <li>
+ {% if fb %}
+ {% blocktrans %}{{ cs }}, funded by {{ fb }}{% endblocktrans %}
+ {% else %}
+ {{ cs }}
+ {% endif %}
+ </li>
+ {% endfor %}
+ </ul>
+ {% else %}
+ <p>
+ {% with projects.0.0 as cs %}
+ {% with projects.0.1 as fb %}
+ {% if fb %}
+ {% blocktrans %}Audiobooks were prepared as a part of the {{ cs }} project funded by {{ fb }}.{% endblocktrans %}
+ {% else %}
+ {% blocktrans %}Audiobooks were prepared as a part of the {{ cs }} project.{% endblocktrans %}
+ {% endif %}
+ {% endwith %}
+ {% endwith %}
+ </p>
+ {% endif %}
+ {% endif %}