X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/075fb07f19c2f20cd3b6818b973e7aebebdacc9f..24e09bc235b3ff6e659e901dfbdbcc23e6e14ba7:/wolnelektury/templates/catalogue/player.html?ds=sidebyside
diff --git a/wolnelektury/templates/catalogue/player.html b/wolnelektury/templates/catalogue/player.html
index 95fcb5e62..155d14e0d 100755
--- a/wolnelektury/templates/catalogue/player.html
+++ b/wolnelektury/templates/catalogue/player.html
@@ -1,10 +1,10 @@
-
-
+
+
{% load i18n compressed %}
+ {% load catalogue_tags %}
+ {% load thumbnail %}
-
{% trans "Wolne Lektury" %} ::
@@ -16,12 +16,41 @@
</head>
<body id="{% block bodyid %}player{% endblock %}">
+ {% if book.cover %}
+ <img src="
+ {% thumbnail book.cover "101x140" as thumb %}
+ {{ thumb.url }}
+ {% empty %}
+ {{ book.cover.url }}
+ {% endthumbnail %}
+ " alt="Cover" style="float: left; margin: .5em 1em 1em 1em;" />
+ {% endif %}
+
+
+<h1>{% book_title book %}</h1>
+
+<div class="player-info normal-text">
+ <p><a target="_blank" href="{{ book.get_absolute_url }}">{% trans "Book's page" %}</a>.</p>
+ <p>{% trans "Download as" %}
+ <a href="{% url download_zip_mp3 book.slug %}">MP3</a>{% if have_oggs %},
+ <a href="{% url download_zip_ogg book.slug %}">Ogg Vorbis</a>{% endif %}.
+ </p>
+ {% if book.has_daisy_file %}
+ <p>DAISY:</p>
+ <ul class="daisy-list">
+ {% for media in book.get_daisy %}
+ <li><a href="{{ media.file.url }}">{{ media.name }}</a></li>
+ {% endfor %}
+ </ul>
+ {% endif %}
+</div>
+<div style="clear: both"></div>
<div class="jp-type-playlist">
<div id="jplayer" class="jp-jplayer"
- data-supplied="{% if have_oggs %}ogg,{% endif %}mp3"></div>
+ data-supplied="{% if have_oggs %}oga,{% endif %}mp3"></div>
<div id="jp_container_1" class="jp-audio">
<div class="jp-type-single">
<div class="jp-gui jp-interface">
@@ -56,11 +85,12 @@
(<a class='mp3' href='{{ i.mp3.file.url }}'>mp3</a>{% if i.ogg %}
| <a class='ogg' href='{{ i.ogg.file.url }}'>ogg</a>{% endif %})
</span>
- <span class='play'>{{ i.mp3.name }}</span>
+ <div class='play'>{{ i.mp3.name }}
<div class='extra-info'>
{% trans "Artist" %}: <span class='artist'>{{ i.mp3.get_extra_info_value.artist_name }}</span>,
{% trans "Director" %}: <span class='director'>{{ i.mp3.get_extra_info_value.director_name }}</span>
</div>
+ </div>
</li>
{% endfor %}
@@ -76,22 +106,6 @@
</div>
- <p>{% trans "Download as" %}:
- <a href="{% url download_zip_mp3 book.fileid %}">MP3</a>{% if have_oggs %},
- <a href="{% url download_zip_ogg book.fileid %}">Ogg Vorbis</a>{% endif %}.
- </p>
-
-
- {% if book.has_daisy_file %}
- <p>DAISY:</p>
- <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 projects|length > 1 %}
<p>{% trans "Audiobooks were prepared as a part of the projects:" %}</p>
<ul>
@@ -120,19 +134,6 @@
{% endif %}
-
-
-
-
-
-
-
- <div class="clearboth"></div>
-
-
-
-
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
{% compressed_js "player" %}