Hi, klar gerne.
Die Startseite sind etwa 1000 Zeilen Code, wenn du Hilfe brauchst und bestimmte Teile dich interessieren, sag gerne bescheid, dann kann ich dir genau sagen, welche Teile wofür sind.
views:
- title: Home
icon: mdi:tablet
type: custom:horizontal-layout
layout:
max_cols: 3
badges: []
cards:
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
primary: ''
secondary: ''
icon: |-
{% if is_state('binary_sensor.alle_fenster', 'on') %}
mdi:window-open-variant
{% else %}
mdi:window-closed-variant
{% endif %}
icon_color: a
layout: vertical
tap_action:
action: navigate
navigation_path: /dashboard-tablet/fenster
hold_action:
action: none
double_tap_action:
action: none
card_mod:
style: |
{% if is_state('binary_sensor.alle_fenster', 'on') %}
ha-card {background-color: #a86f07}
ha-card {border-radius: 25px}
ha-card {--icon-size: 48px;}
{% else %}
ha-card {background-color: none}
ha-card {border-radius: 25px}
ha-card {--icon-size: 48px;}
{% endif %}
- type: custom:mushroom-template-card
primary: ''
secondary: ''
icon: |
{% if not is_state('sensor.offene_rollladen', '0') %}
mdi:window-shutter-open
{% else %}
mdi:window-shutter
{% endif %}
icon_color: a
layout: vertical
tap_action:
action: navigate
navigation_path: /dashboard-tablet/rollladen
hold_action:
action: none
double_tap_action:
action: none
fill_container: false
multiline_secondary: false
card_mod:
style: |
{% if not is_state('sensor.offene_rollladen', '0') %}
ha-card {background-color: #a86f07}
ha-card {border-radius: 25px}
ha-card {--icon-size: 48px;}
{% else %}
ha-card {background-color: none}
ha-card {border-radius: 25px}
ha-card {--icon-size: 48px;}
{% endif %}
- type: custom:mushroom-template-card
primary: ''
secondary: ''
icon: |-
{% if not is_state('sensor.eingeschaltete_lichter', '0') %}
mdi:lightbulb
{% else %}
mdi:lightbulb-off
{% endif %}
icon_color: a
layout: vertical
tap_action:
action: navigate
navigation_path: /dashboard-tablet/licht
hold_action:
action: none
double_tap_action:
action: none
card_mod:
style: |
{% if not is_state('sensor.eingeschaltete_lichter', '0') %}
ha-card {background-color: #a86f07}
ha-card {border-radius: 25px}
ha-card {--icon-size: 48px;}
{% else %}
ha-card {background-color: none}
ha-card {border-radius: 25px}
ha-card {--icon-size: 48px;}
{% endif %}
- type: custom:mushroom-template-card
primary: ''
secondary: ''
icon: mdi:network
layout: vertical
tap_action:
action: navigate
navigation_path: /dashboard-tablet/netzwerk
hold_action:
action: none
double_tap_action:
action: none
icon_color: a
card_mod:
style: |
{% if not is_state('sensor.watermeter_error', 'no error') or not
is_state('sensor.gasmeter_error', 'no error')%}
ha-card {--ha-card-background: #FF0000}
ha-card {border-radius: 25px}
ha-card {--icon-size: 48px;}
{% else %}
ha-card {background-color: none}
ha-card {border-radius: 25px}
ha-card {--icon-size: 48px;}
{% endif %}
- type: custom:mushroom-template-card
primary: ''
secondary: ''
icon: mdi:information-slab-box
icon_color: a
layout: vertical
tap_action:
action: navigate
navigation_path: /dashboard-tablet/info
card_mod:
style: |
ha-card {background-color: none}
ha-card {border-radius: 25px}
ha-card {--icon-size: 48px;}
- type: custom:mushroom-template-card
primary: ''
secondary: ''
icon: mdi:lightning-bolt
icon_color: a
layout: vertical
tap_action:
action: navigate
navigation_path: /dashboard-tablet/energie
card_mod:
style: |
ha-card {background-color: none}
ha-card {border-radius: 25px}
ha-card {--icon-size: 48px;}
- type: custom:stack-in-card
cards:
- type: gauge
entity: sensor.powerfox_aktuell
needle: true
unit: W
name: Verbrauch aktuell
min: -4000
max: 4000
severity:
green: -4000
yellow: 0
red: 500
- type: custom:mushroom-template-card
primary: PV aktuell
secondary: '{{ states(''sensor.sma_sb_5000_erzeugter_strom'') | round(0) }} W '
layout: horizontal
tap_action:
action: navigate
navigation_path: /dashboard-tablet/energie
card_mod:
style:
mushroom-state-info$: |
.primary {
font-size: 16px !important;
position: relative;
top: -180px;
left: 0px;
}
.secondary {
font-size: 14px !important;
position: relative;
overflow: visible !important;
top: -185px;
left: 0px;
}
- type: custom:mushroom-template-card
primary: PV heute
secondary: '{{ states(''sensor.sma_sb_5000_erzeugte_energie'') | round(0) }} Wh '
layout: horizontal
tap_action:
action: navigate
navigation_path: /dashboard-tablet/energie
card_mod:
style:
mushroom-state-info$: |
.primary {
font-size: 16px !important;
position: relative;
text-align: right;
top: -250px;
left: px;
}
.secondary {
font-size: 14px !important;
position: relative;
text-align: right;
overflow: visible !important;
top: -255px;
left: ;
}
card_mod:
style: |
ha-card {
height: 180px !important;
width: 100% !important;
}
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
primary: ''
secondary: ''
icon: mdi:cctv
icon_color: a
layout: vertical
tap_action:
action: navigate
navigation_path: /dashboard-tablet/cctv
card_mod:
style: |
ha-card {background-color: none}
ha-card {border-radius: 10px}
ha-card {--icon-size: 53px;}
- type: custom:digital-clock
dateFormat:
weekday: long
day: 2-digit
month: 2-digit
year: 2-digit
timeFormat:
hour: 2-digit
minute: 2-digit
- type: custom:stack-in-card
cards:
- type: custom:mushroom-template-card
icon: mdi:home-roof
icon_color: >
{% if is_state("cover.alle_rollladen_2og", 'open') or
is_state("light.alle_lichter_2og", 'on') or
is_state("binary_sensor.alle_fenster_2og", 'on') %}
#a86f07
{% else %}
grey
{% endif %}
primary: Dachgeschoss
secondary: >-
{{ states('sensor.h_t_tuya_6_dg_temperature') | round(1) }}°C | {{
states('sensor.h_t_tuya_6_dg_humidity') | round(0) }}%
layout: horizontal
tap_action:
action: navigate
navigation_path: /dashboard-tablet/2og
card_mod:
style:
mushroom-state-info$: |
.primary {
font-size: 16px !important;
position: relative;
top: -55px;
left: -40px;
overflow: visible !important;
white-space: normal !important;
}
.secondary {
position: relative;
overflow: visible !important;
top: -57px;
left: -40px;
}
mushroom-shape-icon$: |
.shape {
position: relative;
left: -43px;
top: 10px;
}
.: |
:host {
--mush-icon-size: 146px;
}
style: |
mushroom-badge-icon {
left: 69px;
top: 25px;
}
- type: custom:mushroom-template-card
primary: Licht
icon_color: |
{% if is_state("light.alle_lichter_2og", 'on') %}
#a86f07
{% else %}
grey
{% endif %}
icon: |
{% if is_state("light.alle_lichter_2og", 'on') %}
mdi:lightbulb
{% else %}
mdi:lightbulb-off
{% endif %}
secondary: none
entity: light.
card_mod:
style:
.: |
ha-card {
width: 83px;
margin-left: 77%;
top: -120px;
border: none;
background: none;
}
:host {
--mush-icon-size: 60px;
}
- type: custom:mushroom-template-card
primary: Rollladen
icon_color: |
{% if is_state("cover.alle_rollladen_2og", 'open') %}
#a86f07
{% else %}
grey
{% endif %}
icon: |
{% if is_state("cover.alle_rollladen_2og", 'open') %}
mdi:window-shutter-open
{% else %}
mdi:window-shutter
{% endif %}
secondary: none
entity: cover.alle_rollladen_2og
card_mod:
style:
.: |
ha-card {
width: 83px;
margin-left: 56%;
top: -204px;
border: none;
background: none;
}
:host {
--mush-icon-size: 60px;
}
- type: custom:mushroom-template-card
primary: Fenster
icon_color: |
{% if is_state("binary_sensor.alle_fenster_2og", 'on') %}
#a86f07
{% else %}
grey
{% endif %}
icon: |
{% if is_state("binary_sensor.alle_fenster_2og",
'on') %}
mdi:window-open-variant
{% else %}
mdi:window-closed-variant
{% endif %}
secondary: none
entity: sensor.
card_mod:
style:
.: |
ha-card {
width: 83px;
margin-left: 35%;
top: -288px;
border: none;
background: none;
}
:host {
--mush-icon-size: 60px;
}
card_mod:
style: |
ha-card {
height: 140px !important;
width: 100% !important;
}
- type: custom:stack-in-card
cards:
- show_current: true
show_forecast: true
type: weather-forecast
entity: weather.openweathermap
forecast_type: legacy
name: Wuppertal
secondary_info_attribute: humidity
tap_action:
action: navigate
navigation_path: /dashboard-tablet/wetterkarte
- show_current: false
show_forecast: true
type: weather-forecast
entity: weather.forecast_home
forecast_type: legacy
tap_action:
action: navigate
navigation_path: /dashboard-tablet/wetterkarte
- show_state: false
show_name: false
camera_view: auto
type: picture-entity
camera_image: camera.eingang_snapshots_sub
entity: camera.eingang_snapshots_sub
tap_action:
action: navigate
navigation_path: /dashboard-tablet/cctv_eingang
- type: custom:stack-in-card
cards:
- type: custom:mushroom-template-card
icon: mdi:stairs-up
icon_color: >
{% if is_state("cover.alle_rollladen_1og", 'open') or
is_state("light.alle_lichter_1og", 'on') or
is_state("sensor.alle_fenster_1og", 'open') %}
#a86f07
{% else %}
grey
{% endif %}
primary: Obergeschoss
secondary: >-
{{ states('sensor.h_t_tuya_4_og_temperature') | round(1) }}°C | {{
states('sensor.h_t_tuya_4_og_humidity') | round(0) }}%
- Badezimmer: {{ states('sensor.h_t_tuya_5_bad_temperature') |
round(1) }}°C | {{ states('sensor.h_t_tuya_5_bad_humidity') |
round(0) }}%
layout: horizontal
tap_action:
action: navigate
navigation_path: /dashboard-tablet/1og
card_mod:
style:
mushroom-state-info$: |
.primary {
font-size: 16px !important;
position: relative;
top: -50px;
left: -40px;
overflow: visible !important;
white-space: normal !important;
}
.secondary {
position: relative;
overflow: visible !important;
top: -52px;
left: -40px;
}
mushroom-shape-icon$: |
.shape {
position: relative;
left: -43px;
top: 10px;
}
.: |
:host {
--mush-icon-size: 146px;
}
style: |
mushroom-badge-icon {
left: 69px;
top: 25px;
}
- type: custom:mushroom-template-card
primary: Licht
icon_color: |
{% if is_state("light.alle_lichter_1og", 'on') %}
#a86f07
{% else %}
grey
{% endif %}
icon: |
{% if is_state("light.alle_lichter_1og", 'on') %}
mdi:lightbulb
{% else %}
mdi:lightbulb-off
{% endif %}
secondary: none
entity: light.alle_lichter_1og
card_mod:
style:
.: |
ha-card {
width: 83px;
margin-left: 77%;
top: -120px;
border: none;
background: none;
}
:host {
--mush-icon-size: 60px;
}
- type: custom:mushroom-template-card
primary: Rollladen
icon_color: |
{% if is_state("cover.alle_rollladen_1og", 'open') %}
#a86f07
{% else %}
grey
{% endif %}
icon: |
{% if is_state("cover.alle_rollladen_1og", 'open') %}
mdi:window-shutter-open
{% else %}
mdi:window-shutter
{% endif %}
secondary: none
entity: cover.alle_rollladen_1og
card_mod:
style:
.: |
ha-card {
width: 83px;
margin-left: 56%;
top: -204px;
border: none;
background: none;
}
:host {
--mush-icon-size: 60px;
}
- type: custom:mushroom-template-card
primary: Fenster
icon_color: |
{% if is_state("sensor.alle_fenster_1og", 'open') %}
#a86f07
{% else %}
grey
{% endif %}
icon: |
{% if is_state("sensor.alle_fenster_1og", 'open') %}
mdi:window-open-variant
{% else %}
mdi:window-closed-variant
{% endif %}
secondary: none
entity: sensor.alle_fenster_1og
card_mod:
style:
.: |
ha-card {
width: 83px;
margin-left: 35%;
top: -288px;
border: none;
background: none;
}
:host {
--mush-icon-size: 60px;
}
card_mod:
style: |
ha-card {
height: 140px !important;
width: 100% !important;
}
- entity: sensor.abfallbuttoncard
type: custom:button-card
layout: icon_name_state2nd
show_label: true
label: |
[[[
var days_to = entity.state.split("|")[1]
if (days_to == 0)
{ return "Heute" }
else if (days_to == 1)
{ return "Morgen" }
else
{ return "in " + days_to + " Tagen" }
]]]
show_name: true
name: |
[[[
return entity.state.split("|")[0]
]]]
state:
- color: red
operator: template
value: '[[[ return entity.state.split("|")[1] == 1 ]]]'
- color: orange
operator: template
value: '[[[ return entity.state.split("|")[1] == 2 ]]]'
- value: default
tap_action:
action: navigate
navigation_path: /dashboard-tablet/abfall
- show_state: false
show_name: false
camera_view: auto
type: picture-entity
camera_image: camera.reolink_turklingel_snapshots_sub
entity: camera.reolink_turklingel_snapshots_sub
tap_action:
action: navigate
navigation_path: /dashboard-tablet/cctv_turklingel
- type: custom:stack-in-card
cards:
- type: custom:mushroom-template-card
icon: mdi:home
icon_color: >
{% if not is_state("cover.alle_rollladen_eg", 'closed') or
is_state("light.alle_lichter_eg", 'on') or
is_state("sensor.alle_fenster_eg", 'open') %}
#a86f07
{% else %}
grey
{% endif %}
primary: Erdgeschoss
secondary: >-
{{ states('sensor.h_t_tuya_2_wohnzimmer_temperature') | round(1)
}}°C | {{ states('sensor.h_t_tuya_2_wohnzimmer_humidity') |
round(0) }}%
layout: horizontal
tap_action:
action: navigate
navigation_path: /dashboard-tablet/eg
card_mod:
style:
mushroom-state-info$: |
.primary {
font-size: 16px !important;
position: relative;
top: -50px;
left: -40px;
overflow: visible !important;
white-space: normal !important;
}
.secondary {
position: relative;
overflow: visible !important;
top: -52px;
left: -40px;
}
mushroom-shape-icon$: |
.shape {
position: relative;
left: -43px;
top: 10px;
}
.: |
:host {
--mush-icon-size: 146px;
}
style: |
mushroom-badge-icon {
left: 69px;
top: 25px;
}
- type: custom:mushroom-template-card
primary: Licht
icon_color: |
{% if is_state("light.alle_lichter_eg", 'on') %}
#a86f07
{% else %}
grey
{% endif %}
icon: |
{% if is_state("light.alle_lichter_eg", 'on') %}
mdi:lightbulb
{% else %}
mdi:lightbulb-off
{% endif %}
secondary: none
entity: light.
card_mod:
style:
.: |
ha-card {
width: 83px;
margin-left: 77%;
top: -120px;
border: none;
background: none;
}
:host {
--mush-icon-size: 60px;
}
- type: custom:mushroom-template-card
primary: Rollladen
icon_color: |
{% if is_state("cover.alle_rollladen_eg", 'open') %}
#a86f07
{% else %}
grey
{% endif %}
icon: |
{% if is_state("cover.alle_rollladen_eg", 'open') %}
mdi:window-shutter-open
{% else %}
mdi:window-shutter
{% endif %}
secondary: none
entity: cover.
card_mod:
style:
.: |
ha-card {
width: 83px;
margin-left: 56%;
top: -204px;
border: none;
background: none;
}
:host {
--mush-icon-size: 60px;
}
- type: custom:mushroom-template-card
primary: Fenster
icon_color: |
{% if is_state("binary_sensor.alle_fenster_eg", 'on') %}
#a86f07
{% else %}
grey
{% endif %}
icon: |
{% if is_state("binary_sensor.alle_fenster_eg",
'on') %}
mdi:window-open-variant
{% else %}
mdi:window-closed-variant
{% endif %}
secondary: none
entity: sensor.
card_mod:
style:
.: |
ha-card {
width: 83px;
margin-left: 35%;
top: -288px;
border: none;
background: none;
}
:host {
--mush-icon-size: 60px;
}
card_mod:
style: |
ha-card {
height: 140px !important;
width: 100% !important;
}
- type: custom:layout-break
- type: horizontal-stack
cards:
- type: custom:stack-in-card
keep:
background: true
border: false
cards:
- type: custom:mushroom-template-card
icon: mdi:stairs-down
icon_color: |
{% if is_state("light.alle_lichter_keller", 'on') %}
#a86f07
{% else %}
grey
{% endif %}
primary: Keller
secondary: >-
{{ states('sensor.h_t_tuya_1_buro_temperature') | round(1)
}}°C | {{ states('sensor.h_t_tuya_1_buro_humidity') | round(0)
}}%
layout: horizontal
tap_action:
action: navigate
navigation_path: /dashboard-tablet/keller
card_mod:
style:
mushroom-state-info$: |
.primary {
font-size: 16px !important;
position: relative;
top: -50px;
left: -60px;
overflow: visible !important;
white-space: normal !important;
}
.secondary {
position: relative;
overflow: visible !important;
top: -52px;
left: -60px;
}
mushroom-shape-icon$: |
.shape {
position: relative;
left: -43px;
top: 10px;
}
.: |
:host {
--mush-icon-size: 146px;
}
style: |
mushroom-badge-icon {
left: 69px;
top: 25px;
}
- type: custom:mushroom-template-card
primary: none
icon_color: |
{% if is_state("light.shelly1_kellerlicht", 'on') %}
#a86f07
{% else %}
grey
{% endif %}
icon: |
{% if is_state("light.alle_lichter_keller", 'on') %}
mdi:lightbulb
{% else %}
mdi:lightbulb-off
{% endif %}
secondary: none
entity: light.shelly1_kellerlicht
tap_action:
action: toggle
card_mod:
style:
.: |
ha-card {
width: 83px;
margin-left: 58%;
top: -120px;
border: none;
background: none;
}
:host {
--mush-icon-size: 60px;
}
card_mod:
style: |
ha-card {
height: 140px !important;
width: 100% !important;
}
- type: custom:restriction-card
restrictions:
pin:
code: Wwee
exemptions:
- user: aa5336b2fae94d4abb2a95569484b360
card:
type: custom:stack-in-card
cards:
- type: custom:mushroom-template-card
icon: mdi:theater
icon_color: |
{% if is_state("light.alle_lichter_kino", 'on') %}
#a86f07
{% else %}
grey
{% endif %}
primary: Kino
secondary: >-
{{ states('sensor.h_t_tuya_3_kino_temperature') | round(1)
}}°C | {{ states('sensor.h_t_tuya_3_kino_humidity') |
round(0) }}%
layout: horizontal
tap_action:
action: navigate
navigation_path: /dashboard-tablet/kino
card_mod:
style:
mushroom-state-info$: |
.primary {
font-size: 16px !important;
position: relative;
top: -50px;
left: -60px;
overflow: visible !important;
white-space: normal !important;
}
.secondary {
position: relative;
overflow: visible !important;
top: -52px;
left: -60px;
}
mushroom-shape-icon$: |
.shape {
position: relative;
left: -43px;
top: 10px;
}
.: |
:host {
--mush-icon-size: 146px;
}
style: |
mushroom-badge-icon {
left: 69px;
top: 25px;
}
- type: custom:mushroom-template-card
primary: none
icon_color: |
{% if is_state("light.alle_lichter_kino", 'on') %}
#a86f07
{% else %}
grey
{% endif %}
icon: mdi:lightbulb
secondary: none
entity: light.kino
tap_action:
action: toggle
card_mod:
style:
.: |
ha-card {
width: 83px;
margin-left: 58%;
top: -120px;
border: none;
background: none;
}
:host {
--mush-icon-size: 60px;
}
card_mod:
style: |
ha-card {
height: 140px !important;
width: 100% !important;
}