Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Zeigt her eure Lovelace-Visualisierung

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Zeigt her eure Lovelace-Visualisierung

    This topic has been deleted. Only users with topic management privileges can see it.
    • dontobi
      dontobi last edited by dontobi

      Dann poste ich hier auch mal meine aktuelle Konfiguration.

      deceb8bf-5901-46a7-b70a-58745f22aa68-image.png
      Den Anfang macht meine Startseite. Ich denke die einzelnen Karten sind auf dem Bild selbsterklärend. Die Karten "Batteriestatus" und "Geräte Online" werden nur angezeigt, wenn ein Gerät sich im WLan befindet bzw. ein Geräte BatLow meldet.

      c4d6f14c-7911-465c-8d4d-628c5fb122dd-image.png
      Auf der zweiten Seite befindet sich alles, was mit Beleuchtung zu tun hat. Zur Karte Außenbeleuchtung sei gesagt, dass ich mit dieser die Außenbeleuchtung (rund ums Haus) per Hand schalten kann oder mit einer parametrierbaren Automatik geschaltet wird.

      d590e698-1eef-4e01-a4b9-b187474ae624-image.png
      Auf der dritten Seite geht es um die Rollladensteuerung. Ich habe die Logik dahinter selber programmiert und lasse die Rollläden im Automatik Modus bei den eingestellten Sonnenwinkeln auf bzw. zu fahren. Dabei ist es mir jederzeit möglich die Rollläden von Hand am Schalter oder hier in der UI zu verfahren.

      69bc5746-8cb3-473c-aff4-221d181efc93-image.png
      Auf der vierten Seite geht es um die Heizungssteuerung. Ihr seht auf dem Screenshot nur einen Teil der Thermostat Karten. Ich denke aber, dass dies ausreicht. Bei der Betriebsart wird zwischen Sommer- und Winterbetrieb umgeschaltet. Der Urlaubsmodus schaltet die Homematic Thermostate in ein anderes Profil um. Des Weiteren überwache ich die Luftfeuchtigkeit in allen Räumen. Dabei schaue ich auf die absolute Luftfeuchte, nicht auf die rel. Luftfeuchte. Damit die Alarmmeldungen (die im Lovelace und Telegram aufschlagen) nicht zu häufig werden, habe ich die Schwellen die zur Meldung führen ebenfalls parametrierbar ins Lovelace integriert.

      bd46cd41-0a54-4009-80ea-6bf6f519fe4e-image.png
      Nun zur letzten Seite. Hier lasse ich das Wetter anzeigen und wie es beim Pollenflug aussieht. Letzteres kommt daher, weil meine Frau und ich leider damit zu tun haben. Somit sparen wir uns eine App auf dem Handy.

      EDIT:
      Hier die Config:

      title: Smart Home
      views:
        - cards:
            - type: entities
              title: Steckdosen
              show_header_toggle: false
              entities:
                - entity: input_boolean.Steckdose_Computer
                  name: Computer
                  icon: 'mdi:power-socket-eu'
                - entity: input_boolean.Steckdose_Fernseher
                  name: Fernseher
                  icon: 'mdi:power-socket-eu'
                - entity: input_boolean.Steckdose_Ladestation
                  name: Ladestation
                  icon: 'mdi:power-socket-eu'
                - entity: input_boolean.Steckdose_Sonos_Wohnzimmer
                  name: Sonos Wohnzimmer
                  icon: 'mdi:power-socket-eu'
                - entity: input_boolean.Steckdose_Sonos_Buero
                  name: Sonos Büro
                  icon: 'mdi:power-socket-eu'
                - entity: input_boolean.Steckdose_Sonoff
                  name: Sonoff S20
                  icon: 'mdi:power-socket-eu'
            - type: entities
              title: Sonstiges
              show_header_toggle: false
              entities:
                - entity: input_boolean.Funktion_Anwesenheitssteuerung
                  name: Anwesenheitssteuerung
                  icon: 'mdi:home-account'
                - entity: input_boolean.Funktion_AutoAbschaltung
                  name: Automatische Abschaltung
                  icon: 'mdi:power'
                - entity: input_boolean.Funktion_Alarmanlage
                  name: Alarmanlage
                  icon: 'mdi:alarm-light-outline'
                - entity: input_boolean.Funktion_GaesteWLAN
                  name: Gäste WLAN
                  icon: 'mdi:router-wireless'
            - type: glance
              title: Funktionen
              entities:
                - entity: switch.Funktion_Ausschalten
                  name: Alle Geräte Aus
                  icon: 'mdi:power'
                  tap_action:
                    action: toggle
                  hold_action:
                    action: none
                - entity: switch.Funktion_Fernsehen
                  name: Fernsehen
                  icon: 'mdi:television-classic'
                  tap_action:
                    action: toggle
                  hold_action:
                    action: none
              show_name: true
              show_icon: true
              show_state: false
              clums: 4
            - type: entity-filter
              entities:
                - entity: input_boolean.Device_XiaomiMi10
                  name: Tobias
                  icon: 'mdi:cellphone-android'
                  tap_action:
                    action: more-info
                  hold_action:
                    action: none
                - entity: input_boolean.Device_PocoF2Pro
                  name: Jeanette
                  icon: 'mdi:cellphone-android'
                  tap_action:
                    action: more-info
                  hold_action:
                    action: none
                - entity: input_boolean.Device_XiaomiMiPad
                  name: Tablet
                  icon: 'mdi:tablet-android'
                  tap_action:
                    action: more-info
                  hold_action:
                    action: none
                - entity: input_boolean.Device_Notebook
                  name: Notebook
                  icon: 'mdi:laptop-windows'
                  tap_action:
                    action: more-info
                  hold_action:
                    action: none
                - entity: input_boolean.Device_SamsungTV
                  name: Samsung TV
                  icon: 'mdi:television'
                  tap_action:
                    action: more-info
                  hold_action:
                    action: none
                - entity: input_boolean.Device_XiaomiMiBox
                  name: Xiaomi MiBox
                  icon: 'mdi:android'
                  tap_action:
                    action: more-info
                  hold_action:
                    action: none
              state_filter:
                - 'on'
              card:
                type: glance
                title: Geräte Online
                show_state: false
                show_header_toggle: false
                clums: 5
              show_empty: false
            - type: entity-filter
              entities:
                - entity: sensor.Rauchmelder_Buero
                  name: Büro
                  icon: 'mdi:smoke-detector'
                  tap_action:
                    action: more-info
                  hold_action:
                    action: none
                - entity: sensor.Rauchmelder_Elternschlafzimmer
                  name: Elternschlafzimmer
                  icon: 'mdi:smoke-detector'
                  tap_action:
                    action: more-info
                  hold_action:
                    action: none
                - entity: sensor.Rauchmelder_Flur
                  name: Flur
                  icon: 'mdi:smoke-detector'
                  tap_action:
                    action: more-info
                  hold_action:
                    action: none
                - entity: sensor.Rauchmelder_Keller
                  name: Keller
                  icon: 'mdi:smoke-detector'
                  tap_action:
                    action: more-info
                  hold_action:
                    action: none
                - entity: sensor.Rauchmelder_Kinderzimmer
                  name: Kinderzimmer
                  icon: 'mdi:smoke-detector'
                  tap_action:
                    action: more-info
                  hold_action:
                    action: none
                - entity: sensor.Rauchmelder_Wohnzimmer
                  name: Wohnzimmer
                  icon: 'mdi:smoke-detector'
                  tap_action:
                    action: more-info
                  hold_action:
                    action: none
              state_filter:
                - true
              card:
                type: entities
                title: Rauchmelder
                show_state: false
                show_header_toggle: false
              show_empty: false
            - type: entity-filter
              entities:
                - entity: sensor.LowBat_Rauchmelder_Buero
                  name: Rauchmelder Büro
                  icon: 'mdi:smoke-detector'
                  tap_action:
                    action: more-info
                  hold_action:
                    action: none
                - entity: sensor.LowBat_Rauchmelder_Elternschlafzimmer
                  name: Rauchmelder Elternschlafzimmer
                  icon: 'mdi:smoke-detector'
                  tap_action:
                    action: more-info
                  hold_action:
                    action: none
                - entity: sensor.LowBat_Rauchmelder_FlurOG
                  name: Rauchmelder Flur OG
                  icon: 'mdi:smoke-detector'
                  tap_action:
                    action: more-info
                  hold_action:
                    action: none
                - entity: sensor.LowBat_Rauchmelder_Keller
                  name: Rauchmelder Keller
                  icon: 'mdi:smoke-detector'
                  tap_action:
                    action: more-info
                  hold_action:
                    action: none
                - entity: sensor.LowBat_Rauchmelder_Kinderzimmer
                  name: Rauchmelder Kinderzimmer
                  icon: 'mdi:smoke-detector'
                  tap_action:
                    action: more-info
                  hold_action:
                    action: none
                - entity: sensor.LowBat_Rauchmelder_Wohnzimmer
                  name: Rauchmelder Wohnzimmer
                  icon: 'mdi:smoke-detector'
                  tap_action:
                    action: more-info
                  hold_action:
                    action: none
                - entity: sensor.LowBat_Thermostat_Ankleidezimmer
                  name: Thermostat Ankleidezimmer
                  icon: 'mdi:thermostat'
                  tap_action:
                    action: more-info
                  hold_action:
                    action: none
                - entity: sensor.LowBat_Thermostat_Buero
                  name: Thermostat Büro
                  icon: 'mdi:thermostat'
                  tap_action:
                    action: more-info
                  hold_action:
                    action: none
                - entity: sensor.LowBat_Thermostat_Elternbad
                  name: Thermostat Elternbad
                  icon: 'mdi:thermostat'
                  tap_action:
                    action: more-info
                  hold_action:
                    action: none
                - entity: sensor.LowBat_Thermostat_Elternschlafzimmer
                  name: Thermostat Elternschlafzimmer
                  icon: 'mdi:thermostat'
                  tap_action:
                    action: more-info
                  hold_action:
                    action: none
                - entity: sensor.LowBat_Thermostat_Esszimmer
                  name: Thermostat Esszimmer
                  icon: 'mdi:thermostat'
                  tap_action:
                    action: more-info
                  hold_action:
                    action: none
                - entity: sensor.LowBat_Thermostat_FlurEG
                  name: Thermostat Flur EG
                  icon: 'mdi:thermostat'
                  tap_action:
                    action: more-info
                  hold_action:
                    action: none
                - entity: sensor.LowBat_Thermostat_FlurOG
                  name: Thermostat Fliur OG
                  icon: 'mdi:thermostat'
                  tap_action:
                    action: more-info
                  hold_action:
                    action: none
                - entity: sensor.LowBat_Thermostat_GaesteWC
                  name: Thermostat Gäste WC
                  icon: 'mdi:thermostat'
                  tap_action:
                    action: more-info
                  hold_action:
                    action: none
                - entity: sensor.LowBat_Thermostat_HWR
                  name: Thermostat HWR
                  icon: 'mdi:thermostat'
                  tap_action:
                    action: more-info
                  hold_action:
                    action: none
                - entity: sensor.LowBat_Thermostat_Kaminzimmer
                  name: Thermostat Kaminzimmer
                  icon: 'mdi:thermostat'
                  tap_action:
                    action: more-info
                  hold_action:
                    action: none
                - entity: sensor.LowBat_Thermostat_Kueche
                  name: Thermostat Küche
                  icon: 'mdi:thermostat'
                  tap_action:
                    action: more-info
                  hold_action:
                    action: none
                - entity: sensor.LowBat_Thermostat_Wohnzimmer
                  name: Thermostat Wohnzimmer
                  icon: 'mdi:thermostat'
                  tap_action:
                    action: more-info
                  hold_action:
                    action: none
              state_filter:
                - true
              card:
                type: entities
                title: Batteriestatus
                show_state: false
                show_header_toggle: false
              show_empty: false
          badges: []
          path: default_view
          title: Home
          icon: 'mdi:home-variant-outline'
        - title: Licht
          path: licht
          icon: 'mdi:lightbulb-on-outline'
          badges: []
          cards:
            - type: entities
              title: Innenbeleuchtung
              show_header_toggle: false
              entities:
                - entity: input_number.Licht_Wohnzimmer_1
                  name: Wohnzimmer 1
                  icon: 'mdi:lightbulb-on-outline'
                - entity: input_number.Licht_Wohnzimmer_2
                  name: Wohnzimmer 2
                  icon: 'mdi:lightbulb-on-outline'
                - entity: input_boolean.Licht_Flur_Links
                  name: Flur OG Links
                  icon: 'mdi:lightbulb-on-outline'
                - entity: input_boolean.Licht_Flur_Rechts
                  name: Flur OG Rechts
                  icon: 'mdi:lightbulb-on-outline'
            - type: entities
              title: Außenbeleuchtung
              show_header_toggle: false
              entities:
                - entity: input_boolean.Aussenbeleuchtung_Betriebsart
                  name: Betriebsart
                  icon: 'mdi:power'
                - entity: input_boolean.Licht_Garten
                  name: Gartenbeleuchtung
                  icon: 'mdi:lightbulb-on-outline'
                - entity: input_number.Aussenbeleuchtung_Beginn
                  name: Beginn
                  icon: 'mdi:clock-start'
                - entity: input_number.Aussenbeleuchtung_Time
                  name: Einschaltdauer
                  icon: 'mdi:clock-outline'
            - type: horizontal-stack
              cards:
                - type: light
                  entity: light.Deckenleuchte_Zimmer
                  name: Badezimmer
                - type: light
                  entity: light.Deckenleuchte_Dusche
                  name: Dusche
                - type: light
                  entity: light.Nachtlicht
                  name: Nachtlicht
        - title: Rollläden
          icon: 'mdi:blinds'
          path: rollladen
          badges: []
          cards:
            - type: vertical-stack
              cards:
                - type: entities
                  title: Automatik
                  entities:
                    - entity: input_boolean.Rollladen_Betriebsart
                      name: Betriebsart
                      icon: 'mdi:power'
                    - entity: input_boolean.Rollladen_Schlafzimmer
                      name: Ausschlafen
                      icon: 'mdi:hotel'
                    - entity: sensor.Sonnenstand_Azimut
                      name: Sonnenstand Azimut
                      icon: 'mdi:weather-sunny'
                    - entity: sensor.Sonnenstand_Elevation
                      name: Sonnenstand Elevation
                      icon: 'mdi:weather-sunny'
                    - entity: input_number.Rollladen_Sonnenaufgang
                      name: Sollwert Sonnenaufgang
                      icon: 'mdi:weather-sunset-up'
                    - entity: input_number.Rollladen_Sonnenuntergang
                      name: Sollwert Sonnenuntergang
                      icon: 'mdi:weather-sunset-down'
                  show_header_toggle: false
                - type: horizontal-stack
                  cards:
                    - type: glance
                      title: Funktionen
                      entities:
                        - entity: switch.Funktion_Hand_EG_auf
                          name: EG auf
                          icon: 'mdi:transfer-up'
                          tap_action:
                            action: toggle
                          hold_action:
                            action: none
                        - entity: switch.Funktion_Hand_EG_zu
                          name: EG zu
                          icon: 'mdi:transfer-down'
                          tap_action:
                            action: toggle
                          hold_action:
                            action: none
                        - entity: switch.Funktion_Hand_OG_auf
                          name: OG auf
                          icon: 'mdi:transfer-up'
                          tap_action:
                            action: toggle
                        - entity: switch.Funktion_Hand_OG_zu
                          name: OG zu
                          icon: 'mdi:transfer-down'
                          tap_action:
                            action: toggle
                          hold_action:
                            action: none
                        - entity: switch.Funktion_Schlafz_Auf
                          name: Schlafz. auf
                          icon: 'mdi:transfer-up'
                          tap_action:
                            action: toggle
                          hold_action:
                            action: none
                        - entity: switch.Funktion_Schlafz_Zu
                          name: Schlafz. zu
                          icon: 'mdi:transfer-down'
                          tap_action:
                            action: toggle
                          hold_action:
                            action: none
                        - entity: switch.Funktion_Beschattung
                          name: Beschattung
                          icon: 'mdi:thermometer-alert'
                          tap_action:
                            action: toggle
                          hold_action:
                            action: none
                      show_name: true
                      show_icon: true
                      show_state: false
                      columns: 4
            - type: entities
              entities:
                - entity: input_number.Rollladen_EG_GaesteWC
                  name: Gäste WC
                  icon: 'mdi:blinds'
                - entity: input_number.Rollladen_EG_HWR
                  name: Hauswirtschaftsraum
                  icon: 'mdi:blinds'
                - entity: input_number.Rollladen_EG_Kueche
                  name: Küche
                  icon: 'mdi:blinds'
                - entity: input_number.Rollladen_EG_Gartentuer
                  name: Gartentür
                  icon: 'mdi:blinds'
                - entity: input_number.Rollladen_EG_Wohnzimmer
                  name: Wohnzimmer
                  icon: 'mdi:blinds'
                - entity: input_number.Rollladen_EG_Balkon1
                  name: Balkon 1
                  icon: 'mdi:blinds'
                - entity: input_number.Rollladen_EG_Balkon2
                  name: Balkon 2
                  icon: 'mdi:blinds'
                - entity: input_number.Rollladen_EG_Kaminzimmer
                  name: Kaminzimmer
                  icon: 'mdi:blinds'
              title: Rollläden Erdgeschoss
              show_header_toggle: false
            - type: entities
              entities:
                - entity: input_number.Rollladen_OG_Kinderzimmer
                  name: Kinderzimmer
                  icon: 'mdi:blinds'
                - entity: input_number.Rollladen_OG_Kinderbad
                  name: Kinderbad
                  icon: 'mdi:blinds'
                - entity: input_number.Rollladen_OG_Buero
                  name: Büro
                  icon: 'mdi:blinds'
                - entity: input_number.Rollladen_OG_Flur
                  name: Flur
                  icon: 'mdi:blinds'
                - entity: input_number.Rollladen_OG_Terrasse1
                  name: Terrasse 1
                  icon: 'mdi:blinds'
                - entity: input_number.Rollladen_OG_Terrasse2
                  name: Terrasse 2
                  icon: 'mdi:blinds'
                - entity: input_number.Rollladen_OG_Rheinsicht
                  name: Rheinsicht
                  icon: 'mdi:blinds'
                - entity: input_number.Rollladen_OG_Ankleidezimmer
                  name: Ankleidezinmer
                  icon: 'mdi:blinds'
              title: Rollläden Obergeschoss
              show_header_toggle: false
        - title: Heizung
          icon: 'mdi:radiator'
          path: heizung
          badges: []
          cards:
            - type: vertical-stack
              cards:
                - type: entities
                  title: Automatik
                  show_header_toggle: false
                  entities:
                    - entity: input_boolean.Heizung_Betriebsart
                      name: Betriebsart
                      icon: 'mdi:power'
                    - entity: input_boolean.Heizung_Urlaubsmodus
                      name: Urlaubsmodus
                      icon: 'mdi:radiator'
                - type: entities
                  title: Luftfeuchtigkeit
                  show_header_toggle: false
                  entities:
                    - entity: sensor.Luftfeuchtigkeit_AbsoluteHumidity
                      name: Abs. Luftf. Außen
                      icon: 'mdi:water-percent'
                    - entity: input_number.Luftfeuchtigkeit_HumidityMin
                      name: Minimalwert
                      icon: 'mdi:arrow-expand-right'
                    - entity: input_number.Luftfeuchtigkeit_HumidityThreshold
                      name: Schwellwert
                      icon: 'mdi:arrow-expand-horizontal'
            - type: vertical-stack
              cards:
                - type: 'custom:simple-thermostat'
                  entity: climate.Thermostat___Gaeste_WC
                  name: Gäste WC
                  step_size: 0.5
                  step_layout: row
                  sensors:
                    - entity: sensor.Thermostat_GaesteWC_Temp
                      name: Temperatur
                    - entity: sensor.HmIP_WTH_2_000A98A9A225E9_1_HUMIDITY
                      name: Rel. Luftf.
                    - entity: sensor.Thermostat_GaesteWC_Luftf_Abs
                      name: Abs. Luftf.
                  hide:
                    temperature: true
                    state: true
                  icon: 'mdi:thermostat'
                - type: 'custom:simple-thermostat'
                  entity: climate.Thermostat___Flur_EG
                  name: Flur EG
                  step_size: 0.5
                  step_layout: row
                  sensors:
                    - entity: sensor.Thermostat_FlurEG_Temp
                      name: Temperatur
                    - entity: sensor.HmIP_WTH_2_000A98A9A225AD_1_HUMIDITY
                      name: Rel. Luftf.
                    - entity: sensor.Thermostat_FlurEG_Luftf_Abs
                      name: Abs. Luftf.
                  hide:
                    temperature: true
                    state: true
                  icon: 'mdi:thermostat'
                - type: 'custom:simple-thermostat'
                  entity: climate.Thermostat___HWR
                  name: Hauswirtschaftsraum
                  step_size: 0.5
                  step_layout: row
                  sensors:
                    - entity: sensor.Thermostat_HWR_Temp
                      name: Temperatur
                    - entity: sensor.HmIP_WTH_2_000A98A9A225D0_1_HUMIDITY
                      name: Rel. Luftf.
                    - entity: sensor.Thermostat_HWR_Luftf_Abs
                      name: Abs. Luftf.
                  hide:
                    temperature: true
                    state: true
                  icon: 'mdi:thermostat'
                - type: 'custom:simple-thermostat'
                  entity: climate.Thermostat___Kueche
                  name: Küche
                  step_size: 0.5
                  step_layout: row
                  sensors:
                    - entity: sensor.Thermostat_Kueche_Temp
                      name: Temperatur
                    - entity: sensor.HmIP_WTH_2_000A98A9A225EA_1_HUMIDITY
                      name: Rel. Luftf.
                    - entity: sensor.Thermostat_Kueche_Luftf_Abs
                      name: Abs. Luftf.
                  hide:
                    temperature: true
                    state: true
                  icon: 'mdi:thermostat'
                - type: 'custom:simple-thermostat'
                  entity: climate.Thermostat___Esszimmer
                  name: Esszimmer
                  step_size: 0.5
                  step_layout: row
                  sensors:
                    - entity: sensor.Thermostat_Esszimmer_Temp
                      name: Temperatur
                    - entity: sensor.HmIP_WTH_2_000A98A9A22938_1_HUMIDITY
                      name: Rel. Luftf.
                    - entity: sensor.Thermostat_Esszimmer_Luftf_Abs
                      name: Abs. Luftf.
                  hide:
                    temperature: true
                    state: true
                  icon: 'mdi:thermostat'
                - type: 'custom:simple-thermostat'
                  entity: climate.Thermostat___Wohnzimmer
                  name: Wohnzimmer
                  step_size: 0.5
                  step_layout: row
                  sensors:
                    - entity: sensor.Thermostat_Wohnzimmer_Temp
                      name: Temperatur
                    - entity: sensor.HmIP_WTH_2_000A98A9A225DE_1_HUMIDITY
                      name: Rel. Luftf.
                    - entity: sensor.Thermostat_Wohnzimmer_Luftf_Abs
                      name: Abs. Luftf.
                  hide:
                    temperature: true
                    state: true
                  icon: 'mdi:thermostat'
                - type: 'custom:simple-thermostat'
                  entity: climate.Thermostat___Kaminzimmer
                  name: Kaminzimmer
                  step_size: 0.5
                  step_layout: row
                  sensors:
                    - entity: sensor.Thermostat_Kaminzimmer_Temp
                      name: Temperatur
                    - entity: sensor.HmIP_WTH_2_000A98A9A225F5_1_HUMIDITY
                      name: Rel. Luftf.
                    - entity: sensor.Thermostat_Kaminzimmer_Luftf_Abs
                      name: Abs. Luftf.
                  hide:
                    temperature: true
                    state: true
                  icon: 'mdi:thermostat'
            - type: vertical-stack
              cards:
                - type: 'custom:simple-thermostat'
                  entity: climate.Thermostat___Kinderzimmer
                  name: Kinderzimmer
                  step_size: 0.5
                  step_layout: row
                  sensors:
                    - entity: sensor.Thermostat_Kinderzimmer_Temp
                      name: Temperatur
                    - entity: sensor.HmIP_WTH_2_000A98A9A22DA2_1_HUMIDITY
                      name: Rel. Luftf.
                    - entity: sensor.Thermostat_Kinderzimmer_Luftf_Abs
                      name: Abs. Luftf.
                  hide:
                    temperature: true
                    state: true
                  icon: 'mdi:thermostat'
                - type: 'custom:simple-thermostat'
                  entity: climate.Thermostat___Kinderbad
                  name: Kinderbad
                  step_size: 0.5
                  step_layout: row
                  sensors:
                    - entity: sensor.Thermostat_Kinderbad_Temp
                      name: Temperatur
                    - entity: sensor.HmIP_WTH_2_000A98A9A22CD5_1_HUMIDITY
                      name: Rel. Luftf.
                    - entity: sensor.Thermostat_Kinderbad_Luftf_Abs
                      name: Abs. Luftf.
                  hide:
                    temperature: true
                    state: true
                  icon: 'mdi:thermostat'
                - type: 'custom:simple-thermostat'
                  entity: climate.Thermostat___Buero
                  name: Büro
                  step_size: 0.5
                  step_layout: row
                  sensors:
                    - entity: sensor.Thermostat_Buero_Temp
                      name: Temperatur
                    - entity: sensor.HmIP_WTH_2_000A98A9A22E81_1_HUMIDITY
                      name: Rel. Luftf.
                    - entity: sensor.Thermostat_Buero_Luftf_Abs
                      name: Abs. Luftf.
                  hide:
                    temperature: true
                    state: true
                  icon: 'mdi:thermostat'
                - type: 'custom:simple-thermostat'
                  entity: climate.Thermostat___Flur_OG
                  name: Flur OG
                  step_size: 0.5
                  step_layout: row
                  sensors:
                    - entity: sensor.Thermostat_FlurOG_Temp
                      name: Temperatur
                    - entity: sensor.HmIP_WTH_2_000A98A9A23357_1_HUMIDITY
                      name: Rel. Luftf.
                    - entity: sensor.Thermostat_FlurOG_Luftf_Abs
                      name: Abs. Luftf.
                  hide:
                    temperature: true
                    state: true
                  icon: 'mdi:thermostat'
                - type: 'custom:simple-thermostat'
                  entity: climate.Thermostat___Elternbad
                  name: Elternbad
                  step_size: 0.5
                  step_layout: row
                  sensors:
                    - entity: sensor.Thermostat_Elternbad_Temp
                      name: Temperatur
                    - entity: sensor.HmIP_WTH_2_000A98A9A22E6A_1_HUMIDITY
                      name: Rel. Luftf.
                    - entity: sensor.Thermostat_Elternbad_Luftf_Abs
                      name: Abs. Luftf.
                  hide:
                    temperature: true
                    state: true
                  icon: 'mdi:thermostat'
                - type: 'custom:simple-thermostat'
                  entity: climate.Thermostat___Elternschlafzimmer
                  name: Elternschlafzimmer
                  step_size: 0.5
                  step_layout: row
                  sensors:
                    - entity: sensor.Thermostat_Schlafzimmer_Temp
                      name: Temperatur
                    - entity: sensor.HmIP_WTH_2_000A98A9A22E16_1_HUMIDITY
                      name: Rel. Luftf.
                    - entity: sensor.Thermostat_Schlafzimmer_Luftf_Abs
                      name: Abs. Luftf.
                  hide:
                    temperature: true
                    state: true
                  icon: 'mdi:thermostat'
                - type: 'custom:simple-thermostat'
                  entity: climate.Thermostat___Ankleidezimmer
                  name: Ankleidezimmer
                  step_size: 0.5
                  step_layout: row
                  sensors:
                    - entity: sensor.Thermostat_Ankleidezimmer_Temp
                      name: Temperatur
                    - entity: sensor.HmIP_WTH_2_000A98A9A23341_1_HUMIDITY
                      name: Rel. Luftf.
                    - entity: sensor.Thermostat_Ankleidezimmer_Luftf_Abs
                      name: Abs. Luftf.
                  hide:
                    temperature: true
                    state: true
                  icon: 'mdi:thermostat'
        - title: Wetter
          path: wetter
          icon: 'mdi:weather-partly-cloudy'
          badges: []
          cards:
            - type: weather-forecast
              entity: weather.Weissenthurm__Weissenthurm_Deutschland_
              name: Weißenthurm
              show_forecast: true
            - type: vertical-stack
              cards:
                - type: entity-filter
                  entities:
                    - entity: sensor.Pollen_Today_Index0
                      name: Keine
                      icon: 'mdi:sprout'
                    - entity: sensor.Pollen_Today_Index1
                      name: Keine bis Gering
                      icon: 'mdi:sprout'
                    - entity: sensor.Pollen_Today_Index2
                      name: Gering
                      icon: 'mdi:sprout'
                    - entity: sensor.Pollen_Today_Index3
                      name: Gering bis Mittel
                      icon: 'mdi:sprout'
                    - entity: sensor.Pollen_Today_Index4
                      name: Mittel
                      icon: 'mdi:sprout'
                    - entity: sensor.Pollen_Today_Index5
                      name: Mittel bis Hoch
                      icon: 'mdi:sprout'
                    - entity: sensor.Pollen_Today_Index6
                      name: Hoch
                      icon: 'mdi:sprout'
                  state_filter:
                    - operator: regex
                      value: .+
                  card:
                    type: glance
                    title: Pollenflug - Heute
                    show_state: false
                    show_header_toggle: false
                    clums: 6
                  show_empty: false
                - type: entity-filter
                  entities:
                    - entity: sensor.Pollen_Tomorrow_Index0
                      name: Keine
                      icon: 'mdi:sprout'
                    - entity: sensor.Pollen_Tomorrow_Index1
                      name: Keine bis Gering
                      icon: 'mdi:sprout'
                    - entity: sensor.Pollen_Tomorrow_Index2
                      name: Gering
                      icon: 'mdi:sprout'
                    - entity: sensor.Pollen_Tomorrow_Index3
                      name: Gering bis Mittel
                      icon: 'mdi:sprout'
                    - entity: sensor.Pollen_Tomorrow_Index4
                      name: Mittel
                      icon: 'mdi:sprout'
                    - entity: sensor.Pollen_Tomorrow_Index5
                      name: Mittel bis Hoch
                      icon: 'mdi:sprout'
                    - entity: sensor.Pollen_Tomorrow_Index6
                      name: Hoch
                      icon: 'mdi:sprout'
                  state_filter:
                    - operator: regex
                      value: .+
                  card:
                    type: glance
                    title: Pollenflug - Morgen
                    show_state: false
                    show_header_toggle: false
                    clums: 6
                  show_empty: false
      hideToolbar: false
      resources:
        - type: module
          url: /cards/accuweather-card.js
        - type: module
          url: /cards/multiple-entity-row.js
        - type: module
          url: /cards/simple-thermostat.js
      

      Und hier meine Themes (ich verwende Slate):

      midnight:
        # Main colors
        primary-color: '#2196f3'
        accent-color: '#2196f3'
        dark-primary-color: 'var(--accent-color)'
        light-primary-color: 'var(--accent-color)'
      
        # Text colors
        primary-text-color: '#FFFFFF'
        text-primary-color: 'var(--primary-text-color)'
        secondary-text-color: '#2196f3'
        disabled-text-color: '#7F848E'
        label-badge-border-color: 'blue'
      
        # Background colors
        primary-background-color: '#383C45'
        secondary-background-color: '#383C45'
        divider-color: 'rgba(0, 0, 0, .12)'
      
        # Table rows
        table-row-background-color: '#353840'
        table-row-alternative-background-color: '#3E424B'
      
        # Nav Menu
        paper-listbox-color: 'var(--primary-color)'
        paper-listbox-background-color: '#2E333A'
        paper-grey-50: 'var(--primary-text-color)'
        paper-grey-200: '#414A59'
      
        # Paper card
        paper-card-header-color: 'var(--accent-color)'
        paper-card-background-color: '#434954'
        paper-dialog-background-color: '#434954'
        paper-item-icon-color: 'var(--primary-text-color)'
        paper-item-icon-active-color: '#2196f3'
        paper-item-icon_-_color: 'blue'
        paper-item-selected_-_background-color: '#434954'
        paper-tabs-selection-bar-color: 'blue'
      
        # Labels
        label-badge-red: 'var(--accent-color)'
        label-badge-text-color: 'var(--primary-text-color)'
        label-badge-background-color: '#2E333A'
      
        # Switches
        paper-toggle-button-checked-button-color: 'var(--accent-color)'
        paper-toggle-button-checked-bar-color: 'var(--accent-color)'
        paper-toggle-button-checked-ink-color: 'var(--accent-color)'
        paper-toggle-button-unchecked-button-color: 'var(--disabled-text-color)'
        paper-toggle-button-unchecked-bar-color: 'var(--disabled-text-color)'
        paper-toggle-button-unchecked-ink-color: 'var(--disabled-text-color)'
      
        # Sliders
        paper-slider-knob-color: 'var(--accent-color)'
        paper-slider-knob-start-color: 'var(--accent-color)'
        paper-slider-pin-color: 'var(--accent-color)'
        paper-slider-active-color: 'var(--accent-color)'
        paper-slider-container-color: 'linear-gradient(var(--primary-background-color), var(--secondary-background-color)) no-repeat'
        paper-slider-secondary-color: 'var(--secondary-background-color)'
        paper-slider-disabled-active-color: 'var(--disabled-text-color)'
        paper-slider-disabled-secondary-color: 'var(--disabled-text-color)'
      
        # Google colors
        google-red-500: '#E45E65'
        google-green-500: '#39E949'
      
      slate:
        # Main colors
        primary-color: '#2196f3'
        accent-color: '#E45E65'
        dark-primary-color: '#2196f3'
        light-primary-color: '#2196f3'
        # Text colors
        primary-text-color: '#FFFFFF'
        text-primary-color: 'var(--primary-text-color)'
        secondary-text-color: '#2196f3'
        disabled-text-color: '#777777'
        label-badge-border-color: 'green'
        # Sidebar
        sidebar-icon-color: '#777777'
        # Background colors
        primary-background-color: '#222222'
        secondary-background-color: '#222222'
        divider-color: 'rgba(0, 0, 0, .12)'
        table-row-background-color: '#292929'
        table-row-alternative-background-color: '#292929'
        # Nav Menu
        paper-listbox-color: '#777777'
        paper-listbox-background-color: '#141414'
        paper-grey-50: 'var(--primary-text-color)'
        paper-grey-200: '#222222'
        # Paper card
        paper-card-header-color: '#2196f3'
        paper-card-background-color: '#292929'
        paper-dialog-background-color: '#292929'
        paper-item-icon-color: 'var(--primary-text-color)'
        paper-item-icon-active-color: '#2196f3'
        paper-item-icon_-_color: 'green'
        paper-item-selected_-_background-color: '#292929'
        paper-tabs-selection-bar-color: 'green'
        # Labels
        label-badge-red: 'var(--primary-color)'
        label-badge-text-color: 'var(--primary-text-color)'
        label-badge-background-color: '#222222'
        # Switches
        paper-toggle-button-checked-button-color: '#2196f3'
        paper-toggle-button-checked-bar-color: '#2196f3'
        paper-toggle-button-checked-ink-color: '#2196f3'
        paper-toggle-button-unchecked-button-color: 'var(--disabled-text-color)'
        paper-toggle-button-unchecked-bar-color: 'var(--disabled-text-color)'
        paper-toggle-button-unchecked-ink-color: 'var(--disabled-text-color)'
        switch-checked-color: 'var(--paper-toggle-button-checked-button-color)'
        switch-unchecked-color: 'var(--disabled-text-color)'
        switch-unchecked-button-color: 'var(--disabled-text-color)'
        switch-unchecked-track-color: 'var(--disabled-text-color)'
        # Sliders
        paper-slider-knob-color: '#2196f3'
        paper-slider-knob-start-color: '#2196f3'
        paper-slider-pin-color: '#2196f3'
        paper-slider-active-color: '#2196f3'
        paper-slider-container-color: 'linear-gradient(var(--primary-background-color), var(--secondary-background-color)) no-repeat'
        paper-slider-secondary-color: 'var(--secondary-background-color)'
        paper-slider-disabled-active-color: 'var(--disabled-text-color)'
        paper-slider-disabled-secondary-color: 'var(--disabled-text-color)'
        # Google colors
        google-red-500: '#b93829'
        google-green-500: '#2196f3'
        # Changes to fix history/logbook menus
        lumo-primary-text-color: '#2196f3'
        lumo-secondary-text-color: '#2196f3'
        lumo-primary-color: '#2196f3'
        # Calendar day numbers
        lumo-body-text-color: '#2196f3'
        # Calendar/Date-Picker Background
        lumo-base-color: '#222222'
        # Month/Year header
        lumo-header-text-color: 'var(--lumo-body-text-color)'
        # DayOfWeek Header
        lumo-tertiary-text-color: 'var(--lumo-body-text-color)'
        lumo-shade: '#222222'
        lumo-shade-90pct: 'rgba(34, 34, 34, .9)'
        lumo-shade-80pct: 'rgba(34, 34, 34, .8)'
        lumo-shade-70pct: 'rgba(34, 34, 34, .7)'
        lumo-shade-60pct: 'rgba(34, 34, 34, .6)'
        lumo-shade-50pct: 'rgba(34, 34, 34, .5)'
        lumo-shade-40pct: 'rgba(34, 34, 34, .4)'
        lumo-shade-30pct: 'rgba(34, 34, 34, .3)'
        lumo-shade-20pct: 'rgba(34, 34, 34, .2)'
        lumo-shade-10pct: 'rgba(34, 34, 34, .1)'
        lumo-shade-5pct: 'rgba(34, 34, 34, .05)'
        lumo-tint-5pct: '#222222'
        # fix for device configuration screen
        card-background-color: "var(--paper-card-background-color)"
        # Fix for Person Device Chooser - thanks to vajonam!
        material-background-color: "var(--paper-listbox-background-color)"
        material-secondary-background-color: '#222222'
        material-body-text-color: '#FFFFFF'
        # simple-thermostat buttons
        st-mode-background: 'var(--primary-background-color)'
      
      dark:
        # Background image
        lovelace-background: 'center / cover no-repeat url("/local/night.jpg") fixed'
      
        # Colors
        text-color: '#DADADB'
        text-medium-light-color: '#A0A2A8'
        text-medium-color: '#80828A'
        text-dark-color: '#6A6B74'
        accent-color: '#008bef'
        accent-medium-color: '#2484C9'
        background-color: '#3b4049'
        background-color-2: '#484E59'
        background-card-color: '#434952'
        border-color: '#383C46'
      
        # Header
        app-header-background-color: '#363941'
      
        # Text
        primary-color: 'var(--text-color)'
        text-primary-color: 'var(--text-color)'
      
        # Left Menu
        paper-listbox-background-color: 'var(--background-color)'
        sidebar-icon-color: 'var(--text-medium-color)'
        sidebar-selected-icon-color: 'var(--text-medium-light-color)'
        sidebar-selected-text-color: 'var(--text-color)'
      
        # UI
        paper-card-header-color: 'var(--text-color)'
        primary-background-color: 'var(--background-color)'
        mdc-theme-primary: 'var(--accent-medium-color)'
        card-background-color: 'var(--background-card-color)'
      
        # Card
        paper-card-background-color: 'var(--background-card-color)'
        dark-primary-color: 'var(--text-color)'
        primary-text-color: 'var(--text-color)'
        paper-listbox-color: 'var(--text-color)'
        light-primary-color: 'var(--text-dark-color)'
        secondary-text-color: 'var(--text-medium-color)'
        disabled-text-color: 'var(--text-dark-color)'
        paper-dialog-button-color: 'var(--text-color)'
        secondary-background-color: 'var(--background-color-2)'
      
        # Icons
        paper-item-icon-color: 'var(--text-dark-color)'
        paper-item-icon-active-color: 'var(--accent-color)'
      
        # Switches
        switch-checked-button-color: 'var(--text-medium-light-color)'
        switch-unchecked-button-color: 'var(--text-medium-light-color)'
        switch-checked-track-color: '#009FFF'
        switch-unchecked-track-color: '#767682'
      
        # Slider
        paper-slider-active-color: 'var(--accent-color)'
        paper-slider-knob-color: 'var(--text-medium-light-color)'
        paper-slider-container-color: 'var(--text-dark-color)'
        paper-slider-knob-start-color: 'var(--text-medium-light-color)'
      
        # Badges
        label-badge-text-color: 'var(--text-color)'
        label-badge-background-color: 'rgba(54, 57, 65, 0.6)'
      
        # Shadows
        ha-card-box-shadow: 'inset 0px 0px 0px 1px var(--border-color)'
      
        # HACS
        hacs-badge-color: 'var(--accent-color)'
        hacs-status-installed: 'var(--text-color)'
        hacs-status-pending-restart: 'var(--text-dark-color)'
        hacs-status-pending-update: 'var(--accent-color)'
      
      T tiobb 2 Replies Last reply Reply Quote 1
      • T
        Tirador @dontobi last edited by

        @dontobi Hallo dontobi, danke für deine Beispiele. Könntest du einen Export deiner gesamten yaml Konfiguration bitte noch Posten.

        dontobi 1 Reply Last reply Reply Quote 0
        • dontobi
          dontobi @Tirador last edited by

          @Tirador Ist nachgetragen.

          1 Reply Last reply Reply Quote 1
          • ?
            A Former User @Tirador last edited by

            Hallo Leute,

            Auch wenn meine Visu längst noch nicht fertig ist, möchte ich euch einen Einblick geben was ich bis dato gebastelt habe. D.h. einiges ist noch nicht fertig und in "Testphase" bzw. fehlt der Feinschliff.
            Ggf. ist aber ja für den einen etwas dabei was er noch nicht kennt. Ich habe mich zahlreichen Forum Posts bedient & Zeilen kopiert, somit ist es sehr wahrscheinlich, dass das eine oder andere jemandem bekannt vor kommt ;).
            Ein Ziel von mir ist es mich auf 3 Spalten zu beschränken, da ich seit kurzem einen Echo Show 8 zur Visualisierung nutze. Habe die Wetterseite am Echo dzt. als Startseite im Firefox gespeichert. Wenn ich sage "Echo, öffne Firefox" hab ich dann die Visu vor mir und kann mich durchklicken.

            Abgesehen von den Standard cards nutze ich:

            • battery-entity-card
            • mini-media-player-card
            • mini-graph-card
            • button-card

            Folgend ein paar Screenshots:

            2021-01-10 20_39_13-Window.png 2021-01-10 20_38_59-Window.png 2021-01-10 20_32_48-Window.png 2021-01-10 20_32_37-Window.png 2021-01-10 20_32_12-Window.png 2021-01-10 20_31_41-Window.png 2021-01-10 20_31_29-Window.png 2021-01-10 20_31_16-Window.png 2021-01-10 20_31_00-Window.png 2021-01-10 20_30_49-Window.png 2021-01-10 20_30_41-Window.png 2021-01-10 20_30_29-Window.png 2021-01-10 20_29_50-Window.png

            folgend mein yaml code:

            title: Smarthome Control
            views:
              - title: Wetter
                path: wetter
                icon: 'hass:weather-partly-cloudy'
                badges: []
                cards:
                  - type: horizontal-stack
                    cards:
                      - type: vertical-stack
                        cards:
                          - type: entities
                            entities:
                              - entity: sensor.Minimal_day_temperature
                                name: min. Temperatur
                                icon: 'hass:thermometer-low'
                              - entity: sensor.Maximal_day_temperature
                                name: max. Temperatur
                                icon: 'hass:thermometer-high'
                              - entity: sensor.rain
                                name: Niederschlag
                                icon: 'hass:water-outline'
                              - entity: sensor.snowline
                                icon: 'hass:snowflake'
                                name: Schneefallgrenze
                            show_header_toggle: false
                            title: Prognose
                          - type: entities
                            entities:
                              - entity: sensor.Wind_direction
                                name: Wind Richtung
                                icon: 'hass:compass-outline'
                              - entity: sensor.UV_Index
                                icon: 'hass:sine-wave'
                              - entity: sensor.Solar_radiation
                                icon: 'hass:weather-sunny'
                                name: Strahlung
                            state_color: false
                            show_header_toggle: false
                          - type: 'custom:mini-graph-card'
                            name: Luftdruck
                            entities:
                              - entity: sensor.Air_pressure__mbar__PKG
                                name: Pucking
                                color: blue
                              - entity: sensor.Air_pressure__mbar__wdg
                                name: Windischgarsten
                                color: green
                            hours_to_show: 72
                            hour24: true
                            decimals: 0
                            icon: 'hass:gauge'
                            unit: bar
                            show:
                              labels: true
                  - type: 'custom:mini-graph-card'
                    name: Temperatur
                    entities:
                      - entity: sensor.Temperature_PKG
                        name: Pucking
                        color: blue
                      - entity: sensor.Temperature_wdg
                        name: Windischgarsten
                        color: green
                    hours_to_show: 72
                    points_per_hour: 1
                    hour24: true
                    decimals: 1
                    icon: 'hass:thermometer'
                    unit: °C
                    show:
                      labels: true
                  - type: 'custom:mini-graph-card'
                    name: Windgeschwindigkeit
                    entities:
                      - entity: sensor.Wind_gust_PKG
                        name: Pucking
                        color: blue
                      - entity: sensor.Wind_gust_wdg
                        name: Windischgarsten
                        color: green
                    hours_to_show: 72
                    hour24: true
                    decimals: 1
                    icon: 'hass:weather-windy'
                    unit: km/h
                    show:
                      labels: true
                  - type: 'custom:mini-graph-card'
                    entities:
                      - entity: sensor.Precipitation__today_
                        name: Pucking
                        color: blue
                      - entity: sensor.Precipitation__today__wdg
                        name: Windischgarsten
                        color: green
                    name: Niederschlag pro Tag
                    unit: mm
                    icon: 'hass:water-outline'
                    hours_to_show: 192
                    group_by: date
                    hour24: true
                    labels: true
                    update_interval: 60
                    smoothing: true
                    aggregate_func: max
                    show_line: true
                    show_points: true
                    show_legend: true
                    show:
                      graph: bar
                      labels: true
                  - type: iframe
                    url: >-
                      https://embed.windy.com/embed2.html?lat=47.5&lon=14&zoom=5&level=surface&overlay=rain&menu=&message=&marker=&calendar=&pressure=&type=map&location=coordinates&detail=&detailLat=32.487&detailLon=--84.023&metricWind=default&metricTemp=default&radarRange=-1
                    aspect_ratio: 50%
                  - type: 'custom:mini-graph-card'
                    name: relative Luftfeuchtigkeit
                    entities:
                      - entity: sensor.Relative_humidity_PKG
                        name: Pucking
                        color: blue
                      - entity: sensor.Relative_humidity_wdg
                        name: Windischgarsten
                        color: green
                    hours_to_show: 72
                    hour24: true
                    decimals: 0
                    icon: 'hass:water-percent'
                    unit: null
                    show:
                      labels: true
                  - type: horizontal-stack
                    cards:
                      - type: iframe
                        url: 'http://unwetter.wetteralarm.at/images/map/oesterreich_preview.png'
                        aspect_ratio: 75%
                      - type: iframe
                        aspect_ratio: 75%
                        url: 'http://warnungen.zamg.at/warnwidget/de/heute/alle/at/'
              - title: Sicherheit
                path: sicherheit
                icon: 'hass:security'
                badges: []
                cards:
                  - type: entities
                    entities:
                      - entity: binary_sensor.SZ_FK_N_Open
                        icon: 'hass:window-closed-variant'
                        secondary_info: last-changed
                        name: Schlafzimmer Nord
                      - entity: binary_sensor.SZ_FK_O_Open
                        icon: 'hass:window-closed-variant'
                        secondary_info: last-changed
                        name: Schlafzimmer Ost
                      - entity: binary_sensor.SR_L_Open
                        icon: 'hass:window-closed-variant'
                        secondary_info: last-changed
                        name: Schrankraum links
                      - entity: binary_sensor.SR_MR_Open
                        icon: 'hass:window-closed-variant'
                        secondary_info: last-changed
                        name: Schrankraum rechts
                      - entity: binary_sensor.B_FK_L_Open
                        icon: 'hass:window-closed-variant'
                        secondary_info: last-changed
                        name: Bad links
                      - entity: binary_sensor.B_FK_R_Open
                        icon: 'hass:window-closed-variant'
                        secondary_info: last-changed
                        name: Bad rechts
                      - entity: binary_sensor.EVA_FK_Open
                        icon: 'hass:window-closed-variant'
                        secondary_info: last-changed
                        name: Eva
                      - entity: binary_sensor.EVA_TK_Open
                        icon: 'hass:door'
                        secondary_info: last-changed
                        name: Eva
                      - entity: binary_sensor.EZ_TK_Open
                        icon: 'hass:door'
                        secondary_info: last-changed
                        name: Esszimmer
                      - entity: binary_sensor.WC_Open
                        icon: 'hass:window-closed-variant'
                        secondary_info: last-changed
                        name: WC
                      - entity: binary_sensor.WZ_TK_Open
                        icon: 'hass:door'
                        secondary_info: last-changed
                        name: Wohnzimmer
                    title: Erdgeschoss
                    state_color: true
                    show_header_toggle: false
                  - type: horizontal-stack
                    cards:
                      - type: vertical-stack
                        cards:
                          - type: entities
                            entities:
                              - entity: binary_sensor.M_FK_L_Open
                                icon: 'hass:window-closed-variant'
                                secondary_info: last-changed
                                name: Matthias links
                              - entity: binary_sensor.M_FK_R_Open
                                icon: 'hass:window-closed-variant'
                                secondary_info: last-changed
                                name: Matthias rechts
                              - entity: binary_sensor.Balkon_Open
                                icon: 'hass:door'
                                secondary_info: last-changed
                                name: Balkon
                              - entity: binary_sensor.T_FK_W_L_Open
                                icon: 'hass:window-closed-variant'
                                secondary_info: last-changed
                                name: Toni West links
                              - entity: binary_sensor.T_FK_W_R_Open
                                icon: 'hass:window-closed-variant'
                                secondary_info: last-changed
                                name: Toni West rechts
                              - entity: binary_sensor.T_FK_N_Open
                                icon: 'hass:window-closed-variant'
                                secondary_info: last-changed
                                name: Toni Nord
                            title: Obergeschoss
                            state_color: true
                            show_header_toggle: false
                          - type: entities
                            entities:
                              - entity: binary_sensor.Keller_TKS_Open
                                icon: 'hass:door'
                                secondary_info: last-changed
                                name: Keller
                              - entity: binary_sensor.GH_TK_Open
                                icon: 'hass:door'
                                secondary_info: last-changed
                                name: Gartenhütte
                              - entity: binary_sensor.G_TK_Open
                                name: Garage
                                icon: 'hass:garage-variant'
                                secondary_info: last-changed
                            title: Garten / Keller
                            state_color: true
                            show_header_toggle: false
              - icon: 'mdi:transition-masked'
                title: Astro
                path: astro
                badges: []
                cards:
                  - type: horizontal-stack
                    cards:
                      - type: vertical-stack
                        cards:
                          - type: entities
                            entities:
                              - entity: sensor.sun_raise
                                name: Aufgang
                                icon: 'hass:arrow-up-circle-outline'
                              - entity: sensor.sun_set
                                icon: 'hass:arrow-down-circle-outline'
                                name: Untergang
                              - entity: sensor.sun_mid
                                icon: 'hass:weather-sunny'
                                name: Höchststand
                            state_color: false
                            show_header_toggle: false
                            title: Sonne
                  - type: horizontal-stack
                    cards:
                      - type: vertical-stack
                        cards:
                          - type: entities
                            entities:
                              - entity: sensor.moon_raise
                                icon: 'hass:arrow-up-circle-outline'
                                name: Aufgang
                              - entity: sensor.moon_set
                                icon: 'hass:arrow-down-circle-outline'
                                name: Untergang
                              - entity: sensor.moon_description
                                icon: 'hass:moon-waning-crescent'
                                name: Phase
                            show_header_toggle: false
                            title: Mond
                          - type: 'custom:mini-graph-card'
                            name: Ausleuchtung
                            entities:
                              - entity: sensor.moon_lumi
                                decimals: 0
                            hours_to_show: 720
                            color_thresholds:
                              - value: 40
                                color: grey
                              - value: 0
                                color: black
                              - value: 95
                                color: '#ffee00'
                            smoothing: true
                            group_by: date
                            icon: 'hass:moon-waning-crescent'
                            unit: '%'
                            show:
                              labels: true
                            hour24: true
              - title: Tankstellen
                path: tankstelle
                icon: 'hass:gas-station'
                badges: []
                cards:
                  - type: vertical-stack
                    cards:
                      - type: glance
                        entities:
                          - entity: sensor.genol_wk_station_price
                            name: Lagerhaus
                            icon: 'hass:gas-station'
                          - entity: sensor.turm_all_station_price
                            name: Fazeni
                            icon: 'hass:gas-station'
                          - entity: sensor.iq_all_station_price
                            name: IQ Post
                            icon: 'hass:gas-station'
                        title: Dieselpreis Allhaming/Weißkirchen
                      - type: 'custom:mini-graph-card'
                        name: 2 Wochen Entwicklung
                        entities:
                          - entity: sensor.genol_wk_station_price
                            name: Lagerhaus
                            color: green
                          - entity: sensor.turm_all_station_price
                            name: Fazeni
                            color: orange
                          - entity: sensor.iq_all_station_price
                            name: IQ Post
                            color: yellow
                        hours_to_show: 336
                        hour24: true
                        decimals: 3
                        icon: 'hass:gas-station'
                        unit: €
                        show:
                          labels: true
                          extrema: true
                  - type: vertical-stack
                    cards:
                      - type: glance
                        entities:
                          - entity: sensor.hofer_ansfelden_station_price
                            name: Hofer
                            icon: 'hass:gas-station'
                          - entity: sensor.jet_ansfelden_nord_station_price
                            name: Jet Nord
                            icon: 'hass:gas-station'
                          - entity: sensor.jet_ansfelden_sued_station_price
                            name: Jet Süd
                            icon: 'hass:gas-station'
                        title: Dieselpreis Ansfelden
                      - type: 'custom:mini-graph-card'
                        name: 2 Wochen Entwicklung
                        entities:
                          - entity: sensor.hofer_ansfelden_station_price
                            name: Hofer
                            color: orange
                          - entity: sensor.jet_ansfelden_nord_station_price
                            name: Jet Nord
                            color: red
                          - entity: sensor.jet_ansfelden_sued_station_price
                            name: Jet Süd
                            color: blue
                        hours_to_show: 336
                        hour24: true
                        decimals: 3
                        icon: 'hass:gas-station'
                        unit: €
                        show:
                          labels: true
                          extrema: true
                  - type: vertical-stack
                    cards:
                      - type: glance
                        entities:
                          - entity: sensor.avanti_mt_station_price
                            name: Avanti Marchtrenk
                            icon: 'hass:gas-station'
                          - entity: sensor.hofer_traun_station_price
                            name: Hofer Traun
                            icon: 'hass:gas-station'
                        title: Dieselpreis Marchtrenk/Traun
                      - type: 'custom:mini-graph-card'
                        name: 2 Wochen Entwicklung
                        entities:
                          - entity: sensor.avanti_mt_station_price
                            name: Avanti Marchtrenk
                            color: yellow
                          - entity: sensor.hofer_traun_station_price
                            name: Hofer Traun
                            color: orange
                        hours_to_show: 336
                        hour24: true
                        decimals: 3
                        icon: 'hass:gas-station'
                        unit: €
                        show:
                          labels: true
                          extrema: true
              - icon: 'hass:shield-lock'
                title: Alarmanlage
                path: alarmanlage
                badges: []
                cards:
                  - type: alarm-panel
                    states:
                      - arm_home
                      - arm_away
                    entity: alarm_control_panel.defaultAlarm
                    name: Alarmanlage
                  - type: button
                    tap_action:
                      action: none
                    entity: binary_sensor.Alive_Kamera_Einfahrt
                    icon_height: 50px
                    show_state: false
                    icon: 'hass:cctv'
                    name: Kamera Einfahrt
                    hold_action:
                      action: none
                  - type: button
                    tap_action:
                      action: toggle
                    entity: light.On_garderobe
                    icon_height: 50px
                    show_state: false
                    icon: 'hass:cctv'
                    name: Kamera Garderobe
                    hold_action:
                      action: none
              - title: Musik
                path: musik
                icon: 'hass:music'
                badges: []
                cards:
                  - type: vertical-stack
                    cards:
                      - type: vertical-stack
                        title: Denon Wohnzimmer
                        cards:
                          - type: horizontal-stack
                            cards:
                              - type: vertical-stack
                                cards:
                                  - type: button
                                    tap_action:
                                      action: toggle
                                    entity: switch.Main_Zone_Power_State
                                    icon: 'hass:power'
                                    show_name: false
                                    icon_height: 120px
                              - type: vertical-stack
                                cards:
                                  - type: button
                                    entity: input_select.Select_input
                                    show_state: false
                                    icon_height: 50px
                                    tap_action:
                                      action: more-info
                                    hold_action:
                                      action: none
                                    name: Eingang
                                    icon: 'hass:import'
                                    show_name: false
                                  - type: button
                                    entity: input_select.Surround_mode
                                    show_state: false
                                    icon_height: 50px
                                    tap_action:
                                      action: more-info
                                    hold_action:
                                      action: none
                                    show_icon: true
                                    name: Surround Modus
                                    show_name: false
                                    icon: 'hass:surround-sound'
                              - type: gauge
                                entity: sensor.Main_Volume
                                min: 0
                                max: 100
                                severity:
                                  green: 0
                                  yellow: 65
                                  red: 70
                                unit: '%'
                                name: ' '
                          - type: horizontal-stack
                            cards:
                              - type: button
                                tap_action:
                                  action: toggle
                                entity: switch.Previous
                                icon: 'hass:skip-previous'
                                show_name: false
                                state_color: false
                                icon_height: 60px
                              - type: button
                                tap_action:
                                  action: toggle
                                entity: switch.Play_Pause
                                icon: 'hass:play-pause'
                                show_name: false
                                state_color: false
                              - type: button
                                tap_action:
                                  action: toggle
                                entity: switch.Next
                                icon: 'hass:skip-next'
                                show_name: false
                                state_color: false
                              - type: button
                                tap_action:
                                  action: toggle
                                entity: switch.Volume_Down
                                icon: 'hass:volume-minus'
                                show_name: false
                                state_color: false
                              - type: button
                                tap_action:
                                  action: toggle
                                entity: switch.Muted
                                icon: 'hass:volume-mute'
                                show_name: false
                                state_color: false
                              - type: button
                                tap_action:
                                  action: toggle
                                entity: switch.Volume_Up
                                icon: 'hass:volume-plus'
                                show_name: false
                                state_color: false
                      - type: vertical-stack
                        title: Zone 2 - Küche
                        cards:
                          - type: horizontal-stack
                            cards:
                              - type: vertical-stack
                                cards:
                                  - type: button
                                    tap_action:
                                      action: toggle
                                    entity: switch.Zone_2_Power_State
                                    icon: 'hass:power'
                                    show_name: false
                                    icon_height: 120px
                                    name: Küche
                              - type: vertical-stack
                                cards:
                                  - type: button
                                    entity: input_select.Zone_2_Select_input
                                    show_state: false
                                    icon_height: 120px
                                    tap_action:
                                      action: more-info
                                    hold_action:
                                      action: none
                                    name: Eingang
                                    icon: 'hass:import'
                                    show_name: false
                              - type: gauge
                                entity: sensor.Zone_2_Volume
                                min: 0
                                max: 100
                                severity:
                                  green: 0
                                  yellow: 65
                                  red: 70
                                unit: '%'
                                name: ' '
                          - type: horizontal-stack
                            cards:
                              - type: button
                                tap_action:
                                  action: toggle
                                entity: switch.Zone_2_Volume_Down
                                icon: 'hass:volume-minus'
                                show_name: false
                                state_color: false
                                icon_height: 55px
                              - type: button
                                tap_action:
                                  action: toggle
                                entity: switch.Zone_2_Muted
                                icon: 'hass:volume-mute'
                                show_name: false
                                state_color: false
                                icon_height: 55px
                              - type: button
                                tap_action:
                                  action: toggle
                                entity: switch.Zone_2_Volume_Up
                                icon: 'hass:volume-plus'
                                show_name: false
                                state_color: false
                                icon_height: 55px
                  - type: 'custom:mini-media-player'
                    entity: media_player.Echo_Keller
                    artwork: full-cover
                    hide:
                      icon: true
                      power_state: true
                  - type: 'custom:mini-media-player'
                    entity: media_player.Echo_Dot
                    artwork: full-cover
                    info: scroll
                    hide:
                      icon: true
              - icon: 'hass:home-automation'
                title: Unifi
                path: unifi
                badges: []
                cards:
                  - type: 'custom:mini-graph-card'
                    name: Internetgeschwindigkeit
                    entities:
                      - entity: sensor.Download
                        name: Download
                        color: green
                      - entity: sensor.Upload
                        name: Upload
                        color: red
                    hours_to_show: 24
                    hour24: true
                    decimals: 1
                    icon: 'hass:speedometer'
                    unit: null
                    show:
                      labels: true
                      extrema: true
                  - type: 'custom:mini-graph-card'
                    entities:
                      - entity: sensor.Speedtest_ping
                        name: Ping
                        color: blue
                    hour24: true
                    hours_to_show: 24
                    labels: true
                    update_interval: 60
                    smoothing: true
                    aggregate_func: max
                    show_line: true
                    show_points: true
                    show_legend: true
                    decimals: 0
                    icon: 'hass:clock-time-two-outline'
                    show:
                      labels: true
                      extrema: true
                      graph: line
                  - type: entities
                    entities:
                      - entity: binary_sensor.Alive_Unifi_Security_Gateway
                        name: Security Gateway
                        icon: 'hass:security-network'
                      - entity: binary_sensor.Alive_Unifi_16Port_Switch
                        name: 16 Port Switch
                        icon: 'hass:switch'
                      - entity: binary_sensor.Alive_Unifi_AP_Wohnzimmer
                        name: Accesspoint Wohnzimmer
                        icon: 'hass:access-point'
                      - entity: binary_sensor.Alive_Unifi_AP_Keller
                        name: Accesspoint Kellerabgang
                        icon: 'hass:access-point'
                      - entity: binary_sensor.Alive_Unifi_AP_Eva
                        name: Accesspoint Eva Zimmer
                        icon: 'hass:access-point'
                    state_color: true
                    show_header_toggle: false
                    title: Unifi
                  - type: horizontal-stack
                    title: Zugangsdaten für Gäste WLAN
                    cards:
                      - type: vertical-stack
                        cards:
                          - type: markdown
                            content: |
                              WLAN: **Name**
                              PWD:  **Passwort**
                          - type: button
                            tap_action:
                              action: toggle
                            entity: binary_sensor.Enabled
                            icon_height: 50px
                            show_state: true
                            icon: 'hass:wifi'
                            hold_action:
                              action: none
                            show_name: false
                            name: Status
                          - type: entities
                            entities:
                              - entity: sensor.Number_of_guests
                                name: Gäste Online
                                icon: 'hass:account-outline'
                            show_header_toggle: true
                            state_color: true
                      - type: markdown
                        content: |
                          ![Image](http://192.168.1.63:8091/cards/QRGastWLAN.jpg)
              - icon: 'hass:alpha-e-circle'
                title: Eva
                path: eva
                badges: []
                cards:
                  - type: 'custom:mini-graph-card'
                    name: Temperatur
                    entities:
                      - entity: sensor.Eva_MS_Temperature
                        name: Eva
                    color_thresholds:
                      - value: 18
                        color: '#41b6e6'
                      - value: 19
                        color: '#ffad60'
                      - value: 20
                        color: '#8bc24c'
                      - value: 22
                        color: '#8bc24c'
                      - value: 23
                        color: '#ffad60'
                      - value: 24
                        color: '#d9534f'
                    hours_to_show: 48
                    points_per_hour: 6
                    hour24: true
                    decimals: 1
                    icon: 'hass:thermometer'
                    unit: °C
                    show:
                      labels: true
                      extrema: true
                  - type: 'custom:mini-graph-card'
                    name: relative Luftfeuchtigkeit
                    entities:
                      - entity: sensor.Eva_MS_Relative_humidity
                        name: Eva
                    color_thresholds:
                      - value: 35
                        color: '#d9534f'
                      - value: 39
                        color: '#ffad60'
                      - value: 40
                        color: '#8bc24c'
                      - value: 58
                        color: '#8bc24c'
                      - value: 60
                        color: '#ffad60'
                      - value: 65
                        color: '#d9534f'
                    hours_to_show: 48
                    points_per_hour: 6
                    hour24: true
                    decimals: 1
                    icon: 'hass:water-percent'
                    unit: null
                    show:
                      labels: true
                      extrema: true
                  - type: entities
                    entities:
                      - entity: binary_sensor.EVA_FK_Open
                        icon: 'hass:window-closed-variant'
                        secondary_info: last-changed
                        name: Eva
                      - entity: binary_sensor.EVA_TK_Open
                        icon: 'hass:door'
                        secondary_info: last-changed
                        name: Eva
                    title: Fenster- & Türkontakte
                    state_color: true
                    show_header_toggle: false
                  - type: button
                    tap_action:
                      action: more-info
                    entity: binary_sensor.Is_online_handy_eva
                    icon_height: 50px
                    show_state: true
                    icon: 'hass:account-outline'
                    hold_action:
                      action: none
                    name: Eva
                  - type: entities
                    entities:
                      - entity: light.scriptEnabled_Aussentemp_Eva
                        icon: 'hass:thermometer'
                        name: Außentemperatur - Fenster
                    state_color: true
                    title: Skripte
              - title: Matthias
                path: matthias
                icon: 'hass:alpha-m-circle'
                badges: []
                cards:
                  - type: 'custom:mini-graph-card'
                    name: Temperatur
                    entities:
                      - entity: sensor.Matt_MS_Temperature
                        name: Matthias
                    color_thresholds:
                      - value: 18
                        color: '#41b6e6'
                      - value: 19
                        color: '#ffad60'
                      - value: 20
                        color: '#8bc24c'
                      - value: 22
                        color: '#8bc24c'
                      - value: 23
                        color: '#ffad60'
                      - value: 24
                        color: '#d9534f'
                    hours_to_show: 48
                    points_per_hour: 6
                    hour24: true
                    decimals: 1
                    icon: 'hass:thermometer'
                    unit: °C
                    show:
                      labels: true
                      extrema: true
                  - type: 'custom:mini-graph-card'
                    name: relative Luftfeuchtigkeit
                    entities:
                      - entity: sensor.Matt_MS_Relative_humidity
                        name: Matthias
                    color_thresholds:
                      - value: 35
                        color: '#d9534f'
                      - value: 39
                        color: '#ffad60'
                      - value: 40
                        color: '#8bc24c'
                      - value: 58
                        color: '#8bc24c'
                      - value: 60
                        color: '#ffad60'
                      - value: 65
                        color: '#d9534f'
                    hours_to_show: 48
                    points_per_hour: 6
                    hour24: true
                    decimals: 1
                    icon: 'hass:water-percent'
                    unit: null
                    show:
                      labels: true
                      extrema: true
                  - type: horizontal-stack
                    cards:
                      - type: vertical-stack
                        cards:
                          - type: entities
                            entities:
                              - entity: binary_sensor.M_FK_L_Open
                                icon: 'hass:window-closed-variant'
                                secondary_info: last-changed
                                name: Matthias links
                              - entity: binary_sensor.M_FK_R_Open
                                icon: 'hass:window-closed-variant'
                                secondary_info: last-changed
                                name: Matthias rechts
                            title: Fensterkontakte
                            state_color: true
                            show_header_toggle: false
                  - type: entities
                    entities:
                      - entity: binary_sensor.Is_online_handy_matthias
                        icon: 'hass:account-outline'
                        name: Handy Online
                        secondary_info: last-changed
                    state_color: true
                  - type: entities
                    entities:
                      - entity: light.scriptEnabled_Aussentemp_Matthias
                        icon: 'hass:thermometer'
                        name: Außentemperatur - Fenster
                    state_color: true
                    title: Skripte
              - icon: 'hass:alpha-t-circle'
                title: Toni
                path: toni
                badges: []
                cards:
                  - type: 'custom:mini-graph-card'
                    name: Temperatur
                    entities:
                      - entity: sensor.Toni_MS_Temperature
                        name: Toni
                    color_thresholds:
                      - value: 18
                        color: '#41b6e6'
                      - value: 19
                        color: '#ffad60'
                      - value: 20
                        color: '#8bc24c'
                      - value: 22
                        color: '#8bc24c'
                      - value: 23
                        color: '#ffad60'
                      - value: 24
                        color: '#d9534f'
                    hours_to_show: 48
                    points_per_hour: 6
                    hour24: true
                    decimals: 1
                    icon: 'hass:thermometer'
                    unit: °C
                    show:
                      labels: true
                      extrema: true
                  - type: 'custom:mini-graph-card'
                    name: relative Luftfeuchtigkeit
                    entities:
                      - entity: sensor.Toni_MS_Relative_humidity
                        name: Luftfeuchtigkeit
                    color_thresholds:
                      - value: 35
                        color: '#d9534f'
                      - value: 39
                        color: '#ffad60'
                      - value: 40
                        color: '#8bc24c'
                      - value: 58
                        color: '#8bc24c'
                      - value: 60
                        color: '#ffad60'
                      - value: 65
                        color: '#d9534f'
                    hours_to_show: 48
                    points_per_hour: 6
                    hour24: true
                    decimals: 1
                    icon: 'hass:water-percent'
                    unit: null
                    show:
                      labels: true
                      extrema: true
                  - type: horizontal-stack
                    cards:
                      - type: vertical-stack
                        cards:
                          - type: entities
                            entities:
                              - entity: binary_sensor.T_FK_W_L_Open
                                icon: 'hass:window-closed-variant'
                                secondary_info: last-changed
                                name: Toni West links
                              - entity: binary_sensor.T_FK_W_R_Open
                                icon: 'hass:window-closed-variant'
                                secondary_info: last-changed
                                name: Toni West rechts
                              - entity: binary_sensor.T_FK_N_Open
                                icon: 'hass:window-closed-variant'
                                secondary_info: last-changed
                                name: Toni Nord
                            title: Fensterkontakte
                            state_color: true
                            show_header_toggle: false
                  - type: button
                    tap_action:
                      action: more-info
                    entity: binary_sensor.Is_online_handy_toni
                    icon_height: 50px
                    show_state: true
                    icon: 'hass:account-outline'
                    hold_action:
                      action: none
                    name: Toni
                  - type: entities
                    entities:
                      - entity: light.scriptEnabled_Aussentemp_Toni
                        icon: 'hass:thermometer'
                        name: Außentemperatur - Fenster
                    state_color: true
                    title: Skripte
              - icon: 'hass:food-variant'
                title: Esszimmer
                path: esszimmer
                badges: []
                cards:
                  - type: 'custom:mini-graph-card'
                    name: Temperatur
                    entities:
                      - entity: sensor.EZ_MS_Temperature
                        name: Esszimmer Temperatur
                    color_thresholds:
                      - value: 18
                        color: '#41b6e6'
                      - value: 19
                        color: '#ffad60'
                      - value: 21
                        color: '#8bc24c'
                      - value: 23
                        color: '#8bc24c'
                      - value: 24
                        color: '#ffad60'
                      - value: 25
                        color: '#d9534f'
                    hours_to_show: 48
                    points_per_hour: 6
                    hour24: true
                    decimals: 1
                    icon: 'hass:thermometer'
                    unit: °C
                    show:
                      labels: true
                      extrema: true
                  - type: 'custom:mini-graph-card'
                    name: relative Luftfeuchtigkeit
                    entities:
                      - entity: sensor.EZ_MS_Relative_humidity
                        name: Esszimmer Luftfeuchtigkeit
                    color_thresholds:
                      - value: 35
                        color: '#d9534f'
                      - value: 39
                        color: '#ffad60'
                      - value: 40
                        color: '#8bc24c'
                      - value: 58
                        color: '#8bc24c'
                      - value: 60
                        color: '#ffad60'
                      - value: 65
                        color: '#d9534f'
                    hours_to_show: 48
                    points_per_hour: 6
                    hour24: true
                    decimals: 1
                    icon: 'hass:water-percent'
                    unit: null
                    show:
                      labels: true
                      extrema: true
                  - type: entities
                    entities:
                      - entity: binary_sensor.EZ_TK_Open
                        icon: 'hass:door'
                        secondary_info: last-changed
                        name: Esszimmer
                      - entity: binary_sensor.WZ_TK_Open
                        icon: 'hass:door'
                        secondary_info: last-changed
                        name: Wohnzimmer
                    title: Fensterkontakte
                    state_color: true
                    show_header_toggle: false
                  - type: 'custom:stack-in-card'
                    mode: vertical
                    cards:
                      - type: horizontal-stack
                        cards:
                          - type: markdown
                            content: |-
                              Connected: {mihome-vacuum.0.info.connection}
                              Akkustand: {mihome-vacuum.0.info.battery}%
                              Total: {mihome-vacuum.0.history.total_area}m²
                              Reinigungen: {mihome-vacuum.0.history.total_cleanups}
                          - type: 'custom:button-card'
                            color_type: null
                            color: grey
                            icon: 'mdi:robot-vacuum'
                            name: Susi
                            styles:
                              card:
                                - width: 150px
                                - height: 100%
                          - type: markdown
                            content: |-
                              Filter: {mihome-vacuum.0.consumable.filter}% 
                              Sensoren: {mihome-vacuum.0.consumable.sensors}% 
                              Hauptbürste: {mihome-vacuum.0.consumable.main_brush}% 
                              Seitenbürste: {mihome-vacuum.0.consumable.side_brush}%
                      - type: horizontal-stack
                        cards:
                          - type: 'custom:button-card'
                            icon: 'mdi:play'
                            color: var(--accent-color)
                            tap_action:
                              action: call-service
                              service: switch.turn_on
                              service_data:
                                entity_id: switch.control_start
                          - type: 'custom:button-card'
                            icon: 'mdi:pause'
                            color: var(--accent-color)
                            tap_action:
                              action: call-service
                              service: switch.turn_on
                              service_data:
                                entity_id: switch.control_pause
                          - type: button
                          - type: 'custom:button-card'
                            icon: 'mdi:home'
                            color: var(--accent-color)
                            tap_action:
                              action: call-service
                              service: switch.turn_on
                              service_data:
                                entity_id: switch.control_home
                          - type: 'custom:button-card'
                            icon: 'mdi:crosshairs-gps'
                            color: var(--accent-color)
                            tap_action:
                              action: call-service
                              service: switch.turn_on
                              service_data:
                                entity_id: switch.control_find
              - icon: 'hass:shower'
                title: Bad
                path: bad
                badges: []
                cards:
                  - type: 'custom:mini-graph-card'
                    name: Temperatur
                    entities:
                      - entity: sensor.Bad_MS_Temperature
                        name: Badezimmer Temperatur
                    color_thresholds:
                      - value: 21
                        color: '#41b6e6'
                      - value: 22
                        color: '#ffad60'
                      - value: 22.5
                        color: '#8bc24c'
                      - value: 23.5
                        color: '#8bc24c'
                      - value: 24
                        color: '#ffad60'
                      - value: 25
                        color: '#d9534f'
                    hours_to_show: 48
                    points_per_hour: 6
                    hour24: true
                    decimals: 1
                    icon: 'hass:thermometer'
                    unit: °C
                    show:
                      labels: true
                      extrema: true
                  - type: 'custom:mini-graph-card'
                    name: relative Luftfeuchtigkeit
                    entities:
                      - entity: sensor.Bad_MS_Relative_humidity
                        name: Badezimmer Luftfeuchtigkeit
                    color_thresholds:
                      - value: 35
                        color: '#d9534f'
                      - value: 39
                        color: '#ffad60'
                      - value: 40
                        color: '#8bc24c'
                      - value: 65
                        color: '#8bc24c'
                      - value: 66
                        color: '#ffad60'
                      - value: 70
                        color: '#d9534f'
                    hours_to_show: 48
                    points_per_hour: 6
                    hour24: true
                    decimals: 1
                    icon: 'hass:water-percent'
                    unit: null
                    show:
                      labels: true
                      extrema: true
                  - type: entities
                    entities:
                      - entity: binary_sensor.B_FK_L_Open
                        icon: 'hass:window-closed-variant'
                        secondary_info: last-changed
                        name: Bad links
                      - entity: binary_sensor.B_FK_R_Open
                        icon: 'hass:window-closed-variant'
                        secondary_info: last-changed
                        name: Bad rechts
                      - entity: binary_sensor.WC_Open
                        icon: 'hass:window-closed-variant'
                        secondary_info: last-changed
                        name: WC
                    title: Fensterkontakte
                    state_color: true
                    show_header_toggle: false
                  - type: entities
                    entities:
                      - entity: light.scriptEnabled_Aussentemp_Bad
                        icon: 'hass:thermometer'
                        name: Außentemperatur - Fenster Bad
                      - entity: light.scriptEnabled_Aussentemp_WCFenster
                        icon: 'hass:thermometer'
                        name: Außentemperatur - Fenster WC
                    state_color: true
                    title: Skripte
              - icon: 'hass:bed'
                title: Schlafzimmer
                path: schlafzimmer
                badges: []
                cards:
                  - type: 'custom:mini-graph-card'
                    name: Temperatur
                    entities:
                      - entity: sensor.SZ_MS_Temperature
                        name: Schlafzimmer
                    color_thresholds:
                      - value: 15
                        color: '#41b6e6'
                      - value: 16
                        color: '#ffad60'
                      - value: 17
                        color: '#8bc24c'
                      - value: 18
                        color: '#8bc24c'
                      - value: 20
                        color: '#ffad60'
                      - value: 21
                        color: '#d9534f'
                    hours_to_show: 48
                    points_per_hour: 6
                    hour24: true
                    decimals: 1
                    icon: 'hass:thermometer'
                    unit: °C
                    show:
                      labels: true
                      extrema: true
                  - type: 'custom:mini-graph-card'
                    name: relative Luftfeuchtigkeit
                    entities:
                      - entity: sensor.SZ_MS_Relative_humidity
                        name: Schlafzimmer
                    color_thresholds:
                      - value: 35
                        color: '#d9534f'
                      - value: 39
                        color: '#ffad60'
                      - value: 40
                        color: '#8bc24c'
                      - value: 58
                        color: '#8bc24c'
                      - value: 60
                        color: '#ffad60'
                      - value: 65
                        color: '#d9534f'
                    hours_to_show: 48
                    points_per_hour: 6
                    hour24: true
                    decimals: 1
                    icon: 'hass:water-percent'
                    unit: null
                    show:
                      labels: true
                      extrema: true
                  - type: entities
                    entities:
                      - entity: binary_sensor.SZ_FK_N_Open
                        icon: 'hass:window-closed-variant'
                        secondary_info: last-changed
                        name: Schlafzimmer Nord
                      - entity: binary_sensor.SZ_FK_O_Open
                        icon: 'hass:window-closed-variant'
                        secondary_info: last-changed
                        name: Schlafzimmer Ost
                      - entity: binary_sensor.SR_L_Open
                        icon: 'hass:window-closed-variant'
                        secondary_info: last-changed
                        name: Schrankraum links
                      - entity: binary_sensor.SR_MR_Open
                        icon: 'hass:window-closed-variant'
                        secondary_info: last-changed
                        name: Schrankraum rechts
                    title: Fensterkontakte
                    state_color: true
                    show_header_toggle: false
                  - type: entities
                    entities:
                      - entity: light.scriptEnabled_Aussentemp_Schlafzimmer
                        icon: 'hass:thermometer'
                        name: Außentemperatur - Fenster SZ
                      - entity: light.scriptEnabled_Aussentemp_Schrankraum
                        name: Außentemperatur - Fenster SR
                        icon: 'hass:thermometer'
                    state_color: true
                    title: Skripte
              - icon: 'hass:home-floor-negative-1'
                title: Keller
                path: keller
                badges: []
                cards:
                  - type: 'custom:mini-graph-card'
                    name: Temperatur
                    entities:
                      - entity: sensor.K_MS_Temperature
                        name: Keller Temperatur
                    color_thresholds:
                      - value: 8
                        color: '#41b6e6'
                      - value: 9
                        color: '#ffad60'
                      - value: 10
                        color: '#8bc24c'
                      - value: 15
                        color: '#8bc24c'
                      - value: 16
                        color: '#ffad60'
                      - value: 17
                        color: '#d9534f'
                    hours_to_show: 48
                    points_per_hour: 6
                    hour24: true
                    decimals: 1
                    icon: 'hass:thermometer'
                    unit: °C
                    show:
                      labels: true
                      extrema: true
                  - type: 'custom:mini-graph-card'
                    name: relative Luftfeuchtigkeit
                    entities:
                      - entity: sensor.K_MS_Relative_humidity
                        name: Keller Luftfeuchtigkeit
                    color_thresholds:
                      - value: 48
                        color: '#d9534f'
                      - value: 49
                        color: '#ffad60'
                      - value: 50
                        color: '#8bc24c'
                      - value: 65
                        color: '#8bc24c'
                      - value: 66
                        color: '#ffad60'
                      - value: 67
                        color: '#d9534f'
                    hours_to_show: 48
                    points_per_hour: 6
                    hour24: true
                    decimals: 1
                    icon: 'hass:water-percent'
                    unit: null
                    show:
                      labels: true
                      extrema: true
                  - type: entities
                    entities:
                      - entity: binary_sensor.Keller_TKS_Open
                        icon: 'hass:door'
                        secondary_info: last-changed
                        name: Keller
                      - entity: binary_sensor.GH_TK_Open
                        icon: 'hass:door'
                        secondary_info: last-changed
                        name: Gartenhütte
                      - entity: binary_sensor.G_TK_Open
                        name: Garage
                        icon: 'hass:garage-variant'
                        secondary_info: last-changed
                    title: Türkontakte
                    state_color: true
                    show_header_toggle: false
                  - type: 'custom:mini-graph-card'
                    name: Stromaufnahme Waschmaschine
                    entities:
                      - entity: sensor.WM_Strom
                        name: Stromaufnahme
                        color: var(--accent-color)
                    hours_to_show: 12
                    hour24: true
                    decimals: 0
                    points_per_hour: 20
                    smoothing: true
                    icon: 'hass:lightning-bolt'
                    unit: mA
                    show:
                      labels: true
                  - type: 'custom:mini-graph-card'
                    name: Stromaufnahme Wäschetrockner
                    entities:
                      - entity: sensor.WT_Current
                        name: Stromaufnahme
                        color: var(--accent-color)
                    hours_to_show: 12
                    hour24: true
                    decimals: 0
                    points_per_hour: 20
                    smoothing: true
                    icon: 'hass:lightning-bolt'
                    unit: mA
                    show:
                      labels: true
                  - type: entities
                    entities:
                      - entity: binary_sensor.GWP_WS_Water_detected
                        icon: 'hass:water'
                        name: Grundwasserpumpe
                      - entity: binary_sensor.PP_WS_Water_detected
                        icon: 'hass:water'
                        name: Poolpumpe
                      - entity: binary_sensor.HR_WS_Water_detected
                        icon: 'hass:water'
                        name: Heizraum
                      - entity: binary_sensor.WR_WS_Water_detected
                        icon: 'hass:water'
                        name: Waschraum
                    title: Wasser Leckage
                    state_color: true
                    show_header_toggle: false
                  - type: horizontal-stack
                    title: Waschmaschine
                    cards:
                      - type: button
                        tap_action:
                          action: toggle
                        entity: binary_sensor.Waschmaschine_aktiv
                        show_state: false
                        name: aktiv
                      - type: button
                        tap_action:
                          action: none
                        entity: binary_sensor.Waschmaschine_Status_fertig
                        name: fertig
                        show_state: false
                        show_name: true
                  - type: horizontal-stack
                    title: Wäschetrockner
                    cards:
                      - type: button
                        tap_action:
                          action: toggle
                        entity: binary_sensor.Waeschetrockner_aktiv
                        show_state: false
                        name: aktiv
                      - type: button
                        tap_action:
                          action: none
                        entity: binary_sensor.Waeschetrockner_Status_fertig
                        name: fertig
                        show_state: false
                        show_name: true
              - icon: 'hass:iobroker'
                title: IObroker
                path: iobroker
                badges: []
                cards:
                  - type: entities
                    entities:
                      - entity: binary_sensor.Last_iobroker_backup_Success
                        name: letztes iobroker Backup erfolgreich
                        icon: 'hass:cloud-upload'
                      - entity: sensor.Last_iobroker_backup
                        name: letztes Backup
                        icon: 'hass:calendar-range'
                      - entity: binary_sensor.Indicator_if_new_adapter_updates_are_available
                        name: Updates verfügbar
                      - entity: sensor.Number_of_adapters_to_update
                        name: Anzahl Updates
                        icon: 'hass:update'
                      - entity: sensor.List_of_adapters_to_update
                        name: Adapter
                        icon: 'hass:update'
                    show_header_toggle: false
                    state_color: true
                    title: Iobroker
                  - type: 'custom:mini-graph-card'
                    name: Raspberry Pi CPU Temperatur
                    entities:
                      - entity: sensor.rpi2_0_temperature_soc_temp
                        color: green
                        name: Raspberry Pi CPU Temperatur
                    hours_to_show: 48
                    hour24: true
                    decimals: 0
                    icon: 'hass:thermometer'
                    unit: °C
                    show:
                      labels: true
                      extrema: true
                    color_thresholds:
                      - value: 50
                        color: orange
                      - value: 65
                        color: red
              - icon: 'hass:server'
                title: server
                path: server
                badges: []
                cards:
                  - type: horizontal-stack
                    cards:
                      - type: gauge
                        entity: sensor.Cpu_load
                        min: 0
                        max: 100
                        severity:
                          green: 0
                          yellow: 70
                          red: 85
                        name: CPU
                      - type: gauge
                        min: 0
                        max: 100
                        severity:
                          green: 0
                          yellow: 70
                          red: 85
                        entity: sensor.Memory_usage
                        name: Ram
                  - type: horizontal-stack
                    cards:
                      - type: vertical-stack
                        cards:
                          - type: gauge
                            entity: sensor.Used
                            min: 0
                            max: 100
                            severity:
                              green: 0
                              yellow: 70
                              red: 85
                            name: ' Volume 1'
                          - type: button
                            tap_action:
                              action: none
                            entity: sensor.DiskStationManager_vol_info_volume_1_status
                            icon: 'mdi:list-status'
                            show_state: true
                            name: Volume 1
                            hold_action:
                              action: none
                            show_name: false
                            show_icon: false
                            icon_height: 50px
                      - type: vertical-stack
                        cards:
                          - type: gauge
                            entity: sensor.Used_volume2
                            min: 0
                            max: 100
                            severity:
                              green: 0
                              yellow: 70
                              red: 85
                            name: ' Volume 2'
                          - type: button
                            tap_action:
                              action: none
                            entity: sensor.DiskStationManager_vol_info_volume_2_status
                            icon: 'mdi:list-status'
                            show_state: true
                            name: Volume 2
                            hold_action:
                              action: none
                            show_name: false
                            show_icon: false
                  - type: 'custom:mini-graph-card'
                    name: Server CPU Auslastung
                    entities:
                      - entity: sensor.Cpu_load
                        color: green
                    hour24: true
                    decimals: 0
                    icon: 'hass:cpu-64-bit'
                    unit: null
                    show:
                      labels: true
                      extrema: true
                  - type: 'custom:mini-graph-card'
                    name: Server Ram Auslastung
                    entities:
                      - entity: sensor.Memory_usage
                        color: green
                    hours_to_show: 48
                    hour24: true
                    decimals: 0
                    icon: 'hass:memory'
                    unit: null
                    show:
                      labels: true
                      extrema: true
                  - type: button
                    tap_action:
                      action: more-info
                    entity: sensor.DiskStationManager_info_temperature_warn
                    icon_height: 50px
                    show_state: true
                    icon: 'hass:thermometer-alert'
                    name: Temperaturwarnung
                    hold_action:
                      action: none
              - icon: 'hass:network'
                title: Netzwerk
                path: netzwerk
                panel: false
                badges: []
                cards:
                  - type: entities
                    entities:
                      - entity: binary_sensor.Alive_Stefan_Handy
                        name: Stefan
                        icon: 'hass:cellphone-android'
                        secondary_info: last-changed
                      - entity: binary_sensor.Alive_Julia_Handy
                        name: Julia
                        icon: 'hass:cellphone-android'
                        secondary_info: last-changed
                      - entity: binary_sensor.Alive_Galaxy_A5_2017_localdomain
                        name: Matthias
                        icon: 'hass:cellphone-android'
                        secondary_info: last-changed
                      - entity: binary_sensor.Alive_Galaxy_J7_localdomain
                        name: Toni
                        icon: 'hass:cellphone-android'
                        secondary_info: last-changed
                      - entity: binary_sensor.Alive_Greti_Handy
                        name: Karl
                        icon: 'hass:cellphone-android'
                        secondary_info: last-changed
                      - entity: binary_sensor.Alive_Greti_Galaxy_J7_localdomain
                        name: Greti
                        icon: 'hass:cellphone-android'
                        secondary_info: last-changed
                    state_color: true
                    show_header_toggle: false
                    title: Handys
                  - type: entities
                    entities:
                      - entity: binary_sensor.Alive_Synology_DS918
                        name: Synology DS918
                        icon: 'hass:server'
                        secondary_info: last-changed
                      - entity: binary_sensor.Alive_Kamera_Einfahrt
                        name: Überwachungskamera
                        icon: 'hass:cctv'
                        secondary_info: last-changed
                      - entity: binary_sensor.Alive_Samsung_Drucker_Karl
                        name: Samsung Drucker OG
                        icon: 'hass:printer'
                        secondary_info: last-changed
                    state_color: true
                    show_header_toggle: false
                    title: Netzwerk
                  - type: entities
                    entities:
                      - entity: binary_sensor.Alive_Galaxy_Tab_S5e
                        name: Galaxy Tab 5se
                        icon: 'hass:tablet'
                        secondary_info: last-changed
                      - entity: binary_sensor.Alive_Denon_AVR_X2400H
                        name: Denon AVR X2400H
                        icon: 'hass:amplifier'
                        secondary_info: last-changed
                      - entity: binary_sensor.Alive_ESP_07B3D4_localdomain
                        name: Wetterstation
                        icon: 'hass:card-bulleted-outline'
                        secondary_info: last-changed
                      - entity: binary_sensor.Alive_Samsung_TV_Wohnzimmer
                        name: Samsung TV
                        icon: 'hass:television'
                        secondary_info: last-changed
                    state_color: true
                    show_header_toggle: false
                    title: Geräte
              - title: Batterie Status
                path: batterie_status
                icon: 'hass:battery-charging-medium'
                badges: []
                cards:
                  - type: entities
                    title: Bewegungsmelder
                    entities:
                      - type: 'custom:battery-entity'
                        entity: sensor.EZ_BM_Battery_state_in_percent
                        name: Esszimmer
                      - type: 'custom:battery-entity'
                        entity: sensor.VR_BM_Battery_state_in_percent
                        name: Vorraum
                  - type: entities
                    title: Multisensoren
                    entities:
                      - type: 'custom:battery-entity'
                        entity: sensor.EZ_MS_Battery_state_in_percent
                        name: Esszimmer
                      - type: 'custom:battery-entity'
                        entity: sensor.G_MS_Battery_state_in_percent
                        name: Haustüre
                      - type: 'custom:battery-entity'
                        entity: sensor.K_MS_Battery_state_in_percent
                        name: Keller
                  - type: entities
                    title: Fenster-/ Türkontakte
                    entities:
                      - type: 'custom:battery-entity'
                        entity: sensor.B_FK_R_Battery_state_in_percent
                        name: Bad Fenster rechts
                      - type: 'custom:battery-entity'
                        entity: sensor.EVA_FK_Battery_state_in_percent
                        name: Eva Fenster
                      - type: 'custom:battery-entity'
                        entity: sensor.EVA_TK_Battery_state_in_percent
                        name: Eva Tür
                      - type: 'custom:battery-entity'
                        entity: sensor.EZ_TK_Battery_state_in_percent
                        name: Esszimmer Tür
                      - type: 'custom:battery-entity'
                        entity: sensor.GH_TK_Battery_state_in_percent
                        name: Gartenhütte Tür
                      - type: 'custom:battery-entity'
                        entity: sensor.Keller_TKS_Battery_state_in_percent
                        name: Keller Tür
                      - type: 'custom:battery-entity'
                        entity: sensor.SZ_FK_N_Battery_state_in_percent
                        name: Schlafzimmer Fenster Nord
                      - type: 'custom:battery-entity'
                        entity: sensor.WC_Battery_state_in_percent
                        name: WC Fenster
                      - type: 'custom:battery-entity'
                        entity: sensor.WZ_TK_Battery_state_in_percent
                        name: Wohnzimmer Tür
                      - type: 'custom:battery-entity'
                        entity: sensor.G_TK_Battery_state_in_percent
                        name: Garagentor
                  - type: entities
                    title: Wasserleckage
                    entities:
                      - type: 'custom:battery-entity'
                        entity: sensor.GWP_WS_Battery_state_in_percent
                        name: Grundwasserpumpe
                      - type: 'custom:battery-entity'
                        entity: sensor.PP_WS_Battery_state_in_percent
                        name: Poolpompe
              - path: default_view
                title: Home
                icon: 'hass:home-assistant'
                badges: []
                cards: []
              - title: Skripte
                path: skripte
                icon: 'hass:application-cog'
                badges: []
                cards:
                  - type: entities
                    entities:
                      - entity: light.scriptEnabled_Aussentemp_Bad
                        icon: 'hass:shower'
                        name: Bad
                      - entity: light.scriptEnabled_Aussentemp_Eva
                        icon: 'hass:alpha-e-circle'
                        name: Eva
                      - entity: light.scriptEnabled_Aussentemp_Matthias
                        icon: 'hass:alpha-m-circle'
                        name: Matthias
                      - entity: light.scriptEnabled_Aussentemp_Schlafzimmer
                        icon: 'hass:bed'
                        name: Schlafzimmer
                      - entity: light.scriptEnabled_Aussentemp_Schrankraum
                        icon: 'hass:file-cabinet'
                        name: Schrankraum
                      - entity: light.scriptEnabled_Aussentemp_Toni
                        icon: 'hass:alpha-t-circle'
                        name: Toni
                      - entity: light.scriptEnabled_Aussentemp_WCFenster
                        icon: 'hass:toilet'
                        name: WC
                    state_color: true
                    title: Fenster -Außentemperatur Skripte
              - title: Kalender
                path: kalender
                icon: 'hass:calendar-clock'
                panel: false
                badges: []
                cards:
                  - type: iframe
                    url: >-
                      https://calendar.google.com/calendar/embed?src=xxx%40gmail.com&ctz=Europe%2FVienna"
                      style="border: 0" width="800" height="600" frameborder="0"
                      scrolling="no">
                    aspect_ratio: 100%
                    title: Familienkalender
              - icon: 'hass:chart-line'
                title: Messdaten
                path: messdaten
                badges: []
                cards:
                  - type: history-graph
                    entities:
                      - entity: sensor.EZ_MS_Temperature
                        name: Esszimmer
                      - entity: sensor.K_MS_Temperature
                        name: Keller
                      - entity: sensor.Temperature
                        name: Außen Wetterstation
                    hours_to_show: 72
                    refresh_interval: 0
                    title: Temperatur
                  - type: 'custom:mini-graph-card'
                    name: Temperatur Entwicklung
                    entities:
                      - entity: sensor.Temperature
                        name: Außen Wetterstation
                        color: blue
                      - entity: sensor.EZ_MS_Temperature
                        name: Esszimmer
                        color: green
                    hours_to_show: 72
                    hour24: true
                    decimals: 0
                    icon: 'hass:thermometer'
                    unit: °C
                    show:
                      labels: true
                      extrema: true
                  - type: history-graph
                    entities:
                      - entity: sensor.EZ_MS_Relative_humidity
                        name: Esszimmer
                      - entity: sensor.K_MS_Relative_humidity
                        name: Keller
                      - entity: sensor.Relative_humidity
                        name: Außen Wetterstation
                    hours_to_show: 72
                    refresh_interval: 0
                    title: relative Luftfeuchtigkeit
                  - type: 'custom:mini-graph-card'
                    name: relative Luftfeuchtigkeit
                    entities:
                      - entity: sensor.Relative_humidity
                        name: Außen Wetterstation
                        color: blue
                      - entity: sensor.EZ_MS_Relative_humidity
                        name: Esszimmer
                        color: green
                      - entity: sensor.K_MS_Relative_humidity
                        name: Keller
                        color: red
                    hours_to_show: 72
                    hour24: true
                    decimals: 0
                    icon: 'hass:water-percent'
                    unit: null
                    show:
                      labels: true
                      extrema: true
                  - type: entities
                    entities:
                      - entity: sensor.EZ_MS_Temperature
                        name: Esszimmer
                      - entity: sensor.K_MS_Temperature
                        name: Keller
                      - entity: sensor.Temperature
                        name: Wetterstation
                    show_header_toggle: false
                  - type: entities
                    entities:
                      - entity: sensor.EZ_MS_Relative_humidity
                        icon: 'hass:water-percent'
                        name: Esszimmer
                      - entity: sensor.K_MS_Relative_humidity
                        icon: 'hass:water-percent'
                        name: Keller
                      - entity: sensor.Relative_humidity
                        icon: 'hass:water-percent'
                        name: Wetterstation
                      - entity: sensor.Air_pressure__mbar_
                      - entity: sensor.Wind_gust
                    show_header_toggle: false
                  - type: 'custom:mini-graph-card'
                    name: Temperatur
                    entities:
                      - entity: sensor.Matt_MS_Temperature
                        name: Matthias
                        color: blue
                      - entity: sensor.Toni_MS_Temperature
                        name: Toni
                        color: green
                      - entity: sensor.Eva_MS_Temperature
                        name: Eva
                        color: pink
                      - entity: sensor.SZ_MS_Temperature
                        name: Schlafzimmer
                        color: red
                      - entity: sensor.EZ_MS_Temperature
                        name: Esszimmer
                        color: yellow
                      - entity: sensor.K_MS_Temperature
                        name: Keller
                        color: grey
                    hours_to_show: 48
                    points_per_hour: 6
                    hour24: true
                    decimals: 1
                    icon: 'hass:thermometer'
                    unit: °C
                    show:
                      labels: true
                      extrema: true
                  - type: 'custom:mini-graph-card'
                    name: relative Luftfeuchtigkeit
                    entities:
                      - entity: sensor.Matt_MS_Relative_humidity
                        name: Matthias
                        color: blue
                      - entity: sensor.Toni_MS_Relative_humidity
                        name: Toni
                        color: green
                      - entity: sensor.Eva_MS_Relative_humidity
                        name: Eva
                        color: pink
                      - entity: sensor.SZ_MS_Relative_humidity
                        name: Schlafzimmer
                        color: red
                      - entity: sensor.EZ_MS_Relative_humidity
                        name: Esszimmer
                        color: yellow
                      - entity: sensor.K_MS_Relative_humidity
                        name: Keller
                        color: grey
                    hours_to_show: 48
                    points_per_hour: 6
                    hour24: true
                    decimals: 1
                    icon: 'hass:water-percent'
                    unit: null
                    show:
                      labels: true
                      extrema: true
              - icon: 'hass:home-account'
                title: User Online
                path: user-online
                badges: []
                cards:
                  - type: button
                    tap_action:
                      action: more-info
                    entity: binary_sensor.Alive_Stefan_Handy
                    icon_height: 50px
                    show_state: false
                    icon: 'hass:account-outline'
                    name: Stefan
                    hold_action:
                      action: none
                  - type: button
                    tap_action:
                      action: more-info
                    entity: binary_sensor.Alive_Stefan_Handy
                    icon_height: 50px
                    show_state: false
                    icon: 'hass:account-outline'
                    name: Stefan
                    hold_action:
                      action: none
                  - type: button
                    tap_action:
                      action: more-info
                    entity: binary_sensor.Waschmaschine_Status_fertig
                    icon_height: 50px
                    show_state: false
                    icon: 'hass:washing-machine'
                    name: Waschmaschine
                    hold_action:
                      action: none
                  - type: button
                    tap_action:
                      action: more-info
                    entity: binary_sensor.Waeschetrockner_Status_fertig
                    icon_height: 50px
                    show_state: false
                    icon: 'hass:tumble-dryer'
                    name: Wäschetrockner aktiv
                    hold_action:
                      action: none
              - title: Test
                path: test
                badges: []
                cards:
                  - type: history-graph
                    entities:
                      - entity: sensor.WM_Strom
                        name: Waschmaschine
                      - entity: sensor.WT_Current
                        name: Wäschetrockner
                    refresh_interval: 0
                    title: Stromaufnahme
                    hours_to_show: 6
                  - type: iframe
                    url: 'https://kachelmannwetter.com/widget/rectangle/2768265'
                    aspect_ratio: 60%
                  - type: media-control
                    entity: media_player.Echo_Keller
                  - type: media-control
                    entity: media_player.Denon_AVR_X2400H__HEOS_Player_
                  - type: media-control
                    entity: media_player.UEberall
                  - type: iframe
                    url: >-
                      https://api.wetteronline.de/wetterwidget?gid=w1010&modeid=FC3&seourl=pucking&locationname=Pucking&lang=de
                    aspect_ratio: 78%
                  - type: weather-forecast
                    entity: weather.Pucking__Oberoesterreich_OEsterreich_
                    show_forecast: true
                    name: Pucking
                  - type: 'custom:mini-graph-card'
                    entities:
                      - sensor.Temperature
                    name: Außentemperatur
                    unit: °C
                    hours_to_show: 72
                    points_per_hour: 6
                    hour24: true
                    labels: true
                    update_interval: 60
                    smoothing: true
                    aggregate_func: max
                    show_line: true
                    show_points: true
                    show_legend: true
                    line_color: blue
                    show:
                      graph: line
                      labels: true
                    color_thresholds:
                      - value: 30
                        color: green
                      - value: 38
                        color: '#00f0b8'
                      - value: 40
                        color: '#34c6eb'
                      - value: 42
                        color: orange
                      - value: 44
                        color: red
                      - value: 46
                        color: '#d335db'
                  - type: 'custom:mini-graph-card'
                    entities:
                      - sensor.Precipitation__today_
                    name: Niederschlag pro Tag
                    unit: mm
                    icon: 'hass:water'
                    hours_to_show: 192
                    group_by: date
                    hour24: true
                    labels: true
                    update_interval: 60
                    smoothing: false
                    aggregate_func: max
                    show_line: true
                    show_points: true
                    show_legend: true
                    line_color: '#0080ff'
                    show:
                      graph: line
                      labels: true
                  - type: 'custom:mini-media-player'
                    entity: media_player.UEberall
                    artwork: full-cover
                    info: scroll
                    hide:
                      icon: true
                  - type: 'custom:mini-media-player'
                    entity: media_player.Echo_Show
                    artwork: full-cover
                    info: scroll
                    hide:
                      icon: true
                  - type: entities
                    entities:
                      - entity: binary_sensor.Waschmaschine_Status_fertig
                        name: Waschmaschine
                    state_color: true
              - title: Archiv
                path: archiv
                badges: []
                cards:
                  - type: entities
                    entities:
                      - entity: binary_sensor.M_FK_L_Open
                        icon: 'hass:window-closed-variant'
                        secondary_info: last-changed
                        name: Matthias links
                      - entity: binary_sensor.M_FK_R_Open
                        icon: 'hass:window-closed-variant'
                        secondary_info: last-changed
                        name: Matthias rechts
                      - entity: binary_sensor.Balkon_Open
                        icon: 'hass:door'
                        secondary_info: last-changed
                        name: Balkon
                      - entity: binary_sensor.T_FK_W_L_Open
                        icon: 'hass:window-closed-variant'
                        secondary_info: last-changed
                        name: Toni West links
                      - entity: binary_sensor.T_FK_W_R_Open
                        icon: 'hass:window-closed-variant'
                        secondary_info: last-changed
                        name: Toni West rechts
                      - entity: binary_sensor.T_FK_N_Open
                        icon: 'hass:window-closed-variant'
                        secondary_info: last-changed
                        name: Toni Nord
                    title: Obergeschoss
                    state_color: true
                    show_header_toggle: false
                  - type: entities
                    entities:
                      - entity: binary_sensor.SZ_FK_N_Open
                        icon: 'hass:window-closed-variant'
                        secondary_info: last-changed
                        name: Schlafzimmer Nord
                      - entity: binary_sensor.SZ_FK_O_Open
                        icon: 'hass:window-closed-variant'
                        secondary_info: last-changed
                        name: Schlafzimmer Ost
                      - entity: binary_sensor.SR_L_Open
                        icon: 'hass:window-closed-variant'
                        secondary_info: last-changed
                        name: Schrankraum links
                      - entity: binary_sensor.SR_MR_Open
                        icon: 'hass:window-closed-variant'
                        secondary_info: last-changed
                        name: Schrankraum rechts
                      - entity: binary_sensor.B_FK_L_Open
                        icon: 'hass:window-closed-variant'
                        secondary_info: last-changed
                        name: Bad links
                      - entity: binary_sensor.B_FK_R_Open
                        icon: 'hass:window-closed-variant'
                        secondary_info: last-changed
                        name: Bad rechts
                      - entity: binary_sensor.EVA_FK_Open
                        icon: 'hass:window-closed-variant'
                        secondary_info: last-changed
                        name: Eva
                      - entity: binary_sensor.EVA_TK_Open
                        icon: 'hass:door'
                        secondary_info: last-changed
                        name: Eva
                      - entity: binary_sensor.EZ_TK_Open
                        icon: 'hass:door'
                        secondary_info: last-changed
                        name: Esszimmer
                      - entity: binary_sensor.WC_Open
                        icon: 'hass:window-closed-variant'
                        secondary_info: last-changed
                        name: WC
                      - entity: binary_sensor.WZ_TK_Open
                        icon: 'hass:door'
                        secondary_info: last-changed
                        name: Wohnzimmer
                    title: Erdgeschoss
                    state_color: true
                    show_header_toggle: false
                  - type: entities
                    entities:
                      - entity: binary_sensor.Keller_TKS_Open
                        icon: 'hass:door'
                        secondary_info: last-changed
                        name: Keller
                      - entity: binary_sensor.GH_TK_Open
                        icon: 'hass:door'
                        secondary_info: last-changed
                        name: Gartenhütte
                      - entity: binary_sensor.G_TK_Open
                        name: Garage
                        icon: 'hass:garage-variant'
                        secondary_info: last-changed
                    title: Garten / Keller
                    state_color: true
                    show_header_toggle: false
                  - type: vertical-stack
                    title: Denon Küche
                    cards:
                      - type: horizontal-stack
                        cards:
                          - type: vertical-stack
                            cards:
                              - type: button
                                tap_action:
                                  action: toggle
                                entity: switch.Zone_2_Power_State
                                icon: 'hass:power'
                                show_name: false
                                icon_height: 120px
                                name: Küche
                          - type: vertical-stack
                            cards:
                              - type: button
                                entity: input_select.Zone_2_Select_input
                                show_state: false
                                icon_height: 120px
                                tap_action:
                                  action: more-info
                                hold_action:
                                  action: none
                                name: Eingang
                                icon: 'hass:import'
                                show_name: false
                          - type: gauge
                            entity: sensor.Zone_2_Volume
                            min: 0
                            max: 100
                            severity:
                              green: 0
                              yellow: 65
                              red: 70
                            unit: '%'
                            name: ' '
                      - type: horizontal-stack
                        cards:
                          - type: button
                            tap_action:
                              action: toggle
                            entity: switch.Zone_2_Volume_Down
                            icon: 'hass:volume-minus'
                            show_name: false
                            state_color: false
                            icon_height: 55px
                          - type: button
                            tap_action:
                              action: toggle
                            entity: switch.Zone_2_Muted
                            icon: 'hass:volume-mute'
                            show_name: false
                            state_color: false
                            icon_height: 55px
                          - type: button
                            tap_action:
                              action: toggle
                            entity: switch.Zone_2_Volume_Up
                            icon: 'hass:volume-plus'
                            show_name: false
                            state_color: false
                            icon_height: 55px
                  - type: vertical-stack
                    title: Denon Wohnzimmer
                    cards:
                      - type: horizontal-stack
                        cards:
                          - type: vertical-stack
                            cards:
                              - type: button
                                tap_action:
                                  action: toggle
                                entity: switch.Main_Zone_Power_State
                                icon: 'hass:power'
                                show_name: false
                                icon_height: 120px
                          - type: vertical-stack
                            cards:
                              - type: button
                                entity: input_select.Select_input
                                show_state: false
                                icon_height: 50px
                                tap_action:
                                  action: more-info
                                hold_action:
                                  action: none
                                name: Eingang
                                icon: 'hass:import'
                                show_name: false
                              - type: button
                                entity: input_select.Surround_mode
                                show_state: false
                                icon_height: 50px
                                tap_action:
                                  action: more-info
                                hold_action:
                                  action: none
                                show_icon: true
                                name: Surround Modus
                                show_name: false
                                icon: 'hass:surround-sound'
                          - type: gauge
                            entity: sensor.Main_Volume
                            min: 0
                            max: 100
                            severity:
                              green: 0
                              yellow: 65
                              red: 70
                            unit: '%'
                            name: ' '
                      - type: horizontal-stack
                        cards:
                          - type: button
                            tap_action:
                              action: toggle
                            entity: switch.Previous
                            icon: 'hass:skip-previous'
                            show_name: false
                            state_color: false
                            icon_height: 60px
                          - type: button
                            tap_action:
                              action: toggle
                            entity: switch.Play_Pause
                            icon: 'hass:play-pause'
                            show_name: false
                            state_color: false
                          - type: button
                            tap_action:
                              action: toggle
                            entity: switch.Next
                            icon: 'hass:skip-next'
                            show_name: false
                            state_color: false
                          - type: button
                            tap_action:
                              action: toggle
                            entity: switch.Volume_Down
                            icon: 'hass:volume-minus'
                            show_name: false
                            state_color: false
                          - type: button
                            tap_action:
                              action: toggle
                            entity: switch.Muted
                            icon: 'hass:volume-mute'
                            show_name: false
                            state_color: false
                          - type: button
                            tap_action:
                              action: toggle
                            entity: switch.Volume_Up
                            icon: 'hass:volume-plus'
                            show_name: false
                            state_color: false
                  - type: horizontal-stack
                    cards:
                      - type: vertical-stack
                        cards:
                          - type: entities
                            entities:
                              - entity: sensor.Minimal_day_temperature
                                name: min. Temperatur
                                icon: 'hass:thermometer-low'
                              - entity: sensor.Maximal_day_temperature
                                name: max. Temperatur
                                icon: 'hass:thermometer-high'
                              - entity: sensor.rain
                                name: Niederschlag
                                icon: 'hass:water-outline'
                              - entity: sensor.snowline
                                icon: 'hass:snowflake'
                                name: Schneefallgrenze
                            show_header_toggle: false
                            title: Prognose
                          - type: entities
                            entities:
                              - entity: sensor.Wind_direction
                                name: Wind Richtung
                                icon: 'hass:compass-outline'
                              - entity: sensor.UV_Index
                                icon: 'hass:sine-wave'
                              - entity: sensor.Solar_radiation
                                icon: 'hass:weather-sunny'
                                name: Strahlung
                            state_color: false
                            show_header_toggle: false
                            title: Aktuell
                  - type: vertical-stack
                    cards:
                      - type: horizontal-stack
                        cards:
                          - type: entities
                            entities:
                              - entity: sensor.Temperature
                                name: Aktuell
                              - entity: sensor.Minimal_day_temperature
                                name: min. Prognose
                                icon: 'hass:thermometer-low'
                              - entity: sensor.Maximal_day_temperature
                                name: max. Prognose
                                icon: 'hass:thermometer-high'
                            state_color: false
                            show_header_toggle: false
                            title: Außentemperatur
                          - type: entities
                            entities:
                              - entity: sensor.Precipitation__today_
                                icon: 'hass:water-outline'
                                name: Aktuell
                              - entity: sensor.rain
                                name: Prognose
                                icon: 'hass:water-outline'
                              - entity: sensor.snowline
                                icon: 'hass:snowflake'
                                name: Prognose
                            show_header_toggle: false
                            title: Niederschlag
                  - type: vertical-stack
                    cards:
                      - type: horizontal-stack
                        cards:
                          - type: entities
                            entities:
                              - entity: sensor.UV_Index
                                icon: 'hass:sine-wave'
                              - entity: sensor.Solar_radiation
                                icon: 'hass:weather-sunny'
                                name: Strahlung
                              - entity: sensor.Visibility
                                icon: 'hass:eye-outline'
                                name: Sicht
                            show_header_toggle: false
                            title: Licht & Sicht
                            state_color: false
                          - type: entities
                            entities:
                              - entity: sensor.Wind_direction
                                name: Richtung
                                icon: 'hass:compass-outline'
                              - entity: sensor.Wind_speed
                                name: Aktuell
                                icon: 'hass:weather-windy'
                              - entity: sensor.Wind_gust
                                icon: 'hass:weather-windy'
                                name: Böe
                            show_header_toggle: false
                            title: Wind
                  - type: horizontal-stack
                    cards:
                      - type: vertical-stack
                        cards:
                          - type: entities
                            entities:
                              - entity: sensor.Minimal_day_temperature
                                name: min. Temperatur
                                icon: 'hass:thermometer-low'
                              - entity: sensor.Maximal_day_temperature
                                name: max. Temperatur
                                icon: 'hass:thermometer-high'
                              - entity: sensor.rain
                                name: Niederschlag
                                icon: 'hass:water-outline'
                              - entity: sensor.snowline
                                icon: 'hass:snowflake'
                                name: Schneefallgrenze
                            show_header_toggle: false
                            title: Prognose
                          - type: entities
                            entities:
                              - entity: sensor.Wind_direction
                                name: Wind Richtung
                                icon: 'hass:compass-outline'
                              - entity: sensor.UV_Index
                                icon: 'hass:sine-wave'
                              - entity: sensor.Solar_radiation
                                icon: 'hass:weather-sunny'
                                name: Strahlung
                            state_color: false
                            show_header_toggle: false
                          - type: 'custom:mini-graph-card'
                            name: Luftdruck
                            entities:
                              - entity: sensor.Air_pressure__mbar_
                                name: Pucking
                                color: blue
                              - entity: sensor.Air_pressure__mbar__wdg
                                name: Windischgarsten
                                color: green
                            hours_to_show: 72
                            hour24: true
                            decimals: 0
                            icon: 'hass:gauge'
                            unit: bar
                            show:
                              labels: true
                  - type: horizontal-stack
                    cards:
                      - type: entities
                        entities:
                          - entity: binary_sensor.SZ_FK_N_Open
                            icon: 'hass:window-closed-variant'
                            secondary_info: last-changed
                            name: Schlafzimmer Nord
                          - entity: binary_sensor.SZ_FK_O_Open
                            icon: 'hass:window-closed-variant'
                            secondary_info: last-changed
                            name: Schlafzimmer Ost
                          - entity: binary_sensor.SR_L_Open
                            icon: 'hass:window-closed-variant'
                            secondary_info: last-changed
                            name: Schrankraum links
                          - entity: binary_sensor.SR_MR_Open
                            icon: 'hass:window-closed-variant'
                            secondary_info: last-changed
                            name: Schrankraum rechts
                          - entity: binary_sensor.B_FK_L_Open
                            icon: 'hass:window-closed-variant'
                            secondary_info: last-changed
                            name: Bad links
                          - entity: binary_sensor.B_FK_R_Open
                            icon: 'hass:window-closed-variant'
                            secondary_info: last-changed
                            name: Bad rechts
                          - entity: binary_sensor.EVA_FK_Open
                            icon: 'hass:window-closed-variant'
                            secondary_info: last-changed
                            name: Eva
                          - entity: binary_sensor.EVA_TK_Open
                            icon: 'hass:door'
                            secondary_info: last-changed
                            name: Eva
                          - entity: binary_sensor.EZ_TK_Open
                            icon: 'hass:door'
                            secondary_info: last-changed
                            name: Esszimmer
                          - entity: binary_sensor.WC_Open
                            icon: 'hass:window-closed-variant'
                            secondary_info: last-changed
                            name: WC
                          - entity: binary_sensor.WZ_TK_Open
                            icon: 'hass:door'
                            secondary_info: last-changed
                            name: Wohnzimmer
                        title: Erdgeschoss
                        state_color: true
                        show_header_toggle: false
                      - type: vertical-stack
                        cards:
                          - type: entities
                            entities:
                              - entity: binary_sensor.M_FK_L_Open
                                icon: 'hass:window-closed-variant'
                                secondary_info: last-changed
                                name: Matthias links
                              - entity: binary_sensor.M_FK_R_Open
                                icon: 'hass:window-closed-variant'
                                secondary_info: last-changed
                                name: Matthias rechts
                              - entity: binary_sensor.Balkon_Open
                                icon: 'hass:door'
                                secondary_info: last-changed
                                name: Balkon
                              - entity: binary_sensor.T_FK_W_L_Open
                                icon: 'hass:window-closed-variant'
                                secondary_info: last-changed
                                name: Toni West li.
                              - entity: binary_sensor.T_FK_W_R_Open
                                icon: 'hass:window-closed-variant'
                                secondary_info: last-changed
                                name: Toni West re.
                              - entity: binary_sensor.T_FK_N_Open
                                icon: 'hass:window-closed-variant'
                                secondary_info: last-changed
                                name: Toni Nord
                            title: Obergeschoss
                            state_color: true
                            show_header_toggle: false
                          - type: entities
                            entities:
                              - entity: binary_sensor.Keller_TKS_Open
                                icon: 'hass:door'
                                secondary_info: last-changed
                                name: Keller
                              - entity: binary_sensor.GH_TK_Open
                                icon: 'hass:door'
                                secondary_info: last-changed
                                name: Gartenhütte
                              - entity: binary_sensor.G_TK_Open
                                name: Garage
                                icon: 'hass:garage-variant'
                                secondary_info: last-changed
                            title: Garten / Keller
                            state_color: true
                            show_header_toggle: false
            hideToolbar: false
            
            D H 2 Replies Last reply Reply Quote 1
            • D
              dan11hh @Guest last edited by

              Vielen Danke für Eure Beispiele. Ich bastele auch noch. Was mir bei @philo686 auffällt ist der "verschwendete" Platz links und rechts. Und genau das ist auch mein Problem. Wie könnte man das lösen? Ich würde gerne lovelace kleiner skalieren, aber trotzdem noch die gesamte breite des Bildschirms nutzen. Geht das?

              M ? 2 Replies Last reply Reply Quote 0
              • M
                M1R0O @dan11hh last edited by

                Ich stelle dann hier auch meine Visualisierung vor, die mit Hilfe von @David-G und dem Raspberry-Forum hingebastelt habe. Es ist noch nicht fertig, insbesondere die Unterseiten befinden sich noch im Aufbau.
                Optisch ist es an das transparent-Theme angelehnt, ich habe es nur ein wenig abgeändert, da ich es nicht so bunt mag und es auf dem Touchscreen mMn so besser aussieht. Der Screen schaltet sich automatisch ab und, wenn der Motion-Sensor eine Bewegung erkennt, wieder an.

                Die Vis dient zur Steuerung meines wachsenden Smarthomes.

                Bildschirmfoto 2021-01-12 um 19.43.46.png
                Bildschirmfoto 2021-01-12 um 19.44.47.png
                Bildschirmfoto 2021-01-12 um 19.44.17.png

                Aufbaut sieht das ganze so aus:
                IMG_7253.png

                Und noch der Code:

                title: Home
                views:
                  - path: home
                    title: Home
                    panel: false
                    badges: []
                    cards:
                      - type: horizontal-stack
                        cards:
                          - type: button
                            tap_action:
                              action: toggle
                            entity: switch.AwayLL
                            name: ALL OFF
                            icon: 'mdi:power'
                          - type: button
                            tap_action:
                              action: toggle
                            entity: switch.Alles
                            name: ALL NIGHT
                            icon: 'mdi:sleep'
                      - type: horizontal-stack
                        cards:
                          - type: button
                            tap_action:
                              action: toggle
                            entity: switch.JalousAufLL
                            name: EG OPEN
                            icon: 'mdi:window-shutter-open'
                          - type: button
                            tap_action:
                              action: toggle
                            name: OG OPEN
                            icon: 'mdi:window-shutter-open'
                            entity: switch.AlleAufOG
                      - type: horizontal-stack
                        cards:
                          - type: light
                            entity: light.Esszimmerlicht
                            name: Esszimmerlicht
                            icon: 'mdi:vanity-light'
                          - type: light
                            entity: light.Philips_hue_Wohnzimmerlicht
                            icon: 'mdi:ceiling-light'
                            name: Wonzimmerlicht
                      - type: weather-forecast
                        entity: weather.Luenen__Luenen_Deutschland_
                        name: Wetter in Lünen
                      - type: horizontal-stack
                        cards:
                          - type: button
                            tap_action:
                              action: toggle
                            entity: switch.JalousZuLL
                            name: EG CLOSE
                            icon: 'mdi:window-shutter'
                          - type: button
                            tap_action:
                              action: toggle
                            name: OG CLOSE
                            icon: 'mdi:window-shutter'
                            entity: switch.AlleZuOG
                      - type: horizontal-stack
                        cards:
                          - type: light
                            entity: light.Philips_hue_Flurlicht
                            name: Flurlicht
                            icon: 'mdi:outdoor-lamp'
                          - type: light
                            entity: light.Lightstrip
                            name: Lightstrip
                            icon: 'mdi:led-strip-variant'
                      - type: horizontal-stack
                        cards:
                          - type: sensor
                            graph: line
                            entity: sensor.Wohnzimmertemperatur
                            name: Wohnzimmertemperatur
                          - type: sensor
                            graph: line
                            entity: sensor.Luftfeuchtigkeit
                            name: Luftfeuchtigkeit
                            icon: 'mdi:water-percent'
                      - type: horizontal-stack
                        cards:
                          - type: button
                            tap_action:
                              action: toggle
                            entity: switch.Jalous30LL
                            name: EG DAY
                            icon: 'mdi:window-shutter-alert'
                          - type: button
                            tap_action:
                              action: toggle
                            name: OG DAY
                            icon: 'mdi:window-shutter-alert'
                            entity: switch.AlleSonneOG
                      - type: horizontal-stack
                        cards:
                          - type: button
                            tap_action:
                              action: toggle
                            entity: switch.PS4HelpLL
                            name: PS4 HELP
                            icon: 'mdi:sony-playstation'
                          - type: button
                            tap_action:
                              action: toggle
                            entity: switch.FernsehenLL
                            name: FERNSEHEN
                            icon: 'mdi:remote-tv'
                      - type: horizontal-stack
                        cards:
                          - type: button
                            tap_action:
                              action: toggle
                            entity: switch.TVLL
                            name: TV
                            icon: 'mdi:television'
                          - type: button
                            tap_action:
                              action: toggle
                            entity: switch.DenonToggleLL
                            name: AVR
                            icon: 'mdi:audio-video'
                      - type: entities
                        entities:
                          - entity: binary_sensor.Sensor_F3
                            name: Fenster 3
                          - entity: binary_sensor.Sensor_F4
                            name: Fenster 4
                          - entity: binary_sensor.Sensor_F7
                            name: Fenster 7
                          - entity: binary_sensor.Sensor_F9
                            name: Fenster 9
                      - type: markdown
                        content: '{ical.0.data.html}'
                  - title: Licht
                    path: licht
                    icon: 'mdi:lightbulb-on'
                    panel: false
                    badges: []
                    cards:
                      - type: light
                        entity: light.Esszimmer
                        name: Esszimmerlicht
                        icon: 'mdi:vanity-light'
                      - type: light
                        entity: light.Lightstrip
                        name: Lightstrip
                        icon: 'mdi:led-strip-variant'
                      - type: light
                        entity: light.Philips_hue_Flurlicht
                        name: Flurlicht
                        icon: 'mdi:outdoor-lamp'
                      - type: light
                        entity: light.Philips_hue_Wohnzimmerlicht
                        icon: 'mdi:ceiling-light'
                        name: Wonzimmerlicht
                      - type: light
                        entity: light.Aussenlicht
                        icon: 'mdi:coach-lamp'
                      - type: light
                        entity: light.Terrassenlicht
                        icon: 'mdi:wall-sconce-flat'
                      - type: horizontal-stack
                        cards:
                          - type: light
                            entity: light.Aussenlicht
                            icon: 'mdi:coach-lamp'
                          - type: light
                            entity: light.Terrassenlicht
                            icon: 'mdi:wall-sconce-flat'
                  - title: Temperatur
                    path: temperatur
                    icon: 'mdi:thermometer'
                    badges: []
                    cards:
                      - type: sensor
                        entity: sensor.Wohnzimmertemperatur
                        name: Wohnzimmertemperatur
                        graph: line
                        hours_to_show: 12
                        detail: 1
                        icon: 'mdi:thermometer'
                      - type: vertical-stack
                        title: Klima
                        cards:
                          - type: gauge
                            entity: sensor.Luftfeuchtigkeit
                            min: 0
                            max: 100
                          - type: gauge
                            entity: sensor.Wohnzimmertemperatur
                            min: 0
                            max: 100
                      - type: sensor
                        entity: sensor.Luftfeuchtigkeit
                        name: Luftfeuchtigkeit
                        graph: line
                        hours_to_show: 12
                        detail: 1
                        icon: 'mdi:water-percent'
                      - type: horizontal-stack
                        title: Klima
                        cards:
                          - type: gauge
                            entity: sensor.Wohnzimmertemperatur
                            min: 0
                            max: 100
                          - type: gauge
                            entity: sensor.Luftfeuchtigkeit
                            min: 0
                            max: 100
                  - title: Fenster
                    path: jalousien
                    icon: 'mdi:window-open-variant'
                    badges: []
                    cards:
                      - type: entity
                        entity: lock.HaustuersperrstatusLL
                        name: Haustürschloss
                      - type: entities
                        entities:
                          - entity: cover.Fenster1
                          - entity: cover.Fenster2
                          - entity: cover.Fenster3
                          - entity: cover.Fenster4
                          - entity: cover.Fenster5
                          - entity: cover.Fenster6
                          - entity: cover.Fenster7
                          - entity: cover.Fenster8
                          - entity: cover.Fenster9
                          - entity: cover.Fenster10
                        title: Jalousien
                      - type: entity
                        entity: binary_sensor.HaustuerLL
                        name: Haustür
                      - type: 'custom:button-card'
                        entity: binary_sensor.HaustuerLL
                        name: Haustür
                        map_state:
                          '3': geöffnet
                          offen: geschlossen
                      - type: horizontal-stack
                        cards:
                          - type: button
                            tap_action:
                              action: toggle
                            entity: switch.JalousAufLL
                            name: EG OPEN
                            icon: 'mdi:window-shutter-open'
                          - type: button
                            tap_action:
                              action: toggle
                            entity: switch.Jalous30LL
                            name: EG DAY
                            icon: 'mdi:window-shutter-alert'
                          - type: button
                            tap_action:
                              action: toggle
                            entity: switch.JalousZuLL
                            name: EG CLOSE
                            icon: 'mdi:window-shutter'
                      - type: horizontal-stack
                        cards:
                          - type: button
                            tap_action:
                              action: toggle
                            name: OG OPEN
                            icon: 'mdi:window-shutter-open'
                            entity: switch.AlleAufOG
                          - type: button
                            tap_action:
                              action: toggle
                            name: OG DAY
                            icon: 'mdi:window-shutter-alert'
                            entity: switch.AlleSonneOG
                          - type: button
                            tap_action:
                              action: toggle
                            name: OG CLOSE
                            icon: 'mdi:window-shutter'
                            entity: switch.AlleZuOG
                  - title: Wetter
                    path: wetter
                    icon: 'mdi:weather-partly-snowy-rainy'
                    badges: []
                    cards:
                      - type: 'custom:clockwork-card'
                        locale: de-DE
                        other_time:
                          - America/New_York
                          - Australia/Sydney
                          - America/Los_Angeles
                        style: |
                          .other_time { display: none; }
                  - title: Media
                    path: media
                    badges: []
                    cards:
                      - type: button
                        tap_action:
                          action: toggle
                        entity: switch.Alles
                        name: ALLES
                        icon: 'mdi:power'
                        resource: null
                      - type: button
                        tap_action:
                          action: toggle
                        entity: switch.DenonToggleLL
                        name: AVR
                        icon: 'mdi:audio-video'
                hideToolbar: true
                
                

                Vielen Dank an alle Helfer und die Inspirationen die ich bisher erhalten habe.

                W M 2 Replies Last reply Reply Quote 1
                • ?
                  A Former User @dan11hh last edited by A Former User

                  @dan11hh Die Screenshots habe ich auf meinem 24" Bildschirm gemacht. Nur da habe ich links und rechts einen breiten ungenutzten Bereich. Auf meinem Laptop 15", sowie am Echo Show 8, habe ich ebenso die 3 Spalten, jedoch seitlich keinen oder nur kaum ungenutzten Bereich.
                  2021-01-12 22_00_53-Filme & TV.png

                  G 1 Reply Last reply Reply Quote 0
                  • W
                    wizard2010 @M1R0O last edited by

                    Hi @m1r0o dein Thema sieht toll aus!
                    Können Sie mir sagen, wie ich es importieren kann?
                    Vielen Dank

                    M 1 Reply Last reply Reply Quote 0
                    • M
                      M1R0O @wizard2010 last edited by M1R0O

                      @wizard2010

                      Du musst die den Code in Lovelace > oben rechts Benutzeroberfläche konfigurieren > oben rechts RAW-Konfigurationseditor einfügen und anpassen.

                      David G. 1 Reply Last reply Reply Quote 0
                      • David G.
                        David G. @M1R0O last edited by David G.

                        @m1r0o
                        @wizard2010

                        Ich denke es geht um das Theme.
                        Das muss in der Konfiguration des Adapters eingefügt werden. Da gibt es einen extra Reiter für.
                        Einfügen und dann oben links im Dropdown auswählen.
                        Und natürlich speichern nicht vergessen.

                        Allerdings hat @M1R0O das Theme nicht mit gepostet.

                        W 1 Reply Last reply Reply Quote 0
                        • W
                          wizard2010 @David G. last edited by

                          @david-g
                          @M1R0O

                          Ja, ich habe über das Theme gesprochen.
                          Aber soweit ich verstanden habe, dass Sie das Theme nicht geteilt haben, haben Sie die Absicht, es zu tun?

                          Vielen Dank.

                          M 1 Reply Last reply Reply Quote 0
                          • M
                            M1R0O @wizard2010 last edited by

                            @wizard2010
                            Oh sorry, gar nicht bemerkt: Es sind 2 aus denen du wählen kannst: "dark" und "darkOWN":

                            dark:
                              # Background image
                              lovelace-background: 'center / cover no-repeat url("/local/night.jpg") fixed'
                            
                              # Colors
                              text-color: '#DADADB'
                              text-medium-light-color: '#A0A2A8'
                              text-medium-color: '#80828A'
                              text-dark-color: '#6A6B74'
                              accent-color: '#008bef'
                              accent-medium-color: '#2484C9'
                              background-color: '#3b4049'
                              background-color-2: '#484E59'
                              background-card-color: '#434952'
                              border-color: '#383C46'
                            
                              # Header
                              app-header-background-color: '#363941'
                            
                              # Text
                              primary-color: 'var(--text-color)'
                              text-primary-color: 'var(--text-color)'
                            
                              # Left Menu
                              paper-listbox-background-color: 'var(--background-color)'
                              sidebar-icon-color: 'var(--text-medium-color)'
                              sidebar-selected-icon-color: 'var(--text-medium-light-color)'
                              sidebar-selected-text-color: 'var(--text-color)'
                            
                              # UI
                              paper-card-header-color: 'var(--text-color)'
                              primary-background-color: 'var(--background-color)'
                              mdc-theme-primary: 'var(--accent-medium-color)'
                              card-background-color: 'var(--background-card-color)'
                            
                              # Card
                              paper-card-background-color: 'var(--background-card-color)'
                              dark-primary-color: 'var(--text-color)'
                              primary-text-color: 'var(--text-color)'
                              paper-listbox-color: 'var(--text-color)'
                              light-primary-color: 'var(--text-dark-color)'
                              secondary-text-color: 'var(--text-medium-color)'
                              disabled-text-color: 'var(--text-dark-color)'
                              paper-dialog-button-color: 'var(--text-color)'
                              secondary-background-color: 'var(--background-color-2)'
                            
                              # Icons
                              paper-item-icon-color: 'var(--text-dark-color)'
                              paper-item-icon-active-color: 'var(--accent-color)'
                            
                              # Switches
                              switch-checked-button-color: 'var(--text-medium-light-color)'
                              switch-unchecked-button-color: 'var(--text-medium-light-color)'
                              switch-checked-track-color: '#009FFF'
                              switch-unchecked-track-color: '#767682'
                            
                              # Slider
                              paper-slider-active-color: 'var(--accent-color)'
                              paper-slider-knob-color: 'var(--text-medium-light-color)'
                              paper-slider-container-color: 'var(--text-dark-color)'
                              paper-slider-knob-start-color: 'var(--text-medium-light-color)'
                            
                              # Badges
                              label-badge-text-color: 'var(--text-color)'
                              label-badge-background-color: 'rgba(54, 57, 65, 0.6)'
                            
                              # Shadows
                              ha-card-box-shadow: 'inset 0px 0px 0px 1px var(--border-color)'
                            
                              # HACS
                              hacs-badge-color: 'var(--accent-color)'
                              hacs-status-installed: 'var(--text-color)'
                              hacs-status-pending-restart: 'var(--text-dark-color)'
                              hacs-status-pending-update: 'var(--accent-color)'
                              
                            darkOWN:
                              #Background image
                              lovelace-background: center / cover no-repeat url("/cards/background.jpg") fixed
                              mdc-theme-surface: var(--primary-background-color) 
                            
                              # Colors
                              text-color: '#DADADB'
                              text-medium-light-color: '#A0A2A8'
                              text-medium-color: '#80828A'
                              text-dark-color: '#6A6B74'
                              accent-color: 'rgba(236, 237, 238)'
                              accent-medium-color: 'rgba(236, 237, 238)'
                              background-color: '#3b4049'
                              background-color-2: 'rgba(72, 78, 89, 0.1)'
                              background-card-color: 'rgba(67, 73, 82, 0.1)'  
                              #border-color: '#383C46'
                            
                              # Header
                              app-header-background-color: '#363941'
                            
                              # Text
                              primary-color: 'var(--text-color)'
                              text-primary-color: 'var(--text-color)'
                            
                              # Left Menu
                              paper-listbox-background-color: 'var(--background-color)'
                              sidebar-icon-color: 'var(--text-medium-color)'
                              sidebar-selected-icon-color: 'var(--text-medium-light-color)'
                              sidebar-selected-text-color: 'var(--text-color)'
                            
                              # UI
                              paper-card-header-color: 'var(--text-color)'
                              primary-background-color: 'var(--background-color)'
                              mdc-theme-primary: 'var(--accent-medium-color)'
                              card-background-color: 'var(--background-card-color)'
                            
                              # Card
                              paper-card-background-color: 'var(--background-card-color)'
                              dark-primary-color: 'var(--text-color)'
                              primary-text-color: 'var(--text-color)'
                              paper-listbox-color: 'var(--text-color)'
                              light-primary-color: 'var(--text-dark-color)'
                              secondary-text-color: 'var(--text-medium-color)'
                              disabled-text-color: 'var(--text-dark-color)'
                              paper-dialog-button-color: 'var(--text-color)'
                              secondary-background-color: 'var(--background-color-2)'
                            
                              # Icons
                              paper-item-icon-color: 'var(--text-dark-color)'
                              paper-item-icon-active-color: 'var(--accent-color)'
                            
                              # Switches
                              switch-checked-button-color: 'var(--text-medium-light-color)'
                              switch-unchecked-button-color: 'var(--text-medium-light-color)'
                              switch-checked-track-color: 'rgba(236, 237, 238)'
                              switch-unchecked-track-color: 'rgba(236, 237, 238)'
                            
                              # Slider
                              paper-slider-active-color: 'var(--accent-color)'
                              paper-slider-knob-color: 'var(--text-medium-light-color)'
                              paper-slider-container-color: 'var(--text-dark-color)'
                              paper-slider-knob-start-color: 'var(--text-medium-light-color)'
                            
                              # Badges
                              label-badge-text-color: 'var(--text-color)'
                              label-badge-background-color: 'rgba(54, 57, 65, 0.6)'
                            
                              # Shadows
                              ha-card-box-shadow: 'inset 1px 1px 1px 2px var(--border-color)'
                            
                              # HACS
                              hacs-badge-color: 'var(--accent-color)'
                              hacs-status-installed: 'var(--text-color)'
                              hacs-status-pending-restart: 'var(--text-dark-color)'
                              hacs-status-pending-update: 'var(--accent-color)'
                            
                            W 1 Reply Last reply Reply Quote 1
                            • W
                              wizard2010 @M1R0O last edited by

                              Hi @m1r0o,

                              Vielen Dank 🙂

                              Ich bin neu bei ioBroker und lovelace. Kann ich Sie fragen, ob Sie eine Anleitung zur Anwendung dieses Themas geben können? Was sind die Schritte, die ich tun muss?
                              Danke für deine Hilfe.

                              David G. 1 Reply Last reply Reply Quote 0
                              • David G.
                                David G. @wizard2010 last edited by

                                @wizard2010

                                Habe ich 2-3 Posts weiter oben geschrieben.
                                Ist eigentlich ganz leicht.
                                Wenn es nicht hinhaut, nochmal fragen.

                                1 Reply Last reply Reply Quote 0
                                • David G.
                                  David G. last edited by David G.

                                  Hallo an alle,

                                  mittlerweile hat sich einiges an meiner oben geposteten Visu geändert.
                                  Einiges ist geblieben, einiges ist neu. Da habe ich gedacht, dass ich es nochmal poste.
                                  Nach wie vor ist die Darstellung fürs Smartphone optimiert.

                                  Garagenöffner
                                  Eigentlich wie gehabt, je nachdem ob das Tor offen ist oder nicht ändert sich das Bild.

                                  Screenshot_20210206-135135_Fully Kiosk Browser.jpg

                                  Screenshot_20210206-135122_Fully Kiosk Browser.jpg

                                  Sicherheit

                                  Hier sieht man im oberen Bereich, welche Fenster alle offen sind, man kann aber auch weiter klicken und sieht eine Übersicht aller Sensoren.

                                  Im mittleren Bereich schalte ich die Alarmanlage.
                                  Man sieht, welcher Aktivierungsmodus und welcher Schutzmodus aktiv ist.
                                  Wenn man die PIN eingibt, erscheinen alle nötigen Einstellungen. Nach 5sek schließen sich die Einstellungen automatisch (Da werkelt Blockly im Hintergrund).

                                  Ganz unten noch ein paar Kamerabilder (schaut grad gegen die Decke ^^.)

                                  Screenshot_20210206-135156_Fully Kiosk Browser.jpg

                                  Screenshot_20210206-135215_Fully Kiosk Browser.jpg

                                  Temperatur

                                  Hier sollte sich alles selber erklären.

                                  Screenshot_20210206-135228_Fully Kiosk Browser.jpg

                                  Multimedia

                                  Hier steuere ich meine Bose-Box. Im Hintergrund werkelt einiges mit Blockly.

                                  Screenshot_20210206-135322_Fully Kiosk Browser.jpg

                                  Screenshot_20210206-135241_Fully Kiosk Browser.jpg

                                  Lichtsteuerung

                                  Denke so weit selbsterklärend. Oben kann ich meine Einstellungen zur Anwesenheitssimulation steuern.

                                  Screenshot_20210206-135329_Fully Kiosk Browser.jpg

                                  System (Musste die Screenshots im Querformat machen, hab anders nicht alles in ein Bild bekommen.)

                                  Hier sieht man so ziemlich alles zu meiner Hardware.
                                  Die Charts habe ich mit eCharts erstellt.

                                  Die HmIP und Sonoff Tabellen generiere ich komplett in Blockly.

                                  Screenshot_20210206-135647_Fully Kiosk Browser.jpg

                                  Kalender

                                  Oben den Bereich habe ich zusammengebastelt. Als Grundlage dient der TrashSchedule Adapter. Bereite den Text aber noch mit Blockly auf.

                                  Den Kalender habe ich so aus dem iCal-Adapter eingebunden.

                                  JPEG_20210206_133938_4528894568156670496.jpg

                                  Verbraucherübersicht

                                  Screenshot_20210206-135339_Fully Kiosk Browser.jpg

                                  Fernsehprogramm

                                  Die Daten ziehe ich aus dem Tvspielfilm-Adapter. Lasse aber mit Blockly die Tabellen erzeugen.
                                  Im oberen Bereich kann ich die Lautstärke vom TV steuern und mir die gewünschten Uhrzeiten fürs TV-Programm auswählen.

                                  Screenshot_20210206-135349_Fully Kiosk Browser.jpg

                                  Screenshot_20210206-135344_Fully Kiosk Browser.jpg

                                  Anwesenheit

                                  Hier gibts eine Karte aller georteten Handys mit Verlauf und Adresse.

                                  JPEG_20210206_133815_7437582055055507556.jpg

                                  Netzwerk

                                  Alles rund ums Netzwerk.

                                  Screenshot_20210206-135359_Fully Kiosk Browser.jpg

                                  Mein YAML-Code

                                  title: Home
                                  views:
                                   - title: Garage
                                     path: garage
                                     icon: 'mdi:garage'
                                     panel: false
                                     badges: []
                                     cards:
                                       - type: 'custom:stack-in-card'
                                         mode: vertical
                                         keep:
                                           box_shadow: false
                                           margin: false
                                           border_radius: true
                                           outer_padding: true
                                         cards:
                                           - type: horizontal-stack
                                             cards:
                                               - type: picture-entity
                                                 entity: binary_sensor.Sensor_Garage
                                                 show_name: false
                                                 show_state: false
                                                 state_image:
                                                   'on': /cards/garage_auf.png
                                                   'off': /cards/garage_zu.png
                                           - type: vertical-stack
                                             cards:
                                               - type: markdown
                                                 content: '---'
                                           - type: vertical-stack
                                             cards:
                                               - type: entity-button
                                                 entity: switch.Antrieb_Garage
                                                 tap_action:
                                                   action: toggle
                                                 hold_action:
                                                   action: more-info
                                                 show_icon: false
                                                 show_name: true
                                                 name: Garage betätigen
                                   - title: Sicherheit
                                     path: sicherheit
                                     icon: 'mdi:home-lock-open'
                                     panel: false
                                     badges: []
                                     cards:
                                       - type: 'custom:stack-in-card'
                                         mode: vertical
                                         keep:
                                           box_shadow: false
                                           margin: false
                                           border_radius: true
                                           outer_padding: true
                                         cards:
                                           - type: horizontal-stack
                                             cards:
                                               - type: picture
                                                 image: /cards/security.png
                                           - type: vertical-stack
                                             cards:
                                               - type: markdown
                                                 content: '---'
                                                 title: Offene Fenster und Türen
                                           - type: vertical-stack
                                             cards:
                                               - type: 'custom:slideshow-card'
                                                 fill: false
                                                 arrow_color: White
                                                 arrow_opacity: 1
                                                 auto_play: false
                                                 auto_delay: 4
                                                 style:
                                                   border-radius: 25px
                                                 cards:
                                                   - type: entity-filter
                                                     entities:
                                                       - entity: binary_sensor.Sensor_Garage
                                                         name: Garagentor
                                                         icon: 'mdi:garage'
                                                       - entity: binary_sensor.Schloss_Haustuere
                                                         name: Haustürschloss
                                                         icon: 'mdi:door'
                                                       - entity: binary_sensor.Fensterkontakt_Kueche_1
                                                         name: Küchenfenster
                                                         icon: 'mdi:window-closed-variant'
                                                       - entity: binary_sensor.Fensterkontakt_Bad
                                                         name: Badezimmerfenster
                                                         icon: 'mdi:window-closed-variant'
                                                     state_filter:
                                                       - 'on'
                                                   - type: entities
                                                     title: Alles
                                                     entities:
                                                       - entity: binary_sensor.Schloss_Haustuere
                                                         name: Haustürschloss
                                                         icon: 'mdi:door'
                                                       - entity: binary_sensor.Sensor_Garage
                                                         name: Garage
                                                         icon: 'mdi:garage'
                                                       - entity: binary_sensor.Fensterkontakt_Kueche_1
                                                         name: Küchenfesnter
                                                         icon: 'mdi:window-closed-variant'
                                                       - entity: binary_sensor.Fensterkontakt_Bad
                                                         name: Badezimmerfenster
                                                         icon: 'mdi:window-closed-variant'
                                       - type: 'custom:stack-in-card'
                                         mode: vertical
                                         keep:
                                           box_shadow: false
                                           margin: false
                                           border_radius: true
                                           outer_padding: true
                                         cards:
                                           - type: markdown
                                             content: '---'
                                             title: Alarmanlage
                                           - type: horizontal-stack
                                             cards:
                                               - type: markdown
                                                 content: |-
                                                   **Aktivierungsmodus**
                                                   {0_userdata.0.Alarmanlage.Aktivierter_Modus} 
                                               - type: markdown
                                                 content: |-
                                                   **Schutzmodus**
                                                   {0_userdata.0.Alarmanlage.Aktivierter_Alarmmodus} 
                                           - type: entities
                                             entities:
                                               - entity: input_text.pin_vis
                                                 name: PIN
                                                 icon: 'mdi:key'
                                             title: 'Einstellungen bearbeiten '
                                           - type: conditional
                                             conditions:
                                               - entity: input_text.pin_vis
                                                 state: '12345'
                                             card:
                                               type: entities
                                               entities:
                                                 - entity: switch.immer_alarmieren
                                                   name: Schutzmodus
                                                   icon: 'mdi:home'
                                           - type: conditional
                                             conditions:
                                               - entity: input_text.pin_vis
                                                 state: '12345'
                                             card:
                                               type: entities
                                               entities:
                                                 - entity: switch.manueller_modus
                                                   name: Manueller Modus
                                                   icon: 'mdi:hand'
                                           - type: conditional
                                             conditions:
                                               - entity: input_text.pin_vis
                                                 state: '12345'
                                             card:
                                               type: entities
                                               entities:
                                                 - entity: switch.anlage_scharf
                                                   name: aktivieren / deaktivieren
                                                   icon: 'mdi:security'
                                       - type: picture-entity
                                         entity: camera.Test
                                         aspect_ratio: 70%
                                         show_name: true
                                         show_state: false
                                         name: Kinderzimmer Ben-Henri
                                       - type: picture-entity
                                         entity: camera.Kamera_Wilke_Eingang
                                         aspect_ratio: 70%
                                         show_name: true
                                         show_state: false
                                         name: Wilke Eingang
                                   - title: Heizung
                                     path: heizung
                                     icon: 'mdi:thermometer'
                                     badges: []
                                     cards:
                                       - type: 'custom:slideshow-card'
                                         fill: true
                                         arrow_color: White
                                         arrow_opacity: 0.5
                                         auto_play: false
                                         auto_delay: 4
                                         border-radius: 25px
                                         style: |
                                           ha-card {
                                              --secondary-text-color: #f59042 !important;
                                           }
                                         cards:
                                           - type: weather-forecast
                                             entity: weather.Hilchenbach__Hilchenbach_Deutschland_
                                             name: Hilchenbach
                                             show_forecast: true
                                           - type: weather-forecast
                                             entity: weather.Haiger__Haiger_Deutschland_
                                             name: Haiger
                                             show_forecast: true
                                       - type: 'custom:stack-in-card'
                                         mode: vertical
                                         keep:
                                           box_shadow: false
                                           margin: false
                                           border_radius: true
                                           outer_padding: true
                                         cards:
                                           - type: horizontal-stack
                                             cards:
                                               - type: thermostat
                                                 entity: climate.Thermostat_Wohnbereich
                                                 name: 'Wohnzimmer '
                                                 style: |
                                                   ha-card {
                                                      --heat-color: #f59042 !important;
                                                   }
                                                   round-slider {
                                                     --round-slider-bar-color: #f59042 !important;
                                                   }
                                           - type: vertical-stack
                                             cards:
                                               - type: markdown
                                                 content: '---'
                                           - type: horizontal-stack
                                             cards:
                                               - type: picture-elements
                                                 image: /cards/bg_thermo_settings.png
                                                 elements:
                                                   - type: image
                                                     image: /cards/boost_active.png
                                                     entity: switch.Heizung_Wohnbereich_boost
                                                     state_filter:
                                                       'true': brightness(100%) saturate(0.0)
                                                       'false': brightness(100%) saturate
                                                     tap_action:
                                                       action: toggle
                                                     hold_action:
                                                       action: none
                                                     style:
                                                       top: 20px
                                                       left: 28%
                                                       width: 10%
                                                   - type: image
                                                     image: /cards/urlaub_active.png
                                                     entity: switch.Heizung_Wohnbereich_party
                                                     state_filter:
                                                       'true': brightness(100%) saturate(0.0)
                                                       'false': brightness(100%) saturate
                                                     tap_action:
                                                       action: toggle
                                                     hold_action:
                                                       action: none
                                                     style:
                                                       top: 20px
                                                       left: 72%
                                                       width: 10%
                                                   - type: image
                                                     image: /cards/linie_senkrecht.png
                                                     entity: binary_sensor.Schloss_Haustuere
                                                     state_filter:
                                                       'true': brightness(100%) saturate(0.0)
                                                       'false': brightness(100%) saturate
                                                     tap_action:
                                                       action: toggle
                                                     hold_action:
                                                       action: none
                                                     style:
                                                       top: 20px
                                                       left: 50%
                                       - type: 'custom:stack-in-card'
                                         mode: vertical
                                         keep:
                                           box_shadow: false
                                           margin: false
                                           border_radius: true
                                           outer_padding: true
                                         cards:
                                           - type: horizontal-stack
                                             cards:
                                               - type: 'custom:simple-thermostat'
                                                 entity: climate.Heizung_KZ_2
                                                 step_layout: row
                                                 name: Ben-Henri
                                           - type: vertical-stack
                                             cards:
                                               - type: markdown
                                                 content: '---'
                                           - type: horizontal-stack
                                             cards:
                                               - type: picture-elements
                                                 image: /cards/bg_thermo_settings.png
                                                 elements:
                                                   - type: image
                                                     image: /cards/boost_active.png
                                                     entity: switch.Heizung_KZ_2_BOOST
                                                     state_filter:
                                                       'true': brightness(100%) saturate(0.0)
                                                       'false': brightness(100%) saturate
                                                     tap_action:
                                                       action: toggle
                                                     hold_action:
                                                       action: none
                                                     style:
                                                       top: 20px
                                                       left: 28%
                                                       width: 10%
                                                   - type: image
                                                     image: /cards/urlaub_active.png
                                                     entity: switch.Heizung_KZ_2_party
                                                     state_filter:
                                                       'true': brightness(100%) saturate(0.0)
                                                       'false': brightness(100%) saturate
                                                     tap_action:
                                                       action: toggle
                                                     hold_action:
                                                       action: none
                                                     style:
                                                       top: 20px
                                                       left: 72%
                                                       width: 10%
                                                   - type: image
                                                     image: /cards/linie_senkrecht.png
                                                     entity: binary_sensor.Schloss_Haustuere
                                                     state_filter:
                                                       'true': brightness(100%) saturate(0.0)
                                                       'false': brightness(100%) saturate
                                                     tap_action:
                                                       action: toggle
                                                     hold_action:
                                                       action: none
                                                     style:
                                                       top: 20px
                                                       left: 50%
                                       - type: 'custom:stack-in-card'
                                         mode: vertical
                                         keep:
                                           box_shadow: false
                                           margin: false
                                           border_radius: true
                                           outer_padding: true
                                         cards:
                                           - type: horizontal-stack
                                             cards:
                                               - type: 'custom:simple-thermostat'
                                                 entity: climate.Heizung_Kinderzimmer_1_1
                                                 step_layout: row
                                                 name: Hanna Emilia
                                           - type: vertical-stack
                                             cards:
                                               - type: markdown
                                                 content: '---'
                                           - type: horizontal-stack
                                             cards:
                                               - type: picture-elements
                                                 image: /cards/bg_thermo_settings.png
                                                 elements:
                                                   - type: image
                                                     image: /cards/boost_active.png
                                                     entity: switch.Heizung_KZ_1_boost
                                                     state_filter:
                                                       'true': brightness(100%) saturate(0.0)
                                                       'false': brightness(100%) saturate
                                                     tap_action:
                                                       action: toggle
                                                     hold_action:
                                                       action: none
                                                     style:
                                                       top: 20px
                                                       left: 28%
                                                       width: 10%
                                                   - type: image
                                                     image: /cards/urlaub_active.png
                                                     entity: switch.Heizung_KZ_1_party
                                                     state_filter:
                                                       'true': brightness(100%) saturate(0.0)
                                                       'false': brightness(100%) saturate
                                                     tap_action:
                                                       action: toggle
                                                     hold_action:
                                                       action: none
                                                     style:
                                                       top: 20px
                                                       left: 72%
                                                       width: 10%
                                                   - type: image
                                                     image: /cards/linie_senkrecht.png
                                                     entity: binary_sensor.Schloss_Haustuere
                                                     state_filter:
                                                       'true': brightness(100%) saturate(0.0)
                                                       'false': brightness(100%) saturate
                                                     tap_action:
                                                       action: toggle
                                                     hold_action:
                                                       action: none
                                                     style:
                                                       top: 20px
                                                       left: 50%
                                       - type: 'custom:stack-in-card'
                                         mode: vertical
                                         keep:
                                           box_shadow: false
                                           margin: false
                                           border_radius: true
                                           outer_padding: true
                                         cards:
                                           - type: horizontal-stack
                                             cards:
                                               - type: 'custom:simple-thermostat'
                                                 entity: climate.Heizung_Bad
                                                 step_layout: row
                                                 name: Bad
                                           - type: vertical-stack
                                             cards:
                                               - type: markdown
                                                 content: '---'
                                           - type: horizontal-stack
                                             cards:
                                               - type: picture-elements
                                                 image: /cards/bg_thermo_settings.png
                                                 elements:
                                                   - type: image
                                                     image: /cards/boost_active.png
                                                     entity: switch.Heizung_Bad_BOOST
                                                     state_filter:
                                                       'true': brightness(100%) saturate(0.0)
                                                       'false': brightness(100%) saturate
                                                     tap_action:
                                                       action: toggle
                                                     hold_action:
                                                       action: none
                                                     style:
                                                       top: 20px
                                                       left: 28%
                                                       width: 10%
                                                   - type: image
                                                     image: /cards/urlaub_active.png
                                                     entity: switch.Heizung_Bad_party
                                                     state_filter:
                                                       'true': brightness(100%) saturate(0.0)
                                                       'false': brightness(100%) saturate
                                                     tap_action:
                                                       action: toggle
                                                     hold_action:
                                                       action: none
                                                     style:
                                                       top: 20px
                                                       left: 72%
                                                       width: 10%
                                                   - type: image
                                                     image: /cards/linie_senkrecht.png
                                                     entity: binary_sensor.Schloss_Haustuere
                                                     state_filter:
                                                       'true': brightness(100%) saturate(0.0)
                                                       'false': brightness(100%) saturate
                                                     tap_action:
                                                       action: toggle
                                                     hold_action:
                                                       action: none
                                                     style:
                                                       top: 20px
                                                       left: 50%
                                       - type: 'custom:slideshow-card'
                                         fill: false
                                         arrow_color: White
                                         arrow_opacity: 0.5
                                         auto_play: false
                                         auto_delay: 4
                                         style: null
                                         border-radius: 25px
                                         cards:
                                           - type: iframe
                                             url: >-
                                               https://192.168.99.33:8082/adapter/echarts/chart/index.html?preset=echarts.0.Heizung.Wohnzimmer
                                             title: Wohnzimmer
                                           - type: iframe
                                             title: Ben-Henri
                                             url: >-
                                               https://192.168.99.33:8082/adapter/echarts/chart/index.html?preset=echarts.0.Heizung.Ben-Henri
                                           - type: iframe
                                             url: >-
                                               https://192.168.99.33:8082/adapter/echarts/chart/index.html?preset=echarts.0.Heizung.Hannah%20Emilia
                                             title: Hannah Emilia
                                           - type: iframe
                                             url: >-
                                               https://192.168.99.33:8082/adapter/echarts/chart/index.html?preset=echarts.0.Heizung.Bad
                                             title: Bad
                                   - title: Multimedia
                                     path: multimedia
                                     icon: 'mdi:music'
                                     badges: []
                                     cards:
                                       - type: 'custom:stack-in-card'
                                         mode: vertical
                                         keep:
                                           box_shadow: false
                                           margin: false
                                           border_radius: true
                                           outer_padding: true
                                         cards:
                                           - type: vertical-stack
                                             cards:
                                               - type: picture-elements
                                                 image: /cards/bg_tr_bose_klein.png
                                                 elements:
                                                   - type: image
                                                     image: /cards/1.png
                                                     entity: switch.BOSE_PRESET_1
                                                     state_filter:
                                                       'true': brightness(100%) saturate
                                                       'false': brightness(100%) saturate(0.0)
                                                     tap_action:
                                                       action: toggle
                                                     hold_action:
                                                       action: none
                                                     style:
                                                       top: 50%
                                                       left: 10%
                                                       width: 8%
                                                   - type: image
                                                     image: /cards/2.png
                                                     state_filter:
                                                       'true': brightness(100%) saturate
                                                       'false': brightness(100%) saturate(0.0)
                                                     entity: switch.BOSE_PRESET_2
                                                     tap_action:
                                                       action: toggle
                                                     hold_action:
                                                       action: none
                                                     style:
                                                       top: 50%
                                                       left: 26%
                                                       width: 8%
                                                   - type: image
                                                     image: /cards/3.png
                                                     entity: switch.BOSE_PRESET_3
                                                     state_filter:
                                                       'true': brightness(100%) saturate
                                                       'false': brightness(100%) saturate(0.0)
                                                     tap_action:
                                                       action: toggle
                                                     hold_action:
                                                       action: none
                                                     style:
                                                       top: 50%
                                                       left: 42%
                                                       width: 8%
                                                   - type: image
                                                     image: /cards/4.png
                                                     entity: switch.BOSE_PRESET_4
                                                     state_filter:
                                                       'true': brightness(100%) saturate
                                                       'false': brightness(100%) saturate(0.0)
                                                     tap_action:
                                                       action: toggle
                                                     hold_action:
                                                       action: none
                                                     style:
                                                       top: 50%
                                                       left: 58%
                                                       width: 8%
                                                   - type: image
                                                     image: /cards/5.png
                                                     entity: switch.BOSE_PRESET_5
                                                     state_filter:
                                                       'true': brightness(100%) saturate
                                                       'false': brightness(100%) saturate(0.0)
                                                     tap_action:
                                                       action: toggle
                                                     hold_action:
                                                       action: none
                                                     style:
                                                       top: 50%
                                                       left: 74%
                                                       width: 8%
                                                   - type: image
                                                     image: /cards/6.png
                                                     entity: switch.BOSE_PRESET_6
                                                     state_filter:
                                                       'true': brightness(100%) saturate
                                                       'false': brightness(100%) saturate(0.0)
                                                     tap_action:
                                                       action: toggle
                                                     hold_action:
                                                       action: none
                                                     style:
                                                       top: 50%
                                                       left: 90%
                                                       width: 8%
                                           - type: horizontal-stack
                                             cards:
                                               - type: markdown
                                                 content: >-
                                                   <img src="{0_userdata.0.Multimedia.Bose_1.Cover}" 
                                                   width="100%">
                                               - type: picture-elements
                                                 image: /cards/bg_1px_tr.png
                                                 elements:
                                                   - style:
                                                       top: 40%
                                                       left: 50%
                                                     type: state-label
                                                     entity: input_text.Bose_1_Sender
                                                   - style:
                                                       top: 50%
                                                       left: 50%
                                                     type: state-label
                                                     entity: input_text.Bose_1_Titel
                                                   - style:
                                                       top: 20%
                                                       left: 50%
                                                     type: state-label
                                                     entity: input_text.Bose_1_Source
                                           - type: vertical-stack
                                             cards:
                                               - type: entities
                                                 entities:
                                                   - type: 'custom:slider-entity-row'
                                                     entity: input_number.Bose_1_Volume
                                                     full_row: true
                                                 show_header_toggle: null
                                           - type: vertical-stack
                                             cards:
                                               - type: picture-elements
                                                 image: /cards/bg_tr_bose_klein.png
                                                 elements:
                                                   - type: image
                                                     image: /cards/power.png
                                                     entity: switch.bose_1_an_aus
                                                     state_filter:
                                                       'true': brightness(100%) saturate
                                                       'false': brightness(100%) saturate(0.0)
                                                     tap_action:
                                                       action: toggle
                                                     hold_action:
                                                       action: none
                                                     style:
                                                       top: 17px
                                                       left: 10%
                                                       width: 7%
                                                   - type: image
                                                     image: /cards/usb.png
                                                     entity: switch.Bose_1_Source
                                                     state_filter:
                                                       'true': brightness(100%) saturate(0.0)
                                                       'false': brightness(100%) saturate
                                                     tap_action:
                                                       action: toggle
                                                     hold_action:
                                                       action: none
                                                     style:
                                                       top: 15px
                                                       left: 90%
                                                       width: 7%
                                   - title: Licht
                                     path: ''
                                     icon: 'mdi:lightbulb-on-outline'
                                     badges: []
                                     cards:
                                       - type: entities
                                         entities:
                                           - entity: light.auto_an
                                             name: Automatisch einschalten
                                             icon: 'mdi:clock'
                                           - entity: light.auto_aus
                                             name: Automatisch ausschalten
                                             icon: 'mdi:clock'
                                         show_header_toggle: false
                                       - type: entities
                                         entities:
                                           - entity: light.steckdose_sofa
                                             name: Wohnzimmer
                                           - entity: light.steckdose_esszimmer
                                             name: Esszimmer
                                           - entity: light.steckdose_kueche
                                             name: Küche
                                           - entity: light.steckdose_var_1
                                             name: Stern
                                           - entity: light.steckdose_var_2
                                             name: Kranz
                                           - entity: light.steckdose_flur_oben
                                             name: Flur oben
                                           - entity: light.steckdose_flur_unten
                                             name: Flur unten
                                         title: Lichter
                                         state_color: false
                                   - title: System
                                     path: system
                                     icon: 'mdi:cpu-32-bit'
                                     badges: []
                                     cards:
                                       - type: 'custom:stack-in-card'
                                         mode: vertical
                                         keep:
                                           box_shadow: false
                                           margin: false
                                           border_radius: true
                                           outer_padding: true
                                         cards:
                                           - type: picture
                                             image: /cards/cpu.png
                                             tap_action:
                                               action: none
                                             hold_action:
                                               action: ''
                                           - type: markdown
                                             content: '---'
                                             title: System
                                       - type: 'custom:stack-in-card'
                                         mode: vertical
                                         keep:
                                           box_shadow: false
                                           margin: false
                                           border_radius: true
                                           outer_padding: true
                                         cards:
                                           - type: markdown
                                             content: '---'
                                             title: Raspberry
                                           - type: horizontal-stack
                                             cards:
                                               - type: gauge
                                                 entity: sensor.CPU_Auslastung
                                                 min: 0
                                                 max: 100
                                                 name: CPU
                                               - type: gauge
                                                 entity: sensor.CPU_Temp
                                                 min: 0
                                                 max: 100
                                                 name: CPU-Temp.
                                           - type: horizontal-stack
                                             cards:
                                               - type: gauge
                                                 entity: sensor.RAM
                                                 min: 0
                                                 max: 100
                                               - type: gauge
                                                 entity: sensor.sd_karte_prozent
                                                 min: 0
                                                 max: 100
                                                 name: SD-Karte
                                                 unit: '%'
                                           - type: iframe
                                             url: >-
                                               https://192.168.99.33:8082/adapter/echarts/chart/index.html?preset=echarts.0.System.Pi4
                                             aspect_ratio: 50%
                                       - type: 'custom:stack-in-card'
                                         cards:
                                           - type: markdown
                                             content: '---'
                                             title: CCU
                                           - type: horizontal-stack
                                             cards:
                                               - type: picture-entity
                                                 entity: input_number.Servicemeldungen_CCU
                                                 show_name: true
                                                 show_state: false
                                                 state_image:
                                                   '0': /cards/garage_auf.png
                                                   '1': /cards/1.png
                                                   '2': /cards/1.png
                                                   '3': /cards/1.png
                                                   '4': /cards/1.png
                                                   '5': /cards/1.png
                                                   '6': /cards/1.png
                                               - type: gauge
                                                 entity: sensor.Duty_Cycle
                                                 min: 0
                                                 max: 100
                                                 name: Duty Cycle
                                               - type: picture-elements
                                                 elements:
                                                   - type: state-label
                                                     entity: input_text.ccu_an_seit_text
                                                     style:
                                                       top: 40%
                                                       left: 50%
                                                   - type: state-label
                                                     entity: input_text.ccu_uptime
                                                     style:
                                                       top: 70%
                                                       left: 50%
                                                 image: /cards/bg_tr.png
                                           - type: iframe
                                             url: >-
                                               https://192.168.99.33:8082/adapter/echarts/chart/index.html?preset=echarts.0.System.CCU
                                       - type: 'custom:stack-in-card'
                                         mode: vertical
                                         keep:
                                           box_shadow: false
                                           margin: false
                                           border_radius: true
                                           outer_padding: true
                                         cards:
                                           - type: markdown
                                             content: '---'
                                             title: USV
                                           - type: horizontal-stack
                                             cards:
                                               - type: gauge
                                                 entity: sensor.akku_usv
                                                 min: 0
                                                 max: 100
                                                 name: AKKU USV
                                                 unit: '%'
                                               - type: gauge
                                                 entity: sensor.spannung_usv
                                                 min: 0
                                                 name: Spannung
                                                 max: 15
                                                 unit: V
                                               - type: picture-elements
                                                 elements:
                                                   - type: state-label
                                                     entity: input_text.letzter_stromausfall_text
                                                     style:
                                                       top: 40%
                                                       left: 50%
                                                   - type: state-label
                                                     entity: input_text.letzter_stromausfall_zeit
                                                     style:
                                                       top: 70%
                                                       left: 50%
                                                 image: /cards/bg_tr.png
                                           - type: iframe
                                             url: >-
                                               https://192.168.99.33:8082/adapter/echarts/chart/index.html?preset=echarts.0.USV
                                       - type: markdown
                                         content: '{0_userdata.0.VIS.Akkumeldungen.hmip_akku_tabelle}'
                                         title: HmIP
                                       - type: markdown
                                         content: '{0_userdata.0.VIS.Tabellen.Erreichbarkeit_Sonoff}'
                                         title: Sonoff
                                   - title: Termine
                                     path: termine
                                     icon: 'mdi:calendar'
                                     badges: []
                                     cards:
                                       - type: horizontal-stack
                                         cards:
                                           - type: markdown
                                             content: >-
                                               <center><b>Restmüll</b><br><img
                                               src="/cards/muell_schwarz.png"><br>
                                  
                                               {0_userdata.0.Muell.Texte_fuer_vis.Restmuell}
                                           - type: markdown
                                             content: |-
                                               <center><b>Gelbersack</b><br><img src="/cards/muell_gelb.png"><br>
                                               {0_userdata.0.Muell.Texte_fuer_vis.Gelber_Sack}
                                           - type: markdown
                                             content: |-
                                               <center><b>Papiermüll</b><br><img src="/cards/muell_blau.png"><br>
                                               {0_userdata.0.Muell.Texte_fuer_vis.Papiermuell}
                                           - type: markdown
                                             content: |-
                                               <center><b>Biomüll</b><br><img src="/cards/muell_braun.png"><br>
                                               {0_userdata.0.Muell.Texte_fuer_vis.Biomuell}
                                       - type: markdown
                                         content: '{ical.1.data.html}'
                                         title: Termine
                                   - title: Energie
                                     path: energie
                                     icon: 'mdi:power-socket-jp'
                                     badges: []
                                     cards:
                                       - type: markdown
                                         content: >-
                                           <font size="5">Waschmaschine
                                           {sonoff.0.steckdose_waschmaschine.ENERGY_Power} W </font>
                                  
                                           <table>
                                            <tr>
                                             <td></td>
                                             <td ALIGN="CENTER"><b>2020</b></td>
                                             <td ALIGN="CENTER"><b>2021</b></td>
                                            </tr>
                                            <tr>
                                             <td><b>Wäschen ges. </b></td>
                                             <td ALIGN="CENTER">{0_userdata.0.Zaehlen.Waschmaschine.gaenge_vorjahr}</td>
                                             <td ALIGN="CENTER">{0_userdata.0.Zaehlen.Waschmaschine.gaenge}</td>
                                            </tr>
                                            <tr>
                                             <td><b>Ø pro Tag</b></td>
                                             <td ALIGN="CENTER">{0_userdata.0.Zaehlen.Waschmaschine.garnge_pro_tag_vorjahr}</td>
                                             <td ALIGN="CENTER">{0_userdata.0.Zaehlen.Waschmaschine.garnge_pro_tag}</td>
                                            </tr>
                                           <tr>
                                  
                                           <td><b>Ø pro Monat</b></td>
                                  
                                           <td ALIGN="CENTER">
                                  
                                           {0_userdata.0.Zaehlen.Waschmaschine.garnge_pro_monat_vorjahr}
                                  
                                           </td>
                                  
                                           <td align="Center">
                                  
                                           {0_userdata.0.Zaehlen.Waschmaschine.garnge_pro_monat}
                                  
                                           </td>
                                            <tr>
                                             <td width=30%><b>Kosten ges.</b></td>
                                             <td  ALIGN="CENTER" width=52%>{0_userdata.0.Zaehlen.Waschmaschine.Kosten_ges_Vorjahr} €</td>
                                             <td  ALIGN="CENTER" width=52%>{sourceanalytix.0.sonoff__0__steckdose_waschmaschine__ENERGY_Total.currentYear.costs.05_currentYear} €</td>
                                            </tr>
                                            <tr>
                                             <td><b>Ø pro Gang</b></td>
                                             <td ALIGN="CENTER">{0_userdata.0.Zaehlen.Waschmaschine.kosten_pro_gang_vorjahr} €</td>
                                             <td ALIGN="CENTER">{0_userdata.0.Zaehlen.Waschmaschine.kosten_pro_gang} €</td>
                                            </tr>
                                           </table>
                                       - type: markdown
                                         content: >-
                                           <font size="5">Trockner {sonoff.0.steckdose_trockner.ENERGY_Power} W
                                           </font>
                                  
                                           <table>
                                            <tr>
                                             <td></td>
                                             <td ALIGN="CENTER"><b>2020</b></td>
                                             <td ALIGN="CENTER"><b>2021</b></td>
                                            </tr>
                                            <tr>
                                             <td><b>Wäschen ges. </b></td>
                                             <td ALIGN="CENTER">{0_userdata.0.Zaehlen.Trockner.gaenge_vorjahr}</td>
                                             <td ALIGN="CENTER">{0_userdata.0.Zaehlen.Trockner.gaenge}</td>
                                            </tr>
                                            <tr>
                                             <td><b>Ø pro Tag</b></td>
                                             <td ALIGN="CENTER">{0_userdata.0.Zaehlen.Trockner.garnge_pro_tag_vorjahr}</td>
                                             <td ALIGN="CENTER">{0_userdata.0.Zaehlen.Trockner.garnge_pro_tag}</td>
                                            </tr>
                                           <tr>
                                  
                                           <td><b>Ø pro Monat</b></td>
                                  
                                           <td ALIGN="CENTER">
                                  
                                           {0_userdata.0.Zaehlen.Trockner.garnge_pro_monat_vorjahr}
                                  
                                           </td>
                                  
                                           <td align="Center">
                                  
                                           {0_userdata.0.Zaehlen.Trockner.garnge_pro_monat}
                                  
                                           </td>
                                            <tr>
                                             <td width=30%><b>Kosten ges.</b></td>
                                             <td  ALIGN="CENTER" width=52%>{0_userdata.0.Zaehlen.Trockner.Kosten_ges_Vorjahr} €</td>
                                             <td  ALIGN="CENTER" width=52%>{sourceanalytix.0.sonoff__0__steckdose_trockner__ENERGY_Total.currentYear.costs.05_currentYear} €</td>
                                            </tr>
                                            <tr>
                                             <td><b>Ø pro Gang</b></td>
                                             <td ALIGN="CENTER">{0_userdata.0.Zaehlen.Trockner.kosten_pro_gang_vorjahr} €</td>
                                             <td ALIGN="CENTER">{0_userdata.0.Zaehlen.Trockner.kosten_pro_gang} €</td>
                                            </tr>
                                           </table>
                                       - type: markdown
                                         content: |-
                                           <table>
                                            <tr>
                                             <td width=10% align=center>Kosten 2021</td>
                                             <TD width=10% align=center>Kosten pro Monat (hochgerechnet)</td>
                                            <td width=10% align=center>Kosten pro Jahr (hochgerechnet)</td>
                                            </tr>
                                            <tr>
                                             <td align=center>{sourceanalytix.0.sonoff__0__steckdose_kuehltruhe__ENERGY_Total.currentYear.costs.05_currentYear} €</td>
                                             <td align=center>{0_userdata.0.Zaehlen.Gefrierschrank.ca_verbrauch_monat} €</td>
                                             <td align=center>{0_userdata.0.Zaehlen.Gefrierschrank.ca_verbrauch_jahr} €</td>
                                            </tr>
                                  
                                  
                                           </table>
                                         title: Gefrierschrank
                                   - title: TV
                                     path: tv
                                     icon: 'hass:television'
                                     badges: []
                                     cards:
                                       - type: 'custom:slider-entity-row'
                                         entity: input_number.lautstaerke_frrnseher
                                         full_row: true
                                       - type: vertical-stack
                                         cards:
                                           - type: horizontal-stack
                                             cards:
                                               - type: button
                                                 tap_action:
                                                   action: toggle
                                                 entity: light.schalter_2015
                                                 show_name: true
                                                 show_icon: true
                                                 show_state: false
                                                 name: '20:15'
                                                 icon: 'hass:clock'
                                               - type: button
                                                 tap_action:
                                                   action: toggle
                                                 entity: light.schalter_aktuell
                                                 show_name: true
                                                 show_icon: true
                                                 name: aktuell
                                                 icon: 'hass:clock'
                                           - type: conditional
                                             conditions:
                                               - entity: light.schalter_2015
                                                 state: 'on'
                                             card:
                                               type: markdown
                                               content: '{0_userdata.0.VIS.tvprogramm.2015}'
                                           - type: conditional
                                             conditions:
                                               - entity: light.schalter_aktuell
                                                 state: 'on'
                                             card:
                                               type: markdown
                                               content: '{0_userdata.0.VIS.tvprogramm.aktuell}'
                                   - title: Wir
                                     path: wir
                                     icon: 'mdi:face'
                                     badges: []
                                     cards:
                                       - type: map
                                         entities:
                                           - entity: geo_location.David_G_
                                           - entity: geo_location.Ann_Christin_Graef
                                         hours_to_show: 5
                                       - type: history-graph
                                         entities:
                                           - entity: sensor.David_Home
                                             name: David
                                           - entity: sensor.Tin_Home
                                             name: Tin
                                         refresh_interval: 0
                                         hours_to_show: 24
                                       - type: markdown
                                         content: >-
                                           David, {google-sharedlocations.0.user.102784136203768362088.battery}%
                                           Akku
                                  
                                           {google-sharedlocations.0.user.102784136203768362088.address}
                                  
                                  
                                           Tin, {google-sharedlocations.0.user.110377221062377408374.battery}%
                                           Akku
                                  
                                           {google-sharedlocations.0.user.110377221062377408374.address} 
                                         title: 'Wo ist wer:'
                                   - title: Netzwerk
                                     path: netzwerk
                                     icon: 'mdi:network'
                                     badges: []
                                     cards:
                                       - type: iframe
                                         title: Internet
                                         url: >-
                                           https://192.168.99.33:8082/adapter/echarts/chart/index.html?preset=echarts.0.System.Internet
                                       - type: markdown
                                         content: '{0_userdata.0.VIS.ping.ping_tabelle}'
                                         title: Erreichbarkeit
                                   - path: default_view
                                     title: Tests
                                     icon: 'mdi:help-circle-outline'
                                     badges: []
                                     cards:
                                       - type: 'custom:theme-maker'
                                       - type: entities
                                         style: |
                                           ha-card {
                                             background: none;
                                             box-shadow: none;
                                             --secondary-text-color: var(--primary-text-color);
                                           } 
                                         title: My Title
                                         entities:
                                           - entity: binary_sensor.Schloss_Haustuere
                                       - type: entities
                                         style: |
                                           ha-card {
                                             color: red;
                                           }
                                         entities:
                                           - binary_sensor.Schloss_Haustuere
                                       - type: entities
                                         style: |
                                           ha-card {
                                             font-variant: small-caps;
                                           }
                                           .card-header {
                                             font-size: 16px;
                                           }
                                         entities:
                                           - binary_sensor.Schloss_Haustuere
                                       - type: button
                                         tap_action:
                                           action: toggle
                                         hold_action:
                                           action: more-info
                                         show_icon: true
                                         show_name: true
                                         entity: switch.batterietest
                                         name: Batterietestbenachrichtigung
                                       - type: media-control
                                         entity: media_player.Wohnzimmer
                                       - type: picture-entity
                                         entity: switch.anlage_scharf
                                         image: 'https://demo.home-assistant.io/stub_config/bedroom.png'
                                         tap_action:
                                           action: none
                                         hold_action:
                                           action: none
                                         name: .
                                         show_state: false
                                         show_name: false
                                         aspect_ratio: 50%
                                       - type: entities
                                         entities:
                                           - entity: switch.alarm_manueller_modus
                                         show_header_toggle: false
                                       - type: conditional
                                         conditions:
                                           - entity: switch.alarm_manueller_modus
                                             state: 'on'
                                         card:
                                           type: entities
                                           entities:
                                             - entity: input_text.pin_vis
                                               name: PIN
                                               icon: 'mdi:key'
                                       - type: conditional
                                         conditions:
                                           - entity: input_text.pin_vis
                                             state: '12345'
                                         card:
                                           type: entities
                                           entities:
                                             - entity: switch.anlage_scharf
                                               name: aktivieren/deaktivieren
                                       - type: vertical-stack
                                         cards:
                                           - type: horizontal-stack
                                             cards:
                                               - type: button
                                                 tap_action:
                                                   action: toggle
                                                 hold_action:
                                                   action: more-info
                                                 show_icon: true
                                                 show_name: false
                                                 entity: switch.Bose_1
                                               - type: button
                                                 tap_action:
                                                   action: toggle
                                                 hold_action:
                                                   action: more-info
                                                 show_icon: true
                                                 show_name: false
                                                 entity: switch.Bose_1
                                               - type: button
                                                 tap_action:
                                                   action: toggle
                                                 hold_action:
                                                   action: more-info
                                                 show_icon: true
                                                 show_name: false
                                                 entity: switch.Bose_1
                                               - type: button
                                                 tap_action:
                                                   action: toggle
                                                 hold_action:
                                                   action: more-info
                                                 show_icon: true
                                                 show_name: false
                                                 entity: switch.Bose_1
                                               - type: button
                                                 tap_action:
                                                   action: toggle
                                                 hold_action:
                                                   action: more-info
                                                 show_icon: true
                                                 show_name: false
                                                 entity: switch.Bose_1
                                               - type: button
                                                 tap_action:
                                                   action: toggle
                                                 hold_action:
                                                   action: more-info
                                                 show_icon: true
                                                 show_name: false
                                                 entity: switch.Bose_1
                                               - type: button
                                                 tap_action:
                                                   action: toggle
                                                 hold_action:
                                                   action: more-info
                                                 show_icon: true
                                                 show_name: false
                                                 entity: switch.Bose_1
                                               - type: button
                                                 tap_action:
                                                   action: toggle
                                                 hold_action:
                                                   action: more-info
                                                 show_icon: true
                                                 show_name: false
                                                 entity: switch.Bose_1
                                               - type: button
                                                 tap_action:
                                                   action: toggle
                                                 hold_action:
                                                   action: more-info
                                                 show_icon: true
                                                 show_name: false
                                                 entity: switch.Bose_1
                                               - type: button
                                                 tap_action:
                                                   action: toggle
                                                 hold_action:
                                                   action: more-info
                                                 show_icon: true
                                                 show_name: false
                                                 entity: switch.Bose_1
                                           - type: entity
                                             entity: sensor.Duty_Cycle
                                       - type: entities
                                         entities:
                                           - entity: input_select.test_input_select
                                           - entity: sensor.HUMIDITY
                                           - entity: sensor.SD_Karte
                                       - type: 'custom:stack-in-card'
                                         mode: vertical
                                         keep:
                                           box_shadow: false
                                           margin: true
                                           border_radius: true
                                           outer_padding: true
                                         cards:
                                           - type: horizontal-stack
                                             cards:
                                               - type: picture-entity
                                                 image: /cards/davidd.jpg
                                                 entity: switch.David
                                                 show_name: false
                                                 show_state: false
                                               - type: picture-entity
                                                 image: /cards/tinn.jpg
                                                 entity: switch.Tin
                                                 show_name: false
                                                 show_state: false
                                           - type: vertical-stack
                                             cards:
                                               - type: markdown
                                                 content: '---'
                                                 title: Anwesend
                                           - type: vertical-stack
                                             cards:
                                               - type: history-graph
                                                 entities:
                                                   - entity: switch.Tin
                                                   - entity: switch.David
                                                 refresh_interval: 0
                                                 hours_to_show: 24
                                       - type: entities
                                         entities:
                                           - entity: sensor.LOWBAT
                                           - entity: switch.alarm_ausgeloest
                                           - entity: switch.Antrieb_Garage
                                           - entity: input_text.Bose_1_Sender
                                           - entity: switch.BOSE_PRESET_2
                                       - type: shopping-list
                                         title: Infos
                                       - type: markdown
                                         content: >-
                                           <b>Waschmaschine</b>
                                  
                                  
                                           Steckdose
                                  
                                           {sonoff.0.steckdose_waschmaschine.ENERGY_Total}
                                  
                                           SA
                                  
                                           {sourceanalytix.0.sonoff__0__steckdose_waschmaschine__ENERGY_Total.Current_Reading}
                                  
                                  
                                           <b>Trockner</b>
                                  
                                  
                                           Steckdose
                                  
                                           {sonoff.0.steckdose_trockner.ENERGY_Total}
                                  
                                           SA
                                  
                                           {sourceanalytix.0.sonoff__0__steckdose_trockner__ENERGY_Total.Current_Reading}
                                  
                                  
                                           <b>Kühltruhe</b>
                                  
                                  
                                           Steckdose
                                  
                                           {sonoff.0.steckdose_kuehltruhe.ENERGY_Total}
                                  
                                           SA
                                  
                                           {sourceanalytix.0.sonoff__0__steckdose_kuehltruhe__ENERGY_Total.Current_Reading}
                                         title: Gesamtverbrauch
                                       - type: markdown
                                         content: >-
                                           <table style="width: 100%;">
                                  
                                           <tbody>
                                  
                                           <tr>
                                  
                                           <td width=100%><b><font size="3">Gerät</b></td></font>
                                  
                                           <td ALIGN="CENTER"><b><font size="3">Status</b></td></font>
                                  
                                           </tr>
                                  
                                           <tr>
                                  
                                           <td colspan="2">
                                  
                                           <hr>
                                  
                                           </dt>
                                  
                                           </tr>
                                  
                                           <tr>
                                  
                                           <td>ONLINE</td>
                                  
                                           <td ALIGN="CENTER">{a:ping.0.iobroker.Google_.alive;a === true || a
                                           === 'true' ? '<font size="3"><b><font color=green>● ' : '<font
                                           color=red><font size="3">●</font> '}</td>
                                  
                                           </tr>
                                  
                                           <tr>
                                  
                                           <td>VPN Druckerei</td>
                                  
                                           <td ALIGN="CENTER">{a:ping.0.iobroker.sophosfirma;a === true || a ===
                                           'true' ? '<font size="3"><b><font color=green>● ' : '<font
                                           color=red><font size="3">●</font> '}</td>
                                  
                                           </tr>
                                  
                                           <tr>
                                  
                                           <td colspan="2">
                                  
                                           <hr>
                                  
                                           </dt>
                                  
                                           </tr>
                                  
                                           <tr>
                                  
                                           <td>David Handy</td>
                                  
                                           <td ALIGN="CENTER">{a:ping.0.iobroker.Davidhandy;a === true || a ===
                                           'true' ? '<font size="3"><b><font color=green>● ' : '<font
                                           color=red><font size="3">●</font> '}</td>
                                  
                                           </tr>
                                  
                                           <tr>
                                  
                                           <td>Tin Handy</td>
                                  
                                           <td ALIGN="CENTER">{a:ping.0.iobroker.Tinhandy;a === true || a ===
                                           'true' ? '<font size="3"><b><font color=green>● ' : '<font
                                           color=red><font size="3">●</font> '}</td>
                                  
                                           </tr>
                                  
                                           <tr>
                                  
                                           <td>NAS</td>
                                  
                                           <td ALIGN="CENTER">{a:ping.0.iobroker.192_168_99_22;a === true || a
                                           === 'true' ? '<font size="3"><b><font color=green>● ' : '<font
                                           color=red><font size="3">●</font> '}</td>
                                  
                                           </tr>
                                  
                                           <tr>
                                  
                                           <td>Bose Soundtouch</td>
                                  
                                           <td ALIGN="CENTER">{a:ping.0.iobroker.Bose_Soundtuch;a === true || a
                                           === 'true' ? '<font size="3"><b><font color=green>● ' : '<font
                                           color=red><font size="3">●</font> '}</td>
                                  
                                           </tr>
                                  
                                           <tr>
                                  
                                           <td>CCU3</td>
                                  
                                           <td ALIGN="CENTER">{a:ping.0.iobroker.Ccu3;a === true || a === 'true'
                                           ? '<font size="3"><b><font color=green>● ' : '<font color=red><font
                                           size="3">●</font> '}</td>
                                  
                                           </tr>
                                  
                                           <tr>
                                  
                                           <td>Digibit R1</td>
                                  
                                           <td ALIGN="CENTER">{a:ping.0.iobroker.Digibit_;a === true || a ===
                                           'true' ? '<font size="3"><b><font color=green>● ' : '<font
                                           color=red><font size="3">●</font> '}</td>
                                  
                                           </tr>
                                  
                                           <tr>
                                  
                                           <td>Fire TV</td>
                                  
                                           <td ALIGN="CENTER">{a:ping.0.iobroker.FireTV_TV;a === true || a ===
                                           'true' ? '<font size="3"><b><font color=green>● ' : '<font
                                           color=red><font size="3">●</font> '}</td>
                                  
                                           </tr>
                                  
                                           <tr>
                                  
                                           <td>PS4</td>
                                  
                                           <td ALIGN="CENTER">{a:ping.0.iobroker.PS4;a === true || a === 'true' ?
                                           '<font size="3"><b><font color=green>● ' : '<font color=red><font
                                           size="3">●</font> '}</td>
                                  
                                           </tr>
                                  
                                           <tr>
                                  
                                           <td>Webcam Kinderzimmer 2</td>
                                  
                                           <td ALIGN="CENTER">{a:ping.0.iobroker.Webcam_bh;a === true || a ===
                                           'true' ? '<font size="3"><b><font color=green>● ' : '<font
                                           color=red><font size="3">●</font> '}</td>
                                  
                                           </tr>
                                  
                                           </tbody>
                                  
                                           </table>
                                       - type: 'custom:clockwork-card'
                                         locale: de-De
                                         other_time:
                                           - America/New_York
                                           - Australia/Sydney
                                           - America/Los_Angeles
                                  hideToolbar: false
                                  resources:
                                   - type: module
                                     url: /cards/accuweather-card.js
                                   - type: module
                                     url: /cards/button-card.js
                                   - type: module
                                     url: /cards/card-mod.js
                                   - type: jpg
                                     url: /cards/david.jpg
                                   - type: jpg
                                     url: /cards/diebstahl.jpg
                                   - type: png
                                     url: /cards/door-closed-lock.png
                                   - type: svg
                                     url: /cards/door-closed-lock.svg
                                   - type: png
                                     url: /cards/door-open.png
                                   - type: svg
                                     url: /cards/door-open.svg
                                   - type: jpg
                                     url: /cards/garage_auf.jpg
                                   - type: png
                                     url: /cards/garage_auf.png
                                   - type: jpg
                                     url: /cards/garage_zu.jpg
                                   - type: png
                                     url: /cards/garage_zu.png
                                   - type: jpg
                                     url: /cards/pi.jpg
                                   - type: module
                                     url: /cards/stack-in-card.js
                                   - type: svg
                                     url: /cards/test.svg
                                   - type: module
                                     url: /cards/theme-maker.js
                                   - type: jpg
                                     url: /cards/tin.jpg
                                   - type: module
                                     url: /cards/vertical-stack-in-card.js
                                  
                                  

                                  Und mein Theme

                                  noctis:  
                                  
                                   # Fonts
                                   primary-font-family: 'Raleway,sans-serif'
                                   paper-font-common-base_-_font-family: "var(--primary-font-family)"
                                   paper-font-common-code_-_font-family: "var(--primary-font-family)"
                                   paper-font-body1_-_font-family: "var(--primary-font-family)"
                                   paper-font-subhead_-_font-family: "var(--primary-font-family)"
                                   paper-font-headline_-_font-family: "var(--primary-font-family)"
                                   paper-font-caption_-_font-family: "var(--primary-font-family)"
                                   paper-font-title_-_font-family: "var(--primary-font-family)"
                                   ha-card-header-font-family: "var(--primary-font-family)"
                                  
                                   # Text
                                   text-color: '#ffffff' 
                                   primary-text-color: 'var(--text-color)'
                                   text-primary-color: 'var(--text-color)'
                                   secondary-text-color: "#BAC0C6"
                                   text-medium-light-color: '#A0A2A8'
                                   text-medium-color: '#80828A'
                                   disabled-text-color: '#626569'
                                   primary-color: 'var(--accent-color)'
                                   
                                   # Main Colors
                                   app-header-background-color: '#242e42'
                                   accent-color: '#1A89F5'
                                   accent-medium-color: 'var(--accent-color)'
                                  
                                   # Background
                                   background-color: '#242e42'
                                   primary-background-color: 'var(--background-color)'
                                   background-color-2: '#20293c' 
                                   secondary-background-color: 'none'
                                   markdown-code-background-color: 'var(--background-color)'
                                   
                                   # Card
                                   card-background-color: 'var(--ha-card-background)'
                                   ha-card-background: 'rgba(43,55,78,1)' #'linear-gradient(145deg, #273246, #2e3b53)'
                                   ha-card-box-shadow: "3px 3px 13px -6px rgba(17,35,52,1)"
                                   ha-card-border-radius: "5px"
                                   border-color: 'none'
                                  
                                   # Icons
                                   paper-item-icon-color: '#EBEBEB'
                                   paper-item-icon-active-color: 'var(--accent-color)'
                                   
                                   # Sidebar
                                   sidebar-background-color: 'var(--background-color)'
                                   sidebar-icon-color: '#98a7b9'
                                   sidebar-selected-icon-color: 'var(--accent-color)'
                                   sidebar-selected-text-color: 'var(--text-color)'
                                   paper-listbox-background-color: 'var(--sidebar-background-color)'
                                   divider-color: 'var(--background-color)'
                                   light-primary-color: 'var(--ha-card-background)'
                                  
                                   # Sliders
                                   paper-slider-knob-color: 'var(--accent-color)'
                                   paper-slider-pin-color: 'var(--background-color-2)'
                                   paper-slider-active-color: 'var(--accent-color)'
                                   paper-slider-container-color: 'var(--background-color-2)'
                                  
                                   # Toggle:
                                   paper-toggle-button-checked-bar-color: 'var(--accent-color)'
                                   mdc-theme-primary: 'var(--accent-color)'
                                  
                                   # Switch
                                   switch-unchecked-color: '#70889e'
                                   switch-checked-button-color: 'var(--accent-color)'
                                   switch-unchecked-track-color: 'var(--background-color-2)'
                                   switch-checked-track-color: 'var(--background-color-2)'
                                  
                                   # Radio Button
                                   paper-radio-button-checked-color: 'var(--accent-color)'
                                  
                                   # Popups
                                   more-info-header-background: 'var(--secondary-background-color)'
                                   paper-dialog-background-color: 'var(--background-color)' #'rgba(47,59,82,0.4)'
                                  
                                   # Tables
                                   table-row-background-color: 'var(--background-color)'
                                   table-row-alternative-background-color: 'var(--ha-card-background)'
                                  
                                   # Badges
                                   label-badge-background-color: 'var(--background-color)'
                                   label-badge-text-color: 'var(--text-primary-color)'
                                   label-badge-red: 'rgba(73,85,108,1)'
                                   label-badge-blue: 'rgba(26,137,245,1)'
                                   label-badge-green: 'rgba(0,202,139,1)'
                                   label-badge-yellow: 'rgba(222,176,107,1)'
                                  
                                   paper-input-container-focus-color: 'var(--accent-color)'
                                   
                                   # Custom Header
                                   ch-background: 'var(--background-color)'
                                   ch-active-tab-color: 'var(--accent-color)'
                                   ch-notification-dot-color: 'var(--accent-color)'
                                   ch-all-tabs-color: 'var(--sidebar-icon-color)'
                                   ch-tab-indicator-color: 'var(--accent-color)'
                                  
                                   # Mini Mediaplayer
                                   mini-media-player-base-color: 'var(--text-color)'
                                   mini-media-player-accent-color: 'var(--accent-color)'
                                  

                                  Meine Custom-Cards

                                   - type: module
                                     url: /cards/accuweather-card.js
                                   - type: module
                                     url: /cards/button-card.js
                                   - type: module
                                     url: /cards/card-mod.js
                                   - type: module
                                     url: /cards/stack-in-card.js
                                   - type: module
                                     url: /cards/theme-maker.js
                                   - type: module
                                     url: /cards/vertical-stack-in-card.js
                                  
                                  

                                  Die Blocklys kann ich leider nicht Posten. Dann bekomme ich die Meldung, dass die maximale länge des Posts überschritten wird....

                                  1 Reply Last reply Reply Quote 1
                                  • H
                                    haumichel @Guest last edited by

                                    @philo686
                                    Hallo,
                                    kannst du mir sagen, welche "battery-entity" du genau genommen hast? Ich bekomme die, die ich von GitHub bezogen habe, nicht in Lovelace eingebunden. Egal was ich auch mache, es gibt folgende Fehlermeldung:
                                    Custom element doesn't exist: battery-entity.
                                    Ich kann mich erinnern, dass es auf GitHub mal eine "button-card" gab, die schlichtweg kaputt war.

                                    Vielen Dank

                                    ? 1 Reply Last reply Reply Quote 0
                                    • dontobi
                                      dontobi last edited by

                                      Anbei ein Script für die Anzeige der Pollenflug daten, vom gleichnamigen Adapter.

                                      Hier der Code des Scripts. Wer es für sich anpassen möchte, sollte das Objekt (Zeile 4 und 15) und die Region (Zeile 22 und 23) anpassen.

                                      // Pollenflug - Aufbereitung der Daten für die Anzeige in der Lovelace UI
                                      
                                      createState('javascript.0.Lovelace.pollenflug', { name: 'Pollenflug - HTML', type: 'string', read: true, write: true, });
                                      
                                      // Um 11:00 Uhr werden die Adapter-Daten aktualisiert - 11:05 Uhr werden die HTML-Daten neu erzeugt
                                      schedule("5 11 * * *", async function () {
                                          let htmlStr = '';
                                          let pollen =['Ambrosia','Beifuss','Birke','Erle','Esche','Graeser','Hasel','Roggen'];
                                          htmlStr = ['<table style="width: 100%;"><tbody><tr><td width=100%><b><font size="3">Typ</b></td></font><td ALIGN="CENTER"><b><font size="3">Heute</td><td><b><font size="3">Morgen</td></b></font></tr><tr><td colspan="3"><hr></dt></tr>'].join('');
                                          for (let j = 0; j< pollen.length ; j++) {
                                              htmlStr = htmlStr + auswertung(pollen[j]);
                                          }
                                          htmlStr = htmlStr + ['</tbody></table>'].join('');
                                          setState('javascript.0.Lovelace.pollenflug', htmlStr, true);
                                      });
                                      
                                      function auswertung(name){
                                          let html = '';
                                          let farbe_heute = '';
                                          let farbe_morgen = '';
                                          const heute = getState('pollenflug.0.region#101.'+name+'.index_today').val;
                                          const morgen = getState('pollenflug.0.region#101.'+name+'.index_tomorrow').val;
                                          // Berechnung Pollenflug heute
                                          if (heute == 0) {
                                              farbe_heute = '#00FF00';
                                          } else if (heute == 1) {
                                              farbe_heute = '#FFFF00';
                                          } else if (heute == 2) {
                                              farbe_heute = '#FFCC00';
                                          } else if (heute == 3) {
                                              farbe_heute = '#FF9900';
                                          } else if (heute == 4) {
                                              farbe_heute = '#FF6600';
                                          } else if (heute == 5) {
                                              farbe_heute = '#FF3300';
                                          } else if (heute == 6) {
                                              farbe_heute = '#FF0000';
                                          }
                                          // Berechnung Pollenflug morgen
                                          if (morgen == 0) {
                                              farbe_morgen = '#00FF00';
                                          } else if (morgen == 1) {
                                              farbe_morgen = '#FFFF00';
                                          } else if (morgen == 2) {
                                              farbe_morgen = '#FFCC00';
                                          } else if (morgen == 3) {
                                              farbe_morgen = '#FF9900';
                                          } else if (morgen == 4) {
                                              farbe_morgen = '#FF6600';
                                          } else if (morgen == 5) {
                                              farbe_morgen = '#FF3300';
                                          } else if (morgen == 6) {
                                              farbe_morgen = '#FF0000';
                                          }
                                          // Setze die Daten zusammen
                                          html = ['<tr><td><b>',name,'</b>','</td><td ALIGN="CENTER"><font size="3" color=',farbe_heute,'>●</font></td><td ALIGN="CENTER"><font size="3" color=',farbe_morgen,'>●</font></td></tr>'].join('');
                                          return html;
                                      }
                                      

                                      Ergebnis sieht dann so aus.
                                      4dfb5051-0946-4ba9-815f-c3f5edc29217-image.png

                                      1 Reply Last reply Reply Quote 1
                                      • ?
                                        A Former User @haumichel last edited by

                                        @haumichel Sry für meine späte Rückmeldung, war ewig nicht mehr im Forum... soweit ich mich erinnern kann war das folgende: https://github.com/cbulock/lovelace-battery-entity/blob/master/README.md

                                        1 Reply Last reply Reply Quote 0
                                        • M
                                          MaHzeL @M1R0O last edited by

                                          @m1r0o
                                          Hallo,
                                          Darf ich fragen wie ich die App Header Toolbar Farbe ändern kann?
                                          Die ist immer dieses Standard blau.
                                          Trotz des Parameters im Theme
                                          Header app-header-background-color:

                                          Bitte um Hilfe. Danke

                                          1 Reply Last reply Reply Quote 0
                                          • Feuersturm
                                            Feuersturm last edited by Feuersturm

                                            Hallo zusammen,

                                            ich bin gerade dabei die "Willkommensseite" von der ioBroker Doku zu überarbeiten (https://forum.iobroker.net/topic/51919/brainstorming-doku-abschnitt-willkommen/11)

                                            Ich bin aktuell dabei das Kapitel "Visualisierung" zu überarbeiten.
                                            Den aktuellen Entwurfsstand für Lovelace findet ihr hier:
                                            https://github.com/Feuer-sturm/ioBroker.docs/blob/FS-welcome/docs/de/README.md#lovelace

                                            Ich suche weiteren Input für die Doku und würde mich über Rückmeldungen zu den folgenden Themen freuen:

                                            • Kurzbeschreibung / Merkmale von Lovelace ( @Garfonso Kannst du hier unterstützen?)
                                            • Eure Lovelace Views welche in die Doku als Beispiel eingettet werden können und einem Besucher helfen einen ersten Eindruck von Lovelace zu bekommen
                                            David G. Garfonso 2 Replies Last reply Reply Quote 1
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            807
                                            Online

                                            31.9k
                                            Users

                                            80.2k
                                            Topics

                                            1.3m
                                            Posts

                                            template vis
                                            32
                                            109
                                            32230
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo