moviewyrm/bookwyrm/templates/snippets/readthrough_form.html

{% load i18n %}
{% csrf_token %}
<input type="hidden" name="id" value="{{ readthrough.id }}">
<input type="hidden" name="book" value="{{ book.id }}">
<div class="field">
    <label class="label">
        {% trans "Started reading" %}
        <duet-date-picker
            identifier="id_start_date-{{ readthrough.id }}"
            name="start_date"
            value="{{ readthrough.start_date | date:'Y-m-d' }}">
        </duet-date-picker>
    </label>
</div>
{# Only show progress for editing existing readthroughs #}
{% if readthrough.id and not readthrough.finish_date %}
<label class="label" for="id_progress-{{ readthrough.id }}">
    {% trans "Progress" %}
</label>
<div class="field has-addons">
    <div class="control">
        <input type="number" name="progress" class="input" id="id_progress-{{ readthrough.id }}" value="{{ readthrough.progress }}">
    </div>
    <div class="control select">
        <select name="progress_mode" aria-label="Progress mode">
            <option value="PG" {% if readthrough.progress_mode == 'PG' %}selected{% endif %}>{% trans "pages" %}</option>
            <option value="PCT" {% if readthrough.progress_mode == 'PCT' %}selected{% endif %}>{% trans "percent" %}</option>
        </select>
    </div>
</div>
{% endif %}
<div class="field">
    <label class="label">
        {% trans "Finished reading" %}
        <duet-date-picker
            identifier="id_finish_date-{{ readthrough.id }}"
            name="finish_date"
            value="{{ readthrough.finish_date | date:'Y-m-d' }}">
        </duet-date-picker>
    </label>
</div>