Flatten and rework sidebar update

This commit is contained in:
Joel Bradshaw 2021-01-19 23:04:08 -08:00
parent 32346cf9a3
commit edba55f7c2
2 changed files with 25 additions and 29 deletions

View file

@ -47,17 +47,11 @@
</div>
</div>
<div class="card-content">
<div class="columns is-gapless">
<div class="column is-narrow">
{% include 'snippets/shelve_button.html' with book=book %}
</div>
{% active_shelf book as active_shelf %}
{% if active_shelf.shelf.identifier == 'reading' and book.latest_readthrough %}
<div class="column">
{% include 'snippets/progress_update.html' with readthrough=book.latest_readthrough %}
</div>
{% endif %}
</div>
{% include 'snippets/shelve_button.html' with book=book %}
{% active_shelf book as active_shelf %}
{% if active_shelf.shelf.identifier == 'reading' and book.latest_readthrough %}
{% include 'snippets/progress_update.html' with readthrough=book.latest_readthrough %}
{% endif %}
{% include 'snippets/create_status.html' with book=book %}
</div>
</div>

View file

@ -1,25 +1,27 @@
<form class="field is-grouped is-small pl-2" action="/edit-readthrough" method="POST">
<form class="field is-grouped is-small" action="/edit-readthrough" method="POST">
{% csrf_token %}
<input type="hidden" name="id" value="{{ readthrough.id }}"/>
<label class="label is-align-self-center mb-0 pr-2" for="progress">Currently at</label>
<div class="control">
{% if readthrough.progress_mode == 'PG' %}
on page
{% else %}
currently at
{% endif %}
<div class="field has-addons">
<div class="control">
<input
aria-label="{% if readthrough.progress_mode == 'PG' %}Current page{% else %}Percent read{% endif %}"
class="input is-small" type="number"
name="progress" size="3" value="{{ readthrough.progress|default:'' }}">
</div>
<div class="control">
<a class="button is-small is-static">
{% if readthrough.progress_mode == 'PG' %}
pages
{% else %}
%
{% endif %}
</a>
</div>
</div>
</div>
<div class="control">
<input
aria-label="{% if readthrough.progress_mode == 'PG' %}Current page{% else %}Percent read{% endif %}"
class="input is-small" type="text"
name="progress" size="3" value="{{ readthrough.progress|default:'' }}">
</div>
<div class="control">
{% if readthrough.progress_mode == 'PG' %}
{% if book.pages %} of {{ book.pages }} {% endif %}
{% else %} % {% endif %}
</div>
<div class="control">
<button class="button is-small px-2" type="submit">Go</button>
<button class="button is-small px-2" type="submit">Save</button>
</div>
</form>