2021-01-30 20:03:50 +00:00
|
|
|
{% extends 'user/user_layout.html' %}
|
2020-12-13 02:25:04 +00:00
|
|
|
{% load bookwyrm_tags %}
|
2021-03-29 18:48:19 +00:00
|
|
|
{% load humanize %}
|
2021-03-01 01:10:30 +00:00
|
|
|
{% load i18n %}
|
2020-11-10 21:39:37 +00:00
|
|
|
|
2021-01-30 20:03:50 +00:00
|
|
|
{% block header %}
|
|
|
|
<header class="columns">
|
|
|
|
<h1 class="title">
|
2021-02-28 18:00:36 +00:00
|
|
|
{% if is_self %}
|
|
|
|
{% trans "Your Shelves" %}
|
2021-01-30 20:03:50 +00:00
|
|
|
{% else %}
|
2021-02-28 18:00:36 +00:00
|
|
|
{% blocktrans with username=user.display_name %}{{ username }}: Shelves{% endblocktrans %}
|
2021-01-30 20:03:50 +00:00
|
|
|
{% endif %}
|
|
|
|
</h1>
|
|
|
|
</header>
|
|
|
|
{% endblock %}
|
2020-11-10 22:52:04 +00:00
|
|
|
|
2021-01-30 20:03:50 +00:00
|
|
|
{% block panel %}
|
2020-11-10 22:52:04 +00:00
|
|
|
<div class="block columns">
|
|
|
|
<div class="column">
|
2021-02-27 15:53:27 +00:00
|
|
|
<div class="tabs">
|
2020-11-10 22:52:04 +00:00
|
|
|
<ul>
|
2021-02-27 15:53:27 +00:00
|
|
|
{% for shelf_tab in shelves %}
|
|
|
|
<li class="{% if shelf_tab.identifier == shelf.identifier %}is-active{% endif %}">
|
2021-03-02 18:32:46 +00:00
|
|
|
<a href="/user/{{ user | username }}/shelf/{{ shelf_tab.identifier }}"{% if shelf_tab.identifier == shelf.identifier %} aria-current="page"{% endif %}>{% if shelf_tab.identifier == 'to-read' %}{% trans "To Read" %}{% elif shelf_tab.identifier == 'reading' %}{% trans "Currently Reading" %}{% elif shelf_tab.identifier == 'read' %}{% trans "Read" %}{% else %}{{ shelf_tab.name }}{% endif %}</a>
|
2020-11-10 22:52:04 +00:00
|
|
|
</li>
|
2021-02-27 15:53:27 +00:00
|
|
|
{% endfor %}
|
2020-11-10 22:52:04 +00:00
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
2020-11-10 21:39:37 +00:00
|
|
|
{% if is_self %}
|
|
|
|
<div class="column is-narrow">
|
2021-03-01 01:10:30 +00:00
|
|
|
{% trans "Create shelf" as button_text %}
|
|
|
|
{% include 'snippets/toggle/open_button.html' with text=button_text icon="plus" controls_text="create-shelf-form" focus="create-shelf-form-header" %}
|
2020-11-10 21:39:37 +00:00
|
|
|
</div>
|
|
|
|
{% endif %}
|
|
|
|
</div>
|
|
|
|
|
2021-02-03 20:36:20 +00:00
|
|
|
<div class="block">
|
|
|
|
{% include 'user/create_shelf_form.html' with controls_text='create-shelf-form' %}
|
2020-09-30 02:48:10 +00:00
|
|
|
</div>
|
|
|
|
|
2021-02-23 21:04:24 +00:00
|
|
|
<div class="block columns is-mobile">
|
2020-11-10 21:39:37 +00:00
|
|
|
<div class="column">
|
2020-11-11 00:18:48 +00:00
|
|
|
<h2 class="title is-3">
|
|
|
|
{{ shelf.name }}
|
|
|
|
<span class="subtitle">
|
|
|
|
{% include 'snippets/privacy-icons.html' with item=shelf %}
|
|
|
|
</span>
|
|
|
|
</h2>
|
2020-11-10 21:39:37 +00:00
|
|
|
</div>
|
|
|
|
{% if is_self %}
|
|
|
|
<div class="column is-narrow">
|
2021-03-01 01:10:30 +00:00
|
|
|
{% trans "Edit shelf" as button_text %}
|
|
|
|
{% include 'snippets/toggle/open_button.html' with text=button_text icon="pencil" controls_text="edit-shelf-form" focus="edit-shelf-form-header" %}
|
2020-11-10 21:39:37 +00:00
|
|
|
</div>
|
|
|
|
{% endif %}
|
|
|
|
</div>
|
|
|
|
|
2021-02-03 20:44:51 +00:00
|
|
|
<div class="block">
|
|
|
|
{% include 'user/edit_shelf_form.html' with controls_text="edit-shelf-form" %}
|
2020-11-11 04:11:21 +00:00
|
|
|
</div>
|
|
|
|
|
2020-09-29 21:11:55 +00:00
|
|
|
<div class="block">
|
2020-02-22 00:03:05 +00:00
|
|
|
<div>
|
2021-03-29 18:48:19 +00:00
|
|
|
{% if books|length > 0 %}
|
|
|
|
<div class="scroll-x">
|
|
|
|
<table class="table is-striped is-fullwidth">
|
|
|
|
|
|
|
|
<tr class="book-preview">
|
|
|
|
<th>{% trans "Cover" %}</th>
|
|
|
|
<th>{% trans "Title" %}</th>
|
|
|
|
<th>{% trans "Author" %}</th>
|
|
|
|
<th>{% trans "Shelved" %}</th>
|
|
|
|
<th>{% trans "Started" %}</th>
|
|
|
|
<th>{% trans "Finished" %}</th>
|
|
|
|
{% if ratings %}<th>{% trans "Rating" %}</th>{% endif %}
|
|
|
|
{% if shelf.user == request.user %}
|
|
|
|
<th aria-hidden="true"></th>
|
|
|
|
{% endif %}
|
|
|
|
</tr>
|
|
|
|
{% for book in books %}
|
|
|
|
{% with book=book.book %}
|
|
|
|
<tr class="book-preview">
|
|
|
|
<td>
|
|
|
|
<a href="{{ book.local_path }}">{% include 'snippets/book_cover.html' with book=book size="small" %}</a>
|
|
|
|
</td>
|
|
|
|
<td>
|
|
|
|
<a href="{{ book.local_path }}">{{ book.title }}</a>
|
|
|
|
</td>
|
|
|
|
<td>
|
|
|
|
{% include 'snippets/authors.html' %}
|
|
|
|
</td>
|
|
|
|
<td>
|
|
|
|
{{ book.created_date | naturalday }}
|
|
|
|
</td>
|
|
|
|
{% latest_read_through book user as read_through %}
|
|
|
|
<td>
|
|
|
|
{{ read_through.start_date | naturalday |default_if_none:""}}
|
|
|
|
</td>
|
|
|
|
<td>
|
|
|
|
{{ read_through.finish_date | naturalday |default_if_none:""}}
|
|
|
|
</td>
|
|
|
|
{% if ratings %}
|
|
|
|
<td>
|
|
|
|
{% include 'snippets/stars.html' with rating=ratings|dict_key:book.id %}
|
|
|
|
</td>
|
|
|
|
{% endif %}
|
|
|
|
{% if shelf.user == request.user %}
|
|
|
|
<td>
|
|
|
|
{% include 'snippets/shelf_selector.html' with current=shelf %}
|
|
|
|
</td>
|
|
|
|
{% endif %}
|
|
|
|
</tr>
|
|
|
|
{% endwith %}
|
|
|
|
{% endfor %}
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
{% else %}
|
|
|
|
<p>{% trans "This shelf is empty." %}</p>
|
|
|
|
{% if shelf.editable %}
|
|
|
|
<form name="delete-shelf" action="/delete-shelf/{{ shelf.id }}" method="post">
|
|
|
|
{% csrf_token %}
|
|
|
|
<input type="hidden" name="user" value="{{ request.user.id }}">
|
|
|
|
<button class="button is-danger is-light" type="submit">
|
|
|
|
{% trans "Delete shelf" %}
|
|
|
|
</button>
|
|
|
|
</form>
|
|
|
|
{% endif %}
|
|
|
|
|
|
|
|
{% endif %}
|
|
|
|
|
2020-02-22 00:03:05 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
2021-03-29 18:48:19 +00:00
|
|
|
<div>
|
|
|
|
{% include 'snippets/pagination.html' with page=books path=request.path %}
|
|
|
|
</div>
|
2020-02-22 00:03:05 +00:00
|
|
|
{% endblock %}
|