Home Assistant schönes mobile Dashboard erstellen

manatarms123 schrieb:
kann man unendlich kleine unter dashboards machen oder ist das begrenzt?
Es gibt nur eine Hierarchieebene. Entweder Unteransicht oder nicht. Es gibt keine Unteransicht unter einer Unteransicht.
 
Tipp von mir: ChatGPT. Ich hab auch ein Dashboard mit dessen Hilfe erstellt, was angepasst auf mein iPhone ist. Du brauchst nur sagen, was genau er machen soll, also Unterteilung in Bereiche (Strom, Licht, Wetter) oder Zimmer und die passenden Entitäten. Nach 2 Stunden hin und herschreiben war es bei mir fertig.
 
@SaxnPaule mein Dashboard nimmt langsam vorm an

Die hauptseite vom Dashboard habe ich mit der bereichkarte gemacht
Ist ok für den Anfang aber viel zu groß
Muss später was anderes her

Ich konzentriere mich erstmal auf due unteransichten.
Kann ich so viele tabs im Dashboard erstellen wie ich möchte?
Wohnzimmer, esszimmer Küche alles eine eigene seite eventuell später noch Wohnzimmer usw in verschiedenen Ausführungen oder kann ich oben zb macimal 10 oder 100 oder unendlich tabs erstellen?
 
@SaxnPaule Ich komme mittlerweile etwas weiter mit dem Dashboard.
Ich habe eine Mushroom karte für Rolladen, Licht usw gemacht.

Kannst du mir sagen, wie ich anzeigen lassen kann wie viele Lampen eingeschaltet sind oder rolladen geschlossen sind?

Wie hast du das mit den Rolladen gemacht da die viele verschiedenen Stadien haben können offen, teil geschlossen (10% 30% 60% 90%) oder geschlossen
 
Mit Helpern die über eine Lampengruppe zählen wieviel davon im Status "On" sind.


Rollläden lasse ich mir nicht anzeigen
Die gehen automatisch auf und zu. Das interessiert mich nicht.
Ergänzung ()

Lampengruppe + Zähler anlegen
1792061442283.png


Zähler als Template-Helper mit folgendem Template:

Javascript:
{%- set count = expand('light.lampen_draussen') | selectattr('state', '==', 'on') |
  list | count %}
{{ count }}

Zähler als Badge mit in die Mushroom Kachel konfigurieren. Bei mir ist die Farbe des Badges noch davon abhängig ob ein Fenster geöffnet ist.

Rot mit Zahl - Fenster zu und x Lampen an
Blau mit Zahl - Fenster auf und x Lampen an
Blau mit ! - Fenster offen und keine Lampe an

Hier am Beispiel vom Schlafzimmer:

Javascript:
badge_text: |-
  {% if states("number.lampen_schlazi_zahler")|int > 0 %}
    {{states("number.lampen_schlazi_zahler")}}
  {% elif is_state('binary_sensor.openclose_94', 'on') %}
    {{ "!" }}
  {% else %}
 
  {% endif %}
badge_color: >-
  {% if is_state('binary_sensor.openclose_94', 'on') or
  is_state('binary_sensor.aqara_window_2_schlafzimmer', 'on') %}
    blue
  {% elif states("number.lampen_schlazi_zahler") |int > 0 %}
    red
  {% else %}
    transparent
  {% endif %}
 
Zuletzt bearbeitet:
@SaxnPaule Danke der Zählt dann alle lampen die An sind mit dem Label Lampe_draußen?

oder muss ich die Lampengruppe selber anlegen als Helper?
 
Ich habe noch die mit Helpern gearbeitet aber so ist es richtig oder?

Helper -> Gruppe -> Leuchten Gruppe -> Alle Lampen hinzufügen

Helper -> Template -> Dein code
 
@SaxnPaule Hat geklappt ich habe es aber so gelöst das alle Lampen entitäten gezählt werden die das Label Lampe haben. dann muss ich nur Labels pflegen und der rest geht automatisch

ich habe eine Mushroom Template erstellt wo dann angezeigt wird wie viele Lampen aktuell eingeschaltet sind.
Bei gedrückt halten gehen alle Lampen aus

bei einfach Klick soll ein Popup aufgehen wo dann alle Lampen aufgelistet sind.
Muss ich da für jede einzelne Lampe eine Mushroom oder bubble card erstellen und da einfügen?

oder kann man das auch über die Label funktion irgendwie realisieren? das dann dort alle Lampen aufgeführt werden die das Label Lampe haben? am besten nach Raum oder Etage sortiert?

Geht das irgendwie automatisiert oder muss man das manuell machen?
 
Das habe ich automatisiert mit einer BubbleCard

light.lampen_eg ist eine Lampengruppe bei mir. Da musst du entsprechend deinen Helper eintragen.
Ist optisch kein Highlight, aber zweckmäßig.

Javascript:
type: custom:bubble-card
card_type: pop-up
hash: '#lampen_eingeschaltet'
button_type: name
show_header: false
margin_top_mobile: calc(100vh - 40%)
margin_top_desktop: calc(100vh - 75%)
hide_backdrop: true
close_on_click: true
card_layout: normal
bg_opacity: '0'
sub_button:
  main: []
  bottom: []
cards:
  - type: custom:mushroom-template-card
    features_position: bottom
    primary: >-
      {{
      expand('light.lampen_eg')|selectattr('state','eq','on')|map(attribute='name')|list|join(',
      ') }}
    card_mod:
      style: |
        ha-card {
          --ha-card-background: rgba(0, 0, 0, 0.01);
          --primary-text-white-space: pre-wrap;
        }
 
Zurück
Oben