no message

Energy_Pie/module.html

@@ -8,6 +8,7 @@
         <option value="day">Tag</option>
         <option value="week">Woche</option>
         <option value="month">Monat</option>
+        <option value="year">Jahr</option>
         <option value="total">Gesamt</option>
       </select>
     </label>
@@ -153,6 +154,34 @@
     const mi = String(d.getMinutes()).padStart(2,'0');
     return `${dd}.${mm}.${yyyy} ${hh}:${mi}`;
   }
+
+
+    function fmtDay(d) {
+    const dd = String(d.getDate()).padStart(2,'0');
+    const mm = String(d.getMonth() + 1).padStart(2,'0');
+    const yyyy = d.getFullYear();
+    return `${dd}.${mm}.${yyyy}`;
+    }
+
+    function monthNameDe(m) {
+    return ['Jan','Feb','Mär','Apr','Mai','Jun','Jul','Aug','Sep','Okt','Nov','Dez'][m] || '';
+    }
+
+    // ISO Woche + ISO Jahr (wichtig: ISO-Jahr kann am Jahresrand abweichen)
+    function getISOWeekYear(date) {
+    const d = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()));
+    // Donnerstag bestimmt ISO-Jahr
+    d.setUTCDate(d.getUTCDate() + 4 - (d.getUTCDay() || 7));
+    const isoYear = d.getUTCFullYear();
+    const yearStart = new Date(Date.UTC(isoYear, 0, 1));
+    const weekNo = Math.ceil((((d - yearStart) / 86400000) + 1) / 7);
+    return { week: weekNo, year: isoYear };
+    }
+
+
+
+
+
   function showErr(e) {
     const msg = (e && e.message) ? e.message : String(e);
     elErr.textContent = 'JS-Fehler: ' + msg;
@@ -242,13 +271,24 @@ return `
     elDate.disabled = isTotal;
 
     if (data?.tStart && data?.tEnd) {
-      const s = new Date(data.tStart * 1000);
-      const e = new Date(data.tEnd   * 1000);
-      elPeriod.textContent = isTotal
-        ? 'Zeitraum: Gesamt'
-        : `Zeitraum: ${fmtDateTime(s)} – ${fmtDateTime(e)}`;
+    const s = new Date(data.tStart * 1000);
+
+    if (data.range === 'total') {
+        elPeriod.textContent = 'Zeitraum: Gesamt';
+    } else if (data.range === 'day') {
+        elPeriod.textContent = `Zeitraum: ${fmtDay(s)}`;
+    } else if (data.range === 'month') {
+        elPeriod.textContent = `Zeitraum: ${monthNameDe(s.getMonth())} ${s.getFullYear()}`;
+    } else if (data.range === 'week') {
+        const iso = getISOWeekYear(s);
+        elPeriod.textContent = `Zeitraum: Woche ${iso.week} ${iso.year}`;
+    } else if (data.range === 'year') {
+        elPeriod.textContent = `Zeitraum: ${s.getFullYear()}`;
     } else {
-      elPeriod.textContent = '';
+        elPeriod.textContent = '';
+    }
+    } else {
+    elPeriod.textContent = '';
     }