Add children's story field to admin panel schedule forms

Added missing children's story field to both create and edit forms in the schedule management section. This field was already supported in JSON imports but was missing from the manual entry forms.
This commit is contained in:
Benjamin Slingo 2025-08-28 20:39:23 -04:00
parent ccdddc76a9
commit 7f711f7fbe

View file

@ -744,6 +744,7 @@ function renderSchedules(schedules) {
(schedule.ss_teacher ? '<div class="meta-item"><span>📚</span>SS Teacher: ' + escapeHtml(schedule.ss_teacher) + '</div>' : '') +
(schedule.ss_leader ? '<div class="meta-item"><span>👨‍🏫</span>SS Leader: ' + escapeHtml(schedule.ss_leader) + '</div>' : '') +
(schedule.scripture ? '<div class="meta-item"><span>📖</span>Scripture: ' + escapeHtml(schedule.scripture) + '</div>' : '') +
(schedule.childrens_story ? '<div class="meta-item"><span>👶</span>Children\'s Story: ' + escapeHtml(schedule.childrens_story) + '</div>' : '') +
(schedule.sermon_speaker ? '<div class="meta-item"><span>🎙️</span>Speaker: ' + escapeHtml(schedule.sermon_speaker) + '</div>' : '') +
(schedule.special_music ? '<div class="meta-item"><span>🎼</span>Special Music: ' + escapeHtml(schedule.special_music) + '</div>' : '') +
'</div>' +
@ -981,10 +982,17 @@ function showCreateScheduleModal() {
<label for="specialMusic">Special Music</label>
<input id="specialMusic" type="text" placeholder="e.g., Michelle Maitland">
</div>
<div>
<label for="childrensStory">Children's Story</label>
<input id="childrensStory" type="text" placeholder="e.g., Sarah Johnson">
</div>
</div>
<div class="form-grid cols-2">
<div>
<label for="sermonSpeaker">Sermon Speaker</label>
<input id="sermonSpeaker" type="text" placeholder="e.g., Pastor Joseph Piresson">
</div>
<div></div>
</div>
</div>
`;
@ -1014,6 +1022,7 @@ function createSchedule() {
scripture: document.getElementById('scripture').value || null,
offering: document.getElementById('offering').value || null,
special_music: document.getElementById('specialMusic').value || null,
childrens_story: document.getElementById('childrensStory').value || null,
sermon_speaker: document.getElementById('sermonSpeaker').value || null
};
@ -1112,10 +1121,17 @@ function showEditScheduleModal(schedule) {
<label for="editSpecialMusic">Special Music</label>
<input id="editSpecialMusic" type="text" value="${schedule.special_music || ''}">
</div>
<div>
<label for="editChildrensStory">Children's Story</label>
<input id="editChildrensStory" type="text" value="${schedule.childrens_story || ''}">
</div>
</div>
<div class="form-grid cols-2">
<div>
<label for="editSermonSpeaker">Sermon Speaker</label>
<input id="editSermonSpeaker" type="text" value="${schedule.sermon_speaker || ''}">
</div>
<div></div>
</div>
</div>
`;
@ -1145,6 +1161,7 @@ function saveScheduleEdit(scheduleId) {
scripture: document.getElementById('editScripture').value || null,
offering: document.getElementById('editOffering').value || null,
special_music: document.getElementById('editSpecialMusic').value || null,
childrens_story: document.getElementById('editChildrensStory').value || null,
sermon_speaker: document.getElementById('editSermonSpeaker').value || null
};