PV Dashboard im Überblick

Dashboard/Cards/Frontend
1

PV Dashboard

image
image745×1127 185 KB

Wohnung im Überblick mit PV Ready für die Heizung

image
image640×995 114 KB

2 „Gefällt mir“
2

Womit hast du das obere gemacht?
Kannst du die yaml dafür teilen?

3 
type: picture-elements
elements:
  - type: conditional
    title: Netzbezug Bild
    conditions:
      - condition: numeric_state
        entity: sensor.stromzaehler_netzbetug_w
        above: 10
    elements:
      - type: image
        style:
          left: 50%
          top: 50%
          width: 100%
          mix-blend-mode: lighten
          opacity: 0.5
        image: /local/energie/netzbezug.jpg
  - type: conditional
    title: BatterieLadung Bild
    conditions:
      - condition: numeric_state
        entity: sensor.batterien_lade_entladeleistung
        above: 0
    elements:
      - type: image
        style:
          left: 50%
          top: 50%
          width: 100%
          mix-blend-mode: lighten
          opacity: 0.5
        image: /local/energie/Batterieladung5%.jpg
  - type: conditional
    title: BatterieEntladung Bild
    conditions:
      - condition: numeric_state
        entity: sensor.batterien_lade_entladeleistung
        below: 0
    elements:
      - type: image
        style:
          left: 50%
          top: 50%
          width: 100%
          mix-blend-mode: lighten
          opacity: 0.5
        image: /local/energie/Batterieentladung5%.jpg
  - type: conditional
    title: Batterieentladung 5% Bild
    conditions:
      - condition: numeric_state
        entity: sensor.batterien_batterieladung
        above: -1
        below: 5
      - condition: numeric_state
        entity: sensor.batterien_lade_entladeleistung
        below: 0
    elements:
      - type: image
        style:
          left: 50%
          top: 50%
          width: 100%
          mix-blend-mode: lighten
          opacity: 0.5
        image: /local/energie/Batterieentladung5%.jpg
  - type: conditional
    title: Batterieentladung 33% Bild
    conditions:
      - condition: numeric_state
        entity: sensor.batterien_batterieladung
        above: 5
        below: 33
      - condition: numeric_state
        entity: sensor.batterien_lade_entladeleistung
        below: 0
    elements:
      - type: image
        style:
          left: 50%
          top: 50%
          width: 100%
          mix-blend-mode: lighten
          opacity: 0.5
        image: /local/energie/Batterieentladung33%.jpg
  - type: conditional
    title: Batterieentladung 66% Bild
    conditions:
      - condition: numeric_state
        entity: sensor.batterien_batterieladung
        above: 33
        below: 66
      - condition: numeric_state
        entity: sensor.batterien_lade_entladeleistung
        below: 0
    elements:
      - type: image
        style:
          left: 50%
          top: 50%
          width: 100%
          mix-blend-mode: lighten
          opacity: 0.5
        image: /local/energie/Batterieentladung66%.jpg
  - type: conditional
    title: Batterieentladung 99% Bild
    conditions:
      - condition: numeric_state
        entity: sensor.batterien_batterieladung
        above: 66
        below: 101
      - condition: numeric_state
        entity: sensor.batterien_lade_entladeleistung
        below: 0
    elements:
      - type: image
        style:
          left: 50%
          top: 50%
          width: 100%
          mix-blend-mode: lighten
          opacity: 0.5
        image: /local/energie/Batterieentladung99%.jpg
  - type: conditional
    title: Netzeinspeisung Bild
    conditions:
      - condition: numeric_state
        entity: sensor.stromzaehler_netzeinspeisung_w
        above: 10
    elements:
      - type: image
        style:
          left: 50%
          top: 50%
          width: 100%
          mix-blend-mode: lighten
          opacity: 0.5
        image: /local/energie/Netzeinspeisung.jpg?v=2
  - type: conditional
    title: PV Einspeisung
    conditions:
      - condition: numeric_state
        entity: sensor.solar_dach_und_gartenhaus
        above: 10
    elements:
      - type: image
        style:
          left: 50%
          top: 50%
          width: 100%
          mix-blend-mode: lighten
          opacity: 0.5
        image: /local/energie/Solarbezug.jpg?=2
  - type: conditional
    title: Netzbezug Symbole
    conditions:
      - condition: numeric_state
        entity: sensor.stromzaehler_netzbetug_w
        above: 10
    elements:
      - type: icon
        style:
          left: 8%
          top: 2%
          color: red
          transform: scale(1.3)
        icon: mdi:arrow-down-thin
      - type: state-label
        style:
          left: 4%
          top: 20%
          transform: scale(1.0)
          background-color: rgba(239,68,68,0.9)
          color: white
          padding: 2px 8px
          border-radius: 8px
          border: 1px solid
          font-size: 10px
          font-weight: bold
          box-shadow: 0 1px 2px rgba(0,0,0,0.2)
        entity: sensor.stromzaehler_netzbetug_w
  - type: conditional
    title: Netzeinspeisung Symbole
    conditions:
      - condition: numeric_state
        entity: sensor.stromzaehler_netzeinspeisung_w
        above: 10
    elements:
      - type: icon
        style:
          left: 6%
          top: 40%
          color: orange
          transform: scale(2.5)
        icon: mdi:arrow-up-thin
      - type: state-label
        style:
          left: 2%
          top: 20%
          transform: scale(1.0)
          background-color: rgba(255,180,0,1.0)
          color: white
          padding: 2px 8px
          border-radius: 8px
          border: 1px solid
          font-size: 10px
          font-weight: bold
          box-shadow: 0 1px 2px rgba(0,0,0,0.2)
        entity: sensor.stromzaehler_netzeinspeisung_w
  - type: conditional
    title: PV Leistung
    conditions:
      - condition: numeric_state
        entity: sensor.solar_dach_und_gartenhaus
        above: 10
    elements:
      - type: state-label
        style:
          left: 45%
          top: 41%
          transform: scale(1.0)
          background-color: rgba(255,180,0,1.0)
          color: white
          padding: 2px 8px
          border-radius: 8px
          border: 1px solid
          font-size: 10px
          font-weight: bold
          box-shadow: 0 1px 2px rgba(0,0,0,0.2)
        entity: sensor.solar_dach_und_gartenhaus
  - type: state-icon
    style:
      left: 65%
      top: 7%
      transform: scale(1.0)
      background-color: rgba(255,255,255,0.1)
      color: white
      padding: 2px 8px
      border-radius: 8px
      border: 1px solid rgba(0,0,0,0)
      font-size: 10px
      font-weight: bold
      box-shadow: 0 1px 2px rgba(0,0,0,0.2)
    entity: weather.forecast_home_2
  - type: state-label
    style:
      left: 79%
      top: 7.5%
      transform: scale(1.0)
      background-color: rgba(255,255,255,0.1)
      color: white
      padding: 2px 4px
      border-radius: 8px
      border: 1px solid rgba(0,0,0,0.0)
      font-size: 10px
      font-weight: normal
      box-shadow: 0 1px 2px rgba(0,0,0,0.2)
    entity: sensor.temp_luft_haus_ost_temperatur
  - type: state-label
    style:
      left: 32%
      top: 76%
      transform: scale(0.6)
      background-color: rgba(0,0,0,0.2)
      color: rgba(0,220,230,1.5)
      padding: 2px 8px
      border-radius: 8px
      border: 1px solid rgba(0,0,0,0)
      font-size: 14px
      font-weight: bold
      box-shadow: 0 1px 2px rgba(0,0,0,0.0)
    entity: sensor.batterien_batterieladung
    title: Batterieladung in Prozent
  - type: state-label
    style:
      left: 69%
      top: 65%
      transform: scale(1.0)
      background-color: rgba(239,68,68,0.9)
      color: white
      padding: 2px 8px
      border-radius: 8px
      border: 1px solid
      font-size: 10px
      font-weight: bold
      box-shadow: 0 1px 2px rgba(0,0,0,0.2)
    entity: sensor.hausverbrauch_w
    title: Hausverbrauch
  - type: conditional
    title: Batterieladung bis 5% Bild
    conditions:
      - condition: numeric_state
        entity: sensor.batterien_batterieladung
        above: -1
        below: 5
      - condition: numeric_state
        entity: sensor.batterien_lade_entladeleistung
        above: 0
    elements:
      - type: image
        style:
          left: 50%
          top: 50%
          width: 100%
          mix-blend-mode: lighten
          opacity: 0.5
        image: /local/energie/Batterieladung5%.jpg
  - type: conditional
    title: Batterieladung 33% Bild
    conditions:
      - condition: numeric_state
        entity: sensor.batterien_batterieladung
        above: 5
        below: 33
      - condition: numeric_state
        entity: sensor.batterien_lade_entladeleistung
        above: 0
    elements:
      - type: image
        style:
          left: 50%
          top: 50%
          width: 100%
          mix-blend-mode: lighten
          opacity: 0.5
        image: /local/energie/Batterieladung33%.jpg
  - type: conditional
    title: Batterieladung 66% Bild
    conditions:
      - condition: numeric_state
        entity: sensor.batterien_batterieladung
        above: 33
        below: 66
      - condition: numeric_state
        entity: sensor.batterien_lade_entladeleistung
        above: 0
    elements:
      - type: image
        style:
          left: 50%
          top: 50%
          width: 100%
          mix-blend-mode: lighten
          opacity: 0.5
        image: /local/energie/Batterieladung66%.jpg
  - type: conditional
    title: Batterieladung 100% Bild
    conditions:
      - condition: numeric_state
        entity: sensor.batterien_batterieladung
        above: 66
        below: 101
      - condition: numeric_state
        entity: sensor.batterien_lade_entladeleistung
        above: 0
    elements:
      - type: image
        style:
          left: 50%
          top: 50%
          width: 100%
          mix-blend-mode: lighten
          opacity: 0.5
        image: /local/energie/Batterieladung100%.jpg
image: /local/energie/Basis.jpg?v=2
dark_mode_image: /local/energie/basis.jpg
1 „Gefällt mir“