Skip to content
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
Logo
  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.0k

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

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

Test Adapter lovelace v0.2.x

Test Adapter lovelace v0.2.x

Scheduled Pinned Locked Moved Tester
testcall for actionlovelacevisualisierung
1.1k Posts 131 Posters 382.0k Views 99 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • 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
    wrote on last edited by
    #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 Reply Last reply
    0
    • marcusklM marcuskl

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

      W Offline
      W Offline
      WW1983
      wrote on last edited by
      #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 Reply Last reply
      0
      • marcusklM Offline
        marcusklM Offline
        marcuskl
        wrote on last edited by
        #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 Reply Last reply
        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
          wrote on last edited by
          #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 Reply Last reply
          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
            wrote on last edited by
            #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 Reply Last reply
            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
              wrote on last edited by
              #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 Reply Last reply
              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
                wrote on last edited by 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 Reply Last reply
                0
                • S Offline
                  S Offline
                  schittl
                  wrote on last edited by
                  #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 Reply Last reply
                  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
                    wrote on last edited by 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 Reply Last reply
                    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
                      wrote on last edited by
                      #265

                      @Scrounger

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

                      1 Reply Last reply
                      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
                        wrote on last edited by 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 Reply Last reply
                        0
                        • marcusklM Offline
                          marcusklM Offline
                          marcuskl
                          wrote on last edited by
                          #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 Reply Last reply
                          0
                          • apollon77A Online
                            apollon77A Online
                            apollon77
                            wrote on last edited by
                            #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 Reply Last reply
                            0
                            • M Offline
                              M Offline
                              mathschut
                              wrote on last edited by
                              #269

                              Hallo,

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

                              1 Reply Last reply
                              0
                              • M Offline
                                M Offline
                                mathschut
                                wrote on last edited by
                                #270

                                Hallo,

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

                                1 Reply Last reply
                                0
                                • apollon77A apollon77

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

                                  marcusklM Offline
                                  marcusklM Offline
                                  marcuskl
                                  wrote on last edited by
                                  #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 Reply Last reply
                                  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
                                    wrote on last edited by
                                    #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 Reply Last reply
                                    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
                                      wrote on last edited by
                                      #273

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

                                      1 Reply Last reply
                                      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
                                        wrote on last edited by
                                        #274

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

                                        1 Reply Last reply
                                        0
                                        • M Offline
                                          M Offline
                                          mrMuppet
                                          wrote on last edited by
                                          #275

                                          Ich kann den Adapter leider nicht installieren.
                                          erhalte nur

                                          $ ./iobroker url "iobroker.lovelace"
                                          install iobroker.lovelace
                                          NPM version: 6.12.1
                                          npm install iobroker.lovelace --loglevel error --production --save --prefix "/opt/iobroker" (System call)
                                          In file included from ../lib/nodejieba.cpp:3:In file included from ../deps/cppjieba/Jieba.hpp:4:In file included from ../deps/cppjieba/QuerySegment.hpp:8:In file included from ../deps/cppjieba/DictTrie.hpp:13:In file included from ../deps/limonp/StringUtil.hpp:24:../deps/limonp/StdExtension.hpp:19:12: error: no member named 'tr1' in namespace 'std'
                                          using std::tr1::unordered_map;      ~~~~~^
                                          ../deps/limonp/StdExtension.hpp:20:12: error: no member named 'tr1' in namespace 'std'
                                          using std::tr1::unordered_set;      ~~~~~^
                                          2 errors generated.
                                          gmake: *** [nodejieba.target.mk:106: Release/obj.target/nodejieba/lib/nodejieba.o] Error 1
                                          gyp
                                           ERR! 
                                          build error 
                                          gyp ERR! 
                                          stack Error: `gmake` failed with exit code: 2gyp ERR! stack     at ChildProcess.onExit (/usr/local/lib/node_modules/npm/node_modules/node-gyp/lib/build.js:194:23)gyp ERR! stack     at ChildProcess.emit (events.js:198:13)gyp ERR! stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:248:12)
                                          gyp ERR! System FreeBSD 11.2-STABLEgyp ERR! command "/usr/local/bin/node" "/usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "rebuild"
                                          gyp ERR! cwd /opt/iobroker/node_modules/nodejiebagyp ERR! node -v v10.16.3gyp ERR! node-gyp -v v5.0.5gyp ERR! not ok 
                                          upload [6] lovelace.admin /opt/iobroker/node_modules/iobroker.lovelace/admin/words.js words.js application/javascript
                                          upload [5] lovelace.admin /opt/iobroker/node_modules/iobroker.lovelace/admin/tab_m.html tab_m.html text/html
                                          upload [4] lovelace.admin /opt/iobroker/node_modules/iobroker.lovelace/admin/style.css style.css text/css
                                          upload [3] lovelace.admin /opt/iobroker/node_modules/iobroker.lovelace/admin/lovelace.png lovelace.png image/png
                                          upload [2] lovelace.admin /opt/iobroker/node_modules/iobroker.lovelace/admin/js-yaml.min.js js-yaml.min.js application/javascript
                                          upload [1] lovelace.admin /opt/iobroker/node_modules/iobroker.lovelace/admin/index_m.html index_m.html text/html
                                          upload [0] lovelace.admin /opt/iobroker/node_modules/iobroker.lovelace/admin/custom_m.html custom_m.html text/html
                                          process exited with code 0
                                          

                                          Node.js
                                          v10.16.3
                                          NPM
                                          6.12.1
                                          freebsd

                                          ioBroker auf NUC (Celeron mit Ubuntu-Server)

                                          Homematic, HMIP, Hue, Unifi, Plex, Nest, Roborock, Google Assistant

                                          apollon77A 1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          583

                                          Online

                                          32.4k

                                          Users

                                          81.3k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe