31 lines
1.4 KiB
Plaintext
31 lines
1.4 KiB
Plaintext
<div class="reference navbar-text {% if reference %}d-flex{% else %}d-none{% endif %} align-items-center gap-1 ms-3"
|
|
id="reference"
|
|
{%- if oob %} hx-swap-oob="true"{% endif %}
|
|
hx-get="api/reference"
|
|
{# htmx keeps an event only when the filter returns true exactly, so a
|
|
string is discarded. #}
|
|
hx-trigger="{% if reference and not settled %}load[!!location.hash], {% endif %}htmx:historyRestore from:body"
|
|
hx-target="this" hx-swap="outerHTML">
|
|
{%- if reference %}
|
|
<span class="reference-book text-light fw-semibold"
|
|
id="reference-book">{{ reference.book }}</span>
|
|
<label class="visually-hidden" for="reference-chapter">Chapter</label>
|
|
<select class="reference-chapter form-select form-select-sm"
|
|
id="reference-chapter" name="at"
|
|
hx-get="api/reference" hx-target="#reference-verse"
|
|
hx-swap="innerHTML">
|
|
{%- for chapter in reference.chapters %}
|
|
<option value="{{ chapter.id }}"
|
|
{%- if chapter.id == reference.chapter %} selected{% endif %}>{{ chapter.label }}</option>
|
|
{%- endfor %}
|
|
</select>
|
|
<span class="reference-sep text-light">:</span>
|
|
<label class="visually-hidden" for="reference-verse">Verse</label>
|
|
<select class="reference-verse form-select form-select-sm"
|
|
id="reference-verse" name="at"
|
|
hx-get="api/reference" hx-target="this" hx-swap="innerHTML">
|
|
{% include "verses.njk" %}
|
|
</select>
|
|
{%- endif %}
|
|
</div>
|