moviewyrm/bookwyrm/templates/user/shelf.html

70 lines
2.3 KiB
HTML
Raw Normal View History

2021-01-30 20:03:50 +00:00
{% extends 'user/user_layout.html' %}
2020-12-13 02:25:04 +00:00
{% load bookwyrm_tags %}
{% 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">
{% if is_self %}
{% trans "Your Shelves" %}
2021-01-30 20:03:50 +00:00
{% else %}
{% 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">
<div class="tabs">
2020-11-10 22:52:04 +00:00
<ul>
{% 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>
{% 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">
{% 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' %}
</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">
{% 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>
2020-12-31 00:07:29 +00:00
{% include 'snippets/shelf.html' with shelf=shelf books=books ratings=ratings %}
2020-02-22 00:03:05 +00:00
</div>
</div>
{% endblock %}