2020-01-28 02:47:54 +00:00
{% extends 'layout.html' %}
2021-06-07 16:13:24 +00:00
{% load i18n %}
2022-01-18 20:28:59 +00:00
{% load book_display_tags %}
2021-06-07 16:13:24 +00:00
{% load humanize %}
{% load utilities %}
{% load static %}
2020-09-29 18:00:54 +00:00
2021-05-24 13:54:43 +00:00
{% block title %}{{ book|book_title }}{% endblock %}
2021-02-28 18:00:36 +00:00
2021-05-26 12:44:15 +00:00
{% block opengraph_images %}
2021-05-28 15:00:07 +00:00
{% include 'snippets/opengraph_images.html' with image=book.preview_image %}
2021-05-26 12:44:15 +00:00
{% endblock %}
2021-02-28 18:00:36 +00:00
{% block content %}
2021-04-09 21:57:49 +00:00
{% with user_authenticated=request.user.is_authenticated can_edit_book=perms.bookwyrm.edit_book %}
< div class = "block" itemscope itemtype = "https://schema.org/Book" >
2021-02-23 21:04:24 +00:00
< div class = "columns is-mobile" >
2020-12-17 22:11:24 +00:00
< div class = "column" >
2021-05-26 11:21:06 +00:00
< h1 class = "title" itemprop = "name" >
{{ book.title }}
< / h1 >
{% if book.subtitle or book.series %}
2021-06-11 07:41:55 +00:00
< p class = "subtitle title is-5" >
2021-05-26 11:21:06 +00:00
{% if book.subtitle %}
< meta
itemprop="alternativeHeadline"
content="{{ book.subtitle | escape }}"
>
2021-06-09 10:20:34 +00:00
< span class = "has-text-weight-bold" >
{{ book.subtitle }}
< / span >
2021-04-09 21:57:49 +00:00
{% endif %}
2021-05-26 11:21:06 +00:00
{% if book.series %}
< meta itemprop = "isPartOf" content = "{{ book.series | escape }}" >
< meta itemprop = "volumeNumber" content = "{{ book.series_number }}" >
2021-04-09 21:57:49 +00:00
2021-06-17 15:18:55 +00:00
({{ book.series }}{% if book.series_number %} #{{ book.series_number }}{% endif %})
2021-05-26 11:21:06 +00:00
{% endif %}
< / p >
{% endif %}
2021-04-09 21:57:49 +00:00
2021-09-02 15:48:53 +00:00
{% if book.authors.exists %}
2021-06-11 07:41:55 +00:00
< div class = "subtitle" >
2021-05-26 11:21:06 +00:00
{% trans "by" %} {% include 'snippets/authors.html' with book=book %}
< / div >
2020-12-17 22:11:24 +00:00
{% endif %}
< / div >
2020-09-29 18:00:54 +00:00
2021-04-09 21:57:49 +00:00
{% if user_authenticated and can_edit_book %}
2020-12-17 22:11:24 +00:00
< div class = "column is-narrow" >
2021-07-12 23:17:20 +00:00
< a href = "{% url 'edit-book' book.id %}" >
2021-05-18 17:45:51 +00:00
< span class = "icon icon-pencil" title = "{% trans " Edit Book " % } " aria-hidden = True > < / span >
2021-06-14 22:55:26 +00:00
< span class = "is-hidden-mobile" > {% trans "Edit Book" %}< / span >
2020-09-30 03:36:43 +00:00
< / a >
< / div >
{% endif %}
2020-09-29 18:00:54 +00:00
< / div >
< div class = "columns" >
2021-03-28 18:18:01 +00:00
< div class = "column is-one-fifth" >
2021-12-29 15:40:19 +00:00
{% if not book.cover %}
{% if user_authenticated %}
2021-12-30 22:07:30 +00:00
< button
type="button"
class="cover-container no-cover is-h-m-mobile"
data-modal-open="add_cover_{{ book.id }}"
>
2021-12-29 16:10:44 +00:00
< img
class="book-cover"
src="{% static "images/no_cover.jpg" %}"
alt=""
aria-hidden="true"
>
< span class = "cover-caption" >
< span > {{ book.alt_text }}< / span >
< span > {% trans "Click to add cover" %}< / span >
< / span >
2021-12-30 09:43:23 +00:00
< span class = "button-invisible-overlay has-text-centered" >
{% trans "Click to add cover" %}
< / span >
2021-12-29 15:40:19 +00:00
< / button >
2021-12-30 22:07:30 +00:00
{% join "add_cover" book.id as modal_id %}
{% include 'book/cover_add_modal.html' with id=modal_id %}
2021-12-29 15:40:19 +00:00
{% if request.GET.cover_error %}
< p class = "help is-danger" > {% trans "Failed to load cover" %}< / p >
{% endif %}
{% else %}
2021-12-29 16:10:44 +00:00
{% include 'snippets/book_cover.html' with book=book cover_class='is-h-m-mobile' %}
2021-12-29 15:40:19 +00:00
{% endif %}
{% endif %}
{% if book.cover %}
2021-12-29 17:55:02 +00:00
< button type = "button" data-modal-open = "cover_show_modal" class = "cover-container is-h-m-mobile is-relative" >
2021-12-29 15:40:19 +00:00
{% include 'snippets/book_cover.html' with size='xxlarge' size_mobile='medium' book=book cover_class='is-h-m-mobile' %}
2021-12-30 09:43:23 +00:00
< span class = "button-invisible-overlay has-text-centered" >
2021-12-29 17:55:02 +00:00
{% trans "Click to enlarge" %}
< / span >
2021-12-29 15:40:19 +00:00
< / button >
{% include 'book/cover_show_modal.html' with book=book id="cover_show_modal" %}
{% endif %}
2021-04-25 13:37:46 +00:00
{% include 'snippets/rate_action.html' with user=request.user book=book %}
2021-03-28 18:27:09 +00:00
< div class = "mb-3" >
{% include 'snippets/shelve_button/shelve_button.html' %}
< / div >
2020-03-27 15:36:57 +00:00
2021-04-18 13:59:02 +00:00
< section class = "is-clipped" >
{% with book=book %}
< div class = "content" >
{% include 'book/publisher_info.html' %}
2021-01-05 01:42:02 +00:00
< / div >
2021-04-18 13:59:02 +00:00
< div class = "my-3" >
{% include 'book/book_identifiers.html' %}
2021-01-05 01:42:02 +00:00
< / div >
2021-04-18 13:59:02 +00:00
{% endwith %}
2021-01-05 01:42:02 +00:00
2021-12-07 20:41:11 +00:00
{% trans "Load data" as button_text %}
2021-01-05 01:42:02 +00:00
{% if book.openlibrary_key %}
2021-12-05 21:02:42 +00:00
< p >
2022-01-17 19:25:41 +00:00
< a href = "{{ book.openlibrary_link }}" target = "_blank" rel = "noopener noreferrer" >
2021-12-30 22:19:31 +00:00
{% trans "View on OpenLibrary" %}
< / a >
2021-12-05 21:24:40 +00:00
{% if request.user.is_authenticated and perms.bookwyrm.edit_book %}
2021-12-30 22:19:31 +00:00
< button class = "button is-small" type = "button" data-modal-open = "openlibrary_sync" >
< span class = "icon icon-download" title = "{{ button_text }}" > < / span >
< span class = "is-sr-only-mobile" > {{ button_text }}< / span >
< / button >
{% include "book/sync_modal.html" with source="openlibrary.org" source_name="OpenLibrary" id="openlibrary_sync" %}
2021-12-05 21:24:40 +00:00
{% endif %}
2021-12-05 21:02:42 +00:00
< / p >
2020-04-02 02:38:07 +00:00
{% endif %}
2021-04-29 18:14:20 +00:00
{% if book.inventaire_id %}
2021-12-05 21:46:13 +00:00
< p >
2022-01-17 19:25:41 +00:00
< a href = "{{ book.inventaire_link }}" target = "_blank" rel = "noopener noreferrer" >
2021-12-30 22:19:31 +00:00
{% trans "View on Inventaire" %}
< / a >
2021-12-05 21:46:13 +00:00
{% if request.user.is_authenticated and perms.bookwyrm.edit_book %}
2021-12-30 22:19:31 +00:00
< button class = "button is-small" type = "button" data-modal-open = "inventaire_sync" >
< span class = "icon icon-download" title = "{{ button_text }}" > < / span >
< span class = "is-sr-only-mobile" > {{ button_text }}< / span >
< / button >
{% include "book/sync_modal.html" with source="inventaire.io" source_name="Inventaire" id="inventaire_sync" %}
2021-12-05 21:46:13 +00:00
{% endif %}
< / p >
2021-04-29 18:14:20 +00:00
{% endif %}
2021-01-05 01:42:02 +00:00
< / section >
2020-03-28 22:06:16 +00:00
< / div >
2020-04-02 02:38:07 +00:00
2021-03-07 15:08:19 +00:00
< div class = "column is-three-fifths" >
2020-09-29 18:00:54 +00:00
< div class = "block" >
2021-06-09 09:12:38 +00:00
< div
2021-04-09 21:57:49 +00:00
class="field is-grouped"
itemprop="aggregateRating"
itemscope
itemtype="https://schema.org/AggregateRating"
>
< meta itemprop = "ratingValue" content = "{{ rating|floatformat }}" >
{# @todo Is it possible to not hard-code the value? #}
< meta itemprop = "bestRating" content = "5" >
< meta itemprop = "reviewCount" content = "{{ review_count }}" >
2021-03-02 18:23:11 +00:00
{% include 'snippets/stars.html' with rating=rating %}
2021-04-09 21:57:49 +00:00
{% blocktrans count counter=review_count trimmed %}
({{ review_count }} review)
{% plural %}
({{ review_count }} reviews)
{% endblocktrans %}
2021-06-09 09:12:38 +00:00
< / div >
2020-04-02 02:38:07 +00:00
2021-04-09 21:57:49 +00:00
{% with full=book|book_description itemprop='abstract' %}
{% include 'snippets/trimmed_text.html' %}
{% endwith %}
2020-04-02 02:38:07 +00:00
2021-04-09 21:57:49 +00:00
{% if user_authenticated and can_edit_book and not book|book_description %}
2021-03-01 01:10:30 +00:00
{% trans 'Add Description' as button_text %}
2021-08-09 01:40:47 +00:00
{% include 'snippets/toggle/open_button.html' with text=button_text controls_text="add_description" controls_uid=book.id focus="id_description" hide_active=True id="hide_description" %}
2021-01-17 16:26:28 +00:00
2021-08-09 01:40:47 +00:00
< div class = "box is-hidden" id = "add_description_{{ book.id }}" >
2021-12-15 20:40:01 +00:00
< form name = "add-description" method = "POST" action = "{% url " add-description " book . id % } " >
2021-01-17 16:26:28 +00:00
{% csrf_token %}
< p class = "fields is-grouped" >
2021-08-21 18:05:38 +00:00
< label class = "label" for = "id_description_{{ book.id }}" > {% trans "Description:" %}< / label >
2021-08-09 01:40:47 +00:00
< textarea name = "description" cols = "None" rows = "None" class = "textarea" id = "id_description_{{ book.id }}" > < / textarea >
2021-01-17 16:26:28 +00:00
< / p >
< div class = "field" >
2021-02-27 22:22:39 +00:00
< button class = "button is-primary" type = "submit" > {% trans "Save" %}< / button >
2021-03-01 01:10:30 +00:00
{% trans "Cancel" as button_text %}
2021-08-09 01:40:47 +00:00
{% include 'snippets/toggle/close_button.html' with text=button_text controls_text="add_description" controls_uid=book.id hide_inactive=True %}
2020-11-28 15:55:31 +00:00
< / div >
2021-01-17 16:26:28 +00:00
< / form >
2020-11-28 15:55:31 +00:00
< / div >
{% endif %}
2020-12-08 17:43:12 +00:00
{% if book.parent_work.editions.count > 1 %}
2021-03-02 18:23:11 +00:00
< p > {% blocktrans with path=book.parent_work.local_path count=book.parent_work.editions.count %}< a href = "{{ path }}/editions" > {{ count }} editions< / a > {% endblocktrans %}< / p >
2020-09-29 18:00:54 +00:00
{% endif %}
< / div >
2020-04-02 02:38:07 +00:00
2020-12-12 00:39:58 +00:00
{# user's relationship to the book #}
2021-01-07 02:34:21 +00:00
< div class = "block" >
2021-11-15 09:59:22 +00:00
{% if user_shelfbooks.count > 0 %}
< h2 class = "title is-5" >
{% trans "You have shelved this edition in:" %}
< / h2 >
< ul >
2021-05-23 03:14:57 +00:00
{% for shelf in user_shelfbooks %}
2021-11-15 09:59:22 +00:00
< li class = "box" >
2021-12-04 22:40:25 +00:00
< a href = "{{ shelf.shelf.local_path }}" > {{ shelf.shelf.name }}< / a >
2021-11-16 08:26:49 +00:00
< div class = "mb-3" >
2021-11-24 21:20:34 +00:00
{% include 'snippets/shelf_selector.html' with shelf=shelf.shelf class="is-small" readthrough=readthrough %}
2021-11-16 08:26:49 +00:00
< / div >
2021-11-15 09:59:22 +00:00
< / li >
2020-12-12 00:39:58 +00:00
{% endfor %}
2021-11-15 09:59:22 +00:00
< / ul >
{% endif %}
2020-12-12 00:39:58 +00:00
{% for shelf in other_edition_shelves %}
< p >
2021-03-02 18:23:11 +00:00
{% blocktrans with book_path=shelf.book.local_path shelf_path=shelf.shelf.local_path shelf_name=shelf.shelf.name %}A < a href = "{{ book_path }}" > different edition< / a > of this book is on your < a href = "{{ shelf_path }}" > {{ shelf_name }}< / a > shelf.{% endblocktrans %}
2020-12-12 00:57:38 +00:00
{% include 'snippets/switch_edition_button.html' with edition=book %}
2020-12-12 00:39:58 +00:00
< / p >
{% endfor %}
2021-01-07 02:34:21 +00:00
< / div >
2020-11-06 20:51:49 +00:00
2021-04-09 21:57:49 +00:00
{% if user_authenticated %}
2021-04-30 19:02:19 +00:00
< hr aria-hidden = "true" >
2021-01-18 01:22:03 +00:00
< section class = "block" >
< header class = "columns" >
2021-04-30 19:02:19 +00:00
< div class = "column" >
< h2 class = "title is-5" > {% trans "Your reading activity" %}< / h2 >
< / div >
2021-01-18 01:22:03 +00:00
< div class = "column is-narrow" >
2022-01-11 17:50:04 +00:00
< button class = "button is-small" data-modal-open = "add-readthrough" >
< span class = "icon icon-plus m-mobile-0" aria-hidden = "true" > < / span >
< span class = "is-sr-only-mobile" >
{% trans "Add read dates" %}
< / span >
< / button >
2021-01-18 01:22:03 +00:00
< / div >
< / header >
2022-01-11 18:27:10 +00:00
{% include "readthrough/readthrough_modal.html" with id="add-readthrough" %}
2022-01-11 17:50:04 +00:00
2021-05-18 16:59:40 +00:00
{% if not readthroughs.exists %}
< p > {% trans "You don't have any reading activity for this book." %}< / p >
{% endif %}
2021-01-18 01:22:03 +00:00
{% for readthrough in readthroughs %}
2022-01-11 17:58:28 +00:00
{% include 'readthrough/readthrough_list.html' with readthrough=readthrough %}
2021-01-18 01:22:03 +00:00
{% endfor %}
< / section >
2021-04-30 19:02:19 +00:00
< hr aria-hidden = "true" >
2020-10-29 19:32:37 +00:00
2021-01-18 04:19:09 +00:00
< section class = "box" >
2021-09-29 22:52:08 +00:00
{% with 0|uuid as controls_uid %}
2020-04-21 15:01:54 +00:00
{% include 'snippets/create_status.html' with book=book hide_cover=True %}
2021-09-29 22:52:08 +00:00
{% endwith %}
2021-01-18 04:19:09 +00:00
< / section >
2020-09-29 18:00:54 +00:00
{% endif %}
2021-04-30 19:06:21 +00:00
< div class = "block" id = "reviews" >
{% if request.user.is_authenticated %}
2021-05-18 18:09:19 +00:00
{% if user_statuses.review_count or user_statuses.comment_count or user_statuses.quotation_count %}
2021-04-30 19:06:21 +00:00
< nav class = "tabs" >
< ul >
{% url 'book' book.id as tab_url %}
< li { % if tab_url = = request . path % } class = "is-active" { % endif % } >
2021-07-07 16:37:21 +00:00
< a href = "{{ tab_url }}#reviews" > {% trans "Reviews" %} ({{ review_count }})< / a >
2021-04-30 19:06:21 +00:00
< / li >
{% if user_statuses.review_count %}
{% url 'book-user-statuses' book.id 'review' as tab_url %}
< li { % if tab_url = = request . path % } class = "is-active" { % endif % } >
2021-07-07 16:37:21 +00:00
< a href = "{{ tab_url }}#reviews" > {% trans "Your reviews" %} ({{ user_statuses.review_count }})< / a >
2021-04-30 19:06:21 +00:00
< / li >
{% endif %}
{% if user_statuses.comment_count %}
{% url 'book-user-statuses' book.id 'comment' as tab_url %}
< li { % if tab_url = = request . path % } class = "is-active" { % endif % } >
2021-07-07 16:37:21 +00:00
< a href = "{{ tab_url }}#reviews" > {% trans "Your comments" %} ({{ user_statuses.comment_count }})< / a >
2021-04-30 19:06:21 +00:00
< / li >
{% endif %}
{% if user_statuses.quotation_count %}
{% url 'book-user-statuses' book.id 'quote' as tab_url %}
< li { % if tab_url = = request . path % } class = "is-active" { % endif % } >
2021-07-07 16:37:21 +00:00
< a href = "{{ tab_url }}#reviews" > {% trans "Your quotes" %} ({{ user_statuses.quotation_count }})< / a >
2021-04-30 19:06:21 +00:00
< / li >
{% endif %}
< / ul >
< / nav >
{% endif %}
{% endif %}
2021-05-18 18:17:59 +00:00
{% for status in statuses %}
2021-04-30 19:06:21 +00:00
< div
class="block"
2021-05-18 18:17:59 +00:00
{% if status.status_type == 'Review' or status.status_type == 'Rating' %}
2021-04-30 19:06:21 +00:00
itemprop="review"
itemscope
itemtype="https://schema.org/Review"
2021-05-18 18:17:59 +00:00
{% endif %}
2021-04-30 19:06:21 +00:00
>
2021-05-18 18:17:59 +00:00
{% include 'snippets/status/status.html' with status=status hide_book=True depth=1 %}
2021-04-30 19:06:21 +00:00
< / div >
{% endfor %}
2021-05-18 18:09:19 +00:00
{% if ratings %}
2021-04-30 19:06:21 +00:00
< div class = "block is-flex is-flex-wrap-wrap" >
{% for rating in ratings %}
2021-05-18 18:17:59 +00:00
{% include 'book/rating.html' with user=rating.user rating=rating %}
2021-04-30 19:06:21 +00:00
{% endfor %}
< / div >
2021-05-18 18:09:19 +00:00
{% endif %}
2021-04-30 19:06:21 +00:00
< div class = "block" >
{% include 'snippets/pagination.html' with page=statuses path=request.path anchor="#reviews" %}
< / div >
< / div >
2020-04-12 04:49:06 +00:00
< / div >
2021-12-15 21:35:10 +00:00
< div class = "column is-one-fifth is-clipped" >
2021-01-05 01:42:02 +00:00
{% if book.subjects %}
2021-04-09 21:57:49 +00:00
< section class = "content block" >
< h2 class = "title is-5" > {% trans "Subjects" %}< / h2 >
< ul >
{% for subject in book.subjects %}
< li itemprop = "about" > {{ subject }}< / li >
{% endfor %}
< / ul >
< / section >
2021-01-05 01:42:02 +00:00
{% endif %}
{% if book.subject_places %}
< section class = "content block" >
2021-02-27 22:22:39 +00:00
< h2 class = "title is-5" > {% trans "Places" %}< / h2 >
2021-01-05 01:42:02 +00:00
< ul >
2021-03-07 15:35:38 +00:00
{% for place in book.subject_places %}
2021-01-05 01:42:02 +00:00
< li > {{ place }}< / li >
{% endfor %}
< / ul >
< / section >
{% endif %}
2021-02-15 19:30:22 +00:00
2021-03-15 21:44:03 +00:00
{% if lists.exists or request.user.list_set.exists %}
2021-12-15 21:35:10 +00:00
< section class = "content block is-clipped" >
2021-02-27 22:22:39 +00:00
< h2 class = "title is-5" > {% trans "Lists" %}< / h2 >
2021-02-15 19:30:22 +00:00
< ul >
{% for list in lists %}
2021-12-15 21:23:25 +00:00
< li > < a href = "{{ list.local_path }}" > {{ list.name }}< / a > < / li >
2021-02-15 19:30:22 +00:00
{% endfor %}
< / ul >
2021-03-15 21:44:03 +00:00
2022-02-28 18:03:24 +00:00
{% if list_options.exists %}
2021-03-15 21:44:03 +00:00
< form name = "list-add" method = "post" action = "{% url 'list-add-book' %}" >
{% csrf_token %}
< input type = "hidden" name = "book" value = "{{ book.id }}" >
2022-02-02 20:29:01 +00:00
< input type = "hidden" name = "user" value = "{{ request.user.id }}" >
2021-03-15 21:44:03 +00:00
< label class = "label" for = "id_list" > {% trans "Add to list" %}< / label >
< div class = "field has-addons" >
2021-12-15 21:35:10 +00:00
< div class = "select control is-clipped" >
2022-02-02 20:29:01 +00:00
< select name = "book_list" id = "id_list" >
2022-02-28 18:03:24 +00:00
{% for list in list_options %}
2021-03-15 21:44:03 +00:00
< option value = "{{ list.id }}" > {{ list.name }}< / option >
{% endfor %}
< / select >
< / div >
< div class = "control" >
< button type = "submit" class = "button is-link" > {% trans "Add" %}< / button >
< / div >
< / div >
< / form >
{% endif %}
2021-02-15 19:30:22 +00:00
< / section >
{% endif %}
2021-12-15 20:40:01 +00:00
2021-12-15 21:23:25 +00:00
< section class = "content block" >
2022-01-13 00:46:14 +00:00
{% include "book/file_links/links.html" %}
2021-12-15 20:40:01 +00:00
< / section >
2021-01-05 01:42:02 +00:00
< / div >
2020-02-23 22:26:03 +00:00
< / div >
2020-03-17 00:19:38 +00:00
< / div >
2021-04-09 21:57:49 +00:00
{% endwith %}
2020-01-28 02:47:54 +00:00
{% endblock %}
2021-03-22 19:37:01 +00:00
{% block scripts %}
2022-02-25 20:47:46 +00:00
< script src = "{% static " js / tabs . js " % } ? v = {{ js_cache } } " > < / script >
2022-01-13 01:06:36 +00:00
< script src = "{% static " js / autocomplete . js " % } ? v = {{ js_cache } } " > < / script >
2021-03-22 19:37:01 +00:00
{% endblock %}