In diesem Sammel-Post findest du alle meine Dashboards (auch komplett dynamische) fĂŒr Home Assistant, die sogar meiner Frau gefallen und du einfach kopieren, nachbauen & anpassen kannst â
Inhaltsverzeichnis
Dynamische Dashboard-Strategy (fĂŒr AnfĂ€nger empfohlen)
Als alternative zum Dynamischen Dashboard zum nachbauen (100% WAF & dynamisch)! hier noch meine ganz eigene, neue und relativ unkomplizierte simon42-Strategy.
Eine Strategy ist eine Home Assistant Standard-Möglichkeit, um Dynamische Dashboards zu erstellen und diese fĂŒr beispielsweise dich đ«” zur VerfĂŒgung zu stellen.
Der Vorteil? Du musst keine 7 HACS-Komponenten installieren oder alles kompliziert nachbauen! In circa 2-5 Minuten bist du fertig, das Dashboard lĂ€uft und du kannst es grafisch konfigurieren đ
Das alles habe ich auch ausfĂŒhrlich hier in diesem Video erklĂ€rt:
Installation
Schritt 1: Download
Keine Sorge! Beide Varianten sind miteinander kompatibel, dein (eventuell bereits eingerichtetes) startegy Dashboard funktioniert also mit beiden Varianten.
Falls du die simon42-strategy bereits manuell installiert hast und auf HACS umstellen willst, hier die Hinweis zur Migration:
- Manuell kopierte Dateien im Ordner
wwwlöschen (alles inklusive des Ordners simon42-strategy kann weg) - Ressource in Home Assistant unter
Einstellungen -> Dashboardswieder entfernen (sollte der loader im www Verzeichnis sein) - Home Assistant neu starten
- Dashboard wird hier kurz nicht funktionieren, falls du schon eins hast
- HACS-Repo ĂŒber den Button oben đ hinzufĂŒgen
- Home Assistant neu starten
- Browser cache leeren đ
- Dashboard lĂ€uft wieder und du kannst dir wieder neue mit der Strategy anlegen đ
Schritt 2: Cache leeren
Bitte ĂŒberspringe diesen Schritt nicht, sonst hast du gelegentlich ganz komische Dashboard-Ansichten. Leere am besten den Cache von deinem Browser (Verlauf, Kennwörter usw. kannst du lassen).
Du kannst einfach danach googeln, wie das genau geht. Auf Windows/MacOS funktioniert in den meisten Browsern diese TastenkĂŒrzel:
- Chrome/Edge (Windows):
Strg + Shift + Entf - Firefox (Windows):
Strg + Shift + Entf - Chrome (MacOS):
Cmd + Shift + Backspace - Safari (MacOS):
Cmd + Option + E(wenn Entwicklerwerkzeuge an sind)
Timestamp: https://youtu.be/Bc1dQFP1HNM?si=hZsoRw0N71QtMI6B&t=466
Schritt 3: Dashboard erstellen und Code einfĂŒgen
strategy: type: custom:simon42-dashboard
Timestamp: https://youtu.be/Bc1dQFP1HNM?si=CBbdC4aWU3W-pBVX&t=492
Schritt 4: Es gibt keinen Schritt 4
Aber noch ein kurzer Hinweis: Viele hĂ€tten vermutlich fĂŒr Code, Testing und eine „Strategy“ dieses Umfangs einen Preis verlangt. FĂŒr die Erstellung habe ich mich mehrere Wochen intensiv mit verschiedenen Dashboard-Konzepten, Skripting & Möglichkeiten beschĂ€ftigt…
Ich bin ein Fan von freien Informationen, daher habe ich mich dagegen entschieden, wĂŒrde mich aber auch ĂŒber UnterstĂŒtzung freuen, wenn du es dir leisten kannst.
Falls sich das nach einer Option fĂŒr dich anhört, kannst du gerne mal hier vorbeischauen:
- https://youtube.com/@simon42/join (bevorzugt đ«¶)
- Oder https://www.buymeacoffee.com/simon42official
Besten Dank im Voraus đ
Schritt 1: Download
DownloadSchritt 2: In Config-Ordner kopieren
Zum Kopieren des im heruntergeladenen Zip-Archivs enthaltenen Ordner simon42-strategy wĂŒrde ich dir das Addon VSCode empfehlen. Danach kannst du es wieder deaktivieren, da es ziemlich ressourcenhunrig ist.
Timestamp: https://youtu.be/Bc1dQFP1HNM?si=2VZN1tLEXZgYhtmx&t=358
Schritt 3: Ressource laden
Timestamp: https://youtu.be/Bc1dQFP1HNM?si=Al_s9j9-Uf7FAfSJ&t=445
Schritt 4: Cache leeren
Bitte ĂŒberspringe diesen Schritt nicht, sonst hast du gelegentlich ganz komische Dashboard-Ansichten. Leere am besten den Cache von deinem Browser, danach kannst du einfach googeln wie das genau geht. Auf Windows funktioniert in den meisten Browsern das TastenkĂŒrzel:
- Chrome/Edge:
Strg + Shift + Entf - Firefox:
Strg + Shift + Entf - Safari:
Cmd + Alt + E
Timestamp: https://youtu.be/Bc1dQFP1HNM?si=hZsoRw0N71QtMI6B&t=466
Schritt 5: Dashboard erstellen und Code einfĂŒgen
strategy: type: custom:simon42-dashboard
Timestamp: https://youtu.be/Bc1dQFP1HNM?si=CBbdC4aWU3W-pBVX&t=492
Benutzung
Konfiguration
Kann ĂŒber das Zahnrad geöffnet werden
In der Konfiguration kannst du:
- Energiedashboard ausblenden
- Alarm-EntitÀt zur anzeige neben der Uhr feslegen
- Favoriten auswÀhlen (werden in neuem Bereich angezeigt)
- Such-Karte unter der Uhr einblenden (falls installiert)
- Zusammenfassungs-Layout Àndern
- Unteransichten (die Views) anzeigen
- Bereiche in Etagen gliedern (fĂŒr viele Bereiche praktisch)
- Bereiche oder darin enthaltene EntitÀten ausblenden
- Achtung: Unsichtbar schalten meist sinnvoller!
- Bereiche sortieren, also die Anzeigereihenfolge Àndern
EntitÀten unsichtbar schalten
Wenn du die EntitĂ€ten generell nicht ĂŒber das Dashboard steuern bzw. sehen willst, dann nutze bitte das Sichtbar-Attribut von Home Assistant an der EntitĂ€t.
Das kannst du auch fĂŒr mehrere EntitĂ€ten gleichzeitig machen
Gilt natĂŒrlich fĂŒr alles im Dashboard, also Batterien die du vielleicht nicht ĂŒberwachen willst wie die Batterie deiner Smartphones, doppelte Schalter, Garagentore, usw.
EntitÀten Dashboard-spezifisch ausblenden
Falls du beispielsweise 2 automatisch generierte Dashboards nutzt und EntitĂ€ten in einem verstecken willst, im anderen aber sehen möchtest, kannst du dafĂŒr die Konfiguration nutzen, da diese individuell fĂŒr jedes einzelne Dashboard ist
FAQ
Ordner www existiert nicht
Falls dem so sein sollte, kannst du den Ordner einfach anlegen (Rechtsklick in VS-Code) đ
Wie bekomme ich den Hintergrund?
Ăber die HACS-Komponente iOS Themes – Dark Mode and Light Mode
In allen Templates & Popups wird vorausgesetzt, dass deine EntitÀten den richtigen Typ aufweisen.
EntitÀten-Typ Àndern
Falls das bei dir nicht der Fall sein sollte, und es beispielsweise als Schalter oder Cover angezeigt wird, kannst du das ĂŒber die UI Ă€ndern:
Template-Code fĂŒr beispielsweise Locks
Alternativ könnte man in anderen fÀllen auch folgenden Template-Code in der Configuration.yaml nutzen:
template:
####################
###### Covers ######
####################
- cover:
- name: Garagentor 1.OG
unique_id: "garagentor1og"
state: "{{ is_state('lock.garage_door_opener_1og', 'unlocked') }}"
device_class: garage
open_cover:
- condition: state
entity_id: lock.garage_door_opener_1og
state: "locked"
- action: lock.unlock
target:
entity_id: lock.garage_door_opener_1og
close_cover:
- condition: state
entity_id: lock.garage_door_opener_1og
state: "unlocked"
- action: lock.lock
target:
entity_id: lock.garage_door_opener_1og
stop_cover:
- action: lock.unlock
data:
entity_id: lock.garage_door_opener_1og
- delay: 2
- action: lock.lock
data:
entity_id: lock.garage_door_opener_1og
Template-Code fĂŒr „Switch“ mit Fenstersensor
Falls du ggf. eine Aktor (garagentor_2_og_taster) mit einem Fensterkontakt (garagentor_2_og_torsensor_contact) am Garagentor nutzt, geht das beispielsweise so:
cover:
- platform: template
covers:
garage_door:
device_class: garage
friendly_name: "Garagentor 2.OG"
unique_id: "garagentor2og"
value_template: "{{ is_state('binary_sensor.garagentor_2_og_torsensor_contact', 'on') }}"
open_cover:
- service: lock.unlock
data:
entity_id: lock.garagentor_2_og_taster
- delay: 2
- service: lock.lock
data:
entity_id: lock.garagentor_2_og_taster
close_cover:
- service: lock.unlock
data:
entity_id: lock.garagentor_2_og_taster
- delay: 2
- service: lock.lock
data:
entity_id: lock.garagentor_2_og_taster
stop_cover:
- service: lock.unlock
data:
entity_id: lock.garagentor_2_og_taster
- delay: 2
- service: lock.lock
data:
entity_id: lock.garagentor_2_og_taster
icon_template: >-
{% if states('binary_sensor.garagentor_2_og_torsensor_contact') == "on" %}
mdi:garage-open
{% else %}
mdi:garage
{% endif %}
Dynamisches Dashboard zum nachbauen (100% WAF & dynamisch)!
Hier zeige ich dir mein neues, komplett dynamisches Dashboard fĂŒr Home Assistant, dass sogar meiner Frau gefĂ€llt und du einfach kopieren, nachbauen & anpassen kannst â
Diese Ansicht basiert auf einigen HACS-Komponenten die es erlauben, zumindest teile automatisch zu generieren damit du nicht bei jeder Ă€nderung an GerĂ€ten sofort auch dein Dashboard bearbeiten musst. AuĂerdem ist es noch statisch genug, damit du eigene Anpassungen vornehmen kannst!
Voraussetzungen & Infos
FĂŒr wen ist dieses Dashboard?
Das Dashboard richtet sich an alle, die schon etwas lĂ€nger bei Home Assistant mit dabei sind und ein gröĂeres Smarthome mit einigen GerĂ€ten/EntitĂ€ten haben.
Wenn du ganz neu dabei sein solltest oder keine Lust hast, circa 20-45 Minuten zu investieren, wĂŒrde ich dir erstmal eines der Auto-Generierend Dashboards wie auch meines oben empfehlen.
HACS
Du brauchst HACS, ohne geht es nicht
0.1 Genutzte Komponenten / Karten / Themes
Hier eine Auflistung aller Komponenten, die du brauchen wirst. Es sind zwar einige, aber es wird sich auch lohnen:
| URL | Karte | Beschreibung |
|---|---|---|
| https://github.com/basnijholt/lovelace-ios-themes | iOS Themes Optik des Dashboards | Eine HA-Version aka iOS-Darkmode! So sieht dein Dashboard genauso aus wie im Video. |
| https://github.com/postlund/search-card | Search Cardcustom:search-card | FĂŒgt eine Suchleiste zu deinem Dashboard hinzu, mit der du schnell EntitĂ€ten, Bereiche und mehr finden kannst. |
| https://github.com/thomasloven/lovelace-card-tools | card-tools | Voraussetzung fĂŒr die Search Card đ |
| https://github.com/pkissling/clock-weather-card | Clock Weather Cardcustom:clock-weather-card | Eine schicke Karte, die Uhrzeit, Datum und eine iOS-Ă€hnliche Wettervorhersage kombiniert. |
| https://github.com/rejuvenate/lovelace-horizon-card | Horizon Card | Visualisiert den Lauf der Sonne und des Mondes ĂŒber den Horizont im Tagesverlauf. Perfekt, um Sonnenaufgang, Sonnenuntergang und die aktuelle Mondphase darzustellen. |
| https://github.com/Clooos/Bubble-Card | Bubble Cardcustom:bubble-card | Eine vielseitige und minimalistische Karten-Sammlung, die fĂŒr Buttons, Pop-ups, Separatoren und vieles mehr verwendet wird, um ein modernes, „sprudelndes“ Design zu erzeugen. |
| https://github.com/thomasloven/lovelace-auto-entities | auto-entitiescustom:auto-entities | Eine extrem nĂŒtzliche Karte, die automatisch Listen von EntitĂ€ten basierend auf Filtern (wie z.B. „alle Lichter, die an sind“) generiert. |
Nach allen Karten könnt ihr auch in HACS suchen, sollten alle standardmĂ€Ăig vorhandne sein.
AnschlieĂend nicht den neustart von Home Assistant vergessen đ
0.2 Labels
Wir brauchen noch 2 Labels um die Anzeige von Elementen zumindest ein bisschen manuell steuern zu können:
| Label | Beschreibung |
|---|---|
| show-dboard | Zeigt EntitĂ€ten vom Typ Switch in Raum-Karte mit an, wenn du dieses Label einer Switch-EntitĂ€t zuweisen. Beispielsweise praktisch fĂŒr Schalter oder auch Helfer, die in der Raum-Karte unter sonstiges mit angezeigt werden sollen. Ich habe die Domain „switch“ standardmĂ€Ăig nicht inkludiert, da das hĂ€ufig so viele unrelevante/interne EntitĂ€ten von GerĂ€ten sind, dass es so mehr Sinn gemacht hat. |
| no-dboard | Exkludiert die EntitĂ€t aus den Auto-Entity Auflistungen und den Templates fĂŒr das Dashboard. |
0.3 Helfer
0.3.1 Fenster und TĂŒren
Hierbei handelt es sich einfach um eine BinÀrsensor-Gruppe:
0.3.2 Hausmodus
Auch wenn er noch keine Funktion hat, habe ich noch einen Helfer „Hausmodus“ angelegt um ĂŒber diesen und ggf. 1-2 Automationen das Haus bzw. Verhaltensweisen von Automationen zukĂŒnftig steuern zu können. Vielleicht ja auch fĂŒr den ein oder anderen interessant
Code fĂŒr das Dashboard đïž
1. Erforderliche Templates
Ein Paar Templates brauchen wir leider. Eigentlich wollte ich die euch als Blueprint Bereitstellen, aber da man die nicht grafisch importieren kann, macht es das nur komplizierter đ
Wie auch immer, hier der Code, den du einfach ĂŒber die UI, wenn du einen neuen Template-Helfer anlegst, eingeben kannst:
Achte darauf, die gleichen Namen zu nutzen wie ich, damit die Templates die gleiche ID bekommen đ
Offene Rollos
{% set exclude = label_entities('no-dboard') %}
{{ states.cover
| selectattr('attributes.device_class', 'eq', 'shutter')
| selectattr('state', 'eq', 'open')
| rejectattr('entity_id','in', exclude)
| list | count }}
Offene Garagen
{% set exclude = label_entities('no-dboard') %}
{{ states.cover
| selectattr('attributes.device_class', 'eq', 'garage')
| selectattr('state', 'eq', 'open')
| rejectattr('entity_id','in', exclude)
| list | count }}
In allen Templates & Popups wird vorausgesetzt, dass deine EntitÀten den richtigen Typ aufweisen.
EntitÀten-Typ Àndern
Falls das bei dir nicht der Fall sein sollte, und es beispielsweise als Schalter oder Cover angezeigt wird, kannst du das ĂŒber die UI Ă€ndern:
Template-Code fĂŒr beispielsweise Locks
Alternativ könnte man in anderen fÀllen auch folgenden Template-Code in der Configuration.yaml nutzen:
template:
####################
###### Covers ######
####################
- cover:
- name: Garagentor 1.OG
unique_id: "garagentor1og"
state: "{{ is_state('lock.garage_door_opener_1og', 'unlocked') }}"
device_class: garage
open_cover:
- condition: state
entity_id: lock.garage_door_opener_1og
state: "locked"
- action: lock.unlock
target:
entity_id: lock.garage_door_opener_1og
close_cover:
- condition: state
entity_id: lock.garage_door_opener_1og
state: "unlocked"
- action: lock.lock
target:
entity_id: lock.garage_door_opener_1og
stop_cover:
- action: lock.unlock
data:
entity_id: lock.garage_door_opener_1og
- delay: 2
- action: lock.lock
data:
entity_id: lock.garage_door_opener_1og
Template-Code fĂŒr „Switch“ mit Fenstersensor
Falls du ggf. eine Aktor (garagentor_2_og_taster) mit einem Fensterkontakt (garagentor_2_og_torsensor_contact) am Garagentor nutzt, geht das beispielsweise so:
cover:
- platform: template
covers:
garage_door:
device_class: garage
friendly_name: "Garagentor 2.OG"
unique_id: "garagentor2og"
value_template: "{{ is_state('binary_sensor.garagentor_2_og_torsensor_contact', 'on') }}"
open_cover:
- service: lock.unlock
data:
entity_id: lock.garagentor_2_og_taster
- delay: 2
- service: lock.lock
data:
entity_id: lock.garagentor_2_og_taster
close_cover:
- service: lock.unlock
data:
entity_id: lock.garagentor_2_og_taster
- delay: 2
- service: lock.lock
data:
entity_id: lock.garagentor_2_og_taster
stop_cover:
- service: lock.unlock
data:
entity_id: lock.garagentor_2_og_taster
- delay: 2
- service: lock.lock
data:
entity_id: lock.garagentor_2_og_taster
icon_template: >-
{% if states('binary_sensor.garagentor_2_og_torsensor_contact') == "on" %}
mdi:garage-open
{% else %}
mdi:garage
{% endif %}
Angeschaltete Lichter
{% set exclude = label_entities('no-dboard') %}
{{ states.light
| selectattr('state','eq','on')
| rejectattr('entity_id','in', exclude)
| list
| count }}
Entriegelte Schlösser
{% set exclude = label_entities('no-dboard') %}
{{ states.lock
| selectattr('state', 'eq', 'unlocked')
| rejectattr('entity_id','in', exclude)
| list | count }}
Hinweis: Ausnahmen fĂŒr die Templates definieren
Wenn du einige EntitĂ€ten von den Templates oben đ nicht berĂŒcksichtigt haben möchtest (und auch in deinem Dashboard nicht sehen willst), kannst du diesen EntitĂ€ten das Label no-dboard zuweisen. Beispielsweise praktisch, wenn man wie ich das SwitchBot Lock Ultra einmal ĂŒber Matter, ĂŒber die SwtichBot Cloud & ĂŒber SwitchBot Bluetooth drinnen hat đ. So kann man 2 davon ausblenden und nur eines im Dashboard angezeigt lassen.
2. Tipp: Neuen View anlegen
Ich wĂŒrde empfehlen, den Code fĂŒr dieses Dashboard in einem neuen Abschnitt einzufĂŒgen damit du es ggf. schrittweise nachbauen und anpassen kannst:
3. Karten zum kopieren (modular)
Ich habe hier versucht, den Code so zu hinterlegen damit du ihn möglichst einfach kopieren und gleichzeitig anpassen kannst.
Falls du nicht weiĂt, wie das geh: Geht, so:
Kurzer Hinweis in eigener Sache
Viele hĂ€tten vermutlich fĂŒr Code, Testing und ein „Template“ dieses Umfangs einen kleinen Preis verlangt. FĂŒr die Erstellung habe ich mich mehrere Wochen intensiv mit verschiedenen Dashboard-Konzepten, Skripting & Möglichkeiten beschĂ€ftigt… Und das fĂŒr ĂŒber 6 Wochen.
Ich bin ein Fan von freien Informationen, daher habe ich mich dagegen entschieden, wĂŒrde mich aber auch ĂŒber UnterstĂŒtzung freuen, wenn du es dir leisten kannst.
Falls sich das nach einer Option fĂŒr dich anhört, kannst du gerne mal hier vorbeischauen: https://www.buymeacoffee.com/simon42official oder Kanalmitglied werden đ«¶
Besten Dank im Voraus đ
3.1 Abschnitt links (Ăbersicht)
Hinweis: FĂŒr die Alarmanlage unten links bei Ăbersicht brĂ€uchtest du noch die HACS-Integration Alarmo & die zugehörige Karte. Video dazu folgt noch, aber wenn du es nicht brauchst oder erstmal weglassen willst, lösche einfach den markierten Teil unten im Code
type: grid
cards:
- type: heading
icon: mdi:overscan
heading: Ăbersicht
heading_style: title
- clock_size: small
show_seconds: false
type: clock
grid_options:
columns: full
- type: custom:search-card
- type: horizontal-stack
cards:
- type: tile
entity: sensor.angeschaltete_lichter
features_position: bottom
vertical: false
icon: mdi:lightbulb-on-outline
state_content: state
name: " "
tap_action:
action: navigate
navigation_path: "#lichter-popup"
icon_tap_action:
action: navigate
navigation_path: "#lichter-popup"
- type: tile
entity: sensor.offene_rollos
features_position: bottom
vertical: false
icon: mdi:window-shutter-open
state_content: state
name: " "
tap_action:
action: navigate
navigation_path: "#rollos-popup"
icon_tap_action:
action: navigate
navigation_path: "#rollos-popup"
- type: tile
entity: sensor.entriegelte_schlosser
features_position: bottom
vertical: false
icon: mdi:lock-open-outline
state_content: state
name: " "
tap_action:
action: navigate
navigation_path: "#schlosser-popup"
icon_tap_action:
action: navigate
navigation_path: "#schlosser-popup"
- type: tile
entity: sensor.offene_garagen
features_position: bottom
vertical: false
icon: mdi:garage-open-variant
state_content: state
name: " "
tap_action:
action: navigate
navigation_path: "#garagen-popup"
icon_tap_action:
action: navigate
navigation_path: "#garagen-popup"
- features:
- type: alarm-modes
type: tile
entity: alarm_control_panel.alarmo
features_position: bottom
vertical: false
name: Alarmanlage
- type: tile
entity: input_select.hausmodus
- type: tile
entity: binary_sensor.fenster_und_turen
features_position: bottom
vertical: false
tap_action:
action: navigate
navigation_path: "#turen-und-fenster-popup"
- type: vertical-stack
cards:
- type: custom:bubble-card
card_type: pop-up
hash: "#lichter-popup"
- type: markdown
content: "## đĄ Eingeschaltete Lichter"
text_only: true
- type: custom:auto-entities
card:
type: grid
columns: 1
square: false
card_param: cards
filter:
include:
- options:
type: tile
features_position: inline
vertical: false
state_content: last_changed
features:
- type: light-brightness
domain: light
state: "on"
sort:
method: last_changed
reverse: true
exclude:
- options: {}
label: no_dboard
- type: markdown
content: "## đ Ausgeschaltete Lichter"
text_only: true
- type: custom:auto-entities
card:
type: grid
columns: 1
square: false
card_param: cards
filter:
include:
- options:
type: tile
features_position: inline
vertical: false
state_content: last_changed
features:
- type: light-brightness
domain: light
state: "off"
sort:
method: last_changed
reverse: true
exclude:
- options: {}
label: no_dboard
title: Licht Popup
- type: vertical-stack
cards:
- type: custom:bubble-card
card_type: pop-up
hash: "#rollos-popup"
button_type: name
- type: markdown
content: "## đȘ Offene Rollos"
text_only: true
- type: custom:auto-entities
card:
type: grid
columns: 1
square: false
card_param: cards
filter:
include:
- options:
features:
- type: cover-open-close
type: tile
features_position: inline
vertical: false
state_content:
- current_position
- last_changed
domain: cover
state: open
attributes:
device_class: shutter
sort:
method: last_changed
reverse: true
exclude:
- options: {}
label: no_dboard
- type: markdown
content: "## đ Geschlossene Rollos"
text_only: true
- type: custom:auto-entities
card:
type: grid
columns: 1
square: false
card_param: cards
filter:
include:
- options:
features:
- type: cover-open-close
type: tile
features_position: inline
vertical: false
state_content:
- current_position
- last_changed
domain: cover
state: closed
attributes:
device_class: shutter
sort:
method: last_changed
reverse: true
exclude:
- options: {}
label: no_dboard
title: Rollos Popup
- type: vertical-stack
cards:
- type: custom:bubble-card
card_type: pop-up
hash: "#schlosser-popup"
button_type: name
- type: markdown
content: "## đ Offene Schlösser"
text_only: true
- type: custom:auto-entities
card:
type: grid
columns: 1
square: false
card_param: cards
filter:
include:
- options:
features:
- type: cover-open-close
type: tile
features_position: inline
vertical: false
state_content:
- last_changed
domain: lock
sort:
method: last_changed
reverse: true
exclude:
- options: {}
state: locked
- options: {}
label: no_dboard
- type: markdown
content: "## đ Verriegelte Schlösser"
text_only: true
- type: custom:auto-entities
card:
type: grid
columns: 1
square: false
card_param: cards
filter:
include:
- options:
features:
- type: cover-open-close
type: tile
features_position: inline
vertical: false
state_content:
- last_changed
domain: lock
state: locked
sort:
method: last_changed
reverse: true
exclude:
- options: {}
label: no_dboard
title: Schlösser Popup
- type: vertical-stack
cards:
- type: custom:bubble-card
card_type: pop-up
hash: "#garagen-popup"
button_type: name
- type: markdown
content: "## đȘ Offene Garagen"
text_only: true
- type: custom:auto-entities
card:
type: grid
columns: 1
square: false
card_param: cards
filter:
include:
- options:
features:
- type: cover-open-close
type: tile
features_position: inline
vertical: false
state_content: last_changed
domain: cover
state: open
attributes:
device_class: garage
sort:
method: last_changed
reverse: true
exclude:
- options: {}
label: no_dboard
- type: markdown
content: "## đ Geschlossene Garagen"
text_only: true
- type: custom:auto-entities
card:
type: grid
columns: 1
square: false
card_param: cards
filter:
include:
- options:
features:
- type: cover-open-close
type: tile
features_position: inline
vertical: false
state_content: last_changed
domain: cover
state: closed
attributes:
device_class: garage
sort:
method: last_changed
reverse: true
exclude:
- options: {}
label: no_dboard
title: Garagen Popup
- type: vertical-stack
cards:
- type: custom:bubble-card
card_type: pop-up
hash: "#turen-und-fenster-popup"
button_type: name
- type: markdown
content: "## <ha-icon icon=\"mdi:door-open\"></ha-icon> Offene Verdeckungen"
text_only: true
- type: custom:auto-entities
card:
type: grid
columns: 1
square: false
card_param: cards
filter:
include:
- options:
type: custom:bubble-card
card_type: button
button_type: slider
show_attribute: false
show_last_changed: true
show_state: true
group: binary_sensor.fenster_und_turen
state: "on"
- type: markdown
content: >-
## <ha-icon icon="mdi:door-closed-lock"></ha-icon> Geschlossene
Verdeckungen
text_only: true
- type: custom:auto-entities
card:
type: grid
columns: 1
square: false
card_param: cards
filter:
include:
- options:
type: custom:bubble-card
card_type: button
button_type: slider
show_attribute: false
show_last_changed: true
show_state: true
group: binary_sensor.fenster_und_turen
state: "off"
title: Garagen Popup
3.2 Abschnitt Mitte (Energie)
Im wesentlichen die Grafik vom Energiedashboard, könnte auch durch Power-Flow-Card oder so ersetzt werden wenn dir das lieber ist.
type: grid
cards:
- type: heading
heading: Energie
heading_style: title
icon: mdi:lightning-bolt
- type: energy-distribution
link_dashboard: true
3.3 Abschnitt rechts (Wetter)
Hier natĂŒrlich die EntitĂ€ts-IDs gegen die eigenen Sensoren & ggf. Wettervorhersage tauschen.
type: grid
cards:
- type: heading
icon: mdi:sun-thermometer-outline
heading: Wetter
heading_style: title
badges:
- type: entity
entity: sensor.eve_weather_ba94_temperature
- type: entity
entity: sensor.eve_weather_ba94_humidity
- type: entity
entity: sensor.openweathermap_forecast_wind_speed
- show_current: false
show_forecast: true
type: weather-forecast
entity: weather.forecast_home
forecast_type: hourly
forecast_slots: 5
- type: custom:clock-weather-card
entity: weather.forecast_home
temperature_sensor: sensor.eve_weather_ba94_temperature
humidity_sensor: sensor.eve_weather_ba94_humidity
hide_today_section: true
- type: custom:horizon-card
fields:
sunrise: true
sunset: true
dawn: false
noon: false
dusk: false
moonrise: true
moonset: true
moon_phase: true
type: grid
cards:
- type: heading
icon: mdi:sun-thermometer-outline
heading: Wetter
heading_style: title
badges: []
- show_current: true
show_forecast: true
type: weather-forecast
entity: weather.forecast_haus_elisabeth
forecast_type: hourly
forecast_slots: 5
- type: custom:clock-weather-card
entity: weather.forecast_haus_elisabeth
temperature_sensor: sensor.eve_weather_ba94_temperature
humidity_sensor: sensor.eve_weather_ba94_humidity
hide_today_section: true
- type: custom:horizon-card
fields:
sunrise: true
sunset: true
dawn: false
noon: false
dusk: false
moonrise: true
moonset: true
moon_phase: true
3.4 Raum-Buttons
Wichtig: Diese Abschnitt mit diesen Buttons sollte administrativ (beim bearbeiten des Dashboards) an letzter Stelle im View platziert werden (siehe Bild đ)!
type: custom:bubble-card card_type: horizontal-buttons-stack auto_order: true width_desktop: 70% 1_name: WZ 1_icon: mdi:sofa 1_link: "#wz-popup" 1_entity: light.living_room 2_name: KĂŒche 2_icon: mdi:fridge 2_link: "#kuche-popup" 2_entity: light.kitchen 2_pir_sensor: binary_sensor.presence_sensor_fp2_6899_presence_sensor_1 3_name: Kizi 3_icon: mdi:silverware-fork-knife 3_link: "#kizi-popup" 3_entity: light.dining_room 3_pir_sensor: binary_sensor.bwm_kizi_1_og_occupancy 4_name: SZ 4_link: "#sz-popup" 4_icon: mdi:bed-king 4_pir_sensor: binary_sensor.aqara_fp1_presence 5_link: "#studio-popup" 5_name: Studio 5_icon: mdi:youtube 5_pir_sensor: binary_sensor.tuya_zg_204zm_presence 6_link: "#bad-popup" 6_name: Bad 6_icon: mdi:bathtub 6_pir_sensor: binary_sensor.bwm_bad_1_og_occupancy 7_link: "#flur-popup" 7_name: Flur 7_icon: mdi:floor-plan 8_link: "#garage-popup" 8_name: Garage 8_icon: mdi:garage-variant 8_pir_sensor: binary_sensor.linptech_occupancy
Falls du einen PrÀsenz bzw. Bewegungsmelder im jeweiligen Raum hast, schreibe die EntitÀts-ID bei X_pir_sensor: hin, damit die Button sich automatisch sortieren.
Falls nicht, kannst du das (fĂŒr den jeweiligen Button) einfach weglassen.
Der jeweilige Link (z.B. 5_link: "#studio-popup") muss mit dem hash: deiner Raum Popup-Karte đ zusammenpassen.
3.5 Raum Popup-Karte (Veritkaler Stapel)
Diesen Vertikalen Stapel musst du wie gesagt pro Raum 1x einfĂŒgen, oder genauer gesagt pro Raum-Button im Dashboard.
type: vertical-stack
cards:
- type: custom:bubble-card
card_type: pop-up
hash: "#studio-popup"
button_type: name
name: Studio
icon: mdi:youtube
sub_button: []
- type: custom:bubble-card
card_type: separator
name: Lampen
icon: mdi:lamps-outline
sub_button:
- icon: mdi:led-on
tap_action:
action: perform-action
perform_action: light.turn_on
target:
area_id: studio_1_og
- icon: mdi:led-variant-off
tap_action:
action: perform-action
perform_action: light.turn_off
target:
area_id: studio_1_og
- type: custom:auto-entities
card:
square: false
type: grid
columns: 1
card_param: cards
filter:
include:
- options:
type: tile
features_position: inline
vertical: false
state_content: last_changed
features:
- type: light-brightness
domain: light
area: studio_1_og
sort:
method: last_changed
reverse: true
attribute: {}
exclude:
- options: {}
label: no_dboard
- type: custom:bubble-card
card_type: separator
name: Rollos
icon: mdi:window-shutter
sub_button:
- icon: mdi:arrow-up-bold-circle-outline
tap_action:
action: perform-action
perform_action: cover.open_cover
target:
area_id: studio_1_og
- icon: mdi:arrow-down-bold-circle-outline
tap_action:
action: perform-action
perform_action: cover.close_cover
target:
area_id: studio_1_og
- type: custom:auto-entities
card:
square: false
type: grid
columns: 1
card_param: cards
filter:
include:
- options:
type: tile
features_position: inline
vertical: false
features:
- type: cover-position
domain: cover
attributes:
device_class: shutter
area: studio_1_og
exclude:
- options: {}
label: no_dboard
- type: custom:auto-entities
card:
square: false
type: grid
columns: 1
card_param: cards
filter:
include:
- options:
type: tile
features_position: inline
vertical: false
features:
- type: cover-position
domain: cover
attributes:
device_class: curtain
area: studio_1_og
exclude:
- options: {}
label: no_dboard
- type: custom:bubble-card
card_type: separator
name: Szenen
icon: mdi:projector-screen-variant
sub_button: []
- type: custom:auto-entities
card:
square: false
type: grid
columns: 2
card_param: cards
filter:
include:
- options:
type: tile
domain: scene
area: studio_1_og
sort:
method: last_changed
reverse: true
attribute: {}
exclude:
- options: {}
label: no_dboard
- type: custom:bubble-card
card_type: separator
name: Sonstiges
icon: mdi:bike-pedal-mountain
sub_button: []
- type: custom:auto-entities
card:
square: false
type: grid
columns: 1
card_param: cards
filter:
include:
- options:
type: tile
domain: climate
area: studio_1_og
exclude:
- options: {}
label: no_dboard
- type: custom:auto-entities
card:
square: false
type: grid
columns: 1
card_param: cards
filter:
include:
- options:
type: tile
features:
- type: media-player-volume-slider
features_position: inline
domain: media_player
area: studio_1_og
exclude:
- options: {}
label: no_dboard
sort:
method: last_changed
reverse: true
- type: custom:auto-entities
card:
square: false
type: grid
columns: 1
card_param: cards
filter:
include:
- options:
type: custom:bubble-card
card_type: button
button_type: switch
entity: this.entity_id
icon: mdi:robot-vacuum
show_state: true
tap_action:
action: more-info
button_action:
tap_action:
action: more-info
sub_button:
- name: Battery
icon: mdi:battery
show_name: false
show_icon: true
show_background: false
show_attribute: true
attribute: battery_level
- name: Return to dock
icon: mdi:home
show_background: false
tap_action:
action: call-service
service: vacuum.return_to_base
target:
entity_id: this.entity_id
- name: Pause
icon: mdi:pause
show_background: false
tap_action:
action: call-service
service: vacuum.pause
target:
entity_id: this.entity_id
- name: Start
icon: mdi:play
tap_action:
action: call-service
service: vacuum.start
target:
entity_id: this.entity_id
styles: >-
.bubble-button-card-container {
/* Change the background color when the vacuum get an error (optional), more details in the styles template section */
background: ${state === 'error' ? 'rgb(200, 80, 40)' : ''} !important;
} /* Change the first sub-button battery icon based on the
battery_icon attribute, more details in the styles template
section */ ${subButtonIcon[0].setAttribute("icon",
hass.states['vacuum.downstairs'].attributes.battery_icon)}
domain: vacuum
area: studio_1_og
exclude:
- options: {}
label: no_dboard
- type: custom:auto-entities
card:
square: false
type: grid
columns: 2
card_param: cards
filter:
include:
- options:
type: tile
features_position: inline
vertical: false
state_content: last_changed
domain: fan
area: studio_1_og
sort:
method: last_changed
reverse: true
attribute: {}
exclude:
- options: {}
label: no_dboard
- type: custom:auto-entities
card:
square: false
type: grid
columns: 2
card_param: cards
filter:
include:
- options:
type: tile
domain: switch
label: show_dboard
area: studio_1_og
exclude: []
title: Studio
Kopiere dir den Code am besten in einen Text-Editor und tausche anschlieĂend mit „Suchen und Ersetzen“ folgendes aus:
area_id: studio_1_oggegen deine jeweilige Area-IDhash: "#studio-popup"
„Altes“, Abschnitts-basiertes Dashboard (Anfang 2025)
Hier erklÀre ich dir, wie du mithilfe der Home Assistant Dashboard-Abschnitte und Kachel-Karten ein hochgradig anpassbares & intuitives Dashboard erstellen kannst, das einen extrem hohen WAF mitbringt.
Lass uns gemeinsam eintauchen und herausfinden, wie die Konfiguration vonstatten geht & welches Konzept ich mir ausgedacht habe!
Voraussetzungen
Home Assistant muss schon installiert sein, auf welcher Hardware spielt keine Rolle.
AuĂerdem sollte du mit den Grundlagen vertraut sein
Genutzte Karten
| Karte | Typ | Doku / Repo |
|---|---|---|
| Vertikaler Stapel | Standard | https://www.home-assistant.io/dashboards/tile/ |
| Kachel / Tile | Standard | https://www.home-assistant.io/dashboards/tile/ |
| Power Flow Card Plus | Custom (HACS) | https://github.com/flixlix/power-flow-card-plus |
| Lawn Mower Card | Custom (HACS) | https://github.com/bhuebschen/lawn-mower-card |
Code meines Dashboards zum kopieren đ
Hier noch fĂŒr dich einmal der Komplette Raw-Code meiner aktuellen Sektions-Dashboards und auch nochmal einzeln fĂŒr jede Ansicht.
Zum kopieren und einfĂŒgen von Code findest du ĂŒbrigens einige spannende Infos im Expertentipps-Video.
1. OG
Hier der Komplette Code fĂŒr alle Ansichten đ„ł
wallpanel:
enabled: false
hide_toolbar: true
hide_sidebar: true
fullscreen: true
idle_time: 600
screensaver_stop_navigation_path: /1-og/0?wp_enabled=true
image_url: http://picsum.photos/${width}/${height}?random=${timestamp}
image_fit: cover
image_list_update_interval: 3600
image_order: sorted
image_excludes: []
show_exif_info: false
fetch_address_data: true
exif_info_template: >-
${address.town|address.city!prefix=!suffix= //
}${DateTimeOriginal!options=year:numeric,month:long}
cards:
- show_current: true
show_forecast: true
type: weather-forecast
entity: weather.forecast_home
forecast_type: hourly
secondary_info_attribute: temperature
views:
- title: Home
type: sections
sections:
- type: grid
cards:
- type: heading
heading: Eingang
heading_style: title
badges:
- type: entity
show_state: true
show_icon: true
entity: sensor.tuya_temperature_humidity_sensor_temperature
color: red
tap_action:
action: perform-action
perform_action: ''
- type: entity
show_state: true
show_icon: true
entity: sensor.tuya_temperature_humidity_sensor_humidity
color: blue
- type: entity
show_state: true
show_icon: true
entity: switch.3d_drucker
icon: mdi:door
- type: tile
entity: switch.bewegungslichter_eingang
column_span: 1
- type: grid
cards:
- type: heading
heading: Bad
heading_style: title
icon: mdi:bathtub-outline
- type: tile
entity: binary_sensor.treppe_terasse_occupancy
name: Hinten
icon: mdi:stairs-up
layout_options:
grid_columns: 2
grid_rows: 1
- type: tile
entity: switch.aktor_bad_1_og_l1
name: Licht
icon: mdi:lightbulb-cfl
show_entity_picture: false
vertical: false
hide_state: false
- type: tile
entity: cover.fenster_bab
- type: tile
entity: cover.fenster_wc
- type: grid
cards:
- type: heading
heading: Studio
heading_style: title
icon: mdi:record-player
- type: tile
entity: cover.fenster_studio
- type: tile
entity: cover.balkontur_studio
- type: tile
entity: light.aktor_dose_studio_1_og
- type: grid
cards:
- type: heading
heading_style: title
heading: KĂŒche
icon: mdi:stove
- type: tile
entity: light.aktor_kuche_1_og
name: Licht
- type: tile
entity: cover.fenster_kuche
- type: grid
cards:
- type: heading
heading: Flur
heading_style: title
icon: mdi:floor-plan
- type: tile
entity: light.aktor_flur_1_og_eingang
name: Licht
- type: tile
entity: switch.aktor_flur_1_og_hinten_l1
name: Licht
- type: grid
cards:
- type: heading
heading: Wohnzimmer
heading_style: title
icon: mdi:sofa-outline
- type: tile
entity: cover.fenster_wohnzimmer
- type: grid
cards:
- type: heading
heading: Kinderzimmer
heading_style: title
icon: mdi:baby-buggy
- type: tile
entity: light.aktor_kinderzimmer_1_og_l1
name: Licht
- type: tile
entity: cover.fenster_kinderzimmer
- type: grid
cards:
- type: heading
heading: Mein Toller Raum
heading_style: title
icon: mdi:power-socket-uk
- type: tile
entity: switch.3d_drucker
- type: tile
entity: sensor.3d_drucker_signal_level
- type: grid
cards:
- type: heading
heading: Schlafzimmer
heading_style: title
icon: mdi:bed-double-outline
- type: tile
entity: cover.fenster_schlafzimmer
name: Fenster
- type: tile
entity: cover.balkontur_schlafzimmer_2
name: TerassentĂŒr
icon: ''
- type: grid
cards:
- type: heading
heading: Quick Actions
heading_style: title
icon: mdi:rocket-launch
- show_name: true
show_icon: true
type: button
tap_action:
action: perform-action
perform_action: cover.close_cover
target:
floor_id: 1_og
data: {}
entity: light.stripes_wohnbereich
name: Rollos runter
hold_action:
action: none
icon: mdi:arrow-down-bold-box-outline
icon_height: 20px
layout_options:
grid_columns: 1
grid_rows: 2
- show_name: true
show_icon: true
type: button
tap_action:
action: perform-action
perform_action: cover.open_cover
target:
floor_id: 1_og
entity: light.stripes_wohnbereich
name: Rollos hoch
hold_action:
action: none
icon: mdi:arrow-up-bold-box-outline
icon_height: 20px
layout_options:
grid_columns: 1
grid_rows: 2
- show_name: true
show_icon: true
type: button
tap_action:
action: perform-action
perform_action: light.turn_on
target:
floor_id: 1_og
entity: light.stripes_wohnbereich
hold_action:
action: none
icon: mdi:lightbulb-on
icon_height: 20px
layout_options:
grid_columns: 1
grid_rows: 2
name: Licht an
- show_name: true
show_icon: true
type: button
tap_action:
action: perform-action
perform_action: light.turn_off
target:
floor_id: 1_og
entity: light.stripes_wohnbereich
hold_action:
action: none
icon: mdi:lightbulb-off
icon_height: 20px
layout_options:
grid_columns: 1
grid_rows: 2
name: Licht aus
background: {}
cards: []
max_columns: 4
dense_section_placement: true
icon: mdi:home-floor-1
badges:
- type: entity
show_name: false
show_state: true
show_icon: true
entity: person.simon_muller
name: Simon
state_content: name
visibility:
- condition: state
entity: person.simon_muller
state: home
color: ''
- type: entity
show_name: false
show_state: true
show_icon: true
entity: person.arabella_oberstedt
name: Arabella
state_content: name
visibility:
- condition: state
entity: person.arabella_oberstedt
state: home
color: ''
- type: entity
entity: light.alle_lichter_1_og
- title: System/Network
path: system-network
icon: mdi:layers-search-outline
type: sections
sections:
- type: grid
cards:
- type: heading
heading: System
- type: entities
entities:
- entity: sensor.load_1m
- entity: sensor.load_5m
- entity: sensor.load_15m
- entity: sensor.disk_use_percent
- entity: sensor.last_boot
- entity: sensor.network_out_eno1
- entity: sensor.network_in_eno1
column_span: 1
- type: grid
cards:
- type: heading
heading: Update-Settings
- type: tile
entity: schedule.update_schedule
layout_options:
grid_columns: 3
grid_rows: 1
- show_name: true
show_icon: true
type: button
tap_action:
action: perform-action
perform_action: update.install
data: {}
target:
entity_id: all
name: Alle Updates installieren
icon: mdi:update
layout_options:
grid_columns: 1
grid_rows: 2
- type: tile
entity: input_boolean.auto_updates_deaktivieren
layout_options:
grid_columns: 3
grid_rows: 1
column_span: 1
background: {}
cards: []
- title: Garten
path: garten
icon: mdi:grass
type: sections
sections:
- type: grid
cards:
- type: heading
heading: MĂ€hroboter
- type: custom:lawn-mower-card
entity: lawn_mower.luba_vs6jgvnh
image: http://192.168.0.200:8123/local/luba2.png
battery: sensor.luba_vs6jgvnh_batterie
show_toolbar: true
show_shortcuts: true
actions:
start:
action: mammotion.start_mow
metadata: {}
data:
is_mow: false
is_dump: false
job_mode: 0
speed: 0.3
ultra_wave: 2
channel_mode: 2
channel_width: 23
rain_tactics: 1
blade_height: 40
toward_mode: 2
border_mode: 3
obstacle_laps: 1
start_progress: 0
areas:
- switch.luba_vs6jgvnh
- switch.luba_vs6jgvnh_2
target:
entity_id: lawn_mower.luba_vs6jgvnh
return_to_base:
action: lawn_mower.dock
target:
entity_id: lawn_mower.luba_vs6jgvnh
data: {}
stats:
default:
- entity_id: sensor.luba_vs6jgvnh_satelliten_roboter
subtitle: Satelliten (Roboter)
- entity_id: sensor.luba_vs6jgvnh_schnitthohe
unit: mm
subtitle: Schnitthöhe
mowing:
- entity_id: sensor.luba_vs6jgvnh_mahgeschwindigkeit
subtitle: Geschwindigkeit
unit: m/s
- entity_id: sensor.luba_vs6jgvnh_vergangene_zeit
unit: minutes
subtitle: Vergangene Zeit
shortcuts:
- name: GroĂen Rasen mĂ€hen
action: mammotion.start_mow
metadata: {}
data:
is_mow: false
is_dump: false
job_mode: 0
speed: 0.3
ultra_wave: 2
channel_mode: 2
channel_width: 23
rain_tactics: 1
blade_height: 40
toward_mode: 2
border_mode: 3
obstacle_laps: 1
start_progress: 0
areas:
- switch.luba_vs6jgvnh
target:
entity_id: lawn_mower.luba_vs6jgvnh
icon: mdi:image-filter-hdr-outline
- name: Kleinen Rasen mÀhen
action: mammotion.start_mow
metadata: {}
data:
is_mow: false
is_dump: false
job_mode: 0
speed: 0.3
ultra_wave: 2
channel_mode: 2
channel_width: 23
rain_tactics: 1
blade_height: 40
toward_mode: 2
border_mode: 3
obstacle_laps: 1
start_progress: 0
areas:
- switch.luba_vs6jgvnh_2
target:
entity_id: lawn_mower.luba_vs6jgvnh
icon: mdi:grass
column_span: 1
- title: Solar
path: solar
icon: mdi:solar-power-variant-outline
cards: []
type: sections
sections:
- type: grid
cards:
- type: heading
heading: Solix E1600 Dual System
- type: tile
entity: number.solarbank_e1600_system_einspeisevorgabe
layout_options:
grid_columns: 4
grid_rows: 1
- type: tile
entity: switch.system_anker_dual_e1600_api_nutzung
layout_options:
grid_columns: 4
grid_rows: 1
- type: custom:power-flow-card-plus
entities:
battery:
entity: sensor.system_anker_dual_e1600_sb_akkuleistung
state_of_charge: sensor.system_anker_dual_e1600_sb_ladestand
invert_state: true
name: 2x Solarbank 1
grid:
secondary_info: {}
solar:
display_zero_state: true
secondary_info: {}
entity: sensor.system_anker_dual_e1600_sb_solarleistung
name: 4x IBC Solar
home:
secondary_info: {}
icon: mdi:power-socket-de
name: Stromkreis
clickable_entities: true
display_zero_lines: true
use_new_flow_rate_model: true
w_decimals: 0
kw_decimals: 1
min_flow_rate: 0.75
max_flow_rate: 6
max_expected_power: 2000
min_expected_power: 0.01
watt_threshold: 1000
transparency_zero_lines: 0
layout_options:
grid_columns: 8
grid_rows: auto
column_span: 2
- type: grid
cards:
- type: heading
heading: Solarbank 2 Pro
heading_style: title
icon: mdi:sun-compass
tap_action:
action: navigate
navigation_path: /lovelace/garten
badges:
- type: entity
entity: sensor.solarbank_2_e1600_pro_ladestand
- type: tile
entity: number.solarbank_2_e1600_pro_system_einspeisevorgabe
layout_options:
grid_columns: 4
grid_rows: 1
- type: tile
entity: switch.system_solarbank_2_pro_api_nutzung
layout_options:
grid_columns: 4
grid_rows: 1
- type: custom:power-flow-card-plus
entities:
battery:
entity: sensor.solarbank_2_e1600_pro_akkuleistung
state_of_charge: sensor.solarbank_2_e1600_pro_ladestand
invert_state: true
name: Solarbank 2 Pro
grid:
secondary_info: {}
solar:
entity: sensor.solarbank_2_e1600_pro_solarleistung
display_zero_state: true
secondary_info: {}
name: 4x MPPT PV
home:
secondary_info: {}
icon: mdi:power-socket-de
name: Stromkreis
clickable_entities: true
display_zero_lines: true
use_new_flow_rate_model: true
w_decimals: 0
kw_decimals: 1
min_flow_rate: 0.75
max_flow_rate: 6
max_expected_power: 2000
min_expected_power: 0.01
watt_threshold: 1000
transparency_zero_lines: 0
layout_options:
grid_columns: 8
grid_rows: auto
- type: tile
entity: sensor.solarbank_2_e1600_pro_solar_pv1
- type: tile
entity: sensor.solarbank_2_e1600_pro_solar_pv2
- type: tile
entity: sensor.solarbank_2_e1600_pro_solar_pv3
- type: tile
entity: sensor.solarbank_2_e1600_pro_solar_pv4
- type: tile
entity: sensor.ibc_solarpanel_e_leistung
layout_options:
grid_columns: 4
grid_rows: 1
- type: tile
layout_options:
grid_columns: 4
grid_rows: 1
entity: sensor.bifaziale_solarpanel_e_leistung
- type: tile
entity: sensor.ibc_solarpanel_e_energie
layout_options:
grid_columns: 4
grid_rows: 1
- type: tile
layout_options:
grid_columns: 4
grid_rows: 1
entity: sensor.bifaziale_solarpanel_e_energie
column_span: 2
- title: CCTV
path: cctv
icon: mdi:cctv
cards: []
type: sections
sections:
- type: grid
cards:
- type: heading
heading: Eingang
- camera_view: live
type: picture-glance
title: Eingang
image: https://demo.home-assistant.io/stub_config/kitchen.png
entities:
- entity: camera.reolink_altas_pt_ultra_klar
icon: mdi:door-closed
name: TĂŒr
secondary_info: TĂŒr
tap_action:
action: call-service
service: select.select_option
service_data:
entity_id: select.reolink_altas_pt_ultra_ptz_voreinstellung
option: TĂŒr
- entity: camera.reolink_altas_pt_ultra_klar
icon: mdi:road-variant
name: StraĂe
tap_action:
action: call-service
service: select.select_option
service_data:
entity_id: select.reolink_altas_pt_ultra_ptz_voreinstellung
option: StraĂe
- entity: camera.reolink_altas_pt_ultra_klar
icon: mdi:stairs-up
name: Treppe
tap_action:
action: call-service
service: select.select_option
service_data:
entity_id: select.reolink_altas_pt_ultra_ptz_voreinstellung
option: Treppe
camera_image: camera.reolink_altas_pt_ultra_fliessend
layout_options:
grid_columns: 8
grid_rows: auto
- type: tile
entity: switch.bewegungslichter_eingang
- type: tile
entity: light.reolink_altas_pt_ultra_scheinwerfer
name: Scheinwerfer
icon: mdi:light-flood-down
layout_options:
grid_columns: 4
grid_rows: 1
- type: tile
entity: binary_sensor.treppe_terasse_occupancy
name: Treppe
column_span: 2
Ansicht: System/Network
Fall du ĂŒbrigens auch Auto-Updates fĂŒr Home Assistant einrichten willst, dazu habe ich auch ein Video gemacht.
- title: System/Network
path: system-network
icon: mdi:layers-search-outline
type: sections
sections:
- type: grid
cards:
- type: heading
heading: System
- type: entities
entities:
- entity: sensor.load_1m
- entity: sensor.load_5m
- entity: sensor.load_15m
- entity: sensor.disk_use_percent
- entity: sensor.last_boot
- entity: sensor.network_out_eno1
- entity: sensor.network_in_eno1
column_span: 1
- type: grid
cards:
- type: heading
heading: Update-Settings
- type: tile
entity: schedule.update_schedule
layout_options:
grid_columns: 3
grid_rows: 1
- show_name: true
show_icon: true
type: button
tap_action:
action: perform-action
perform_action: update.install
data: {}
target:
entity_id: all
name: Alle Updates installieren
icon: mdi:update
layout_options:
grid_columns: 1
grid_rows: 2
- type: tile
entity: input_boolean.auto_updates_deaktivieren
layout_options:
grid_columns: 3
grid_rows: 1
column_span: 1
background: {}
cards: []
Ansicht: Garten (MĂ€hroboter)
Die Integration des Luba in Home Assistant habe ich in hier erklÀrt.
- title: Garten
path: garten
icon: mdi:grass
type: sections
sections:
- type: grid
cards:
- type: heading
heading: MĂ€hroboter
- type: custom:lawn-mower-card
entity: lawn_mower.luba_vs6jgvnh
image: http://192.168.0.200:8123/local/luba2.png
battery: sensor.luba_vs6jgvnh_batterie
show_toolbar: true
show_shortcuts: true
actions:
start:
action: mammotion.start_mow
metadata: {}
data:
is_mow: false
is_dump: false
job_mode: 0
speed: 0.3
ultra_wave: 2
channel_mode: 2
channel_width: 23
rain_tactics: 1
blade_height: 40
toward_mode: 2
border_mode: 3
obstacle_laps: 1
start_progress: 0
areas:
- switch.luba_vs6jgvnh
- switch.luba_vs6jgvnh_2
target:
entity_id: lawn_mower.luba_vs6jgvnh
return_to_base:
action: lawn_mower.dock
target:
entity_id: lawn_mower.luba_vs6jgvnh
data: {}
stats:
default:
- entity_id: sensor.luba_vs6jgvnh_satelliten_roboter
subtitle: Satelliten (Roboter)
- entity_id: sensor.luba_vs6jgvnh_schnitthohe
unit: mm
subtitle: Schnitthöhe
mowing:
- entity_id: sensor.luba_vs6jgvnh_mahgeschwindigkeit
subtitle: Geschwindigkeit
unit: m/s
- entity_id: sensor.luba_vs6jgvnh_vergangene_zeit
unit: minutes
subtitle: Vergangene Zeit
shortcuts:
- name: GroĂen Rasen mĂ€hen
action: mammotion.start_mow
metadata: {}
data:
is_mow: false
is_dump: false
job_mode: 0
speed: 0.3
ultra_wave: 2
channel_mode: 2
channel_width: 23
rain_tactics: 1
blade_height: 40
toward_mode: 2
border_mode: 3
obstacle_laps: 1
start_progress: 0
areas:
- switch.luba_vs6jgvnh
target:
entity_id: lawn_mower.luba_vs6jgvnh
icon: mdi:image-filter-hdr-outline
- name: Kleinen Rasen mÀhen
action: mammotion.start_mow
metadata: {}
data:
is_mow: false
is_dump: false
job_mode: 0
speed: 0.3
ultra_wave: 2
channel_mode: 2
channel_width: 23
rain_tactics: 1
blade_height: 40
toward_mode: 2
border_mode: 3
obstacle_laps: 1
start_progress: 0
areas:
- switch.luba_vs6jgvnh_2
target:
entity_id: lawn_mower.luba_vs6jgvnh
icon: mdi:grass
column_span: 1
Ansicht: Solar
Zum Anker-Beitrag geht’s hier, falls es dich interessiert.
- title: Solar
path: solar
icon: mdi:solar-power-variant-outline
cards: []
type: sections
sections:
- type: grid
cards:
- type: heading
heading: Solix E1600 Dual System
- type: tile
entity: number.solarbank_e1600_system_einspeisevorgabe
layout_options:
grid_columns: 4
grid_rows: 1
- type: tile
entity: switch.system_anker_dual_e1600_api_nutzung
layout_options:
grid_columns: 4
grid_rows: 1
- type: custom:power-flow-card-plus
entities:
battery:
entity: sensor.system_anker_dual_e1600_sb_akkuleistung
state_of_charge: sensor.system_anker_dual_e1600_sb_ladestand
invert_state: true
name: 2x Solarbank 1
grid:
secondary_info: {}
solar:
display_zero_state: true
secondary_info: {}
entity: sensor.system_anker_dual_e1600_sb_solarleistung
name: 4x IBC Solar
home:
secondary_info: {}
icon: mdi:power-socket-de
name: Stromkreis
clickable_entities: true
display_zero_lines: true
use_new_flow_rate_model: true
w_decimals: 0
kw_decimals: 1
min_flow_rate: 0.75
max_flow_rate: 6
max_expected_power: 2000
min_expected_power: 0.01
watt_threshold: 1000
transparency_zero_lines: 0
layout_options:
grid_columns: 8
grid_rows: auto
column_span: 2
- type: grid
cards:
- type: heading
heading: Solarbank 2 Pro
heading_style: title
icon: mdi:sun-compass
tap_action:
action: navigate
navigation_path: /lovelace/garten
badges:
- type: entity
entity: sensor.solarbank_2_e1600_pro_ladestand
- type: tile
entity: number.solarbank_2_e1600_pro_system_einspeisevorgabe
layout_options:
grid_columns: 4
grid_rows: 1
- type: tile
entity: switch.system_solarbank_2_pro_api_nutzung
layout_options:
grid_columns: 4
grid_rows: 1
- type: custom:power-flow-card-plus
entities:
battery:
entity: sensor.solarbank_2_e1600_pro_akkuleistung
state_of_charge: sensor.solarbank_2_e1600_pro_ladestand
invert_state: true
name: Solarbank 2 Pro
grid:
secondary_info: {}
solar:
entity: sensor.solarbank_2_e1600_pro_solarleistung
display_zero_state: true
secondary_info: {}
name: 4x MPPT PV
home:
secondary_info: {}
icon: mdi:power-socket-de
name: Stromkreis
clickable_entities: true
display_zero_lines: true
use_new_flow_rate_model: true
w_decimals: 0
kw_decimals: 1
min_flow_rate: 0.75
max_flow_rate: 6
max_expected_power: 2000
min_expected_power: 0.01
watt_threshold: 1000
transparency_zero_lines: 0
layout_options:
grid_columns: 8
grid_rows: auto
- type: tile
entity: sensor.solarbank_2_e1600_pro_solar_pv1
- type: tile
entity: sensor.solarbank_2_e1600_pro_solar_pv2
- type: tile
entity: sensor.solarbank_2_e1600_pro_solar_pv3
- type: tile
entity: sensor.solarbank_2_e1600_pro_solar_pv4
- type: tile
entity: sensor.ibc_solarpanel_e_leistung
layout_options:
grid_columns: 4
grid_rows: 1
- type: tile
layout_options:
grid_columns: 4
grid_rows: 1
entity: sensor.bifaziale_solarpanel_e_leistung
- type: tile
entity: sensor.ibc_solarpanel_e_energie
layout_options:
grid_columns: 4
grid_rows: 1
- type: tile
layout_options:
grid_columns: 4
grid_rows: 1
entity: sensor.bifaziale_solarpanel_e_energie
column_span: 2
Ansicht: CCTV (Kamera)
Zu den Reolink-Kameras folgt ĂŒbrigens noch ein Video đ
- title: CCTV
path: cctv
icon: mdi:cctv
cards: []
type: sections
sections:
- type: grid
cards:
- type: heading
heading: Eingang
- camera_view: live
type: picture-glance
title: Eingang
image: https://demo.home-assistant.io/stub_config/kitchen.png
entities:
- entity: camera.reolink_altas_pt_ultra_klar
icon: mdi:door-closed
name: TĂŒr
secondary_info: TĂŒr
tap_action:
action: call-service
service: select.select_option
service_data:
entity_id: select.reolink_altas_pt_ultra_ptz_voreinstellung
option: TĂŒr
- entity: camera.reolink_altas_pt_ultra_klar
icon: mdi:road-variant
name: StraĂe
tap_action:
action: call-service
service: select.select_option
service_data:
entity_id: select.reolink_altas_pt_ultra_ptz_voreinstellung
option: StraĂe
- entity: camera.reolink_altas_pt_ultra_klar
icon: mdi:stairs-up
name: Treppe
tap_action:
action: call-service
service: select.select_option
service_data:
entity_id: select.reolink_altas_pt_ultra_ptz_voreinstellung
option: Treppe
camera_image: camera.reolink_altas_pt_ultra_fliessend
layout_options:
grid_columns: 8
grid_rows: auto
- type: tile
entity: switch.bewegungslichter_eingang
- type: tile
entity: light.reolink_altas_pt_ultra_scheinwerfer
name: Scheinwerfer
icon: mdi:light-flood-down
layout_options:
grid_columns: 4
grid_rows: 1
- type: tile
entity: binary_sensor.treppe_terasse_occupancy
name: Treppe
column_span: 2
Abschnitte – Mein Konzept mit Unteransichten
Dieses Konzept werde ich auch fĂŒr mein finales 1.OG Dashboard ĂŒbernehmen und wĂŒrde ich generell so empfehlen. Aktuell habe ich nur nicht fĂŒr das 1.OG gemacht, da ich noch keine EntitĂ€ten habe die ich in der Unteransicht anzeigen kann đ
Hier der komplette Code, also fĂŒr die Ăbersicht sowie die Unteransicht vom Schlafzimmer
views:
- title: Home
type: sections
sections:
- type: grid
cards:
- type: heading
heading: Schlafzimmer
heading_style: title
icon: mdi:bed-king-outline
badges:
- type: entity
show_state: true
show_icon: true
entity: sensor.arve_schlafzimmer_temperatur
color: red
tap_action:
action: more-info
- type: entity
show_state: true
show_icon: true
entity: sensor.arve_schlafzimmer_luftfeuchtigkeit
color: blue
tap_action:
action: more-info
- type: entity
show_state: true
show_icon: true
entity: sensor.arve_schlafzimmer_luftqualitatsindex
color: accent
tap_action:
action: more-info
- type: entity
show_state: false
show_icon: true
entity: binary_sensor.hue_bewegungsmelder_occupancy
tap_action:
action: more-info
tap_action:
action: navigate
navigation_path: /dashboard-abschnitte/schlafzimmer
- type: tile
entity: light.deckenlampe_schlafzimmer
- type: tile
entity: binary_sensor.fenster_schlafzimmer_state
- type: tile
entity: light.stripe_schlafzimmer
- type: tile
entity: light.lines
- type: tile
entity: light.shapes_e22c
- type: tile
entity: light.shapes_tur
- type: tile
entity: light.elgato_bw01m1b02677
- type: tile
entity: light.gluhbirne_schreibtisch
- type: tile
entity: light.mini_tisch_nanoleaf_bulb
- type: tile
entity: light.komode_nanoleaf_light_strip
- type: tile
entity: light.pyramide
- type: tile
entity: cover.rollo_schlafzimmer
- type: grid
cards:
- type: heading
heading: Flur
heading_style: title
icon: mdi:floor-plan
max_columns: 4
icon: mdi:home-floor-g
cards: []
background: {}
- title: Schlafzimmer
path: schlafzimmer
icon: mdi:bed-king-outline
cards: []
type: sections
sections:
- type: grid
cards:
- type: heading
heading: GerÀte
heading_style: title
icon: mdi:desktop-classic
badges:
- type: entity
show_state: true
show_icon: true
entity: switch.mac_studio
icon: mdi:apple
tap_action:
action: more-info
- type: entity
show_state: true
show_icon: true
entity: switch.smr223_2
icon: mdi:microsoft-windows
tap_action:
action: more-info
- type: tile
entity: switch.computer_schreibtisch
icon: mdi:power-socket-eu
icon_tap_action:
action: none
- type: tile
entity: switch.ladegerat_smr223
- type: grid
cards:
- type: heading
heading: Verdeckung
heading_style: title
icon: mdi:roller-shade
badges:
- type: entity
show_state: true
show_icon: true
entity: binary_sensor.fenster_schlafzimmer_state
tap_action:
action: more-info
- type: tile
entity: cover.rollo_schlafzimmer
layout_options:
grid_columns: full
- type: grid
cards:
- type: heading
heading: Klima
heading_style: title
icon: mdi:home-thermometer-outline
- type: thermostat
entity: climate.heizung_schlafzimmer_int0000003
- type: grid
cards:
- type: heading
heading: Licht
heading_style: title
icon: mdi:bed-king-outline
badges: []
- type: tile
entity: light.deckenlampe_schlafzimmer
- type: tile
entity: light.stripe_schlafzimmer
- type: tile
entity: light.lines
- type: tile
entity: light.shapes_e22c
- type: tile
entity: light.shapes_tur
- type: tile
entity: light.elgato_bw01m1b02677
- type: tile
entity: light.gluhbirne_schreibtisch
- type: tile
entity: light.mini_tisch_nanoleaf_bulb
- type: tile
entity: light.komode_nanoleaf_light_strip
- type: tile
entity: light.pyramide
badges:
- type: entity
entity: sensor.arve_schlafzimmer_temperatur
- type: entity
entity: sensor.arve_schlafzimmer_luftfeuchtigkeit
- type: entity
entity: sensor.arve_schlafzimmer_luftqualitatsindex
- type: entity
entity: >-
sensor.arve_schlafzimmer_gesamtmenge_fluchtiger_organischer_verbindungen
- type: entity
entity: sensor.arve_schlafzimmer_kohlendioxid
- type: entity
entity: sensor.arve_schlafzimmer_pm10
- type: entity
entity: sensor.arve_schlafzimmer_pm2_5
- type: entity
entity: automation.helper_presence_sz
- type: entity
entity: binary_sensor.hue_bewegungsmelder_occupancy
max_columns: 3
dense_section_placement: false
subview: true
Vorheriges Dashboard-Video (Anfang 2024)
Hier noch der VollstÀndigkeit halber mein letztes Video aus 2024 zum Thema Dashboards, welches auf Vertikalen und horizontalen Stapeln basiert.
Die Optik ist relativ Àhnlich, nur die genutzte Technik ist eine andere
Genutzte Karten
| Karte | Typ | Doku |
|---|---|---|
| Vertikaler Stapel | Standard | https://www.home-assistant.io/dashboards/tile/ |
| Horizontaler Stapel | Standard | https://www.home-assistant.io/dashboards/horizontal-stack/ |
| Kachel / Tile | Standard | https://www.home-assistant.io/dashboards/tile/ |
| Bedingungskarte | Standard | https://www.home-assistant.io/dashboards/conditional/ |
| Power Flow Card Plus | Custom (HACS) | https://github.com/flixlix/power-flow-card-plus |
| Auto-entities | Custom (HACS) | https://github.com/thomasloven/lovelace-auto-entities |
Code meines kompletten Dashboards fĂŒr euch đ
Hinweis zum einfĂŒgen
Zum einfĂŒgen in deinen Home Assistant erstelle dir am besten ein neues (leeres) Dashboard -> Wechselt zum neuen Dashboard und oben recht in den Bearbeitungsmodus.
Danach geht ihr nochmal oben auf die 3 Punkte -> Raw-Konfigurationseditor
Hier könnt ihr den untenstehenden Code einfĂŒgen đ
Code-Snippet
views:
- title: Home
icon: mdi:home-floor-g
badges: []
cards:
- type: conditional
conditions:
- condition: screen
media_query: '(min-width: 0px) and (max-width: 767px)'
card:
type: vertical-stack
title: Eingang
cards:
- type: horizontal-stack
cards:
- type: tile
entity: lock.summer_haustur
tap_action:
action: navigate
navigation_path: /dashboard-roombased/eingang
name: Summer
icon_tap_action:
action: toggle
- type: conditional
conditions:
- condition: state
entity: binary_sensor.haustur_contact
state: 'on'
card:
type: tile
entity: binary_sensor.haustur_contact
tap_action:
action: navigate
navigation_path: /dashboard-roombased/eingang
name: HaustĂŒr
- type: conditional
conditions:
- condition: state
entity: switch.bewegungslichter_eingang
state: 'off'
card:
type: tile
entity: switch.bewegungslichter_eingang
tap_action:
action: navigate
navigation_path: /dashboard-roombased/eingang
- type: vertical-stack
title: Waschkeller
cards:
- type: horizontal-stack
cards:
- type: tile
entity: binary_sensor.waschmaschine
tap_action:
action: navigate
navigation_path: /dashboard-roombased/waschkeller
- type: conditional
conditions:
- condition: state
entity: binary_sensor.bewegungsmelder_waschkeller_occupancy
state: 'on'
card:
type: tile
entity: binary_sensor.bewegungsmelder_waschkeller_occupancy
tap_action:
action: navigate
navigation_path: /dashboard-roombased/waschkeller
name: Bewegung
- type: vertical-stack
title: Flur
cards:
- type: horizontal-stack
cards:
- type: conditional
conditions:
- condition: state
entity: binary_sensor.haustur_contact
state: 'on'
card:
type: tile
entity: binary_sensor.wohnungstur_contact
tap_action:
action: navigate
navigation_path: /dashboard-roombased/flur
name: WohnungstĂŒr
- type: conditional
conditions:
- condition: state
entity: binary_sensor.bewegungsmelder_flur_occupancy
state: 'on'
card:
type: tile
entity: binary_sensor.bewegungsmelder_flur_occupancy
tap_action:
action: navigate
navigation_path: /dashboard-roombased/flur
name: Bewegung
- type: tile
entity: light.licht_flur_state
tap_action:
action: navigate
navigation_path: /dashboard-roombased/flur
- type: vertical-stack
title: Bad
cards:
- type: horizontal-stack
cards:
- type: tile
entity: sensor.heizung_bad_actual_temperature
tap_action:
action: navigate
navigation_path: /dashboard-roombased/bad
name: Temperatur
- type: conditional
conditions:
- condition: state
entity: binary_sensor.bewegungsmelder_bad_motion
state: 'on'
card:
type: tile
entity: binary_sensor.bewegungsmelder_bad_motion
tap_action:
action: navigate
navigation_path: /dashboard-roombased/bad
name: Bewegung
- type: horizontal-stack
cards:
- type: tile
entity: binary_sensor.badezimmer_duschen
name: Duscherkennung
tap_action:
action: navigate
navigation_path: /dashboard-roombased/bad
- type: tile
entity: light.licht_spiegelschrank_state
tap_action:
action: navigate
navigation_path: /dashboard-roombased/bad
- type: tile
entity: climate.heizung_bad_int0000002
show_entity_picture: false
tap_action:
action: navigate
navigation_path: /dashboard-roombased/bad
state_content:
- state
- current_temperature
- temperature
- type: tile
entity: cover.rollo_badezimmer
- type: vertical-stack
title: Wohnbereich
cards:
- type: horizontal-stack
cards:
- type: tile
entity: sensor.wohnbereich_temperatursensor_temperature
tap_action:
action: navigate
navigation_path: /dashboard-roombased/wohnbereich
name: Temperatur
- type: tile
entity: binary_sensor.hmip_smi55_2_00319d899ed9aa_motion
tap_action:
action: navigate
navigation_path: /dashboard-roombased/wohnbereich
name: Bewegung
- type: horizontal-stack
cards:
- type: tile
entity: light.licht_kuche
tap_action:
action: navigate
navigation_path: /dashboard-roombased/wohnbereich
name: KĂŒche
- type: tile
entity: light.licht_tisch
tap_action:
action: navigate
navigation_path: /dashboard-roombased/wohnbereich
name: Tisch
- type: horizontal-stack
cards:
- type: tile
entity: light.licht_wohnzimmer_state
tap_action:
action: navigate
navigation_path: /dashboard-roombased/wohnbereich
name: Wohnzimmer
- type: tile
entity: light.stripes_wohnbereich
tap_action:
action: navigate
navigation_path: /dashboard-roombased/wohnbereich
name: Stripes
- type: tile
entity: climate.heizung_wohnbereich_int0000001
show_entity_picture: false
tap_action:
action: navigate
navigation_path: /dashboard-roombased/wohnbereich
state_content:
- state
- current_temperature
- temperature
- type: horizontal-stack
cards:
- type: tile
entity: cover.rollo_kuche
tap_action:
action: navigate
navigation_path: /dashboard-roombased/wohnbereich
name: KĂŒche
- type: tile
entity: cover.rollo_wohnzimmer
tap_action:
action: navigate
navigation_path: /dashboard-roombased/wohnbereich
name: Wohnzimmer
- type: tile
entity: vacuum.roborock_s7
tap_action:
action: navigate
navigation_path: /dashboard-roombased/robi
name: Saugroboter
- type: vertical-stack
title: Schlafzimmer
cards:
- type: horizontal-stack
cards:
- type: tile
entity: sensor.aqara_tvoc_air_quality_monitor_temperature
tap_action:
action: navigate
navigation_path: /dashboard-roombased/schlafzimmer
name: Temperatur
- type: tile
entity: binary_sensor.hue_bewegungsmelder_occupancy
tap_action:
action: navigate
navigation_path: /dashboard-roombased/schlafzimmer
name: Bewegung
- type: horizontal-stack
cards:
- type: tile
entity: light.shapes_tur
tap_action:
action: navigate
navigation_path: /dashboard-roombased/schlafzimmer
name: TĂŒr
- type: tile
entity: light.mini_tisch_nanoleaf_bulb
tap_action:
action: navigate
navigation_path: /dashboard-roombased/schlafzimmer
name: Tisch
- type: horizontal-stack
cards:
- type: tile
entity: light.lines
tap_action:
action: navigate
navigation_path: /dashboard-roombased/schlafzimmer
name: Lines
- type: tile
entity: light.gluhbirne_schreibtisch
tap_action:
action: navigate
navigation_path: /dashboard-roombased/schlafzimmer
name: GlĂŒhbirne
- type: horizontal-stack
cards:
- type: tile
entity: light.elgato_bw01m1b02677
tap_action:
action: navigate
navigation_path: /dashboard-roombased/schlafzimmer
name: Key Light
- type: tile
entity: light.shapes_e22c
tap_action:
action: navigate
navigation_path: /dashboard-roombased/schlafzimmer
name: Schreibtisch
- type: horizontal-stack
cards:
- type: tile
entity: light.stripe_schlafzimmer
tap_action:
action: navigate
navigation_path: /dashboard-roombased/schlafzimmer
name: Stripe
- type: tile
entity: light.komode_nanoleaf_light_strip
tap_action:
action: navigate
navigation_path: /dashboard-roombased/schlafzimmer
name: Komode
- type: horizontal-stack
cards:
- type: tile
entity: light.deckenlampe_schlafzimmer
tap_action:
action: navigate
navigation_path: /dashboard-roombased/schlafzimmer
name: Deckenlampe
- type: tile
entity: light.nachttischlampe
tap_action:
action: navigate
navigation_path: /dashboard-roombased/schlafzimmer
- type: tile
entity: climate.heizung_schlafzimmer_int0000003
show_entity_picture: false
tap_action:
action: navigate
navigation_path: /dashboard-roombased/schlafzimmer
state_content:
- state
- temperature
- current_temperature
- type: horizontal-stack
cards:
- type: tile
entity: cover.rollo_schlafzimmer
tap_action:
action: navigate
navigation_path: /dashboard-roombased/schlafzimmer
name: Schlafzimmer
- type: tile
entity: binary_sensor.fenster_schlafzimmer_state
tap_action:
action: navigate
navigation_path: /dashboard-roombased/schlafzimmer
name: Fenster
- type: horizontal-stack
cards:
- type: tile
entity: switch.smr223_2
tap_action:
action: navigate
navigation_path: /dashboard-roombased/schlafzimmer
name: Laptop
- type: tile
entity: switch.mac_studio
tap_action:
action: navigate
navigation_path: /dashboard-roombased/schlafzimmer
name: Mac
icon: mdi:laptop
- type: conditional
conditions:
- condition: screen
media_query: '(min-width: 0px) and (max-width: 767px)'
card:
type: vertical-stack
title: Garagen
cards:
- type: horizontal-stack
cards:
- type: tile
entity: cover.garage_door
- type: tile
entity: cover.garage_door_2
- type: conditional
conditions:
- condition: state
entity: switch.licht_garage_2_og
state: 'on'
card:
type: tile
entity: switch.licht_garage_2_og
- title: Lichter
path: lichter
icon: mdi:lightbulb-multiple
badges: []
cards:
- type: custom:auto-entities
title: Angeschaltet
show_empty: false
sort:
method: friendly_name
card:
type: grid
square: false
columns: 2
card_param: cards
filter:
include:
- domain: light
state: 'on'
options:
type: tile
exclude:
- name: '*Reolink*'
- type: custom:auto-entities
show_empty: false
sort:
method: friendly_name
card:
type: grid
square: false
columns: 2
card_param: cards
filter:
include:
- domain: light
state: 'off'
options:
type: tile
exclude:
- name: '*iPhone*'
- title: Live-Energie
path: e
icon: mdi:lightning-bolt
badges: []
cards:
- type: vertical-stack
title: Stromfluss (live)
cards:
- type: custom:power-flow-card-plus
entities:
grid:
entity: sensor.hichiirwifi_sgm_c4_4a920l_energy_power
solar:
entity: sensor.balkonsolar_power
display_zero_state: true
home: {}
clickable_entities: true
display_zero_lines:
mode: show
transparency: 50
grey_color:
- 189
- 189
- 189
use_new_flow_rate_model: true
w_decimals: 0
kw_decimals: 1
min_flow_rate: 0.75
max_flow_rate: 6
max_expected_power: 2000
min_expected_power: 0.01
watt_threshold: 1000
transparency_zero_lines: 0
dashboard_link: /energy
dashboard_link_label: Energiedashboard
- type: tile
entity: input_number.aktueller_strompreis
tap_action:
action: navigate
navigation_path: /dashboard-roombased/live-energie
- type: vertical-stack
title: Balkonsolar
cards:
- type: conditional
conditions:
- condition: state
entity: switch.balkonsolar
state: 'off'
card:
type: tile
entity: switch.balkonsolar
tap_action:
action: navigate
navigation_path: /dashboard-roombased/live-energie
- type: horizontal-stack
cards:
- type: tile
entity: sensor.balkonsolar_kwh_taglich
name: Produkton heute
tap_action:
action: navigate
navigation_path: /dashboard-roombased/live-energie
- type: horizontal-stack
cards:
- type: tile
entity: sensor.zuruck_zum_netz_kwh_taglich
name: Einspeisung heute
tap_action:
action: navigate
navigation_path: /dashboard-roombased/live-energie
- type: vertical-stack
title: Energieverbrauchszusammensetzung
cards:
- type: custom:apexcharts-card
chart_type: donut
graph_span: 1h
header:
show: false
title: Energieverbrauchszusammensetzung
show_states: false
colorize_states: true
series:
- entity: sensor.netzwerkschrank_power
name: Netzwerk
- entity: sensor.kuhlschrank_energy_power
name: KĂŒhlschrank
- entity: sensor.computer_schreibtisch_power
name: Computer
- entity: sensor.entertainment_fernseher_av_telefon_power
name: Entertainment
- entity: sensor.shapes_tur_power
name: Shapes TĂŒr
- entity: sensor.nanoleaf_shapes_power
name: Shapes Tisch
- entity: sensor.nanoleaf_lines_power
name: Lines
- entity: sensor.kuche_power
name: L KĂŒche
- entity: sensor.tisch_power
name: L Tisch
- entity: sensor.wohnzimmer_energy
name: L WZ
- entity: sensor.flur_power
name: L Flur
- entity: sensor.homepod_mini_bad_power
name: HP Bad
- entity: sensor.homepod_mini_schlafzimmer_power
name: HP SZ
- entity: sensor.homepod_wz_power
name: HP WZ
- entity: sensor.reolink_e1_zoom_power
name: Cam
apex_config:
chart:
toolbar:
show: true
- title: Garten
path: garten
icon: mdi:leaf
badges: []
cards:
- type: vertical-stack
title: Lichter
cards:
- type: horizontal-stack
cards:
- type: tile
entity: light.lichterkette_pavillon
- type: tile
entity: light.stripe_mauer_pavillon
- type: horizontal-stack
cards:
- type: tile
entity: light.gartenstrahler
- type: tile
entity: light.terrassenlampe_1_og
- type: horizontal-stack
cards:
- type: tile
entity: light.wandlampe_treppe
- type: tile
entity: scene.gartenlichter_orange
- type: horizontal-stack
cards:
- type: tile
entity: light.gartenlichter
- type: vertical-stack
title: MĂ€hroboter
cards:
- type: horizontal-stack
cards:
- type: tile
entity: vacuum.oben_l1000
tap_action:
action: navigate
navigation_path: /dashboard-roombased/landroids
- type: horizontal-stack
cards:
- type: tile
entity: vacuum.unten
tap_action:
action: navigate
navigation_path: /dashboard-roombased/landroids
- type: vertical-stack
title: BewÀsserung
cards:
- type: horizontal-stack
cards:
- type: tile
entity: switch.remotebewcmp_garten_sprinkler
tap_action:
action: navigate
navigation_path: /dashboard-roombased/bewasserung
name: BewÀsserungscomputer Hauptschalter
icon: mdi:light-switch
- type: horizontal-stack
cards:
- type: tile
entity: switch.remotebewcmp_rasen_oben
tap_action:
action: navigate
navigation_path: /dashboard-roombased/bewasserung
name: Rasen oben
icon: mdi:timer-play-outline
- type: tile
entity: number.remotebewcmp_rasen_oben_laufzeit
name: Laufzeit
tap_action:
action: navigate
navigation_path: /dashboard-roombased/bewasserung
- type: vertical-stack
title: Pumpe
cards:
- type: horizontal-stack
cards:
- type: tile
entity: switch.gartenpumpe
tap_action:
action: navigate
navigation_path: /dashboard-roombased/garten-pumpe
name: BewÀsserungscomputer Hauptschalter
icon: ''
- type: conditional
conditions:
- condition: screen
media_query: '(min-width: 0px)'
card:
type: vertical-stack
title: Garagen
cards:
- type: horizontal-stack
cards:
- type: tile
entity: cover.garage_door
- type: tile
entity: cover.garage_door_2
- type: tile
entity: switch.licht_garage_2_og
- icon: mdi:battery-20
title: Batterien
path: batterien
badges: []
cards:
- type: custom:auto-entities
show_empty: false
sort:
method: friendly_name
card:
type: grid
square: false
columns: 1
card_param: cards
filter:
include:
- entity_id: '*_battery'
state: <= 50
options:
type: tile
exclude:
- name: '*iPhone*'
- title: Eingang
path: eingang
icon: fas:door-closed
subview: true
badges: []
cards:
- type: vertical-stack
title: HaustĂŒr
cards:
- type: tile
entity: lock.summer_haustur
- type: entities
entities:
- entity: binary_sensor.haustur_contact
name: HaustĂŒr
- entity: sensor.haustur_battery
name: Sensor Batterie
- type: history-graph
entities:
- entity: binary_sensor.haustur_contact
hours_to_show: 6
- type: vertical-stack
title: Schalter SchlĂŒsseltresor
cards:
- type: horizontal-stack
cards:
- type: tile
entity: sensor.0x00124b002919b6a5_last_seen
vertical: true
- type: tile
entity: sensor.switch_zahlentresor_battery
vertical: true
- type: vertical-stack
title: Licht
cards:
- type: horizontal-stack
cards:
- type: tile
entity: switch.bewegungslichter_eingang
vertical: true
- type: vertical-stack
title: Tradfri Button
cards:
- type: horizontal-stack
cards:
- type: tile
entity: sensor.tradfri_button_hauseingang_action
vertical: true
name: Aktion
- type: tile
entity: sensor.tradfri_button_hauseingang_battery
vertical: true
name: Batterie
- type: vertical-stack
title: Briefkastenklappe
cards:
- type: horizontal-stack
cards:
- type: tile
entity: binary_sensor.vibrationssensor_briefkastenklappe_vibration
vertical: true
name: Vibration
- type: tile
entity: sensor.vibrationssensor_briefkastenklappe_battery
vertical: true
name: Batterie
- type: history-graph
entities:
- entity: sensor.vibrationssensor_briefkastenklappe_action
name: Aktion
hours_to_show: 24
- type: vertical-stack
title: Garage 1. OG
cards:
- type: horizontal-stack
cards:
- type: tile
entity: cover.garage_door_2
vertical: true
- type: tile
entity: sensor.garagentor_2_og_torsensor_battery
name: Batterie Kontaktsensor
vertical: true
- title: Waschkeller
path: waschkeller
icon: mdi:washing-machine
subview: true
badges: []
cards:
- type: vertical-stack
title: Flur
cards:
- chart_type: line
period: hour
type: statistics-graph
entities:
- sensor.waschmaschine_power
stat_types:
- mean
- min
- max
days_to_show: 2
- type: glance
entities:
- entity: switch.waschmaschine
name: Strom-Schalter
- entity: sensor.waschmaschine_energy
name: Verbrauch
- entity: sensor.waschmaschine_power
name: Leistung
- type: tile
entity: binary_sensor.waschmaschine
state_content: last-changed
- type: vertical-stack
title: Umgebung
cards:
- type: glance
entities:
- entity: binary_sensor.bewegungsmelder_waschkeller_occupancy
name: Bewegung
- entity: >-
binary_sensor.bewegungsmelder_waschkeller_illuminance_above_threshold
name: Helligkeits-Schwelle
- entity: sensor.bewegungsmelder_waschkeller_battery
name: Batterie
- title: Flur
path: flur
icon: mdi:floor-plan
subview: true
badges: []
cards:
- type: vertical-stack
title: Flur
cards:
- type: tile
entity: light.licht_flur_state
- chart_type: line
period: hour
type: statistics-graph
entities:
- sensor.netzwerkschrank_power
stat_types:
- mean
- min
- max
days_to_show: 2
- type: glance
entities:
- entity: switch.netzwerkschrank
name: Strom-Schalter
- entity: sensor.netzwerkschrank_energy
name: Verbrauch
- entity: sensor.netzwerkschrank_power
name: Leistung
- type: vertical-stack
title: Umgebung
cards:
- type: glance
entities:
- entity: binary_sensor.bewegungsmelder_flur_occupancy
name: Bewegung
- entity: sensor.bewegungsmelder_flur_battery
name: Batterie
- entity: sensor.heizung_flur_actual_temperature
name: Temperatur
- features:
- type: target-temperature
- type: climate-hvac-modes
hvac_modes:
- auto
- heat
- 'off'
- type: climate-preset-modes
style: dropdown
preset_modes:
- boost
- comfort
- eco
- none
type: tile
entity: climate.heizung_wohnbereich_int0000001
- title: Bad
path: bad
icon: mdi:shower
subview: true
badges: []
cards:
- type: vertical-stack
title: Bad
cards:
- type: tile
entity: light.licht_spiegelschrank_state
- type: vertical-stack
title: Umgebung
cards:
- type: glance
entities:
- entity: binary_sensor.bewegungsmelder_bad_motion
name: Bewegung
- entity: binary_sensor.bewegungstaster_bad_lowbat
name: Batterie
- entity: sensor.bewegungsmelder_bad_brightness
name: Helligkeit
- type: tile
entity: binary_sensor.badezimmer_duschen
- type: history-graph
entities:
- entity: binary_sensor.badezimmer_duschen
name: Verlauf
hours_to_show: 48
- type: vertical-stack
title: Klima
cards:
- type: glance
entities:
- entity: sensor.aqara_tempature_and_humidity_sensor_temperature
name: Temperatur
- entity: sensor.aqara_tempature_and_humidity_sensor_humidity
name: Luftfeuchte
- entity: sensor.aqara_tempature_and_humidity_sensor_battery
name: Batterie
- chart_type: line
period: hour
type: statistics-graph
entities:
- sensor.aqara_tempature_and_humidity_sensor_humidity
- sensor.aqara_tempature_and_humidity_sensor_temperature
days_to_show: 1
stat_types:
- mean
hide_legend: false
- features:
- type: target-temperature
- type: climate-hvac-modes
hvac_modes:
- auto
- heat
- 'off'
- type: climate-preset-modes
style: dropdown
preset_modes:
- boost
- comfort
- eco
- none
type: tile
entity: climate.heizung_bad_int0000002
- title: Wohnbereich
path: wohnbereich
icon: mdi:sofa
subview: true
badges: []
cards:
- type: vertical-stack
title: Wohnbereich
cards:
- type: horizontal-stack
cards:
- type: tile
entity: light.licht_kuche
tap_action:
action: navigate
navigation_path: /dashboard-roombased/bad
name: KĂŒche
- type: tile
entity: light.licht_tisch
tap_action:
action: navigate
navigation_path: /dashboard-roombased/bad
name: Tisch
- type: horizontal-stack
cards:
- type: tile
entity: light.licht_wohnzimmer_state
tap_action:
action: navigate
navigation_path: /dashboard-roombased/bad
name: Wohnzimmer
- type: tile
entity: light.stripes_wohnbereich
tap_action:
action: navigate
navigation_path: /dashboard-roombased/bad
name: Stripes
- type: horizontal-stack
cards:
- type: tile
entity: cover.rollo_kuche
tap_action:
action: navigate
navigation_path: /dashboard-roombased/bad
name: KĂŒche
- type: tile
entity: cover.rollo_wohnzimmer
tap_action:
action: navigate
navigation_path: /dashboard-roombased/bad
name: Wohnzimmer
- type: vertical-stack
title: Umgebung
cards:
- type: glance
entities:
- entity: binary_sensor.hmip_smi55_2_00319d899ed9aa_motion
name: Bewegung
- entity: binary_sensor.hmip_smi55_2_00319d899ed9aa_low_bat
name: Batterie
- entity: sensor.hmip_smi55_2_00319d899ed9aa_illumination
name: Helligkeit
- type: history-graph
entities:
- entity: binary_sensor.hmip_smi55_2_00319d899ed9aa_motion
name: Verlauf
hours_to_show: 48
- type: vertical-stack
title: Klima
cards:
- type: glance
entities:
- entity: sensor.wohnbereich_temperatursensor_temperature
name: Temperatur
- entity: sensor.wohnbereich_temperatursensor_humidity
name: Luftfeuchte
- entity: sensor.wohnbereich_temperatursensor_battery
name: Batterie
- chart_type: line
period: hour
type: statistics-graph
entities:
- sensor.wohnbereich_temperatursensor_humidity
- sensor.wohnbereich_temperatursensor_temperature
days_to_show: 1
stat_types:
- mean
hide_legend: false
unit: °C
- features:
- type: target-temperature
- type: climate-hvac-modes
hvac_modes:
- auto
- heat
- 'off'
- type: climate-preset-modes
style: dropdown
preset_modes:
- boost
- comfort
- eco
- none
type: tile
entity: climate.heizung_wohnbereich_int0000001
- type: vertical-stack
title: GerÀte
cards:
- type: tile
entity: vacuum.roborock_s7
tap_action:
action: navigate
navigation_path: /dashboard-roombased/robi
name: Saugroboter
- type: tile
entity: binary_sensor.geschirrspuler_door
tap_action:
action: navigate
navigation_path: /dashboard-roombased/bad
name: GeschirrspĂŒler
- camera_view: live
type: picture-glance
title: KĂŒche
image: https://demo.home-assistant.io/stub_config/kitchen.png
entities:
- entity: camera.reolinke1zoom_sub
icon: mdi:numeric-1-box-outline
name: Uebersicht
secondary_info: Uebersicht
tap_action:
action: call-service
service: select.select_option
service_data:
entity_id: select.reolinke1zoom_ptz_voreinstellung
option: Uebersicht
- entity: camera.reolinke1zoom_sub
icon: mdi:numeric-2-box-outline
name: Wohnzimmer
tap_action:
action: call-service
service: select.select_option
service_data:
entity_id: select.reolinke1zoom_ptz_voreinstellung
option: Wohnzimmer
- entity: camera.reolinke1zoom_sub
icon: mdi:numeric-3-box-outline
name: Flur
tap_action:
action: call-service
service: select.select_option
service_data:
entity_id: select.reolinke1zoom_ptz_voreinstellung
option: Flur
- entity: camera.reolinke1zoom_sub
icon: mdi:numeric-4-box-outline
name: KĂŒche
tap_action:
action: call-service
service: select.select_option
service_data:
entity_id: select.reolinke1zoom_ptz_voreinstellung
option: Kueche
camera_image: camera.reolinke1zoom_sub
- type: markdown
content: |-
**1**: Ăbersicht
**2**: Tisch / SZ TĂŒr
**3**: Flur
**4**: KĂŒchenarbeitsplatte
- title: Schlafzimmer
path: schlafzimmer
icon: mdi:bed
subview: true
badges: []
cards:
- type: vertical-stack
title: Schlafzimmer
cards:
- type: horizontal-stack
cards:
- type: tile
entity: light.shapes_tur
name: TĂŒr
- type: tile
entity: light.mini_tisch_nanoleaf_bulb
name: Tisch
- type: horizontal-stack
cards:
- type: tile
entity: light.lines
name: Lines
- type: tile
entity: light.gluhbirne_schreibtisch
name: GlĂŒhbirne
- type: horizontal-stack
cards:
- type: tile
entity: light.elgato_bw01m1b02677
name: Key Light
- type: tile
entity: light.shapes_e22c
name: Schreibtisch
- type: horizontal-stack
cards:
- type: tile
entity: light.stripe_schlafzimmer
name: Stripe
- type: tile
entity: light.komode_nanoleaf_light_strip
name: Komode
- type: horizontal-stack
cards:
- type: tile
entity: light.deckenlampe_schlafzimmer
name: Deckenlampe
- type: tile
entity: light.nachttischlampe
- type: horizontal-stack
cards:
- type: tile
entity: cover.rollo_schlafzimmer
name: Schlafzimmer
- type: vertical-stack
title: Umgebung
cards:
- type: glance
entities:
- entity: binary_sensor.hue_bewegungsmelder_occupancy
name: Bewegung
- entity: sensor.hue_bewegungsmelder_battery
name: Batterie
- entity: sensor.hue_bewegungsmelder_illuminance_lux
name: Helligkeit
- type: history-graph
entities:
- entity: binary_sensor.hue_bewegungsmelder_occupancy
name: Verlauf
hours_to_show: 48
- type: vertical-stack
title: Klima
cards:
- type: glance
entities:
- entity: sensor.aqara_tvoc_air_quality_monitor_temperature
name: Temperatur
- entity: sensor.aqara_tvoc_air_quality_monitor_humidity
name: Luftfeuchte
- entity: sensor.aqara_tvoc_air_quality_monitor_battery
name: Batterie
- chart_type: line
period: hour
type: statistics-graph
entities:
- sensor.aqara_tvoc_air_quality_monitor_humidity
- sensor.aqara_tvoc_air_quality_monitor_temperature
days_to_show: 1
stat_types:
- mean
hide_legend: false
- features:
- type: target-temperature
- type: climate-hvac-modes
hvac_modes:
- auto
- heat
- 'off'
- type: climate-preset-modes
style: dropdown
preset_modes:
- boost
- comfort
- eco
- none
type: tile
entity: climate.heizung_schlafzimmer_int0000003
- type: tile
entity: fan.levoit_core300s
features:
- type: fan-speed
- type: conditional
conditions:
- condition: state
entity: binary_sensor.fenster_schlafzimmer_state
state_not: 'off'
card:
type: tile
entity: binary_sensor.fenster_schlafzimmer_state
name: Fenster
- type: vertical-stack
title: GerÀte
cards:
- type: horizontal-stack
cards:
- type: tile
entity: switch.ladegerat_smr223
tap_action:
action: navigate
navigation_path: /dashboard-roombased/schlafzimmer
name: LadegerÀt Laptop
- type: tile
entity: switch.computer_schreibtisch
icon: mdi:laptop
name: Computer Tisch
icon_tap_action:
action: more-info
- type: horizontal-stack
cards:
- type: tile
entity: switch.smr223_2
name: Laptop
- type: tile
entity: switch.mac_studio
name: Mac
icon: mdi:laptop
- title: Robi
path: robi
icon: mdi:robot-vacuum
subview: true
badges: []
cards:
- type: custom:xiaomi-vacuum-map-card
map_source:
camera: camera.roborock_s7_map
calibration_source:
camera: true
entity: vacuum.roborock_s7
vacuum_platform: send_command
map_modes:
- template: vacuum_clean_zone
- template: vacuum_goto
- name: Wohnung EG
icon: mdi:select-drag
selection_type: ROOM
service_call_schema:
service: roborock.vacuum_clean_segment
service_data:
segments: '[[selection]]'
target:
entity_id: '[[entity_id]]'
predefined_selections:
- id: '16'
icon:
name: mdi:broom
x: 21775
'y': 31875
label:
text: Hausflur
x: 21775
'y': 31875
offset_y: 35
outline:
- - 16400
- 30350
- - 27150
- 30350
- - 27150
- 33400
- - 16400
- 33400
- id: '17'
icon:
name: mdi:broom
x: 18225
'y': 27525
label:
text: Schlafzimmer
x: 18225
'y': 27525
offset_y: 35
outline:
- - 16300
- 25000
- - 20150
- 25000
- - 20150
- 30050
- - 16300
- 30050
- id: '18'
icon:
name: mdi:broom
x: 22275
'y': 27825
label:
text: Wohnzimmer
x: 22275
'y': 27825
offset_y: 35
outline:
- - 20200
- 25050
- - 24350
- 25050
- - 24350
- 30600
- - 20200
- 30600
- id: '19'
icon:
name: mdi:broom
x: 26400
'y': 29500
label:
text: Flur
x: 26400
'y': 29500
offset_y: 35
outline:
- - 24350
- 28650
- - 28450
- 28650
- - 28450
- 30350
- - 24350
- 30350
- id: '20'
icon:
name: mdi:broom
x: 25850
'y': 26925
label:
text: KĂŒche
x: 25850
'y': 26925
offset_y: 35
outline:
- - 24300
- 25150
- - 27400
- 25150
- - 27400
- 28700
- - 24300
- 28700
- id: '21'
icon:
name: mdi:broom
x: 28500
'y': 26875
label:
text: Bad
x: 28500
'y': 26875
offset_y: 35
outline:
- - 27700
- 25150
- - 29300
- 25150
- - 29300
- 28600
- - 27700
- 28600
- id: '22'
icon:
name: mdi:broom
x: 29650
'y': 31725
label:
text: Eingangsbereich
x: 29650
'y': 31725
offset_y: 35
outline:
- - 27100
- 28300
- - 32200
- 28300
- - 32200
- 35150
- - 27100
- 35150
- id: '24'
icon:
name: mdi:broom
x: 22700
'y': 33550
label:
text: Waschkeller
x: 22700
'y': 33550
offset_y: 35
outline:
- - 21450
- 31750
- - 23950
- 31750
- - 23950
- 35350
- - 21450
- 35350
- id: '25'
icon:
name: mdi:broom
x: 17425
'y': 33525
label:
text: Keller 2
x: 17425
'y': 33525
offset_y: 35
outline:
- - 16700
- 31700
- - 18150
- 31700
- - 18150
- 35350
- - 16700
- 35350
- id: '26'
icon:
name: mdi:broom
x: 20300
'y': 33450
label:
text: Keller 1
x: 20300
'y': 33450
offset_y: 35
outline:
- - 19500
- 31650
- - 21100
- 31650
- - 21100
- 35250
- - 19500
- 35250
map_locked: true
two_finger_pan: false
tiles:
- tile_id: status
entity: vacuum.roborock_s7
label: Status
attribute: status
icon: mdi:robot-vacuum
translations:
starting: Starting
charger disconnected: Charger disconnected
idle: Idle
remote control active: Remote control active
cleaning: Cleaning
returning home: Returning home
manual mode: Manual mode
charging: Charging
charging problem: Charging problem
paused: Paused
spot cleaning: Spot cleaning
error: Error
shutting down: Shutting down
updating: Updating
docking: Docking
going to target: Going to target
zoned cleaning: Zoned cleaning
segment cleaning: Segment cleaning
emptying the bin: Emptying the bin
charging complete: Charging complete
device offline: Device offline
- tile_id: battery_level
entity: vacuum.roborock_s7
label: Battery
attribute: battery_level
icon: mdi:battery-charging-100
unit: '%'
- tile_id: fan_speed
entity: vacuum.roborock_s7
label: Fan speed
attribute: fan_speed
icon: mdi:fan
translations:
silent: Silent
standard: Standard
medium: Medium
turbo: Turbo
auto: Auto
gentle: Gentle
icons:
- icon: mdi:play
conditions:
- entity: vacuum.roborock_s7
value_not: cleaning
- entity: vacuum.roborock_s7
value_not: error
- entity: vacuum.roborock_s7
value_not: returning
tooltip: Start
tap_action:
action: call-service
service: vacuum.start
service_data:
entity_id: vacuum.roborock_s7
- icon: mdi:pause
conditions:
- entity: vacuum.roborock_s7
value_not: docked
- entity: vacuum.roborock_s7
value_not: idle
- entity: vacuum.roborock_s7
value_not: error
- entity: vacuum.roborock_s7
value_not: paused
tooltip: Pause
tap_action:
action: call-service
service: vacuum.pause
service_data:
entity_id: vacuum.roborock_s7
- icon: mdi:stop
conditions:
- entity: vacuum.roborock_s7
value_not: docked
- entity: vacuum.roborock_s7
value_not: idle
- entity: vacuum.roborock_s7
value_not: error
- entity: vacuum.roborock_s7
value_not: paused
tooltip: Stop
tap_action:
action: call-service
service: vacuum.stop
service_data:
entity_id: vacuum.roborock_s7
- icon: mdi:home-map-marker
conditions:
- entity: vacuum.roborock_s7
value_not: docked
- entity: vacuum.roborock_s7
value_not: returning
tooltip: Return to base
tap_action:
action: call-service
service: vacuum.return_to_base
service_data:
entity_id: vacuum.roborock_s7
- icon: mdi:target-variant
conditions:
- entity: vacuum.roborock_s7
value_not: docked
- entity: vacuum.roborock_s7
value_not: error
- entity: vacuum.roborock_s7
value_not: cleaning
- entity: vacuum.roborock_s7
value_not: returning
tooltip: Clean spot
tap_action:
action: call-service
service: vacuum.clean_spot
service_data:
entity_id: vacuum.roborock_s7
- icon: mdi:map-marker
tooltip: Locate
tap_action:
action: call-service
service: vacuum.locate
service_data:
entity_id: vacuum.roborock_s7
- icon: mdi:fan-alert
conditions:
- entity: vacuum.roborock_s7
attribute: fan_speed
value: 'off'
tooltip: Change fan speed
tap_action:
action: call-service
service: vacuum.set_fan_speed
service_data:
entity_id: vacuum.roborock_s7
fan_speed: silent
- icon: mdi:fan-alert
conditions:
- entity: vacuum.roborock_s7
attribute: fan_speed
value: silent
tooltip: Change fan speed
tap_action:
action: call-service
service: vacuum.set_fan_speed
service_data:
entity_id: vacuum.roborock_s7
fan_speed: balanced
- icon: mdi:fan-alert
conditions:
- entity: vacuum.roborock_s7
attribute: fan_speed
value: balanced
tooltip: Change fan speed
tap_action:
action: call-service
service: vacuum.set_fan_speed
service_data:
entity_id: vacuum.roborock_s7
fan_speed: turbo
- icon: mdi:fan-alert
conditions:
- entity: vacuum.roborock_s7
attribute: fan_speed
value: turbo
tooltip: Change fan speed
tap_action:
action: call-service
service: vacuum.set_fan_speed
service_data:
entity_id: vacuum.roborock_s7
fan_speed: max
- icon: mdi:fan-alert
conditions:
- entity: vacuum.roborock_s7
attribute: fan_speed
value: max
tooltip: Change fan speed
tap_action:
action: call-service
service: vacuum.set_fan_speed
service_data:
entity_id: vacuum.roborock_s7
fan_speed: max_plus
- icon: mdi:fan-alert
conditions:
- entity: vacuum.roborock_s7
attribute: fan_speed
value: max_plus
tooltip: Change fan speed
tap_action:
action: call-service
service: vacuum.set_fan_speed
service_data:
entity_id: vacuum.roborock_s7
fan_speed: custom
- icon: mdi:fan-alert
conditions:
- entity: vacuum.roborock_s7
attribute: fan_speed
value: custom
tooltip: Change fan speed
tap_action:
action: call-service
service: vacuum.set_fan_speed
service_data:
entity_id: vacuum.roborock_s7
fan_speed: 'off'
- icon: mdi:fan-alert
conditions:
- entity: vacuum.roborock_s7
attribute: fan_speed
value_not: 'off'
- entity: vacuum.roborock_s7
attribute: fan_speed
value_not: silent
- entity: vacuum.roborock_s7
attribute: fan_speed
value_not: balanced
- entity: vacuum.roborock_s7
attribute: fan_speed
value_not: turbo
- entity: vacuum.roborock_s7
attribute: fan_speed
value_not: max
- entity: vacuum.roborock_s7
attribute: fan_speed
value_not: max_plus
- entity: vacuum.roborock_s7
attribute: fan_speed
value_not: custom
tooltip: Change fan speed
tap_action:
action: call-service
service: vacuum.set_fan_speed
service_data:
entity_id: vacuum.roborock_s7
fan_speed: 'off'
- icon: mdi:home-floor-1
tooltip: Karte - EG
tap_action:
action: call-service
service: roborock.vacuum_load_multi_map
service_data:
entity_id: vacuum.roborock_s7
map_flag: 1
- icon: mdi:home-floor-2
tooltip: Karte - 2. OG
tap_action:
action: call-service
service: roborock.vacuum_load_multi_map
service_data:
entity_id: vacuum.roborock_s7
map_flag: 0
- icon: mdi:water-off
conditions:
- entity: vacuum.roborock_s7
attribute: waterBoxMode
value: 200
tooltip: Change mop intensity
tap_action:
action: call-service
service: vacuum.send_command
service_data:
command: set_water_box_custom_mode
params: 201
target:
entity_id: vacuum.roborock_s7
- icon: mdi:wave
conditions:
- entity: vacuum.roborock_s7
attribute: waterBoxMode
value: 201
tooltip: Change mop intensity
tap_action:
action: call-service
service: vacuum.send_command
service_data:
command: set_water_box_custom_mode
params: 202
target:
entity_id: vacuum.roborock_s7
- icon: mdi:waves-arrow-up
conditions:
- entity: vacuum.roborock_s7
attribute: waterBoxMode
value: 202
tooltip: Change mop intensity
tap_action:
action: call-service
service: vacuum.send_command
service_data:
command: set_water_box_custom_mode
params: 203
target:
entity_id: vacuum.roborock_s7
- icon: mdi:waves
conditions:
- entity: vacuum.roborock_s7
attribute: waterBoxMode
value: 203
tooltip: Change mop intensity
tap_action:
action: call-service
service: vacuum.send_command
service_data:
command: set_water_box_custom_mode
params: 200
target:
entity_id: vacuum.roborock_s7
- icon: mdi:waves
conditions:
- entity: vacuum.roborock_s7
attribute: waterBoxMode
value_not: 200
- entity: vacuum.roborock_s7
attribute: waterBoxMode
value_not: 201
- entity: vacuum.roborock_s7
attribute: waterBoxMode
value_not: 202
- entity: vacuum.roborock_s7
attribute: waterBoxMode
value_not: 203
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- show_name: true
show_icon: true
type: button
tap_action:
action: call-service
service: automation.trigger
target:
entity_id: automation.vac_wohnung_saugen
data:
skip_condition: true
entity: vacuum.roborock_s7
name: Wohnung saugen
hold_action:
action: none
icon: mdi:floor-plan
- show_name: true
show_icon: true
type: button
tap_action:
action: call-service
service: automation.trigger
target:
entity_id: automation.vac_wohnung_saugen
data:
skip_condition: true
entity: vacuum.roborock_s7
name: Wohnung saugen
hold_action:
action: none
icon: mdi:floor-plan
- type: horizontal-stack
cards:
- show_name: true
show_icon: true
type: button
tap_action:
action: call-service
service: automation.trigger
target:
entity_id: automation.vac_wohnbereich_saugen
data:
skip_condition: true
entity: vacuum.roborock_s7
name: Wohnbereich saugen
hold_action:
action: none
icon: mdi:sofa-outline
- show_name: true
show_icon: true
type: button
tap_action:
action: call-service
service: automation.trigger
target:
entity_id: automation.vac_wohnbereich_kombifahrt
data:
skip_condition: true
entity: vacuum.roborock_s7
name: Wohnbereich Kombi
hold_action:
action: none
icon: mdi:sofa-outline
- type: horizontal-stack
cards:
- show_name: true
show_icon: true
type: button
tap_action:
action: call-service
service: automation.trigger
target:
entity_id: automation.vac_kuche_saugen
data:
skip_condition: true
entity: vacuum.roborock_s7
name: KĂŒche Saugen
hold_action:
action: none
icon: fas:kitchen-set
- show_name: true
show_icon: true
type: button
tap_action:
action: call-service
service: automation.trigger
target:
entity_id: automation.vac_kuche_kombifahrt
data:
skip_condition: true
entity: vacuum.roborock_s7
name: KĂŒche Kombi
hold_action:
action: none
icon: fas:kitchen-set
- type: horizontal-stack
cards:
- show_name: true
show_icon: true
type: button
tap_action:
action: call-service
service: automation.trigger
target:
entity_id: automation.vac_badezimmer_saugen
data:
skip_condition: true
entity: vacuum.roborock_s7
name: Bad Saugen
hold_action:
action: none
icon: mdi:shower
- show_name: true
show_icon: true
type: button
tap_action:
action: call-service
service: automation.trigger
target:
entity_id: automation.vac_clean_bath
data:
skip_condition: true
entity: vacuum.roborock_s7
name: Bad Tiefenreinigung
hold_action:
action: none
icon: mdi:shower
- title: Live-Energie
path: live-energie
icon: mdi:home-lightning-bolt-outline
subview: true
type: panel
badges: []
cards:
- type: vertical-stack
title: Live-Werte
cards:
- type: horizontal-stack
cards:
- type: gauge
entity: sensor.balkonsolar_power
max: 600
needle: true
severity:
green: 200
yellow: 350
red: 450
name: Balkonsolar
- type: entities
entities:
- entity: sensor.balkonsolar_kwh_taglich
name: TĂ€glich
- entity: sensor.balkonsolar_energy
name: Gesamt
- entity: switch.balkonsolar
name: Status
state_color: false
- type: horizontal-stack
cards:
- type: gauge
entity: sensor.zuruck_zum_netz_watt_v2
max: 600
needle: true
severity:
green: 200
yellow: 350
red: 450
name: ZurĂŒck zum Netz
- type: entities
entities:
- entity: sensor.zuruck_zum_netz_kwh_taglich
name: TĂ€glich
- entity: sensor.zuruck_zum_netz_kwh_v2
name: Gesamt
- entity: sensor.solar_eigenverbrauch_watt_v2
- type: horizontal-stack
cards:
- type: gauge
entity: sensor.hichiirwifi_sgm_c4_4a920l_energy_power
name: Netzbezug
needle: true
severity:
green: 350
yellow: 750
red: 1500
max: 3000
- type: entities
entities:
- entity: input_number.aktueller_strompreis
- entity: sensor.balkonsolar_vorteil
- entity: sensor.balkonsolar_vorteil_in_euro_vz
name: Vorteil in Euro
- title: Landroids
path: landroids
subview: true
icon: mdi:robot-mower
badges:
- entity: vacuum.unten
- entity: vacuum.oben_l1000
cards:
- image: default
image_size: '4'
show_animation: true
show_status: true
show_toolbar: true
type: custom:landroid-card
entity: vacuum.oben_l1000
show_name: true
image_left: false
compact_view: false
- image: default
image_size: '4'
show_animation: true
show_status: true
show_toolbar: true
type: custom:landroid-card
entity: vacuum.unten
show_name: true
- title: BewÀsserung
path: bewasserung
icon: mdi:hydro-power
subview: true
badges: []
cards:
- type: horizontal-stack
title: BewÀsserungs-System
cards:
- show_name: true
show_icon: true
type: button
tap_action:
action: toggle
entity: switch.remotebewcmp_garten_sprinkler
icon: mdi:hydro-power
name: BewÀsserungscomputer
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: gauge
entity: sensor.remotebewcmp_wifi_signal_percent
name: WiFi
- show_name: false
show_icon: true
type: button
tap_action:
action: toggle
entity: button.remotebewcmp_garten_sprinkler_neu_starten
- type: horizontal-stack
cards:
- type: gauge
entity: number.remotebewcmp_garten_sprinkler_multiplier
min: 0
max: 5
name: Multi
- type: gauge
entity: number.remotebewcmp_garten_sprinkler_repeat
min: 0
max: 5
name: Rep.
- show_name: false
show_icon: true
type: button
tap_action:
action: toggle
entity: switch.remotebewcmp_garten_sprinkler_reverse
icon: mdi:keyboard-tab-reverse
- type: horizontal-stack
title: Relay/Valve 1
cards:
- show_name: true
show_icon: true
type: button
tap_action:
action: toggle
icon: mdi:sprinkler
name: Blumenwiese
entity: switch.remotebewcmp_blumenwiese
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: gauge
entity: number.remotebewcmp_blumenwiese_laufzeit
name: Laufzeit
min: 30
max: 600
needle: false
- show_name: false
show_icon: true
type: button
tap_action:
action: toggle
entity: switch.remotebewcmp_aktiviere_blumenwiese
icon: mdi:power
- type: horizontal-stack
cards:
- type: history-graph
entities:
- entity: switch.remotebewcmp_blumenwiese
name: Verl.
hours_to_show: 22
- type: vertical-stack
cards:
- type: horizontal-stack
title: Relay/Valve 2
cards:
- show_name: true
show_icon: true
type: button
tap_action:
action: toggle
icon: mdi:sprinkler
name: Rasen Oben
entity: switch.remotebewcmp_rasen_oben
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: gauge
entity: number.remotebewcmp_rasen_oben_laufzeit
name: Laufzeit
min: 30
max: 600
needle: false
- show_name: false
show_icon: true
type: button
tap_action:
action: toggle
entity: switch.remotebewcmp_aktiviere_rasen_oben
icon: mdi:power
- type: horizontal-stack
cards:
- type: history-graph
entities:
- entity: switch.remotebewcmp_rasen_oben
name: Verl.
hours_to_show: 22
- graph: line
type: sensor
entity: sensor.rasen_oben_daily_adjusted_run_time
detail: 2
- type: horizontal-stack
title: Relay/Valve 3
cards:
- show_name: true
show_icon: true
type: button
tap_action:
action: toggle
icon: mdi:sprinkler
name: GemĂŒse
entity: switch.remotebewcmp_gemuse
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: gauge
entity: number.remotebewcmp_gemuse_laufzeit
name: Laufzeit
min: 30
max: 600
needle: false
- show_name: false
show_icon: true
type: button
tap_action:
action: toggle
entity: switch.remotebewcmp_aktiviere_gemuse
icon: mdi:power
- type: horizontal-stack
cards:
- type: history-graph
entities:
- entity: switch.remotebewcmp_gemuse
name: Verl.
hours_to_show: 22
- type: vertical-stack
cards:
- type: horizontal-stack
title: Relay/Valve 4
cards:
- show_name: true
show_icon: true
type: button
tap_action:
action: toggle
icon: mdi:sprinkler
name: Himbeeren
entity: switch.remotebewcmp_himbeeren
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: gauge
entity: number.remotebewcmp_himbeeren_laufzeit
name: Laufzeit
min: 30
max: 600
needle: false
- show_name: false
show_icon: true
type: button
tap_action:
action: toggle
entity: switch.remotebewcmp_aktiviere_himbeeren
icon: mdi:power
- type: horizontal-stack
cards:
- type: history-graph
entities:
- entity: switch.remotebewcmp_himbeeren
name: Verl.
hours_to_show: 22
- graph: line
type: sensor
entity: sensor.himbeeren_daily_adjusted_run_time
detail: 2
- title: Garten-Pumpe
path: garten-pumpe
icon: mdi:pump
subview: true
badges:
- entity: switch.gartenpumpe
- entity: sensor.gartenpumpe_power
- entity: sensor.gartenpumpe_energy
cards:
- show_name: true
show_icon: true
type: button
tap_action:
action: toggle
entity: switch.gartenpumpe
name: Pumpe
- graph: line
type: sensor
entity: sensor.gartenpumpe_power
detail: 2
unit: Watt
hours_to_show: 48
name: Verbrauch
- icon: mdi:alert
title: Testing
path: testing
badges: []
cards:
- type: custom:auto-entities
show_empty: false
card:
type: vertical-stack
card_param: cards
filter:
template: >-
{% set area_filter = ['wohnung','Steckdose Wohnzimmer','Allgemein']
%}
{% set areas = states.light
| map(attribute='entity_id')
| map('area_name') | unique | reject('none') | rejectattr('entity_id','in', area_filter) | list %}
{%- for area in areas -%}
{%- if area not in area_filter -%}
{{{ 'type': 'vertical-stack',
'title': area,
'cards':
[{
'type': 'custom:auto-entities',
'show_empty' : 'false',
'card' :
{ 'type': 'grid',
'columns': 2,
'square': false,
},
'card_param': 'cards',
'filter':
{ 'include':
[{ 'domain' : 'light',
'area' : area,
'options':
{'type' : 'tile'}}],
'exclude':
[{ 'name' : 'Reolink*'},
{ 'state': 'unavailable'}
]},
}]}}},
{%- endif -%}
{%- endfor %}
- type: custom:auto-entities
show_empty: false
card:
type: vertical-stack
card_param: cards
filter:
template: >-
{% set area_filter = ['wohnung','Steckdose Wohnzimmer','Allgemein']
%}
{% set areas = states.switch
| map(attribute='entity_id')
| map('area_name') | unique | reject('none') | rejectattr('entity_id','in', area_filter) | list %}
{%- for area in areas -%}
{%- if area not in area_filter -%}
{{{ 'type': 'vertical-stack',
'title': area,
'cards':
[{
'type': 'custom:auto-entities',
'show_empty' : 'false',
'card' :
{ 'type': 'grid',
'columns': 2,
'square': false,
},
'card_param': 'cards',
'filter':
{ 'include':
[{ 'domain' : 'switch',
'area' : area,
'options':
{'type' : 'tile'}}],
'exclude':
[{ 'name' : 'Reolink*'},
{ 'state': 'unavailable'}
]},
}]}}},
{%- endif -%}
{%- endfor %}
- type: vertical-stack
title: Ausgeschaltet
cards: []
- type: vertical-stack
title: Angeschaltet
cards: []
title: Raumansicht
Hinweis zum Code
NatĂŒrlich werden die EntitĂ€ts-Namen fĂŒr euch nicht passen, aber ihr könnt euch zumindest den Aufbau des Dashboards in euer eigenes Kopieren und exakt nachschauen, wie ich die Karten konfiguriert habe.
Konfiguriert am besten einfach einen Raum auf der Raumansicht durch, somit habt ihr einen guten Start-Punkt đ
Icon-Farben Àndern
Bist du auch gelangweilt von den immer gleichen, grauen Icons in deinem Home Assistant Dashboard?
In diesem Video zeige ich dir, wie du deinem Dashboard einen individuellen Look verpasst und die Farbe deiner Icons ganz nach deinen WĂŒnschen anpasst! Ich stelle dir verschiedene Methoden vor, von card-mod ĂŒber Themes bis hin zur Picture-Elements-Karte – so ist fĂŒr jeden was dabei.
Die Fraben kannst du ĂŒbrigens als HEX angeben oder als HTML Color Names.
Hier unten đ findest du die Code-Snippets zum jeweiligen Video-Abschnitt und noch einige hilfreiche Links!
Picture-Elements
Doku zum Aufbau des Style-Snippets: https://www.home-assistant.io/integrations/frontend/#state-color
type: picture-elements
elements:
- type: state-icon
entity: cover.garage_door
style:
left: 42%
top: 70%
"--state-cover-open-color": red
"--state-cover-closed-color": lightgreen
- type: state-icon
style:
left: 50%
top: 50%
"--state-light-on-color": lightgreen
"--state-light-off-color": red
entity: light.gluhbirne_schreibtisch
image: /local/Hangstr.png
Themes
Doku von Home Assistant: https://www.home-assistant.io/integrations/frontend/
Snippet fĂŒr configuration.yaml damit der Theme-Ordner ĂŒberwacht wird
Abschnitte wie z.B. frontend: dĂŒrfen nicht doppelt vorkommen.
Das bedeutet also, wenn du den unten gezeigten Abschnitt schon hast, musst du diesen nicht noch einmal hinzufĂŒgen, sondern nur die Code-Zeilen darunter ggf. ergĂ€nzen.
Nach dem EinfĂŒgen kannst du eventuell noch die EntitĂ€ten-IDs an deine eigenen anpassen. Suchen und ersetzen kannst du mit „STRG+F“ (Windows) oder „CMD+F“ (Mac).
# Load frontend themes from the themes folder frontend: themes: !include_dir_merge_named themes
Eventuell den Ordner anlegen und darin die Datei /homeassistant/themes/mythemes.yaml
Themes-Beispiel aus dem Video:
happy:
primary-color: pink
text-primary-color: purple
sad:
primary-color: steelblue
modes:
dark:
secondary-text-color: slategray
day_and_night:
primary-color: coral
modes:
light:
secondary-text-color: olive
dark:
secondary-text-color: slategray
my_color_theme:
primary-color: pink
text-primary-color: purple
state-cover-garage-open-color: "#ff0000"
state-cover-garage-closed-color: green
state-cover-shutter-open-color: "#ff0000"
state-cover-shutter-closed-color: green
state-media_player-inactive-color: "#795548"
state-light-on-color: "#2ab7ca"
state-light-off-color: "#e6e6ea"
modes:
light:
secondary-text-color: olive
dark:
secondary-text-color: slategray
Card-Mod
Community-Post mit ĂŒber 50 Beispielen: https://community.home-assistant.io/t/card-mod-add-css-styles-to-any-lovelace-card/120744/1396
Beispiel-Codes aus dem Video
Den Code kannst du jeweils im Code Editor unter dem Standard-Code der Karte einfĂŒgen đ
Heading-Card: Icon und Ăberschrift einfĂ€rben
card_mod:
style: |
.title > p {
color: green;
}
.title ha-icon {
--icon-primary-color: green;
}
Tile-Card: Licht anders einfÀrben
Hier fÀrbe ich abhÀngig vom Status des Lichts die Karte anders ein.
Noch einmal der Hinweis: Funktioniert nicht vollstĂ€ndig, wenn das Licht Farben unterstĂŒtzt.
card_mod:
style: |
ha-tile-icon {
{% if states(config.entity) == 'on' %}
--tile-color: green;
{% else %}
--tile-color: red;
{% endif %}
}
Tile-Card: Rollo abhĂ€ngig von Ăffnungsgrad einfĂ€rben
Hier greife ich ĂŒber den Code auf das Attribut current_position der konfigurierten (Rollo) EntitĂ€t zu und fĂ€rbe anhand dessen die Karte anders ein.
card_mod:
style: |
ha-tile-icon {
{% if state_attr(config.entity, "current_position")|float(0) >= 90 %}
--tile-color:red;
{% elif state_attr(config.entity, "current_position")|float(0) >= 30 %}
--tile-color:orange;
{% else %}
--tile-color:green;
{% endif %}
}
Das alte Dashboard-Video (Mitte 2022)
Auch wenn es mittlerweile schon einige Zeit her ist, möchte ich das alte Video & die dazugehörigen Codes der Karten nicht entfernen. Vielleicht kann der ein oder andere ja noch die Code-Snippets gebrauchen, wenn man die Kachel-Karten von der Optik her nicht so gut findet đ
Dashboard-Karten (Code-Snippets)
Die Karten liste ich dir hier in der Reihenfolge auf, wie sie im Video besprochen oder genannt wurden đ
EinfĂŒgen der Code-Snippets
Zum EinfĂŒgen der Code-Snippets:
- Bearbeite dein Dashboard
- Lege dir eine „Manuelle“ Karte an đ
- Hier kannst du den Code einfĂŒgen, die Namen der EntitĂ€ten anpassen
Und schon bist du fertig đ
Personen
Code
type: vertical-stack
cards:
- cards:
- image: /api/image/serve/b1982a9dbb82b887d18cc2cdbb2e1bab/512x512
elements:
- style:
color: white
top: 93%
left: 30%
type: state-label
entity: person.simon_muller
- style:
color: white
top: 93%
left: 75%
type: state-label
entity: sensor.iphone_battery_state
type: picture-elements
- image: /local/custom/Arabella-1.png
elements:
- style:
color: white
top: 93%
left: 30%
type: state-label
entity: person.arabella_oberstedt
- style:
color: white
top: 93%
left: 75%
type: state-label
entity: sensor.iphone_von_arabella_battery_state
type: picture-elements
type: horizontal-stack
Wetter
Code
show_current: true show_forecast: true type: weather-forecast entity: weather.openweathermap name: Wetter
Lichter
Code
show_name: true
show_icon: true
show_state: false
type: glance
entities:
- entity: light.licht_spiegelschrank_state
name: Spiegel
tap_action:
action: toggle
hold_action:
action: more-info
- entity: light.licht_flur_state
name: Flur
tap_action:
action: toggle
hold_action:
action: more-info
- entity: light.funk_dimmaktor_dose_flur
name: Flur
tap_action:
action: toggle
hold_action:
action: more-info
- entity: light.licht_kuche
name: KĂŒche
tap_action:
action: toggle
hold_action:
action: more-info
- entity: light.licht_tisch
name: Tisch
tap_action:
action: toggle
hold_action:
action: more-info
- entity: light.licht_wohnzimmer_state
name: Wohnzimmer
tap_action:
action: toggle
hold_action:
action: more-info
- entity: light.deckenlampe_schlafzimmer
name: Schlafzimmer
tap_action:
action: toggle
hold_action:
action: more-info
- entity: light.shapes_e22c
name: Shapes
tap_action:
action: toggle
hold_action:
action: more-info
- entity: light.pyramide
name: Pyramide
tap_action:
action: toggle
hold_action:
action: more-info
state_color: true
columns: 5
title: Licht
HaustĂŒr
Code
type: entities entities: - entity: lock.hausturoffner - entity: sensor.shelly_button_haustur_battery title: HaustĂŒr show_header_toggle: false
GeschÀtzte Helligkeit
Code
hours_to_show: 48 graph: line type: sensor entity: sensor.estimated_illuminance detail: 1 name: GeschÀtzte Helligkeit icon: mdi:brightness-auto unit: lux
HVAC-Custom Karte
Code
Hier: Warum Home Assistant Thermostat Karten nicht gut sind
Bild mit RolllÀden und Hilfsvariablen
Code
type: vertical-stack
cards:
- cards:
- style:
border-radius: 20px
box-shadow: 3px 3px rgba(0,0,0,0.4)
border: solid 1px rgba(100,100,100,0.3)
overflow: hidden
image: /local/custom/2022-05-12_19-49-50.png
elements:
- style:
color: white
top: 85%
left: 10%
type: state-icon
entity: input_boolean.chac_is_enabled
- style:
color: white
top: 93%
left: 50%
type: state-badge
title: test
entity: sensor.strom_eg_aktuell
- style:
color: white
top: 85%
left: 90%
type: state-icon
entity: input_boolean.cover_manage_cover_with_sun
- style:
color: white
top: 15%
left: 92%
type: state-icon
entity: cover.rollo_badezimmer
- style:
color: white
top: 14%
left: 77%
type: state-icon
entity: cover.rollo_kuche
- style:
color: white
top: 13%
left: 56%
type: state-icon
entity: cover.rollo_wohnzimmer
- style:
color: white
top: 12%
left: 24%
type: state-icon
entity: cover.rollo_schlafzimmer
type: picture-elements
type: horizontal-stack
Sicherheit
Code
show_name: true
show_icon: true
show_state: true
type: glance
entities:
- entity: binary_sensor.bewegungsmelder_wohnzimmer_motion
name: Wohnzimmer
- entity: sensor.bewegungsmelder_wohnzimmer_brightness
name: Wohnzimmer
- entity: binary_sensor.bewegungsmelder_bad_motion
name: Bad
- entity: sensor.bewegungsmelder_bad_brightness
name: Bad
- entity: binary_sensor.turkontakt_abstellraum_state
name: Abstellraum
- entity: binary_sensor.fenster_wohnzimmer_state
name: Wohnzimmer
- entity: binary_sensor.fenster_bad_state
name: Bad
- entity: binary_sensor.fenster_schlafzimmer_state
name: Schlafzimmer
columns: 4
title: Sicherheit
Klima-Karte Schlafzimmer
Code
cards:
- cards:
- entity: fan.levoit_core300s
type: entities
entities:
- fan.levoit_core300s
title: Klima SZ
- entity: sensor.schlafzimmer_luftqualitaet
type: entity
name: LuftqualitÀt
state_color: false
icon: mdi:leaf
type: horizontal-stack
- cards:
- align_state: left
icon: mdi:chart-areaspline
entities:
- color: '#99ccff'
entity: sensor.schlafzimmer_luftqualitaet_in_pm25
index: 0
points_per_hour: 6
name: Schlafzimmer LuftqualitÀt Verlauf
type: custom:mini-graph-card
type: horizontal-stack
type: custom:vertical-stack-in-card
GerĂ€te fĂŒr HA
Mehr GerĂ€te fĂŒr Home Assistant, HACS oder auch Alexa, Google Home, HomeKit sowie Homebridge findest du in unserem Smart Home GerĂ€tefinder!
Fazit
Dashboards sind ein wichtiger Teil des Home Assistant. Sie geben dir einen schnellen Ăberblick darĂŒber, was in deinem Zuhause passiert und ermöglichen es dir, deine GerĂ€te schnell und einfach zu steuern.
Wenn du dein eigenes Dashboard erstellst, kannst du sicherstellen, dass es die Informationen enthĂ€lt, die fĂŒr dich am wichtigsten sind. Das Video zeigt, wie du Codebeispiele fĂŒr Dashboards findest und wie du sie selbst erstellen kannst. Ich hoffe, du fandest das hilfreich und kannst jetzt auch deine eigenen Dashboard-Karten erstellen!
Sehr gutes Video.
FĂŒr alle, die mal sehen wollen, wie man ein sehr mĂ€chtiges Dashboard automatisch erzeugen kann, welches m.M.n. nur als Anregung genutzt werden kann, was alles möglich ist, sollte sich den ersten Teil dieses Videos mal ansehen (Auto generating Mushroom dashboard strategy):
Hat jmd. eine Idee wie ich die Icons der EntitÀten bei der
vertical-stackgegen Bilder vom lokalen Pfad eintausche?Beim Wert
image:sagt er, das es mit dieser Art Karte nicht möglich ist und das EntitÀts-Icon kann man ja auch nicht gegen ein lokales Bild tauschen, oder?Habs geschafft mit der
customizeFunktion ĂŒber die configuration.yamlHallo Simon,
bei mir sehen die Karten leider anders aus - Aussehen, Aktion und Funktion tauchen da nicht auf.
Muss ich noch irgendwas aktivieren/umstellen?
Du hast als Karte vermutlich âEntitĂ€tâ und nicht âKachelâ genommen.