X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/e883fa899b3df6e047f9e821a7ca81f53a02ddba..64cf4d889127d7dc3ea893e8a27711468276dc47:/apps/catalogue/templates/catalogue/book_short.html

diff --git a/apps/catalogue/templates/catalogue/book_short.html b/apps/catalogue/templates/catalogue/book_short.html
index 6942bc499..4acefe285 100644
--- a/apps/catalogue/templates/catalogue/book_short.html
+++ b/apps/catalogue/templates/catalogue/book_short.html
@@ -2,31 +2,23 @@
 {% load catalogue_tags social_tags %}
 {% load thumbnail %}
 <div class="{% block box-class %}book-box{% endblock %}">
-<div class="book-box-inner" style="position: relative;">
+<div class="book-box-inner">
+<div class="book-left-column">
 
 
-    {% if main_link %}<a href="{{ main_link }}">{% endif %}
-        {% if book.cover %}
-            <img src="
-                {% thumbnail book.cover "139x193" as thumb %}
-                    {{ thumb.url }}
-                {% empty %}
-                    {{ book.cover.url }}
-                {% endthumbnail %}
-            " alt="Cover" />
-        {% endif %}
-    {% if main_link %}</a>{% endif %}
-    <div class="book-box-body">
+
+
+<div class="book-box-body">
 
 
 <div class="star {% if not request.user|likes:book %}un{% 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 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 %}'>
+        <form id="social-like-book-{{ book.slug }}" data-callback='social-like-book' method='post' class='ajax-form' action='{% url "social_like_book" book.slug %}'>
             {% csrf_token %}
             <button type='submit'>☆</button>
         </form>
@@ -35,11 +27,11 @@
 
 
         <div class="book-box-head">
-            <div class="mono author">
-                {% for name, slug in related.tags.author %}
-                    <a href="{% tag_url 'author' slug %}">{{ name }}</a>{% if not forloop.last %},
+            <div class="author">
+                {% for tag in related.tags.author %}
+                    <a href="{% tag_url 'author' tag.slug %}">{% related_tag_name tag %}</a>{% if not forloop.last %},
                 {% endif %}{% endfor %}{% for title, slug in related.parents %},
-                    <a href="{% url book_detail slug %}">{{ title }}</a>{% endfor %}
+                    <a href="{% url 'book_detail' slug %}">{{ title }}</a>{% endfor %}
             </div>
             <div class="title">
 				{% if main_link %}<a href="{{ main_link }}">{% endif %}
@@ -48,29 +40,46 @@
 			</div>
         </div>
 
+<div class="cover-area">
+    {% if book.cover %}
+        {% if main_link %}<a href="{{ main_link }}">{% endif %}
+            <img src="
+                {% thumbnail book.cover "139x193" as thumb %}
+                    {{ thumb.url }}
+                {% empty %}
+                    {{ book.cover.url }}
+                {% endthumbnail %}
+            " alt="Cover" class="cover" />
+        {% if main_link %}</a>{% endif %}
+    {% 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 name, slug in related.tags.epoch %}
-            		<a href="{% tag_url 'epoch' slug %}">{{ name }}</a>
-            		{% if not forloop.last %}<span>,&nbsp;</span>{% endif %}
+            	{% for tag in related.tags.epoch %}
+            		<a href="{% tag_url 'epoch' tag.slug %}">{% related_tag_name tag %}</a>
+            		{% if not forloop.last %}<span>, </span>{% endif %}
                 {% endfor %}
-            </span>
+            </span></span>
 
+            <span class="category">
             <span class="mono"> {% trans "Kind" %}:</span>&nbsp;<span class="book-box-tag">
-            	{% for name, slug in related.tags.kind %}
-            		<a href="{% tag_url 'kind' slug %}">{{ name }}</a>
-            		{% if not forloop.last %}<span>,&nbsp;</span>{% endif %}
+            	{% for tag in related.tags.kind %}
+            		<a href="{% tag_url 'kind' tag.slug %}">{% related_tag_name tag %}</a>
+            		{% if not forloop.last %}<span>, </span>{% endif %}
                 {% endfor %}
-            </span>
+            </span></span>
 
+            <span class="category">
             <span class="mono"> {% trans "Genre" %}:</span>&nbsp;<span class="book-box-tag">
-            	{% for name, slug in related.tags.genre %}
-            		<a href="{% tag_url 'genre' slug %}">{{ name }}</a>
-            		{% if not forloop.last %}<span>,&nbsp;</span>{% endif %}
+            	{% for tag in related.tags.genre %}
+            		<a href="{% tag_url 'genre' tag.slug %}">{% related_tag_name tag %}</a>
+            		{% if not forloop.last %}<span>, </span>{% endif %}
                 {% endfor %}
-            </span>
+            </span></span>
 
            {% endspaceless %}
         </div>
@@ -80,12 +89,12 @@
     <ul class="book-box-tools">
         <li class="book-box-read">
         {% if book.html_file %}
-            <a href="{% url book_text book.slug %}" class="mono downarrow">{% trans "Read online" %}</a>
+            <a href="{% url 'book_text' book.slug %}" class="downarrow">{% trans "Read online" %}</a>
         {% endif %}
         </li>
         <li class="book-box-download hoverget">
-            <a class="mono downarrow hoverclick">{% trans "Download" %}</a>
-            <div class="book-box-formats mono">
+            <a class="downarrow hoverclick">{% trans "Download" %}</a>
+            <div class="book-box-formats">
 	      {% if book.pdf_file %}
 	      <span><a href="{{ book.pdf_file.url}}">PDF</a> {% trans "to print" %}</span>
 	      {% endif %}
@@ -105,13 +114,14 @@
         </li>
         <li class="book-box-audiobook">
         {% if related.media.mp3 or related.media.ogg %}
-            <a href="{% url book_player book.slug %}" class="open-player mono downarrow">{% trans "Listen" %}</a>
+            <a href="{% url 'book_player' book.slug %}" class="open-player downarrow">{% trans "Listen" %}</a>
         {% endif %}
         </li>
     </ul>
     {% block book-box-extra-info %}{% endblock %}
     {% block box-append %}
     {% endblock %}
+    </div>
     {% block right-column %}
     {% endblock %}
     <div class="clearboth"></div>