From a4fc1ace1f1cfbea006b9d0e78ddc75e1d180940 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20H=C3=A4fliger?= <dh@belevo.ch>
Date: Wed, 18 Jun 2025 11:31:04 +0200
Subject: [PATCH] no message

---
 PV_Visu/module.html | 59 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 59 insertions(+)
 create mode 100644 PV_Visu/module.html
diff --git a/PV_Visu/module.html b/PV_Visu/module.html
new file mode 100644
index 0000000..1ef797c
--- /dev/null
+++ b/PV_Visu/module.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <style>
+        .bar-container {
+            width: 100%;
+            background: #eee;
+            border-radius: 4px;
+            overflow: hidden;
+            height: 18px;
+            margin-bottom: 8px;
+        }
+        .bar { height: 100%; float: left; }
+        .bar-cons  { background: #4CAF50; }
+        .bar-feed  { background: #8BC34A; }
+        .bar-pv    { background: #FF9800; }
+        .bar-grid  { background: #FF5722; }
+        .label {
+            font-size: 0.9em;
+            margin: 4px 0;
+        }
+    </style>
+</head>
+<body>
+    <div class="label" id="prodLabel"></div>
+    <div class="bar-container">
+        <div class="bar bar-cons" id="barCons"></div>
+        <div class="bar bar-feed" id="barFeed"></div>
+    </div>
+
+    <div class="label" id="consLabel"></div>
+    <div class="bar-container">
+        <div class="bar bar-pv"   id="barPV"></div>
+        <div class="bar bar-grid" id="barGrid"></div>
+    </div>
+
+    <script>
+        function Apply(data) {
+            document.getElementById('prodLabel').innerText =
+                "Produktion: " + data.value.prod + " kWh";
+            document.getElementById('barCons').style.width = data.prodCons + "%";
+            document.getElementById('barFeed').style.width = data.prodFeed + "%";
+
+            document.getElementById('consLabel').innerText =
+                "Verbrauch: " + data.value.cons + " kWh";
+            document.getElementById('barPV').style.width   = data.consPV + "%";
+            document.getElementById('barGrid').style.width = data.consGrid + "%";
+        }
+
+        function handleMessage(msg) {
+            if (msg) Apply(msg);
+        }
+
+        // Initial-Update anstoßen
+        requestAction('update', true);
+    </script>
+</body>
+</html>
\ No newline at end of file
