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 @Garfonso last edited by

      @Garfonso ok, ich kann da leider nicht mitreden 😄

      @WW1983 habe ich auch schon danach gesucht, gibt zwar eine Karte, wüsste aber nicht wie man diese Implementieren kann.

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            941
                                            Online

                                            31.7k
                                            Users

                                            79.9k
                                            Topics

                                            1.3m
                                            Posts

                                            call for action lovelace test visualisierung
                                            131
                                            1051
                                            322286
                                            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