Mit dem Mushroom Frontend für Home Assistant, welches über HACS installiert werden kann, kann man ganz einfach ein schönes Home Assistant Dashboard machen.
Natürlich kann man auch mit dem Standard Karten ein schönes Dashboard machen, mit Mushroom finde ich es aber schöner. Es ist zwar ein bisschen Arbeit, lohnt sich aber.
- 00:00 Intro
- 00:32 Installation des Mushroom Frontend
- 01:15 Neues Dashboard erstellen
- 02:06 Dashboard konfigurieren
- 13:52 Mushroom Theme aktvieren
- 14:50 Outro
Da es teilweise ein bisschen Code gibt, ist dieser hier verlinkt: https://github.com/Technikfreaksyt/smarthome-homeassistant/tree/main/mushroom-dashboard.
Vorbereitung
Um das Mushroom Frontend zu nutzen, musst du erstmal in HACS nach Mushroom suchen und installieren. Das ist einmal „Lovelace Mushroom“ & „Lovelace Mushroom Themes“:
Dann musst du nur noch ein Dashboard erstellen und kannst mit der Erstellung anfangen.
Wenn du das Dashboard das erste mal bearbeitest, musst du beachten, dass das Dashboard leer ist.
Dashboard einrichten
Als erstes wählst du eine Template Card aus, dort steht dann sowas wie „Guten Morgen Bruno!“.
Bei dieser Template Card entfernst du dann alles (Logo, sekundäre Info, usw):
Bei „Primäre Information“ fügst du dann diesen Code ein und speicherst die Template Card so, wie sie ist.
{% set time = now().hour %}
{% if (time >= 18) %}
Guten Abend {{user}}!
{% elif (time >= 12) %}
Guten Nachmittag {{user}}!
{% elif (time >= 5) %}
Guten Morgen {{user}}!
{% else %}
Hallo {{user}}!
{% endif %}
Damit das Dashboard nicht so vollgemüllt ist, erst3ellt du eine „Unteransicht“ ohne Namen:
Um zu der Unteransicht zu navigieren brauchst du wieder eine Template Card, die aber vertikal konfiguriert ist und bei einem klick zu einem Pfad geht:
Wenn du dann da drauf drückst, wirst du zu dieser Ansicht geleitet.
Ich habe dann z.B via Forecast ein Wetter eingebunde. Forecast ist übrigens schon vorinstalliert.
Um das Dashboard zu unterteilen, kannst du ganz einfach die Mushroom Title Card nehmen, wie man die einstellt, erklärt sich von selbst:
Wenn du Lichter, usw. steuerm willst, nimmst du wieder eine Template Card. In der Template Card brauchst du diesmal Code, den kannst du aus diesem Beitrag,o der der GitHub Repo ganz einfach kopieren.
Erstmal musst du der karte eine Entität(ein Gerät) zuweisen:
Das Logo kannst du auch frei wählen.
Damit die Icon Farbe sich ändert, wenn das Gerät eingeschaltet wird, fügst du diesen Code ein:
{% if is_state('switch.zimmerlicht', 'on') %}
blue
{% endif %}Das „switch.zimmerlicht“ bitte mit der Entität des Gerätes austauschen, sonst funktioniert es nicht.
Damit unter dem Namen sowas wie „Eingeschaltet“ steht, mussst du bei der Sekundären Information diesen Code einfügen:
{% if is_state('switch.zimmerlicht', 'on') %}
Eingeschaltet
{% endif %}
{% if is_state('switch.zimmerlicht', 'off') %}
Ausgeschaltet
{% endif %}Das „switch.zimmerlicht“ bitte wieder mit deiner Entiät austauschen.
Sofern du die Mediensteuerung nutzt, und dies auch bei diesem Dashboard tun willst, solltest du die Mediensteuerung von Mushroom nehmen:
Normane Mediensteuerung (Home Assistant Standard):
Neue Mediensteuerung (Mushroom):
Damit Elemente nebeneinander sind, kannst du dann noch die Stapel nutzen:
Die Nutzung ist ganz einfach, erst fügst du einen Stapel hinzu und in diesem fügst du dann z.B. deine Template Card ein.
Wenn du dein ganzes Home Assistant ein bisschen an das Mushroom Frontend anpassen willst, musst du in den Einstellungen deines Nutzers nur ein Mushroom Theme auswählen, diese kommen durch das „Mushroom Themes“ Frontend, welches wir am Anfang auch über HACS installiert haben:
Das ganze Dashboard aus dem Video, usw. gibt es hier:
https://github.com/Technikfreaksyt/smarthome-homeassistant/tree/main/mushroom-dashboard
Kommentare