{% load i18n %}
+{% load social_tags %}
{% load thumbnail %}
<div class="{% block box-class %}book-box{% endblock %}">
-<div class="book-box-inner">
+<div class="book-box-inner" style="position: relative;">
+
+
<a href="{{ book.get_absolute_url }}">
{% if book.cover %}
<img src="
{% block right-column %}
{% endblock %}
<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>
+ </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 %}'>
+ <button type='submit'>☆</button>
+ </form>
+ </div>
+</div>
+
+
<div class="book-box-head">
<div class="mono author">
- {% for author in tags.author %}
- {{ author }}
- {% endfor %}
+ {% for name, url in related.tags.author %}
+ {{ name }}{% if not forloop.last %}, {% endif %}
+ {% endfor %}
</div>
<div class="title">{{ book.title }}</div>
</div>
{% spaceless %}
<span class="mono">{% trans "Epoch" %}:</span> <span class="book-box-tag">
- {% for tag in tags.epoch %}
- <a href="{{ tag.get_absolute_url }}">{{ tag.name }} </a>
+ {% for name, url in related.tags.epoch %}
+ <a href="{{ url }}">{{ name }} </a>
{% endfor %}
</span>
<span class="mono">{% trans "Kind" %}:</span> <span class="book-box-tag">
- {% for tag in tags.kind %}
- <a href="{{ tag.get_absolute_url }}">{{ tag.name }} </a>
+ {% for name, url in related.tags.kind %}
+ <a href="{{ url }}">{{ name }} </a>
{% endfor %}
</span>
<span class="mono">{% trans "Genre" %}:</span> <span class="book-box-tag">
- {% for tag in tags.genre %}
- <a href="{{ tag.get_absolute_url }}">{{ tag.name }} </a>
+ {% for name, url in related.tags.genre %}
+ <a href="{{ url }}">{{ name }} </a>
{% endfor %}
</span>
<ul class="book-box-tools">
<li class="book-box-read">
{% if book.html_file %}
- <a href="{% url book_text book.urlid %}" class="mono downarrow">{% trans "Read online" %}</a>
+ <a href="{% url book_text book.slug %}" class="mono downarrow">{% trans "Read online" %}</a>
{% endif %}
</li>
<li class="book-box-download">
</div>
</li>
<li class="book-box-audiobook">
- {% if book.has_mp3_file %}
- <a href="" class="mono downarrow">{% trans "Audiobook" %}</a>
+ {% if related.media.mp3 or related.media.ogg %}
+ <a href="{% url book_player book.slug %}" class="open-player mono downarrow">{% trans "Listen" %}</a>
{% endif %}
</li>
</ul>