Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. Test Adapter lovelace v0.2.x

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.3k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.9k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.3k

Test Adapter lovelace v0.2.x

Geplant Angeheftet Gesperrt Verschoben Tester
testcall for actionlovelacevisualisierung
1.1k Beiträge 131 Kommentatoren 383.2k Aufrufe 99 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • E ecki945

    wie bekomme ich so einen Schieberegler (Für seine Rollläden) hin wie Ihn @dontobi bei seinen Beispielbildern weiter oben im Thread ?

    dontobiD Offline
    dontobiD Offline
    dontobi
    schrieb am zuletzt editiert von
    #170

    @ecki945 Definiere einfach für die Variable ein input_number (Lovelace). Das sollte reichen. Die Variable sollte aber bereits ein min und max, sowie die unit als Parameter haben.

    Smart Home Zentrale: Raspberry Pi 4 4GB
    Meine Homepage: https://www.myHome.zone

    1 Antwort Letzte Antwort
    0
    • W WW1983

      @Scrounger

      hier sind die RAW Daten vom Hue-Level-Datenpunkt. Diesen habe ich zwar auf min=0 und max=255 angepasst. Allerdings kann ich trotzdem keinen größeren Wert als 100 eintragen. Das scheint das Problem zu sein. Der Datenpunkt Dimmer steht aber auf 255

      {
        "from": "system.adapter.hue.0",
        "user": "system.user.admin",
        "ts": 1567620122500,
        "common": {
          "name": "Philips_hue.Lampe_am_Sofa.level",
          "type": "number",
          "role": "level.dimmer",
          "min": 0,
          "max": 255,
          "read": true,
          "write": true,
          "custom": {
            "lovelace.0": {
              "enabled": true,
              "entity": "light",
              "name": "dimmer"
            }
          }
        },
        "native": {
          "id": "3"
        },
        "acl": {
          "object": 1638,
          "owner": "system.user.admin",
          "ownerGroup": "system.group.administrator",
          "state": 1638
        },
        "_id": "hue.0.Philips_hue.Lampe_am_Sofa.level",
        "type": "state"
      }
      
      ScroungerS Offline
      ScroungerS Offline
      Scrounger
      Developer
      schrieb am zuletzt editiert von
      #171

      @WW1983
      Die Daten sehen in Ordnung aus.
      Mach mal nen screenshot in der Adaptereinstellung, Tab "Entities" mit "Show Attributes" von diesem Datenpunkt.

      Das müsste dann so aussehen
      ae2fd1a5-5eb6-4920-846e-f9b31bb6b59d-grafik.png
      allerdings sollte bei dir der iob_max 255 sein.

      <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

      <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

      W 1 Antwort Letzte Antwort
      0
      • ScroungerS Scrounger

        @WW1983
        Die Daten sehen in Ordnung aus.
        Mach mal nen screenshot in der Adaptereinstellung, Tab "Entities" mit "Show Attributes" von diesem Datenpunkt.

        Das müsste dann so aussehen
        ae2fd1a5-5eb6-4920-846e-f9b31bb6b59d-grafik.png
        allerdings sollte bei dir der iob_max 255 sein.

        W Offline
        W Offline
        WW1983
        schrieb am zuletzt editiert von
        #172

        @Scrounger
        das sieht bei mir etwas anders aus:Unbenannt.PNG

        ScroungerS 1 Antwort Letzte Antwort
        0
        • W WW1983

          @Scrounger
          das sieht bei mir etwas anders aus:Unbenannt.PNG

          ScroungerS Offline
          ScroungerS Offline
          Scrounger
          Developer
          schrieb am zuletzt editiert von Scrounger
          #173

          @WW1983
          laut deinen oben gepostet raw daten muss der entity eigentlicht den namen 'light.dimmer' besitzen und es müsste auch die iob id dargestellt werden.
          Du hast nicht die aktuelle version von github, sonst würde das so wie auf meinem screenshot aussehen

          <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

          <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

          W 1 Antwort Letzte Antwort
          0
          • marcusklM Offline
            marcusklM Offline
            marcuskl
            schrieb am zuletzt editiert von
            #174

            Hat jemand schon RGB eingebunden bekommen ?

            Host: Intel Nuc6cayh (16GB Ram, 240GB SSD) mit Proxmox.

            Iobroker VM, InfluxDB LXC, Pihole LXC, Tasmoadmin LXC, Easy2connect VM

            marcusklM 1 Antwort Letzte Antwort
            0
            • ScroungerS Scrounger

              @WW1983
              laut deinen oben gepostet raw daten muss der entity eigentlicht den namen 'light.dimmer' besitzen und es müsste auch die iob id dargestellt werden.
              Du hast nicht die aktuelle version von github, sonst würde das so wie auf meinem screenshot aussehen

              W Offline
              W Offline
              WW1983
              schrieb am zuletzt editiert von
              #175

              @Scrounger
              komisch. Habe eigentlich erst vor paar Tagen neu installiert. Aber ist ein guter Hinweis. Vielleicht funktionieren bei mir deshalb andere Datenpunkte nicht.

              Verständnisfrage:
              Ich installier doch einfach nur über den Link. Oder muss ich noch was dabei beachten?

              ScroungerS 1 Antwort Letzte Antwort
              0
              • W WW1983

                @Scrounger
                komisch. Habe eigentlich erst vor paar Tagen neu installiert. Aber ist ein guter Hinweis. Vielleicht funktionieren bei mir deshalb andere Datenpunkte nicht.

                Verständnisfrage:
                Ich installier doch einfach nur über den Link. Oder muss ich noch was dabei beachten?

                ScroungerS Offline
                ScroungerS Offline
                Scrounger
                Developer
                schrieb am zuletzt editiert von
                #176

                @WW1983
                So gehts:
                github.gif

                <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                W 1 Antwort Letzte Antwort
                1
                • ScroungerS Scrounger

                  @WW1983
                  So gehts:
                  github.gif

                  W Offline
                  W Offline
                  WW1983
                  schrieb am zuletzt editiert von
                  #177

                  @Scrounger
                  Danke dir!

                  Bildschirmfoto 2019-09-12 um 20.44.23.png

                  So sieht es nun aus. Allerdings habe ich immer noch das selbe Problem. Zudem kann ich keine anderen Datenpunkte als Light einfügen.

                  ScroungerS 2 Antworten Letzte Antwort
                  0
                  • W WW1983

                    @Scrounger
                    Danke dir!

                    Bildschirmfoto 2019-09-12 um 20.44.23.png

                    So sieht es nun aus. Allerdings habe ich immer noch das selbe Problem. Zudem kann ich keine anderen Datenpunkte als Light einfügen.

                    ScroungerS Offline
                    ScroungerS Offline
                    Scrounger
                    Developer
                    schrieb am zuletzt editiert von
                    #178

                    @WW1983
                    So das hilft weiter. Der von dir geziegt Datenpunkt 'light.Philips_hue_...' wurde von dem TypeDetector gefunden und nicht manuell angelegt.
                    Mein BugFix funktioniert aktuell nur für einen manuell angelegten entity.
                    Erstell mal einen manuell light entity von dem Datenpunkt für lovelace. Dann müsste es eigentlich klappen.

                    <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                    <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                    1 Antwort Letzte Antwort
                    0
                    • W WW1983

                      @Scrounger
                      Danke dir!

                      Bildschirmfoto 2019-09-12 um 20.44.23.png

                      So sieht es nun aus. Allerdings habe ich immer noch das selbe Problem. Zudem kann ich keine anderen Datenpunkte als Light einfügen.

                      ScroungerS Offline
                      ScroungerS Offline
                      Scrounger
                      Developer
                      schrieb am zuletzt editiert von Scrounger
                      #179

                      @WW1983
                      Habs mir angeschaut, ist ein Bug. Hab es gefixt und einen PR erstellt.
                      Wer nicht warten möchte bis @Bluefox den PR gemerged hat, kann sich lovelace von meinem Fork installieren:
                      https://github.com/Scrounger/ioBroker.lovelace

                      Anleitung wie ein Dimmer funktioniert (geht nur mit manuel entity!):

                      Manuellen Entity einrichten
                      dp_einrichten.gif

                      Lovelace dimmer einrichten:
                      lovelace.gif

                      <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                      <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                      1 Antwort Letzte Antwort
                      2
                      • marcusklM marcuskl

                        Hat jemand schon RGB eingebunden bekommen ?

                        marcusklM Offline
                        marcusklM Offline
                        marcuskl
                        schrieb am zuletzt editiert von
                        #180

                        @marcuskl sagte in [Aufruf] Test lovelace Adapter:

                        Hat jemand schon RGB eingebunden bekommen ?

                        Ist es schon möglich RGB in Lovelace zu steuern ??

                        Host: Intel Nuc6cayh (16GB Ram, 240GB SSD) mit Proxmox.

                        Iobroker VM, InfluxDB LXC, Pihole LXC, Tasmoadmin LXC, Easy2connect VM

                        1 Antwort Letzte Antwort
                        0
                        • E Offline
                          E Offline
                          ecki945
                          schrieb am zuletzt editiert von
                          #181

                          @all Gibt es irgendwo im www noch Lesestoff für die Konfiguration des Adapters?

                          Tue mich sehr schwer mit dem Einrichten. Würde z.B. gerne so ne Ansicht für die Rollladen einrichten.
                          bec5dacb-09b5-4976-9214-b6bd83dad236-grafik.png
                          3a279ed1-68c2-4571-baf6-47ea9b79b234-grafik.png

                          Auf Github, der Home Assistant Seite oder Youtube gibt es zu genug fertige Sachen. Doch ich verstehe es nicht wie ich sowas einbinde.

                          Gruß

                          ScroungerS 1 Antwort Letzte Antwort
                          0
                          • E ecki945

                            @all Gibt es irgendwo im www noch Lesestoff für die Konfiguration des Adapters?

                            Tue mich sehr schwer mit dem Einrichten. Würde z.B. gerne so ne Ansicht für die Rollladen einrichten.
                            bec5dacb-09b5-4976-9214-b6bd83dad236-grafik.png
                            3a279ed1-68c2-4571-baf6-47ea9b79b234-grafik.png

                            Auf Github, der Home Assistant Seite oder Youtube gibt es zu genug fertige Sachen. Doch ich verstehe es nicht wie ich sowas einbinde.

                            Gruß

                            ScroungerS Offline
                            ScroungerS Offline
                            Scrounger
                            Developer
                            schrieb am zuletzt editiert von
                            #182

                            @ecki945
                            Such Mal nach input_number, damit kannst dein vorhaben realisieren.

                            <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                            <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                            1 Antwort Letzte Antwort
                            0
                            • ScroungerS Offline
                              ScroungerS Offline
                              Scrounger
                              Developer
                              schrieb am zuletzt editiert von Scrounger
                              #183

                              Hier mal ein paar Beispiele, was ich so mit lovelace realisiert habe.

                              Hauptsächlich verwende ich die button-card, da diese sehr viel Flexibilität ermöglicht und man so mit manuellen entities sehr gut arbeiten kann.

                              Anwesenheit
                              anwesenheit.png

                              type: horizontal-stack
                              cards:
                                - type: 'custom:vertical-stack-in-card'
                                  cards:
                                    - type: 'custom:button-card'
                                      entity: sensor.Netzwerk_Devices_Tussi_Anwesend
                                      layout: vertical
                                      show_name: true
                                      show_last_changed: true
                                      show_entity_picture: true
                                      show_icon: false
                                      tap_action:
                                        action: none
                                      styles:
                                        label:
                                          - font-size: small
                                          - font-style: italic
                                          - color: '#a1a1a1'
                                      state:
                                        - value: true
                                          entity_picture: /static/myimages/tussi_presence.png
                                          name: anwesend
                                        - value: false
                                          entity_picture: /static/myimages/tussi_presence.png
                                          name: abwesend
                                          styles:
                                            icon:
                                              - filter: grayscale(100%)
                                    - type: 'custom:button-card'
                                      entity: sensor.Netzwerk_Devices_Tussi_Anwesend
                                      show_name: false
                                      show_icon: false
                                      styles:
                                        card:
                                          - width: 100%
                                          - padding: 2px
                                      state:
                                        - value: true
                                          styles:
                                            card:
                                              - background: green
                                        - value: false
                                          styles:
                                            card:
                                              - background: FireBrick
                                - type: 'custom:vertical-stack-in-card'
                                  cards:
                                    - type: 'custom:button-card'
                                      entity: sensor.Netzwerk_Devices_Handy_Anwesend
                                      layout: vertical
                                      show_name: true
                                      show_last_changed: true
                                      show_entity_picture: true
                                      show_icon: false
                                      tap_action:
                                        action: none
                                      styles:
                                        label:
                                          - font-size: small
                                          - font-style: italic
                                          - color: '#a1a1a1'
                                      state:
                                        - value: true
                                          entity_picture: /static/myimages/ich_presence.png
                                          name: anwesend
                                        - value: false
                                          entity_picture: /static/myimages/ich_presence.png
                                          name: abwesend
                                          styles:
                                            icon:
                                              - filter: grayscale(100%)
                                    - type: 'custom:button-card'
                                      entity: sensor.Netzwerk_Devices_Handy_Anwesend
                                      show_name: false
                                      show_icon: false
                                      styles:
                                        card:
                                          - width: 100%
                                          - padding: 2px
                                      state:
                                        - value: true
                                          styles:
                                            card:
                                              - background: green
                                        - value: false
                                          styles:
                                            card:
                                              - background: FireBrick
                              

                              Fenster
                              windows.png

                              type: horizontal-stack
                              cards:
                                - type: 'custom:vertical-stack-in-card'
                                  cards:
                                    - type: 'custom:button-card'
                                      entity: sensor.Sensoren_Fenster_Bad_Offen
                                      layout: vertical
                                      show_name: false
                                      show_entity_picture: true
                                      show_icon: false
                                      show_last_changed: true
                                      tap_action:
                                        action: none
                                      styles:
                                        label:
                                          - font-size: small
                                          - font-style: italic
                                          - color: '#a1a1a1'
                                      state:
                                        - value: true
                                          entity_picture: /static/myimages/window_open.png
                                          name: offen
                                          show_last_changed: true
                                        - value: false
                                          entity_picture: /static/myimages/window_closed.png
                                          name: geschlossen
                                          show_last_changed: false
                                - type: 'custom:vertical-stack-in-card'
                                  cards:
                                    - type: 'custom:button-card'
                                      entity: sensor.Sensoren_Fenster_WC_Offen
                                      layout: vertical
                                      show_name: false
                                      show_entity_picture: true
                                      show_icon: false
                                      show_last_changed: true
                                      tap_action:
                                        action: none
                                      styles:
                                        label:
                                          - font-size: small
                                          - font-style: italic
                                          - color: '#a1a1a1'
                                      state:
                                        - value: true
                                          entity_picture: /static/myimages/window_open.png
                                          name: offen
                                          show_last_changed: true
                                        - value: false
                                          entity_picture: /static/myimages/window_closed.png
                                          name: geschlossen
                                          show_last_changed: false
                              
                              

                              Licht - Schalter
                              light_switch.gif

                              type: vertical-stack
                              cards:
                                - type: horizontal-stack
                                  cards:
                                    - type: 'custom:vertical-stack-in-card'
                                      cards:
                                        - type: entity-button
                                          tap_action:
                                            action: toggle
                                          hold_action:
                                            action: more-info
                                          show_icon: true
                                          show_name: true
                                          entity: light.Licht_Flur_Main_An
                                          name: Flur
                                        - type: horizontal-stack
                                          cards:
                                            - type: 'custom:button-card'
                                              entity: sensor.Licht_Flur_Main_Leistung
                                              layout: vertical
                                              show_name: true
                                              show_icon: false
                                              show_state: false
                                              show_label: true
                                              name: Leistung
                                              label: |
                                                [[[
                                                  if(entity.state > 0)
                                                    return (entity.state + " " + entity.attributes.unit_of_measurement);
                                                  else
                                                    return "0 " + entity.attributes.unit_of_measurement;
                                                ]]]
                                              styles:
                                                card:
                                                  - background: '#a1a1a1'
                                                  - border-radius: 0px
                                                  - height: 50px
                                                name:
                                                  - font-size: x-small
                                                  - color: '#44739e'
                                                  - font-weight: bold
                                                  - font-style: oblique
                                                state:
                                                  - font-size: smaller
                                                label:
                                                  - font-size: smaller
                                            - type: 'custom:button-card'
                                              entity: sensor.Verbrauchszaehler_Licht_Flur_Main_Verbrauch_Tag
                                              layout: vertical
                                              show_name: true
                                              show_icon: false
                                              show_state: false
                                              show_label: true
                                              name: Heute
                                              label: |
                                                [[[ return entity.state * 1000 + ' Wh']]]                
                                              styles:
                                                card:
                                                  - background: '#a1a1a1'
                                                  - border-radius: 0px
                                                  - height: 50px
                                                name:
                                                  - font-size: x-small
                                                  - color: '#44739e'
                                                  - font-weight: bold
                                                  - font-style: oblique
                                                state:
                                                  - font-size: smaller
                                                label:
                                                  - font-size: smaller
                                            - type: 'custom:button-card'
                                              entity: sensor.Verbrauchszaehler_Licht_Flur_Main_Kosten_Jahr
                                              layout: vertical
                                              show_name: true
                                              show_icon: false
                                              show_state: false
                                              show_label: true
                                              name: Jahr
                                              label: |
                                                [[[
                                                  if(entity.state > 0)
                                                    return (entity.state + " " + entity.attributes.unit_of_measurement);
                                                  else
                                                    return "0 " + entity.attributes.unit_of_measurement;
                                                ]]]   
                                              styles:
                                                card:
                                                  - background: '#a1a1a1'
                                                  - border-radius: 0px
                                                  - height: 50px
                                                name:
                                                  - font-size: x-small
                                                  - color: '#44739e'
                                                  - font-weight: bold
                                                  - font-style: oblique
                                                state:
                                                  - font-size: smaller
                                                label:
                                                  - font-size: smaller
                                    - type: 'custom:vertical-stack-in-card'
                                      cards:
                                        - type: entity-button
                                          tap_action:
                                            action: toggle
                                          hold_action:
                                            action: more-info
                                          show_icon: true
                                          show_name: true
                                          entity: light.Licht_Flur_Nische_An
                                          name: Nische
                                        - type: horizontal-stack
                                          cards:
                                            - type: 'custom:button-card'
                                              entity: sensor.Licht_Flur_Nische_Leistung
                                              layout: vertical
                                              show_name: true
                                              show_icon: false
                                              show_state: false
                                              show_label: true
                                              name: Leistung
                                              label: |
                                                [[[
                                                  if(entity.state > 0)
                                                    return (entity.state + " " + entity.attributes.unit_of_measurement);
                                                  else
                                                    return "0 " + entity.attributes.unit_of_measurement;
                                                ]]]
                                              styles:
                                                card:
                                                  - background: '#a1a1a1'
                                                  - border-radius: 0px
                                                  - height: 50px
                                                name:
                                                  - font-size: x-small
                                                  - color: '#44739e'
                                                  - font-weight: bold
                                                  - font-style: oblique
                                                state:
                                                  - font-size: smaller
                                                label:
                                                  - font-size: smaller
                                            - type: 'custom:button-card'
                                              entity: sensor.Verbrauchszaehler_Licht_Flur_Nische_Verbrauch_Tag
                                              layout: vertical
                                              show_name: true
                                              show_icon: false
                                              show_state: false
                                              show_label: true
                                              name: Heute
                                              label: |
                                                [[[ return entity.state * 1000 + ' Wh']]]                
                                              styles:
                                                card:
                                                  - background: '#a1a1a1'
                                                  - border-radius: 0px
                                                  - height: 50px
                                                name:
                                                  - font-size: x-small
                                                  - color: '#44739e'
                                                  - font-weight: bold
                                                  - font-style: oblique
                                                state:
                                                  - font-size: smaller
                                                label:
                                                  - font-size: smaller
                                            - type: 'custom:button-card'
                                              entity: sensor.Verbrauchszaehler_Licht_Flur_Nische_Kosten_Jahr
                                              layout: vertical
                                              show_name: true
                                              show_icon: false
                                              show_state: false
                                              show_label: true
                                              name: Jahr
                                              label: |
                                                [[[
                                                  if(entity.state > 0)
                                                    return (entity.state + " " + entity.attributes.unit_of_measurement);
                                                  else
                                                    return "0 " + entity.attributes.unit_of_measurement;
                                                ]]]   
                                              styles:
                                                card:
                                                  - background: '#a1a1a1'
                                                  - border-radius: 0px
                                                  - height: 50px
                                                name:
                                                  - font-size: x-small
                                                  - color: '#44739e'
                                                  - font-weight: bold
                                                  - font-style: oblique
                                                state:
                                                  - font-size: smaller
                                                label:
                                                  - font-size: smaller
                              

                              Licht - Dimmer
                              light_dimmer.gif

                              type: 'custom:vertical-stack-in-card'
                              title: Esszimmer
                              cards:
                                - type: horizontal-stack
                                  cards:
                                    - type: light
                                      entity: light.Licht_Esszimmer_Links_Dimmer
                                      name: Links
                                    - type: light
                                      entity: light.Licht_Esszimmer_Rechts_Dimmer
                                      name: Rechts
                                - type: horizontal-stack
                                  cards:
                                    - type: 'custom:button-card'
                                      entity: sensor.Licht_Esszimmer_Gruppe_SummeLeistung
                                      layout: vertical
                                      show_name: true
                                      show_icon: false
                                      show_state: false
                                      show_label: true
                                      name: Leistung
                                      label: |
                                        [[[
                                          if(entity.state > 0)
                                            return (entity.state + " " + entity.attributes.unit_of_measurement);
                                          else
                                            return "0 " + entity.attributes.unit_of_measurement;
                                        ]]]
                                      styles:
                                        card:
                                          - background: '#a1a1a1'
                                          - border-radius: 0px
                                          - height: 50px
                                        name:
                                          - font-size: x-small
                                          - color: '#44739e'
                                          - font-weight: bold
                                          - font-style: oblique
                                        state:
                                          - font-size: smaller
                                        label:
                                          - font-size: smaller
                                    - type: 'custom:button-card'
                                      entity: sensor.Verbrauchszaehler_Licht_Esszimmer_Gruppe_Verbrauch_Tag
                                      layout: vertical
                                      show_name: true
                                      show_icon: false
                                      show_state: false
                                      show_label: true
                                      name: Heute
                                      label: |
                                        [[[ return entity.state * 1000 + ' Wh']]]                
                                      styles:
                                        card:
                                          - background: '#a1a1a1'
                                          - border-radius: 0px
                                          - height: 50px
                                        name:
                                          - font-size: x-small
                                          - color: '#44739e'
                                          - font-weight: bold
                                          - font-style: oblique
                                        state:
                                          - font-size: smaller
                                        label:
                                          - font-size: smaller
                                    - type: 'custom:button-card'
                                      entity: sensor.Verbrauchszaehler_Licht_Esszimmer_Gruppe_Kosten_Jahr
                                      layout: vertical
                                      show_name: true
                                      show_icon: false
                                      show_state: false
                                      show_label: true
                                      name: Jahr
                                      label: |
                                        [[[
                                          if(entity.state > 0)
                                            return (entity.state + " " + entity.attributes.unit_of_measurement);
                                          else
                                            return "0 " + entity.attributes.unit_of_measurement;
                                        ]]]   
                                      styles:
                                        card:
                                          - background: '#a1a1a1'
                                          - border-radius: 0px
                                          - height: 50px
                                        name:
                                          - font-size: x-small
                                          - color: '#44739e'
                                          - font-weight: bold
                                          - font-style: oblique
                                        state:
                                          - font-size: smaller
                                        label:
                                          - font-size: smaller
                              

                              Geräte
                              devices.png

                              type: 'custom:vertical-stack-in-card'
                              cards:
                                - type: 'custom:button-card'
                                  entity: switch.Netzwerk_Devices_MusicCast_Esszimmer_An
                                  layout: vertical
                                  show_name: false
                                  show_entity_picture: true
                                  tap_action:
                                    action: toggle
                                  size: 30%
                                  state:
                                    - value: 'on'
                                      entity_picture: /static/myimages/MusicCast-WX-030.png
                                      styles:
                                        card:
                                          - background: LemonChiffon
                                    - value: 'off'
                                      entity_picture: /static/myimages/MusicCast-WX-030.png
                                - type: 'custom:button-card'
                                  entity: sensor.Netzwerk_Devices_MusicCast_Esszimmer_PowerStatus
                                  show_name: false
                                  show_icon: false
                                  tap_action:
                                    action: none
                                  styles:
                                    card:
                                      - width: 100%
                                      - padding: 2px
                                      - margin-top: '-10px'
                                  state:
                                    - value: An
                                      styles:
                                        card:
                                          - background: green
                                    - value: Aus
                                      styles:
                                        card:
                                          - background: FireBrick
                                    - value: Boot
                                      styles:
                                        card:
                                          - background: MediumSeaGreen
                                          - animation: blink 2s ease infinite
                                    - value: Standby
                                      styles:
                                        card:
                                          - background: Orange
                                    - value: Enter Standby
                                      styles:
                                        card:
                                          - background: Orange
                                          - animation: blink 2s ease infinite
                                    - value: Leave Standby
                                      styles:
                                        card:
                                          - background: Orange
                                          - animation: blink 2s ease infinite
                                - type: horizontal-stack
                                  cards:
                                    - type: 'custom:button-card'
                                      entity: sensor.Netzwerk_Devices_MusicCast_Esszimmer_PowerStatus
                                      layout: vertical
                                      show_name: true
                                      show_icon: false
                                      show_state: true
                                      name: Status
                                      styles:
                                        card:
                                          - background: '#a1a1a1'
                                          - border-radius: 0px
                                          - height: 50px
                                        name:
                                          - font-size: x-small
                                          - color: '#44739e'
                                          - font-weight: bold
                                          - font-style: oblique
                                        state:
                                          - font-size: smaller
                                    - type: 'custom:button-card'
                                      entity: sensor.Schalter_Esszimmer_MusicCast_Leistung
                                      layout: vertical
                                      show_name: true
                                      show_icon: false
                                      show_state: true
                                      show_label: true
                                      name: Leistung
                                      styles:
                                        card:
                                          - background: '#a1a1a1'
                                          - border-radius: 0px
                                          - height: 50px
                                        name:
                                          - font-size: x-small
                                          - color: '#44739e'
                                          - font-weight: bold
                                          - font-style: oblique
                                        state:
                                          - font-size: smaller
                                        label:
                                          - font-size: smaller
                                      state:
                                        - value: 0
                                          label: 0 W
                                    - type: 'custom:button-card'
                                      entity: sensor.Verbrauchszaehler_Schalter_Esszimmer_MusicCast_Kosten_Jahr
                                      layout: vertical
                                      show_name: true
                                      show_icon: false
                                      show_state: true
                                      show_label: true
                                      name: Jahr
                                      styles:
                                        card:
                                          - background: '#a1a1a1'
                                          - border-radius: 0px
                                          - height: 50px
                                        name:
                                          - font-size: x-small
                                          - color: '#44739e'
                                          - font-weight: bold
                                          - font-style: oblique
                                        state:
                                          - font-size: smaller
                                        label:
                                          - font-size: smaller
                                      state:
                                        - value: 0
                                          label: 0 €
                                    - type: 'custom:button-card'
                                      entity: switch.Schalter_Esszimmer_MusicCast_An
                                      layout: vertical
                                      show_name: false
                                      styles:
                                        card:
                                          - background: '#a1a1a1'
                                          - border-radius: 0px
                                          - height: 50px
                              

                              system.png

                              type: 'custom:vertical-stack-in-card'
                              cards:
                                - type: 'custom:button-card'
                                  name: System
                                  show_entity_picture: true
                                  entity_picture: /static/myimages/nuc.png
                                  styles:
                                    card:
                                      - height: 60px
                                      - padding: 0px
                                      - margin: 0px
                                    grid:
                                      - grid-template-areas: '"n i"'
                                      - grid-template-columns: 1fr 30%
                                    name:
                                      - justify-self: start
                                      - padding-left: 20px
                                      - color: '#0277bd'
                                      - font-size: x-large
                                    entity_picture:
                                      - padding-right: 20px
                                      - padding-top: 6px
                                      - padding-bottom: 6px
                                    img_cell:
                                      - justify-content: flex-end
                                - type: divider
                                  style:
                                    height: 4px
                                    background: '#0277bd'
                                - type: divider
                                  style:
                                    height: 6px
                                - type: horizontal-stack
                                  cards:
                                    - type: 'custom:button-card'
                                      layout: icon_name
                                      name: CPU
                                      show_icon: true
                                      show_state: false
                                      icon: 'mdi:raspberry-pi'
                                      styles:
                                        card:
                                          - height: 100%
                                          - width: 100%
                                          - min-width: 160px
                                        grid:
                                          - grid-template-areas: '"i n"'
                                          - grid-template-columns: 1fr 70%
                                        name:
                                          - justify-self: start
                                          - font-size: smaller
                                          - margin: 0px
                                        icon:
                                          - color: '#0277bd'
                                    - type: 'custom:bignumber-card'
                                      entity: sensor.System_CPU_Auslastung
                                      scale: 13px
                                      from: left
                                      min: 0
                                      max: 100
                                      severity:
                                        - value: 60
                                          style: green
                                        - value: 80
                                          style: Gold
                                        - value: 100
                                          style: FireBrick
                                - type: divider
                                  style:
                                    height: 6px
                                - type: horizontal-stack
                                  cards:
                                    - type: 'custom:button-card'
                                      layout: icon_name
                                      name: CPU ∅-Last
                                      show_icon: true
                                      show_state: false
                                      icon: 'mdi:raspberry-pi'
                                      styles:
                                        card:
                                          - height: 100%
                                          - width: 100%
                                          - min-width: 160px
                                        grid:
                                          - grid-template-areas: '"i n"'
                                          - grid-template-columns: 1fr 70%
                                        name:
                                          - justify-self: start
                                          - font-size: smaller
                                          - margin: 0px
                                        icon:
                                          - color: '#0277bd'
                                    - type: 'custom:bignumber-card'
                                      entity: sensor.System_CPU_Durchschnitt
                                      scale: 13px
                                      from: left
                                      min: 0
                                      max: 100
                                      severity:
                                        - value: 60
                                          style: green
                                        - value: 80
                                          style: Gold
                                        - value: 100
                                          style: FireBrick
                                - type: divider
                                  style:
                                    height: 6px
                                - type: horizontal-stack
                                  cards:
                                    - type: 'custom:button-card'
                                      layout: icon_name
                                      name: Arbeitsspeicher
                                      show_icon: true
                                      show_state: false
                                      show_label: true
                                      icon: 'mdi:memory'
                                      label: >-
                                        [[[ return (states["sensor.System_RAM_used"].state + " GB / " +
                                        states["sensor.System_RAM_total"].state + " GB") ]]]
                                      styles:
                                        card:
                                          - height: 100%
                                          - width: 100%
                                          - min-width: 160px
                                          - padding: 2px
                                        grid:
                                          - grid-template-areas: '"i n" "i l"'
                                          - grid-template-rows: min-content min-content
                                          - grid-template-columns: 1fr 72%
                                        name:
                                          - justify-self: start
                                          - font-size: smaller
                                          - margin: 0px
                                        label:
                                          - justify-self: start
                                          - font-size: x-small
                                          - margin: 0px
                                          - font-style: italic
                                          - color: '#0277bd'
                                        icon:
                                          - color: '#0277bd'
                                    - type: 'custom:bignumber-card'
                                      entity: sensor.System_RAM_usedPercent
                                      scale: 13px
                                      from: left
                                      min: 0
                                      max: 100
                                      severity:
                                        - value: 60
                                          style: green
                                        - value: 75
                                          style: Gold
                                        - value: 100
                                          style: FireBrick
                                - type: divider
                                  style:
                                    height: 6px
                                - type: horizontal-stack
                                  cards:
                                    - type: 'custom:button-card'
                                      layout: icon_name
                                      name: 'Win10 (C:)'
                                      show_icon: true
                                      show_state: false
                                      show_label: true
                                      icon: 'mdi:harddisk'
                                      label: >-
                                        [[[ return (states["sensor.System_Laufwerke_C_used"].state + " GB / "
                                        + states["sensor.System_Laufwerke_C_Size"].state + " GB") ]]]
                                      styles:
                                        card:
                                          - height: 100%
                                          - width: 100%
                                          - min-width: 160px
                                          - padding: 2px
                                        grid:
                                          - grid-template-areas: '"i n" "i l"'
                                          - grid-template-rows: min-content min-content
                                          - grid-template-columns: 1fr 72%
                                        name:
                                          - justify-self: start
                                          - font-size: smaller
                                          - margin: 0px
                                        label:
                                          - justify-self: start
                                          - font-size: x-small
                                          - margin: 0px
                                          - font-style: italic
                                          - color: '#0277bd'
                                        icon:
                                          - color: '#0277bd'
                                    - type: 'custom:bignumber-card'
                                      entity: sensor.System_Laufwerke_C_usedPercent
                                      scale: 13px
                                      from: left
                                      min: 0
                                      max: 100
                                      severity:
                                        - value: 60
                                          style: green
                                        - value: 75
                                          style: Gold
                                        - value: 100
                                          style: FireBrick
                                - type: divider
                                  style:
                                    height: 6px
                                - type: horizontal-stack
                                  cards:
                                    - type: 'custom:button-card'
                                      layout: icon_name
                                      name: 'Work (D:)'
                                      show_icon: true
                                      show_state: false
                                      show_label: true
                                      icon: 'mdi:harddisk'
                                      label: >-
                                        [[[ return (states["sensor.System_Laufwerke_D_used"].state + " GB / "
                                        + states["sensor.System_Laufwerke_D_Size"].state + " GB") ]]]
                                      styles:
                                        card:
                                          - height: 100%
                                          - width: 100%
                                          - min-width: 160px
                                          - padding: 2px
                                        grid:
                                          - grid-template-areas: '"i n" "i l"'
                                          - grid-template-rows: min-content min-content
                                          - grid-template-columns: 1fr 72%
                                        name:
                                          - justify-self: start
                                          - font-size: smaller
                                          - margin: 0px
                                        label:
                                          - justify-self: start
                                          - font-size: x-small
                                          - margin: 0px
                                          - font-style: italic
                                          - color: '#0277bd'
                                        icon:
                                          - color: '#0277bd'
                                    - type: 'custom:bignumber-card'
                                      entity: sensor.System_Laufwerke_D_usedPercent
                                      scale: 13px
                                      from: left
                                      min: 0
                                      max: 100
                                      severity:
                                        - value: 60
                                          style: green
                                        - value: 75
                                          style: Gold
                                        - value: 100
                                          style: FireBrick
                                - type: divider
                                  style:
                                    height: 6px
                                - type: horizontal-stack
                                  cards:
                                    - type: 'custom:button-card'
                                      layout: icon_name
                                      name: 'Backup (Y:)'
                                      show_icon: true
                                      show_state: false
                                      show_label: true
                                      icon: 'mdi:harddisk'
                                      label: >-
                                        [[[ return (states["sensor.System_Laufwerke_Y_used"].state + " GB / "
                                        + states["sensor.System_Laufwerke_Y_Size"].state + " GB") ]]]
                                      styles:
                                        card:
                                          - height: 100%
                                          - width: 100%
                                          - min-width: 160px
                                          - padding: 2px
                                        grid:
                                          - grid-template-areas: '"i n" "i l"'
                                          - grid-template-rows: min-content min-content
                                          - grid-template-columns: 1fr 72%
                                        name:
                                          - justify-self: start
                                          - font-size: smaller
                                          - margin: 0px
                                        label:
                                          - justify-self: start
                                          - font-size: x-small
                                          - margin: 0px
                                          - font-style: italic
                                          - color: '#0277bd'
                                        icon:
                                          - color: '#0277bd'
                                    - type: 'custom:bignumber-card'
                                      entity: sensor.System_Laufwerke_Y_usedPercent
                                      scale: 13px
                                      from: left
                                      min: 0
                                      max: 100
                                      severity:
                                        - value: 60
                                          style: green
                                        - value: 75
                                          style: Gold
                                        - value: 100
                                          style: FireBrick
                                - type: divider
                                  style:
                                    height: 6px
                                - type: horizontal-stack
                                  cards:
                                    - type: 'custom:button-card'
                                      layout: icon_name
                                      name: 'Mirror (Z:)'
                                      show_icon: true
                                      show_state: false
                                      show_label: true
                                      icon: 'mdi:harddisk'
                                      label: >-
                                        [[[ return (states["sensor.System_Laufwerke_Z_used"].state + " GB / "
                                        + states["sensor.System_Laufwerke_Z_Size"].state + " GB") ]]]
                                      styles:
                                        card:
                                          - height: 100%
                                          - width: 100%
                                          - min-width: 160px
                                          - padding: 2px
                                        grid:
                                          - grid-template-areas: '"i n" "i l"'
                                          - grid-template-rows: min-content min-content
                                          - grid-template-columns: 1fr 72%
                                        name:
                                          - justify-self: start
                                          - font-size: smaller
                                          - margin: 0px
                                        label:
                                          - justify-self: start
                                          - font-size: x-small
                                          - margin: 0px
                                          - font-style: italic
                                          - color: '#0277bd'
                                        icon:
                                          - color: '#0277bd'
                                    - type: 'custom:bignumber-card'
                                      entity: sensor.System_Laufwerke_Z_usedPercent
                                      scale: 13px
                                      from: left
                                      min: 0
                                      max: 100
                                      severity:
                                        - value: 60
                                          style: green
                                        - value: 75
                                          style: Gold
                                        - value: 100
                                          style: FireBrick
                                - type: divider
                                  style:
                                    height: 6px
                                - type: 'custom:button-card'
                                  entity: sensor.Schalter_Flur_Server_An
                                  show_name: false
                                  show_icon: false
                                  tap_action:
                                    action: none
                                  styles:
                                    card:
                                      - width: 100%
                                      - padding: 2px
                                  state:
                                    - value: true
                                      styles:
                                        card:
                                          - background: green
                                    - value: false
                                      styles:
                                        card:
                                          - background: FireBrick
                                - type: horizontal-stack
                                  cards:
                                    - type: 'custom:button-card'
                                      entity: sensor.Schalter_Flur_Server_Leistung
                                      layout: vertical
                                      show_name: true
                                      show_icon: false
                                      show_state: false
                                      show_label: true
                                      name: Leistung
                                      label: |
                                        [[[
                                          if(entity.state > 0)
                                            return (entity.state + " " + entity.attributes.unit_of_measurement);
                                          else
                                            return "0 " + entity.attributes.unit_of_measurement;
                                        ]]]
                                      styles:
                                        card:
                                          - background: '#a1a1a1'
                                          - border-radius: 0px
                                          - height: 50px
                                        name:
                                          - font-size: x-small
                                          - color: '#44739e'
                                          - font-weight: bold
                                          - font-style: oblique
                                        state:
                                          - font-size: smaller
                                        label:
                                          - font-size: smaller
                                    - type: 'custom:button-card'
                                      entity: sensor.Verbrauchszaehler_Schalter_Flur_Server_Verbrauch_Tag
                                      layout: vertical
                                      show_name: true
                                      show_icon: false
                                      show_state: false
                                      show_label: true
                                      name: Heute
                                      label: |
                                        [[[ return entity.state * 1000 + ' Wh']]]                
                                      styles:
                                        card:
                                          - background: '#a1a1a1'
                                          - border-radius: 0px
                                          - height: 50px
                                        name:
                                          - font-size: x-small
                                          - color: '#44739e'
                                          - font-weight: bold
                                          - font-style: oblique
                                        state:
                                          - font-size: smaller
                                        label:
                                          - font-size: smaller
                                    - type: 'custom:button-card'
                                      entity: sensor.Verbrauchszaehler_Schalter_Flur_Server_Kosten_Jahr
                                      layout: vertical
                                      show_name: true
                                      show_icon: false
                                      show_state: false
                                      show_label: true
                                      name: Jahr
                                      label: |
                                        [[[
                                          if(entity.state > 0)
                                            return (entity.state + " " + entity.attributes.unit_of_measurement);
                                          else
                                            return "0 " + entity.attributes.unit_of_measurement;
                                        ]]]   
                                      styles:
                                        card:
                                          - background: '#a1a1a1'
                                          - border-radius: 0px
                                          - height: 50px
                                        name:
                                          - font-size: x-small
                                          - color: '#44739e'
                                          - font-weight: bold
                                          - font-style: oblique
                                        state:
                                          - font-size: smaller
                                        label:
                                          - font-size: smaller
                              

                              raspi.png

                              type: 'custom:vertical-stack-in-card'
                              cards:
                                - type: 'custom:button-card'
                                  name: Raspimatic
                                  show_entity_picture: true
                                  entity_picture: /static/myimages/raspberrymatic.png
                                  tap_action:
                                    action: url
                                    url: 'http://10.0.124.189/login.htm'
                                  styles:
                                    card:
                                      - height: 60px
                                      - padding: 0px
                                      - margin: 0px
                                    grid:
                                      - grid-template-areas: '"n i"'
                                      - grid-template-columns: 1fr 20%
                                    name:
                                      - justify-self: start
                                      - padding-left: 20px
                                      - color: '#0277bd'
                                      - font-size: x-large
                                    entity_picture:
                                      - padding-right: 20px
                                      - padding-top: 6px
                                      - padding-bottom: 6px
                                    img_cell:
                                      - justify-content: flex-end
                                - type: 'custom:button-card'
                                  entity: sensor.Netzwerk_Devices_RaspiMatic_Verbunden
                                  show_name: false
                                  show_icon: false
                                  tap_action:
                                    action: none
                                  styles:
                                    card:
                                      - width: 100%
                                      - padding: 2px
                                  state:
                                    - value: true
                                      styles:
                                        card:
                                          - background: green
                                    - value: false
                                      styles:
                                        card:
                                          - background: FireBrick
                                - type: 'custom:button-card'
                                  entity: sensor.Netzwerk_Devices_RaspiMatic_Betriebszeit
                                  layout: icon_name
                                  name: Betriebszeit
                                  show_icon: true
                                  show_state: false
                                  show_label: true
                                  icon: 'mdi:clock-outline'
                                  label: |
                                    [[[ if (entity.state == "") 
                                          return "0m"; 
                                        else 
                                          return entity.state;
                                    ]]]
                                  styles:
                                    card:
                                      - padding-top: 10px
                                      - padding-bottom: 10px
                                    grid:
                                      - grid-template-areas: '"i n l"'
                                      - grid-template-columns: 11% 1fr 19%
                                    name:
                                      - justify-self: start
                                      - margin: 0px
                                    label:
                                      - justify-self: end
                                      - padding-right: 20px
                                    icon:
                                      - color: '#0277bd'
                                - type: 'custom:button-card'
                                  entity: sensor.Netzwerk_Devices_RaspiMatic_upgradable
                                  layout: icon_name
                                  name: Neue Version verfügbar
                                  show_icon: true
                                  show_state: false
                                  show_label: true
                                  icon: 'mdi:update'
                                  label: |
                                    [[[ if (entity.state == false) 
                                          return "nein"; 
                                        else 
                                          return "Ja";
                                    ]]]
                                  styles:
                                    card:
                                      - padding-top: 10px
                                      - padding-bottom: 10px
                                    grid:
                                      - grid-template-areas: '"i n l"'
                                      - grid-template-columns: 11% 1fr 19%
                                    name:
                                      - justify-self: start
                                      - margin: 0px
                                    label:
                                      - justify-self: end
                                      - padding-right: 20px
                                    icon:
                                      - color: |
                                          [[[ 
                                            if (entity.state === true) 
                                              return "green";
                                            else
                                              return '#0277bd';
                                           ]]]        
                                - type: 'custom:button-card'
                                  entity: sensor.Netzwerk_Devices_RaspiMatic_Alarmmeldungen
                                  layout: icon_name
                                  name: Alarmmeldungen
                                  show_icon: true
                                  show_state: false
                                  show_label: true
                                  icon: 'mdi:alert-octagon'
                                  label: |
                                    [[[ if (entity.state == 0) 
                                          return "0"; 
                                        else 
                                          return entity.state;
                                    ]]]
                                  styles:
                                    card:
                                      - padding-top: 10px
                                      - padding-bottom: 10px
                                    grid:
                                      - grid-template-areas: '"i n l"'
                                      - grid-template-columns: 11% 1fr 19%
                                    name:
                                      - justify-self: start
                                      - margin: 0px
                                    label:
                                      - justify-self: end
                                      - padding-right: 20px
                                    icon:
                                      - color: |
                                          [[[ 
                                            if (entity.state > 0) 
                                              return "FireBrick";
                                            else
                                              return '#0277bd';
                                           ]]]
                                - type: 'custom:button-card'
                                  entity: sensor.Netzwerk_Devices_RaspiMatic_Servicemeldungen
                                  layout: icon_name
                                  name: Servicemeldungen
                                  show_icon: true
                                  show_state: false
                                  show_label: true
                                  icon: 'mdi:alert-octagon'
                                  label: |
                                    [[[ if (entity.state == 0) 
                                          return "0"; 
                                        else 
                                          return entity.state;
                                    ]]]
                                  styles:
                                    card:
                                      - padding-top: 10px
                                      - padding-bottom: 10px
                                    grid:
                                      - grid-template-areas: '"i n l"'
                                      - grid-template-columns: 11% 1fr 19%
                                    name:
                                      - justify-self: start
                                      - margin: 0px
                                    label:
                                      - justify-self: end
                                      - padding-right: 20px
                                    icon:
                                      - color: |
                                          [[[ 
                                            if (entity.state > 0) 
                                              return "Gold";
                                            else
                                              return '#0277bd';
                                           ]]]
                                - type: divider
                                  style:
                                    height: 1px
                                    margin-left: 10px
                                    margin-right: 10px
                                    background: '#0277bd'
                                - type: divider
                                  style:
                                    height: 6px
                                - type: horizontal-stack
                                  cards:
                                    - type: 'custom:button-card'
                                      layout: icon_name
                                      name: Temperatur
                                      show_icon: true
                                      show_state: false
                                      icon: 'mdi:thermometer'
                                      styles:
                                        card:
                                          - height: 100%
                                          - width: 100%
                                          - min-width: 160px
                                        grid:
                                          - grid-template-areas: '"i n"'
                                          - grid-template-columns: 1fr 70%
                                        name:
                                          - justify-self: start
                                          - font-size: smaller
                                          - margin: 0px
                                        icon:
                                          - color: '#0277bd'
                                    - type: 'custom:bignumber-card'
                                      entity: sensor.Netzwerk_Devices_RaspiMatic_Temperatur
                                      scale: 12px
                                      from: left
                                      min: 0
                                      max: 100
                                      severity:
                                        - value: 50
                                          style: green
                                        - value: 55
                                          style: Gold
                                        - value: 65
                                          style: FireBrick
                                - type: divider
                                  style:
                                    height: 6px
                                - type: horizontal-stack
                                  cards:
                                    - type: 'custom:button-card'
                                      layout: icon_name
                                      name: CPU
                                      show_icon: true
                                      show_state: false
                                      icon: 'mdi:raspberry-pi'
                                      styles:
                                        card:
                                          - height: 100%
                                          - width: 100%
                                          - min-width: 160px
                                        grid:
                                          - grid-template-areas: '"i n"'
                                          - grid-template-columns: 1fr 70%
                                        name:
                                          - justify-self: start
                                          - font-size: smaller
                                          - margin: 0px
                                        icon:
                                          - color: '#0277bd'
                                    - type: 'custom:bignumber-card'
                                      entity: sensor.Netzwerk_Devices_RaspiMatic_Auslastung
                                      scale: 12px
                                      from: left
                                      min: 0
                                      max: 100
                                      severity:
                                        - value: 60
                                          style: green
                                        - value: 80
                                          style: Gold
                                        - value: 100
                                          style: FireBrick
                                - type: divider
                                  style:
                                    height: 6px
                                - type: horizontal-stack
                                  cards:
                                    - type: 'custom:button-card'
                                      layout: icon_name
                                      name: Arbeitsspeicher
                                      show_icon: true
                                      show_state: false
                                      icon: 'mdi:memory'
                                      styles:
                                        card:
                                          - height: 100%
                                          - width: 100%
                                          - min-width: 160px
                                        grid:
                                          - grid-template-areas: '"i n"'
                                          - grid-template-columns: 1fr 70%
                                        name:
                                          - justify-self: start
                                          - font-size: smaller
                                          - margin: 0px
                                        icon:
                                          - color: '#0277bd'
                                    - type: 'custom:bignumber-card'
                                      entity: sensor.Netzwerk_Devices_RaspiMatic_RamUsed
                                      scale: 12px
                                      from: left
                                      min: 0
                                      max: 100
                                      severity:
                                        - value: 60
                                          style: green
                                        - value: 80
                                          style: Gold
                                        - value: 100
                                          style: FireBrick
                                - type: divider
                                  style:
                                    height: 6px
                                - type: horizontal-stack
                                  cards:
                                    - type: 'custom:button-card'
                                      layout: icon_name
                                      name: SD-Karte
                                      show_icon: true
                                      show_state: false
                                      icon: 'mdi:micro-sd'
                                      styles:
                                        card:
                                          - height: 100%
                                          - width: 100%
                                          - min-width: 160px
                                        grid:
                                          - grid-template-areas: '"i n"'
                                          - grid-template-columns: 1fr 70%
                                        name:
                                          - justify-self: start
                                          - font-size: smaller
                                          - margin: 0px
                                        icon:
                                          - color: '#0277bd'
                                    - type: 'custom:bignumber-card'
                                      entity: sensor.Netzwerk_Devices_RaspiMatic_SdUsed
                                      scale: 12px
                                      from: left
                                      min: 0
                                      max: 100
                                      severity:
                                        - value: 60
                                          style: green
                                        - value: 75
                                          style: Gold
                                        - value: 100
                                          style: FireBrick
                                - type: divider
                                  style:
                                    height: 6px
                                - type: horizontal-stack
                                  cards:
                                    - type: 'custom:button-card'
                                      layout: icon_name
                                      name: Duty Cycle
                                      show_icon: true
                                      show_state: false
                                      icon: 'mdi:chart-line-variant'
                                      styles:
                                        card:
                                          - height: 100%
                                          - width: 100%
                                          - min-width: 160px
                                        grid:
                                          - grid-template-areas: '"i n"'
                                          - grid-template-columns: 1fr 70%
                                        name:
                                          - justify-self: start
                                          - font-size: smaller
                                          - margin: 0px
                                        icon:
                                          - color: '#0277bd'
                                    - type: 'custom:bignumber-card'
                                      entity: sensor.Netzwerk_Devices_RaspiMatic_DutyCycle
                                      scale: 12px
                                      from: left
                                      min: 0
                                      max: 100
                                      severity:
                                        - value: 50
                                          style: green
                                        - value: 70
                                          style: Gold
                                        - value: 100
                                          style: FireBrick
                                - type: divider
                                  style:
                                    height: 6px
                              
                              

                              Bar-Chart
                              graph.png

                              type: 'custom:vertical-stack-in-card'
                              cards:
                                - type: 'custom:mini-graph-card'
                                  entities:
                                    - entity: sensor.Verbrauchszaehler_Licht_Summe_Verbrauch__Tag_Tag_1
                                      color: '#44739e'
                                      name: Lichter Energie gesamt
                                  name: Lichter Energie gesamt
                                  hour24: true
                                  points_per_hour: 0.041
                                  hours_to_show: 168
                                  decimals: 3
                                  show:
                                    graph: bar
                                    name: false
                                    icon: false
                                - type: horizontal-stack
                                  cards:
                                    - type: 'custom:button-card'
                                      entity: sensor.Licht_Leistung
                                      layout: vertical
                                      show_name: true
                                      show_icon: false
                                      show_state: false
                                      show_label: true
                                      name: Leistung
                                      label: |
                                        [[[
                                          if(entity.state > 0)
                                            return (entity.state + " " + entity.attributes.unit_of_measurement);
                                          else
                                            return "0 " + entity.attributes.unit_of_measurement;
                                        ]]]
                                      styles:
                                        card:
                                          - background: '#a1a1a1'
                                          - border-radius: 0px
                                          - height: 50px
                                        name:
                                          - font-size: x-small
                                          - color: '#44739e'
                                          - font-weight: bold
                                          - font-style: oblique
                                        state:
                                          - font-size: smaller
                                        label:
                                          - font-size: smaller
                                    - type: 'custom:button-card'
                                      entity: sensor.Verbrauchszaehler_Licht_Summe_Kosten_Jahr
                                      layout: vertical
                                      show_name: true
                                      show_icon: false
                                      show_state: false
                                      show_label: true
                                      name: Jahr
                                      label: |
                                        [[[
                                          if(entity.state > 0)
                                            return (entity.state + " " + entity.attributes.unit_of_measurement);
                                          else
                                            return "0 " + entity.attributes.unit_of_measurement;
                                        ]]]   
                                      styles:
                                        card:
                                          - background: '#a1a1a1'
                                          - border-radius: 0px
                                          - height: 50px
                                        name:
                                          - font-size: x-small
                                          - color: '#44739e'
                                          - font-weight: bold
                                          - font-style: oblique
                                        state:
                                          - font-size: smaller
                                        label:
                                          - font-size: smaller
                              
                              

                              <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                              <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                              sigi234S W simatecS G 4 Antworten Letzte Antwort
                              5
                              • ScroungerS Scrounger

                                Hier mal ein paar Beispiele, was ich so mit lovelace realisiert habe.

                                Hauptsächlich verwende ich die button-card, da diese sehr viel Flexibilität ermöglicht und man so mit manuellen entities sehr gut arbeiten kann.

                                Anwesenheit
                                anwesenheit.png

                                type: horizontal-stack
                                cards:
                                  - type: 'custom:vertical-stack-in-card'
                                    cards:
                                      - type: 'custom:button-card'
                                        entity: sensor.Netzwerk_Devices_Tussi_Anwesend
                                        layout: vertical
                                        show_name: true
                                        show_last_changed: true
                                        show_entity_picture: true
                                        show_icon: false
                                        tap_action:
                                          action: none
                                        styles:
                                          label:
                                            - font-size: small
                                            - font-style: italic
                                            - color: '#a1a1a1'
                                        state:
                                          - value: true
                                            entity_picture: /static/myimages/tussi_presence.png
                                            name: anwesend
                                          - value: false
                                            entity_picture: /static/myimages/tussi_presence.png
                                            name: abwesend
                                            styles:
                                              icon:
                                                - filter: grayscale(100%)
                                      - type: 'custom:button-card'
                                        entity: sensor.Netzwerk_Devices_Tussi_Anwesend
                                        show_name: false
                                        show_icon: false
                                        styles:
                                          card:
                                            - width: 100%
                                            - padding: 2px
                                        state:
                                          - value: true
                                            styles:
                                              card:
                                                - background: green
                                          - value: false
                                            styles:
                                              card:
                                                - background: FireBrick
                                  - type: 'custom:vertical-stack-in-card'
                                    cards:
                                      - type: 'custom:button-card'
                                        entity: sensor.Netzwerk_Devices_Handy_Anwesend
                                        layout: vertical
                                        show_name: true
                                        show_last_changed: true
                                        show_entity_picture: true
                                        show_icon: false
                                        tap_action:
                                          action: none
                                        styles:
                                          label:
                                            - font-size: small
                                            - font-style: italic
                                            - color: '#a1a1a1'
                                        state:
                                          - value: true
                                            entity_picture: /static/myimages/ich_presence.png
                                            name: anwesend
                                          - value: false
                                            entity_picture: /static/myimages/ich_presence.png
                                            name: abwesend
                                            styles:
                                              icon:
                                                - filter: grayscale(100%)
                                      - type: 'custom:button-card'
                                        entity: sensor.Netzwerk_Devices_Handy_Anwesend
                                        show_name: false
                                        show_icon: false
                                        styles:
                                          card:
                                            - width: 100%
                                            - padding: 2px
                                        state:
                                          - value: true
                                            styles:
                                              card:
                                                - background: green
                                          - value: false
                                            styles:
                                              card:
                                                - background: FireBrick
                                

                                Fenster
                                windows.png

                                type: horizontal-stack
                                cards:
                                  - type: 'custom:vertical-stack-in-card'
                                    cards:
                                      - type: 'custom:button-card'
                                        entity: sensor.Sensoren_Fenster_Bad_Offen
                                        layout: vertical
                                        show_name: false
                                        show_entity_picture: true
                                        show_icon: false
                                        show_last_changed: true
                                        tap_action:
                                          action: none
                                        styles:
                                          label:
                                            - font-size: small
                                            - font-style: italic
                                            - color: '#a1a1a1'
                                        state:
                                          - value: true
                                            entity_picture: /static/myimages/window_open.png
                                            name: offen
                                            show_last_changed: true
                                          - value: false
                                            entity_picture: /static/myimages/window_closed.png
                                            name: geschlossen
                                            show_last_changed: false
                                  - type: 'custom:vertical-stack-in-card'
                                    cards:
                                      - type: 'custom:button-card'
                                        entity: sensor.Sensoren_Fenster_WC_Offen
                                        layout: vertical
                                        show_name: false
                                        show_entity_picture: true
                                        show_icon: false
                                        show_last_changed: true
                                        tap_action:
                                          action: none
                                        styles:
                                          label:
                                            - font-size: small
                                            - font-style: italic
                                            - color: '#a1a1a1'
                                        state:
                                          - value: true
                                            entity_picture: /static/myimages/window_open.png
                                            name: offen
                                            show_last_changed: true
                                          - value: false
                                            entity_picture: /static/myimages/window_closed.png
                                            name: geschlossen
                                            show_last_changed: false
                                
                                

                                Licht - Schalter
                                light_switch.gif

                                type: vertical-stack
                                cards:
                                  - type: horizontal-stack
                                    cards:
                                      - type: 'custom:vertical-stack-in-card'
                                        cards:
                                          - type: entity-button
                                            tap_action:
                                              action: toggle
                                            hold_action:
                                              action: more-info
                                            show_icon: true
                                            show_name: true
                                            entity: light.Licht_Flur_Main_An
                                            name: Flur
                                          - type: horizontal-stack
                                            cards:
                                              - type: 'custom:button-card'
                                                entity: sensor.Licht_Flur_Main_Leistung
                                                layout: vertical
                                                show_name: true
                                                show_icon: false
                                                show_state: false
                                                show_label: true
                                                name: Leistung
                                                label: |
                                                  [[[
                                                    if(entity.state > 0)
                                                      return (entity.state + " " + entity.attributes.unit_of_measurement);
                                                    else
                                                      return "0 " + entity.attributes.unit_of_measurement;
                                                  ]]]
                                                styles:
                                                  card:
                                                    - background: '#a1a1a1'
                                                    - border-radius: 0px
                                                    - height: 50px
                                                  name:
                                                    - font-size: x-small
                                                    - color: '#44739e'
                                                    - font-weight: bold
                                                    - font-style: oblique
                                                  state:
                                                    - font-size: smaller
                                                  label:
                                                    - font-size: smaller
                                              - type: 'custom:button-card'
                                                entity: sensor.Verbrauchszaehler_Licht_Flur_Main_Verbrauch_Tag
                                                layout: vertical
                                                show_name: true
                                                show_icon: false
                                                show_state: false
                                                show_label: true
                                                name: Heute
                                                label: |
                                                  [[[ return entity.state * 1000 + ' Wh']]]                
                                                styles:
                                                  card:
                                                    - background: '#a1a1a1'
                                                    - border-radius: 0px
                                                    - height: 50px
                                                  name:
                                                    - font-size: x-small
                                                    - color: '#44739e'
                                                    - font-weight: bold
                                                    - font-style: oblique
                                                  state:
                                                    - font-size: smaller
                                                  label:
                                                    - font-size: smaller
                                              - type: 'custom:button-card'
                                                entity: sensor.Verbrauchszaehler_Licht_Flur_Main_Kosten_Jahr
                                                layout: vertical
                                                show_name: true
                                                show_icon: false
                                                show_state: false
                                                show_label: true
                                                name: Jahr
                                                label: |
                                                  [[[
                                                    if(entity.state > 0)
                                                      return (entity.state + " " + entity.attributes.unit_of_measurement);
                                                    else
                                                      return "0 " + entity.attributes.unit_of_measurement;
                                                  ]]]   
                                                styles:
                                                  card:
                                                    - background: '#a1a1a1'
                                                    - border-radius: 0px
                                                    - height: 50px
                                                  name:
                                                    - font-size: x-small
                                                    - color: '#44739e'
                                                    - font-weight: bold
                                                    - font-style: oblique
                                                  state:
                                                    - font-size: smaller
                                                  label:
                                                    - font-size: smaller
                                      - type: 'custom:vertical-stack-in-card'
                                        cards:
                                          - type: entity-button
                                            tap_action:
                                              action: toggle
                                            hold_action:
                                              action: more-info
                                            show_icon: true
                                            show_name: true
                                            entity: light.Licht_Flur_Nische_An
                                            name: Nische
                                          - type: horizontal-stack
                                            cards:
                                              - type: 'custom:button-card'
                                                entity: sensor.Licht_Flur_Nische_Leistung
                                                layout: vertical
                                                show_name: true
                                                show_icon: false
                                                show_state: false
                                                show_label: true
                                                name: Leistung
                                                label: |
                                                  [[[
                                                    if(entity.state > 0)
                                                      return (entity.state + " " + entity.attributes.unit_of_measurement);
                                                    else
                                                      return "0 " + entity.attributes.unit_of_measurement;
                                                  ]]]
                                                styles:
                                                  card:
                                                    - background: '#a1a1a1'
                                                    - border-radius: 0px
                                                    - height: 50px
                                                  name:
                                                    - font-size: x-small
                                                    - color: '#44739e'
                                                    - font-weight: bold
                                                    - font-style: oblique
                                                  state:
                                                    - font-size: smaller
                                                  label:
                                                    - font-size: smaller
                                              - type: 'custom:button-card'
                                                entity: sensor.Verbrauchszaehler_Licht_Flur_Nische_Verbrauch_Tag
                                                layout: vertical
                                                show_name: true
                                                show_icon: false
                                                show_state: false
                                                show_label: true
                                                name: Heute
                                                label: |
                                                  [[[ return entity.state * 1000 + ' Wh']]]                
                                                styles:
                                                  card:
                                                    - background: '#a1a1a1'
                                                    - border-radius: 0px
                                                    - height: 50px
                                                  name:
                                                    - font-size: x-small
                                                    - color: '#44739e'
                                                    - font-weight: bold
                                                    - font-style: oblique
                                                  state:
                                                    - font-size: smaller
                                                  label:
                                                    - font-size: smaller
                                              - type: 'custom:button-card'
                                                entity: sensor.Verbrauchszaehler_Licht_Flur_Nische_Kosten_Jahr
                                                layout: vertical
                                                show_name: true
                                                show_icon: false
                                                show_state: false
                                                show_label: true
                                                name: Jahr
                                                label: |
                                                  [[[
                                                    if(entity.state > 0)
                                                      return (entity.state + " " + entity.attributes.unit_of_measurement);
                                                    else
                                                      return "0 " + entity.attributes.unit_of_measurement;
                                                  ]]]   
                                                styles:
                                                  card:
                                                    - background: '#a1a1a1'
                                                    - border-radius: 0px
                                                    - height: 50px
                                                  name:
                                                    - font-size: x-small
                                                    - color: '#44739e'
                                                    - font-weight: bold
                                                    - font-style: oblique
                                                  state:
                                                    - font-size: smaller
                                                  label:
                                                    - font-size: smaller
                                

                                Licht - Dimmer
                                light_dimmer.gif

                                type: 'custom:vertical-stack-in-card'
                                title: Esszimmer
                                cards:
                                  - type: horizontal-stack
                                    cards:
                                      - type: light
                                        entity: light.Licht_Esszimmer_Links_Dimmer
                                        name: Links
                                      - type: light
                                        entity: light.Licht_Esszimmer_Rechts_Dimmer
                                        name: Rechts
                                  - type: horizontal-stack
                                    cards:
                                      - type: 'custom:button-card'
                                        entity: sensor.Licht_Esszimmer_Gruppe_SummeLeistung
                                        layout: vertical
                                        show_name: true
                                        show_icon: false
                                        show_state: false
                                        show_label: true
                                        name: Leistung
                                        label: |
                                          [[[
                                            if(entity.state > 0)
                                              return (entity.state + " " + entity.attributes.unit_of_measurement);
                                            else
                                              return "0 " + entity.attributes.unit_of_measurement;
                                          ]]]
                                        styles:
                                          card:
                                            - background: '#a1a1a1'
                                            - border-radius: 0px
                                            - height: 50px
                                          name:
                                            - font-size: x-small
                                            - color: '#44739e'
                                            - font-weight: bold
                                            - font-style: oblique
                                          state:
                                            - font-size: smaller
                                          label:
                                            - font-size: smaller
                                      - type: 'custom:button-card'
                                        entity: sensor.Verbrauchszaehler_Licht_Esszimmer_Gruppe_Verbrauch_Tag
                                        layout: vertical
                                        show_name: true
                                        show_icon: false
                                        show_state: false
                                        show_label: true
                                        name: Heute
                                        label: |
                                          [[[ return entity.state * 1000 + ' Wh']]]                
                                        styles:
                                          card:
                                            - background: '#a1a1a1'
                                            - border-radius: 0px
                                            - height: 50px
                                          name:
                                            - font-size: x-small
                                            - color: '#44739e'
                                            - font-weight: bold
                                            - font-style: oblique
                                          state:
                                            - font-size: smaller
                                          label:
                                            - font-size: smaller
                                      - type: 'custom:button-card'
                                        entity: sensor.Verbrauchszaehler_Licht_Esszimmer_Gruppe_Kosten_Jahr
                                        layout: vertical
                                        show_name: true
                                        show_icon: false
                                        show_state: false
                                        show_label: true
                                        name: Jahr
                                        label: |
                                          [[[
                                            if(entity.state > 0)
                                              return (entity.state + " " + entity.attributes.unit_of_measurement);
                                            else
                                              return "0 " + entity.attributes.unit_of_measurement;
                                          ]]]   
                                        styles:
                                          card:
                                            - background: '#a1a1a1'
                                            - border-radius: 0px
                                            - height: 50px
                                          name:
                                            - font-size: x-small
                                            - color: '#44739e'
                                            - font-weight: bold
                                            - font-style: oblique
                                          state:
                                            - font-size: smaller
                                          label:
                                            - font-size: smaller
                                

                                Geräte
                                devices.png

                                type: 'custom:vertical-stack-in-card'
                                cards:
                                  - type: 'custom:button-card'
                                    entity: switch.Netzwerk_Devices_MusicCast_Esszimmer_An
                                    layout: vertical
                                    show_name: false
                                    show_entity_picture: true
                                    tap_action:
                                      action: toggle
                                    size: 30%
                                    state:
                                      - value: 'on'
                                        entity_picture: /static/myimages/MusicCast-WX-030.png
                                        styles:
                                          card:
                                            - background: LemonChiffon
                                      - value: 'off'
                                        entity_picture: /static/myimages/MusicCast-WX-030.png
                                  - type: 'custom:button-card'
                                    entity: sensor.Netzwerk_Devices_MusicCast_Esszimmer_PowerStatus
                                    show_name: false
                                    show_icon: false
                                    tap_action:
                                      action: none
                                    styles:
                                      card:
                                        - width: 100%
                                        - padding: 2px
                                        - margin-top: '-10px'
                                    state:
                                      - value: An
                                        styles:
                                          card:
                                            - background: green
                                      - value: Aus
                                        styles:
                                          card:
                                            - background: FireBrick
                                      - value: Boot
                                        styles:
                                          card:
                                            - background: MediumSeaGreen
                                            - animation: blink 2s ease infinite
                                      - value: Standby
                                        styles:
                                          card:
                                            - background: Orange
                                      - value: Enter Standby
                                        styles:
                                          card:
                                            - background: Orange
                                            - animation: blink 2s ease infinite
                                      - value: Leave Standby
                                        styles:
                                          card:
                                            - background: Orange
                                            - animation: blink 2s ease infinite
                                  - type: horizontal-stack
                                    cards:
                                      - type: 'custom:button-card'
                                        entity: sensor.Netzwerk_Devices_MusicCast_Esszimmer_PowerStatus
                                        layout: vertical
                                        show_name: true
                                        show_icon: false
                                        show_state: true
                                        name: Status
                                        styles:
                                          card:
                                            - background: '#a1a1a1'
                                            - border-radius: 0px
                                            - height: 50px
                                          name:
                                            - font-size: x-small
                                            - color: '#44739e'
                                            - font-weight: bold
                                            - font-style: oblique
                                          state:
                                            - font-size: smaller
                                      - type: 'custom:button-card'
                                        entity: sensor.Schalter_Esszimmer_MusicCast_Leistung
                                        layout: vertical
                                        show_name: true
                                        show_icon: false
                                        show_state: true
                                        show_label: true
                                        name: Leistung
                                        styles:
                                          card:
                                            - background: '#a1a1a1'
                                            - border-radius: 0px
                                            - height: 50px
                                          name:
                                            - font-size: x-small
                                            - color: '#44739e'
                                            - font-weight: bold
                                            - font-style: oblique
                                          state:
                                            - font-size: smaller
                                          label:
                                            - font-size: smaller
                                        state:
                                          - value: 0
                                            label: 0 W
                                      - type: 'custom:button-card'
                                        entity: sensor.Verbrauchszaehler_Schalter_Esszimmer_MusicCast_Kosten_Jahr
                                        layout: vertical
                                        show_name: true
                                        show_icon: false
                                        show_state: true
                                        show_label: true
                                        name: Jahr
                                        styles:
                                          card:
                                            - background: '#a1a1a1'
                                            - border-radius: 0px
                                            - height: 50px
                                          name:
                                            - font-size: x-small
                                            - color: '#44739e'
                                            - font-weight: bold
                                            - font-style: oblique
                                          state:
                                            - font-size: smaller
                                          label:
                                            - font-size: smaller
                                        state:
                                          - value: 0
                                            label: 0 €
                                      - type: 'custom:button-card'
                                        entity: switch.Schalter_Esszimmer_MusicCast_An
                                        layout: vertical
                                        show_name: false
                                        styles:
                                          card:
                                            - background: '#a1a1a1'
                                            - border-radius: 0px
                                            - height: 50px
                                

                                system.png

                                type: 'custom:vertical-stack-in-card'
                                cards:
                                  - type: 'custom:button-card'
                                    name: System
                                    show_entity_picture: true
                                    entity_picture: /static/myimages/nuc.png
                                    styles:
                                      card:
                                        - height: 60px
                                        - padding: 0px
                                        - margin: 0px
                                      grid:
                                        - grid-template-areas: '"n i"'
                                        - grid-template-columns: 1fr 30%
                                      name:
                                        - justify-self: start
                                        - padding-left: 20px
                                        - color: '#0277bd'
                                        - font-size: x-large
                                      entity_picture:
                                        - padding-right: 20px
                                        - padding-top: 6px
                                        - padding-bottom: 6px
                                      img_cell:
                                        - justify-content: flex-end
                                  - type: divider
                                    style:
                                      height: 4px
                                      background: '#0277bd'
                                  - type: divider
                                    style:
                                      height: 6px
                                  - type: horizontal-stack
                                    cards:
                                      - type: 'custom:button-card'
                                        layout: icon_name
                                        name: CPU
                                        show_icon: true
                                        show_state: false
                                        icon: 'mdi:raspberry-pi'
                                        styles:
                                          card:
                                            - height: 100%
                                            - width: 100%
                                            - min-width: 160px
                                          grid:
                                            - grid-template-areas: '"i n"'
                                            - grid-template-columns: 1fr 70%
                                          name:
                                            - justify-self: start
                                            - font-size: smaller
                                            - margin: 0px
                                          icon:
                                            - color: '#0277bd'
                                      - type: 'custom:bignumber-card'
                                        entity: sensor.System_CPU_Auslastung
                                        scale: 13px
                                        from: left
                                        min: 0
                                        max: 100
                                        severity:
                                          - value: 60
                                            style: green
                                          - value: 80
                                            style: Gold
                                          - value: 100
                                            style: FireBrick
                                  - type: divider
                                    style:
                                      height: 6px
                                  - type: horizontal-stack
                                    cards:
                                      - type: 'custom:button-card'
                                        layout: icon_name
                                        name: CPU ∅-Last
                                        show_icon: true
                                        show_state: false
                                        icon: 'mdi:raspberry-pi'
                                        styles:
                                          card:
                                            - height: 100%
                                            - width: 100%
                                            - min-width: 160px
                                          grid:
                                            - grid-template-areas: '"i n"'
                                            - grid-template-columns: 1fr 70%
                                          name:
                                            - justify-self: start
                                            - font-size: smaller
                                            - margin: 0px
                                          icon:
                                            - color: '#0277bd'
                                      - type: 'custom:bignumber-card'
                                        entity: sensor.System_CPU_Durchschnitt
                                        scale: 13px
                                        from: left
                                        min: 0
                                        max: 100
                                        severity:
                                          - value: 60
                                            style: green
                                          - value: 80
                                            style: Gold
                                          - value: 100
                                            style: FireBrick
                                  - type: divider
                                    style:
                                      height: 6px
                                  - type: horizontal-stack
                                    cards:
                                      - type: 'custom:button-card'
                                        layout: icon_name
                                        name: Arbeitsspeicher
                                        show_icon: true
                                        show_state: false
                                        show_label: true
                                        icon: 'mdi:memory'
                                        label: >-
                                          [[[ return (states["sensor.System_RAM_used"].state + " GB / " +
                                          states["sensor.System_RAM_total"].state + " GB") ]]]
                                        styles:
                                          card:
                                            - height: 100%
                                            - width: 100%
                                            - min-width: 160px
                                            - padding: 2px
                                          grid:
                                            - grid-template-areas: '"i n" "i l"'
                                            - grid-template-rows: min-content min-content
                                            - grid-template-columns: 1fr 72%
                                          name:
                                            - justify-self: start
                                            - font-size: smaller
                                            - margin: 0px
                                          label:
                                            - justify-self: start
                                            - font-size: x-small
                                            - margin: 0px
                                            - font-style: italic
                                            - color: '#0277bd'
                                          icon:
                                            - color: '#0277bd'
                                      - type: 'custom:bignumber-card'
                                        entity: sensor.System_RAM_usedPercent
                                        scale: 13px
                                        from: left
                                        min: 0
                                        max: 100
                                        severity:
                                          - value: 60
                                            style: green
                                          - value: 75
                                            style: Gold
                                          - value: 100
                                            style: FireBrick
                                  - type: divider
                                    style:
                                      height: 6px
                                  - type: horizontal-stack
                                    cards:
                                      - type: 'custom:button-card'
                                        layout: icon_name
                                        name: 'Win10 (C:)'
                                        show_icon: true
                                        show_state: false
                                        show_label: true
                                        icon: 'mdi:harddisk'
                                        label: >-
                                          [[[ return (states["sensor.System_Laufwerke_C_used"].state + " GB / "
                                          + states["sensor.System_Laufwerke_C_Size"].state + " GB") ]]]
                                        styles:
                                          card:
                                            - height: 100%
                                            - width: 100%
                                            - min-width: 160px
                                            - padding: 2px
                                          grid:
                                            - grid-template-areas: '"i n" "i l"'
                                            - grid-template-rows: min-content min-content
                                            - grid-template-columns: 1fr 72%
                                          name:
                                            - justify-self: start
                                            - font-size: smaller
                                            - margin: 0px
                                          label:
                                            - justify-self: start
                                            - font-size: x-small
                                            - margin: 0px
                                            - font-style: italic
                                            - color: '#0277bd'
                                          icon:
                                            - color: '#0277bd'
                                      - type: 'custom:bignumber-card'
                                        entity: sensor.System_Laufwerke_C_usedPercent
                                        scale: 13px
                                        from: left
                                        min: 0
                                        max: 100
                                        severity:
                                          - value: 60
                                            style: green
                                          - value: 75
                                            style: Gold
                                          - value: 100
                                            style: FireBrick
                                  - type: divider
                                    style:
                                      height: 6px
                                  - type: horizontal-stack
                                    cards:
                                      - type: 'custom:button-card'
                                        layout: icon_name
                                        name: 'Work (D:)'
                                        show_icon: true
                                        show_state: false
                                        show_label: true
                                        icon: 'mdi:harddisk'
                                        label: >-
                                          [[[ return (states["sensor.System_Laufwerke_D_used"].state + " GB / "
                                          + states["sensor.System_Laufwerke_D_Size"].state + " GB") ]]]
                                        styles:
                                          card:
                                            - height: 100%
                                            - width: 100%
                                            - min-width: 160px
                                            - padding: 2px
                                          grid:
                                            - grid-template-areas: '"i n" "i l"'
                                            - grid-template-rows: min-content min-content
                                            - grid-template-columns: 1fr 72%
                                          name:
                                            - justify-self: start
                                            - font-size: smaller
                                            - margin: 0px
                                          label:
                                            - justify-self: start
                                            - font-size: x-small
                                            - margin: 0px
                                            - font-style: italic
                                            - color: '#0277bd'
                                          icon:
                                            - color: '#0277bd'
                                      - type: 'custom:bignumber-card'
                                        entity: sensor.System_Laufwerke_D_usedPercent
                                        scale: 13px
                                        from: left
                                        min: 0
                                        max: 100
                                        severity:
                                          - value: 60
                                            style: green
                                          - value: 75
                                            style: Gold
                                          - value: 100
                                            style: FireBrick
                                  - type: divider
                                    style:
                                      height: 6px
                                  - type: horizontal-stack
                                    cards:
                                      - type: 'custom:button-card'
                                        layout: icon_name
                                        name: 'Backup (Y:)'
                                        show_icon: true
                                        show_state: false
                                        show_label: true
                                        icon: 'mdi:harddisk'
                                        label: >-
                                          [[[ return (states["sensor.System_Laufwerke_Y_used"].state + " GB / "
                                          + states["sensor.System_Laufwerke_Y_Size"].state + " GB") ]]]
                                        styles:
                                          card:
                                            - height: 100%
                                            - width: 100%
                                            - min-width: 160px
                                            - padding: 2px
                                          grid:
                                            - grid-template-areas: '"i n" "i l"'
                                            - grid-template-rows: min-content min-content
                                            - grid-template-columns: 1fr 72%
                                          name:
                                            - justify-self: start
                                            - font-size: smaller
                                            - margin: 0px
                                          label:
                                            - justify-self: start
                                            - font-size: x-small
                                            - margin: 0px
                                            - font-style: italic
                                            - color: '#0277bd'
                                          icon:
                                            - color: '#0277bd'
                                      - type: 'custom:bignumber-card'
                                        entity: sensor.System_Laufwerke_Y_usedPercent
                                        scale: 13px
                                        from: left
                                        min: 0
                                        max: 100
                                        severity:
                                          - value: 60
                                            style: green
                                          - value: 75
                                            style: Gold
                                          - value: 100
                                            style: FireBrick
                                  - type: divider
                                    style:
                                      height: 6px
                                  - type: horizontal-stack
                                    cards:
                                      - type: 'custom:button-card'
                                        layout: icon_name
                                        name: 'Mirror (Z:)'
                                        show_icon: true
                                        show_state: false
                                        show_label: true
                                        icon: 'mdi:harddisk'
                                        label: >-
                                          [[[ return (states["sensor.System_Laufwerke_Z_used"].state + " GB / "
                                          + states["sensor.System_Laufwerke_Z_Size"].state + " GB") ]]]
                                        styles:
                                          card:
                                            - height: 100%
                                            - width: 100%
                                            - min-width: 160px
                                            - padding: 2px
                                          grid:
                                            - grid-template-areas: '"i n" "i l"'
                                            - grid-template-rows: min-content min-content
                                            - grid-template-columns: 1fr 72%
                                          name:
                                            - justify-self: start
                                            - font-size: smaller
                                            - margin: 0px
                                          label:
                                            - justify-self: start
                                            - font-size: x-small
                                            - margin: 0px
                                            - font-style: italic
                                            - color: '#0277bd'
                                          icon:
                                            - color: '#0277bd'
                                      - type: 'custom:bignumber-card'
                                        entity: sensor.System_Laufwerke_Z_usedPercent
                                        scale: 13px
                                        from: left
                                        min: 0
                                        max: 100
                                        severity:
                                          - value: 60
                                            style: green
                                          - value: 75
                                            style: Gold
                                          - value: 100
                                            style: FireBrick
                                  - type: divider
                                    style:
                                      height: 6px
                                  - type: 'custom:button-card'
                                    entity: sensor.Schalter_Flur_Server_An
                                    show_name: false
                                    show_icon: false
                                    tap_action:
                                      action: none
                                    styles:
                                      card:
                                        - width: 100%
                                        - padding: 2px
                                    state:
                                      - value: true
                                        styles:
                                          card:
                                            - background: green
                                      - value: false
                                        styles:
                                          card:
                                            - background: FireBrick
                                  - type: horizontal-stack
                                    cards:
                                      - type: 'custom:button-card'
                                        entity: sensor.Schalter_Flur_Server_Leistung
                                        layout: vertical
                                        show_name: true
                                        show_icon: false
                                        show_state: false
                                        show_label: true
                                        name: Leistung
                                        label: |
                                          [[[
                                            if(entity.state > 0)
                                              return (entity.state + " " + entity.attributes.unit_of_measurement);
                                            else
                                              return "0 " + entity.attributes.unit_of_measurement;
                                          ]]]
                                        styles:
                                          card:
                                            - background: '#a1a1a1'
                                            - border-radius: 0px
                                            - height: 50px
                                          name:
                                            - font-size: x-small
                                            - color: '#44739e'
                                            - font-weight: bold
                                            - font-style: oblique
                                          state:
                                            - font-size: smaller
                                          label:
                                            - font-size: smaller
                                      - type: 'custom:button-card'
                                        entity: sensor.Verbrauchszaehler_Schalter_Flur_Server_Verbrauch_Tag
                                        layout: vertical
                                        show_name: true
                                        show_icon: false
                                        show_state: false
                                        show_label: true
                                        name: Heute
                                        label: |
                                          [[[ return entity.state * 1000 + ' Wh']]]                
                                        styles:
                                          card:
                                            - background: '#a1a1a1'
                                            - border-radius: 0px
                                            - height: 50px
                                          name:
                                            - font-size: x-small
                                            - color: '#44739e'
                                            - font-weight: bold
                                            - font-style: oblique
                                          state:
                                            - font-size: smaller
                                          label:
                                            - font-size: smaller
                                      - type: 'custom:button-card'
                                        entity: sensor.Verbrauchszaehler_Schalter_Flur_Server_Kosten_Jahr
                                        layout: vertical
                                        show_name: true
                                        show_icon: false
                                        show_state: false
                                        show_label: true
                                        name: Jahr
                                        label: |
                                          [[[
                                            if(entity.state > 0)
                                              return (entity.state + " " + entity.attributes.unit_of_measurement);
                                            else
                                              return "0 " + entity.attributes.unit_of_measurement;
                                          ]]]   
                                        styles:
                                          card:
                                            - background: '#a1a1a1'
                                            - border-radius: 0px
                                            - height: 50px
                                          name:
                                            - font-size: x-small
                                            - color: '#44739e'
                                            - font-weight: bold
                                            - font-style: oblique
                                          state:
                                            - font-size: smaller
                                          label:
                                            - font-size: smaller
                                

                                raspi.png

                                type: 'custom:vertical-stack-in-card'
                                cards:
                                  - type: 'custom:button-card'
                                    name: Raspimatic
                                    show_entity_picture: true
                                    entity_picture: /static/myimages/raspberrymatic.png
                                    tap_action:
                                      action: url
                                      url: 'http://10.0.124.189/login.htm'
                                    styles:
                                      card:
                                        - height: 60px
                                        - padding: 0px
                                        - margin: 0px
                                      grid:
                                        - grid-template-areas: '"n i"'
                                        - grid-template-columns: 1fr 20%
                                      name:
                                        - justify-self: start
                                        - padding-left: 20px
                                        - color: '#0277bd'
                                        - font-size: x-large
                                      entity_picture:
                                        - padding-right: 20px
                                        - padding-top: 6px
                                        - padding-bottom: 6px
                                      img_cell:
                                        - justify-content: flex-end
                                  - type: 'custom:button-card'
                                    entity: sensor.Netzwerk_Devices_RaspiMatic_Verbunden
                                    show_name: false
                                    show_icon: false
                                    tap_action:
                                      action: none
                                    styles:
                                      card:
                                        - width: 100%
                                        - padding: 2px
                                    state:
                                      - value: true
                                        styles:
                                          card:
                                            - background: green
                                      - value: false
                                        styles:
                                          card:
                                            - background: FireBrick
                                  - type: 'custom:button-card'
                                    entity: sensor.Netzwerk_Devices_RaspiMatic_Betriebszeit
                                    layout: icon_name
                                    name: Betriebszeit
                                    show_icon: true
                                    show_state: false
                                    show_label: true
                                    icon: 'mdi:clock-outline'
                                    label: |
                                      [[[ if (entity.state == "") 
                                            return "0m"; 
                                          else 
                                            return entity.state;
                                      ]]]
                                    styles:
                                      card:
                                        - padding-top: 10px
                                        - padding-bottom: 10px
                                      grid:
                                        - grid-template-areas: '"i n l"'
                                        - grid-template-columns: 11% 1fr 19%
                                      name:
                                        - justify-self: start
                                        - margin: 0px
                                      label:
                                        - justify-self: end
                                        - padding-right: 20px
                                      icon:
                                        - color: '#0277bd'
                                  - type: 'custom:button-card'
                                    entity: sensor.Netzwerk_Devices_RaspiMatic_upgradable
                                    layout: icon_name
                                    name: Neue Version verfügbar
                                    show_icon: true
                                    show_state: false
                                    show_label: true
                                    icon: 'mdi:update'
                                    label: |
                                      [[[ if (entity.state == false) 
                                            return "nein"; 
                                          else 
                                            return "Ja";
                                      ]]]
                                    styles:
                                      card:
                                        - padding-top: 10px
                                        - padding-bottom: 10px
                                      grid:
                                        - grid-template-areas: '"i n l"'
                                        - grid-template-columns: 11% 1fr 19%
                                      name:
                                        - justify-self: start
                                        - margin: 0px
                                      label:
                                        - justify-self: end
                                        - padding-right: 20px
                                      icon:
                                        - color: |
                                            [[[ 
                                              if (entity.state === true) 
                                                return "green";
                                              else
                                                return '#0277bd';
                                             ]]]        
                                  - type: 'custom:button-card'
                                    entity: sensor.Netzwerk_Devices_RaspiMatic_Alarmmeldungen
                                    layout: icon_name
                                    name: Alarmmeldungen
                                    show_icon: true
                                    show_state: false
                                    show_label: true
                                    icon: 'mdi:alert-octagon'
                                    label: |
                                      [[[ if (entity.state == 0) 
                                            return "0"; 
                                          else 
                                            return entity.state;
                                      ]]]
                                    styles:
                                      card:
                                        - padding-top: 10px
                                        - padding-bottom: 10px
                                      grid:
                                        - grid-template-areas: '"i n l"'
                                        - grid-template-columns: 11% 1fr 19%
                                      name:
                                        - justify-self: start
                                        - margin: 0px
                                      label:
                                        - justify-self: end
                                        - padding-right: 20px
                                      icon:
                                        - color: |
                                            [[[ 
                                              if (entity.state > 0) 
                                                return "FireBrick";
                                              else
                                                return '#0277bd';
                                             ]]]
                                  - type: 'custom:button-card'
                                    entity: sensor.Netzwerk_Devices_RaspiMatic_Servicemeldungen
                                    layout: icon_name
                                    name: Servicemeldungen
                                    show_icon: true
                                    show_state: false
                                    show_label: true
                                    icon: 'mdi:alert-octagon'
                                    label: |
                                      [[[ if (entity.state == 0) 
                                            return "0"; 
                                          else 
                                            return entity.state;
                                      ]]]
                                    styles:
                                      card:
                                        - padding-top: 10px
                                        - padding-bottom: 10px
                                      grid:
                                        - grid-template-areas: '"i n l"'
                                        - grid-template-columns: 11% 1fr 19%
                                      name:
                                        - justify-self: start
                                        - margin: 0px
                                      label:
                                        - justify-self: end
                                        - padding-right: 20px
                                      icon:
                                        - color: |
                                            [[[ 
                                              if (entity.state > 0) 
                                                return "Gold";
                                              else
                                                return '#0277bd';
                                             ]]]
                                  - type: divider
                                    style:
                                      height: 1px
                                      margin-left: 10px
                                      margin-right: 10px
                                      background: '#0277bd'
                                  - type: divider
                                    style:
                                      height: 6px
                                  - type: horizontal-stack
                                    cards:
                                      - type: 'custom:button-card'
                                        layout: icon_name
                                        name: Temperatur
                                        show_icon: true
                                        show_state: false
                                        icon: 'mdi:thermometer'
                                        styles:
                                          card:
                                            - height: 100%
                                            - width: 100%
                                            - min-width: 160px
                                          grid:
                                            - grid-template-areas: '"i n"'
                                            - grid-template-columns: 1fr 70%
                                          name:
                                            - justify-self: start
                                            - font-size: smaller
                                            - margin: 0px
                                          icon:
                                            - color: '#0277bd'
                                      - type: 'custom:bignumber-card'
                                        entity: sensor.Netzwerk_Devices_RaspiMatic_Temperatur
                                        scale: 12px
                                        from: left
                                        min: 0
                                        max: 100
                                        severity:
                                          - value: 50
                                            style: green
                                          - value: 55
                                            style: Gold
                                          - value: 65
                                            style: FireBrick
                                  - type: divider
                                    style:
                                      height: 6px
                                  - type: horizontal-stack
                                    cards:
                                      - type: 'custom:button-card'
                                        layout: icon_name
                                        name: CPU
                                        show_icon: true
                                        show_state: false
                                        icon: 'mdi:raspberry-pi'
                                        styles:
                                          card:
                                            - height: 100%
                                            - width: 100%
                                            - min-width: 160px
                                          grid:
                                            - grid-template-areas: '"i n"'
                                            - grid-template-columns: 1fr 70%
                                          name:
                                            - justify-self: start
                                            - font-size: smaller
                                            - margin: 0px
                                          icon:
                                            - color: '#0277bd'
                                      - type: 'custom:bignumber-card'
                                        entity: sensor.Netzwerk_Devices_RaspiMatic_Auslastung
                                        scale: 12px
                                        from: left
                                        min: 0
                                        max: 100
                                        severity:
                                          - value: 60
                                            style: green
                                          - value: 80
                                            style: Gold
                                          - value: 100
                                            style: FireBrick
                                  - type: divider
                                    style:
                                      height: 6px
                                  - type: horizontal-stack
                                    cards:
                                      - type: 'custom:button-card'
                                        layout: icon_name
                                        name: Arbeitsspeicher
                                        show_icon: true
                                        show_state: false
                                        icon: 'mdi:memory'
                                        styles:
                                          card:
                                            - height: 100%
                                            - width: 100%
                                            - min-width: 160px
                                          grid:
                                            - grid-template-areas: '"i n"'
                                            - grid-template-columns: 1fr 70%
                                          name:
                                            - justify-self: start
                                            - font-size: smaller
                                            - margin: 0px
                                          icon:
                                            - color: '#0277bd'
                                      - type: 'custom:bignumber-card'
                                        entity: sensor.Netzwerk_Devices_RaspiMatic_RamUsed
                                        scale: 12px
                                        from: left
                                        min: 0
                                        max: 100
                                        severity:
                                          - value: 60
                                            style: green
                                          - value: 80
                                            style: Gold
                                          - value: 100
                                            style: FireBrick
                                  - type: divider
                                    style:
                                      height: 6px
                                  - type: horizontal-stack
                                    cards:
                                      - type: 'custom:button-card'
                                        layout: icon_name
                                        name: SD-Karte
                                        show_icon: true
                                        show_state: false
                                        icon: 'mdi:micro-sd'
                                        styles:
                                          card:
                                            - height: 100%
                                            - width: 100%
                                            - min-width: 160px
                                          grid:
                                            - grid-template-areas: '"i n"'
                                            - grid-template-columns: 1fr 70%
                                          name:
                                            - justify-self: start
                                            - font-size: smaller
                                            - margin: 0px
                                          icon:
                                            - color: '#0277bd'
                                      - type: 'custom:bignumber-card'
                                        entity: sensor.Netzwerk_Devices_RaspiMatic_SdUsed
                                        scale: 12px
                                        from: left
                                        min: 0
                                        max: 100
                                        severity:
                                          - value: 60
                                            style: green
                                          - value: 75
                                            style: Gold
                                          - value: 100
                                            style: FireBrick
                                  - type: divider
                                    style:
                                      height: 6px
                                  - type: horizontal-stack
                                    cards:
                                      - type: 'custom:button-card'
                                        layout: icon_name
                                        name: Duty Cycle
                                        show_icon: true
                                        show_state: false
                                        icon: 'mdi:chart-line-variant'
                                        styles:
                                          card:
                                            - height: 100%
                                            - width: 100%
                                            - min-width: 160px
                                          grid:
                                            - grid-template-areas: '"i n"'
                                            - grid-template-columns: 1fr 70%
                                          name:
                                            - justify-self: start
                                            - font-size: smaller
                                            - margin: 0px
                                          icon:
                                            - color: '#0277bd'
                                      - type: 'custom:bignumber-card'
                                        entity: sensor.Netzwerk_Devices_RaspiMatic_DutyCycle
                                        scale: 12px
                                        from: left
                                        min: 0
                                        max: 100
                                        severity:
                                          - value: 50
                                            style: green
                                          - value: 70
                                            style: Gold
                                          - value: 100
                                            style: FireBrick
                                  - type: divider
                                    style:
                                      height: 6px
                                
                                

                                Bar-Chart
                                graph.png

                                type: 'custom:vertical-stack-in-card'
                                cards:
                                  - type: 'custom:mini-graph-card'
                                    entities:
                                      - entity: sensor.Verbrauchszaehler_Licht_Summe_Verbrauch__Tag_Tag_1
                                        color: '#44739e'
                                        name: Lichter Energie gesamt
                                    name: Lichter Energie gesamt
                                    hour24: true
                                    points_per_hour: 0.041
                                    hours_to_show: 168
                                    decimals: 3
                                    show:
                                      graph: bar
                                      name: false
                                      icon: false
                                  - type: horizontal-stack
                                    cards:
                                      - type: 'custom:button-card'
                                        entity: sensor.Licht_Leistung
                                        layout: vertical
                                        show_name: true
                                        show_icon: false
                                        show_state: false
                                        show_label: true
                                        name: Leistung
                                        label: |
                                          [[[
                                            if(entity.state > 0)
                                              return (entity.state + " " + entity.attributes.unit_of_measurement);
                                            else
                                              return "0 " + entity.attributes.unit_of_measurement;
                                          ]]]
                                        styles:
                                          card:
                                            - background: '#a1a1a1'
                                            - border-radius: 0px
                                            - height: 50px
                                          name:
                                            - font-size: x-small
                                            - color: '#44739e'
                                            - font-weight: bold
                                            - font-style: oblique
                                          state:
                                            - font-size: smaller
                                          label:
                                            - font-size: smaller
                                      - type: 'custom:button-card'
                                        entity: sensor.Verbrauchszaehler_Licht_Summe_Kosten_Jahr
                                        layout: vertical
                                        show_name: true
                                        show_icon: false
                                        show_state: false
                                        show_label: true
                                        name: Jahr
                                        label: |
                                          [[[
                                            if(entity.state > 0)
                                              return (entity.state + " " + entity.attributes.unit_of_measurement);
                                            else
                                              return "0 " + entity.attributes.unit_of_measurement;
                                          ]]]   
                                        styles:
                                          card:
                                            - background: '#a1a1a1'
                                            - border-radius: 0px
                                            - height: 50px
                                          name:
                                            - font-size: x-small
                                            - color: '#44739e'
                                            - font-weight: bold
                                            - font-style: oblique
                                          state:
                                            - font-size: smaller
                                          label:
                                            - font-size: smaller
                                
                                

                                sigi234S Online
                                sigi234S Online
                                sigi234
                                Forum Testing Most Active
                                schrieb am zuletzt editiert von
                                #184

                                @Scrounger

                                Tussi anwesend ist ein interessanter DP:grinning:

                                Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                Immer Daten sichern!

                                ScroungerS 1 Antwort Letzte Antwort
                                0
                                • ScroungerS Scrounger

                                  Hier mal ein paar Beispiele, was ich so mit lovelace realisiert habe.

                                  Hauptsächlich verwende ich die button-card, da diese sehr viel Flexibilität ermöglicht und man so mit manuellen entities sehr gut arbeiten kann.

                                  Anwesenheit
                                  anwesenheit.png

                                  type: horizontal-stack
                                  cards:
                                    - type: 'custom:vertical-stack-in-card'
                                      cards:
                                        - type: 'custom:button-card'
                                          entity: sensor.Netzwerk_Devices_Tussi_Anwesend
                                          layout: vertical
                                          show_name: true
                                          show_last_changed: true
                                          show_entity_picture: true
                                          show_icon: false
                                          tap_action:
                                            action: none
                                          styles:
                                            label:
                                              - font-size: small
                                              - font-style: italic
                                              - color: '#a1a1a1'
                                          state:
                                            - value: true
                                              entity_picture: /static/myimages/tussi_presence.png
                                              name: anwesend
                                            - value: false
                                              entity_picture: /static/myimages/tussi_presence.png
                                              name: abwesend
                                              styles:
                                                icon:
                                                  - filter: grayscale(100%)
                                        - type: 'custom:button-card'
                                          entity: sensor.Netzwerk_Devices_Tussi_Anwesend
                                          show_name: false
                                          show_icon: false
                                          styles:
                                            card:
                                              - width: 100%
                                              - padding: 2px
                                          state:
                                            - value: true
                                              styles:
                                                card:
                                                  - background: green
                                            - value: false
                                              styles:
                                                card:
                                                  - background: FireBrick
                                    - type: 'custom:vertical-stack-in-card'
                                      cards:
                                        - type: 'custom:button-card'
                                          entity: sensor.Netzwerk_Devices_Handy_Anwesend
                                          layout: vertical
                                          show_name: true
                                          show_last_changed: true
                                          show_entity_picture: true
                                          show_icon: false
                                          tap_action:
                                            action: none
                                          styles:
                                            label:
                                              - font-size: small
                                              - font-style: italic
                                              - color: '#a1a1a1'
                                          state:
                                            - value: true
                                              entity_picture: /static/myimages/ich_presence.png
                                              name: anwesend
                                            - value: false
                                              entity_picture: /static/myimages/ich_presence.png
                                              name: abwesend
                                              styles:
                                                icon:
                                                  - filter: grayscale(100%)
                                        - type: 'custom:button-card'
                                          entity: sensor.Netzwerk_Devices_Handy_Anwesend
                                          show_name: false
                                          show_icon: false
                                          styles:
                                            card:
                                              - width: 100%
                                              - padding: 2px
                                          state:
                                            - value: true
                                              styles:
                                                card:
                                                  - background: green
                                            - value: false
                                              styles:
                                                card:
                                                  - background: FireBrick
                                  

                                  Fenster
                                  windows.png

                                  type: horizontal-stack
                                  cards:
                                    - type: 'custom:vertical-stack-in-card'
                                      cards:
                                        - type: 'custom:button-card'
                                          entity: sensor.Sensoren_Fenster_Bad_Offen
                                          layout: vertical
                                          show_name: false
                                          show_entity_picture: true
                                          show_icon: false
                                          show_last_changed: true
                                          tap_action:
                                            action: none
                                          styles:
                                            label:
                                              - font-size: small
                                              - font-style: italic
                                              - color: '#a1a1a1'
                                          state:
                                            - value: true
                                              entity_picture: /static/myimages/window_open.png
                                              name: offen
                                              show_last_changed: true
                                            - value: false
                                              entity_picture: /static/myimages/window_closed.png
                                              name: geschlossen
                                              show_last_changed: false
                                    - type: 'custom:vertical-stack-in-card'
                                      cards:
                                        - type: 'custom:button-card'
                                          entity: sensor.Sensoren_Fenster_WC_Offen
                                          layout: vertical
                                          show_name: false
                                          show_entity_picture: true
                                          show_icon: false
                                          show_last_changed: true
                                          tap_action:
                                            action: none
                                          styles:
                                            label:
                                              - font-size: small
                                              - font-style: italic
                                              - color: '#a1a1a1'
                                          state:
                                            - value: true
                                              entity_picture: /static/myimages/window_open.png
                                              name: offen
                                              show_last_changed: true
                                            - value: false
                                              entity_picture: /static/myimages/window_closed.png
                                              name: geschlossen
                                              show_last_changed: false
                                  
                                  

                                  Licht - Schalter
                                  light_switch.gif

                                  type: vertical-stack
                                  cards:
                                    - type: horizontal-stack
                                      cards:
                                        - type: 'custom:vertical-stack-in-card'
                                          cards:
                                            - type: entity-button
                                              tap_action:
                                                action: toggle
                                              hold_action:
                                                action: more-info
                                              show_icon: true
                                              show_name: true
                                              entity: light.Licht_Flur_Main_An
                                              name: Flur
                                            - type: horizontal-stack
                                              cards:
                                                - type: 'custom:button-card'
                                                  entity: sensor.Licht_Flur_Main_Leistung
                                                  layout: vertical
                                                  show_name: true
                                                  show_icon: false
                                                  show_state: false
                                                  show_label: true
                                                  name: Leistung
                                                  label: |
                                                    [[[
                                                      if(entity.state > 0)
                                                        return (entity.state + " " + entity.attributes.unit_of_measurement);
                                                      else
                                                        return "0 " + entity.attributes.unit_of_measurement;
                                                    ]]]
                                                  styles:
                                                    card:
                                                      - background: '#a1a1a1'
                                                      - border-radius: 0px
                                                      - height: 50px
                                                    name:
                                                      - font-size: x-small
                                                      - color: '#44739e'
                                                      - font-weight: bold
                                                      - font-style: oblique
                                                    state:
                                                      - font-size: smaller
                                                    label:
                                                      - font-size: smaller
                                                - type: 'custom:button-card'
                                                  entity: sensor.Verbrauchszaehler_Licht_Flur_Main_Verbrauch_Tag
                                                  layout: vertical
                                                  show_name: true
                                                  show_icon: false
                                                  show_state: false
                                                  show_label: true
                                                  name: Heute
                                                  label: |
                                                    [[[ return entity.state * 1000 + ' Wh']]]                
                                                  styles:
                                                    card:
                                                      - background: '#a1a1a1'
                                                      - border-radius: 0px
                                                      - height: 50px
                                                    name:
                                                      - font-size: x-small
                                                      - color: '#44739e'
                                                      - font-weight: bold
                                                      - font-style: oblique
                                                    state:
                                                      - font-size: smaller
                                                    label:
                                                      - font-size: smaller
                                                - type: 'custom:button-card'
                                                  entity: sensor.Verbrauchszaehler_Licht_Flur_Main_Kosten_Jahr
                                                  layout: vertical
                                                  show_name: true
                                                  show_icon: false
                                                  show_state: false
                                                  show_label: true
                                                  name: Jahr
                                                  label: |
                                                    [[[
                                                      if(entity.state > 0)
                                                        return (entity.state + " " + entity.attributes.unit_of_measurement);
                                                      else
                                                        return "0 " + entity.attributes.unit_of_measurement;
                                                    ]]]   
                                                  styles:
                                                    card:
                                                      - background: '#a1a1a1'
                                                      - border-radius: 0px
                                                      - height: 50px
                                                    name:
                                                      - font-size: x-small
                                                      - color: '#44739e'
                                                      - font-weight: bold
                                                      - font-style: oblique
                                                    state:
                                                      - font-size: smaller
                                                    label:
                                                      - font-size: smaller
                                        - type: 'custom:vertical-stack-in-card'
                                          cards:
                                            - type: entity-button
                                              tap_action:
                                                action: toggle
                                              hold_action:
                                                action: more-info
                                              show_icon: true
                                              show_name: true
                                              entity: light.Licht_Flur_Nische_An
                                              name: Nische
                                            - type: horizontal-stack
                                              cards:
                                                - type: 'custom:button-card'
                                                  entity: sensor.Licht_Flur_Nische_Leistung
                                                  layout: vertical
                                                  show_name: true
                                                  show_icon: false
                                                  show_state: false
                                                  show_label: true
                                                  name: Leistung
                                                  label: |
                                                    [[[
                                                      if(entity.state > 0)
                                                        return (entity.state + " " + entity.attributes.unit_of_measurement);
                                                      else
                                                        return "0 " + entity.attributes.unit_of_measurement;
                                                    ]]]
                                                  styles:
                                                    card:
                                                      - background: '#a1a1a1'
                                                      - border-radius: 0px
                                                      - height: 50px
                                                    name:
                                                      - font-size: x-small
                                                      - color: '#44739e'
                                                      - font-weight: bold
                                                      - font-style: oblique
                                                    state:
                                                      - font-size: smaller
                                                    label:
                                                      - font-size: smaller
                                                - type: 'custom:button-card'
                                                  entity: sensor.Verbrauchszaehler_Licht_Flur_Nische_Verbrauch_Tag
                                                  layout: vertical
                                                  show_name: true
                                                  show_icon: false
                                                  show_state: false
                                                  show_label: true
                                                  name: Heute
                                                  label: |
                                                    [[[ return entity.state * 1000 + ' Wh']]]                
                                                  styles:
                                                    card:
                                                      - background: '#a1a1a1'
                                                      - border-radius: 0px
                                                      - height: 50px
                                                    name:
                                                      - font-size: x-small
                                                      - color: '#44739e'
                                                      - font-weight: bold
                                                      - font-style: oblique
                                                    state:
                                                      - font-size: smaller
                                                    label:
                                                      - font-size: smaller
                                                - type: 'custom:button-card'
                                                  entity: sensor.Verbrauchszaehler_Licht_Flur_Nische_Kosten_Jahr
                                                  layout: vertical
                                                  show_name: true
                                                  show_icon: false
                                                  show_state: false
                                                  show_label: true
                                                  name: Jahr
                                                  label: |
                                                    [[[
                                                      if(entity.state > 0)
                                                        return (entity.state + " " + entity.attributes.unit_of_measurement);
                                                      else
                                                        return "0 " + entity.attributes.unit_of_measurement;
                                                    ]]]   
                                                  styles:
                                                    card:
                                                      - background: '#a1a1a1'
                                                      - border-radius: 0px
                                                      - height: 50px
                                                    name:
                                                      - font-size: x-small
                                                      - color: '#44739e'
                                                      - font-weight: bold
                                                      - font-style: oblique
                                                    state:
                                                      - font-size: smaller
                                                    label:
                                                      - font-size: smaller
                                  

                                  Licht - Dimmer
                                  light_dimmer.gif

                                  type: 'custom:vertical-stack-in-card'
                                  title: Esszimmer
                                  cards:
                                    - type: horizontal-stack
                                      cards:
                                        - type: light
                                          entity: light.Licht_Esszimmer_Links_Dimmer
                                          name: Links
                                        - type: light
                                          entity: light.Licht_Esszimmer_Rechts_Dimmer
                                          name: Rechts
                                    - type: horizontal-stack
                                      cards:
                                        - type: 'custom:button-card'
                                          entity: sensor.Licht_Esszimmer_Gruppe_SummeLeistung
                                          layout: vertical
                                          show_name: true
                                          show_icon: false
                                          show_state: false
                                          show_label: true
                                          name: Leistung
                                          label: |
                                            [[[
                                              if(entity.state > 0)
                                                return (entity.state + " " + entity.attributes.unit_of_measurement);
                                              else
                                                return "0 " + entity.attributes.unit_of_measurement;
                                            ]]]
                                          styles:
                                            card:
                                              - background: '#a1a1a1'
                                              - border-radius: 0px
                                              - height: 50px
                                            name:
                                              - font-size: x-small
                                              - color: '#44739e'
                                              - font-weight: bold
                                              - font-style: oblique
                                            state:
                                              - font-size: smaller
                                            label:
                                              - font-size: smaller
                                        - type: 'custom:button-card'
                                          entity: sensor.Verbrauchszaehler_Licht_Esszimmer_Gruppe_Verbrauch_Tag
                                          layout: vertical
                                          show_name: true
                                          show_icon: false
                                          show_state: false
                                          show_label: true
                                          name: Heute
                                          label: |
                                            [[[ return entity.state * 1000 + ' Wh']]]                
                                          styles:
                                            card:
                                              - background: '#a1a1a1'
                                              - border-radius: 0px
                                              - height: 50px
                                            name:
                                              - font-size: x-small
                                              - color: '#44739e'
                                              - font-weight: bold
                                              - font-style: oblique
                                            state:
                                              - font-size: smaller
                                            label:
                                              - font-size: smaller
                                        - type: 'custom:button-card'
                                          entity: sensor.Verbrauchszaehler_Licht_Esszimmer_Gruppe_Kosten_Jahr
                                          layout: vertical
                                          show_name: true
                                          show_icon: false
                                          show_state: false
                                          show_label: true
                                          name: Jahr
                                          label: |
                                            [[[
                                              if(entity.state > 0)
                                                return (entity.state + " " + entity.attributes.unit_of_measurement);
                                              else
                                                return "0 " + entity.attributes.unit_of_measurement;
                                            ]]]   
                                          styles:
                                            card:
                                              - background: '#a1a1a1'
                                              - border-radius: 0px
                                              - height: 50px
                                            name:
                                              - font-size: x-small
                                              - color: '#44739e'
                                              - font-weight: bold
                                              - font-style: oblique
                                            state:
                                              - font-size: smaller
                                            label:
                                              - font-size: smaller
                                  

                                  Geräte
                                  devices.png

                                  type: 'custom:vertical-stack-in-card'
                                  cards:
                                    - type: 'custom:button-card'
                                      entity: switch.Netzwerk_Devices_MusicCast_Esszimmer_An
                                      layout: vertical
                                      show_name: false
                                      show_entity_picture: true
                                      tap_action:
                                        action: toggle
                                      size: 30%
                                      state:
                                        - value: 'on'
                                          entity_picture: /static/myimages/MusicCast-WX-030.png
                                          styles:
                                            card:
                                              - background: LemonChiffon
                                        - value: 'off'
                                          entity_picture: /static/myimages/MusicCast-WX-030.png
                                    - type: 'custom:button-card'
                                      entity: sensor.Netzwerk_Devices_MusicCast_Esszimmer_PowerStatus
                                      show_name: false
                                      show_icon: false
                                      tap_action:
                                        action: none
                                      styles:
                                        card:
                                          - width: 100%
                                          - padding: 2px
                                          - margin-top: '-10px'
                                      state:
                                        - value: An
                                          styles:
                                            card:
                                              - background: green
                                        - value: Aus
                                          styles:
                                            card:
                                              - background: FireBrick
                                        - value: Boot
                                          styles:
                                            card:
                                              - background: MediumSeaGreen
                                              - animation: blink 2s ease infinite
                                        - value: Standby
                                          styles:
                                            card:
                                              - background: Orange
                                        - value: Enter Standby
                                          styles:
                                            card:
                                              - background: Orange
                                              - animation: blink 2s ease infinite
                                        - value: Leave Standby
                                          styles:
                                            card:
                                              - background: Orange
                                              - animation: blink 2s ease infinite
                                    - type: horizontal-stack
                                      cards:
                                        - type: 'custom:button-card'
                                          entity: sensor.Netzwerk_Devices_MusicCast_Esszimmer_PowerStatus
                                          layout: vertical
                                          show_name: true
                                          show_icon: false
                                          show_state: true
                                          name: Status
                                          styles:
                                            card:
                                              - background: '#a1a1a1'
                                              - border-radius: 0px
                                              - height: 50px
                                            name:
                                              - font-size: x-small
                                              - color: '#44739e'
                                              - font-weight: bold
                                              - font-style: oblique
                                            state:
                                              - font-size: smaller
                                        - type: 'custom:button-card'
                                          entity: sensor.Schalter_Esszimmer_MusicCast_Leistung
                                          layout: vertical
                                          show_name: true
                                          show_icon: false
                                          show_state: true
                                          show_label: true
                                          name: Leistung
                                          styles:
                                            card:
                                              - background: '#a1a1a1'
                                              - border-radius: 0px
                                              - height: 50px
                                            name:
                                              - font-size: x-small
                                              - color: '#44739e'
                                              - font-weight: bold
                                              - font-style: oblique
                                            state:
                                              - font-size: smaller
                                            label:
                                              - font-size: smaller
                                          state:
                                            - value: 0
                                              label: 0 W
                                        - type: 'custom:button-card'
                                          entity: sensor.Verbrauchszaehler_Schalter_Esszimmer_MusicCast_Kosten_Jahr
                                          layout: vertical
                                          show_name: true
                                          show_icon: false
                                          show_state: true
                                          show_label: true
                                          name: Jahr
                                          styles:
                                            card:
                                              - background: '#a1a1a1'
                                              - border-radius: 0px
                                              - height: 50px
                                            name:
                                              - font-size: x-small
                                              - color: '#44739e'
                                              - font-weight: bold
                                              - font-style: oblique
                                            state:
                                              - font-size: smaller
                                            label:
                                              - font-size: smaller
                                          state:
                                            - value: 0
                                              label: 0 €
                                        - type: 'custom:button-card'
                                          entity: switch.Schalter_Esszimmer_MusicCast_An
                                          layout: vertical
                                          show_name: false
                                          styles:
                                            card:
                                              - background: '#a1a1a1'
                                              - border-radius: 0px
                                              - height: 50px
                                  

                                  system.png

                                  type: 'custom:vertical-stack-in-card'
                                  cards:
                                    - type: 'custom:button-card'
                                      name: System
                                      show_entity_picture: true
                                      entity_picture: /static/myimages/nuc.png
                                      styles:
                                        card:
                                          - height: 60px
                                          - padding: 0px
                                          - margin: 0px
                                        grid:
                                          - grid-template-areas: '"n i"'
                                          - grid-template-columns: 1fr 30%
                                        name:
                                          - justify-self: start
                                          - padding-left: 20px
                                          - color: '#0277bd'
                                          - font-size: x-large
                                        entity_picture:
                                          - padding-right: 20px
                                          - padding-top: 6px
                                          - padding-bottom: 6px
                                        img_cell:
                                          - justify-content: flex-end
                                    - type: divider
                                      style:
                                        height: 4px
                                        background: '#0277bd'
                                    - type: divider
                                      style:
                                        height: 6px
                                    - type: horizontal-stack
                                      cards:
                                        - type: 'custom:button-card'
                                          layout: icon_name
                                          name: CPU
                                          show_icon: true
                                          show_state: false
                                          icon: 'mdi:raspberry-pi'
                                          styles:
                                            card:
                                              - height: 100%
                                              - width: 100%
                                              - min-width: 160px
                                            grid:
                                              - grid-template-areas: '"i n"'
                                              - grid-template-columns: 1fr 70%
                                            name:
                                              - justify-self: start
                                              - font-size: smaller
                                              - margin: 0px
                                            icon:
                                              - color: '#0277bd'
                                        - type: 'custom:bignumber-card'
                                          entity: sensor.System_CPU_Auslastung
                                          scale: 13px
                                          from: left
                                          min: 0
                                          max: 100
                                          severity:
                                            - value: 60
                                              style: green
                                            - value: 80
                                              style: Gold
                                            - value: 100
                                              style: FireBrick
                                    - type: divider
                                      style:
                                        height: 6px
                                    - type: horizontal-stack
                                      cards:
                                        - type: 'custom:button-card'
                                          layout: icon_name
                                          name: CPU ∅-Last
                                          show_icon: true
                                          show_state: false
                                          icon: 'mdi:raspberry-pi'
                                          styles:
                                            card:
                                              - height: 100%
                                              - width: 100%
                                              - min-width: 160px
                                            grid:
                                              - grid-template-areas: '"i n"'
                                              - grid-template-columns: 1fr 70%
                                            name:
                                              - justify-self: start
                                              - font-size: smaller
                                              - margin: 0px
                                            icon:
                                              - color: '#0277bd'
                                        - type: 'custom:bignumber-card'
                                          entity: sensor.System_CPU_Durchschnitt
                                          scale: 13px
                                          from: left
                                          min: 0
                                          max: 100
                                          severity:
                                            - value: 60
                                              style: green
                                            - value: 80
                                              style: Gold
                                            - value: 100
                                              style: FireBrick
                                    - type: divider
                                      style:
                                        height: 6px
                                    - type: horizontal-stack
                                      cards:
                                        - type: 'custom:button-card'
                                          layout: icon_name
                                          name: Arbeitsspeicher
                                          show_icon: true
                                          show_state: false
                                          show_label: true
                                          icon: 'mdi:memory'
                                          label: >-
                                            [[[ return (states["sensor.System_RAM_used"].state + " GB / " +
                                            states["sensor.System_RAM_total"].state + " GB") ]]]
                                          styles:
                                            card:
                                              - height: 100%
                                              - width: 100%
                                              - min-width: 160px
                                              - padding: 2px
                                            grid:
                                              - grid-template-areas: '"i n" "i l"'
                                              - grid-template-rows: min-content min-content
                                              - grid-template-columns: 1fr 72%
                                            name:
                                              - justify-self: start
                                              - font-size: smaller
                                              - margin: 0px
                                            label:
                                              - justify-self: start
                                              - font-size: x-small
                                              - margin: 0px
                                              - font-style: italic
                                              - color: '#0277bd'
                                            icon:
                                              - color: '#0277bd'
                                        - type: 'custom:bignumber-card'
                                          entity: sensor.System_RAM_usedPercent
                                          scale: 13px
                                          from: left
                                          min: 0
                                          max: 100
                                          severity:
                                            - value: 60
                                              style: green
                                            - value: 75
                                              style: Gold
                                            - value: 100
                                              style: FireBrick
                                    - type: divider
                                      style:
                                        height: 6px
                                    - type: horizontal-stack
                                      cards:
                                        - type: 'custom:button-card'
                                          layout: icon_name
                                          name: 'Win10 (C:)'
                                          show_icon: true
                                          show_state: false
                                          show_label: true
                                          icon: 'mdi:harddisk'
                                          label: >-
                                            [[[ return (states["sensor.System_Laufwerke_C_used"].state + " GB / "
                                            + states["sensor.System_Laufwerke_C_Size"].state + " GB") ]]]
                                          styles:
                                            card:
                                              - height: 100%
                                              - width: 100%
                                              - min-width: 160px
                                              - padding: 2px
                                            grid:
                                              - grid-template-areas: '"i n" "i l"'
                                              - grid-template-rows: min-content min-content
                                              - grid-template-columns: 1fr 72%
                                            name:
                                              - justify-self: start
                                              - font-size: smaller
                                              - margin: 0px
                                            label:
                                              - justify-self: start
                                              - font-size: x-small
                                              - margin: 0px
                                              - font-style: italic
                                              - color: '#0277bd'
                                            icon:
                                              - color: '#0277bd'
                                        - type: 'custom:bignumber-card'
                                          entity: sensor.System_Laufwerke_C_usedPercent
                                          scale: 13px
                                          from: left
                                          min: 0
                                          max: 100
                                          severity:
                                            - value: 60
                                              style: green
                                            - value: 75
                                              style: Gold
                                            - value: 100
                                              style: FireBrick
                                    - type: divider
                                      style:
                                        height: 6px
                                    - type: horizontal-stack
                                      cards:
                                        - type: 'custom:button-card'
                                          layout: icon_name
                                          name: 'Work (D:)'
                                          show_icon: true
                                          show_state: false
                                          show_label: true
                                          icon: 'mdi:harddisk'
                                          label: >-
                                            [[[ return (states["sensor.System_Laufwerke_D_used"].state + " GB / "
                                            + states["sensor.System_Laufwerke_D_Size"].state + " GB") ]]]
                                          styles:
                                            card:
                                              - height: 100%
                                              - width: 100%
                                              - min-width: 160px
                                              - padding: 2px
                                            grid:
                                              - grid-template-areas: '"i n" "i l"'
                                              - grid-template-rows: min-content min-content
                                              - grid-template-columns: 1fr 72%
                                            name:
                                              - justify-self: start
                                              - font-size: smaller
                                              - margin: 0px
                                            label:
                                              - justify-self: start
                                              - font-size: x-small
                                              - margin: 0px
                                              - font-style: italic
                                              - color: '#0277bd'
                                            icon:
                                              - color: '#0277bd'
                                        - type: 'custom:bignumber-card'
                                          entity: sensor.System_Laufwerke_D_usedPercent
                                          scale: 13px
                                          from: left
                                          min: 0
                                          max: 100
                                          severity:
                                            - value: 60
                                              style: green
                                            - value: 75
                                              style: Gold
                                            - value: 100
                                              style: FireBrick
                                    - type: divider
                                      style:
                                        height: 6px
                                    - type: horizontal-stack
                                      cards:
                                        - type: 'custom:button-card'
                                          layout: icon_name
                                          name: 'Backup (Y:)'
                                          show_icon: true
                                          show_state: false
                                          show_label: true
                                          icon: 'mdi:harddisk'
                                          label: >-
                                            [[[ return (states["sensor.System_Laufwerke_Y_used"].state + " GB / "
                                            + states["sensor.System_Laufwerke_Y_Size"].state + " GB") ]]]
                                          styles:
                                            card:
                                              - height: 100%
                                              - width: 100%
                                              - min-width: 160px
                                              - padding: 2px
                                            grid:
                                              - grid-template-areas: '"i n" "i l"'
                                              - grid-template-rows: min-content min-content
                                              - grid-template-columns: 1fr 72%
                                            name:
                                              - justify-self: start
                                              - font-size: smaller
                                              - margin: 0px
                                            label:
                                              - justify-self: start
                                              - font-size: x-small
                                              - margin: 0px
                                              - font-style: italic
                                              - color: '#0277bd'
                                            icon:
                                              - color: '#0277bd'
                                        - type: 'custom:bignumber-card'
                                          entity: sensor.System_Laufwerke_Y_usedPercent
                                          scale: 13px
                                          from: left
                                          min: 0
                                          max: 100
                                          severity:
                                            - value: 60
                                              style: green
                                            - value: 75
                                              style: Gold
                                            - value: 100
                                              style: FireBrick
                                    - type: divider
                                      style:
                                        height: 6px
                                    - type: horizontal-stack
                                      cards:
                                        - type: 'custom:button-card'
                                          layout: icon_name
                                          name: 'Mirror (Z:)'
                                          show_icon: true
                                          show_state: false
                                          show_label: true
                                          icon: 'mdi:harddisk'
                                          label: >-
                                            [[[ return (states["sensor.System_Laufwerke_Z_used"].state + " GB / "
                                            + states["sensor.System_Laufwerke_Z_Size"].state + " GB") ]]]
                                          styles:
                                            card:
                                              - height: 100%
                                              - width: 100%
                                              - min-width: 160px
                                              - padding: 2px
                                            grid:
                                              - grid-template-areas: '"i n" "i l"'
                                              - grid-template-rows: min-content min-content
                                              - grid-template-columns: 1fr 72%
                                            name:
                                              - justify-self: start
                                              - font-size: smaller
                                              - margin: 0px
                                            label:
                                              - justify-self: start
                                              - font-size: x-small
                                              - margin: 0px
                                              - font-style: italic
                                              - color: '#0277bd'
                                            icon:
                                              - color: '#0277bd'
                                        - type: 'custom:bignumber-card'
                                          entity: sensor.System_Laufwerke_Z_usedPercent
                                          scale: 13px
                                          from: left
                                          min: 0
                                          max: 100
                                          severity:
                                            - value: 60
                                              style: green
                                            - value: 75
                                              style: Gold
                                            - value: 100
                                              style: FireBrick
                                    - type: divider
                                      style:
                                        height: 6px
                                    - type: 'custom:button-card'
                                      entity: sensor.Schalter_Flur_Server_An
                                      show_name: false
                                      show_icon: false
                                      tap_action:
                                        action: none
                                      styles:
                                        card:
                                          - width: 100%
                                          - padding: 2px
                                      state:
                                        - value: true
                                          styles:
                                            card:
                                              - background: green
                                        - value: false
                                          styles:
                                            card:
                                              - background: FireBrick
                                    - type: horizontal-stack
                                      cards:
                                        - type: 'custom:button-card'
                                          entity: sensor.Schalter_Flur_Server_Leistung
                                          layout: vertical
                                          show_name: true
                                          show_icon: false
                                          show_state: false
                                          show_label: true
                                          name: Leistung
                                          label: |
                                            [[[
                                              if(entity.state > 0)
                                                return (entity.state + " " + entity.attributes.unit_of_measurement);
                                              else
                                                return "0 " + entity.attributes.unit_of_measurement;
                                            ]]]
                                          styles:
                                            card:
                                              - background: '#a1a1a1'
                                              - border-radius: 0px
                                              - height: 50px
                                            name:
                                              - font-size: x-small
                                              - color: '#44739e'
                                              - font-weight: bold
                                              - font-style: oblique
                                            state:
                                              - font-size: smaller
                                            label:
                                              - font-size: smaller
                                        - type: 'custom:button-card'
                                          entity: sensor.Verbrauchszaehler_Schalter_Flur_Server_Verbrauch_Tag
                                          layout: vertical
                                          show_name: true
                                          show_icon: false
                                          show_state: false
                                          show_label: true
                                          name: Heute
                                          label: |
                                            [[[ return entity.state * 1000 + ' Wh']]]                
                                          styles:
                                            card:
                                              - background: '#a1a1a1'
                                              - border-radius: 0px
                                              - height: 50px
                                            name:
                                              - font-size: x-small
                                              - color: '#44739e'
                                              - font-weight: bold
                                              - font-style: oblique
                                            state:
                                              - font-size: smaller
                                            label:
                                              - font-size: smaller
                                        - type: 'custom:button-card'
                                          entity: sensor.Verbrauchszaehler_Schalter_Flur_Server_Kosten_Jahr
                                          layout: vertical
                                          show_name: true
                                          show_icon: false
                                          show_state: false
                                          show_label: true
                                          name: Jahr
                                          label: |
                                            [[[
                                              if(entity.state > 0)
                                                return (entity.state + " " + entity.attributes.unit_of_measurement);
                                              else
                                                return "0 " + entity.attributes.unit_of_measurement;
                                            ]]]   
                                          styles:
                                            card:
                                              - background: '#a1a1a1'
                                              - border-radius: 0px
                                              - height: 50px
                                            name:
                                              - font-size: x-small
                                              - color: '#44739e'
                                              - font-weight: bold
                                              - font-style: oblique
                                            state:
                                              - font-size: smaller
                                            label:
                                              - font-size: smaller
                                  

                                  raspi.png

                                  type: 'custom:vertical-stack-in-card'
                                  cards:
                                    - type: 'custom:button-card'
                                      name: Raspimatic
                                      show_entity_picture: true
                                      entity_picture: /static/myimages/raspberrymatic.png
                                      tap_action:
                                        action: url
                                        url: 'http://10.0.124.189/login.htm'
                                      styles:
                                        card:
                                          - height: 60px
                                          - padding: 0px
                                          - margin: 0px
                                        grid:
                                          - grid-template-areas: '"n i"'
                                          - grid-template-columns: 1fr 20%
                                        name:
                                          - justify-self: start
                                          - padding-left: 20px
                                          - color: '#0277bd'
                                          - font-size: x-large
                                        entity_picture:
                                          - padding-right: 20px
                                          - padding-top: 6px
                                          - padding-bottom: 6px
                                        img_cell:
                                          - justify-content: flex-end
                                    - type: 'custom:button-card'
                                      entity: sensor.Netzwerk_Devices_RaspiMatic_Verbunden
                                      show_name: false
                                      show_icon: false
                                      tap_action:
                                        action: none
                                      styles:
                                        card:
                                          - width: 100%
                                          - padding: 2px
                                      state:
                                        - value: true
                                          styles:
                                            card:
                                              - background: green
                                        - value: false
                                          styles:
                                            card:
                                              - background: FireBrick
                                    - type: 'custom:button-card'
                                      entity: sensor.Netzwerk_Devices_RaspiMatic_Betriebszeit
                                      layout: icon_name
                                      name: Betriebszeit
                                      show_icon: true
                                      show_state: false
                                      show_label: true
                                      icon: 'mdi:clock-outline'
                                      label: |
                                        [[[ if (entity.state == "") 
                                              return "0m"; 
                                            else 
                                              return entity.state;
                                        ]]]
                                      styles:
                                        card:
                                          - padding-top: 10px
                                          - padding-bottom: 10px
                                        grid:
                                          - grid-template-areas: '"i n l"'
                                          - grid-template-columns: 11% 1fr 19%
                                        name:
                                          - justify-self: start
                                          - margin: 0px
                                        label:
                                          - justify-self: end
                                          - padding-right: 20px
                                        icon:
                                          - color: '#0277bd'
                                    - type: 'custom:button-card'
                                      entity: sensor.Netzwerk_Devices_RaspiMatic_upgradable
                                      layout: icon_name
                                      name: Neue Version verfügbar
                                      show_icon: true
                                      show_state: false
                                      show_label: true
                                      icon: 'mdi:update'
                                      label: |
                                        [[[ if (entity.state == false) 
                                              return "nein"; 
                                            else 
                                              return "Ja";
                                        ]]]
                                      styles:
                                        card:
                                          - padding-top: 10px
                                          - padding-bottom: 10px
                                        grid:
                                          - grid-template-areas: '"i n l"'
                                          - grid-template-columns: 11% 1fr 19%
                                        name:
                                          - justify-self: start
                                          - margin: 0px
                                        label:
                                          - justify-self: end
                                          - padding-right: 20px
                                        icon:
                                          - color: |
                                              [[[ 
                                                if (entity.state === true) 
                                                  return "green";
                                                else
                                                  return '#0277bd';
                                               ]]]        
                                    - type: 'custom:button-card'
                                      entity: sensor.Netzwerk_Devices_RaspiMatic_Alarmmeldungen
                                      layout: icon_name
                                      name: Alarmmeldungen
                                      show_icon: true
                                      show_state: false
                                      show_label: true
                                      icon: 'mdi:alert-octagon'
                                      label: |
                                        [[[ if (entity.state == 0) 
                                              return "0"; 
                                            else 
                                              return entity.state;
                                        ]]]
                                      styles:
                                        card:
                                          - padding-top: 10px
                                          - padding-bottom: 10px
                                        grid:
                                          - grid-template-areas: '"i n l"'
                                          - grid-template-columns: 11% 1fr 19%
                                        name:
                                          - justify-self: start
                                          - margin: 0px
                                        label:
                                          - justify-self: end
                                          - padding-right: 20px
                                        icon:
                                          - color: |
                                              [[[ 
                                                if (entity.state > 0) 
                                                  return "FireBrick";
                                                else
                                                  return '#0277bd';
                                               ]]]
                                    - type: 'custom:button-card'
                                      entity: sensor.Netzwerk_Devices_RaspiMatic_Servicemeldungen
                                      layout: icon_name
                                      name: Servicemeldungen
                                      show_icon: true
                                      show_state: false
                                      show_label: true
                                      icon: 'mdi:alert-octagon'
                                      label: |
                                        [[[ if (entity.state == 0) 
                                              return "0"; 
                                            else 
                                              return entity.state;
                                        ]]]
                                      styles:
                                        card:
                                          - padding-top: 10px
                                          - padding-bottom: 10px
                                        grid:
                                          - grid-template-areas: '"i n l"'
                                          - grid-template-columns: 11% 1fr 19%
                                        name:
                                          - justify-self: start
                                          - margin: 0px
                                        label:
                                          - justify-self: end
                                          - padding-right: 20px
                                        icon:
                                          - color: |
                                              [[[ 
                                                if (entity.state > 0) 
                                                  return "Gold";
                                                else
                                                  return '#0277bd';
                                               ]]]
                                    - type: divider
                                      style:
                                        height: 1px
                                        margin-left: 10px
                                        margin-right: 10px
                                        background: '#0277bd'
                                    - type: divider
                                      style:
                                        height: 6px
                                    - type: horizontal-stack
                                      cards:
                                        - type: 'custom:button-card'
                                          layout: icon_name
                                          name: Temperatur
                                          show_icon: true
                                          show_state: false
                                          icon: 'mdi:thermometer'
                                          styles:
                                            card:
                                              - height: 100%
                                              - width: 100%
                                              - min-width: 160px
                                            grid:
                                              - grid-template-areas: '"i n"'
                                              - grid-template-columns: 1fr 70%
                                            name:
                                              - justify-self: start
                                              - font-size: smaller
                                              - margin: 0px
                                            icon:
                                              - color: '#0277bd'
                                        - type: 'custom:bignumber-card'
                                          entity: sensor.Netzwerk_Devices_RaspiMatic_Temperatur
                                          scale: 12px
                                          from: left
                                          min: 0
                                          max: 100
                                          severity:
                                            - value: 50
                                              style: green
                                            - value: 55
                                              style: Gold
                                            - value: 65
                                              style: FireBrick
                                    - type: divider
                                      style:
                                        height: 6px
                                    - type: horizontal-stack
                                      cards:
                                        - type: 'custom:button-card'
                                          layout: icon_name
                                          name: CPU
                                          show_icon: true
                                          show_state: false
                                          icon: 'mdi:raspberry-pi'
                                          styles:
                                            card:
                                              - height: 100%
                                              - width: 100%
                                              - min-width: 160px
                                            grid:
                                              - grid-template-areas: '"i n"'
                                              - grid-template-columns: 1fr 70%
                                            name:
                                              - justify-self: start
                                              - font-size: smaller
                                              - margin: 0px
                                            icon:
                                              - color: '#0277bd'
                                        - type: 'custom:bignumber-card'
                                          entity: sensor.Netzwerk_Devices_RaspiMatic_Auslastung
                                          scale: 12px
                                          from: left
                                          min: 0
                                          max: 100
                                          severity:
                                            - value: 60
                                              style: green
                                            - value: 80
                                              style: Gold
                                            - value: 100
                                              style: FireBrick
                                    - type: divider
                                      style:
                                        height: 6px
                                    - type: horizontal-stack
                                      cards:
                                        - type: 'custom:button-card'
                                          layout: icon_name
                                          name: Arbeitsspeicher
                                          show_icon: true
                                          show_state: false
                                          icon: 'mdi:memory'
                                          styles:
                                            card:
                                              - height: 100%
                                              - width: 100%
                                              - min-width: 160px
                                            grid:
                                              - grid-template-areas: '"i n"'
                                              - grid-template-columns: 1fr 70%
                                            name:
                                              - justify-self: start
                                              - font-size: smaller
                                              - margin: 0px
                                            icon:
                                              - color: '#0277bd'
                                        - type: 'custom:bignumber-card'
                                          entity: sensor.Netzwerk_Devices_RaspiMatic_RamUsed
                                          scale: 12px
                                          from: left
                                          min: 0
                                          max: 100
                                          severity:
                                            - value: 60
                                              style: green
                                            - value: 80
                                              style: Gold
                                            - value: 100
                                              style: FireBrick
                                    - type: divider
                                      style:
                                        height: 6px
                                    - type: horizontal-stack
                                      cards:
                                        - type: 'custom:button-card'
                                          layout: icon_name
                                          name: SD-Karte
                                          show_icon: true
                                          show_state: false
                                          icon: 'mdi:micro-sd'
                                          styles:
                                            card:
                                              - height: 100%
                                              - width: 100%
                                              - min-width: 160px
                                            grid:
                                              - grid-template-areas: '"i n"'
                                              - grid-template-columns: 1fr 70%
                                            name:
                                              - justify-self: start
                                              - font-size: smaller
                                              - margin: 0px
                                            icon:
                                              - color: '#0277bd'
                                        - type: 'custom:bignumber-card'
                                          entity: sensor.Netzwerk_Devices_RaspiMatic_SdUsed
                                          scale: 12px
                                          from: left
                                          min: 0
                                          max: 100
                                          severity:
                                            - value: 60
                                              style: green
                                            - value: 75
                                              style: Gold
                                            - value: 100
                                              style: FireBrick
                                    - type: divider
                                      style:
                                        height: 6px
                                    - type: horizontal-stack
                                      cards:
                                        - type: 'custom:button-card'
                                          layout: icon_name
                                          name: Duty Cycle
                                          show_icon: true
                                          show_state: false
                                          icon: 'mdi:chart-line-variant'
                                          styles:
                                            card:
                                              - height: 100%
                                              - width: 100%
                                              - min-width: 160px
                                            grid:
                                              - grid-template-areas: '"i n"'
                                              - grid-template-columns: 1fr 70%
                                            name:
                                              - justify-self: start
                                              - font-size: smaller
                                              - margin: 0px
                                            icon:
                                              - color: '#0277bd'
                                        - type: 'custom:bignumber-card'
                                          entity: sensor.Netzwerk_Devices_RaspiMatic_DutyCycle
                                          scale: 12px
                                          from: left
                                          min: 0
                                          max: 100
                                          severity:
                                            - value: 50
                                              style: green
                                            - value: 70
                                              style: Gold
                                            - value: 100
                                              style: FireBrick
                                    - type: divider
                                      style:
                                        height: 6px
                                  
                                  

                                  Bar-Chart
                                  graph.png

                                  type: 'custom:vertical-stack-in-card'
                                  cards:
                                    - type: 'custom:mini-graph-card'
                                      entities:
                                        - entity: sensor.Verbrauchszaehler_Licht_Summe_Verbrauch__Tag_Tag_1
                                          color: '#44739e'
                                          name: Lichter Energie gesamt
                                      name: Lichter Energie gesamt
                                      hour24: true
                                      points_per_hour: 0.041
                                      hours_to_show: 168
                                      decimals: 3
                                      show:
                                        graph: bar
                                        name: false
                                        icon: false
                                    - type: horizontal-stack
                                      cards:
                                        - type: 'custom:button-card'
                                          entity: sensor.Licht_Leistung
                                          layout: vertical
                                          show_name: true
                                          show_icon: false
                                          show_state: false
                                          show_label: true
                                          name: Leistung
                                          label: |
                                            [[[
                                              if(entity.state > 0)
                                                return (entity.state + " " + entity.attributes.unit_of_measurement);
                                              else
                                                return "0 " + entity.attributes.unit_of_measurement;
                                            ]]]
                                          styles:
                                            card:
                                              - background: '#a1a1a1'
                                              - border-radius: 0px
                                              - height: 50px
                                            name:
                                              - font-size: x-small
                                              - color: '#44739e'
                                              - font-weight: bold
                                              - font-style: oblique
                                            state:
                                              - font-size: smaller
                                            label:
                                              - font-size: smaller
                                        - type: 'custom:button-card'
                                          entity: sensor.Verbrauchszaehler_Licht_Summe_Kosten_Jahr
                                          layout: vertical
                                          show_name: true
                                          show_icon: false
                                          show_state: false
                                          show_label: true
                                          name: Jahr
                                          label: |
                                            [[[
                                              if(entity.state > 0)
                                                return (entity.state + " " + entity.attributes.unit_of_measurement);
                                              else
                                                return "0 " + entity.attributes.unit_of_measurement;
                                            ]]]   
                                          styles:
                                            card:
                                              - background: '#a1a1a1'
                                              - border-radius: 0px
                                              - height: 50px
                                            name:
                                              - font-size: x-small
                                              - color: '#44739e'
                                              - font-weight: bold
                                              - font-style: oblique
                                            state:
                                              - font-size: smaller
                                            label:
                                              - font-size: smaller
                                  
                                  

                                  W Offline
                                  W Offline
                                  WW1983
                                  schrieb am zuletzt editiert von
                                  #185

                                  @Scrounger
                                  WOW. Sieht schon sehr cool aus. Klasse Arbeit

                                  1 Antwort Letzte Antwort
                                  0
                                  • ScroungerS Scrounger

                                    Hier mal ein paar Beispiele, was ich so mit lovelace realisiert habe.

                                    Hauptsächlich verwende ich die button-card, da diese sehr viel Flexibilität ermöglicht und man so mit manuellen entities sehr gut arbeiten kann.

                                    Anwesenheit
                                    anwesenheit.png

                                    type: horizontal-stack
                                    cards:
                                      - type: 'custom:vertical-stack-in-card'
                                        cards:
                                          - type: 'custom:button-card'
                                            entity: sensor.Netzwerk_Devices_Tussi_Anwesend
                                            layout: vertical
                                            show_name: true
                                            show_last_changed: true
                                            show_entity_picture: true
                                            show_icon: false
                                            tap_action:
                                              action: none
                                            styles:
                                              label:
                                                - font-size: small
                                                - font-style: italic
                                                - color: '#a1a1a1'
                                            state:
                                              - value: true
                                                entity_picture: /static/myimages/tussi_presence.png
                                                name: anwesend
                                              - value: false
                                                entity_picture: /static/myimages/tussi_presence.png
                                                name: abwesend
                                                styles:
                                                  icon:
                                                    - filter: grayscale(100%)
                                          - type: 'custom:button-card'
                                            entity: sensor.Netzwerk_Devices_Tussi_Anwesend
                                            show_name: false
                                            show_icon: false
                                            styles:
                                              card:
                                                - width: 100%
                                                - padding: 2px
                                            state:
                                              - value: true
                                                styles:
                                                  card:
                                                    - background: green
                                              - value: false
                                                styles:
                                                  card:
                                                    - background: FireBrick
                                      - type: 'custom:vertical-stack-in-card'
                                        cards:
                                          - type: 'custom:button-card'
                                            entity: sensor.Netzwerk_Devices_Handy_Anwesend
                                            layout: vertical
                                            show_name: true
                                            show_last_changed: true
                                            show_entity_picture: true
                                            show_icon: false
                                            tap_action:
                                              action: none
                                            styles:
                                              label:
                                                - font-size: small
                                                - font-style: italic
                                                - color: '#a1a1a1'
                                            state:
                                              - value: true
                                                entity_picture: /static/myimages/ich_presence.png
                                                name: anwesend
                                              - value: false
                                                entity_picture: /static/myimages/ich_presence.png
                                                name: abwesend
                                                styles:
                                                  icon:
                                                    - filter: grayscale(100%)
                                          - type: 'custom:button-card'
                                            entity: sensor.Netzwerk_Devices_Handy_Anwesend
                                            show_name: false
                                            show_icon: false
                                            styles:
                                              card:
                                                - width: 100%
                                                - padding: 2px
                                            state:
                                              - value: true
                                                styles:
                                                  card:
                                                    - background: green
                                              - value: false
                                                styles:
                                                  card:
                                                    - background: FireBrick
                                    

                                    Fenster
                                    windows.png

                                    type: horizontal-stack
                                    cards:
                                      - type: 'custom:vertical-stack-in-card'
                                        cards:
                                          - type: 'custom:button-card'
                                            entity: sensor.Sensoren_Fenster_Bad_Offen
                                            layout: vertical
                                            show_name: false
                                            show_entity_picture: true
                                            show_icon: false
                                            show_last_changed: true
                                            tap_action:
                                              action: none
                                            styles:
                                              label:
                                                - font-size: small
                                                - font-style: italic
                                                - color: '#a1a1a1'
                                            state:
                                              - value: true
                                                entity_picture: /static/myimages/window_open.png
                                                name: offen
                                                show_last_changed: true
                                              - value: false
                                                entity_picture: /static/myimages/window_closed.png
                                                name: geschlossen
                                                show_last_changed: false
                                      - type: 'custom:vertical-stack-in-card'
                                        cards:
                                          - type: 'custom:button-card'
                                            entity: sensor.Sensoren_Fenster_WC_Offen
                                            layout: vertical
                                            show_name: false
                                            show_entity_picture: true
                                            show_icon: false
                                            show_last_changed: true
                                            tap_action:
                                              action: none
                                            styles:
                                              label:
                                                - font-size: small
                                                - font-style: italic
                                                - color: '#a1a1a1'
                                            state:
                                              - value: true
                                                entity_picture: /static/myimages/window_open.png
                                                name: offen
                                                show_last_changed: true
                                              - value: false
                                                entity_picture: /static/myimages/window_closed.png
                                                name: geschlossen
                                                show_last_changed: false
                                    
                                    

                                    Licht - Schalter
                                    light_switch.gif

                                    type: vertical-stack
                                    cards:
                                      - type: horizontal-stack
                                        cards:
                                          - type: 'custom:vertical-stack-in-card'
                                            cards:
                                              - type: entity-button
                                                tap_action:
                                                  action: toggle
                                                hold_action:
                                                  action: more-info
                                                show_icon: true
                                                show_name: true
                                                entity: light.Licht_Flur_Main_An
                                                name: Flur
                                              - type: horizontal-stack
                                                cards:
                                                  - type: 'custom:button-card'
                                                    entity: sensor.Licht_Flur_Main_Leistung
                                                    layout: vertical
                                                    show_name: true
                                                    show_icon: false
                                                    show_state: false
                                                    show_label: true
                                                    name: Leistung
                                                    label: |
                                                      [[[
                                                        if(entity.state > 0)
                                                          return (entity.state + " " + entity.attributes.unit_of_measurement);
                                                        else
                                                          return "0 " + entity.attributes.unit_of_measurement;
                                                      ]]]
                                                    styles:
                                                      card:
                                                        - background: '#a1a1a1'
                                                        - border-radius: 0px
                                                        - height: 50px
                                                      name:
                                                        - font-size: x-small
                                                        - color: '#44739e'
                                                        - font-weight: bold
                                                        - font-style: oblique
                                                      state:
                                                        - font-size: smaller
                                                      label:
                                                        - font-size: smaller
                                                  - type: 'custom:button-card'
                                                    entity: sensor.Verbrauchszaehler_Licht_Flur_Main_Verbrauch_Tag
                                                    layout: vertical
                                                    show_name: true
                                                    show_icon: false
                                                    show_state: false
                                                    show_label: true
                                                    name: Heute
                                                    label: |
                                                      [[[ return entity.state * 1000 + ' Wh']]]                
                                                    styles:
                                                      card:
                                                        - background: '#a1a1a1'
                                                        - border-radius: 0px
                                                        - height: 50px
                                                      name:
                                                        - font-size: x-small
                                                        - color: '#44739e'
                                                        - font-weight: bold
                                                        - font-style: oblique
                                                      state:
                                                        - font-size: smaller
                                                      label:
                                                        - font-size: smaller
                                                  - type: 'custom:button-card'
                                                    entity: sensor.Verbrauchszaehler_Licht_Flur_Main_Kosten_Jahr
                                                    layout: vertical
                                                    show_name: true
                                                    show_icon: false
                                                    show_state: false
                                                    show_label: true
                                                    name: Jahr
                                                    label: |
                                                      [[[
                                                        if(entity.state > 0)
                                                          return (entity.state + " " + entity.attributes.unit_of_measurement);
                                                        else
                                                          return "0 " + entity.attributes.unit_of_measurement;
                                                      ]]]   
                                                    styles:
                                                      card:
                                                        - background: '#a1a1a1'
                                                        - border-radius: 0px
                                                        - height: 50px
                                                      name:
                                                        - font-size: x-small
                                                        - color: '#44739e'
                                                        - font-weight: bold
                                                        - font-style: oblique
                                                      state:
                                                        - font-size: smaller
                                                      label:
                                                        - font-size: smaller
                                          - type: 'custom:vertical-stack-in-card'
                                            cards:
                                              - type: entity-button
                                                tap_action:
                                                  action: toggle
                                                hold_action:
                                                  action: more-info
                                                show_icon: true
                                                show_name: true
                                                entity: light.Licht_Flur_Nische_An
                                                name: Nische
                                              - type: horizontal-stack
                                                cards:
                                                  - type: 'custom:button-card'
                                                    entity: sensor.Licht_Flur_Nische_Leistung
                                                    layout: vertical
                                                    show_name: true
                                                    show_icon: false
                                                    show_state: false
                                                    show_label: true
                                                    name: Leistung
                                                    label: |
                                                      [[[
                                                        if(entity.state > 0)
                                                          return (entity.state + " " + entity.attributes.unit_of_measurement);
                                                        else
                                                          return "0 " + entity.attributes.unit_of_measurement;
                                                      ]]]
                                                    styles:
                                                      card:
                                                        - background: '#a1a1a1'
                                                        - border-radius: 0px
                                                        - height: 50px
                                                      name:
                                                        - font-size: x-small
                                                        - color: '#44739e'
                                                        - font-weight: bold
                                                        - font-style: oblique
                                                      state:
                                                        - font-size: smaller
                                                      label:
                                                        - font-size: smaller
                                                  - type: 'custom:button-card'
                                                    entity: sensor.Verbrauchszaehler_Licht_Flur_Nische_Verbrauch_Tag
                                                    layout: vertical
                                                    show_name: true
                                                    show_icon: false
                                                    show_state: false
                                                    show_label: true
                                                    name: Heute
                                                    label: |
                                                      [[[ return entity.state * 1000 + ' Wh']]]                
                                                    styles:
                                                      card:
                                                        - background: '#a1a1a1'
                                                        - border-radius: 0px
                                                        - height: 50px
                                                      name:
                                                        - font-size: x-small
                                                        - color: '#44739e'
                                                        - font-weight: bold
                                                        - font-style: oblique
                                                      state:
                                                        - font-size: smaller
                                                      label:
                                                        - font-size: smaller
                                                  - type: 'custom:button-card'
                                                    entity: sensor.Verbrauchszaehler_Licht_Flur_Nische_Kosten_Jahr
                                                    layout: vertical
                                                    show_name: true
                                                    show_icon: false
                                                    show_state: false
                                                    show_label: true
                                                    name: Jahr
                                                    label: |
                                                      [[[
                                                        if(entity.state > 0)
                                                          return (entity.state + " " + entity.attributes.unit_of_measurement);
                                                        else
                                                          return "0 " + entity.attributes.unit_of_measurement;
                                                      ]]]   
                                                    styles:
                                                      card:
                                                        - background: '#a1a1a1'
                                                        - border-radius: 0px
                                                        - height: 50px
                                                      name:
                                                        - font-size: x-small
                                                        - color: '#44739e'
                                                        - font-weight: bold
                                                        - font-style: oblique
                                                      state:
                                                        - font-size: smaller
                                                      label:
                                                        - font-size: smaller
                                    

                                    Licht - Dimmer
                                    light_dimmer.gif

                                    type: 'custom:vertical-stack-in-card'
                                    title: Esszimmer
                                    cards:
                                      - type: horizontal-stack
                                        cards:
                                          - type: light
                                            entity: light.Licht_Esszimmer_Links_Dimmer
                                            name: Links
                                          - type: light
                                            entity: light.Licht_Esszimmer_Rechts_Dimmer
                                            name: Rechts
                                      - type: horizontal-stack
                                        cards:
                                          - type: 'custom:button-card'
                                            entity: sensor.Licht_Esszimmer_Gruppe_SummeLeistung
                                            layout: vertical
                                            show_name: true
                                            show_icon: false
                                            show_state: false
                                            show_label: true
                                            name: Leistung
                                            label: |
                                              [[[
                                                if(entity.state > 0)
                                                  return (entity.state + " " + entity.attributes.unit_of_measurement);
                                                else
                                                  return "0 " + entity.attributes.unit_of_measurement;
                                              ]]]
                                            styles:
                                              card:
                                                - background: '#a1a1a1'
                                                - border-radius: 0px
                                                - height: 50px
                                              name:
                                                - font-size: x-small
                                                - color: '#44739e'
                                                - font-weight: bold
                                                - font-style: oblique
                                              state:
                                                - font-size: smaller
                                              label:
                                                - font-size: smaller
                                          - type: 'custom:button-card'
                                            entity: sensor.Verbrauchszaehler_Licht_Esszimmer_Gruppe_Verbrauch_Tag
                                            layout: vertical
                                            show_name: true
                                            show_icon: false
                                            show_state: false
                                            show_label: true
                                            name: Heute
                                            label: |
                                              [[[ return entity.state * 1000 + ' Wh']]]                
                                            styles:
                                              card:
                                                - background: '#a1a1a1'
                                                - border-radius: 0px
                                                - height: 50px
                                              name:
                                                - font-size: x-small
                                                - color: '#44739e'
                                                - font-weight: bold
                                                - font-style: oblique
                                              state:
                                                - font-size: smaller
                                              label:
                                                - font-size: smaller
                                          - type: 'custom:button-card'
                                            entity: sensor.Verbrauchszaehler_Licht_Esszimmer_Gruppe_Kosten_Jahr
                                            layout: vertical
                                            show_name: true
                                            show_icon: false
                                            show_state: false
                                            show_label: true
                                            name: Jahr
                                            label: |
                                              [[[
                                                if(entity.state > 0)
                                                  return (entity.state + " " + entity.attributes.unit_of_measurement);
                                                else
                                                  return "0 " + entity.attributes.unit_of_measurement;
                                              ]]]   
                                            styles:
                                              card:
                                                - background: '#a1a1a1'
                                                - border-radius: 0px
                                                - height: 50px
                                              name:
                                                - font-size: x-small
                                                - color: '#44739e'
                                                - font-weight: bold
                                                - font-style: oblique
                                              state:
                                                - font-size: smaller
                                              label:
                                                - font-size: smaller
                                    

                                    Geräte
                                    devices.png

                                    type: 'custom:vertical-stack-in-card'
                                    cards:
                                      - type: 'custom:button-card'
                                        entity: switch.Netzwerk_Devices_MusicCast_Esszimmer_An
                                        layout: vertical
                                        show_name: false
                                        show_entity_picture: true
                                        tap_action:
                                          action: toggle
                                        size: 30%
                                        state:
                                          - value: 'on'
                                            entity_picture: /static/myimages/MusicCast-WX-030.png
                                            styles:
                                              card:
                                                - background: LemonChiffon
                                          - value: 'off'
                                            entity_picture: /static/myimages/MusicCast-WX-030.png
                                      - type: 'custom:button-card'
                                        entity: sensor.Netzwerk_Devices_MusicCast_Esszimmer_PowerStatus
                                        show_name: false
                                        show_icon: false
                                        tap_action:
                                          action: none
                                        styles:
                                          card:
                                            - width: 100%
                                            - padding: 2px
                                            - margin-top: '-10px'
                                        state:
                                          - value: An
                                            styles:
                                              card:
                                                - background: green
                                          - value: Aus
                                            styles:
                                              card:
                                                - background: FireBrick
                                          - value: Boot
                                            styles:
                                              card:
                                                - background: MediumSeaGreen
                                                - animation: blink 2s ease infinite
                                          - value: Standby
                                            styles:
                                              card:
                                                - background: Orange
                                          - value: Enter Standby
                                            styles:
                                              card:
                                                - background: Orange
                                                - animation: blink 2s ease infinite
                                          - value: Leave Standby
                                            styles:
                                              card:
                                                - background: Orange
                                                - animation: blink 2s ease infinite
                                      - type: horizontal-stack
                                        cards:
                                          - type: 'custom:button-card'
                                            entity: sensor.Netzwerk_Devices_MusicCast_Esszimmer_PowerStatus
                                            layout: vertical
                                            show_name: true
                                            show_icon: false
                                            show_state: true
                                            name: Status
                                            styles:
                                              card:
                                                - background: '#a1a1a1'
                                                - border-radius: 0px
                                                - height: 50px
                                              name:
                                                - font-size: x-small
                                                - color: '#44739e'
                                                - font-weight: bold
                                                - font-style: oblique
                                              state:
                                                - font-size: smaller
                                          - type: 'custom:button-card'
                                            entity: sensor.Schalter_Esszimmer_MusicCast_Leistung
                                            layout: vertical
                                            show_name: true
                                            show_icon: false
                                            show_state: true
                                            show_label: true
                                            name: Leistung
                                            styles:
                                              card:
                                                - background: '#a1a1a1'
                                                - border-radius: 0px
                                                - height: 50px
                                              name:
                                                - font-size: x-small
                                                - color: '#44739e'
                                                - font-weight: bold
                                                - font-style: oblique
                                              state:
                                                - font-size: smaller
                                              label:
                                                - font-size: smaller
                                            state:
                                              - value: 0
                                                label: 0 W
                                          - type: 'custom:button-card'
                                            entity: sensor.Verbrauchszaehler_Schalter_Esszimmer_MusicCast_Kosten_Jahr
                                            layout: vertical
                                            show_name: true
                                            show_icon: false
                                            show_state: true
                                            show_label: true
                                            name: Jahr
                                            styles:
                                              card:
                                                - background: '#a1a1a1'
                                                - border-radius: 0px
                                                - height: 50px
                                              name:
                                                - font-size: x-small
                                                - color: '#44739e'
                                                - font-weight: bold
                                                - font-style: oblique
                                              state:
                                                - font-size: smaller
                                              label:
                                                - font-size: smaller
                                            state:
                                              - value: 0
                                                label: 0 €
                                          - type: 'custom:button-card'
                                            entity: switch.Schalter_Esszimmer_MusicCast_An
                                            layout: vertical
                                            show_name: false
                                            styles:
                                              card:
                                                - background: '#a1a1a1'
                                                - border-radius: 0px
                                                - height: 50px
                                    

                                    system.png

                                    type: 'custom:vertical-stack-in-card'
                                    cards:
                                      - type: 'custom:button-card'
                                        name: System
                                        show_entity_picture: true
                                        entity_picture: /static/myimages/nuc.png
                                        styles:
                                          card:
                                            - height: 60px
                                            - padding: 0px
                                            - margin: 0px
                                          grid:
                                            - grid-template-areas: '"n i"'
                                            - grid-template-columns: 1fr 30%
                                          name:
                                            - justify-self: start
                                            - padding-left: 20px
                                            - color: '#0277bd'
                                            - font-size: x-large
                                          entity_picture:
                                            - padding-right: 20px
                                            - padding-top: 6px
                                            - padding-bottom: 6px
                                          img_cell:
                                            - justify-content: flex-end
                                      - type: divider
                                        style:
                                          height: 4px
                                          background: '#0277bd'
                                      - type: divider
                                        style:
                                          height: 6px
                                      - type: horizontal-stack
                                        cards:
                                          - type: 'custom:button-card'
                                            layout: icon_name
                                            name: CPU
                                            show_icon: true
                                            show_state: false
                                            icon: 'mdi:raspberry-pi'
                                            styles:
                                              card:
                                                - height: 100%
                                                - width: 100%
                                                - min-width: 160px
                                              grid:
                                                - grid-template-areas: '"i n"'
                                                - grid-template-columns: 1fr 70%
                                              name:
                                                - justify-self: start
                                                - font-size: smaller
                                                - margin: 0px
                                              icon:
                                                - color: '#0277bd'
                                          - type: 'custom:bignumber-card'
                                            entity: sensor.System_CPU_Auslastung
                                            scale: 13px
                                            from: left
                                            min: 0
                                            max: 100
                                            severity:
                                              - value: 60
                                                style: green
                                              - value: 80
                                                style: Gold
                                              - value: 100
                                                style: FireBrick
                                      - type: divider
                                        style:
                                          height: 6px
                                      - type: horizontal-stack
                                        cards:
                                          - type: 'custom:button-card'
                                            layout: icon_name
                                            name: CPU ∅-Last
                                            show_icon: true
                                            show_state: false
                                            icon: 'mdi:raspberry-pi'
                                            styles:
                                              card:
                                                - height: 100%
                                                - width: 100%
                                                - min-width: 160px
                                              grid:
                                                - grid-template-areas: '"i n"'
                                                - grid-template-columns: 1fr 70%
                                              name:
                                                - justify-self: start
                                                - font-size: smaller
                                                - margin: 0px
                                              icon:
                                                - color: '#0277bd'
                                          - type: 'custom:bignumber-card'
                                            entity: sensor.System_CPU_Durchschnitt
                                            scale: 13px
                                            from: left
                                            min: 0
                                            max: 100
                                            severity:
                                              - value: 60
                                                style: green
                                              - value: 80
                                                style: Gold
                                              - value: 100
                                                style: FireBrick
                                      - type: divider
                                        style:
                                          height: 6px
                                      - type: horizontal-stack
                                        cards:
                                          - type: 'custom:button-card'
                                            layout: icon_name
                                            name: Arbeitsspeicher
                                            show_icon: true
                                            show_state: false
                                            show_label: true
                                            icon: 'mdi:memory'
                                            label: >-
                                              [[[ return (states["sensor.System_RAM_used"].state + " GB / " +
                                              states["sensor.System_RAM_total"].state + " GB") ]]]
                                            styles:
                                              card:
                                                - height: 100%
                                                - width: 100%
                                                - min-width: 160px
                                                - padding: 2px
                                              grid:
                                                - grid-template-areas: '"i n" "i l"'
                                                - grid-template-rows: min-content min-content
                                                - grid-template-columns: 1fr 72%
                                              name:
                                                - justify-self: start
                                                - font-size: smaller
                                                - margin: 0px
                                              label:
                                                - justify-self: start
                                                - font-size: x-small
                                                - margin: 0px
                                                - font-style: italic
                                                - color: '#0277bd'
                                              icon:
                                                - color: '#0277bd'
                                          - type: 'custom:bignumber-card'
                                            entity: sensor.System_RAM_usedPercent
                                            scale: 13px
                                            from: left
                                            min: 0
                                            max: 100
                                            severity:
                                              - value: 60
                                                style: green
                                              - value: 75
                                                style: Gold
                                              - value: 100
                                                style: FireBrick
                                      - type: divider
                                        style:
                                          height: 6px
                                      - type: horizontal-stack
                                        cards:
                                          - type: 'custom:button-card'
                                            layout: icon_name
                                            name: 'Win10 (C:)'
                                            show_icon: true
                                            show_state: false
                                            show_label: true
                                            icon: 'mdi:harddisk'
                                            label: >-
                                              [[[ return (states["sensor.System_Laufwerke_C_used"].state + " GB / "
                                              + states["sensor.System_Laufwerke_C_Size"].state + " GB") ]]]
                                            styles:
                                              card:
                                                - height: 100%
                                                - width: 100%
                                                - min-width: 160px
                                                - padding: 2px
                                              grid:
                                                - grid-template-areas: '"i n" "i l"'
                                                - grid-template-rows: min-content min-content
                                                - grid-template-columns: 1fr 72%
                                              name:
                                                - justify-self: start
                                                - font-size: smaller
                                                - margin: 0px
                                              label:
                                                - justify-self: start
                                                - font-size: x-small
                                                - margin: 0px
                                                - font-style: italic
                                                - color: '#0277bd'
                                              icon:
                                                - color: '#0277bd'
                                          - type: 'custom:bignumber-card'
                                            entity: sensor.System_Laufwerke_C_usedPercent
                                            scale: 13px
                                            from: left
                                            min: 0
                                            max: 100
                                            severity:
                                              - value: 60
                                                style: green
                                              - value: 75
                                                style: Gold
                                              - value: 100
                                                style: FireBrick
                                      - type: divider
                                        style:
                                          height: 6px
                                      - type: horizontal-stack
                                        cards:
                                          - type: 'custom:button-card'
                                            layout: icon_name
                                            name: 'Work (D:)'
                                            show_icon: true
                                            show_state: false
                                            show_label: true
                                            icon: 'mdi:harddisk'
                                            label: >-
                                              [[[ return (states["sensor.System_Laufwerke_D_used"].state + " GB / "
                                              + states["sensor.System_Laufwerke_D_Size"].state + " GB") ]]]
                                            styles:
                                              card:
                                                - height: 100%
                                                - width: 100%
                                                - min-width: 160px
                                                - padding: 2px
                                              grid:
                                                - grid-template-areas: '"i n" "i l"'
                                                - grid-template-rows: min-content min-content
                                                - grid-template-columns: 1fr 72%
                                              name:
                                                - justify-self: start
                                                - font-size: smaller
                                                - margin: 0px
                                              label:
                                                - justify-self: start
                                                - font-size: x-small
                                                - margin: 0px
                                                - font-style: italic
                                                - color: '#0277bd'
                                              icon:
                                                - color: '#0277bd'
                                          - type: 'custom:bignumber-card'
                                            entity: sensor.System_Laufwerke_D_usedPercent
                                            scale: 13px
                                            from: left
                                            min: 0
                                            max: 100
                                            severity:
                                              - value: 60
                                                style: green
                                              - value: 75
                                                style: Gold
                                              - value: 100
                                                style: FireBrick
                                      - type: divider
                                        style:
                                          height: 6px
                                      - type: horizontal-stack
                                        cards:
                                          - type: 'custom:button-card'
                                            layout: icon_name
                                            name: 'Backup (Y:)'
                                            show_icon: true
                                            show_state: false
                                            show_label: true
                                            icon: 'mdi:harddisk'
                                            label: >-
                                              [[[ return (states["sensor.System_Laufwerke_Y_used"].state + " GB / "
                                              + states["sensor.System_Laufwerke_Y_Size"].state + " GB") ]]]
                                            styles:
                                              card:
                                                - height: 100%
                                                - width: 100%
                                                - min-width: 160px
                                                - padding: 2px
                                              grid:
                                                - grid-template-areas: '"i n" "i l"'
                                                - grid-template-rows: min-content min-content
                                                - grid-template-columns: 1fr 72%
                                              name:
                                                - justify-self: start
                                                - font-size: smaller
                                                - margin: 0px
                                              label:
                                                - justify-self: start
                                                - font-size: x-small
                                                - margin: 0px
                                                - font-style: italic
                                                - color: '#0277bd'
                                              icon:
                                                - color: '#0277bd'
                                          - type: 'custom:bignumber-card'
                                            entity: sensor.System_Laufwerke_Y_usedPercent
                                            scale: 13px
                                            from: left
                                            min: 0
                                            max: 100
                                            severity:
                                              - value: 60
                                                style: green
                                              - value: 75
                                                style: Gold
                                              - value: 100
                                                style: FireBrick
                                      - type: divider
                                        style:
                                          height: 6px
                                      - type: horizontal-stack
                                        cards:
                                          - type: 'custom:button-card'
                                            layout: icon_name
                                            name: 'Mirror (Z:)'
                                            show_icon: true
                                            show_state: false
                                            show_label: true
                                            icon: 'mdi:harddisk'
                                            label: >-
                                              [[[ return (states["sensor.System_Laufwerke_Z_used"].state + " GB / "
                                              + states["sensor.System_Laufwerke_Z_Size"].state + " GB") ]]]
                                            styles:
                                              card:
                                                - height: 100%
                                                - width: 100%
                                                - min-width: 160px
                                                - padding: 2px
                                              grid:
                                                - grid-template-areas: '"i n" "i l"'
                                                - grid-template-rows: min-content min-content
                                                - grid-template-columns: 1fr 72%
                                              name:
                                                - justify-self: start
                                                - font-size: smaller
                                                - margin: 0px
                                              label:
                                                - justify-self: start
                                                - font-size: x-small
                                                - margin: 0px
                                                - font-style: italic
                                                - color: '#0277bd'
                                              icon:
                                                - color: '#0277bd'
                                          - type: 'custom:bignumber-card'
                                            entity: sensor.System_Laufwerke_Z_usedPercent
                                            scale: 13px
                                            from: left
                                            min: 0
                                            max: 100
                                            severity:
                                              - value: 60
                                                style: green
                                              - value: 75
                                                style: Gold
                                              - value: 100
                                                style: FireBrick
                                      - type: divider
                                        style:
                                          height: 6px
                                      - type: 'custom:button-card'
                                        entity: sensor.Schalter_Flur_Server_An
                                        show_name: false
                                        show_icon: false
                                        tap_action:
                                          action: none
                                        styles:
                                          card:
                                            - width: 100%
                                            - padding: 2px
                                        state:
                                          - value: true
                                            styles:
                                              card:
                                                - background: green
                                          - value: false
                                            styles:
                                              card:
                                                - background: FireBrick
                                      - type: horizontal-stack
                                        cards:
                                          - type: 'custom:button-card'
                                            entity: sensor.Schalter_Flur_Server_Leistung
                                            layout: vertical
                                            show_name: true
                                            show_icon: false
                                            show_state: false
                                            show_label: true
                                            name: Leistung
                                            label: |
                                              [[[
                                                if(entity.state > 0)
                                                  return (entity.state + " " + entity.attributes.unit_of_measurement);
                                                else
                                                  return "0 " + entity.attributes.unit_of_measurement;
                                              ]]]
                                            styles:
                                              card:
                                                - background: '#a1a1a1'
                                                - border-radius: 0px
                                                - height: 50px
                                              name:
                                                - font-size: x-small
                                                - color: '#44739e'
                                                - font-weight: bold
                                                - font-style: oblique
                                              state:
                                                - font-size: smaller
                                              label:
                                                - font-size: smaller
                                          - type: 'custom:button-card'
                                            entity: sensor.Verbrauchszaehler_Schalter_Flur_Server_Verbrauch_Tag
                                            layout: vertical
                                            show_name: true
                                            show_icon: false
                                            show_state: false
                                            show_label: true
                                            name: Heute
                                            label: |
                                              [[[ return entity.state * 1000 + ' Wh']]]                
                                            styles:
                                              card:
                                                - background: '#a1a1a1'
                                                - border-radius: 0px
                                                - height: 50px
                                              name:
                                                - font-size: x-small
                                                - color: '#44739e'
                                                - font-weight: bold
                                                - font-style: oblique
                                              state:
                                                - font-size: smaller
                                              label:
                                                - font-size: smaller
                                          - type: 'custom:button-card'
                                            entity: sensor.Verbrauchszaehler_Schalter_Flur_Server_Kosten_Jahr
                                            layout: vertical
                                            show_name: true
                                            show_icon: false
                                            show_state: false
                                            show_label: true
                                            name: Jahr
                                            label: |
                                              [[[
                                                if(entity.state > 0)
                                                  return (entity.state + " " + entity.attributes.unit_of_measurement);
                                                else
                                                  return "0 " + entity.attributes.unit_of_measurement;
                                              ]]]   
                                            styles:
                                              card:
                                                - background: '#a1a1a1'
                                                - border-radius: 0px
                                                - height: 50px
                                              name:
                                                - font-size: x-small
                                                - color: '#44739e'
                                                - font-weight: bold
                                                - font-style: oblique
                                              state:
                                                - font-size: smaller
                                              label:
                                                - font-size: smaller
                                    

                                    raspi.png

                                    type: 'custom:vertical-stack-in-card'
                                    cards:
                                      - type: 'custom:button-card'
                                        name: Raspimatic
                                        show_entity_picture: true
                                        entity_picture: /static/myimages/raspberrymatic.png
                                        tap_action:
                                          action: url
                                          url: 'http://10.0.124.189/login.htm'
                                        styles:
                                          card:
                                            - height: 60px
                                            - padding: 0px
                                            - margin: 0px
                                          grid:
                                            - grid-template-areas: '"n i"'
                                            - grid-template-columns: 1fr 20%
                                          name:
                                            - justify-self: start
                                            - padding-left: 20px
                                            - color: '#0277bd'
                                            - font-size: x-large
                                          entity_picture:
                                            - padding-right: 20px
                                            - padding-top: 6px
                                            - padding-bottom: 6px
                                          img_cell:
                                            - justify-content: flex-end
                                      - type: 'custom:button-card'
                                        entity: sensor.Netzwerk_Devices_RaspiMatic_Verbunden
                                        show_name: false
                                        show_icon: false
                                        tap_action:
                                          action: none
                                        styles:
                                          card:
                                            - width: 100%
                                            - padding: 2px
                                        state:
                                          - value: true
                                            styles:
                                              card:
                                                - background: green
                                          - value: false
                                            styles:
                                              card:
                                                - background: FireBrick
                                      - type: 'custom:button-card'
                                        entity: sensor.Netzwerk_Devices_RaspiMatic_Betriebszeit
                                        layout: icon_name
                                        name: Betriebszeit
                                        show_icon: true
                                        show_state: false
                                        show_label: true
                                        icon: 'mdi:clock-outline'
                                        label: |
                                          [[[ if (entity.state == "") 
                                                return "0m"; 
                                              else 
                                                return entity.state;
                                          ]]]
                                        styles:
                                          card:
                                            - padding-top: 10px
                                            - padding-bottom: 10px
                                          grid:
                                            - grid-template-areas: '"i n l"'
                                            - grid-template-columns: 11% 1fr 19%
                                          name:
                                            - justify-self: start
                                            - margin: 0px
                                          label:
                                            - justify-self: end
                                            - padding-right: 20px
                                          icon:
                                            - color: '#0277bd'
                                      - type: 'custom:button-card'
                                        entity: sensor.Netzwerk_Devices_RaspiMatic_upgradable
                                        layout: icon_name
                                        name: Neue Version verfügbar
                                        show_icon: true
                                        show_state: false
                                        show_label: true
                                        icon: 'mdi:update'
                                        label: |
                                          [[[ if (entity.state == false) 
                                                return "nein"; 
                                              else 
                                                return "Ja";
                                          ]]]
                                        styles:
                                          card:
                                            - padding-top: 10px
                                            - padding-bottom: 10px
                                          grid:
                                            - grid-template-areas: '"i n l"'
                                            - grid-template-columns: 11% 1fr 19%
                                          name:
                                            - justify-self: start
                                            - margin: 0px
                                          label:
                                            - justify-self: end
                                            - padding-right: 20px
                                          icon:
                                            - color: |
                                                [[[ 
                                                  if (entity.state === true) 
                                                    return "green";
                                                  else
                                                    return '#0277bd';
                                                 ]]]        
                                      - type: 'custom:button-card'
                                        entity: sensor.Netzwerk_Devices_RaspiMatic_Alarmmeldungen
                                        layout: icon_name
                                        name: Alarmmeldungen
                                        show_icon: true
                                        show_state: false
                                        show_label: true
                                        icon: 'mdi:alert-octagon'
                                        label: |
                                          [[[ if (entity.state == 0) 
                                                return "0"; 
                                              else 
                                                return entity.state;
                                          ]]]
                                        styles:
                                          card:
                                            - padding-top: 10px
                                            - padding-bottom: 10px
                                          grid:
                                            - grid-template-areas: '"i n l"'
                                            - grid-template-columns: 11% 1fr 19%
                                          name:
                                            - justify-self: start
                                            - margin: 0px
                                          label:
                                            - justify-self: end
                                            - padding-right: 20px
                                          icon:
                                            - color: |
                                                [[[ 
                                                  if (entity.state > 0) 
                                                    return "FireBrick";
                                                  else
                                                    return '#0277bd';
                                                 ]]]
                                      - type: 'custom:button-card'
                                        entity: sensor.Netzwerk_Devices_RaspiMatic_Servicemeldungen
                                        layout: icon_name
                                        name: Servicemeldungen
                                        show_icon: true
                                        show_state: false
                                        show_label: true
                                        icon: 'mdi:alert-octagon'
                                        label: |
                                          [[[ if (entity.state == 0) 
                                                return "0"; 
                                              else 
                                                return entity.state;
                                          ]]]
                                        styles:
                                          card:
                                            - padding-top: 10px
                                            - padding-bottom: 10px
                                          grid:
                                            - grid-template-areas: '"i n l"'
                                            - grid-template-columns: 11% 1fr 19%
                                          name:
                                            - justify-self: start
                                            - margin: 0px
                                          label:
                                            - justify-self: end
                                            - padding-right: 20px
                                          icon:
                                            - color: |
                                                [[[ 
                                                  if (entity.state > 0) 
                                                    return "Gold";
                                                  else
                                                    return '#0277bd';
                                                 ]]]
                                      - type: divider
                                        style:
                                          height: 1px
                                          margin-left: 10px
                                          margin-right: 10px
                                          background: '#0277bd'
                                      - type: divider
                                        style:
                                          height: 6px
                                      - type: horizontal-stack
                                        cards:
                                          - type: 'custom:button-card'
                                            layout: icon_name
                                            name: Temperatur
                                            show_icon: true
                                            show_state: false
                                            icon: 'mdi:thermometer'
                                            styles:
                                              card:
                                                - height: 100%
                                                - width: 100%
                                                - min-width: 160px
                                              grid:
                                                - grid-template-areas: '"i n"'
                                                - grid-template-columns: 1fr 70%
                                              name:
                                                - justify-self: start
                                                - font-size: smaller
                                                - margin: 0px
                                              icon:
                                                - color: '#0277bd'
                                          - type: 'custom:bignumber-card'
                                            entity: sensor.Netzwerk_Devices_RaspiMatic_Temperatur
                                            scale: 12px
                                            from: left
                                            min: 0
                                            max: 100
                                            severity:
                                              - value: 50
                                                style: green
                                              - value: 55
                                                style: Gold
                                              - value: 65
                                                style: FireBrick
                                      - type: divider
                                        style:
                                          height: 6px
                                      - type: horizontal-stack
                                        cards:
                                          - type: 'custom:button-card'
                                            layout: icon_name
                                            name: CPU
                                            show_icon: true
                                            show_state: false
                                            icon: 'mdi:raspberry-pi'
                                            styles:
                                              card:
                                                - height: 100%
                                                - width: 100%
                                                - min-width: 160px
                                              grid:
                                                - grid-template-areas: '"i n"'
                                                - grid-template-columns: 1fr 70%
                                              name:
                                                - justify-self: start
                                                - font-size: smaller
                                                - margin: 0px
                                              icon:
                                                - color: '#0277bd'
                                          - type: 'custom:bignumber-card'
                                            entity: sensor.Netzwerk_Devices_RaspiMatic_Auslastung
                                            scale: 12px
                                            from: left
                                            min: 0
                                            max: 100
                                            severity:
                                              - value: 60
                                                style: green
                                              - value: 80
                                                style: Gold
                                              - value: 100
                                                style: FireBrick
                                      - type: divider
                                        style:
                                          height: 6px
                                      - type: horizontal-stack
                                        cards:
                                          - type: 'custom:button-card'
                                            layout: icon_name
                                            name: Arbeitsspeicher
                                            show_icon: true
                                            show_state: false
                                            icon: 'mdi:memory'
                                            styles:
                                              card:
                                                - height: 100%
                                                - width: 100%
                                                - min-width: 160px
                                              grid:
                                                - grid-template-areas: '"i n"'
                                                - grid-template-columns: 1fr 70%
                                              name:
                                                - justify-self: start
                                                - font-size: smaller
                                                - margin: 0px
                                              icon:
                                                - color: '#0277bd'
                                          - type: 'custom:bignumber-card'
                                            entity: sensor.Netzwerk_Devices_RaspiMatic_RamUsed
                                            scale: 12px
                                            from: left
                                            min: 0
                                            max: 100
                                            severity:
                                              - value: 60
                                                style: green
                                              - value: 80
                                                style: Gold
                                              - value: 100
                                                style: FireBrick
                                      - type: divider
                                        style:
                                          height: 6px
                                      - type: horizontal-stack
                                        cards:
                                          - type: 'custom:button-card'
                                            layout: icon_name
                                            name: SD-Karte
                                            show_icon: true
                                            show_state: false
                                            icon: 'mdi:micro-sd'
                                            styles:
                                              card:
                                                - height: 100%
                                                - width: 100%
                                                - min-width: 160px
                                              grid:
                                                - grid-template-areas: '"i n"'
                                                - grid-template-columns: 1fr 70%
                                              name:
                                                - justify-self: start
                                                - font-size: smaller
                                                - margin: 0px
                                              icon:
                                                - color: '#0277bd'
                                          - type: 'custom:bignumber-card'
                                            entity: sensor.Netzwerk_Devices_RaspiMatic_SdUsed
                                            scale: 12px
                                            from: left
                                            min: 0
                                            max: 100
                                            severity:
                                              - value: 60
                                                style: green
                                              - value: 75
                                                style: Gold
                                              - value: 100
                                                style: FireBrick
                                      - type: divider
                                        style:
                                          height: 6px
                                      - type: horizontal-stack
                                        cards:
                                          - type: 'custom:button-card'
                                            layout: icon_name
                                            name: Duty Cycle
                                            show_icon: true
                                            show_state: false
                                            icon: 'mdi:chart-line-variant'
                                            styles:
                                              card:
                                                - height: 100%
                                                - width: 100%
                                                - min-width: 160px
                                              grid:
                                                - grid-template-areas: '"i n"'
                                                - grid-template-columns: 1fr 70%
                                              name:
                                                - justify-self: start
                                                - font-size: smaller
                                                - margin: 0px
                                              icon:
                                                - color: '#0277bd'
                                          - type: 'custom:bignumber-card'
                                            entity: sensor.Netzwerk_Devices_RaspiMatic_DutyCycle
                                            scale: 12px
                                            from: left
                                            min: 0
                                            max: 100
                                            severity:
                                              - value: 50
                                                style: green
                                              - value: 70
                                                style: Gold
                                              - value: 100
                                                style: FireBrick
                                      - type: divider
                                        style:
                                          height: 6px
                                    
                                    

                                    Bar-Chart
                                    graph.png

                                    type: 'custom:vertical-stack-in-card'
                                    cards:
                                      - type: 'custom:mini-graph-card'
                                        entities:
                                          - entity: sensor.Verbrauchszaehler_Licht_Summe_Verbrauch__Tag_Tag_1
                                            color: '#44739e'
                                            name: Lichter Energie gesamt
                                        name: Lichter Energie gesamt
                                        hour24: true
                                        points_per_hour: 0.041
                                        hours_to_show: 168
                                        decimals: 3
                                        show:
                                          graph: bar
                                          name: false
                                          icon: false
                                      - type: horizontal-stack
                                        cards:
                                          - type: 'custom:button-card'
                                            entity: sensor.Licht_Leistung
                                            layout: vertical
                                            show_name: true
                                            show_icon: false
                                            show_state: false
                                            show_label: true
                                            name: Leistung
                                            label: |
                                              [[[
                                                if(entity.state > 0)
                                                  return (entity.state + " " + entity.attributes.unit_of_measurement);
                                                else
                                                  return "0 " + entity.attributes.unit_of_measurement;
                                              ]]]
                                            styles:
                                              card:
                                                - background: '#a1a1a1'
                                                - border-radius: 0px
                                                - height: 50px
                                              name:
                                                - font-size: x-small
                                                - color: '#44739e'
                                                - font-weight: bold
                                                - font-style: oblique
                                              state:
                                                - font-size: smaller
                                              label:
                                                - font-size: smaller
                                          - type: 'custom:button-card'
                                            entity: sensor.Verbrauchszaehler_Licht_Summe_Kosten_Jahr
                                            layout: vertical
                                            show_name: true
                                            show_icon: false
                                            show_state: false
                                            show_label: true
                                            name: Jahr
                                            label: |
                                              [[[
                                                if(entity.state > 0)
                                                  return (entity.state + " " + entity.attributes.unit_of_measurement);
                                                else
                                                  return "0 " + entity.attributes.unit_of_measurement;
                                              ]]]   
                                            styles:
                                              card:
                                                - background: '#a1a1a1'
                                                - border-radius: 0px
                                                - height: 50px
                                              name:
                                                - font-size: x-small
                                                - color: '#44739e'
                                                - font-weight: bold
                                                - font-style: oblique
                                              state:
                                                - font-size: smaller
                                              label:
                                                - font-size: smaller
                                    
                                    

                                    simatecS Online
                                    simatecS Online
                                    simatec
                                    Developer Most Active
                                    schrieb am zuletzt editiert von
                                    #186

                                    @Scrounger sagte in [Aufruf] Test lovelace Adapter:

                                    Hauptsächlich verwende ich die button-card, da diese sehr viel Flexibilität ermöglicht und man so mit manuellen entities sehr gut arbeiten kann.

                                    Wie hast du die button-card eingebunden?
                                    Wenn ich sie per Drag and Drop in die Custom Cards lege, bekomme ich den Fehler

                                    Custom element doesn't exist: vertical-stack-in-card
                                    
                                    • Besuche meine Github Seite
                                    • Beitrag hat geholfen oder willst du mich unterstützen
                                    • HowTo Restore ioBroker
                                    sigi234S 1 Antwort Letzte Antwort
                                    0
                                    • simatecS simatec

                                      @Scrounger sagte in [Aufruf] Test lovelace Adapter:

                                      Hauptsächlich verwende ich die button-card, da diese sehr viel Flexibilität ermöglicht und man so mit manuellen entities sehr gut arbeiten kann.

                                      Wie hast du die button-card eingebunden?
                                      Wenn ich sie per Drag and Drop in die Custom Cards lege, bekomme ich den Fehler

                                      Custom element doesn't exist: vertical-stack-in-card
                                      
                                      sigi234S Online
                                      sigi234S Online
                                      sigi234
                                      Forum Testing Most Active
                                      schrieb am zuletzt editiert von
                                      #187

                                      @simatec sagte in [Aufruf] Test lovelace Adapter:

                                      @Scrounger sagte in [Aufruf] Test lovelace Adapter:

                                      Hauptsächlich verwende ich die button-card, da diese sehr viel Flexibilität ermöglicht und man so mit manuellen entities sehr gut arbeiten kann.

                                      Wie hast du die button-card eingebunden?
                                      Wenn ich sie per Drag and Drop in die Custom Cards lege, bekomme ich den Fehler

                                      Custom element doesn't exist: vertical-stack-in-card
                                      

                                      https://github.com/custom-cards/vertical-stack-in-card

                                      Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                      Immer Daten sichern!

                                      1 Antwort Letzte Antwort
                                      0
                                      • simatecS Online
                                        simatecS Online
                                        simatec
                                        Developer Most Active
                                        schrieb am zuletzt editiert von
                                        #188

                                        Danke die fehlte ... ;-)

                                        • Besuche meine Github Seite
                                        • Beitrag hat geholfen oder willst du mich unterstützen
                                        • HowTo Restore ioBroker
                                        sigi234S 1 Antwort Letzte Antwort
                                        0
                                        • simatecS simatec

                                          Danke die fehlte ... ;-)

                                          sigi234S Online
                                          sigi234S Online
                                          sigi234
                                          Forum Testing Most Active
                                          schrieb am zuletzt editiert von sigi234
                                          #189

                                          @simatec sagte in [Aufruf] Test lovelace Adapter:

                                          Danke die fehlte ... ;-)

                                          Bitte, wo gehört die JS Datei hineinkopiert?
                                          Habe ich schon mal gemacht, weis nicht mehr wie.

                                          Aha,

                                          Drag and drop the custom cards files here

                                          Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                          Immer Daten sichern!

                                          X 1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          566

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe