@arteck sagte in [Umfrage] BlueLink Adapter welches Fahrzeug:

@g-polat ahh das ist was anders dann installier mal die GIT version .. da gab es ein Bug

Das hat funktioniert

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

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

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

Anwesenheit

Spoiler

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

Fenster

Spoiler

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

Licht - Schalter

Spoiler

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

Licht - Dimmer

Spoiler

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

Geräte

Spoiler

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

Spoiler

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

Spoiler

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

Bar-Chart

Spoiler

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

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

Das einzige was nicht klappt, ist Power

jetzt funzt es wieder. Ich habe erst eine älter Version und dann die aktuellste wieder installiert.

klasse, genau sowas habe ich benötigt

Habe es bei mir Lokal angepasst, evtl. kannst Du es ja ins Coding aufnehmen:

	  {
        interval: 1 /* LOW */,
        state: { id: "storage.CurrentDayChargeCapacity", name: "CurrentDayChargeCapacity", type: "number", unit: "kWh", role: "value", desc: "SOC" },
        register: { reg: 37015, type: import_modbus_types.ModbusDatatype.uint32, length: 2, gain: 100 }
      },
	  {
        interval: 1 /* LOW */,
        state: { id: "storage.CurrentDayDischargeCapacity", name: "CurrentDayDischargeCapacity", type: "number", unit: "kWh", role: "value", desc: "SOC" },
        register: { reg: 37786, type: import_modbus_types.ModbusDatatype.uint32, length: 2, gain: 100 }
      },

@lessthanmore

ja, bin ich. läufe die Card bei dir?

refreshable-picture-card.js

@glasfaser sagte in Visualisierungsvorlage Photovoltaik:

@g-polat

siehe hier https://forum.iobroker.net/post/805964

Perfekt, vielen Dank.

Hallo zusammen,
hat zufällig jemand die custom:refreshable-picture-card card zum laufen gebracht und kann mich unterstützen.
Steige gerade von VIS auf Lovelace um und hätte gerne die Kamerabilder alle 3-4 Sekunden statt 10 Sekunden aktualisiert.

https://github.com/dimagoltsman/refreshable-picture-card

Custom element doesn't exist: refreshable-picture-card.

@saeft_2003 sagte in Visualisierungsvorlage Photovoltaik:

Bei mir sieht das ganze so aus, allerdings handelt es sich nur um eine mini PV, eine Einspeisung ins Netz spielt bei mir keine große Rolle...

Könntest -du Dein Dashboard zur Verfügung stellen?
Würde es gerne übernehmen.

habe es nun hinbekommen. Besten Dank.

Das einzige was nicht klappt, ist Power

@david-g sagte in Lovelace Klimaanlage LG thinq:

@g-polat

Um als Gerät erkannt werden zu können müssen ja alle entsprechenden DPs in einem Ordner liegen und alle Rollen stimmen.

Leg die das Gerät mal über den Devices Adapter an und starte lovelace neu.
Die Anlage wird dann unter Alias.0 nochmal angelegt.
Dann müsste er (das neue Gerät) eigentlich richtig finden.

Perfekt, das hat geklappt. Vielen Dank-

@david-g
Ja, die Anlage ist schon lange mit dem LG Thinq adapter in Broker eingebunden.
Lovelace hat es als Switch erkannt.

Hallo zusammen,
Wechsel gerade von vis zu lovelace. Hat zufällig schon jemand sein lg thinq Klimaanlage eingebunden und konnte mir seine config seine Verfügung stellen.
Vielen Dank im Voraus.

@ultor sagte in Zeigt her eure Lovelace-Visualisierung:

Hallo zusammen,

meine Lovelace-VIS ist jetzt, denke ich, nach insgesamt 2 Jahren Arbeit am Smarthome auch vorzeigbereit.

Mein System läuft auf einem Raspberry 4 mit 4 GByte Speicher.

Ich habe meine VIS bewusst recht übersichtlich gehalten und auf grafische Spielereien usw. verzichtet. Einige Ideen habe ich noch, aber ich habe meiner Freundin versprochen, erst einmal an den noch vorhandenen Bugs zu arbeiten

Ich habe meine VIS in Geschosse eingeteilt:

Das ist die Seite, in der globale Einstellungen, also für alle Ebenen, getätigt werden können.

Hier wird die Beleuchtung im Keller geschaltet. Der Status der Waschmaschinen wird angezeigt. Außerdem habe ich Strom-, Wasser- und Gaszähler eingebunden.

Erdgeschoss

Obergeschoss

Dachgeschoss

Hier werden Informationen über die Solaranlage (Balkonkraftwerk) angezeigt.

Hier wird der Status meines Autos angezeigt und es können die Türen abgeschlossen werden. Es kann zusätzlich die Klimaanlage gesteuert werden, aber nur, wenn der Akku mindestens einen Füllstand von 20% hat, was derzeit nicht der Fall ist. Dann wird das Steuerelement ausgeblendet.

Hier werden Systeminformationen angezeigt.

Für Anregungen bin ich natürlich offen. Mir gefällt z. B. apex-chats ganz gut, insbesondere die gestackten Charts. Das ist mit der mini-graph-card so nicht möglich.

Gruß,
Daniel

Könntest Du Deine YAML teilen. Würde gerne das eine oder andere übernehmen.