HexaWetter v1.2.0: Security, Admin, Radar, UI

frontend/index.html

@@ -73,7 +73,6 @@
         <button class="tab" data-view="warnings">Warnungen</button>
         <button class="tab" data-view="hourly">Stunden</button>
         <button class="tab" data-view="daily">7 Tage</button>
-        <button class="tab" data-view="raw">Rohdaten</button>
         <button class="tab" data-view="settings">Einstellungen</button>
       </nav>
 
@@ -92,10 +91,6 @@
           <div class="section-head"><h2>Kurzvorschau</h2><span class="muted">Nächste Stunden</span></div>
           <div class="hour-strip" id="hourStrip"></div>
         </section>
-        <section class="glass-card">
-          <div class="section-head"><h2>Datenquellen-Status</h2><span class="muted" id="sourceStatusSummary">Prüfe…</span></div>
-          <div class="source-status-grid" id="sourceStatusGrid"></div>
-        </section>
       </section>
 
       <section class="view" data-view="radar">
@@ -116,7 +111,6 @@
               <input id="radarSlider" type="range" min="0" max="0" value="0" />
             </div>
             <div class="timeline-meta">
-              <label class="inline-check"><input type="checkbox" id="useLocalRadar" /> Lokale Render-Frames</label>
               <label class="inline-check"><input type="checkbox" id="showWarningsOnMap" checked /> Warnungen</label>
               <span class="muted" id="radarFrameInfo"></span>
             </div>
@@ -144,8 +138,21 @@
 
       <section class="view" data-view="hourly">
         <section class="glass-card">
-          <div class="section-head"><h2>Stundenansicht</h2><span class="muted">48 Stunden</span></div>
-          <div class="table-wrap"><table><thead><tr><th>Zeit</th><th>Wetter</th><th>Temp.</th><th>Regen</th><th>Wolken</th><th>Wind</th><th>Böen</th></tr></thead><tbody id="hourlyTable"></tbody></table></div>
+          <div class="section-head">
+            <h2>Stundenansicht</h2>
+            <span class="muted">48 Stunden · Temperatur, Regen & Wind</span>
+          </div>
+          <div class="hourly-chart-wrap">
+            <canvas id="hourlyChart" aria-label="Stundenverlauf Temperatur, Regen und Wind"></canvas>
+          </div>
+          <div class="table-wrap">
+            <table>
+              <thead>
+                <tr><th>Zeit</th><th>Wetter</th><th>Temp.</th><th>Regen</th><th>Wolken</th><th>Wind</th><th>Böen</th></tr>
+              </thead>
+              <tbody id="hourlyTable"></tbody>
+            </table>
+          </div>
         </section>
       </section>
 
@@ -156,24 +163,6 @@
         </section>
       </section>
 
-      <section class="view" data-view="raw">
-        <section class="glass-card">
-          <div class="section-head">
-            <div><h2>Radar-Rohdaten</h2><p class="muted no-margin">DWD OpenData · lokaler Renderer</p></div>
-            <button id="syncRadarBtn" class="btn btn-secondary">Sync starten</button>
-          </div>
-          <div class="table-wrap"><table><thead><tr><th>Datei</th><th>Größe</th><th>Geändert</th><th>Download</th></tr></thead><tbody id="radarFiles"></tbody></table></div>
-        </section>
-        <section class="glass-card">
-          <div class="section-head"><h2>Gerenderte Frames</h2><span class="muted" id="renderedCount"></span></div>
-          <div class="rendered-grid" id="renderedFrames"></div>
-        </section>
-        <section class="glass-card">
-          <div class="section-head"><h2>Datenquellen</h2></div>
-          <div class="source-list" id="sourceList"></div>
-        </section>
-      </section>
-
       <section class="view" data-view="settings">
         <section class="glass-card">
           <h2>Einstellungen</h2>
@@ -213,6 +202,7 @@
   </footer>
 
   <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.7/dist/chart.umd.min.js"></script>
   <script src="app.js"></script>
 </body>
 </html>