lelo/bethaus-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add: rerender

Browse Source
This commit is contained in:
lelo 2025-12-19 09:47:47 +00:00
parent 1c71ea60a8
commit c4ba71aadc
1 changed files with 22 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
templates/calendar_section.html
View File

@ -183,14 +183,15 @@
} }
} }
(function renderInitialCalendarRange() { function buildCalendarStructure(force = false) {
const daysContainer = document.getElementById('calendar-days'); const daysContainer = document.getElementById('calendar-days');
if (!daysContainer || daysContainer.childElementCount > 0) return; if (!daysContainer || (daysContainer.childElementCount > 0 && !force)) return;
const isAdmin = typeof admin_enabled !== 'undefined' && admin_enabled; const isAdmin = typeof admin_enabled !== 'undefined' && admin_enabled;
const calendarColSpan = 3; const calendarColSpan = 3;
window._calendarColSpan = calendarColSpan; window._calendarColSpan = calendarColSpan;
window._calendarIsAdmin = isAdmin; window._calendarIsAdmin = isAdmin;
daysContainer.innerHTML = '';
const formatDayName = new Intl.DateTimeFormat('de-DE', { weekday: 'long' }); const formatDayName = new Intl.DateTimeFormat('de-DE', { weekday: 'long' });
const formatDate = new Intl.DateTimeFormat('de-DE', { day: '2-digit', month: '2-digit', year: 'numeric' }); const formatDate = new Intl.DateTimeFormat('de-DE', { day: '2-digit', month: '2-digit', year: 'numeric' });
@ -248,7 +249,7 @@
daysContainer.appendChild(dayBlock); daysContainer.appendChild(dayBlock);
} }
})(); }
function resetDayBlock(block) { function resetDayBlock(block) {
const tbody = block.querySelector('.calendar-entries-list'); const tbody = block.querySelector('.calendar-entries-list');
@ -542,6 +543,24 @@
} }
let calendarHasLoaded = false; let calendarHasLoaded = false;
buildCalendarStructure();
let lastViewportIsDesktop = isDesktopView();
let resizeDebounce;
const handleViewportChange = () => {
const nowDesktop = isDesktopView();
if (nowDesktop === lastViewportIsDesktop) return;
lastViewportIsDesktop = nowDesktop;
buildCalendarStructure(true);
if (calendarHasLoaded) {
loadCalendarEntries();
}
};
window.addEventListener('resize', () => {
if (resizeDebounce) clearTimeout(resizeDebounce);
resizeDebounce = setTimeout(handleViewportChange, 150);
});
const setRecurrenceMode = (isEditing) => { const setRecurrenceMode = (isEditing) => {
if (!recurrenceRow) return; if (!recurrenceRow) return;
recurrenceRow.style.display = isEditing ? 'none' : ''; recurrenceRow.style.display = isEditing ? 'none' : '';