Dashboard on the right side bassicly contains 2 cards:
Left Card:
cards:
- alignment: center
chips:
- card_mod:
style: 'ha-card {
{% if states("sun.sun") == ''above_horizon'' %}
color: yellow;
{%- else -%}
color: gray;
{%- endif %}
}
'
entity: sun.sun
type: entity
- content: Sunrise {% if states.sun.sun %} {{ (as_timestamp(states.sun.sun.attributes.next_rising))
| timestamp_custom(('%H:%M') )}} {% endif %}
icon: mdi:weather-sunset-up
type: template
- content: Sunset {% if states.sun.sun %} {{ (as_timestamp(states.sun.sun.attributes.next_setting))
| timestamp_custom(('%H:%M') )}} {% endif %}
icon: mdi:weather-sunset-down
type: template
type: custom:mushroom-chips-card
- entity: weather.forecast_thuis
name: Forecast Sittard
secondary_info_attribute: humidity
show_current: true
show_forecast: true
type: weather-forecast
- cards:
- entities:
- card_mod: null
entity: camera.buienradar
secondary_info: last-updated
type: entities
- entities:
- entity: sensor.buienradar_precipitation
name: Verwachting komend uur..
secondary_info: last-updated
state_color: false
type: entities
type: horizontal-stack
- entities:
- entity: calendar.gezin
firstDayOfWeek: 1
maxDaysToShow: 8
name: Agenda Gezin
refreshInterval: 60
showDate: true
showWeekDay: true
type: custom:atomic-calendar-revive
col_span: '2'
col_span_lg: '2'
col_span_xl: '2'
position: top
row_span: '1'
row_span_lg: '1'
row_span_xl: '1'
type: vertical-stack
Right side:
cards:
- alignment: center
chips:
- card_mod:
style: 'ha-card {
{% if states("sensor.solaredge_current_power") == ''0.0'' %}
color: gray;
{%- else -%}
color: yellow;
{%- endif %}
}
'
content: Live {{states("sensor.solaredge_current_power")}} watt
icon: mdi:solar-power
type: template
- card_mod:
style: 'ha-card {
{% if states("sensor.solaredge_energy_today_kwh") > ''0'' %}
color: yellow;
{%- else -%}
color: gray;
{%- endif %}
}
'
content: Vandaag {{states("sensor.solaredge_energy_today_kwh")}}
icon: mdi:solar-power
type: template
- card_mod:
style: 'ha-card {
{% if states("sensor.solaredge_energy_month_kwh") > ''0'' %}
color: yellow;
{%- else -%}
color: gray;
{%- endif %}
}
'
content: '{{[''Januari'',''Februari'',''Maard'',''April'',''Mei'',''Juni'',''Juli'',''Augustus'',''September'',''Oktober'',''November'',''December''][now().month
- 1]}} {{states("sensor.solaredge_energy_month_kwh")}}'
icon: mdi:solar-power
type: template
type: custom:mushroom-chips-card
- entities:
grid:
consumption: sensor.smartmeter_power_consumption
production: sensor.smartmeter_power_production
solar: sensor.solaredge_current_power
type: custom:power-flow-card
- cards:
- entity: sensor.todays_power_consumption
icon: mdi:transmission-tower-export
icon_color: none
primary: Afgenomen
secondary: '{{states(''sensor.todays_power_consumption'')}} kWh'
type: custom:mushroom-template-card
- entity: sensor.todays_power_consumption
icon: mdi:transmission-tower-import
icon_color: none
primary: Terug geleverd
secondary: '{{states(''sensor.todays_power_production'')}} kWh'
type: custom:mushroom-template-card
type: horizontal-stack
- card:
title: Volgende ophaaldata afval
type: entities
filter:
include:
- entity_id: sensor.afvalwijzer_pmd_next
options:
secondary: "{% set count = states(config.entity)|int %} {% set day = state_attr(config.entity,'day')\
\ %} {% set dagen =\n {'Monday': 'Maandag',\n 'Tuesday': 'Dinsdag',\n\
\ 'Wednesday': 'Woensdag',\n 'Thursday': 'Donderdag',\n 'Friday': 'Vrijdag',\n\
\ 'Saturday': 'Zaterdag',\n 'Sunday': 'Zondag'} %}\n{% set dag = dagen[day]\
\ if day in dagen else day %} {% set unit = 'Dag' if count == 1 else 'dagen'\
\ %}\n\n{% if count < 30 %} {% set phrase = dag%}{% endif %} {{phrase}}\
\ {% if count != 0%} (over {{count}} {{unit}}) {% endif %}\n"
state: '{{state_attr(config.entity,''date'')}} '
type: custom:template-entity-row
- entity_id: sensor.afvalwijzer_gft_next
options:
secondary: "{% set count = states(config.entity)|int %} {% set day = state_attr(config.entity,'day')\
\ %} {% set dagen =\n {'Monday': 'Maandag',\n 'Tuesday': 'Dinsdag',\n\
\ 'Wednesday': 'Woensdag',\n 'Thursday': 'Donderdag',\n 'Friday': 'Vrijdag',\n\
\ 'Saturday': 'Zaterdag',\n 'Sunday': 'Zondag'} %}\n{% set dag = dagen[day]\
\ if day in dagen else day %} {% set unit = 'Dag' if count == 1 else 'dagen'\
\ %}\n\n{% if count < 30 %} {% set phrase = dag%}{% endif %} {{phrase}}\
\ {% if count != 0%} (over {{count}} {{unit}}) {% endif %}\n"
state: '{{state_attr(config.entity,''date'')}} '
type: custom:template-entity-row
- entity_id: sensor.afvalwijzer_papier_next
options:
secondary: "{% set count = states(config.entity)|int %} {% set day = state_attr(config.entity,'day')\
\ %} {% set dagen =\n {'Monday': 'Maandag',\n 'Tuesday': 'Dinsdag',\n\
\ 'Wednesday': 'Woensdag',\n 'Thursday': 'Donderdag',\n 'Friday': 'Vrijdag',\n\
\ 'Saturday': 'Zaterdag',\n 'Sunday': 'Zondag'} %}\n{% set dag = dagen[day]\
\ if day in dagen else day %} {% set unit = 'Dag' if count == 1 else 'dagen'\
\ %}\n\n{% if count < 30 %} {% set phrase = dag%}{% endif %} {{phrase}}\
\ {% if count != 0%} (over {{count}} {{unit}}) {% endif %}\n"
state: '{{state_attr(config.entity,''date'')}} '
type: custom:template-entity-row
- entity_id: sensor.afvalwijzer_restafval_next
options:
secondary: "{% set count = states(config.entity)|int %} {% set day = state_attr(config.entity,'day')\
\ %} {% set dagen =\n {'Monday': 'Maandag',\n 'Tuesday': 'Dinsdag',\n\
\ 'Wednesday': 'Woensdag',\n 'Thursday': 'Donderdag',\n 'Friday': 'Vrijdag',\n\
\ 'Saturday': 'Zaterdag',\n 'Sunday': 'Zondag'} %}\n{% set dag = dagen[day]\
\ if day in dagen else day %} {% set unit = 'Dag' if count == 1 else 'dagen'\
\ %}\n\n{% if count < 30 %} {% set phrase = dag%}{% endif %} {{phrase}}\
\ {% if count != 0%} (over {{count}} {{unit}}) {% endif %}\n"
state: '{{state_attr(config.entity,''date'')}} '
type: custom:template-entity-row
sort:
method: state
numeric: true
type: custom:auto-entities
col_span: '2'
col_span_lg: '2'
col_span_xl: '2'
position: top
row_span: '1'
row_span_lg: '1'
row_span_xl: '1'
type: vertical-stack
On the left part the code for my favorites is:
type: horizontal-stack
cards:
- type: custom:mushroom-template-card
primary: |2-
{% if states("input_boolean.washing") == "on" %}
Klaar
{% elif states("input_boolean.washing_off") == "on" %}
Staat uit
{% elif states("input_boolean.washing_off") == "off" %}
Wassen
{% endif %}
secondary: ''
icon: |-
{% if states("input_boolean.washing_off") == "on" %}
mdi:washing-machine-off
{% else %}
mdi:washing-machine
{% endif %}
icon_color: |-
{% if states("input_boolean.washing") == "on" %}
green
{% elif states("input_boolean.washing_off") == "off" %}
orange
{% else %}
none
{% endif %}
card_mod:
style: |
ha-card {
width: 150px;
lenght: 500px;
min-height: 79px;
border-radius: 20px;
margin-bottom: 1px;
--icon-symbol-size: 55px}
- type: vertical-stack
cards:
- type: custom:mushroom-chips-card
chips:
- type: entity
entity: scene.home
tap_action:
action: call-service
service: scene.turn_on
data: {}
target:
entity_id: scene.home
content_info: none
- type: entity
entity: scene.away
content_info: none
tap_action:
action: call-service
service: scene.turn_on
data: {}
target:
entity_id: scene.away
- type: template
icon: mdi:palm-tree
entity: input_boolean.vacation
icon_color: |-
{% set state=states('input_boolean.vacation') %}
{% if state=='off' %}
gray
{% elif state=='on' %}
green
{% else %}
black
{% endif %}
tap_action:
action: toggle
alignment: end
- type: custom:mushroom-chips-card
chips:
- type: light
entity: light.all_lights
use_light_color: false
tap_action:
action: toggle
- type: template
icon: mdi:radiator
entity: climate.all_radiators
content: '{{states("climate.all_radiators")}}'
tap_action:
action: call-service
service: climate.turn_off
data: {}
target:
entity_id: climate.all_radiators
icon_color: |-
{% if states("climate.all_radiators") == "heat" %}
orange
{% else %}
none
{% endif %}
alignment: end
