Benutzer-Werkzeuge

Webseiten-Werkzeuge


ha:raderbroich:logik:dashboard

Dashboard und Custom Cards

← Übersicht

Stand: 01.10.2026 (mit Home Assistant abgeglichen).

Dashboards

Titel URL-Pfad Modus Bemerkung
Home /dashboard-test Storage (UI) Haupt-Dashboard; der Pfad heißt aus historischen Gründen „dashboard-test“
LCARS /dashboard-lcars Storage (UI) Alle 16 Ansichten wie „Home“, im LCARS-Theme („LCARS Default“, Kopfzeilen lcars_header mit Code RB-01 … RB-09, Überschriften lcars_heading). Seit 01.10.2026 auch TV-Programm (RB-08) und Müll (RB-09)
Karte /map Storage Standard-Kartenansicht

Wichtig: Die beiden Dashboards sind getrennte Kopien. Änderungen an Karten (z. B. Senderliste TV-Programm, Schadstoffmobil-Termine) immer in beiden machen.

Ansichten von „Home“

16 Ansichten, Typ sections. „Unterseite“ = Subview, nicht in der Tab-Leiste, erreichbar über eine Kachel und mit Zurück-Pfeil. Reihenfolge in LCARS gleich.

Nr. Titel Pfad Art Inhalt
0 Main – Tab Alarm-Statuskachel + Buttons Scharf / Unscharf / Hülle, Thermostate der 4 Räume, Heizkreis-Anzeigen, Urlaubsmodus Heizung
1 Übersicht ubersicht Tab Statuskacheln, Störungsprotokoll, System Monitor
2 Müll muell Tab Abfuhrtermine der 4 Tonnen, Schadstoffmobil, Kalender
3 Offene Türen tueren Unterseite von Übersicht Balkon links, Balkon rechts, Wohnungstüre
4 Batterien schwach batterien Unterseite von Übersicht Batteriestatus aller Homematic-Geräte (inkl. Rauchmelder)
5 Rauchmelder rauchmelder Unterseite von Übersicht Tabelle aller Rauchwarnmelder
6 Steckdosen steckdosen Unterseite von Übersicht Dose tv, Dose FRITZ!Box mit Schalter
7 Server server Unterseite von Übersicht Erreichbarkeit der Server (Ping-Integration)
8 Kamera kamera Tab Livebild, PTZ-Steuerung, Home-Position, PTZ-Schritte, Clip-Aufnahme, Galerie, Testmodus, Kamera-Stromversorgung
9 Netzwerk netzwerk Tab Internet, WLAN, FRITZ!Box
10 Netzwerk-Details netzwerk-details Unterseite von Netzwerk IP-Adressen, Leitung, Datenmengen, FRITZ!Box-Zustand
11 Geräte im Netz netzwerk-geraete Unterseite von Netzwerk aktuell verbundene Geräte
12 Multimedia multimedia Tab Yamaha-Receiver Wohnzimmer (Radio)
13 TV-Programm tv-programm Tab EPG-Zeitleiste mit 79 Sendern (custom:tv-timeline-card) – seit 01.10.2026
14 NAS ns Tab Synology DS920+ (nasnbruch) und USV APC ES 700G
15 Proxmox proxmox Tab Server pve, VMs/Container, Speicher

In „Home“ haben die Tabs (außer Main, Unterseiten, TV-Programm und Multimedia) eine blaue Kopfzeile (button-card) mit „Hallo <Benutzer>“ und „Raderbroich · <Ansicht>“; bei Proxmox mit Server-Symbol statt Haus.

Alarm-Kachel (Ansicht Main)

  • Zeigt input_select.alarmstatus. Symbol und Farbe: Scharf = rot, Unscharf = grün, Hüllenschutz = orange, Ausgelöst = dunkelrot blinkend.
  • Während input_boolean.alarm_vorgang_laeuft an ist: „Wird geschaltet …“ (gelb).
  • Ist input_text.alarm_letzter_fehler gefüllt: Fehlertext in Rot.
  • Die drei Buttons rufen script.alarm_schalten_scharf_hulle_unscharf mit ziel = Scharf / Unscharf / Hüllenschutz auf.

Übersicht

  • Status – fünf Kacheln, Antippen öffnet die Unterseite:

^ Kachel ^ Sensor ^ Unterseite ^

Offene Türen sensor.offene_turen tueren
Batterien schwach sensor.batterien_schwach batterien
Steckdosen an sensor.steckdosen_an steckdosen
Server offline sensor.server_nicht_erreichbar server
Rauchmelder Störung sensor.rauchmelder_storung rauchmelder – Kachel in „Home“ seit 01.10.2026 (vorher nur in LCARS)

* Störungsprotokoll – todo-list auf todo.storungsprotokoll (ohne Eingabefeld, erledigte Einträge sichtbar). Abhaken = zur Kenntnis nehmen, siehe Automationen.

  • System Monitor (nur „Home“) – Kacheln für RAM-Auslastung, belegter/freier RAM, Betriebszeit, Prozessornutzung und CPU-Engpass der HA-VM (Integration System Monitor).

Müll

In „Home“ und (seit 01.10.2026) in „LCARS“ mit gleichem Inhalt; in LCARS mit Kopfzeile „Entsorgung“ (RB-09) und LCARS-Überschriften.

  • Tonnen – vier custom:button-card für sensor.muell_restmulltonne, sensor.muell_biotonne, sensor.muell_papiertonne, sensor.muell_gelbe_tonne. Der Sensorwert ist die Anzahl Tage bis zur Abholung; das Datum wird aus dem ersten Attribut im Format JJJJ-MM-TT gelesen.
  • Anzeige: „Heute“ / „Morgen“ / „in n Tagen“ · Wochentag, Datum; ohne Termin „kein Termin“.
  • Ist die Abholung heute oder morgen, wird die Kachel in der Tonnenfarbe gefüllt (Restmüll grau #546E7A, Bio braun #6D4C41, Papier blau #1565C0, Gelb #F9A825), sonst nur das Symbol eingefärbt.
  • Schadstoffmobil – Markdown-Karte mit fest eingetragener Terminliste (Stadt Korschenbroich, Schadstoffsammlung 2026; derzeit Termine 10.10., 30.10., 14.11., 19.12.2026). Vergangene Halte werden ausgeblendet, der nächste Halt in Raderbroich steht oben, Raderbroich-Zeilen sind fett.
    • Pflege: Sind alle Termine vorbei, erscheint „Keine weiteren Termine hinterlegt – bitte neue Termine der Stadt eintragen.“ Dann die Liste stopps im Markdown der Karte um die Termine 2027 ergänzen (Format [Datum, von, bis, Ortsteil, Standort]) – in beiden Dashboards.
  • Kalender – Kalenderkarte (Listenansicht Woche) mit calendar.muellabfuhr und calendar.schadstoffmobil.
  • Die Erinnerung am Vorabend ist eine Automation, siehe Automationen → Müll.

Rauchmelder (Unterseite)

  • Erreichbar über die Kachel „Rauchmelder Störung“ in der Übersicht (in „Home“ und „LCARS“).
  • Markdown-Karte, die alle Homematic-Geräte vom Typ HmIP-SWSD-2 mit Entität …_rauch automatisch findet – neue Rauchmelder erscheinen ohne Anpassung.
  • Bei Rauch steht oben groß „🔥 RAUCHALARM: <Raum>“.
  • Darunter: Anzahl mit Alarm oder Störung (aus sensor.rauchmelder_storung) und Tabelle je Melder: Ampel (🔴 Rauch, 🟠 Störung/Batterie/Messkammer/nicht erreichbar, 🟢 ok), Raum, Rauch, Messkammer (…_kammer_degradiert → „verschmutzt – tauschen“), Batterie (…_batteriestand), Status seit.

Server (Unterseite)

  • Kacheln „Server hinzufügen“ (startet die Einrichtung einer neuen Ping-Integration) und „Server verwalten“ (öffnet die Ping-Integration).
  • Markdown-Tabelle aller binary_sensor der Ping-Integration: Ampel, Name, Adresse (Titel des Integrationseintrags), durchschnittliche Ping-Zeit, Status seit. Nicht erreichbare Server stehen oben.
  • Neue Ping-Einträge erscheinen automatisch; sensor.server_nicht_erreichbar zählt die ausgefallenen.

Kamera-Ansicht

  • Livebild: picture-entity mit camera.ko_wohnzimmer_hochauflosung, camera_view: live.
  • Pfeile → script.reolink_ptz_schritt; „Home“ → button.ko_wohnzimmer_gehe_zu_startposition; „Home speichern“ (mit Sicherheitsabfrage).
  • Galerie: custom:camera-gallery-card auf media-source://media_source/local/reolink.
  • Kachel „Kamera-Dose Testmodus“ – seit 26.09.2026 mit Sicherheitsabfrage: Antippen → „Kamera-Dose Testmodus wirklich umschalten?“ bestätigen. Gedrückt halten öffnet die Details. (Gilt auch im LCARS-Dashboard.)

Netzwerk

Alle Werte kommen aus der Integration FRITZ!Box Tools (FRITZ!Box 6591 Cable).

  • Internet: Verbindung (binary_sensor.fritz_box_6591_cable_verbindung), Online seit, Download- und Upload-Durchsatz, Verlauf Durchsatz 24 h.
  • WLAN: Schalter 2,4 GHz, 5 GHz und Gäste-WLAN (Antippen schaltet direkt um, ohne Rückfrage). Bei eingeschaltetem Gäste-WLAN erscheint der QR-Code zum Verbinden (image.fritz_box_6591_cable_fritzbox_gastzugang).
  • FRITZ!Box:
    • „Neu starten“ (Rückfrage: Internet und WLAN ca. 3 Minuten weg) und „Neu verbinden“ (Rückfrage: externe IP kann sich ändern).
    • Kachel „FRITZ!OS-Update verfügbar“ – nur sichtbar, wenn ein Update vorliegt.
    • „Details“ → Unterseite netzwerk-details, „Geräte im Netz“ → Unterseite netzwerk-geraete.

Netzwerk-Details (Unterseite)

  • Anschluss: externe IPv4 und IPv6, maximale Leitungsgeschwindigkeit Down/Up, empfangene und gesendete Datenmenge (GB).
  • FRITZ!Box: läuft seit, CPU-Temperatur, FRITZ!OS-Version/Update, Schalter der Automation „Nächtlicher Neustart 0:15“ (automation.system_fritz_box_taglich_neu_starten – hier kann man den nächtlichen Neustart abschalten).

Geräte im Netz (Unterseite)

  • entity-filter über eine feste Liste von 33 device_tracker-Entitäten der FRITZ!Box (iPhones, iPads, MacBooks, iMac, NAS, Proxmox, HA, Drucker Epson, Receiver RX-A550, Switch TL-SG608E, Repeater RE655 und mehrere unbenannte Geräte pc_…). Angezeigt werden nur Geräte mit Zustand home („Aktuell verbunden“).
  • Neue Geräte erscheinen nicht automatisch – die Entität muss in der Karte ergänzt werden.

Multimedia

Yamaha-Receiver RX-A550 im Wohnzimmer (media_player.wohnzimmer_yamaha_radio_rx_a550_d05e10, Integration Yamaha MusicCast):

  • Mediensteuerung (media-control) mit Titel/Sender.
  • Knöpfe „Net Radio Sender“ und „Receiver-Favoriten“ öffnen den Medienbrowser direkt im passenden Verzeichnis.
  • Kachel Receiver mit Ein/Aus, Zurück/Play-Pause/Weiter, Lautstärke (Regler und ±-Tasten in 2er-Schritten), Quellenauswahl (Net Radio, Spotify, AirPlay, Bluetooth, Tuner, Server, USB, HDMI1–4, AUX) und Klangprogramm.
  • Kacheln Sleep-Timer, Enhancer, Bass, Höhen.

TV-Programm-Ansicht

  • Ansicht vom Typ sections, max_columns: 1, Symbol mdi:television-guide, eine Karte über die volle Breite.
  • Karte custom:tv-timeline-card mit title: TV-Programm und hours: 4 (Zeitfenster 4 Stunden).
  • LCARS: gleiche Ansicht (Pfad tv-programm, zwischen Multimedia und NAS) mit Kopfzeile „Programmführer“ (RB-08) und Überschrift lcars_heading. Die Senderliste ist eine eigene Kopie.
  • 79 Sender in vier Gruppen (die Gruppen erscheinen als Filter-Knöpfe):
Gruppe Anzahl Sender
Öffentlich-rechtlich 18 Das Erste, ZDF, WDR, NDR, BR, HR, MDR, RBB, SWR, 3sat, arte, ZDFneo, ZDFinfo, ONE, KiKA, ARD alpha, tagesschau24, phoenix
Privat 24 RTL, SAT.1, ProSieben, VOX, kabel eins, RTLZWEI, SUPER RTL, NITRO, RTLup, VOXup, sixx, SAT.1 Gold, ProSieben MAXX, kabel eins Doku, DMAX, TLC, TELE 5, Comedy Central, Disney Channel, TOGGO plus, Nick, Welt der Wunder, DELUXE MUSIC, Bibel TV
Nachrichten & Sport 5 ntv, WELT, N24 Doku, SPORT1, Eurosport 1
Premium 32 Syfy, 13th Street, Universal TV, Warner TV Serie/Film/Comedy, RTL Crime/Passion/Living, SAT.1 emotions, kabel eins CLASSICS, ProSieben Fun, AXN Black/White, Romance TV, Heimatkanal, Kinowelt TV, GEO Television, National Geographic, Nat Geo Wild, Discovery, Animal Planet, Crime + Investigation, SPIEGEL Geschichte, Cartoon Network, Nick Jr., Nicktoons, Fix & Foxi, Motorvision TV, SPORT1+, Eurosport 2, MTV

Jeder Sender ist in der Kartenkonfiguration ein Eintrag mit vier Feldern:

- group: Öffentlich-rechtlich   # Filtergruppe
  id: "76674"                   # Kanal-ID bei epg.pw
  name: Das Erste               # Anzeigename (wenn kein Logo)
  logo: das-erste-de            # Dateiname ohne .png im Repo tv-logo/tv-logos, Ordner countries/germany

Sender hinzufügen oder entfernen: Dashboard „Home“ und „LCARS“ → Ansicht TV-Programm → Bearbeiten → Karte im Code-Editor ändern. Die Kanal-ID steht auf epg.pw in der Adresse der Senderseite, der Logo-Name im GitHub-Repo tv-logo/tv-logos. Die Reihenfolge in der Liste ist die Reihenfolge in der Anzeige.

NAS-Ansicht

Gleicher Aufbau in „Home“ und „LCARS“ (Pfad ns).

Spalte Synology DS920+:

  • Überschrift mit Badge binary_sensor.nasnbruch_sicherheitsstatus („Sicher“ / „Unsicher“).
  • „⚠️ Bitte prüfen“ (entity-filter): Volume 1–6 und Platte 1–4, nur Einträge mit Status ungleich normal.
  • „⚠️ Warnung“ (entity-filter): Sektor- und Restlebensdauer-Warnungen der Platten 1–4 sowie Sicherheitsstatus, nur Einträge mit Zustand on.
  • Beide Filterkarten haben show_empty: false (seit 27.09.2026): Ist alles in Ordnung, sind sie komplett ausgeblendet. Vorher standen sie leer mit Titel da und sahen wie Fehlermeldungen aus.
  • Kachel „DSM-Update verfügbar“ – nur sichtbar, wenn update.nasnbruch_dsm_update = on.
  • Glance-Zeilen: Temperatur, CPU, RAM, Down/Up; Belegung Volume 1–6; Temperatur Platte 1–4.
  • Buttons Neustart und Aus (button.nasnbruch_neu_starten / button.nasnbruch_herunterfahren), jeweils mit Sicherheitsabfrage.

Spalte USV APC ES 700G:

  • Überschrift mit Badge sensor.ups_status.
  • Kacheln „Stromausfall – USV auf Batterie“ und „Akku tauschen“ – nur sichtbar, wenn der jeweilige Sensor on ist.
  • Glance-Zeilen: Akku, Laufzeit, Last, Netzspannung; Akkualter, Akkuspannung, letzter Ausfall, Anzahl Ausfälle.

Proxmox

Daten aus der Integration Proxmox VE (proxmoxve), Server pve.

  • Server pve: Überschrift mit Status-Badge (binary_sensor.tools_pve_status); Glance mit Status, Laufzeit, CPU, RAM, Belegung und freier Platz von local und local-lvm; Verlauf CPU/RAM 24 h.
  • Kachel „pve neu starten“ (button.tools_pve_neu_starten) mit deutlicher Rückfrage – startet den ganzen Server neu, HA ist dann kurz offline.
  • VMs & Container: custom:auto-entities baut per Template für jedes Proxmox-Gerät vom Modell VM oder Container eine Karte (button-card-Vorlage pve_gast) mit Status, Typ, VM-ID, CPU, RAM, Laufzeit; sortiert nach VM-ID. Antippen öffnet die Geräteseite mit Start/Stopp/Neustart/Snapshot. Neue VMs/Container erscheinen automatisch.
  • Speicher: ebenso für Geräte vom Modell Storage (Vorlage pve_speicher) mit Aktiv-Status, belegt/gesamt und Prozent; Kennzeichnung „Netzwerk“ (in Proxmox als geteilt markiert, z. B. NFS) oder „lokal“.
  • Die button-card-Vorlagen pve_gast und pve_speicher stehen in der Dashboard-Konfiguration unter button_card_templates.

Ressourcen (Custom Cards, CSS)

Ressource Typ Herkunft Verwendet in
/hacsfiles/button-card/button-card.js Modul HACS Kopfzeilen, Müll, Proxmox, LCARS
/hacsfiles/camera-gallery-card/camera-gallery-card.js Modul HACS Kamera
/hacsfiles/lovelace-auto-entities/auto-entities.js Modul HACS Proxmox
/hacsfiles/lovelace-card-mod/card-mod.js Modul HACS Feinanpassungen (LCARS)
/hacsfiles/cb-lcars/cb-lcars.js Modul HACS LCARS-Dashboard
/lcards/lcards.js Modul Integration LCARdS (2026.09.0) LCARS-Dashboard
/browser_mod.js Modul Integration browser_mod (3.2.3), automatisch eingetragen –
Google Fonts „Antonio“ CSS extern LCARS-Schrift
hmip-urlaub-card Modul, inline gespeichert selbst geschrieben Main
tv-timeline-card Modul, inline gespeichert (ca. 13 KB) selbst geschrieben, seit 01.10.2026 TV-Programm (Home und LCARS)
Theme-CSS CSS, inline selbst geschrieben: Spaltenabstände, blaue Titelleiste (#0D47A1), gelbe Auswahlleiste (#FFC107) alle

hmip-urlaub-card (eigene Karte)

  • Liest alle 5 Minuten (und bei Änderung der Heizgruppe Wohnzimmer) den Urlaubs-/Abwesenheitsstatus direkt aus den Diagnosedaten der Homematic-Integration (/api/diagnostics/config_entry/<entry_id>, Pfad home.functionalHomes.INDOOR_CLIMATE).
  • Zeigt: Urlaubsmodus aus / geplant / aktiv / abgelaufen bzw. Eco-Modus, mit Start, Ende, Restzeit und Absenktemperatur.
  • Buttons: „Urlaubsmodus jetzt starten“ → script.heizung_urlaub_aktivieren, „Urlaubsmodus beenden“ → script.heizung_urlaub_beenden (jeweils mit Rückfrage).
  • Konfiguration im Dashboard: entry_id: 01M34MB3ZA7G3HN373XTDNB3CT, refresh_minutes: 5.
  • Einschränkung: Diagnosedaten sind nur für Admin-Benutzer lesbar. Für Nicht-Admins zeigt die Karte „HTTP 403 (nur Admin-Benutzer)“.
  • Wird die Homematic-Integration neu eingerichtet, ändert sich die entry_id → in der Karte anpassen.

tv-timeline-card (eigene Karte, EPG)

Elektronischer Programmführer als horizontale Zeitleiste: links die Sender (Logo, sonst Name), rechts die Sendungen als Blöcke. Gespeichert als Inline-Ressource (Einstellungen → Dashboards → ⋮ → Ressourcen); im Kartenauswahl-Dialog erscheint sie als „TV-Timeline“.

Konfiguration:

Option Pflicht Standard Bedeutung
channels ja – Liste der Sender (group, id, name, logo) – ohne Liste meldet die Karte „channels fehlt“
title nein TV-Programm Überschrift
hours nein 4 Länge des angezeigten Zeitfensters in Stunden

Datenquelle und Laden:

  • Programmdaten von epg.pw: je Sender ein Abruf https://epg.pw/api/epg.json?channel_id=<id> (Feld epg_list mit Titel, Beschreibung, Startzeit).
  • Logos von jsDelivr aus dem GitHub-Repo tv-logo/tv-logos (…/countries/germany/<logo>.png). Fehlt ein Logo, wird stattdessen der Sendername angezeigt.
  • Der Abruf geschieht im Browser bzw. in der App des Betrachters, nicht in Home Assistant. HA speichert keine Programmdaten, es gibt keine Entitäten, Helfer oder Automationen dazu.
  • Laden mit 8 parallelen Abrufen; die Anzeige wird nach jeweils 8 geladenen Sendern aufgefrischt („lädt …“ → Sendungen).
  • Neu laden der Daten: stündlich, solange die Ansicht offen ist. Neu zeichnen (rote Jetzt-Linie, laufende Sendung): jede Minute.
  • Endzeit einer Sendung = Beginn der nächsten; für die letzte Sendung eines Senders wird 1 Stunde angenommen.
  • Kann kein einziger Sender geladen werden: Hinweis „Programmdaten konnten nicht geladen werden.“; einzelne fehlende Sender zeigen „keine Daten“.

Bedienung:

  • Knopf „Jetzt“: Zeitfenster ab der aktuellen halben Stunde. Knopf „20:15“: Zeitfenster ab 20:15 Uhr des heutigen Tages bis 00:15 (Hauptabendprogramm; Zeitachse 20:15, 20:45, 21:15 …). Bis 01.10.2026 begann es um 20:00.
  • Gruppen-Knöpfe: Alle / Öffentlich-rechtlich / Privat / Nachrichten & Sport / Premium.
  • Laufende Sendungen sind farbig hinterlegt, die rote senkrechte Linie zeigt die aktuelle Uhrzeit.
  • Waagerecht wischen/scrollen; die Senderspalte bleibt stehen. 1 Stunde = 240 Pixel.

Detail-Overlay (seit 01.10.2026; vorher erschienen die Details als Kasten oben über der Zeitleiste):

  • Sendung antippen → Overlay in der Bildschirmmitte über abgedunkeltem Hintergrund. Die angetippte Sendung bleibt in der Zeitleiste umrandet.
  • Inhalt: Senderlogo und -name, Datum (nur wenn nicht heute: „Morgen“ bzw. Wochentag), Uhrzeit von–bis und Dauer, Titel, Status und Beschreibung (oder „Keine Beschreibung vorhanden.“).
  • Status: LÄUFT mit „noch n Min.“ und Fortschrittsbalken; „beginnt in n Min.“ (unter 1 Stunde) bzw. „beginnt um hh:mm Uhr“; „bereits gelaufen“. Wird jede Minute aktualisiert, solange das Overlay offen ist.
  • Schließen: Knopf ✕ oben rechts, Tippen auf den dunklen Hintergrund oder Taste Esc.
  • Technik: HTML-Element <dialog> mit showModal() – liegt über allem (auch über HA-Seitenleiste und Kopfzeile), übernimmt aber die Farben des Themes (in LCARS also LCARS-Farben). Breite max. 520 px, auf dem Handy Bildschirmbreite minus 32 px; lange Beschreibungen scrollen im Overlay (max. 60 % der Bildschirmhöhe).

Aktualisieren nach Änderungen an der Karte: Browser/App zeigen die neue Version erst nach Neuladen ohne Cache (Browser: Strg+Umschalt+R; iPhone-App: Einstellungen → „Frontend-Cache zurücksetzen“).

Hinweise:

  • Funktioniert nur, wenn das Gerät Internet hat und epg.pw erreichbar ist. epg.pw ist ein kostenloser Fremddienst ohne Zusage – fällt er aus oder ändert die Schnittstelle, bleibt die Karte leer.
  • epg.pw und jsDelivr sehen die IP-Adresse des Geräts, das die Ansicht öffnet.
ha/raderbroich/logik/dashboard.txt · Zuletzt geändert: von nbadm

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki