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

donate donate
  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.7k

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

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

Test Adapter lovelace v0.2.x

Geplant Angeheftet Gesperrt Verschoben Tester
testcall for actionlovelacevisualisierung
1.1k Beiträge 131 Kommentatoren 385.5k 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.
  • X xADDRx

    @WW1983 Ich habe den Code kopiert, jedoch ändert sich nicht am Theme.

    # Main colors
    primary-color: '#5294E2'                                                        # Header
    accent-color: '#E45E65'                                                         # Accent color
    dark-primary-color: 'var(--accent-color)'                                       # Hyperlinks                                         
    light-primary-color: 'var(--accent-color)'                                      # Horizontal line in about
    ha-card-border-radius: '20px'   
    ha-card-background: 'rgba(150, 150, 150, 0.1)'
                                                                               
    # Text colors                                                                  
    primary-text-color: '#FFFFFF'                                                   # Primary text colour, here is referencing dark-primary-color
    text-primary-color: 'var(--primary-text-color)'                                 # Primary text colour
    secondary-text-color: '#5294E2'                                                 # For secondary titles in more info boxes etc.
    disabled-text-color: '#7F848E'                                                  # Disabled text colour
    label-badge-border-color: 'green'                                               # Label badge border, just a reference value   
    
    # Background colors                                                            
    primary-background-color: '#383C45'                                             # Settings background
    secondary-background-color: '#383C45'                                           # Main card UI background  
    divider-color: 'rgba(0, 0, 0, .12)'                                             # Divider 
    
    # Table rows                                                                   
    table-row-background-color: '#353840'                                           # Table row
    table-row-alternative-background-color: '#3E424B'                               # Table row alternative
                                                                               
    # Nav Menu                                                                   
    paper-listbox-color: 'var(--primary-color)'                                     # Navigation menu selection hoover
    paper-listbox-background-color: '#2E333A'                                       # Navigation menu background
    paper-grey-50: 'var(--primary-text-color)'                                   
    paper-grey-200: '#414A59'                                                       # Navigation menu selection
                                                                               
    # Paper card                                                               
    paper-card-header-color: 'var(--accent-color)'                                  # Card header text colour
    paper-card-background-color: 'rgba(150, 150, 150, 0.1)'                         # Card background colour
    paper-dialog-background-color: '#434954'                                        # Card dialog background colour
    paper-item-icon-color: 'var(--primary-text-color)'                              # Icon color
    paper-item-icon-active-color: '#F9C536'                                         # Icon color active
    paper-item-icon_-_color: 'green'           
    paper-item-selected_-_background-color: '#434954'                               # Popup item select                      
    paper-tabs-selection-bar-color: 'green'
    
    # Labels 
    label-badge-red: 'var(--accent-color)'                                          # References the brand colour label badge border
    label-badge-text-color: 'var(--primary-text-color)'                             # Now same as label badge border but that's a matter of taste
    label-badge-background-color: '#2E333A'                                         # Same, but can also be set to transparent here
    label-badge-background: 'rgba(255, 255, 255, 0.1)'
    
    # Switches
    paper-toggle-button-checked-button-color: 'var(--accent-color)'
    paper-toggle-button-checked-bar-color: 'var(--accent-color)'
    paper-toggle-button-checked-ink-color: 'var(--accent-color)'
    paper-toggle-button-unchecked-button-color: 'var(--disabled-text-color)'
    paper-toggle-button-unchecked-bar-color: 'var(--disabled-text-color)'
    paper-toggle-button-unchecked-ink-color: 'var(--disabled-text-color)'  
    
    # Sliders
    paper-slider-knob-color: 'var(--accent-color)'
    paper-slider-knob-start-color: 'var(--accent-color)'
    paper-slider-pin-color: 'var(--accent-color)'
    paper-slider-active-color: 'var(--accent-color)'
    paper-slider-container-color: 'linear-gradient(var(--primary-background-color), var(--secondary-background-color)) no-repeat'
    paper-slider-secondary-color: 'var(--secondary-background-color)'
    paper-slider-disabled-active-color: 'var(--disabled-text-color)'
    paper-slider-disabled-secondary-color: 'var(--disabled-text-color)'
    
    # Google colors
    google-red-500: '#E45E65'
    google-green-500: '#39E949'
    
    
    W Offline
    W Offline
    WW1983
    schrieb am zuletzt editiert von WW1983
    #255

    @xADDRx
    Das Theme musst du manuell hinzufügen. In den Einstellungen von Lovelace gibt es einen Extra Reiter "Theme". Dort habe ich die Theme Einstellungen hineinkopiert. Kann gerne mal den Theme "Code" heute Abend hier rein stellen.

    Edit: Sehe gerade dass @marcuskl es schon gepostet hat

    marcusklM 1 Antwort Letzte Antwort
    0
    • W WW1983

      @xADDRx
      Das Theme musst du manuell hinzufügen. In den Einstellungen von Lovelace gibt es einen Extra Reiter "Theme". Dort habe ich die Theme Einstellungen hineinkopiert. Kann gerne mal den Theme "Code" heute Abend hier rein stellen.

      Edit: Sehe gerade dass @marcuskl es schon gepostet hat

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

      @WW1983 hast du es hinbekommen den header transparent zu bekommen mit der compact-custom-header card ?

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

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

      W 1 Antwort Letzte Antwort
      0
      • marcusklM marcuskl

        @WW1983 hast du es hinbekommen den header transparent zu bekommen mit der compact-custom-header card ?

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

        @marcuskl

        Nein. Leider nicht. Habe nicht wirklich verstanden wo und wie man es einstellen kann. Deshalb habe ich den Header einfach farblich halbwegs angepasst

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

          @WW1983
          Ich habe alles mögliche versucht aber die Card hat nicht funktioniert.
          Ich habe es auch nur dunkler gemacht

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

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

          W 1 Antwort Letzte Antwort
          0
          • marcusklM marcuskl

            @WW1983
            Ich habe alles mögliche versucht aber die Card hat nicht funktioniert.
            Ich habe es auch nur dunkler gemacht

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

            @marcuskl
            es funktionieren derzeit so einige Cards nicht. Ich hoffe das wird irgendwann noch behoben.

            Man kann zwar jetzt schon was brauchbares basteln. Aber schade das noch so vieles nicht funktioniert. Auch die "Standard-Entitys"

            marcusklM 1 Antwort Letzte Antwort
            0
            • W WW1983

              @marcuskl
              es funktionieren derzeit so einige Cards nicht. Ich hoffe das wird irgendwann noch behoben.

              Man kann zwar jetzt schon was brauchbares basteln. Aber schade das noch so vieles nicht funktioniert. Auch die "Standard-Entitys"

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

              @WW1983 Ja des stimmt.
              Ich würde gerne mal meine RGB Beleuchtungen einbinden, aber die light entiy card funktioniert auch noch nicht.
              https://github.com/ljmerza/light-entity-card

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

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

              W 1 Antwort Letzte Antwort
              0
              • marcusklM marcuskl

                @WW1983 Ja des stimmt.
                Ich würde gerne mal meine RGB Beleuchtungen einbinden, aber die light entiy card funktioniert auch noch nicht.
                https://github.com/ljmerza/light-entity-card

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

                @marcuskl
                Habe die auch schon getestet. Bei mir funktioniert die auch nicht. Aber auch die integrierte Light Card funktioniert bei mir nicht. Kann nur licht an und aus machen, aber mit der Card nicht die Dimmfunktion nutzen.

                N 1 Antwort Letzte Antwort
                1
                • marcusklM marcuskl

                  @xADDRx

                  Hat bei mir auch nicht so funktioniert.
                  Du musst vorher "transparent:" hinzufügen, so:

                  transparent:
                     # Main colors
                     primary-color: '#5294E2'                                                        # Header
                     accent-color: '#E45E65'                                                         # Accent color
                     dark-primary-color: 'var(--accent-color)'                                       # Hyperlinks                                         
                  ........
                  

                  dann funktioniert es.

                  Ich habe noch das Hintergrund Bild bei den Cards hochgeladen und die Zeile Backround image hinzugefügt.

                  #Background images
                  background: center / cover no-repeat url("/cards/background.jpg") fixed
                  
                  X Offline
                  X Offline
                  xADDRx
                  schrieb am zuletzt editiert von xADDRx
                  #262

                  @marcuskl danke

                  transparent:
                     # Main colors
                     primary-color: '#5294E2'                                                        # Header
                     accent-color: '#E45E65'                                                         # Accent color
                     dark-primary-color: 'var(--accent-color)'                                       # Hyperlinks                                         
                     light-primary-color: 'var(--accent-color)'                                      # Horizontal line in about
                     ha-card-border-radius: '20px'   
                     ha-card-background: 'rgba(150, 150, 150, 0.1)'
                  
                                                                                             
                  
                     # Text colors                                                                  
                     primary-text-color: '#FFFFFF'                                                   # Primary text colour, here is referencing dark-primary-color
                     text-primary-color: 'var(--primary-text-color)'                                 # Primary text colour
                     secondary-text-color: '#5294E2'                                                 # For secondary titles in more info boxes etc.
                     disabled-text-color: '#7F848E'                                                  # Disabled text colour
                     label-badge-border-color: 'green'                                               # Label badge border, just a reference value   
                  
                   
                  
                     # Background colors                                                            
                     primary-background-color: '#383C45'                                             # Settings background
                     secondary-background-color: '#383C45'                                           # Main card UI background  
                     divider-color: 'rgba(0, 0, 0, .12)'                                             # Divider 
                  
                   
                  
                     # Table rows                                                                   
                     table-row-background-color: '#353840'                                           # Table row
                     table-row-alternative-background-color: '#3E424B'                               # Table row alternative
                  
                                                                                             
                  
                     # Nav Menu                                                                   
                     paper-listbox-color: 'var(--primary-color)'                                     # Navigation menu selection hoover
                     paper-listbox-background-color: '#2E333A'                                       # Navigation menu background
                     paper-grey-50: 'var(--primary-text-color)'                                   
                     paper-grey-200: '#414A59'                                                       # Navigation menu selection
                  
                                                                                             
                  
                     # Paper card                                                               
                     paper-card-header-color: 'var(--accent-color)'                                  # Card header text colour
                     paper-card-background-color: 'rgba(150, 150, 150, 0.1)'                         # Card background colour
                     paper-dialog-background-color: '#434954'                                        # Card dialog background colour
                     paper-item-icon-color: 'var(--primary-text-color)'                              # Icon color
                     paper-item-icon-active-color: '#F9C536'                                         # Icon color active
                     paper-item-icon_-_color: 'green'           
                     paper-item-selected_-_background-color: '#434954'                               # Popup item select                      
                     paper-tabs-selection-bar-color: 'green'
                  
                   
                  
                     # Labels 
                     label-badge-red: 'var(--accent-color)'                                          # References the brand colour label badge border
                     label-badge-text-color: 'var(--primary-text-color)'                             # Now same as label badge border but that's a matter of taste
                     label-badge-background-color: '#2E333A'                                         # Same, but can also be set to transparent here
                     label-badge-background: 'rgba(255, 255, 255, 0.1)'
                  
                   
                  
                     # Switches
                     paper-toggle-button-checked-button-color: 'var(--accent-color)'
                     paper-toggle-button-checked-bar-color: 'var(--accent-color)'
                     paper-toggle-button-checked-ink-color: 'var(--accent-color)'
                     paper-toggle-button-unchecked-button-color: 'var(--disabled-text-color)'
                     paper-toggle-button-unchecked-bar-color: 'var(--disabled-text-color)'
                     paper-toggle-button-unchecked-ink-color: 'var(--disabled-text-color)'  
                  
                   
                  
                     # Sliders
                     paper-slider-knob-color: 'var(--accent-color)'
                     paper-slider-knob-start-color: 'var(--accent-color)'
                     paper-slider-pin-color: 'var(--accent-color)'
                     paper-slider-active-color: 'var(--accent-color)'
                     paper-slider-container-color: 'linear-gradient(var(--primary-background-color), var(--secondary-background-color)) no-repeat'
                     paper-slider-secondary-color: 'var(--secondary-background-color)'
                     paper-slider-disabled-active-color: 'var(--disabled-text-color)'
                     paper-slider-disabled-secondary-color: 'var(--disabled-text-color)'
                  
                   
                  
                     # Google colors
                     google-red-500: '#E45E65'
                     google-green-500: '#39E949'
                  
                  
                  
                     # Background images
                     background: center / cover no-repeat url("/cards/background.jpg") fixed
                  

                  Sonos, Intel Nuc, Iobroker Pro, Proxmox, IPad Air (Wand), Vis, Xiaomi, Devolo, Bose, Philips Hue, Instar, Synology

                  1 Antwort Letzte Antwort
                  0
                  • S Offline
                    S Offline
                    schittl
                    schrieb am zuletzt editiert von
                    #263

                    Hi,

                    mal was zum Einstieg ehe ich mich tief darin verliere ;). Sollte man ebenfalls pro verschiedene Auflösung (z.B. Tablet & Smartphone) am besten 2 Views erstellen oder kann man das out of the box mit einer View bewerkstelligen.

                    Ansonsten klingt der Adapter sehr interessant und ich bin schon fleißig am rumprobieren. Guter Ansatz bzw. Umsetzung.

                    vg
                    Falk

                    HW: Lenovo M920q (Proxmox, ioBroker, RaspMatic & Z2M), QNAP (Docker, Influx), Arduino Mega 2560 R3 (I2C DS18B20 + LED)

                    SW: CT IoBroker, VM RaspMatic(v3.79.6.20241122)

                    1 Antwort Letzte Antwort
                    0
                    • G g.polat

                      @Scrounger sagte in Test Adapter lovelace v0.2.x:

                      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
                      
                      

                      tolle arbeit, wie hast u das mit den Pictures gelöst. Wie lautet der Pfad im Iobroker?
                      Gruß

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

                      @g-polat
                      Glaub node-modules/lovelace/hass-irgendwa/static/
                      Bin Grad nicht am Rechner.

                      Und da dann reinkopiert. Achtung nach Adapter Update sind die Bilder dann weg!

                      <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

                        @g-polat
                        Glaub node-modules/lovelace/hass-irgendwa/static/
                        Bin Grad nicht am Rechner.

                        Und da dann reinkopiert. Achtung nach Adapter Update sind die Bilder dann weg!

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

                        @Scrounger

                        Könnte man den Ordner theoretisch mit Schreibschutz versehen, oder gibt dann ein Problem mit dem Update?

                        1 Antwort Letzte Antwort
                        0
                        • B BobBruni

                          Bei mir passt noch alles nach dem Update.

                          Habe aber immer noch das Problem, dass die Bedienung sehr sehr träge ist. Gerade wenn das Display vom Tablet längere Zeit aus gewesen. Energiesparmodus für Fully habe ich deaktiviert. Die Motiton Detection dagegen funktioniert super.

                          Muss ich irgendwo noch etwas einstellen? Sonst keiner dieser Problem?

                          B Offline
                          B Offline
                          BobBruni
                          schrieb am zuletzt editiert von BobBruni
                          #266

                          @BobBruni said in Test Adapter lovelace v0.2.x:

                          Habe aber immer noch das Problem, dass die Bedienung sehr sehr träge ist. Gerade wenn das Display vom Tablet längere Zeit aus gewesen. Energiesparmodus für Fully habe ich deaktiviert. Die Motiton Detection dagegen funktioniert super.

                          Dieses Problem hat sich zum Glück nach einer kompletten Neuinstallation von ioBroker auf neuer Hardware (RPI4) erledigt.

                          Allerdings habe ich nun das Problem, dass nach einer gewissen Zeit (ich schätze ca. 24h), die Zustände meiner Objekte nicht mehr aktuell sind. z.B. eine Lampe deren Zustand noch als True angezeigt wird, obwohl in ioBroker auf False.
                          In diesem Fall hilft nur ein Neustart von Lovlace. Anschließend läuft wieder alles synchron... Für eine gewisse Zeit :(

                          Jemand ne Idee?

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

                            Mein Lovelace Adapter startet seit kurzen immer wieder neu?

                            lovelace.0	2019-11-01 14:08:04.661	info	(2780) starting. Version 0.2.3 in /opt/iobroker/node_modules/iobroker.lovelace, node: v10.16.3
                            host.iobroker	2019-11-01 14:08:01.552	info	instance system.adapter.lovelace.0 started with pid 2780
                            host.iobroker	2019-11-01 14:08:00.537	info	Restart adapter system.adapter.lovelace.0 because enabled
                            host.iobroker	2019-11-01 14:08:00.536	error	instance system.adapter.lovelace.0 terminated with code 156 (156)
                            lovelace.0	2019-11-01 14:08:00.516	info	(2752) terminating
                            lovelace.0	2019-11-01 14:08:00.017	info	(2752) Terminated (START_IMMEDIATELY_AFTER_STOP): Without reason
                            lovelace.0	2019-11-01 14:08:00.016	info	(2752) terminating
                            lovelace.0	2019-11-01 14:08:00.008	info	(2752) cleaned everything up...
                            lovelace.0	2019-11-01 14:08:00.006	info	(2752) Scheduled restart.
                            lovelace.0	2019-11-01 14:07:05.583	warn	(2752) no max value for light object 'shelly.0.SHRGBW2#5A38A7#1.color' defined -> using fallback max = 100
                            lovelace.0	2019-11-01 14:07:04.947	info	(2752) http server listening on port 8091
                            lovelace.0	2019-11-01 14:07:04.805	info	(2752) starting. Version 0.2.3 in /opt/iobroker/node_modules/iobroker.lovelace, node: v10.16.3
                            host.iobroker	2019-11-01 14:07:01.552	info	instance system.adapter.lovelace.0 started with pid 2752
                            host.iobroker	2019-11-01 14:07:00.537	info	Restart adapter system.adapter.lovelace.0 because enabled
                            host.iobroker	2019-11-01 14:07:00.536	error	instance system.adapter.lovelace.0 terminated with code 156 (156)
                            

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

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

                            1 Antwort Letzte Antwort
                            0
                            • apollon77A Offline
                              apollon77A Offline
                              apollon77
                              schrieb am zuletzt editiert von
                              #268

                              Da steht scheduled restart ... den hast du eingestellt. Korrekt? Cron Regel korrekt?

                              Beitrag hat geholfen? Votet rechts unten im Beitrag :-) https://paypal.me/Apollon77 / https://github.com/sponsors/Apollon77

                              • Debug-Log für Instanz einschalten? Admin -> Instanzen -> Expertenmodus -> Instanz aufklappen - Loglevel ändern
                              • Logfiles auf Platte /opt/iobroker/log/… nutzen, Admin schneidet Zeilen ab
                              marcusklM 1 Antwort Letzte Antwort
                              0
                              • M Offline
                                M Offline
                                mathschut
                                schrieb am zuletzt editiert von
                                #269

                                Hallo,

                                läuft der Adapter auch zusammen mit der HA App auf Android?

                                1 Antwort Letzte Antwort
                                0
                                • M Offline
                                  M Offline
                                  mathschut
                                  schrieb am zuletzt editiert von
                                  #270

                                  Hallo,

                                  nutzt jemand Lovelace und IObroker im Zusammenhang mit KNX. Ich bekomme es nicht hin, einen Dimmer anzusprechen.

                                  1 Antwort Letzte Antwort
                                  0
                                  • apollon77A apollon77

                                    Da steht scheduled restart ... den hast du eingestellt. Korrekt? Cron Regel korrekt?

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

                                    @apollon77 sagte in Test Adapter lovelace v0.2.x:

                                    Da steht scheduled restart ... den hast du eingestellt. Korrekt? Cron Regel korrekt?

                                    Stimmt, hatte den Cronjob falsch eingestellt.
                                    Danke 👍

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

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

                                    1 Antwort Letzte Antwort
                                    0
                                    • W WW1983

                                      @marcuskl
                                      Habe die auch schon getestet. Bei mir funktioniert die auch nicht. Aber auch die integrierte Light Card funktioniert bei mir nicht. Kann nur licht an und aus machen, aber mit der Card nicht die Dimmfunktion nutzen.

                                      N Offline
                                      N Offline
                                      nelzon
                                      schrieb am zuletzt editiert von
                                      #272

                                      @WW1983 said in Test Adapter lovelace v0.2.x:

                                      @marcuskl
                                      Habe die auch schon getestet. Bei mir funktioniert die auch nicht. Aber auch die integrierte Light Card funktioniert bei mir nicht. Kann nur licht an und aus machen, aber mit der Card nicht die Dimmfunktion nutzen.

                                      Hallo
                                      schon gefixed bekommen? Habe das selbe Problem

                                      W 1 Antwort Letzte Antwort
                                      0
                                      • dontobiD dontobi

                                        Hat jemand von euch einen Dim Aktor von Homematic in Lovelace eingebunden?

                                        Ich habe es versucht... Das hier kam dabei raus...
                                        Screenshot_20190820-135702~4.jpg
                                        Screenshot_20190820-140035~2.jpg

                                        Zur Erklärung:
                                        Ich habe das Objekt LEVEL verwendet. Denn wenn ich das unter ioBroker -> Objekte von hand auf einen Wert von 75% setze, wird das Homematic Modul auch angesteuert.
                                        Zusätzlich habe ich eine Variable für Lovelace von Hand angelegt. Somit liegen auf dem einen Objekt 2 Variablen für Lovelace. Diese sind:

                                        • light.Licht___Wohnzimmer_1
                                        • input_number.Licht_Wohnzimmer_1

                                        Auf dem 2 Bild sieht man dann, dass ich 2 unterschiedliche Cards hinzugefügt habe. Die Light Cards ist mit light.Licht___Wohnzimmer_1 parametriert und setzt beim Ändern unter Lovelace das Objekt nicht auf den gewünschten Wert. Da passiert überhaupt nichts.
                                        Die andere Card ist eine Entities Card und mit beiden Variablen parametriert. Wie man sieht, wird bei der input_number "NaN %" angezeigt. Ändere ich den Wert über den Slider, so ändert sich der Wert des Objekts, aber in der Card bleibt der Wert auf "NaN %". Und die Variable light lässt sich ja (wie man sieht) nicht bedienen.

                                        Ich Stelle mit die Frage, ob ich den Channel nicht für Lovelace angeben muss (anstelle von Objekt LEVEL). Aber vielleicht habt ihr ja einen Tipp für mich. Oder es ist am Ende ein Bug (Kombi aus HM Gerät und Lovelace).

                                        N Offline
                                        N Offline
                                        nelzon
                                        schrieb am zuletzt editiert von
                                        #273

                                        @dontobi "NaN %" liegt am Theme. stell mal auf das helle default Theme um und schaue ob es dann in Ordnung ist.

                                        1 Antwort Letzte Antwort
                                        0
                                        • N nelzon

                                          @WW1983 said in Test Adapter lovelace v0.2.x:

                                          @marcuskl
                                          Habe die auch schon getestet. Bei mir funktioniert die auch nicht. Aber auch die integrierte Light Card funktioniert bei mir nicht. Kann nur licht an und aus machen, aber mit der Card nicht die Dimmfunktion nutzen.

                                          Hallo
                                          schon gefixed bekommen? Habe das selbe Problem

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

                                          @nelzon
                                          Nein, leider nicht. Ich habe aber absolut keine Ahnung vom programmieren. Kann es also nicht fixen.

                                          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

                                          335

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          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