Adds markup for set goal status on feed page

This commit is contained in:
Mouse Reeve
2021-01-16 08:19:54 -08:00
parent b648012af5
commit 3a7271309e
5 changed files with 80 additions and 6 deletions

View File

@ -47,8 +47,8 @@
<div class="card">
<div class="card-header">
<p class="card-header-title">
<span>{% include 'snippets/book_titleby.html' with book=book %}</span>
</>
<span>{% include 'snippets/book_titleby.html' with book=book %}</span>
</p>
<div class="card-header-icon is-hidden-tablet">
{% include 'snippets/toggle/toggle_button.html' with label="close" controls_text="no-book" class="delete" %}
</div>
@ -67,6 +67,14 @@
<input class="toggle-control" type="radio" name="recent-books" id="no-book">
</div>
{% endif %}
{% if goal %}
<section class="section">
<div class="block">
{{ goal }} hi
</div>
</section>
{% endif %}
</div>
<div class="column is-two-thirds" id="feed">
@ -85,6 +93,33 @@
</ul>
</div>
{# announcements and system messages #}
{% if not goal and tab == 'home' %}
<section class="block" aria-title="Announcements">
{% now 'Y' as year %}
<article class="card">
<header class="card-header">
<h3 class="card-header-title has-background-primary has-text-white">
{{ year }} reading goal
</h3>
</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' %}
</section>
<footer class="card-footer has-background-white-bis">
<div class="card-footer-item is-flex-direction-column">
<button class="button is-danger is-light is-block">Dismiss message</button>
<p class="help">You can set or change your reading goal any time from your <a href="{{ request.user.local_path }}">profile page</a></p>
</div>
</footer>
</article>
</section>
{% endif %}
<hr>
{# activity feed #}
{% if not activities %}
<p>There aren't any activities right now! Try following a user to get started</p>
{% endif %}