Follow along with the video below to see how to install our site as a web app on your home screen.
Anmerkung: This feature may not be available in some browsers.
Browser-Mod
einen Service zur Verfügung, mit dem Du Dashboard Links aufrufen kannst. Das wiederum lässt sich in einer Automation gut abbilden. Trigger ist das Event, und als Action hast Du den Browser-Mod-Service.state-switch
arbeiten. Man muss ja in der Theorie nicht gleich ein ganzes Dashboard wechseln. Manchmal reicht ja auch schon das ein- und ausblenden einer bestimmten Karte.browser-mod
nutzen, ob das allerdings schon zum jetzigen Zeitpunkt sein muss, wage ich dahin zu stellen. Nicht falsch verstehen, ich trau Dir das schon zu, aber empfindungsmässig bist Du noch in der "Bastelphase", und da kann der nützlich sein, in den meisten Fällen verwirrt das aber nur. Soweit klar.Eines meiner Dashboard-Tabs enhält die bereits bekannte Stunden/Minuten Tastatur, die im Übrigen super funktioniert (Dank an alle Beteiligten), und noch weitere Einstellmöglichkeiten um Solar- oder eben zeitgesteuert Geräte einzuschalten.
Was heisst "vor Ort"? Hast Du ein eigenes Gerät (z.B. Tablet) und auf dem willst Du das Dashboard aufrufen?Da ich die Geräte aber auch "vor Ort" ein-/ausschalten kann, sprich deren Steckdose, möchte ich in dem Fall dann "nicht vor Ort" auf dem Tablet das Dashboard auf das Tab wechseln.
Damit kann dort noch was eingestellt oder kontrolliert werden.
state-switch
-card geradezu an. Das kann man ideal als Trigger nutzen, "wenn schalter auf on" und man könnte sogar ein automatisches "zurückgehen" auf das "Dashboard" davor automatisieren. Dashboard ist hier bewusst in Anführungszeichen, denn mit state-switch schaltest Du streng genommen kein Dashboard, sondern eine Karte.Jein. Du brauchst ja immer einenJa, das wäre eine Möglichkeit, hoffe man muss dafür nicht die Auswahlbox, wie im Video, haben, das wäre unschön.
state
, den Du umschaltest, also ist die einfachste Möglichkeit, dass z.B. mit einem input_select
zu lösen. Niemand zwingt Dich ja, dass auch anzuzeigen. Das Umschalten an sich kannst Du ja anders lösen. Du könntest einen Button machen, der als tap_action
einen Wechsel des input_select
bewirkt.Das ist das was ich meine, je mehr Möglichkeiten, umso schwerer die Entscheidung. Aber denk Dir nix, mir geht das jetzt nach Jahren mit HA immer noch nicht anders.Ich glaub mein größtes Problem ist mir erst mal klar zu werden was ich alles wie sehen und handhaben möchte.
Eine? Gefühlt mindestens immer zehn! Und das setzt aber voraus, das man während der Suche nicht über was anderes stolpert und sich dafür begeistert.Aufgrund der Vielzahl an Karten gibt es wahrscheinlich für die meisten Probleme eine Lösung.
Kenne ich gar nicht, muss ich mir gleich ansehen.Ich habe da die "flipdown-timer-card" gefunden, die finde ich optisch sehr reizvoll, man kann aber anscheinend nicht nur die Zahlen ohne Buttons darstellen. Das wäre perfekt für die Darstellung eines rücklaufenden Timers.
Wenn Du entsprechende Javascript Kenntnisse hast, ist das natürlich eine Möglichkeit. Ich gebe aber Deine Feststellung zu bedenkenIch befürchte, das nach der Installation von browser-mod, das nächste Thema die Erstellung einer eigenen Karte in HACS ist
Die Wahrscheinlichkeit ist ziemlich hoch, dass jemand anders dasselbe Problem schon hatte und schon eine Karte erstellt hat.Aufgrund der Vielzahl an Karten gibt es wahrscheinlich für die meisten Probleme eine Lösung.
state-switch
kannst Du nur in YAML konfigurieren, die Karte bietet keine Möglichkeit, dass über die UI zusammen zu klicken. Will sagen, Du kannst die state-switch-card
nur manuell anlegen, entweder als Code in einer "manuellen Karte", oder Du gehst gleich direkt über den "Raw-Konfigurationseditor" (beides wäre im UI-Mode), oder Du stellst gleich das gesamte Dashboard auf YAML um (YAML-Mode).input_booleans
arbeiten, denn wie Du schon richtig anmerkst, die haben keine Abhängigkeit zueinander, was also mehr Aufwand bedeutet. Um das zu vermeiden, bietet sich ein input_select
an. Denn da hast Du genau das, was Du möchtest: Du kannst nur einen Eintrag auswählen, einen anderen zu wählen bedeutet ohne Aufwand ein "umschalten". input_select
deswegen wichtig, bei mir sieht das so aus (ich mache das in einem package
, kannst Du aber auch manuell in der UI anlegen):input_select:
frontend_dashboard_home:
name: Frontend Dashboard Home
options:
- info
- livingroom
initial: info
icon: mdi:home
views:
- title: Home
type: custom:grid-layout
layout:
grid-template-columns: 1fr
grid-template-areas: |
"header"
"nav"
"main"
cards:
- type: custom:mushroom-chips-card
chips:
- type: entity
entity: sensor.time
view_layout:
grid-area: header
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
primary: ''
secondary: Info
icon: mdi:information-outline
layout: vertical
tap_action:
action: call-service
service: input_select.select_option
target:
entity_id: input_select.frontend_dashboard_home
data:
option: info
multiline_secondary: false
fill_container: false
- type: custom:mushroom-template-card
primary: ''
secondary: Wohnzimmer
icon: mdi:sofa
layout: vertical
tap_action:
action: call-service
service: input_select.select_option
target:
entity_id: input_select.frontend_dashboard_home
data:
option: livingroom
view_layout:
grid-area: nav
- type: custom:state-switch
view_layout:
grid-area: main
entity: input_select.frontend_dashboard_home
default: info
transition: slide-down
transition_time: 600
states:
info:
type: markdown
content: >
INFO
livingroom:
type: markdown
content: >
WOHNZIMMER
layout-card
, damit ich eine vernünftige Einteilung bekomme. In dem Fall hier ist es eh nix grossartiges, ein dreizeiliges Layout, untereinander, gesamte Breite. Das lässt sich natürlich auch anders lösen, aber, auch das kennst Du von mir, da muss ich mehr wissen für konkrete Beispiele. state-switch-card
und hast dann nach belieben (=Anzahl Einträge im input_select
) freie Bereiche, die Du wie gewohnt mit allen vorhandenen Karten bestücken kannst. Also ohne irgendwas anderes, ist es das: - type: custom:state-switch
entity: input_select.frontend_dashboard_home
default: info
states:
info:
# Hier Karten für den Info Bildschirm
livingroom:
# Hier Karten für den Wohnzimmer (livingroom) Bildschirm
Gerne!Uiii, vielen lieben Dank für Deine Unterstützung !
Ne, ne, das ist eher ein sprachliches Problem bei mir. Ich arbeite selten mit der UI, als Ausnahme habe ich vor kurzem angefangen die Dashboards im UI-Mode anzulegen. Aber das ist ein noch laufendes Projekt... Dummerweise sind mir dadurch nur die englischen Begriffe gut geläufig, da in YAML natürlich die englischen Begriffe stehen...Du siehst ich arbeite zuviel mit der GUI
Da müssen wir noch an Deine Denke ran. Darstellung und was hinten im Code läuft, sind zwei völlig unterschiedliche Dinge. Du nutzt dasAllerdings ist der input_select, wenn es sich dabei um den Dropdown-Helfer handelt (Du siehst ich arbeite zuviel mit der GUI), nicht ganz meine erste Wahl, da finde ich die Darstellung auf dem Tablet was "friemelig", sprich kleine Schrift und dadurch für Grobmotoriker nicht so gut zu selektieren.
input_select
(ich bleib jetzt einfach dabei, aber ja, das ist der Dropdown-Helfer) ja nur im Hintergrund. Die Umschaltung erfolgt anhand des Wertes dieses input_select
, umgeschaltet wird es aber nicht durch die reale Bedienung des input_select
, sondern wir nutzen einen Button, der mittels eines service
(in Deutsch: Dienst) das input_select
für uns umschaltet. Darauf reagiert wiederum die state-switch-card
und macht etwas. tap_action:
action: call-service
service: input_select.select_option
target:
entity_id: input_select.frontend_dashboard_home
data:
option: info
action
auf, nämlich einen Dienst aufzurufen (call-service), dieser ist input_select.select_option
, und damit schaltest Du auf den Wert option: info
. input_select
direkt auseinander zu setzen, wir haben uns allerdings ein ganzes Bündel an Automation gespart, die noch dazu fehleranfällig wären.Ja und Nein. Da sind sicherlich ein paar grundsätzliche Dinge wissensmässig noch nicht vorhanden, aber das ist eben ein Lernprozess. Wie lange nutzt Du HA denn schon? In meinem Fall sind es mittlerweilen irgendwo fünf bis sechs Jahre. Und gerade während Corona war da richtig viel Zeit um sich dem zu widmen. Das muss wachsen, dass ist ja kein hochbezahlter Job, sondern ein mitunter teueres Hobby, aber immer noch ein Hobby.Ich merke allerdings immer wieder, dass es bei mir schon bei grundsätzlichen Dingen klemmt.
Meistens findet man ja yaml Beispiele im Netz, wie Deine z.B.
Ich weiß dann oft nicht so genau, wo ich diesen Code eintragen soll ?
Durch dieses Unwissen bin ich natürlich oft nicht in der Lage die gefundenen Beispiele ordentlich zu nutzen.
Habe mich wohl nicht ausreichend in die Home Assistant Dokumentationen eingearbeitet
entity_id
input_select.frontend_dashboard_homeEinstellungen > Dashboards
ein neues Dashboard an (eingestellt, wie Du magst)drei Punkte oben rechts > Dashboard bearbeiten > wieder die drei Punkte oben rechts > RAW-Konfigurationseditor
views:
- title: Home
type: custom:grid-layout
layout:
grid-template-columns: 1fr
grid-template-areas: |
"nav"
"main"
cards:
- type: horizontal-stack
cards:
- type: button
name: Info
tap_action:
action: call-service
service: input_select.select_option
target:
entity_id: input_select.frontend_dashboard_home
data:
option: info
- type: button
name: Wohnzimmer
tap_action:
action: call-service
service: input_select.select_option
target:
entity_id: input_select.frontend_dashboard_home
data:
option: livingroom
view_layout:
grid-area: nav
- type: custom:state-switch
view_layout:
grid-area: main
entity: input_select.frontend_dashboard_home
default: info
transition: slide-down
transition_time: 600
states:
info:
type: markdown
content: >
INFO
livingroom:
type: markdown
content: >
WOHNZIMMER