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
Zusammenfassung
Blockzitat