From a5c87247f96aa55b7bfadd80572e1737295e93c6 Mon Sep 17 00:00:00 2001 From: Wolfgang Hottgenroth Date: Tue, 4 Nov 2025 19:45:13 +0100 Subject: [PATCH] dynamic dashboard seems to work --- apps/ui/templates/dashboard.html | 586 +++++++++++++++++++++++++++---- config/devices.yaml | 1 + 2 files changed, 515 insertions(+), 72 deletions(-) diff --git a/apps/ui/templates/dashboard.html b/apps/ui/templates/dashboard.html index c5d3cbd..d01db1e 100644 --- a/apps/ui/templates/dashboard.html +++ b/apps/ui/templates/dashboard.html @@ -3,109 +3,551 @@ - Home Automation Dashboard - + Home Automation +

🏠 Home Automation

+

Realtime Status: Verbinde...

- -
- {% if rooms %} - {% for room in rooms %} -
-

{{ room.name }}

- -
- {% for device in room.devices %} -
-
-
{{ device.icon }}
-
-

{{ device.title }}

-

{{ device.device_id }}

-
+ + {% if rooms %} + {% for room in rooms %} +
+

{{ room.name }}

+ +
+ {% for device in room.devices %} +
+
+
{{ device.icon }} {{ device.title }}
+
+ {% if device.type == "light" %} + Light + {% if device.features.brightness %}• Dimmbar{% endif %} + {% else %} + {{ device.type or "Unknown" }} + {% endif %}
+
{{ device.device_id }}
+
+ +
+ Status: + off + {% if device.features.brightness %} +
+ Helligkeit: + 50% + {% endif %} +
+ + {% if device.type == "light" and device.features.power %} +
+ -
- — -
- - {% if device.type == "light" and device.features.power %} -
- - + {% if device.features.brightness %} +
+ +
{% endif %}
- {% endfor %} + {% endif %}
-
- {% endfor %} - {% else %} -
-

Keine Räume oder Geräte konfiguriert.

-

PrĂĽfe config/layout.yaml und das API-Gateway.

+ {% endfor %}
- {% endif %} -
- -
-

Home Automation System v0.1.0

-
+ + {% endfor %} + {% else %} +
+

Keine Räume oder Geräte konfiguriert.

+

PrĂĽfe config/layout.yaml und das API-Gateway.

+
+ {% endif %} + +
+

📡 Realtime Events

+
+

Warte auf Events...

+
+
- + diff --git a/config/devices.yaml b/config/devices.yaml index 9ffb8fb..e6f5fec 100644 --- a/config/devices.yaml +++ b/config/devices.yaml @@ -38,6 +38,7 @@ devices: technology: zigbee2mqtt features: power: true + brightness: true topics: set: "vendor/test_lampe_3/set" state: "vendor/test_lampe_3/state"