feat(pwa): Offline-Banner in App-Shell, reminders.css lazy geladen

Zeigt automatisch wenn navigator.onLine === false.
Blendet sich aus sobald Verbindung wiederhergestellt.
reminders.css aus globalem <link> entfernt (wird lazy geladen).
This commit is contained in:
Ulas Kalayci
2026-04-27 22:24:42 +02:00
parent d0adde29c4
commit 048e31e933
18 changed files with 123 additions and 16 deletions
+14
View File
@@ -541,6 +541,20 @@ function renderAppShell(container) {
initMoreSheet(container);
initNavHideOnScroll(container);
initSearch(container);
initOfflineBanner();
}
function initOfflineBanner() {
const banner = document.getElementById('offline-banner');
if (!banner) return;
const i18nSpan = banner.querySelector('[data-i18n]');
function update() {
banner.hidden = navigator.onLine;
if (i18nSpan) i18nSpan.textContent = t('offline.banner');
}
window.addEventListener('online', update);
window.addEventListener('offline', update);
update();
}
/**