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

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Zeigt her eure Lovelace-Visualisierung

    This topic has been deleted. Only users with topic management privileges can see it.
    • JB1985
      JB1985 @David G. last edited by

      @David-G funktioniert mittlerweile nach einem reboot.

      1 Reply Last reply Reply Quote 0
      • 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 1 Reply 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
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            207
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

                                            template vis
                                            31
                                            98
                                            30109
                                            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