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:
@@ -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();
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
Reference in New Issue
Block a user