Update web/templates/entry_edit.html
This commit is contained in:
@@ -1,104 +1,137 @@
|
|||||||
{% extends "base.html" %}
|
{% extends "base.html" %}
|
||||||
{% block body_class %}themed-bg{% endblock %}
|
|
||||||
{% load static %}
|
{% load static %}
|
||||||
|
{% block title %}Edit Entry #{{ entry.id }} - Illustrations DB{% endblock %}
|
||||||
|
{% block body_class %}themed-bg{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="page">
|
<div class="container">
|
||||||
<!-- Top bar -->
|
<h1 class="page-title">Edit Illustration</h1>
|
||||||
<div class="result-toolbar">
|
<p class="page-subtitle">
|
||||||
<div class="rt-left">
|
Update the details below. Subjects should be comma‑separated; keep scriptures in standard abbreviations.
|
||||||
<a class="btn btn-secondary" href="{% url 'entry_view' entry.id %}">← Back to Entry</a>
|
</p>
|
||||||
<span class="rt-count">Editing: #{{ entry.id }}</span>
|
|
||||||
</div>
|
|
||||||
<div class="rt-right">
|
|
||||||
<a class="btn" href="{% url 'entry_view' entry.id %}">Cancel</a>
|
|
||||||
<button form="entry-edit-form" class="btn btn-primary">Save</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Card -->
|
<form id="entry-edit-form" method="post" class="search-form card">
|
||||||
<div class="card entry-form modern-form">
|
|
||||||
<form id="entry-edit-form" method="post">
|
|
||||||
{% csrf_token %}
|
{% csrf_token %}
|
||||||
|
|
||||||
<div class="f-grid">
|
<div class="form-grid">
|
||||||
<div class="f-row">
|
<div class="form-row">
|
||||||
<div class="f-label">Subject</div>
|
<label>Subject</label>
|
||||||
<div class="f-control">
|
|
||||||
{{ form.subject }}
|
{{ form.subject }}
|
||||||
</div>
|
{% if form.subject.errors %}<div class="err">{{ form.subject.errors|striptags }}</div>{% endif %}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="f-row tall">
|
<div class="form-row">
|
||||||
<div class="f-label">Illustration</div>
|
<label>Illustration</label>
|
||||||
<div class="f-control">
|
|
||||||
{{ form.illustration }}
|
{{ form.illustration }}
|
||||||
</div>
|
{% if form.illustration.errors %}<div class="err">{{ form.illustration.errors|striptags }}</div>{% endif %}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="f-row tall">
|
<div class="form-row">
|
||||||
<div class="f-label">Application</div>
|
<label>Application</label>
|
||||||
<div class="f-control">
|
|
||||||
{{ form.application }}
|
{{ form.application }}
|
||||||
</div>
|
{% if form.application.errors %}<div class="err">{{ form.application.errors|striptags }}</div>{% endif %}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="f-row">
|
<div class="form-row two">
|
||||||
<div class="f-label">Scripture</div>
|
<div>
|
||||||
<div class="f-control">
|
<label>Scripture</label>
|
||||||
{{ form.scripture_raw }}
|
{{ form.scripture_raw }}
|
||||||
|
{% if form.scripture_raw.errors %}<div class="err">{{ form.scripture_raw.errors|striptags }}</div>{% endif %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div>
|
||||||
|
<label>Source</label>
|
||||||
<div class="f-row">
|
|
||||||
<div class="f-label">Source</div>
|
|
||||||
<div class="f-control">
|
|
||||||
{{ form.source }}
|
{{ form.source }}
|
||||||
|
{% if form.source.errors %}<div class="err">{{ form.source.errors|striptags }}</div>{% endif %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="f-row">
|
<div class="form-row two">
|
||||||
<div class="f-label">Talk Title</div>
|
<div>
|
||||||
<div class="f-control">
|
<label>Talk Title</label>
|
||||||
{{ form.talk_title }}
|
{{ form.talk_title }}
|
||||||
|
{% if form.talk_title.errors %}<div class="err">{{ form.talk_title.errors|striptags }}</div>{% endif %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div>
|
||||||
|
<label>Talk Number</label>
|
||||||
<div class="f-row">
|
|
||||||
<div class="f-label">Talk Number</div>
|
|
||||||
<div class="f-control">
|
|
||||||
{{ form.talk_number }}
|
{{ form.talk_number }}
|
||||||
|
{% if form.talk_number.errors %}<div class="err">{{ form.talk_number.errors|striptags }}</div>{% endif %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="f-row">
|
<div class="form-row two">
|
||||||
<div class="f-label">Entry Code</div>
|
<div>
|
||||||
<div class="f-control">
|
<label>Code</label>
|
||||||
{{ form.entry_code }}
|
{{ form.entry_code }}
|
||||||
|
{% if form.entry_code.errors %}<div class="err">{{ form.entry_code.errors|striptags }}</div>{% endif %}
|
||||||
</div>
|
</div>
|
||||||
|
<div>
|
||||||
|
<label>Dates</label>
|
||||||
|
<div class="two">
|
||||||
|
{{ form.date_added }} {{ form.date_edited }}
|
||||||
</div>
|
</div>
|
||||||
|
{% if form.date_added.errors %}<div class="err">{{ form.date_added.errors|striptags }}</div>{% endif %}
|
||||||
<div class="f-row">
|
{% if form.date_edited.errors %}<div class="err">{{ form.date_edited.errors|striptags }}</div>{% endif %}
|
||||||
<div class="f-label">Date Added</div>
|
|
||||||
<div class="f-control">
|
|
||||||
{{ form.date_added }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="f-row">
|
|
||||||
<div class="f-label">Date Edited</div>
|
|
||||||
<div class="f-control">
|
|
||||||
{{ form.date_edited }}
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- bottom actions (hidden by CSS if you prefer only the top bar) -->
|
<div class="result-toolbar" style="margin-top:18px;">
|
||||||
<div class="form-actions bottom-actions">
|
<div class="rt-left">
|
||||||
|
<a class="btn" href="{% url 'entry_view' entry.id %}">← Back to Entry</a>
|
||||||
|
</div>
|
||||||
|
<div class="rt-right">
|
||||||
<a class="btn btn-secondary" href="{% url 'entry_view' entry.id %}">Cancel</a>
|
<a class="btn btn-secondary" href="{% url 'entry_view' entry.id %}">Cancel</a>
|
||||||
<button class="btn btn-primary">Save</button>
|
<button class="btn btn-primary" type="submit">Save</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- Same talk-title autofill behavior as entry_add -->
|
||||||
|
<script>
|
||||||
|
(function () {
|
||||||
|
const talksUrl = "{% static 'talks.json' %}";
|
||||||
|
|
||||||
|
function wireAutofill(talkMap) {
|
||||||
|
const numberEl = document.getElementById("id_talk_number");
|
||||||
|
const titleEl = document.getElementById("id_talk_title");
|
||||||
|
if (!numberEl || !titleEl) return;
|
||||||
|
|
||||||
|
let userTyped = false;
|
||||||
|
titleEl.addEventListener("input", () => {
|
||||||
|
userTyped = titleEl.value.trim().length > 0;
|
||||||
|
if (!userTyped) titleEl.dataset.autofilled = "0";
|
||||||
|
});
|
||||||
|
|
||||||
|
function maybeAutofill() {
|
||||||
|
const n = numberEl.value;
|
||||||
|
const mapped = talkMap && talkMap[n] ? talkMap[n] : "";
|
||||||
|
if (!userTyped) {
|
||||||
|
if (mapped) {
|
||||||
|
titleEl.value = mapped;
|
||||||
|
titleEl.dataset.autofilled = "1";
|
||||||
|
} else if (titleEl.dataset.autofilled === "1") {
|
||||||
|
titleEl.value = "";
|
||||||
|
titleEl.dataset.autofilled = "0";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
numberEl.addEventListener("change", maybeAutofill);
|
||||||
|
|
||||||
|
// Initial fill: if empty, we allow autofill; if not, respect user content.
|
||||||
|
if (titleEl.value.trim() === "") {
|
||||||
|
userTyped = false;
|
||||||
|
maybeAutofill();
|
||||||
|
} else {
|
||||||
|
userTyped = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
fetch(talksUrl, {cache: "no-store"})
|
||||||
|
.then(r => r.ok ? r.json() : {})
|
||||||
|
.then(map => wireAutofill(map))
|
||||||
|
.catch(() => wireAutofill({}));
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
Reference in New Issue
Block a user