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_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.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.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.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>' : '') + (schedule.special_music ? '<div class="meta-item"><span>🎼</span>Special Music: ' + escapeHtml(schedule.special_music) + '</div>' : '') +
'</div>' + '</div>' +
@ -981,10 +982,17 @@ function showCreateScheduleModal() {
<label for="specialMusic">Special Music</label> <label for="specialMusic">Special Music</label>
<input id="specialMusic" type="text" placeholder="e.g., Michelle Maitland"> <input id="specialMusic" type="text" placeholder="e.g., Michelle Maitland">
</div> </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> <div>
<label for="sermonSpeaker">Sermon Speaker</label> <label for="sermonSpeaker">Sermon Speaker</label>
<input id="sermonSpeaker" type="text" placeholder="e.g., Pastor Joseph Piresson"> <input id="sermonSpeaker" type="text" placeholder="e.g., Pastor Joseph Piresson">
</div> </div>
<div></div>
</div> </div>
</div> </div>
`; `;
@ -1014,6 +1022,7 @@ function createSchedule() {
scripture: document.getElementById('scripture').value || null, scripture: document.getElementById('scripture').value || null,
offering: document.getElementById('offering').value || null, offering: document.getElementById('offering').value || null,
special_music: document.getElementById('specialMusic').value || null, special_music: document.getElementById('specialMusic').value || null,
childrens_story: document.getElementById('childrensStory').value || null,
sermon_speaker: document.getElementById('sermonSpeaker').value || null sermon_speaker: document.getElementById('sermonSpeaker').value || null
}; };
@ -1112,10 +1121,17 @@ function showEditScheduleModal(schedule) {
<label for="editSpecialMusic">Special Music</label> <label for="editSpecialMusic">Special Music</label>
<input id="editSpecialMusic" type="text" value="${schedule.special_music || ''}"> <input id="editSpecialMusic" type="text" value="${schedule.special_music || ''}">
</div> </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> <div>
<label for="editSermonSpeaker">Sermon Speaker</label> <label for="editSermonSpeaker">Sermon Speaker</label>
<input id="editSermonSpeaker" type="text" value="${schedule.sermon_speaker || ''}"> <input id="editSermonSpeaker" type="text" value="${schedule.sermon_speaker || ''}">
</div> </div>
<div></div>
</div> </div>
</div> </div>
`; `;
@ -1145,6 +1161,7 @@ function saveScheduleEdit(scheduleId) {
scripture: document.getElementById('editScripture').value || null, scripture: document.getElementById('editScripture').value || null,
offering: document.getElementById('editOffering').value || null, offering: document.getElementById('editOffering').value || null,
special_music: document.getElementById('editSpecialMusic').value || null, special_music: document.getElementById('editSpecialMusic').value || null,
childrens_story: document.getElementById('editChildrensStory').value || null,
sermon_speaker: document.getElementById('editSermonSpeaker').value || null sermon_speaker: document.getElementById('editSermonSpeaker').value || null
}; };