Scarriffle/Calendarr
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix: Termin-Änderungen (Farbe, Titel, etc.) sofort ohne Reload anzeigen

Browse Source 
Nach dem Speichern eines Termins wird das gecachte Event-Objekt
direkt in-place gepatcht und die View neu gerendert. Vorher war die
neue Farbe erst nach F5 sichtbar, weil zwar fetchAndRender(true)
aufgerufen wurde, aber der Render-Pfad das Update nicht zuverlässig
übernommen hat.
This commit is contained in:
Scarriffle
2026-04-29 20:22:34 +02:00
parent e99f91dcf3
commit 8d95dd0b97
1 changed files with 20 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/js/calendar.js
View File

@@ -146,6 +146,19 @@ function applyCalendarColor(source, calId, color) {
renderView(); renderView();
} }
// Patch a single event in cache after edit/save, then re-render immediately.
// 'patch' is the new field values to merge into the existing cached event.
function applyEventPatch(eventId, eventUrl, patch) {
const targetUrl = eventUrl || '';
eventCache.events.forEach(ev => {
if (ev.id === eventId && (ev.url || '') === targetUrl) {
Object.assign(ev, patch);
}
});
state.events = eventCache.events;
renderView();
}
// Fire-and-forget: extend the cache toward whichever edge the view is approaching // Fire-and-forget: extend the cache toward whichever edge the view is approaching
function prefetchIfNeeded(viewStart, viewEnd) { function prefetchIfNeeded(viewStart, viewEnd) {
if (!eventCache.start || !eventCache.end) return; if (!eventCache.start || !eventCache.end) return;
@@ -1443,6 +1456,13 @@ function bindEventModal() {
{ title, start, end, allDay, location: loc, description: desc, color: color || null, rrule: rrule || '' } { title, start, end, allDay, location: loc, description: desc, color: color || null, rrule: rrule || '' }
); );
} }
// Patch the cached event in-place so the UI reflects changes immediately
applyEventPatch(ev.id, ev.url, {
title, start, end, allDay,
location: loc, description: desc,
color: color || null,
rrule: rrule || null,
});
showToast(t('event_updated')); showToast(t('event_updated'));
} else if (isGoogle) { } else if (isGoogle) {
const calDbId = parseInt(calVal.replace('google-', '')); const calDbId = parseInt(calVal.replace('google-', ''));