wider menu in book/picture viewers
[wolnelektury.git] / src / catalogue / templates / catalogue / book_short.html
index a2b0a5c..0cba65c 100644 (file)
 {% spaceless %}
-{% load i18n %}
-{% load catalogue_tags ssify %}
-{% load likes_book book_shelf_tags from social_tags %}
-<div class="{% block box-class %}book-box{% endblock %}">
-<div class="book-box-inner">
-<div class="book-left-column">
+  {% load i18n %}
+  {% load catalogue_tags %}
+  {% load book_shelf_tags from social_tags %}
 
+  <div class="{% block box-class %}book-box{% if audiobooks %} audiobook-box{% endif %}{% endblock %}">
+    <div class="book-box-inner">
 
+    {% block book-box-pre %}
+      {% include "catalogue/snippets/like_button.html" %}
+    {% endblock %}
 
+    <div class="book-left-column">
+      <div class="book-box-body">
+        {% block book-box-body-pre %}
+        {% endblock %}
 
-<div class="book-box-body">
-
-
-    {% likes_book book.pk as likes %}
-    <div class="star {{ likes.if }}{{ likes.else }}un{{ likes.endif }}like">
-        <div class="if-like" >
-            <a id="social-book-sets-{{ book.slug }}" data-callback='social-book-sets' class='ajaxable' href='{% url "social_book_sets" book.slug %}'>★</a>
-        </div>
-        <div class="if-unlike">
-            <form id="social-like-book-{{ book.slug }}" data-callback='social-like-book' method='post' class='ajax-form' action='{% url "social_like_book" book.slug %}'>
-                {% ssi_csrf_token %}
-                <button type='submit'>☆</button>
-            </form>
-        </div>
-    </div>
-
-    <div class="book-box-head">
-        <div class="author">
+        <div class="book-box-head">
+          <div class="author">
             {% for tag in tags.author %}
-                <a href="{{ tag.get_absolute_url }}">{{ tag.name }}</a>{% if not forloop.last %},
+              <a href="{{ tag.get_absolute_url }}">{{ tag.name }}</a>{% if not forloop.last %},
             {% endif %}{% endfor %}{% for parent in parents %},
-                <a href="{{ parent.get_absolute_url }}">{{ parent.title }}</a>{% endfor %}
-        </div>
-        <div class="title">
+              <a href="{{ parent.get_absolute_url }}">{{ parent.title }}</a>{% endfor %}
+          </div>
+          <div class="title">
             {% if main_link %}<a href="{{ main_link }}">{% endif %}{{ book.title }}{% if main_link %}</a>{% endif %}
+          </div>
         </div>
-    </div>
 
-    <div class="cover-area">
-        {% if book.cover_thumb %}
+        <div class="cover-area">
+          {% if book.cover_thumb %}
             {% if main_link %}<a href="{{ main_link }}">{% endif %}
-                <img src="{{ book.cover_thumb.url }}" alt="Cover" class="cover" />
+              <img src="{{ book.cover_thumb.url }}" alt="Cover" class="cover" />
             {% if main_link %}</a>{% endif %}
-        {% endif %}
-        {% block cover-area-extra %}{% endblock %}
-    </div>
+          {% endif %}
+          {% block cover-area-extra %}{% endblock %}
+        </div>
 
         <div class="tags">
-            {% spaceless %}
-
-            <span class="category">
-            <span class="mono"> {% trans "Epoch" %}:</span>&nbsp;<span class="book-box-tag">
-                {% for tag in tags.epoch %}
-                    <a href="{{ tag.get_absolute_url }}">{{ tag.name }}</a>
-                    {% if not forloop.last %}<span>, </span>{% endif %}
-                {% endfor %}
-            </span></span>
-
-            <span class="category">
-            <span class="mono"> {% trans "Kind" %}:</span>&nbsp;<span class="book-box-tag">
-                {% for tag in tags.kind %}
-                    <a href="{{ tag.get_absolute_url }}">{{ tag.name }}</a>
-                    {% if not forloop.last %}<span>, </span>{% endif %}
-                {% endfor %}
-            </span></span>
-
-            <span class="category">
-            <span class="mono"> {% trans "Genre" %}:</span>&nbsp;<span class="book-box-tag">
-                {% for tag in tags.genre %}
-                    <a href="{{ tag.get_absolute_url }}">{{ tag.name }}</a>
-                    {% if not forloop.last %}<span>, </span>{% endif %}
-                {% endfor %}
-            </span></span>
-
-            {% if show_lang %}
+          <span class="category">
+          <span class="mono"> {% trans "Epoch" %}:</span>&nbsp;<span class="book-box-tag">
+            {% for tag in tags.epoch %}
+              <a href="{{ tag.get_absolute_url }}">{{ tag.name }}</a>
+              {% if not forloop.last %}<span>, </span>{% endif %}
+            {% endfor %}
+          </span></span>
+
+          <span class="category">
+          <span class="mono"> {% trans "Kind" %}:</span>&nbsp;<span class="book-box-tag">
+            {% for tag in tags.kind %}
+              <a href="{{ tag.get_absolute_url }}">{{ tag.name }}</a>
+              {% if not forloop.last %}<span>, </span>{% endif %}
+            {% endfor %}
+          </span></span>
+
+          <span class="category">
+          <span class="mono"> {% trans "Genre" %}:</span>&nbsp;<span class="book-box-tag">
+            {% for tag in tags.genre %}
+              <a href="{{ tag.get_absolute_url }}">{{ tag.name }}</a>
+              {% if not forloop.last %}<span>, </span>{% endif %}
+            {% endfor %}
+          </span></span>
+
+          {% if show_lang %}
             <span class="category">
-            <span class="mono"> {% trans "Language" %}:</span>&nbsp;<span class="book-box-tag">
+              <span class="mono"> {% trans "Language" %}:</span>&nbsp;<span class="book-box-tag">
                 <a>{{ book.language_name }}</a>
-            </span></span>
-            {% endif %}
-
-            {% if stage_note %}
-            <br><span class="category">
-                <a{% if stage_note_url %} href="{{ stage_note_url }}"{% endif %}>{{ stage_note }}</a>
+              </span>
             </span>
-            {% endif %}
+          {% endif %}
 
-           {% endspaceless %}
+          {% if stage_note %}
+            <br>
+            <span class="category">
+              <a{% if stage_note_url %} href="{{ stage_note_url }}"{% endif %}>{{ stage_note }}</a>
+            </span>
+          {% endif %}
         </div>
-    </div>
-    {% book_shelf_tags book.pk %}
+      </div>
+      {% book_shelf_tags book.pk %}
 
-    <ul class="book-box-tools">
+      <ul class="book-box-tools">
         <li class="book-box-read">
-        {% if book.html_file %}
+          {% if book.html_file %}
             <a href="{% url 'book_text' book.slug %}" class="downarrow">{% trans "Read online" %}</a>
-        {% endif %}
+          {% endif %}
         </li>
         <li class="book-box-download">
-            <a class="downarrow">{% trans "Download" %}: </a>
-            <div class="book-box-formats">
-             {% if book.pdf_file %}
-             <span><a href="{{ book.pdf_file.url}}">PDF</a></span>
-             {% endif %}
-             {% custom_pdf_link_li book %}
-             {% if book.epub_file %}
-             <span><a href="{{ book.epub_file.url}}">EPUB</a></span>
-             {% endif %}
-             {% if book.mobi_file %}
-             <span><a href="{{ book.mobi_file.url}}">MOBI</a></span>
-             {% endif %}
-             {% if  book.fb2_file %}
-             <span><a href="{{ book.fb2_file.url}}">FB2</a></span>
-             {% endif %}
-             {% if  book.txt_file %}
-             <span><a href="{{ book.txt_file.url}}">TXT</a></span>
-             {% endif %}
-             {% download_audio book %}
-            </div>
-
-
+          <a class="downarrow">{% trans "Download" %}:</a>
+          <div class="book-box-formats">
+            {% if book.pdf_file %}
+              <span><a href="{{ book.pdf_file.url}}">PDF</a></span>
+            {% endif %}
+            {% custom_pdf_link_li book %}
+            {% if book.epub_file %}
+              <span><a href="{{ book.epub_file.url}}">EPUB</a></span>
+            {% endif %}
+            {% if book.mobi_file %}
+              <span><a href="{{ book.mobi_file.url}}">MOBI</a></span>
+            {% endif %}
+            {% if  book.fb2_file %}
+              <span><a href="{{ book.fb2_file.url}}">FB2</a></span>
+            {% endif %}
+            {% if  book.txt_file %}
+              <span><a href="{{ book.txt_file.url}}">TXT</a></span>
+            {% endif %}
+            {% download_audio book %}
+          </div>
         </li>
-    </ul>
-    {% block book-box-extra-info %}{% endblock %}
-    {% block box-append %}
-    {% endblock %}
+      </ul>
+      {% block book-box-extra-info %}{% endblock %}
+      {% block box-append %}
+      {% endblock %}
     </div>
 
-
-
-
-
-
     {% block right-column %}
-    {% endblock %}
-
-
-{% if audiobooks %}
-<div class="jp-type-playlist">
-  <div id="jplayer" class="jp-jplayer" data-player="jp_container_{{ book.pk }}"
-    data-supplied="{% if have_oggs %}oga,{% endif %}mp3"></div>
-  <div id="jp_container_{{ book.pk }}" class="jp-audio">
-    <div class="jp-type-single">
-        <span class="title"></span>
-      <div class="jp-gui jp-interface">
-        <ul class="jp-controls">
-          <li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
-          <li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
-          <li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li>
-          <li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li>
-        </ul>
-        <div class="jp-progress">
-          <div class="jp-seek-bar">
-            <div class="jp-play-bar"></div>
-          </div>
+      {% if audiobooks %}
+        <div class="audiobook-right-column">
+          {% include 'catalogue/snippets/jplayer.html' %}
         </div>
-        <div class="jp-volume-bar">
-          <div class="jp-volume-bar-value"></div>
-        </div>
-        <div class="jp-time-holder">
-          <div class="jp-current-time"></div>
-          <div class="jp-duration"></div>
-        </div>
-      </div>
-      <div class="jp-playlist">
-        <ul>
-
-        {% for i in audiobooks %}
-          <li data-mp3='{{ i.mp3.file.url }}' data-ogg='{{ i.ogg.file.url }}'>
-            <div class='play'>{{ i.mp3.name }}
-            <div class='extra-info'>
-              {% trans "Artist" %}: <span class='artist'>{{ i.mp3.extra_info.artist_name }}</span>,
-              {% trans "Director" %}: <span class='director'>{{ i.mp3.extra_info.director_name }}</span>
-            </div>
-            </div>
-          </li>
-        {% endfor %}
-
-        </ul>
-      </div>
+      {% endif %}
+    {% endblock %}
 
-      <div class="jp-no-solution">
-        <span>Update Required</span>
-        To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
-      </div>
+    <div class="clearboth"></div>
     </div>
   </div>
-<div>
-<a class="play-prev">« {% trans "previous" %}</a>
-{% trans "Part" %} <span class="number">1</span> / {{ audiobooks|length }}
-<a class="play-next">{% trans "next" %} »</a>
-</div>
-</div>
-
-
-{% endif %}
-
-
-    <div class="clearboth"></div>
-</div>
-</div>
 {% endspaceless %}