forked from mirrors/bookwyrm
64 lines
3.8 KiB
HTML
64 lines
3.8 KiB
HTML
{% load humanize %}
|
|
<div class="content block">
|
|
<div id="hide-edit-readthrough-{{ readthrough.id }}">
|
|
<div class="columns">
|
|
<div class="column">
|
|
Progress Updates:
|
|
</dl>
|
|
<ul>
|
|
{% if readthrough.progress %}
|
|
<li>{% if readthrough.finish_date %} {{ readthrough.finish_date | naturalday }}: finished {% else %}{% if readthrough.progress_mode == 'PG' %}on page {{ readthrough.progress }}{% if book.pages %} of {{ book.pages }}{% endif %}
|
|
{% else %}{{ readthrough.progress }}%{% endif %}{% endif %}
|
|
{% include 'snippets/toggle/toggle_button.html' with text="Show all updates" controls_text="updates" controls_uid=readthrough.id class="is-small" %}
|
|
<ul id="updates-{{ readthrough.id }}" class="hidden">
|
|
{% for progress_update in readthrough.progress_updates %}
|
|
<li>
|
|
<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" title="Delete this progress update">
|
|
<span class="is-sr-only">Delete this progress update</span>
|
|
</span>
|
|
</button>
|
|
</form>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</li>
|
|
{% endif %}
|
|
<li>{{ readthrough.start_date | naturalday }}: started</li>
|
|
</ul>
|
|
</div>
|
|
<div class="column is-narrow">
|
|
<div class="field has-addons">
|
|
<div class="control">
|
|
{% 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" %}
|
|
</div>
|
|
<div class="control">
|
|
{% 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" %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="box hidden" id="edit-readthrough-{{ readthrough.id }}" tabindex="0">
|
|
<h3 class="title is-5">Edit read dates</h3>
|
|
<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 %}
|
|
</div>
|
|
</form>
|
|
</div>
|
|
{% include 'snippets/delete_readthrough_modal.html' with controls_text="delete-readthrough" controls_uid=readthrough.id %}
|