Version von testing eingefügt, scroll liste entfernt undkleine Bugsbehoben
This commit is contained in:
+14
-15
@@ -37,14 +37,12 @@
|
||||
</div>
|
||||
|
||||
<style>
|
||||
@media (max-width:720px){
|
||||
#grid{grid-template-columns:1fr}
|
||||
}
|
||||
|
||||
#wrap{
|
||||
position:relative;
|
||||
overflow:hidden;
|
||||
min-height:100vh;
|
||||
overscroll-behavior:none;
|
||||
touch-action:none;
|
||||
box-sizing:border-box;
|
||||
background:#121216;
|
||||
}
|
||||
|
||||
@@ -126,13 +124,13 @@ function render(data){
|
||||
const e = new Date(data.tEnd * 1000 - 1000);
|
||||
|
||||
if (data.range === 'day')
|
||||
elPeriod.textContent = `Zeitraum: ${fmt(s)}`;
|
||||
elPeriod.textContent = `Tag: ${fmt(s)}`;
|
||||
else if (data.range === 'week')
|
||||
elPeriod.textContent = `Zeitraum: Woche ${isoWeek(s)}`;
|
||||
elPeriod.textContent = `Woche: ${fmt(s)} - ${fmt(e)}`;
|
||||
else if (data.range === 'month')
|
||||
elPeriod.textContent = `Zeitraum: ${monthName(s.getMonth())} ${s.getFullYear()}`;
|
||||
elPeriod.textContent = `Monat: ${monthName(s.getMonth())} ${s.getFullYear()}`;
|
||||
else if (data.range === 'year')
|
||||
elPeriod.textContent = `Zeitraum: ${s.getFullYear()}`;
|
||||
elPeriod.textContent = `Jahr: ${s.getFullYear()}`;
|
||||
else
|
||||
elPeriod.textContent = ''; // fallback: lieber leer als falsch
|
||||
} else {
|
||||
@@ -141,7 +139,7 @@ function render(data){
|
||||
|
||||
// Keine Daten
|
||||
if(data.hasData === false){
|
||||
elHint.innerHTML = `<b>Letzter Zeitpunkt</b> <span style="opacity:.7">(Keine Werte für diesen Zeitraum)</span>`;
|
||||
elHint.innerHTML = `<b>${data.noDataHint || 'Keine Werte'}</b> <span style="opacity:.7">(Keine Werte für diesen Zeitraum)</span>`;
|
||||
elGrid.innerHTML = '';
|
||||
return;
|
||||
}
|
||||
@@ -162,7 +160,9 @@ function render(data){
|
||||
|
||||
return `
|
||||
<div style="text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;">
|
||||
<div style="font-weight:900">${t}</div>
|
||||
<div style="font-weight:800;margin-bottom:-6px;font-size:15px;">
|
||||
${t}
|
||||
</div>
|
||||
|
||||
<div style="position:relative;width:160px;height:160px;">
|
||||
<svg width="160" height="160" viewBox="0 0 160 160">
|
||||
@@ -191,10 +191,9 @@ function render(data){
|
||||
`;
|
||||
};
|
||||
|
||||
const prod = v.Produktion || 0;
|
||||
const cons = v.Hausverbrauch || 0;
|
||||
const grid = v.Netz || 0;
|
||||
const feed = v.Einspeisung || 0;
|
||||
const prod = Number(v.Produktion) || 0;
|
||||
const cons = Number(v.Hausverbrauch) || 0;
|
||||
const grid = Number(v.Netz) || 0;
|
||||
const eigen = Math.max(cons - grid, 0);
|
||||
|
||||
elGrid.innerHTML =
|
||||
|
||||
Reference in New Issue
Block a user