Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Tester
    4. Test Adapter lovelace v0.2.x

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    Test Adapter lovelace v0.2.x

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

      Will mal mein bisheriges Ergebnis mit Lovelace Teilen 🙂
      lovelacegif0.gif lovelace9.png lovelace8.png lovelace7.png lovelace6.png lovelace5.png lovelace4.png lovelace3.png lovelace2.png lovelace1.png

      title: Home
      views:
       - path: ''
         title: ''
         theme: transparent
         icon: 'mdi:home-account'
         badges: []
         cards:
           - type: weather-forecast
             entity: weather.Gaggenau__Baden_W_rttemberg_Deutschland_
             name: Wetter Gaggenau
             theme: transparent
           - type: 'custom:vertical-stack-in-card'
             title: Szenen
             cards:
               - type: horizontal-stack
                 cards:
                   - type: 'custom:button-card'
                     entity: switch.zentral_aus
                     color_type: icon
                     icon: 'mdi:flash-off'
                     name: Zentral aus
                     state:
                       - value: 'off'
                         color: 'rgb(255, 64, 64)'
                     tap_action:
                       action: toggle
                       confirmation:
                         text: >-
                           [[[ return `Sicher, dass Sie alles ausschalten wollen ?`
                           ]]]
                   - type: 'custom:button-card'
                     entity: switch.bettfertig
                     icon: 'mdi:bed-king-outline'
                     name: Bettfertig
                     tap_action:
                       action: toggle
                       confirmation:
                         text: >-
                           [[[ return `Schaltet alles, bis auf die Nachtlichter aus!`
                           ]]]
                   - type: 'custom:button-card'
                     entity: switch.fernsehabend
                     icon: 'mdi:television-classic'
                     name: Fernsehabend
                     tap_action:
                       action: toggle
                       confirmation:
                         text: >-
                           [[[ return `Schaltet Fernseher ein, Farbe rot und
                           Wohnzimmerlicht aus` ]]]
           - type: picture
             image: /cards/Google-Home-Mini-OK-Google.jpg
             tap_action:
               action: none
             hold_action:
               action: none
           - type: shopping-list
             title: Einkaufsliste
           - type: 'custom:slideshow-card'
             arrow_color: var(--primary-text-color)
             arrow_opacity: 0.7
             cards:
               - type: entities
                 column_width: 30%
                 title: Wohnzimmer
                 entities:
                   - entity: light.Wohnzimmerlicht
                     name: Deckenlampe
                     icon: 'mdi:ceiling-light'
                   - entity: light.Stehlampe
                     name: Stehlampe
                     icon: 'mdi:floor-lamp'
                   - entity: light.LED_Strips_Wohnzimmer
                     name: LED Strips
                     icon: 'mdi:led-strip-variant'
               - type: entities
                 title: Schlafzimmer
                 column_width: 30%
                 entities:
                   - entity: light.Schlafzimmerlicht
                     name: Deckenlampe
                     icon: 'mdi:ceiling-light'
                   - entity: light.Nachtlicht_Benchy_POWER
                     icon: 'mdi:lamp'
                   - entity: light.Nachtlicht_Marcus_POWER
                     icon: 'mdi:lamp'
               - type: entities
                 title: Flur
                 column_width: 30%
                 entities:
                   - entity: light.Flurlicht
                     name: Deckenlampe
                     icon: 'mdi:ceiling-light'
                   - entity: light.nachtlicht_flur
                     name: Nachtlicht Flur
                     icon: 'mdi:lamp'
               - type: entities
                 title: Küche
                 column_width: 30%
                 entities:
                   - entity: light.K_chenlicht_POWER
                     name: Deckenlampe
                     icon: 'mdi:ceiling-light'
               - type: entities
                 title: Kinderzimmer
                 column_width: 30%
                 entities:
                   - entity: light.Nachtlicht_Liah_POWER
                     icon: 'mdi:lamp'
           - type: 'custom:slideshow-card'
             fill: true
             arrow_color: White
             arrow_opacity: 0.5
             auto_play: true
             auto_delay: 7
             style:
               border-radius: 25px
             cards:
               - type: picture
                 image: /cards/DSC_0003-min.JPG
               - type: picture
                 image: /cards/compress12.jpg
               - type: picture
                 image: /cards/DSC_0020-min.JPG
               - type: picture
                 image: /cards/DSC_0008-min.JPG
               - type: picture
                 image: /cards/compress43.jpg
               - type: picture
                 image: /cards/DSC_0010-min.JPG
               - type: picture
                 image: /cards/DSC_0006-min.JPG
               - type: picture
                 image: /cards/DSC_0031-min.JPG
               - type: picture
                 image: /cards/DSC_0025-min.JPG
               - type: picture
                 image: /cards/compress57.jpg
               - type: picture
                 image: /cards/DSC_0039-min.JPG
               - type: picture
                 image: /cards/DSC_0034-min.JPG
               - type: picture
                 image: /cards/DSC_0040-min.JPG
               - type: picture
                 image: /cards/compress74.jpg
               - type: picture
                 image: /cards/compress9.jpg
       - cards:
           - type: entities
             entities:
               - entity: switch.TV_Steckdose_POWER
             title: Wohnzimmer
           - type: 'custom:vertical-stack-in-card'
             cards:
               - type: horizontal-stack
                 cards:
                   - type: entities
                     show_header_toggle: false
                     entities:
                       - entity: switch.switch_on
                     title: Schlafzimmer
               - type: 'custom:button-entity-row'
                 buttons:
                   - entity: switch.schreibtischsteckdose_automatik
                     name: Automatische Abschaltung
                     state_icons:
                       'off': 'mdi:timer-off'
                       'on': 'mdi:timer'
               - type: horizontal-stack
                 cards:
                   - type: 'custom:mini-graph-card'
                     name: Schreibtisch Strom aktuell
                     show_name: false
                     icon: 'mdi:flash'
                     entities:
                       - sensor.Schreibtisch_Strom
         badges: []
         title: ''
         icon: 'mdi:power-socket-eu'
       - cards:
           - type: vertical-stack
             cards:
               - type: entities
                 title: Wohnzimmer
                 entities:
                   - entity: light.Wohnzimmerlicht
                     name: Deckenlampe
                     icon: 'mdi:ceiling-light'
                   - entity: light.Stehlampe
                     name: Stehlampe
                     icon: 'mdi:floor-lamp'
                   - type: 'custom:button-entity-row'
                     buttons:
                       - entity: switch.rgb_syncron
                         name: Syncronisierung
                         state_icons:
                           'off': 'mdi:sync-off'
                           'on': 'mdi:sync'
                   - entity: light.LED_Strips_Wohnzimmer
                     name: LED Strips
                     icon: 'mdi:led-strip-variant'
                   - type: 'custom:button-entity-row'
                     buttons:
                       - entity: switch.led_strips_automatik
                         name: Automatik
                         state_icons:
                           'off': 'mdi:sync-off'
                           'on': 'mdi:sync'
                   - entity: light.Weihnachtsbaum
                     name: Weihnachtsbaum Beleuchtung
                     icon: 'mdi:pine-tree'
               - type: horizontal-stack
                 title: Wohnzimmer Farbwahl
                 cards:
                   - type: 'custom:button-card'
                     color_type: blank-card
                     styles:
                       card:
                         - height: 40px
                         - width: 40px
                   - type: 'custom:button-card'
                     icon: 'mdi:palette'
                     size: 40px
                     styles:
                       card:
                         - height: 40px
                         - width: 40px
                   - type: 'custom:button-card'
                     entity: switch.red
                     color_type: card
                     show_icon: false
                     show_name: false
                     state:
                       - value: 'on'
                         color: 'rgb(245, 98, 93)'
                         styles:
                           card:
                             - height: 40px
                             - width: 40px
                       - value: 'off'
                         color: 'rgb(245, 98, 93)'
                         styles:
                           card:
                             - height: 40px
                             - width: 40px
                   - type: 'custom:button-card'
                     entity: switch.blue
                     color_type: card
                     show_icon: false
                     show_name: false
                     state:
                       - value: 'on'
                         color: 'rgb(93, 126, 245)'
                         styles:
                           card:
                             - height: 40px
                             - width: 40px
                       - value: 'off'
                         color: 'rgb(93, 126, 245)'
                         styles:
                           card:
                             - height: 40px
                             - width: 40px
                   - type: 'custom:button-card'
                     entity: switch.green
                     color_type: card
                     show_icon: false
                     show_name: false
                     state:
                       - value: 'on'
                         color: 'rgb(93, 245, 96)'
                         styles:
                           card:
                             - height: 40px
                             - width: 40px
                       - value: 'off'
                         color: 'rgb(93, 245, 96)'
                         styles:
                           card:
                             - height: 40px
                             - width: 40px
                   - type: 'custom:button-card'
                     entity: switch.violett
                     color_type: card
                     show_icon: false
                     show_name: false
                     state:
                       - value: 'on'
                         color: 'rgb(232, 93, 245)'
                         styles:
                           card:
                             - height: 40px
                             - width: 40px
                       - value: 'off'
                         color: 'rgb(232, 93, 245)'
                         styles:
                           card:
                             - height: 40px
                             - width: 40px
                   - type: 'custom:button-card'
                     entity: switch.turkis
                     color_type: card
                     show_icon: false
                     show_name: false
                     state:
                       - value: 'on'
                         color: 'rgb(93, 245, 210)'
                         styles:
                           card:
                             - height: 40px
                             - width: 40px
                       - value: 'off'
                         color: 'rgb(93, 245, 210)'
                         styles:
                           card:
                             - height: 40px
                             - width: 40px
               - type: horizontal-stack
                 cards:
                   - type: 'custom:button-card'
                     color_type: blank-card
                     styles:
                       card:
                         - height: 40px
                         - width: 40px
                   - type: 'custom:button-card'
                     icon: 'mdi:thermometer'
                     size: 40px
                     styles:
                       card:
                         - height: 40px
                         - width: 40px
                   - type: 'custom:button-card'
                     entity: switch.warmweiß
                     color_type: card
                     show_icon: false
                     show_name: false
                     state:
                       - value: 'on'
                         color: 'rgb(255, 202, 87)'
                         styles:
                           card:
                             - height: 40px
                             - width: 40px
                       - value: 'off'
                         color: 'rgb(255, 202, 87)'
                         styles:
                           card:
                             - height: 40px
                             - width: 40px
                   - type: 'custom:button-card'
                     entity: switch.kaltweiß
                     color_type: card
                     show_icon: false
                     show_name: false
                     state:
                       - value: 'on'
                         color: 'rgb(255, 254, 252)'
                         styles:
                           card:
                             - height: 40px
                             - width: 40px
                       - value: 'off'
                         color: 'rgb(255, 254, 252)'
                         styles:
                           card:
                             - height: 40px
                             - width: 40px
           - type: entities
             entities:
               - entity: light.Schlafzimmerlicht
                 name: Deckenlampe
                 icon: 'mdi:ceiling-light'
               - entity: light.Nachtlicht_Marcus_POWER
                 icon: 'mdi:lamp'
               - entity: light.Nachtlicht_Benchy_POWER
                 icon: 'mdi:lamp'
               - entity: light.Schreibtischlampe
                 icon: 'mdi:desk-lamp'
             title: Schlafzimmer
             show_header_toggle: true
           - type: entities
             entities:
               - entity: light.Nachtlicht_Liah_POWER
                 icon: 'mdi:lamp'
             title: Kinderzimmer
           - type: entities
             entities:
               - entity: light.K_chenlicht_POWER
                 name: Deckenlampe
                 icon: 'mdi:ceiling-light'
             title: Küche
           - type: 'custom:vertical-stack-in-card'
             title: Flur
             cards:
               - type: horizontal-stack
                 cards:
                   - type: entities
                     show_header_toggle: false
                     entities:
                       - entity: light.Flurlicht
                         name: Deckenlampe
                         icon: 'mdi:ceiling-light'
                       - entity: light.nachtlicht_flur
                         name: Nachtlicht
                         icon: 'mdi:lamp'
               - type: 'custom:button-entity-row'
                 buttons:
                   - entity: switch.flurlicht_automatik
                     name: Bewegung erkennen
                     state_icons:
                       'off': 'mdi:eye-off'
                       'on': 'mdi:motion-sensor'
         badges: []
         title: ''
         icon: 'mdi:lightbulb-on-outline'
       - icon: 'mdi:television-classic'
         badges: []
         cards:
           - type: 'custom:vertical-stack-in-card'
             cards:
               - type: 'custom:button-card'
                 name: Fernseher
               - type: horizontal-stack
                 cards:
                   - type: 'custom:button-card'
                     color_type: blank-card
                   - type: 'custom:button-card'
                     color_type: blank-card
                   - type: 'custom:button-card'
                     entity: switch.Switch_TV_power
                     show_name: false
                     size: 40px
                     icon: 'mdi:power'
                     show_label: false
                   - type: 'custom:button-card'
                     color_type: blank-card
                   - type: 'custom:button-card'
                     color_type: blank-card
               - type: horizontal-stack
                 cards:
                   - type: 'custom:button-card'
                     color_type: blank-card
                     styles:
                       card:
                         - height: 40px
               - type: horizontal-stack
                 cards:
                   - type: 'custom:button-card'
                     entity: media_player.tv_remote_back
                     icon: 'mdi:arrow-left'
                     show_name: false
                     size: 40px
                   - type: 'custom:button-card'
                     color_type: blank-card
                   - type: 'custom:button-card'
                     entity: media_player.tv_remote_menu
                     icon: 'mdi:menu'
                     show_name: false
                     size: 40px
                   - type: 'custom:button-card'
                     color_type: blank-card
                   - type: 'custom:button-card'
                     entity: media_player.tv_remote_home
                     icon: 'mdi:home'
                     show_name: false
                     size: 40px
               - type: horizontal-stack
                 cards:
                   - type: 'custom:button-card'
                     color_type: blank-card
                     styles:
                       card:
                         - height: 50px
               - type: horizontal-stack
                 cards:
                   - type: 'custom:button-card'
                     entity: switch.tv_remote_netflix
                     icon: 'mdi:netflix'
                     show_name: false
                     size: 40px
                   - type: 'custom:button-card'
                     color_type: blank-card
                   - type: 'custom:button-card'
                     entity: media_player.tv_remote_up
                     icon: 'mdi:chevron-up'
                     show_name: false
                     size: 40px
                   - type: 'custom:button-card'
                     color_type: blank-card
                   - type: 'custom:button-card'
                     entity: switch.tv_remote_amazon
                     icon: 'mdi:amazon'
                     show_name: false
                     size: 40px
               - type: horizontal-stack
                 cards:
                   - type: 'custom:button-card'
                     color_type: blank-card
                     styles:
                       card:
                         - height: 50px
               - type: horizontal-stack
                 cards:
                   - type: 'custom:button-card'
                     entity: media_player.tv_remote_left
                     icon: 'mdi:chevron-left'
                     show_name: false
                     size: 40px
                   - type: 'custom:button-card'
                     color_type: blank-card
                   - type: 'custom:button-card'
                     entity: media_player.tv_remote_enter
                     icon: 'mdi:circle'
                     show_name: false
                     size: 40px
                   - type: 'custom:button-card'
                     color_type: blank-card
                   - type: 'custom:button-card'
                     entity: media_player.tv_remote_right
                     icon: 'mdi:chevron-right'
                     show_name: false
                     size: 40px
               - type: horizontal-stack
                 cards:
                   - type: 'custom:button-card'
                     color_type: blank-card
                     styles:
                       card:
                         - height: 50px
               - type: horizontal-stack
                 cards:
                   - type: 'custom:button-card'
                     color_type: blank-card
                   - type: 'custom:button-card'
                     color_type: blank-card
                   - type: 'custom:button-card'
                     entity: media_player.tv_remote_down
                     icon: 'mdi:chevron-down'
                     show_name: false
                     size: 40px
                   - type: 'custom:button-card'
                     color_type: blank-card
                   - type: 'custom:button-card'
                     color_type: blank-card
               - type: horizontal-stack
                 cards:
                   - type: 'custom:button-card'
                     color_type: blank-card
                     styles:
                       card:
                         - height: 50px
               - type: horizontal-stack
                 cards:
                   - type: 'custom:button-card'
                     entity: media_player.tv_channel_up
                     icon: 'mdi:chevron-up'
                     show_name: false
                     size: 40px
                   - type: 'custom:button-card'
                     color_type: blank-card
                   - type: 'custom:button-card'
                     icon: 'mdi:alpha-p-box-outline'
                   - type: 'custom:button-card'
                     color_type: blank-card
                   - type: 'custom:button-card'
                     entity: media_player.tv_channel_down
                     icon: 'mdi:chevron-down'
                     show_name: false
                     size: 40px
               - type: horizontal-stack
                 cards:
                   - type: 'custom:button-card'
                     color_type: blank-card
                     styles:
                       card:
                         - height: 50px
               - type: horizontal-stack
                 cards:
                   - type: 'custom:button-card'
                     entity: media_player.tv_remote_rewind
                     icon: 'mdi:rewind'
                     show_name: false
                     size: 40px
                   - type: 'custom:button-card'
                     color_type: blank-card
                   - type: 'custom:button-card'
                     entity: media_player.tv_remote_play
                     icon: 'mdi:play-pause'
                     show_name: false
                     size: 40px
                   - type: 'custom:button-card'
                     color_type: blank-card
                   - type: 'custom:button-card'
                     entity: media_player.tv_remote_forward
                     icon: 'mdi:fast-forward'
                     show_name: false
                     size: 40px
               - type: horizontal-stack
                 cards:
                   - type: 'custom:button-card'
                     color_type: blank-card
                     styles:
                       card:
                         - height: 50px
               - type: horizontal-stack
                 cards:
                   - type: 'custom:button-card'
                     entity: media_player.tv_volume_down
                     icon: 'mdi:volume-medium'
                     show_name: false
                     size: 40px
                   - type: 'custom:button-card'
                     color_type: blank-card
                   - type: 'custom:button-card'
                     entity: switch.tv_remote_mute
                     icon: 'mdi:volume-off'
                     show_name: false
                     size: 40px
                   - type: 'custom:button-card'
                     color_type: blank-card
                   - type: 'custom:button-card'
                     entity: media_player.tv_volume_up
                     icon: 'mdi:volume-high'
                     show_name: false
                     size: 40px
           - type: entities
             entities:
               - entity: input_select.tv_launch
                 name: App auswählen
               - entity: input_number.FernseherVolume
                 name: Lautstärke
                 icon: 'mdi:volume-high'
               - entity: input_select.tv_remote_source
                 name: Eingang auswählen
               - entity: input_text.tv_remote_popup
                 name: Nachricht Popup
             title: Weitere Funktionen
             show_header_toggle: false
       - title: ''
         icon: 'mdi:speaker'
         badges: []
         cards:
           - type: 'custom:vertical-stack-in-card'
             cards:
               - type: horizontal-stack
                 cards:
                   - type: entities
                     show_header_toggle: false
                     title: Wohnzimmer
                     entities:
                       - entity: input_number.GHomeWohnzimmer
                         name: Google Home
                         icon: 'mdi:google-home'
               - type: horizontal-stack
                 cards:
                   - type: 'custom:button-card'
                     entity: switch.v_down_ghome_wohnzimmer
                     icon: 'mdi:volume-minus'
                     show_name: false
                   - type: 'custom:button-card'
                     color_type: blank-card
                   - type: 'custom:button-card'
                     color_type: blank-card
                   - type: 'custom:button-card'
                     name: Volume
                   - type: 'custom:button-card'
                     color_type: blank-card
                   - type: 'custom:button-card'
                     color_type: blank-card
                   - type: 'custom:button-card'
                     entity: switch.v_up_ghome_wohnzimmer
                     icon: 'mdi:volume-plus'
                     show_name: false
               - type: horizontal-stack
                 cards:
                   - type: 'custom:button-card'
                     color_type: blank-card
                     styles:
                       card:
                         - height: 30px
           - type: 'custom:vertical-stack-in-card'
             cards:
               - type: horizontal-stack
                 cards:
                   - type: entities
                     show_header_toggle: false
                     title: Küche
                     entities:
                       - entity: input_number.GHomeKueche
                         name: Google Home
                         icon: 'mdi:google-home'
               - type: horizontal-stack
                 cards:
                   - type: 'custom:button-card'
                     entity: switch.v_down_ghome_kueche
                     icon: 'mdi:volume-minus'
                     show_name: false
                   - type: 'custom:button-card'
                     color_type: blank-card
                   - type: 'custom:button-card'
                     color_type: blank-card
                   - type: 'custom:button-card'
                     name: Volume
                   - type: 'custom:button-card'
                     color_type: blank-card
                   - type: 'custom:button-card'
                     color_type: blank-card
                   - type: 'custom:button-card'
                     entity: switch.v_up_ghome_kueche
                     icon: 'mdi:volume-plus'
                     show_name: false
               - type: horizontal-stack
                 cards:
                   - type: 'custom:button-card'
                     color_type: blank-card
                     styles:
                       card:
                         - height: 30px
           - type: 'custom:vertical-stack-in-card'
             cards:
               - type: horizontal-stack
                 cards:
                   - type: entities
                     show_header_toggle: false
                     title: Schlafzimmer
                     entities:
                       - entity: input_number.GHomeSchlafzimmer
                         name: Google Home
                         icon: 'mdi:google-home'
               - type: horizontal-stack
                 cards:
                   - type: 'custom:button-card'
                     entity: switch.v_down_ghome_schlafzimmer
                     icon: 'mdi:volume-minus'
                     show_name: false
                   - type: 'custom:button-card'
                     color_type: blank-card
                   - type: 'custom:button-card'
                     color_type: blank-card
                   - type: 'custom:button-card'
                     name: Volume
                   - type: 'custom:button-card'
                     color_type: blank-card
                   - type: 'custom:button-card'
                     color_type: blank-card
                   - type: 'custom:button-card'
                     entity: switch.v_up_ghome_schlafzimmer
                     icon: 'mdi:volume-plus'
                     show_name: false
               - type: horizontal-stack
                 cards:
                   - type: 'custom:button-card'
                     color_type: blank-card
                     styles:
                       card:
                         - height: 30px
       - cards:
           - type: 'custom:vertical-stack-in-card'
             cards:
               - type: horizontal-stack
                 cards:
                   - type: 'custom:button-card'
                     name: Automatik Programme
                     double_tap_action:
                       confirmation:
                         text: Hand= Gerät muss Manuell geschalten werden
               - type: horizontal-stack
                 cards:
                   - type: 'custom:button-card'
                     entity: switch.led_strips_automatik
                     name: Automatik LED Stripes
                     layout: icon_name
                     show_name: true
                     size: 40px
                     state:
                       - value: 'on'
                         name: LED Stripes Auto
                         icon: 'mdi:cached'
                         color_type: icon
                         styles:
                           icon:
                             - animation: blink 2s ease infinite
                       - value: 'off'
                         name: LED Stripes Hand
                         icon: 'mdi:gesture-tap'
                         color_type: icon
               - type: horizontal-stack
                 cards:
                   - type: 'custom:button-card'
                     entity: switch.flurlicht_automatik
                     layout: icon_name_state
                     show_name: true
                     size: 40px
                     state:
                       - value: 'on'
                         name: Flurlicht Auto
                         icon: 'mdi:cached'
                         color_type: icon
                         styles:
                           icon:
                             - animation: blink 2s ease infinite
                       - value: 'off'
                         name: Flurlicht Hand
                         icon: 'mdi:gesture-tap'
                         color_type: icon
               - type: horizontal-stack
                 cards:
                   - type: 'custom:button-card'
                     entity: switch.schreibtischsteckdose_automatik
                     layout: icon_name_state
                     show_name: true
                     size: 40px
                     state:
                       - value: 'on'
                         name: Schreibtisch Auto
                         icon: 'mdi:cached'
                         color_type: icon
                         styles:
                           icon:
                             - animation: blink 2s ease infinite
                       - value: 'off'
                         name: Schreibtisch Hand
                         icon: 'mdi:gesture-tap'
                         color_type: icon
               - type: horizontal-stack
                 cards:
                   - type: 'custom:button-card'
                     entity: switch.rgb_syncron
                     layout: icon_name_state
                     show_name: true
                     size: 40px
                     state:
                       - value: 'on'
                         name: RGB Syncron Auto
                         icon: 'mdi:cached'
                         color_type: icon
                         styles:
                           icon:
                             - animation: blink 2s ease infinite
                       - value: 'off'
                         name: RGB Syncron Hand
                         icon: 'mdi:gesture-tap'
                         color_type: icon
         badges: []
         title: ''
         icon: 'mdi:console'
         panel: false
       - cards:
           - type: 'custom:vertical-stack-in-card'
             title: Server (Intel Nuc)
             cards:
               - type: horizontal-stack
                 cards:
                   - type: gauge
                     entity: sensor.CPU_Temperatur
                     min: 0
                     max: 100
                     theme: default
                     name: CPU Temp.
                     unit: °C
                     severity:
                       green: 0
                       yellow: 65
                       red: 80
                   - type: gauge
                     entity: sensor.pve_cpu_utilization
                     min: 0
                     max: 100
                     theme: default
                     name: CPU
                     unit: '%'
                     severity:
                       green: 0
                       yellow: 60
                       red: 80
                   - type: gauge
                     entity: sensor.server_ram_auslastung
                     min: 0
                     max: 100
                     theme: default
                     name: Ram
                     unit: '%'
                     severity:
                       green: 0
                       yellow: 60
                       red: 80
           - type: 'custom:mini-graph-card'
             name: Server CPU Auslastung
             icon: 'mdi:cpu-64-bit'
             entities:
               - sensor.pve_cpu_utilization
             show:
               labels: true
               extrema: true
             hours_to_show: 24
             hour24: true
             color_thresholds:
               - value: 0
                 color: '#40FF00'
               - value: 70
                 color: '#FF8000'
               - value: 90
                 color: '#c0392b'
           - type: 'custom:mini-graph-card'
             name: Server CPU Temperatur
             entities:
               - sensor.CPU_Temperatur
             show:
               labels: true
               extrema: true
             hours_to_show: '24'
             hour24: true
             color_thresholds:
               - value: 40
                 color: '#40FF00'
               - value: 70
                 color: '#FF8000'
               - value: 90
                 color: '#c0392b'
           - type: 'custom:mini-graph-card'
             name: Server Ram Auslastung
             icon: 'mdi:memory'
             entities:
               - sensor.server_ram_auslastung
             show:
               labels: true
               extrema: true
             hours_to_show: 24
             hour24: true
             color_thresholds:
               - value: 0
                 color: '#40FF00'
               - value: 60
                 color: '#FF8000'
               - value: 90
                 color: '#c0392b'
           - type: 'custom:vertical-stack-in-card'
             title: IoBroker (VM)
             cards:
               - type: horizontal-stack
                 cards:
                   - type: gauge
                     entity: sensor.cpu_iobroker_vm
                     min: 0
                     max: 100
                     theme: default
                     name: CPU
                     unit: '%'
                     severity:
                       green: 0
                       yellow: 60
                       red: 80
                   - type: gauge
                     entity: sensor.ram_iobroker_vm
                     min: 0
                     max: 100
                     theme: default
                     name: Ram
                     unit: '%'
                     severity:
                       green: 0
                       yellow: 60
                       red: 80
           - type: 'custom:mini-graph-card'
             name: IoBroker CPU Auslastung
             icon: 'mdi:cpu-64-bit'
             entities:
               - sensor.cpu_iobroker_vm
             show:
               labels: true
               extrema: true
             hours_to_show: 24
             hour24: true
             color_thresholds:
               - value: 0
                 color: '#40FF00'
               - value: 70
                 color: '#FF8000'
               - value: 90
                 color: '#c0392b'
           - type: 'custom:mini-graph-card'
             name: Internetgeschwindigkeit
             icon: 'mdi:speedometer'
             hours_to_show: 24
             entities:
               - entity: sensor.MaxDownstream
                 name: Download
               - entity: sensor.MaxUpstream
                 name: Upload
           - type: 'custom:mini-graph-card'
             name: IoBroker Ram Auslastung
             icon: 'mdi:memory'
             entities:
               - sensor.ram_iobroker_vm
             show:
               labels: true
               extrema: true
             hours_to_show: 24
             hour24: true
             color_thresholds:
               - value: 0
                 color: '#40FF00'
               - value: 60
                 color: '#FF8000'
               - value: 90
                 color: '#c0392b'
         badges: []
         title: ''
         icon: 'mdi:server'
       - cards:
           - type: 'custom:vertical-stack-in-card'
             title: Strom (Ampere)
             cards:
               - type: horizontal-stack
                 cards:
                   - type: gauge
                     entity: sensor.l1_strom
                     min: 0
                     max: 50
                     theme: default
                     name: L1
                     unit: A
                     severity:
                       green: 0
                       yellow: 20
                       red: 30
                   - type: gauge
                     entity: sensor.l2_strom
                     min: 0
                     max: 50
                     theme: default
                     name: L2
                     unit: A
                     severity:
                       green: 0
                       yellow: 20
                       red: 30
                   - type: gauge
                     entity: sensor.l3_strom
                     min: 0
                     max: 50
                     theme: default
                     name: L3
                     unit: A
                     severity:
                       green: 0
                       yellow: 20
                       red: 30
           - type: iframe
             aspect_ratio: 163%
             url: >-
               http://192.168.0.63:3000/d/Q9bXbeaZz/energiemessungen?orgId=1&refresh=30s&from=1576133441888&to=1576155041889
             title: Zuleitung
           - type: 'custom:vertical-stack-in-card'
             title: Leistung (Watt)
             cards:
               - type: horizontal-stack
                 cards:
                   - type: gauge
                     entity: sensor.l1_leistung
                     min: 0
                     max: 11500
                     theme: default
                     name: L1
                     unit: W
                     severity:
                       green: 0
                       yellow: 5000
                       red: 11000
                   - type: gauge
                     entity: sensor.l2_leistung
                     min: 0
                     max: 11500
                     theme: default
                     name: L2
                     unit: W
                     severity:
                       green: 0
                       yellow: 5000
                       red: 11000
                   - type: gauge
                     entity: sensor.l3_leistung
                     min: 0
                     max: 11500
                     theme: default
                     name: L3
                     unit: W
                     severity:
                       green: 0
                       yellow: 5000
                       red: 11000
           - type: iframe
             aspect_ratio: 90%
             url: >-
               http://192.168.0.63:3000/d/m0Od42LWz/energie-verbrauchsmessungen?orgId=1&from=1577487579761&to=1578092379762
             title: Stromverbrauch Täglich
         badges: []
         icon: 'mdi:flash'
       - icon: 'mdi:gas-station'
         badges: []
         cards:
           - type: glance
             entities:
               - entity: sensor.benzinpreis_total_gaggenau
                 name: Total Gaggenau
                 icon: 'mdi:gas-station'
               - entity: sensor.benzinpreis_shell_gaggenau
                 name: Shell Gaggenau
                 icon: 'mdi:gas-station'
               - entity: sensor.benzinpreis_avia_gaggenau
                 name: Avia Gaggenau
                 icon: 'mdi:gas-station'
             title: Gaggenau
           - type: 'custom:mini-graph-card'
             entities:
               - entity: sensor.benzinpreis_total_gaggenau
                 name: Total Gaggenau
                 color: red
               - entity: sensor.benzinpreis_shell_gaggenau
                 name: Shell Gaggenau
                 color: yellow
               - entity: sensor.benzinpreis_avia_gaggenau
                 name: Avia Gaggenau
                 color: blue
             name: Entwicklung Benzinpreise
             hours_to_show: 48
             hour24: true
             group_by: date
             decimals: 2
             icon: 'mdi:gas-station'
             unit: €
             show:
               labels: true
               extrema: true
           - type: glance
             entities:
               - entity: sensor.benzinpreis_real_rastatt
                 name: Real Rastatt
                 icon: 'mdi:gas-station'
               - entity: sensor.benzinpreis_jet_rastatt
                 name: Jet Rastatt
                 icon: 'mdi:gas-station'
             title: Rastatt
           - type: 'custom:mini-graph-card'
             entities:
               - entity: sensor.benzinpreis_real_rastatt
                 name: Real Rastatt
                 color: red
               - entity: sensor.benzinpreis_jet_rastatt
                 name: Jet Rastatt
                 color: yellow
             name: Entwicklung Benzinpreise
             hours_to_show: 48
             hour24: true
             group_by: date
             decimals: 2
             icon: 'mdi:gas-station'
             unit: €
             show:
               labels: true
               extrema: true
           - type: glance
             entities:
               - entity: sensor.benzinpreis_raiffeisen_karlsruhe
                 name: ZG Raiffeisen Karlsruhe
                 icon: 'mdi:gas-station'
               - entity: sensor.benzinpreis_bft_karlsruhe
                 name: BFT Karlsruhe
                 icon: 'mdi:gas-station'
             title: Karlsruhe
           - type: 'custom:mini-graph-card'
             entities:
               - entity: sensor.benzinpreis_raiffeisen_karlsruhe
                 name: ZG Raiffeisen Karlsruhe
                 color: green
               - entity: sensor.benzinpreis_bft_karlsruhe
                 name: BFT Karlsruhe
                 color: orange
             name: Entwicklung Benzinpreise
             hours_to_show: 48
             hour24: true
             group_by: date
             decimals: 2
             icon: 'mdi:gas-station'
             unit: €
             show:
               labels: true
               extrema: true
       - cards:
           - type: 'custom:battery-entity'
             entity: sensor.akku_switch_marcus
             name: Akkustand Schalter Nachttisch Marcus
           - type: 'custom:battery-entity'
             entity: sensor.akku_dimmer
             name: Akkustand Dimmer
           - type: 'custom:battery-entity'
             entity: sensor.akku_bm_flur
             name: Akkustand Bewegungsmelder Flur
           - type: 'custom:battery-entity'
             entity: sensor.akku_stehlampe_schalter
             name: Akkustand Schalter/Dimmer Stehlampe
           - type: 'custom:battery-entity'
             entity: sensor.akku_tür_sensor
             name: Akkustand Tür Sensor
         badges: []
         title: ''
         path: akkustande
         icon: 'mdi:battery-outline'
       - icon: 'mdi:home-automation'
         badges: []
         cards: []
      hideToolbar: false
      resources:
       - type: jpg
         url: /cards/DSC_0003-min.JPG
       - type: jpg
         url: /cards/DSC_0006-min.JPG
       - type: jpg
         url: /cards/DSC_0008-min.JPG
       - type: jpg
         url: /cards/DSC_0010-min.JPG
       - type: jpg
         url: /cards/DSC_0020-min.JPG
       - type: jpg
         url: /cards/DSC_0025-min.JPG
       - type: jpg
         url: /cards/DSC_0031-min.JPG
       - type: jpg
         url: /cards/DSC_0034-min.JPG
       - type: jpg
         url: /cards/DSC_0039-min.JPG
       - type: jpg
         url: /cards/DSC_0040-min.JPG
       - type: jpg
         url: /cards/Google-Home-Mini-OK-Google.jpg
       - type: jpg
         url: /cards/Google-Home-Mini-pic.jpg
       - type: jpg
         url: /cards/background.jpg
       - type: module
         url: /cards/battery-entity.js
       - type: module
         url: /cards/button-card.js
       - type: module
         url: /cards/button-entity-row.js
       - type: module
         url: /cards/compact-custom-header.js
       - type: jpg
         url: /cards/compress12.jpg
       - type: jpg
         url: /cards/compress43.jpg
       - type: jpg
         url: /cards/compress57.jpg
       - type: jpg
         url: /cards/compress74.jpg
       - type: jpg
         url: /cards/compress9.jpg
       - type: module
         url: /cards/dual-gauge-card.js
       - type: module
         url: /cards/light-entity-card.js
       - type: module
         url: /cards/mini-graph-card-bundle.js
       - type: module
         url: /cards/remote-card.js
       - type: module
         url: /cards/rgb-light-card.js
       - type: module
         url: /cards/slideshow-card.js
       - type: module
         url: /cards/vertical-stack-in-card.js
      background: center / cover no-repeat url("/cards/background.jpg") fixed
      
      

      W smile A A 4 Replies Last reply Reply Quote 7
      • W
        WW1983 @marcuskl last edited by

        @marcuskl

        Sehr cool! Da kann man sich das ein oder Andere angucken!

        1 Reply Last reply Reply Quote 0
        • W
          WW1983 @marcuskl last edited by

          @marcuskl
          Ja. Bin leider auch kein Programmierer. Kann die auch nicht anpassen

          1 Reply Last reply Reply Quote 0
          • P
            Ph4t0n @Garfonso last edited by

            @Garfonso
            Ha Danke! so einfach war das also, hatte mit Aufzählungen vorher noch nichts am Hut. Nachdem ich die angelegt hatte und die Sonos Box die Funktion zugewiesen habe, hat der autodetect es auch gefunden. Vielen Dank! Jetzt mache ich mich weiter daran es einzubinden 🙂

            B 1 Reply Last reply Reply Quote 0
            • smile
              smile @marcuskl last edited by

              @marcuskl Mega.
              Sehe ich da Grafana Charts eingebunden? Wie hast du das gelöst?

              Wieviele Widgets musstest du selber erstellen / programmieren?

              Wirst du uns diese zur Verfügung stellen?
              Fragen über Fragen... 😊
              Sieht super aus, gute Arbeit.

              marcuskl 1 Reply Last reply Reply Quote 0
              • marcuskl
                marcuskl @smile last edited by

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

                @marcuskl Mega.
                Sehe ich da Grafana Charts eingebunden? Wie hast du das gelöst?

                Ja sind Grafana Charts, habe ich über iFrame eingebunden

                Wieviele Widgets musstest du selber erstellen / programmieren?

                Sind alles hauptsächlich Custom Cards, gibt ein haufen davon für Lovelace einfach mal googlen

                Wirst du uns diese zur Verfügung stellen?

                Ja klar, habe den Raw unter den Bildern in den Spoiler gepackt, einfach mal öffnen.
                Zu jeder Card steht bei "type: custom:card-name" der name der Card dabei.

                Fragen über Fragen... 😊
                Sieht super aus, gute Arbeit.

                Danke 🙂

                1 Reply Last reply Reply Quote 1
                • A
                  AhleWurscht75 @marcuskl last edited by

                  @marcuskl Hallo, ich habe ein paar von deinen card übernommen ;- ) Top arbeit - Daumen hoch dafür!

                  Zu dem Thema der Benzinpreise habe ich jedoch noch Fragen. Welche Zahl wird den bei den Entwicklungen große angezeigt? Sollte dies nicht der aktuell günstigste Preis sein? Wenn ja, dann passt dies nicht. Kannst Du auf deinen Screenshots auch erkennen.

                  Kann man die 0 € Preisphase, meines Wissens ensteht diese wenn die Tankstelle geschlossen ist, unberücksichtigt lassen? Die Darstellung von Min. und Max. macht sonst keinen Sinn.

                  Danke für deine Mühen!

                  marcuskl 1 Reply Last reply Reply Quote 0
                  • W
                    WW1983 last edited by

                    Hat aktuell sonst niemand Darstellungsfehler? Bei mir werden die Icons (nach dem Ausmachen) falsch dargestellt. Und bei manchen Darstellungen habe ich rechts einen weißen Balken:

                    1577536003548-8f7c8bdb-08f8-40c4-8597-00e521b01794.png

                    1575406286933-cb3e204e-97a9-44d5-a8ea-5a519d0a158e.jpg

                    Die Darstellungsfehler habe ich aber nur auf dem iPhone und iPad. Auf dem PC über Firefox sieht alles normal aus. Die Fehler sind auch erst mit den letzten Updates aufgetreten.

                    Garfonso 1 Reply Last reply Reply Quote 0
                    • Garfonso
                      Garfonso Developer @WW1983 last edited by

                      @WW1983
                      Der Darstellungsfehler unten, der "weiße Balken" ist ein Scrollbalken. Der sollte vermutlich nicht da sein. Versuch mal zu googeln ob es da bekannte Probleme mit Lovelace und Safari (iPhone / iPad) gibt. Vielleicht kannst du was am Template einstellen oder so?
                      Ansonsten hat der Adapter darauf relativ wenig Einfluss.

                      1 Reply Last reply Reply Quote 0
                      • marcuskl
                        marcuskl @AhleWurscht75 last edited by

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

                        @marcuskl Hallo, ich habe ein paar von deinen card übernommen ;- ) Top arbeit - Daumen hoch dafür!

                        Danke

                        Zu dem Thema der Benzinpreise habe ich jedoch noch Fragen. Welche Zahl wird den bei den Entwicklungen große angezeigt? Sollte dies nicht der aktuell günstigste Preis sein? Wenn ja, dann passt dies nicht. Kannst Du auf deinen Screenshots auch erkennen.

                        Ja, da muss ich mir noch was überlegen, wenn die Tankstelle zu hat, wird 0€ angezeigt, ist etwas nervig.

                        Kann man die 0 € Preisphase, meines Wissens ensteht diese wenn die Tankstelle geschlossen ist, unberücksichtigt lassen? Die Darstellung von Min. und Max. macht sonst keinen Sinn.

                        Danke für deine Mühen!

                        Ich habe noch keine Idee wie 😕

                        1 Reply Last reply Reply Quote 0
                        • marcuskl
                          marcuskl @marcuskl last edited by

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

                          @WW1983 bei mir ist die Benachrichtigungsliste total verschoben, dass ist toatal nervig
                          Screenshot_20191204-003855_Chrome.jpg

                          @WW1983 bei mir gibt es ein Darstellungsfehler immer noch mit dem Smartphone, wenn ich die Benachrichtigungen öffne, habe schon ein Issue auf gemacht.
                          Ist das bei euch auch so ?
                          In der Version 0.2.3 war dieses Problem noch nicht.

                          Und dann gibt es auch noch das Problem mit der Wetter Karte, dass keine Icon's angezeigt werden.

                          W 1 Reply Last reply Reply Quote 0
                          • F
                            fd_samdi last edited by

                            Hey zusammen, ich komme von openHAB rübergeschwappt und setz gerade alles im ioBroker um. Ich bin begeistert von dieser Visualisierung, vielen Dank für die Arbeit bis jetzt hier.

                            Ich hab mich jetzt duch die über 400 Posts gequält um irgendwie herauszufinden, wie ich meine RGBW-Lichtleiste einbinden kann. Ich benütze eine Osram Smart+ FLEX Strip angebunden via Zigbee und dem Deconz-Adapter.

                            Ich hab Räume und Funktionen zugeteilt, nur wie sehen die Rollen richtig aus, damit das von Lovelace erkannt wird? Den Colorpicker sehe ich bereits, nur stellt er bei Auswahl die Saturation runter. Als Attributes wurden erkannt:

                            brightness: deconz.0.Lights.3.bri
                            brightness_pct: 54.509803921568626
                            friendly_name: Wohnzimmer Licht
                            hs_color: deconz.0.Lights.3.hue
                            hs_saturation: deconz.0.Lights.3.sat
                            supported_features: 17

                            Gruß Flo

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

                              Habe eine Anfrage für ein mdi Icon, mit dem IoBroker Logo geöffnet und habe eins bekommen! 😄
                              https://github.com/Templarian/MaterialDesign/issues/4710
                              mdiiobroker.png

                              klotzma created this issue in Templarian/MaterialDesign

                              closed IoBroker Icon #4710

                              1 Reply Last reply Reply Quote 0
                              • W
                                WW1983 @marcuskl last edited by

                                @marcuskl
                                Super. Dann wird es vielleicht irgendwann geklärt.

                                Für die Wetteranzeige gibt es ja eine alternative Card. Die finde ich sogar optisch besser als die Originale. Hast du die schon getestet? Bei mir funktioniert die super

                                @Garfonso
                                Habe noch nicht geschaut. Aber werde ich mal machen. Wobei wir @marcuskl erwähnt hat, das Problem ist erst ab der Version 0.2.3 aufgetreten. Vorher hatte ich das Problem nicht.

                                marcuskl 1 Reply Last reply Reply Quote 0
                                • marcuskl
                                  marcuskl @WW1983 last edited by

                                  @WW1983 Welche Wetter Card ist das die geht ?

                                  W 1 Reply Last reply Reply Quote 0
                                  • W
                                    WW1983 @marcuskl last edited by

                                    @marcuskl

                                    AccuWeather:
                                    https://github.com/iobroker-community-adapters/ioBroker.accuweather

                                    Allerdings nur mit dem AccuWeather Adapter. Die Info findest du aber auch in der Beschreibung von Lovelace bei GitHub.
                                    Das Ganze zieht dann so aus:
                                    Anmerkung 2020-01-08 071500.png

                                    marcuskl 1 Reply Last reply Reply Quote 1
                                    • marcuskl
                                      marcuskl @WW1983 last edited by

                                      @WW1983 Ich habe jetzt den Adapter AccuWeather eingerichtet, die Card hinzugefügt, dann den Channel "Summary" Funktion "Wetter" und Raum "Any"
                                      hinzugefügt, wird aber nicht erkannt?

                                      Habe ich was vergessen ?

                                      W marcuskl 2 Replies Last reply Reply Quote 2
                                      • W
                                        WW1983 @marcuskl last edited by

                                        @marcuskl
                                        Bin leider nicht zuhause. Kann nicht nachschauen. Aber eigentlich müsste es das gewesen sein.

                                        marcuskl 1 Reply Last reply Reply Quote 1
                                        • marcuskl
                                          marcuskl @WW1983 last edited by marcuskl

                                          @WW1983 Bei mir funktioniert es net, verzweifel noch.
                                          Es wird einfach nicht als Wetter erkannt.

                                          W 1 Reply Last reply Reply Quote 0
                                          • W
                                            WW1983 @marcuskl last edited by

                                            @marcuskl
                                            Ich habe bei mir nachgeschaut. Mehr habe ich auch nicht gemacht.

                                            Der AccuWeahter Adapter ist bei dir richtig konfiguriert?
                                            Hast du alle 3 Ordner den Raum "Any" und der Funktion "Weather" zugewiesen?

                                            marcuskl 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            428
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

                                            call for action lovelace test visualisierung
                                            131
                                            1051
                                            322225
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo