moviewyrm/bookwyrm/templates/goal.html

62 lines
2.1 KiB
HTML
Raw Normal View History

2021-02-01 19:34:08 +00:00
{% extends 'user/user_layout.html' %}
2021-01-16 19:34:19 +00:00
2021-02-01 19:34:08 +00:00
{% block header %}
<div class="columns is-mobile">
<div class="column">
<h1 class="title">{{ year }} Reading Progress</h1>
</div>
{% if is_self and goal %}
<div class="column is-narrow">
{% include 'snippets/toggle/open_button.html' with text="Edit goal" icon="pencil" controls_text="show-edit-goal" focus="edit-form-header" %}
</div>
{% endif %}
</div>
{% endblock %}
{% block panel %}
2021-01-16 19:34:19 +00:00
<section class="block">
2021-01-16 20:39:51 +00:00
{% if user == request.user %}
<div class="block">
{% now 'Y' as year %}
<section class="card {% if goal %}hidden{% endif %}" id="show-edit-goal">
<header class="card-header">
<h2 class="card-header-title has-background-primary has-text-white" tabindex="0" id="edit-form-header">
<span class="icon icon-book is-size-3 mr-2" aria-hidden="true"></span> {{ year }} reading goal
</h2>
</header>
<section class="card-content content">
<p>Set a goal for how many books you'll finish reading in {{ year }}, and track your progress throughout the year.</p>
2021-01-16 20:39:51 +00:00
{% include 'snippets/goal_form.html' with goal=goal year=year %}
2021-01-16 22:33:43 +00:00
</section>
</section>
2021-01-16 20:39:51 +00:00
</div>
{% endif %}
2021-01-16 19:34:19 +00:00
2021-01-16 20:39:51 +00:00
{% if not goal and user != request.user %}
2021-01-16 19:34:19 +00:00
<p>{{ user.display_name }} hasn't set a reading goal for {{ year }}.</p>
2021-01-16 20:39:51 +00:00
{% endif %}
{% if goal %}
2021-01-16 19:34:19 +00:00
{% include 'snippets/goal_progress.html' with goal=goal %}
{% endif %}
</section>
{% if goal.books %}
2021-02-01 19:34:08 +00:00
<section class="content">
<h2>{% if goal.user == request.user %}Your{% else %}{{ goal.user.display_name }}'s{% endif %} {{ year }} Books</h2>
2021-01-16 19:34:19 +00:00
<div class="columns is-multiline">
{% for book in goal.books %}
<div class="column is-narrow">
<div class="box">
<a href="{{ book.book.local_path }}">
2021-02-24 06:07:13 +00:00
{% include 'discover/small-book.html' with book=book.book rating=goal.ratings %}
2021-01-16 19:34:19 +00:00
</a>
</div>
</div>
{% endfor %}
</div>
</section>
{% endif %}
{% endblock %}