Hi, nach dem Update kann ich keine Dashboards mehr editieren, nur wenn ich in der URL noch ein ?edit=1 anfüge. Außerdem sind die Section zum Umschalten von Views in dem Dashboard weg.
Ein Downgrade ist fehlgeschlagen.
Kann mir bitte jemand auf die Sprünge helfen.
Dashboard:
button_card_templates:
standard:
styles:
card:
- height: 60px
- border-radius: 10px
- box-shadow: none
- font-size: 12px
views:
- type: sections
max_columns: 4
title: Strom
path: strom
icon: mdi:current-ac
sections:
- type: grid
cards:
- type: heading
heading_style: title
icon: mdi:current-ac
heading: Zähler
- type: custom:button-card
entity: sensor.zahler_aktuell
name: Netzentnahme
layout: icon_name_state
show_state: false
icon: mdi:sine-wave
template: standard
custom_fields:
state: |
[[[
return entity.state +" W";
]]]
state:
- value: "0.01"
icon: mdi:fire
color: orange
styles:
icon:
- animation: blink 1s infinite
card:
- background-color: rgba(90, 50, 10, 0.5)
- border-radius: 10px
- value: "0"
icon: mdi:sine-wave
color: gray
styles:
grid:
- grid-template-areas: "\"i n state\""
- grid-template-columns: 50px 150px 1fr
icon:
- width: 30px
- color: royalblue
name:
- justify-self: start
- font-size: 14px
- margin-left: 8px
custom_fields:
state:
- justify-self: start
- font-size: 14px
- min-width: 140px
extra_styles: |
@keyframes blink {
50% { opacity: 0.3; }
}
- type: custom:button-card
entity: sensor.stromverbrauch_heute
name: Tagesverbrauch
layout: icon_name_state
show_state: false
icon: mdi:sine-wave
template: standard
custom_fields:
state: |
[[[
return entity.state + " kWh";
]]]
state:
- value: "-0.01"
icon: mdi:sine-wave
color: orange
styles:
icon:
- animation: blink 1s infinite
card:
- background-color: rgba(90, 50, 10, 0.5)
- border-radius: 10px
- value: "0"
icon: mdi:sine-wave
color: gray
styles:
grid:
- grid-template-areas: "\"i n state\""
- grid-template-columns: 50px 150px 1fr
icon:
- width: 30px
- color: royalblue
name:
- justify-self: start
- font-size: 14px
- margin-left: 8px
custom_fields:
state:
- justify-self: start
- font-size: 14px
- min-width: 140px
extra_styles: |
@keyframes blink {
50% { opacity: 0.3; }
}
- type: custom:button-card
entity: sensor.zahler_verbraucht
name: Zählerstand
layout: icon_name_state
show_state: false
icon: mdi:sine-wave
template: standard
custom_fields:
state: |
[[[
return entity.state + " kWh";
]]]
state:
- value: "0"
icon: mdi:fire
color: orange
styles:
icon:
- animation: blink 1s infinite
card:
- background-color: rgba(90, 50, 10, 0.5)
- border-radius: 10px
- value: "0"
icon: mdi:fire-off
color: gray
styles:
grid:
- grid-template-areas: "\"i n state\""
- grid-template-columns: 50px 150px 1fr
icon:
- width: 30px
- color: royalblue
name:
- justify-self: start
- font-size: 14px
- margin-left: 8px
custom_fields:
state:
- justify-self: start
- font-size: 14px
- min-width: 140px
extra_styles: |
@keyframes blink {
50% { opacity: 0.3; }
}
- type: custom:button-card
entity: sensor.zahler_ruckspeisung_heute
name: Tagesnetzeinspeisung
layout: icon_name_state
show_state: false
icon: mdi:sine-wave
template: standard
custom_fields:
state: |
[[[
return entity.state + " kWh";
]]]
state:
- value: "-0.01"
icon: mdi:sine-wave
color: orange
styles:
icon:
- animation: blink 1s infinite
card:
- background-color: rgba(90, 50, 10, 0.5)
- border-radius: 10px
- value: "0"
icon: mdi:sine-wave
color: gray
styles:
grid:
- grid-template-areas: "\"i n state\""
- grid-template-columns: 50px 150px 1fr
icon:
- width: 30px
- color: royalblue
name:
- justify-self: start
- font-size: 14px
- margin-left: 8px
custom_fields:
state:
- justify-self: start
- font-size: 14px
- min-width: 140px
extra_styles: |
@keyframes blink {
50% { opacity: 0.3; }
}
- type: custom:button-card
entity: sensor.zahler_ruckspeisung
name: Gesamte Netzeinspeisung
layout: icon_name_state
show_state: false
icon: mdi:sine-wave
template: standard
custom_fields:
state: |
[[[
return entity.state + " kWh";
]]]
state:
- value: "0"
icon: mdi:fire
color: orange
styles:
icon:
- animation: blink 1s infinite
card:
- background-color: rgba(90, 50, 10, 0.5)
- border-radius: 10px
- value: "0"
icon: mdi:fire-off
color: gray
styles:
grid:
- grid-template-areas: "\"i n state\""
- grid-template-columns: 50px 150px 1fr
icon:
- width: 30px
- color: royalblue
name:
- justify-self: start
- font-size: 14px
- margin-left: 8px
custom_fields:
state:
- justify-self: start
- font-size: 14px
- min-width: 140px
extra_styles: |
@keyframes blink {
50% { opacity: 0.3; }
}
column_span: 1
background:
opacity: 50
- type: grid
cards:
- type: heading
heading_style: title
heading: Photovoltaik
icon: mdi:solar-panel
- type: custom:button-card
entity: sensor.photovoltaik_leistung
name: Leistung
layout: icon_name_state
show_state: false
icon: mdi:solar-power
template: standard
custom_fields:
state: |
[[[
return entity.state + " W";
]]]
state:
- value: "0"
icon: mdi:fire
color: orange
styles:
icon:
- animation: blink 1s infinite
card:
- background-color: rgba(90, 50, 10, 0.5)
- border-radius: 10px
- value: "0"
icon: mdi:fire-off
color: gray
styles:
grid:
- grid-template-areas: "\"i n state\""
- grid-template-columns: 50px 150px 1fr
icon:
- width: 30px
- color: royalblue
name:
- justify-self: start
- font-size: 14px
- margin-left: 8px
custom_fields:
state:
- justify-self: start
- font-size: 14px
- min-width: 140px
extra_styles: |
@keyframes blink {
50% { opacity: 0.3; }
}
- type: custom:button-card
entity: sensor.photovoltaik_tagesertrag
name: Tagesertrag
layout: icon_name_state
show_state: false
icon: mdi:lightning-bolt
template: standard
custom_fields:
state: |
[[[
return entity.state + " kWh";
]]]
state:
- value: "-1"
icon: mdi:fire
color: orange
styles:
icon:
- animation: blink 1s infinite
card:
- background-color: rgba(90, 50, 10, 0.5)
- border-radius: 10px
- value: "0"
icon: mdi:fire-off
color: gray
styles:
grid:
- grid-template-areas: "\"i n state\""
- grid-template-columns: 50px 150px 1fr
icon:
- width: 30px
- color: royalblue
name:
- justify-self: start
- font-size: 14px
- margin-left: 8px
custom_fields:
state:
- justify-self: start
- font-size: 14px
- min-width: 140px
extra_styles: |
@keyframes blink {
50% { opacity: 0.3; }
}
- type: custom:button-card
entity: sensor.photovoltaik_gesamtertrag
name: Gesamtertrag
layout: icon_name_state
show_state: false
icon: mdi:lightning-bolt
template: standard
custom_fields:
state: |
[[[
return entity.state + " kWh";
]]]
state:
- value: "-1"
icon: mdi:fire
color: orange
styles:
icon:
- animation: blink 1s infinite
card:
- background-color: rgba(90, 50, 10, 0.5)
- border-radius: 10px
- value: "0"
icon: mdi:fire-off
color: gray
styles:
grid:
- grid-template-areas: "\"i n state\""
- grid-template-columns: 50px 150px 1fr
icon:
- width: 30px
- color: royalblue
name:
- justify-self: start
- font-size: 14px
- margin-left: 8px
custom_fields:
state:
- justify-self: start
- font-size: 14px
- min-width: 140px
extra_styles: |
@keyframes blink {
50% { opacity: 0.3; }
}
column_span: 1
background:
opacity: 50
- type: grid
cards:
- type: heading
heading_style: title
heading: Balkonkraftwerk
icon: mdi:solar-panel
- type: custom:button-card
entity: sensor.solarflow_solar_input_power
name: Leistung
layout: icon_name_state
show_state: false
icon: mdi:solar-power
template: standard
custom_fields:
state: |
[[[
return entity.state + " W";
]]]
state:
- value: "0.01"
icon: mdi:solar-power
color: orange
styles:
icon:
- animation: blink 1s infinite
card:
- background-color: rgba(90, 50, 10, 0.5)
- border-radius: 10px
- value: "0"
icon: mdi:solar-power
color: gray
styles:
grid:
- grid-template-areas: "\"i n state\""
- grid-template-columns: 50px 150px 1fr
icon:
- width: 30px
- color: royalblue
name:
- justify-self: start
- font-size: 14px
- margin-left: 8px
custom_fields:
state:
- justify-self: start
- font-size: 14px
- min-width: 140px
extra_styles: |
@keyframes blink {
50% { opacity: 0.3; }
}
- type: custom:button-card
entity: sensor.solarflow_electric_level
name: Batterie
layout: icon_name_state
show_state: false
icon: mdi:battery-charging-50
color: royalblue
template: standard
custom_fields:
state: |
[[[
return parseFloat(entity.state).toFixed(0) + " %";
]]]
state:
- operator: template
value: |
[[[
return parseFloat(entity.state) < 20;
]]]
icon: mdi:battery-20
color: red
styles:
icon:
- animation: blink 1s infinite
card:
- background-color: rgba(90, 50, 10, 0.5)
- border-radius: 10px
styles:
grid:
- grid-template-areas: "\"i n state\""
- grid-template-columns: 50px 150px 1fr
icon:
- width: 30px
name:
- justify-self: start
- font-size: 14px
- margin-left: 8px
custom_fields:
state:
- justify-self: start
- font-size: 14px
- min-width: 140px
extra_styles: |
@keyframes blink {
50% { opacity: 0.3; }
}
- type: custom:button-card
entity: sensor.solarflow_output_home_power
name: Output Home Power
layout: icon_name_state
show_state: false
icon: mdi:solar-power
template: standard
custom_fields:
state: |
[[[
return entity.state + " W";
]]]
state:
- value: "0.01"
icon: mdi:solar-power
color: orange
styles:
icon:
- animation: blink 1s infinite
card:
- background-color: rgba(90, 50, 10, 0.5)
- border-radius: 10px
- value: "0"
icon: mdi:solar-power
color: gray
styles:
grid:
- grid-template-areas: "\"i n state\""
- grid-template-columns: 50px 150px 1fr
icon:
- width: 30px
- color: royalblue
name:
- justify-self: start
- font-size: 14px
- margin-left: 8px
custom_fields:
state:
- justify-self: start
- font-size: 14px
- min-width: 140px
extra_styles: |
@keyframes blink {
50% { opacity: 0.3; }
}
- type: custom:button-card
entity: sensor.solarflow_output_limit
name: Output Limit
layout: icon_name_state
show_state: false
icon: mdi:solar-power
tap_action:
action: more-info
entity: input_number.solarflow_output_limit
template: standard
custom_fields:
state: |
[[[
return entity.state + " W";
]]]
state:
- value: "0.01"
icon: mdi:solar-power
color: orange
styles:
icon:
- animation: blink 1s infinite
card:
- background-color: rgba(90, 50, 10, 0.5)
- border-radius: 10px
- value: "0"
icon: mdi:solar-power
color: gray
styles:
grid:
- grid-template-areas: "\"i n state\""
- grid-template-columns: 50px 150px 1fr
icon:
- width: 30px
- color: royalblue
name:
- justify-self: start
- font-size: 14px
- margin-left: 8px
custom_fields:
state:
- justify-self: start
- font-size: 14px
- min-width: 140px
extra_styles: |
@keyframes blink {
50% { opacity: 0.3; }
}
column_span: 1
background:
opacity: 50
- type: grid
cards:
- type: heading
heading: Nulleinspeisung
heading_style: title
- type: custom:bubble-card
card_type: button
button_type: state
sub_button:
main: []
bottom: []
entity: sensor.netzleistung_stabil
name: Netzleistung Stabil
- type: entities
entities:
- entity: input_number.solarflow_output_limit
- type: custom:button-card
name: Nulleinspeisung
icon: mdi:robot
entity: automation.solarflow_nulleinspeisung_regelung
tap_action:
action: toggle
state:
- value: "on"
color: green
- value: "off"
color: gray
styles:
card:
- height: 60px
- padding: 10px
subview: false
cards: []
- type: sections
max_columns: 4
title: Heizung
path: heizung
icon: mdi:heat-wave
sections:
- type: grid
cards:
- type: heading
heading_style: title
heading: Heizung
icon: mdi:heat-wave
- type: custom:button-card
entity: sensor.heizung_warmwasser_ist
name: Warmwasser Ist
layout: icon_name_state
show_state: false
icon: mdi:coolant-temperature
template: standard
custom_fields:
state: |
[[[
return entity.state + " °C";
]]]
state:
- value: "0"
icon: mdi:fire
color: orange
styles:
icon:
- animation: blink 1s infinite
card:
- background-color: rgba(90, 50, 10, 0.5)
- border-radius: 10px
- value: "0"
icon: mdi:fire-off
color: gray
styles:
grid:
- grid-template-areas: "\"i n state\""
- grid-template-columns: 50px 150px 1fr
icon:
- width: 30px
- color: royalblue
name:
- justify-self: start
- font-size: 14px
- margin-left: 8px
custom_fields:
state:
- justify-self: start
- font-size: 14px
- min-width: 140px
extra_styles: |
@keyframes blink {
50% { opacity: 0.3; }
}
- type: custom:button-card
entity: number.heizung_warmwasser_solltemperatur
name: Warmwasser Soll
layout: icon_name_state
show_state: false
icon: mdi:coolant-temperature
template: standard
custom_fields:
state: |
[[[
return entity.state + " °C";
]]]
state:
- value: "0"
icon: mdi:fire
color: orange
styles:
icon:
- animation: blink 1s infinite
card:
- background-color: rgba(90, 50, 10, 0.5)
- border-radius: 10px
- value: "0"
icon: mdi:fire-off
color: gray
styles:
grid:
- grid-template-areas: "\"i n state\""
- grid-template-columns: 50px 150px 1fr
icon:
- width: 30px
- color: royalblue
name:
- justify-self: start
- font-size: 14px
- margin-left: 8px
custom_fields:
state:
- justify-self: start
- font-size: 14px
- min-width: 140px
extra_styles: |
@keyframes blink {
50% { opacity: 0.3; }
}
- type: custom:button-card
entity: sensor.heizung_brenner
name: Brenner
layout: icon_name_state
show_state: false
icon: mdi:fire
template: standard
state:
- value: "1"
icon: mdi:fire
color: orange
styles:
icon:
- animation: blink 1s infinite
card:
- background-color: rgba(90, 50, 10, 0.5)
- border-radius: 10px
- value: "0"
icon: mdi:fire-off
color: gray
styles:
grid:
- grid-template-areas: "\"i n state\""
- grid-template-columns: 50px 150px 1fr
icon:
- width: 30px
name:
- justify-self: start
- font-size: 14px
- margin-left: 8px
extra_styles: |
@keyframes blink {
50% { opacity: 0.3; }
}
- type: custom:button-card
entity: sensor.heizung_warmwasserpumpe
name: Warmwasserpumpe
layout: icon_name_state
show_state: false
icon: mdi:heat-pump
template: standard
state:
- value: "1"
icon: mdi:heat-pump
color: royalblue
styles:
icon:
- animation: blink 1s infinite
card:
- background-color: rgba(10, 50, 90, 0.5)
- border-radius: 10px
- value: "0"
icon: mdi:heat-pump-outline
color: gray
styles:
grid:
- grid-template-areas: "\"i n state\""
- grid-template-columns: 50px 150px 1fr
icon:
- width: 30px
name:
- justify-self: start
- font-size: 14px
- margin-left: 8px
extra_styles: |
@keyframes blink {
50% { opacity: 0.3; }
}
- type: custom:button-card
entity: sensor.heizung_olrestmenge
name: Ölrestmenge
layout: icon_name_state
show_state: false
icon: mdi:storage-tank
template: standard
custom_fields:
state: |
[[[
return entity.state + " l";
]]]
state:
- value: "0"
icon: mdi:fire
color: orange
styles:
icon:
- animation: blink 1s infinite
card:
- background-color: rgba(90, 50, 10, 0.5)
- border-radius: 10px
- value: "0"
icon: mdi:fire-off
color: gray
styles:
grid:
- grid-template-areas: "\"i n state\""
- grid-template-columns: 50px 150px 1fr
icon:
- width: 30px
- color: darkgray
name:
- justify-self: start
- font-size: 14px
- margin-left: 8px
custom_fields:
state:
- justify-self: start
- font-size: 14px
- min-width: 140px
extra_styles: |
@keyframes blink {
50% { opacity: 0.3; }
}
- type: custom:button-card
entity: select.heizung_zirkulation_auswahl
name: Zirkulation
layout: icon_name_state
show_state: false
icon: mdi:heat-pump
template: standard
custom_fields:
state: |
[[[
return entity.state;
]]]
state:
- value: Ein
icon: mdi:heat-pump-outline
styles:
icon:
- animation: blink 1s infinite
card:
- background-color: rgba(90, 50, 10, 0.5)
- border-radius: 10px
- value: Aus
icon: mdi:heat-pump
styles:
grid:
- grid-template-areas: "\"i n state\""
- grid-template-columns: 50px 150px 1fr
icon:
- width: 30px
- color: |
[[[
if (entity.state === "Ein") return "royalblue";
if (entity.state === "Aus") return "gray";
return "lightblue";
]]]
name:
- justify-self: start
- font-size: 14px
- margin-left: 8px
custom_fields:
state:
- justify-self: start
- font-size: 14px
- min-width: 140px
extra_styles: |
@keyframes blink {
50% { opacity: 0.3; }
}
column_span: 1
background:
opacity: 50
- type: grid
cards:
- type: heading
heading: Solar
heading_style: title
icon: mdi:weather-sunny
- type: custom:button-card
entity: sensor.solar_kollektortemperatur
name: Kollektor
layout: icon_name_state
show_state: false
icon: mdi:thermometer
template: standard
custom_fields:
state: |
[[[
return entity.state + " °C";
]]]
state:
- value: "0"
icon: mdi:fire
color: orange
styles:
icon:
- animation: blink 1s infinite
card:
- background-color: rgba(90, 50, 10, 0.5)
- border-radius: 10px
- value: "0"
icon: mdi:fire-off
color: gray
styles:
grid:
- grid-template-areas: "\"i n state\""
- grid-template-columns: 50px 150px 1fr
icon:
- width: 30px
- color: royalblue
name:
- justify-self: start
- font-size: 14px
- margin-left: 8px
custom_fields:
state:
- justify-self: start
- font-size: 14px
- min-width: 140px
extra_styles: |
@keyframes blink {
50% { opacity: 0.3; }
}
- type: custom:button-card
entity: sensor.solar_speichertemperatur
name: Speicher
layout: icon_name_state
show_state: false
icon: mdi:thermometer
template: standard
custom_fields:
state: |
[[[
return entity.state + " °C";
]]]
state:
- value: "0"
icon: mdi:fire
color: orange
styles:
icon:
- animation: blink 1s infinite
card:
- background-color: rgba(90, 50, 10, 0.5)
- border-radius: 10px
- value: "0"
icon: mdi:fire-off
color: gray
styles:
grid:
- grid-template-areas: "\"i n state\""
- grid-template-columns: 50px 150px 1fr
icon:
- width: 30px
- color: royalblue
name:
- justify-self: start
- font-size: 14px
- margin-left: 8px
custom_fields:
state:
- justify-self: start
- font-size: 14px
- min-width: 140px
extra_styles: |
@keyframes blink {
50% { opacity: 0.3; }
}
- type: custom:button-card
entity: sensor.solar_tageslaufzeit_formatiert
name: Tageslaufzeit
layout: icon_name_state
show_state: false
icon: mdi:clock-outline
template: standard
custom_fields:
state: |
[[[
return entity.state;
]]]
state:
- value: "0"
icon: mdi:fire
color: orange
styles:
icon:
- animation: blink 1s infinite
card:
- background-color: rgba(90, 50, 10, 0.5)
- border-radius: 10px
- value: "0"
icon: mdi:fire-off
color: gray
styles:
grid:
- grid-template-areas: "\"i n state\""
- grid-template-columns: 50px 150px 1fr
icon:
- width: 30px
- color: royalblue
name:
- justify-self: start
- font-size: 14px
- margin-left: 8px
custom_fields:
state:
- justify-self: start
- font-size: 14px
- min-width: 140px
extra_styles: |
@keyframes blink {
50% { opacity: 0.3; }
}
column_span: 1
background:
opacity: 50
- type: sections
sections:
- type: grid
columns: 3
square: false
cards:
- type: heading
heading: Wohnzimmer
heading_style: title
- type: custom:button-card
template: standard
entity: switch.weihnachtsbeleuchtung
name: Weihnachtsbeleuchtung
show_name: true
show_state: false
show_icon: true
state:
- value: "on"
icon: mdi:power-plug
- value: "off"
custom_fields:
right:
card:
type: custom:button-card
icon: mdi:dots-vertical
show_name: false
show_state: false
tap_action:
action: more-info
entity: switch.weihnachtsbeleuchtung
styles:
card:
- background: none
- box-shadow: none
- padding: 0
- width: 40px
- height: 40px
icon:
- width: 18px
- color: var(--primary-text-color)
styles:
grid:
- grid-template-areas: |
"i right"
"n right"
- grid-template-columns: 1fr 40px
- grid-template-rows: 25px auto
- align-items: center
custom-fields:
right:
- justify-self: end
- align-self: end
card:
- padding: 8px
- background: |
[[[
return entity.state === 'on'
? 'rgba(20, 150, 255, 0.3)'
: 'rgba(128, 128, 128, 0.2)';
]]]
icon:
- margin-left: 40px
- color: |
[[[
return entity.state === 'on'
? 'rgba(20, 150, 255, 0.9)'
: 'gray';
]]]
name:
- margin-left: 40px
- type: custom:button-card
template: standard
entity: switch.tv_leiste
name: TV Leiste
show_state: false
show_icon: true
state:
- value: "on"
icon: mdi:power-plug
- value: "off"
custom_fields:
right:
card:
type: custom:button-card
icon: mdi:dots-vertical
show_name: false
show_state: false
tap_action:
action: more-info
entity: switch.tv_leiste
styles:
card:
- background: none
- box-shadow: none
- padding: 0
- width: 40px
- height: 40px
icon:
- width: 18px
- color: var(--primary-text-color)
styles:
grid:
- grid-template-areas: |
"i right"
"n right"
- grid-template-columns: 1fr 40px
- grid-template-rows: 25px auto
- align-items: center
custom-fields:
right:
- justify-self: end
- align-self: end
card:
- padding: 8px
- background: |
[[[
return entity.state === 'on'
? 'rgba(20, 150, 255, 0.3)'
: 'rgba(128, 128, 128, 0.2)';
]]]
icon:
- margin-left: 40px
- color: |
[[[
return entity.state === 'on'
? 'rgba(20, 150, 255, 0.9)'
: 'gray';
]]]
name:
- margin-left: 40px
column_span: 1
background:
opacity: 50
- type: grid
cards:
- type: heading
heading: Garage
heading_style: title
- type: custom:button-card
template: standard
entity: switch.shelly2pmg4_ccba97dd2a04_output_0
name: Garagentor Zu
show_name: true
show_state: false
show_icon: true
state:
- value: "on"
icon: mdi:power-plug
- value: "off"
styles:
card:
- padding: 8px
- background: |
[[[
return entity.state === 'on'
? 'rgba(20, 150, 255, 0.3)'
: 'rgba(128, 128, 128, 0.2)';
]]]
icon:
- color: |
[[[
return entity.state === 'on'
? 'rgba(20, 150, 255, 0.9)'
: 'gray';
]]]
- type: custom:button-card
template: standard
entity: switch.shelly2pmg4_ccba97dd2a04_output_1
name: Garagentor Auf
show_name: true
show_state: false
show_icon: true
state:
- value: "on"
icon: mdi:power-plug
- value: "off"
styles:
card:
- padding: 8px
- background: |
[[[
return entity.state === 'on'
? 'rgba(20, 150, 255, 0.3)'
: 'rgba(128, 128, 128, 0.2)';
]]]
icon:
- color: |
[[[
return entity.state === 'on'
? 'rgba(20, 150, 255, 0.9)'
: 'gray';
]]]
- type: custom:button-card
template: standard
entity: switch.shelly1pmg4_ccba97c90354
name: Außensteckdosen
show_state: false
show_icon: true
state:
- value: "on"
icon: mdi:power-plug
- value: "off"
icon: mdi:power-plug-off
custom_fields:
right:
card:
type: custom:button-card
icon: mdi:dots-vertical
show_name: false
show_state: false
tap_action:
action: more-info
entity: sensor.shelly1pmg4_ccba97c90354_energie
styles:
card:
- background: none
- box-shadow: none
- padding: 0
- width: 40px
- height: 40px
icon:
- width: 18px
- color: var(--primary-text-color)
styles:
grid:
- grid-template-areas: |
"i right"
"n right"
- grid-template-columns: 1fr 40px
- grid-template-rows: 25px auto
- align-items: center
custom-fields:
right:
- justify-self: end
- align-self: end
card:
- margin-top: 20px
- padding: 8px
- background: |
[[[
return entity.state === 'on'
? 'rgba(20, 255, 150, 0.3)'
: 'rgba(128, 128, 128, 0.2)';
]]]
icon:
- margin-left: 40px
- color: |
[[[
return entity.state === 'on'
? 'rgba(20, 255, 150, 0.9)'
: 'gray';
]]]
name:
- margin-left: 40px
- type: custom:button-card
template: standard
entity: switch.terrassenlicht
name: Terrassenlicht
show_state: false
show_icon: true
state:
- value: "on"
icon: mdi:power-plug
- value: "off"
icon: mdi:power-plug-off
custom_fields:
right:
card:
type: custom:button-card
icon: mdi:dots-vertical
show_name: false
show_state: false
tap_action:
action: more-info
entity: sensor.terrassenlicht_leistung
styles:
card:
- background: none
- box-shadow: none
- padding: 0
- width: 40px
- height: 40px
icon:
- width: 18px
- color: var(--primary-text-color)
styles:
grid:
- grid-template-areas: |
"i right"
"n right"
- grid-template-columns: 1fr 40px
- grid-template-rows: 25px auto
- align-items: center
custom-fields:
right:
- justify-self: end
- align-self: end
card:
- margin-top: 20px
- padding: 8px
- background: |
[[[
return entity.state === 'on'
? 'rgba(20, 255, 150, 0.3)'
: 'rgba(128, 128, 128, 0.2)';
]]]
icon:
- margin-left: 40px
- color: |
[[[
return entity.state === 'on'
? 'rgba(20, 255, 150, 0.9)'
: 'gray';
]]]
name:
- margin-left: 40px
column_span: 1
background:
opacity: 50
max_columns: 4
title: Schalter
cards: []
badges:
- type: entity
show_name: false
show_state: true
show_icon: true
entity: sensor.forecast_temperatur
icon: mdi:thermometer-low
show_entity_picture: false
- type: entity
show_name: true
show_state: true
show_icon: true
entity: device_tracker.iphone_16
name: Erich
- type: entity
show_name: true
show_state: true
show_icon: true
entity: device_tracker.honor_magic7_pro
icon: mdi:account
name: Iris
icon: mdi:toggle-switch-off-outline
- type: sections
cards: []
title: Licht
sections:
- type: grid
cards:
- type: custom:button-card
template: standard
entity: light.licht11
name: Licht11
show_name: true
show_state: false
show_icon: true
state:
- value: "on"
icon: mdi:lightbulb-on
- value: "off"
custom_fields:
right:
card:
type: custom:button-card
icon: mdi:dots-vertical
show_name: false
show_state: false
tap_action:
action: more-info
entity: light.licht11
styles:
card:
- background: none
- box-shadow: none
- padding: 0
- width: 40px
- height: 40px
icon:
- width: 18px
- color: var(--primary-text-color)
styles:
grid:
- grid-template-areas: |
"i right"
"n right"
- grid-template-columns: 1fr 40px
- grid-template-rows: 25px auto
- align-items: center
custom-fields:
right:
- justify-self: end
- align-self: end
card:
- padding: 8px
- background: |
[[[
if (entity.state === 'on' && entity.attributes.rgb_color) {
let rgb = entity.attributes.rgb_color;
return `rgb(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, 0.3)`;
} else
return 'rgba(128, 128, 128, 0.2)';
]]]
icon:
- margin-left: 40px
- color: |
[[[
if(entity.state === 'on' && entity.attributes.rgb_color) {
let rgb = entity.attributes.rgb_color;
return `rgb(${rgb[0]}, ${rgb[1]}, ${rgb[2]})`;
}
return 'gray';
]]]
name:
- margin-left: 40px
- type: custom:button-card
template: standard
entity: light.licht_15
name: Licht15
show_name: true
show_state: false
show_icon: true
state:
- value: "on"
icon: mdi:lightbulb-on
- value: "off"
custom_fields:
right:
card:
type: custom:button-card
icon: mdi:dots-vertical
show_name: false
show_state: false
tap_action:
action: more-info
entity: light.licht_15
styles:
card:
- background: none
- box-shadow: none
- padding: 0
- width: 40px
- height: 40px
icon:
- width: 18px
- color: var(--primary-text-color)
styles:
grid:
- grid-template-areas: |
"i right"
"n right"
- grid-template-columns: 1fr 40px
- grid-template-rows: 25px auto
- align-items: center
custom-fields:
right:
- justify-self: end
- align-self: end
card:
- padding: 8px
- background: |
[[[
if (entity.state === 'on' && entity.attributes.rgb_color) {
let rgb = entity.attributes.rgb_color;
return `rgb(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, 0.3)`;
} else
return 'rgba(128, 128, 128, 0.2)';
]]]
icon:
- margin-left: 40px
- color: |
[[[
if(entity.state === 'on' && entity.attributes.rgb_color) {
let rgb = entity.attributes.rgb_color;
return `rgb(${rgb[0]}, ${rgb[1]}, ${rgb[2]})`;
}
return 'gray';
]]]
name:
- margin-left: 40px
- type: custom:button-card
template: standard
entity: light.zigbee_1
name: Terrasse
show_name: true
show_state: false
show_icon: true
state:
- value: "on"
icon: mdi:lightbulb-on
- value: "off"
custom_fields:
right:
card:
type: custom:button-card
icon: mdi:dots-vertical
show_name: false
show_state: false
tap_action:
action: more-info
entity: light.zigbee_1
styles:
card:
- background: none
- box-shadow: none
- padding: 0
- width: 40px
- height: 40px
icon:
- width: 18px
- color: var(--primary-text-color)
styles:
grid:
- grid-template-areas: |
"i right"
"n right"
- grid-template-columns: 1fr 40px
- grid-template-rows: 25px auto
- align-items: center
custom-fields:
right:
- justify-self: end
- align-self: end
card:
- padding: 8px
- background: |
[[[
if (entity.state === 'on') {
return `rgb(255, 255, 25, 0.3)`;
} else
return 'rgba(128, 128, 128, 0.2)';
]]]
icon:
- margin-left: 40px
- color: |
[[[
if(entity.state === 'on') {
return `rgb(255, 255, 25)`;
}
return 'gray';
]]]
name:
- margin-left: 40px
- type: custom:button-card
template: standard
entity: light.zigbee_2
name: Anbau
show_name: true
show_state: false
show_icon: true
state:
- value: "on"
icon: mdi:lightbulb-on
- value: "off"
custom_fields:
right:
card:
type: custom:button-card
icon: mdi:dots-vertical
show_name: false
show_state: false
tap_action:
action: more-info
entity: light.zigbee_2
styles:
card:
- background: none
- box-shadow: none
- padding: 0
- width: 40px
- height: 40px
icon:
- width: 18px
- color: var(--primary-text-color)
styles:
grid:
- grid-template-areas: |
"i right"
"n right"
- grid-template-columns: 1fr 40px
- grid-template-rows: 25px auto
- align-items: center
custom-fields:
right:
- justify-self: end
- align-self: end
card:
- padding: 8px
- background: |
[[[
if (entity.state === 'on') {
return `rgb(255, 255, 25, 0.3)`;
} else
return 'rgba(128, 128, 128, 0.2)';
]]]
icon:
- margin-left: 40px
- color: |
[[[
if(entity.state === 'on') {
return `rgb(255, 255, 25)`;
}
return 'gray';
]]]
name:
- margin-left: 40px
column_span: 1
background:
opacity: 50
max_columns: 4
icon: mdi:lightbulb-multiple
- type: sections
title: Klima
path: x
sections:
- type: grid
cards:
- type: custom:button-card
template: standard
entity: sensor.forecast_temperatur
show_name: false
show_state: true
show_icon: true
icon: mdi:thermometer
styles:
card:
- padding: 8px
- background: rgba(128,128,128,0.2)
icon:
- color: |
[[[
let t = parseFloat(entity.state);
if (t < 0) return 'deepskyblue';
if (t < 15) return 'green';
if (t < 25) return 'orange';
return 'red';
]]]
state:
- font-weight: bold
- type: tile
entity: climate.fritz_smart_thermo_302
name: Michael's Zimmer
vertical: false
features_position: bottom
grid_options:
columns: 12
rows: 1
- type: vertical-stack
title: Wohnzimmer
cards:
- type: horizontal-stack
cards:
- type: custom:mini-graph-card
entities:
- sensor.smart_ht_sensor_temperatur
line_color: blue
line_width: 4
font_size: 60
name: " "
- type: custom:mini-graph-card
entities:
- sensor.smart_ht_sensor_luftfeuchtigkeit
line_color: var(--accent-color)
line_width: 8
font_size: 60
name: " "
- type: custom:weather-chart-card
entity: weather.forecast_home_2
show_main: true
show_temperature: true
show_current_condition: true
show_attributes: true
show_time: true
show_time_seconds: false
show_day: false
show_date: false
show_humidity: true
show_pressure: true
show_wind_direction: true
show_wind_speed: true
show_sun: true
show_feels_like: false
show_dew_point: false
show_wind_gust_speed: false
show_visibility: false
show_last_changed: false
use_12hour_format: false
icons_size: 25
animated_icons: false
icon_style: style1
autoscroll: false
forecast:
precipitation_type: rainfall
show_probability: false
labels_font_size: "11"
precip_bar_size: "100"
style: style2
show_wind_forecast: true
condition_icons: true
round_temp: false
type: daily
number_of_forecasts: "0"
disable_animation: false
units:
speed: ""
title: Unterzeitldorn
column_span: 1
background:
opacity: 50
cards: []
max_columns: 4
icon: mdi:thermometer-low
- type: sections
max_columns: 4
title: Aktien
path: aktien
sections:
- type: grid
cards: []
- type: grid
cards:
- type: heading
heading: E.ON
- type: tile
entity: sensor.e_on_preis
- type: tile
entity: sensor.e_on_anderung_2
- type: tile
entity: sensor.e_on_anderung
- type: tile
entity: sensor.e_on_dividende_je_anteil
- type: tile
entity: sensor.e_on_52w_hoch
- type: tile
entity: sensor.e_on_52w_tief
- type: tile
entity: sensor.e_on_dividendenrendite
- type: tile
entity: sensor.e_on_kgv
- type: tile
entity: sensor.e_on_letztes_update
- type: grid
cards:
- type: heading
heading_style: title
- show_name: true
show_icon: false
type: button
grid_options:
columns: 3
rows: 1
tap_action:
action: navigate
navigation_path: /bedienung-2
name: Strom
icon: mdi:currency-eur
cards: []
Wenn man auf dem Dashboard rechts oben den Stift anklickt (Dashboard bearbeiten) dann wird bei der URL automatisch noch das 
Mache ich hier auch so.