forked from mirrors/bookwyrm
60 lines
2.2 KiB
HTML
60 lines
2.2 KiB
HTML
{% extends 'layout.html' %}
|
|
{% block content %}
|
|
|
|
<section class="block">
|
|
<h1 class="title">{{ year }} Reading Progress</h1>
|
|
{% if user == request.user %}
|
|
<div class="block">
|
|
{% if goal %}
|
|
<input type="radio" class="toggle-control" name="edit-goal" id="hide-edit-goal" checked>
|
|
<div class="toggle-content hidden">
|
|
{% include 'snippets/toggle/toggle_button.html' with text="Edit goal" controls_text="show-edit-goal" %}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
<div class="block">
|
|
<input type="radio" class="toggle-control" name="edit-goal" id="show-edit-goal">
|
|
<div class="toggle-content{% if goal %} hidden{% endif %}">
|
|
{% now 'Y' as year %}
|
|
<article class="card">
|
|
<header class="card-header">
|
|
<h2 class="card-header-title has-background-primary has-text-white">
|
|
<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>
|
|
|
|
{% include 'snippets/goal_form.html' with goal=goal year=year %}
|
|
</section>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if not goal and user != request.user %}
|
|
<p>{{ user.display_name }} hasn't set a reading goal for {{ year }}.</p>
|
|
{% endif %}
|
|
|
|
{% if goal %}
|
|
{% include 'snippets/goal_progress.html' with goal=goal %}
|
|
{% endif %}
|
|
</section>
|
|
|
|
{% if goal.books %}
|
|
<section>
|
|
<h2 class="title">{% if goal.user == request.user %}Your{% else %}{{ goal.user.display_name }}'s{% endif %} {{ year }} Books</h2>
|
|
<div class="columns is-multiline">
|
|
{% for book in goal.books %}
|
|
<div class="column is-narrow">
|
|
<div class="box">
|
|
<a href="{{ book.book.local_path }}">
|
|
{% include 'snippets/discover/small-book.html' with book=book.book rating=goal.ratings %}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</section>
|
|
{% endif %}
|
|
{% endblock %}
|