2020-12-12 00:39:58 +00:00
{% load humanize %}
< div class = "content block" >
2021-01-17 18:10:59 +00:00
< div id = "hide-edit-readthrough-{{ readthrough.id }}" >
2021-01-07 02:34:21 +00:00
< dl class = "mb-1" >
2020-12-12 00:39:58 +00:00
{% if readthrough.start_date %}
2021-01-07 02:34:21 +00:00
< div class = "is-flex" >
< dt > Started reading:< / dt >
< dd > {{ readthrough.start_date | naturalday }}< / dd >
< / div >
2020-12-12 00:39:58 +00:00
{% endif %}
{% if readthrough.finish_date %}
2021-01-07 02:34:21 +00:00
< div class = "is-flex" >
< dt > Finished reading:< / dt >
< dd > {{ readthrough.finish_date | naturalday }}< / dd >
< / div >
2021-01-14 03:45:36 +00:00
{% elif readthrough.progress %}
< div class = "is-flex" >
< dt > Progress:< / dt >
{% if readthrough.progress_mode == 'PG' %}
< dd > on page {{ readthrough.progress }} of {{ book.pages }}< / dd >
{% else %}
< dd > {{ readthrough.progress }}%< / dd >
{% endif %}
< / div >
2020-12-12 00:39:58 +00:00
{% endif %}
< / dl >
2021-01-17 18:10:59 +00:00
< div class = "field has-addons" >
< div class = "control" >
2021-01-18 17:03:21 +00:00
{% include 'snippets/toggle/toggle_button.html' with class="is-small" text="Edit read dates" icon="pencil" controls_text="edit-readthrough" controls_uid=readthrough.id focus="edit-readthrough" %}
2021-01-17 18:10:59 +00:00
< / div >
< div class = "control" >
2021-01-18 17:03:21 +00:00
{% include 'snippets/toggle/toggle_button.html' with class="is-small" text="Delete these read dates" icon="x" controls_text="delete-readthrough" controls_uid=readthrough.id focus="modal-title-delete-readthrough" %}
2021-01-17 18:10:59 +00:00
< / div >
2020-12-12 00:39:58 +00:00
< / div >
2021-01-14 03:45:36 +00:00
{% if show_progress %}
Progress Updates:
< ul >
{% if readthrough.finish_date %}
< li > {{ readthrough.start_date | naturalday }}: finished< / li >
{% endif %}
{% for progress_update in readthrough.progress_updates %}
< li >
2021-01-17 10:28:37 +00:00
< form name = "delete-update" action = "/delete-progressupdate" method = "POST" >
{% csrf_token %}
{{ progress_update.created_date | naturalday }}:
{% if progress_update.mode == 'PG' %}
page {{ progress_update.progress }} of {{ book.pages }}
{% else %}
{{ progress_update.progress }}%
{% endif %}
< input type = "hidden" name = "id" value = "{{ progress_update.id }}" / >
< button type = "submit" class = "button is-small" for = "delete-progressupdate-{{ progress_update.id }}" role = "button" tabindex = "0" >
< span class = "icon icon-x" >
< span class = "is-sr-only" > Delete this progress update< / span >
< / span >
< / button >
< / form >
2021-01-14 03:45:36 +00:00
< / li >
{% endfor %}
< li > {{ readthrough.start_date | naturalday }}: started< / li >
< / ul >
{% elif readthrough.progress_updates|length %}
< a href = "?showprogress" > Show {{ readthrough.progress_updates|length }} Progress Updates< / a >
{% endif %}
2020-12-12 00:39:58 +00:00
< / div >
< / div >
2021-01-18 17:03:21 +00:00
< div class = "box hidden" id = "edit-readthrough-{{ readthrough.id }}" tabindex = "0" >
< h3 class = "title is-5" > Edit read dates< / h3 >
2021-01-17 18:10:59 +00:00
< form name = "edit-readthrough" action = "/edit-readthrough" method = "post" >
{% include 'snippets/readthrough_form.html' with readthrough=readthrough %}
< div class = "field is-grouped" >
< button class = "button is-primary" type = "submit" > Save< / button >
{% include 'snippets/toggle/close_button.html' with text="Cancel" controls_text="edit-readthrough" controls_uid=readthrough.id %}
2020-12-12 00:39:58 +00:00
< / div >
2021-01-17 18:10:59 +00:00
< / form >
2020-12-12 00:39:58 +00:00
< / div >
2021-01-17 18:10:59 +00:00
{% include 'snippets/delete_readthrough_modal.html' with controls_text="delete-readthrough" controls_uid=readthrough.id %}