Update web/templates/entry_view.html

This commit is contained in:
Joshua Laymon 2025-08-13 05:57:36 +00:00
parent d47b1b0478
commit c68f78cf14

View File

@ -2,99 +2,96 @@
{% load static %} {% load static %}
{% block content %} {% block content %}
<div class="container"> <div class="result-wrap">
<!-- Top toolbar: back to search + pager + actions --> <!-- Top bar: back + counter + clear Prev/Next -->
<div class="toolbar"> <div class="result-toolbar">
<div class="toolbar-left"> <div class="rt-left">
<a class="btn btn-secondary" href="{% url 'search' %}">← Back to Search</a> <a class="btn btn-secondary" href="{% url 'search' %}">← Back to Search</a>
{% if count %} {% if count %}
<span class="toolbar-count">{{ position }} of {{ count }}</span> <span class="rt-count">{{ position }} of {{ count }}</span>
{% endif %} {% endif %}
</div> </div>
<div class="toolbar-right"> <div class="rt-right">
<form method="get" action="{% url 'nav_prev' %}" class="inline"> <form method="get" action="{% url 'nav_prev' %}" class="inline">
<input type="hidden" name="i" value="{{ position|add:'-2' }}"> <input type="hidden" name="i" value="{{ position|add:'-2' }}">
<button class="btn" {% if position <= 1 %}disabled{% endif %}> Prev</button> <button class="btn btn-lg" {% if position <= 1 %}disabled{% endif %}> Prev</button>
</form> </form>
<form method="get" action="{% url 'nav_next' %}" class="inline"> <form method="get" action="{% url 'nav_next' %}" class="inline">
<input type="hidden" name="i" value="{{ position|add:'0' }}"> <input type="hidden" name="i" value="{{ position|add:'0' }}">
<button class="btn" {% if position >= count %}disabled{% endif %}>Next </button> <button class="btn btn-lg btn-primary" {% if position >= count %}disabled{% endif %}>Next </button>
</form> </form>
{% if user.is_authenticated and user.is_staff %} {% if user.is_authenticated and user.is_staff %}
<a class="btn btn-primary" href="{% url 'entry_edit' entry.id %}">Unlock / Edit</a> <a class="btn btn-outline" href="{% url 'entry_edit' entry.id %}">Unlock / Edit</a>
<a class="btn btn-danger" href="{% url 'entry_delete' entry.id %}">Delete</a> <a class="btn btn-danger" href="{% url 'entry_delete' entry.id %}">Delete</a>
{% endif %} {% endif %}
</div> </div>
</div> </div>
<!-- Entry card --> <!-- Main card -->
<div class="card"> <div class="result-card">
<div class="card-header"> <!-- SUBJECT as the main title -->
<h1 class="card-title"> <h1 class="subject-title">
{% if entry.talk_title %}{{ entry.talk_title }}{% else %}Untitled{% endif %} {{ entry.subject|default:"(no subject)" }}
</h1> </h1>
<div class="meta">
{% if entry.talk_number %}<span class="chip">Talk #{{ entry.talk_number }}</span>{% endif %} <!-- ILLUSTRATION -->
{% if entry.entry_code %}<span class="chip chip-muted">Code: {{ entry.entry_code }}</span>{% endif %} <div class="section">
{% if entry.date_added %}<span class="chip chip-muted">Added: {{ entry.date_added }}</span>{% endif %} <div class="section-label">Illustration</div>
{% if entry.date_edited %}<span class="chip chip-muted">Edited: {{ entry.date_edited }}</span>{% endif %} <div class="section-body lead-text">
{{ entry.illustration|linebreaksbr|default:"—" }}
</div> </div>
</div> </div>
<div class="card-body grid-2"> <!-- APPLICATION -->
<div class="field"> <div class="section">
<div class="label">Subject</div> <div class="section-label">Application</div>
<div class="value"> <div class="section-body lead-text">
{% if subject_list %} {{ entry.application|linebreaksbr|default:"—" }}
{% for s in subject_list %}<span class="chip">{{ s }}</span>{% endfor %} </div>
{% else %} </div>
<span class="muted"></span>
{% endif %} <!-- Meta (smaller) -->
</div> <div class="meta-grid">
<div class="meta-item">
<div class="meta-label">Source</div>
<div class="meta-value">{{ entry.source|default:"—" }}</div>
</div> </div>
<div class="field"> <div class="meta-item">
<div class="label">Source</div> <div class="meta-label">Scripture</div>
<div class="value">{{ entry.source|default:"—" }}</div> <div class="meta-value">
</div>
<div class="field col-span-2">
<div class="label">Illustration</div>
<div class="value prose">{{ entry.illustration|linebreaksbr|default:"—" }}</div>
</div>
<div class="field col-span-2">
<div class="label">Application</div>
<div class="value prose">{{ entry.application|linebreaksbr|default:"—" }}</div>
</div>
<div class="field col-span-2">
<div class="label">Scripture</div>
<div class="value">
{% if scripture_list %} {% if scripture_list %}
{% for sc in scripture_list %}<span class="chip chip-link">{{ sc }}</span>{% endfor %} {% for sc in scripture_list %}
{% else %} <span class="chip chip-link">{{ sc }}</span>
<span class="muted"></span> {% endfor %}
{% endif %} {% else %}—{% endif %}
</div>
</div>
<div class="meta-item">
<div class="meta-label">Code</div>
<div class="meta-value">{{ entry.entry_code|default:"—" }}</div>
</div>
<div class="meta-item">
<div class="meta-label">Talk</div>
<div class="meta-value">
{% if entry.talk_title %}{{ entry.talk_title }}{% else %}—{% endif %}
{% if entry.talk_number %}<span class="chip chip-muted">#{{ entry.talk_number }}</span>{% endif %}
</div>
</div>
<div class="meta-item">
<div class="meta-label">Dates</div>
<div class="meta-value small">
{% if entry.date_added %}Added: {{ entry.date_added }}{% else %}Added: —{% endif %}
{% if entry.date_edited %} • Edited: {{ entry.date_edited }}{% endif %}
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- Bottom pager (mobile friendly) -->
<div class="pager">
<form method="get" action="{% url 'nav_prev' %}" class="inline">
<input type="hidden" name="i" value="{{ position|add:'-2' }}">
<button class="btn btn-wide" {% if position <= 1 %}disabled{% endif %}> Prev</button>
</form>
<div class="pager-spacer">{{ position }} / {{ count }}</div>
<form method="get" action="{% url 'nav_next' %}" class="inline">
<input type="hidden" name="i" value="{{ position|add:'0' }}">
<button class="btn btn-wide" {% if position >= count %}disabled{% endif %}>Next </button>
</form>
</div>
</div> </div>
{% endblock %} {% endblock %}