moviewyrm/bookwyrm/templates/book/readthrough.html

90 lines
4.9 KiB
HTML
Raw Normal View History

2021-02-28 02:48:10 +00:00
{% load i18n %}
{% load humanize %}
{% load tz %}
2021-12-31 01:48:09 +00:00
{% load utilities %}
2021-06-14 23:04:58 +00:00
<div class="content">
<div id="hide_edit_readthrough_{{ readthrough.id }}" class="box is-shadowless has-background-white-bis">
<div class="columns">
<div class="column">
2021-02-28 02:48:10 +00:00
{% trans "Progress Updates:" %}
<ul>
{% if readthrough.finish_date or readthrough.progress %}
2021-04-02 03:22:42 +00:00
<li>
{% if readthrough.finish_date %}
2021-12-31 01:48:09 +00:00
{{ readthrough.finish_date | localtime | naturalday }}: {% trans "finished" %}
2021-04-02 03:22:42 +00:00
{% else %}
2021-12-31 01:48:09 +00:00
{% if readthrough.progress_mode == 'PG' %}
{% include 'snippets/page_text.html' with page=readthrough.progress total_pages=book.pages %}
{% else %}
{{ readthrough.progress }}%
{% endif %}
2021-04-02 03:22:42 +00:00
{% endif %}
{% if readthrough.progress %}
{% trans "Show all updates" as button_text %}
{% include 'snippets/toggle/toggle_button.html' with text=button_text controls_text="updates" controls_uid=readthrough.id class="is-small" %}
<ul id="updates_{{ readthrough.id }}" class="is-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' %}
2021-04-02 03:22:42 +00:00
{% include 'snippets/page_text.html' with page=progress_update.progress total_pages=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">
2021-02-28 02:48:10 +00:00
<span class="is-sr-only">{% trans "Delete this progress update" %}</span>
</span>
</button>
</form>
</li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endif %}
2021-12-31 01:48:09 +00:00
{% if readthrough.start_date %}
<li>{{ readthrough.start_date | localtime | naturalday }}: {% trans "started" %}</li>
{% endif %}
</ul>
2021-01-17 18:10:59 +00:00
</div>
<div class="column is-narrow">
<div class="field has-addons">
<div class="control">
{% trans "Edit read dates" as button_text %}
{% include 'snippets/toggle/toggle_button.html' with class="is-small" text=button_text icon="pencil" controls_text="edit_readthrough" controls_uid=readthrough.id focus="edit_readthrough" %}
</div>
<div class="control">
{% trans "Delete these read dates" as button_text %}
2021-12-31 01:48:09 +00:00
<button class="button is-small" type="button" data-modal-open="delete_readthrough_{{ readthrough.id }}">
<span class="icon icon-x" title="{{ button_text }}">
<span class="is-sr-only">{{ button_text }}</span>
</span>
</button>
</div>
</div>
2021-01-17 18:10:59 +00:00
</div>
</div>
</div>
</div>
<div class="box is-hidden" id="edit_readthrough_{{ readthrough.id }}" tabindex="0">
2021-02-28 02:48:10 +00:00
<h3 class="title is-5">{% trans "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">
2021-02-28 02:48:10 +00:00
<button class="button is-primary" type="submit">{% trans "Save" %}</button>
{% trans "Cancel" as button_text %}
{% include 'snippets/toggle/close_button.html' with text=button_text controls_text="edit_readthrough" controls_uid=readthrough.id %}
</div>
2021-01-17 18:10:59 +00:00
</form>
</div>
2021-12-31 01:48:09 +00:00
{% join "delete_readthrough" readthrough.id as modal_id %}
{% include 'snippets/delete_readthrough_modal.html' with id=modal_id %}