adminandClaude Opus 5
6b8556567b
Zusammenlegung
- Die sechs Endpunkte getConsData_/getProdData_{month,year,decade}.php sind
ajax/energyHistory.php?series=&range= gewichen, der gemeinsame Aufbau der
Chart-Daten steht in ajax/chartData.php. Die erzeugte SQL wurde gegen alle
sechs Originale abgeglichen.
- Die 13 Raeume der Home-Ansicht stehen nur noch in restricted/rooms.php.
home.php rendert die SVG-Kacheln daraus, homeMQTT.js bekommt dieselbe
Tabelle als JSON (346 -> 222 bzw. 428 -> 197 Zeilen).
- Gemeinsame JS-Helfer in js/solar/common.js; geteilte Bausteine fuer
Wetterkacheln, Chart-Skripte und das Formular der Ladesteuerung.
- Seitenvorlagen sind jetzt .php und werden eingebunden, statt per
file_get_contents zusammengesetzt zu werden.
Fehlerbehebungen
- ?action=weather fuehrte auf eine leere Seite, es gibt jetzt weather.php.
- homeMQTT.js griff auf ein #meteogram zu, das home.php nie hatte, und brach
damit den readystatechange-Handler ab.
- Die Heizungsseite abonnierte weatherStation/#, zeigte die Werte aber nie an.
Ladelast
- Chart.js, MQTT und Meteogramm werden nur noch auf den Seiten geladen, die
sie brauchen; die Seitentabelle dafuer steht in index.php.
- mqtt.js durch die minifizierte Fassung ersetzt (859 -> 359 KB). MQTT.js
5.14.1, byte-identisch mit dem signierten npm-Tarball.
- Rund 3,1 MB ungenutzte Vendor-Reste und AdminLTE-Demobilder entfernt.
- Solar 1796 -> 1240 KB, Home 1796 -> 873 KB, Historie 1796 -> 843 KB.
Speicher im Browser
- Chart.defaults.devicePixelRatio auf 1.5 gedeckelt. Die Zeichenpuffer der
Diagramme waren mit 20-45 MB der groesste Posten der Seite.
- Das Meteogramm-iframe laedt erst beim Hinscrollen.
Realtime-SVG
- Filterbereiche auf das noetige Mass verkleinert und den wirkungslosen
feOffset-Durchgang entfernt: 60 % weniger gerasterte Filterflaeche bei
pixelgleichem Ergebnis.
- Die Fluss-Animation laeuft ueber transform statt stroke-dashoffset, mit
Punkten statt Strichmuster; sie ruht, wo kein Fluss anliegt.
- Der Wertupdate schreibt nur noch bei echter Aenderung und benutzt
textContent statt innerHTML: 9 statt 86 Elemente pro Update, davon keines
mit Filter. describeArc rundet auf volle Grad.
- waterInfo auf scale(0.90) wie die uebrigen Info-Gruppen.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
75 lines
2.6 KiB
PHP
75 lines
2.6 KiB
PHP
<!--begin::Footer-->
|
|
<footer class="app-footer">
|
|
<!--begin::To the end-->
|
|
<div class="float-end d-none d-sm-inline">Free simple code</div>
|
|
<!--end::To the end-->
|
|
<!--begin::Copyright-->
|
|
<strong>
|
|
No © 2025 by
|
|
<a href="https://el-wa.org" class="text-decoration-none">m0</a>
|
|
</strong>
|
|
All rights don't care.
|
|
<!--end::Copyright-->
|
|
</footer>
|
|
<!--end::Footer-->
|
|
<div class="modal fade" id="modalEV" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1">
|
|
<div class="modal-dialog modal-dialog-centered">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h4 class="modal-title" id="modal-title">Charger settings:</h4>
|
|
<div class="card-tools" style="position: absolute; right: 10px;">
|
|
<button type="button" class="btn btn-tool" data-bs-dismiss="modal">
|
|
<i class="bi bi-x-lg"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="modal-body p-0 m-0 shadow" id="modal-body">
|
|
Loading...
|
|
</div>
|
|
<div class="modal-footer justify-content-between">
|
|
<button type="button" class="btn btn-default" data-bs-dismiss="modal">Close</button>
|
|
<button type="button" id="modalSaveBtn" class="btn btn-primary">Save changes</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="offcanvas offcanvas-top" tabindex="-1" id="offcanvas" data-bs-backdrop="static">
|
|
<div class="offcanvas-header">
|
|
<h5 class="offcanvas-title" id="offcanvas-title">Offcanvas with backdrop</h5>
|
|
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
|
|
</div>
|
|
<div class="offcanvas-body" id="offcanvas-body">
|
|
<p>.....</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!--end::App Wrapper-->
|
|
|
|
<!--begin::Script-->
|
|
<script src="js/popper.min.js" crossorigin="anonymous"></script>
|
|
<script src="js/bootstrap.min.js" crossorigin="anonymous"></script>
|
|
<script src="js/adminlte.min.js"></script>
|
|
<script src="js/modal-dynamic.min.js"></script>
|
|
<?php if ($page["mqtt"]): ?>
|
|
<!-- MQTT.js 5.14.1, dist/mqtt.min.js aus dem npm-Paket (368 KB statt 859 KB unminifiziert) -->
|
|
<script src="js/mqtt.min.js"></script>
|
|
<?php endif; ?>
|
|
<?php if ($page["meteogram"]): ?>
|
|
<script src="js/meteogram.js"></script>
|
|
<?php endif; ?>
|
|
<?php if ($page["charts"]): ?>
|
|
<?php include __DIR__ . "/charts.html"; ?>
|
|
<?php endif; ?>
|
|
<script src="js/solar/common.js?v=<?= filemtime("js/solar/common.js") ?>"></script>
|
|
<?php foreach ($page["scripts"] as $script): ?>
|
|
<script src="<?= $script ?>?v=<?= filemtime($script) ?>"></script>
|
|
<?php endforeach; ?>
|
|
<!--end::Script-->
|
|
|
|
</body>
|
|
<!--end::Body-->
|
|
|
|
</html>
|