diff --git a/Energy_Pie/module.html b/Energy_Pie/module.html index 57233b6..22756ff 100644 --- a/Energy_Pie/module.html +++ b/Energy_Pie/module.html @@ -6,7 +6,7 @@ Zeitraum @@ -18,7 +18,7 @@ - + @@ -152,13 +152,13 @@ donutCard({ title: 'EVQ', percent: clamp01(evq / 100) * 100, - subtitle: 'Eigenverbrauch / Produktion', + subtitle: 'Eigenverb. / Produktion', color: '#63B3FF' // blau }), donutCard({ title: 'Autarkiegrad', percent: clamp01(autark / 100) * 100, - subtitle: 'Eigenverbrauch / Verbrauch', + subtitle: 'Eigenverb / Verbrauch', color: '#A855F7' // lila }) ].join(''); @@ -194,6 +194,22 @@ render(data.values || {}, { hasData: data.hasData }); }; - // initial anstoßen - setTimeout(() => requestAction('Refresh', 1), 200); +function requestRefreshSoon() { + setTimeout(() => requestAction('Refresh', 1), 150); +} + +// 1) beim Start +requestRefreshSoon(); + +// 2) wenn das Tile neu sichtbar wird (z.B. nach Maximieren) +document.addEventListener('visibilitychange', () => { + if (!document.hidden) requestRefreshSoon(); +}); + +// 3) bei Größenänderung (Maximieren/Responsive) +let rsTimer = null; +window.addEventListener('resize', () => { + clearTimeout(rsTimer); + rsTimer = setTimeout(() => requestAction('Refresh', 1), 200); +});