Skip to content

Instantly share code, notes, and snippets.

@golles
Created July 30, 2022 18:28
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save golles/715f801e5e17d6710dd156c26709e126 to your computer and use it in GitHub Desktop.
Save golles/715f801e5e17d6710dd156c26709e126 to your computer and use it in GitHub Desktop.
New room cards, Mushroom <3 vertical-stack-in-card
type: vertical-stack
cards:
- type: custom:vertical-stack-in-card
styles:
"--chip-box-shadow": none
"--chip-background": none
"--chip-spacing": 0
cards:
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
primary: Woonkamer
icon: mdi:sofa-outline
icon_color: grey
tap_action:
action: navigate
navigation_path: /lovelace/woonkamer
- type: custom:mushroom-chips-card
alignment: end
chips:
- type: template
entity: climate.woonkamer
content: >-
{{ state_attr(entity, "current_temperature") }}°C
icon: mdi:thermometer
icon_color: grey
tap_action:
action: more-info
- type: template
entity: climate.woonkamer
content: >-
{{ state_attr(entity, "current_humidity") }}%
icon: mdi:water-percent
icon_color: grey
tap_action:
action: more-info
- type: custom:mushroom-chips-card
alignment: justify
chips:
- type: template
entity: light.wooneet
icon: mdi:lamps
icon_color: >-
{{ iif(is_state(entity, "on"), "orange", "grey") }}
- type: template
entity: media_player.lg_c9
icon: mdi:television
icon_color: >-
{{ iif(states(entity) not in ["off", "unavailable", "unknown"], "blue", "grey") }}
- type: template
entity: media_player.lg_soundbar
icon: mdi:radio
icon_color: >-
{{ iif(states(entity) not in ["off", "unavailable", "unknown"], "blue", "grey") }}
- type: template
entity: binary_sensor.woonkamer_beweging
icon: mdi:motion-sensor
icon_color: >-
{{ iif(is_state(entity, "on"), "green", "grey") }}
- type: template
entity: binary_sensor.achterdeur_contact
icon: >-
{{ iif(is_state(entity, "on"), "mdi:door-open", "mdi:door-closed") }}
icon_color: >-
{{ iif(is_state(entity, "on"), "amber", "grey") }}
tap_action:
action: more-info
- type: template
entity: binary_sensor.achterraam_contact
icon: >-
{{ iif(is_state(entity, "on"), "mdi:window-open", "mdi:window-closed") }}
icon_color: >-
{{ iif(is_state(entity, "on"), "amber", "grey") }}
tap_action:
action: more-info
- type: template
entity: cover.zonnescherm
icon: mdi:storefront-outline
icon_color: >-
{{ iif(is_state("binary_sensor.zonnescherm_contact_contact", "on"), "blue", "grey") }}
tap_action:
action: more-info
- type: custom:vertical-stack-in-card
styles:
"--chip-box-shadow": none
"--chip-background": none
"--chip-spacing": 0
cards:
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
primary: Keuken
icon: mdi:countertop-outline
icon_color: grey
tap_action:
action: navigate
navigation_path: /lovelace/keuken
- type: custom:mushroom-chips-card
alignment: end
chips:
- type: template
entity: climate.woonkamer
content: >-
{{ state_attr(entity, "current_temperature") }}°C
icon: mdi:thermometer
icon_color: grey
tap_action:
action: more-info
- type: template
entity: climate.woonkamer
content: >-
{{ state_attr(entity, "current_humidity") }}%
icon: mdi:water-percent
icon_color: grey
tap_action:
action: more-info
- type: custom:mushroom-chips-card
alignment: justify
chips:
- type: template
entity: light.keuken
icon: mdi:ceiling-light
icon_color: >-
{{ iif(is_state(entity, "on"), "orange", "grey") }}
- type: template
entity: switch.keukenkastje_lamp_switch
icon: mdi:lightbulb
icon_color: >-
{{ iif(is_state(entity, "on"), "orange", "grey") }}
- type: template
entity: sensor.vaatwasser_status
icon: mdi:dishwasher
icon_color: >-
{{ iif(is_state("switch.vaatwasser_power", "on"), "blue", "grey") }}
tap_action:
action: more-info
- type: template
entity: binary_sensor.keuken_beweging_occupancy
icon: mdi:motion-sensor
icon_color: >-
{{ iif(is_state(entity, "on"), "green", "grey") }}
- type: template
entity: binary_sensor.keukenraam_contact
icon: >-
{{ iif(is_state(entity, "on"), "mdi:window-open", "mdi:window-closed") }}
icon_color: >-
{{ iif(is_state(entity, "on"), "amber", "grey") }}
tap_action:
action: more-info
- type: template
entity: cover.keuken
icon: >-
{{ iif(is_state(entity, "open"), "mdi:window-shutter-open", "mdi:window-shutter") }}
icon_color: >-
{{ iif(is_state(entity, "open"), "blue", "grey") }}
tap_action:
action: more-info
- type: custom:vertical-stack-in-card
styles:
"--chip-box-shadow": none
"--chip-background": none
"--chip-spacing": 0
cards:
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
primary: Toilet
icon: mdi:toilet
icon_color: grey
tap_action:
action: navigate
navigation_path: /lovelace/toilet
- type: custom:mushroom-chips-card
alignment: end
chips:
- type: template
entity: sensor.toilet_klimaat_temperature
content: >-
{{ states(entity) | float(0) | round(1) }}°C
icon: mdi:thermometer
icon_color: grey
tap_action:
action: more-info
- type: template
entity: sensor.toilet_klimaat_humidity
content: >-
{{ states(entity) | float(0) | round(1) }}%
icon: mdi:water-percent
icon_color: grey
tap_action:
action: more-info
- type: custom:mushroom-chips-card
alignment: justify
chips:
- type: template
entity: light.toilet
icon: mdi:ceiling-light
icon_color: >-
{{ iif(is_state(entity, "on"), "orange", "grey") }}
- type: template
entity: binary_sensor.toilet_beweging_occupancy
icon: mdi:motion-sensor
icon_color: >-
{{ iif(is_state(entity, "on"), "green", "grey") }}
- type: custom:vertical-stack-in-card
styles:
"--chip-box-shadow": none
"--chip-background": none
"--chip-spacing": 0
cards:
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
primary: Slaapkamer
icon: mdi:bed-king-outline
icon_color: grey
tap_action:
action: navigate
navigation_path: /dashboard-boven/slaapkamer
- type: custom:mushroom-chips-card
alignment: end
chips:
- type: template
entity: climate.slaapkamer
content: >-
{{ state_attr(entity, "current_temperature") }}°C
icon: mdi:thermometer
icon_color: grey
tap_action:
action: more-info
- type: template
entity: climate.slaapkamer
content: >-
{{ state_attr(entity, "current_humidity") }}%
icon: mdi:water-percent
icon_color: grey
tap_action:
action: more-info
- type: custom:mushroom-chips-card
alignment: justify
chips:
- type: template
entity: light.slaapkamer_plafond_groep
icon: mdi:ceiling-light
icon_color: >-
{{ iif(is_state(entity, "on"), "orange", "grey") }}
- type: template
entity: light.slaapkamer_bedlampen
icon: >-
{{ iif(is_state(entity, "on"), "mdi:desk-lamp-on", "mdi:desk-lamp") }}
icon_color: >-
{{ iif(is_state(entity, "on"), "orange", "grey") }}
- type: template
entity: binary_sensor.slaapkamer_beweging_occupancy
icon: mdi:motion-sensor
icon_color: >-
{{ iif(is_state(entity, "on"), "green", "grey") }}
tap_action:
action: more-info
- type: template
entity: binary_sensor.slaapkamerraam_contact
icon: >-
{{ iif(is_state(entity, "on"), "mdi:window-open", "mdi:window-closed") }}
icon_color: >-
{{ iif(is_state(entity, "on"), "amber", "grey") }}
tap_action:
action: more-info
- type: template
entity: cover.slaapkamer
icon: >-
{{ iif(is_state(entity, "open"), "mdi:window-shutter-open", "mdi:window-shutter") }}
icon_color: >-
{{ iif(is_state(entity, "open"), "blue", "grey") }}
tap_action:
action: more-info
- type: custom:vertical-stack-in-card
styles:
"--chip-box-shadow": none
"--chip-background": none
"--chip-spacing": 0
cards:
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
primary: Kledingkamer
icon: mdi:wardrobe-outline
icon_color: grey
tap_action:
action: navigate
navigation_path: /dashboard-boven/kledingkamer
- type: custom:mushroom-chips-card
alignment: end
chips:
- type: template
entity: climate.kledingkamer
content: >-
{{ state_attr(entity, "current_temperature") }}°C
icon: mdi:thermometer
icon_color: grey
tap_action:
action: more-info
- type: template
entity: climate.kledingkamer
content: >-
{{ state_attr(entity, "current_humidity") }}%
icon: mdi:water-percent
icon_color: grey
tap_action:
action: more-info
- type: custom:mushroom-chips-card
alignment: justify
chips:
- type: template
entity: light.kledingkamer
icon: mdi:ceiling-light
icon_color: >-
{{ iif(is_state(entity, "on"), "orange", "grey") }}
- type: template
entity: binary_sensor.kledingkamer_beweging_occupancy
icon: mdi:motion-sensor
icon_color: >-
{{ iif(is_state(entity, "on"), "green", "grey") }}
tap_action:
action: more-info
- type: template
entity: binary_sensor.kledingkamerraam_contact
icon: >-
{{ iif(is_state(entity, "on"), "mdi:window-open", "mdi:window-closed") }}
icon_color: >-
{{ iif(is_state(entity, "on"), "amber", "grey") }}
tap_action:
action: more-info
- type: template
entity: cover.kledingkamer
icon: >-
{{ iif(is_state(entity, "open"), "mdi:window-shutter-open", "mdi:window-shutter") }}
icon_color: >-
{{ iif(is_state(entity, "open"), "blue", "grey") }}
tap_action:
action: more-info
- type: custom:vertical-stack-in-card
styles:
"--chip-box-shadow": none
"--chip-background": none
"--chip-spacing": 0
cards:
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
primary: Logeerkamer
icon: mdi:wardrobe-outline
icon_color: grey
tap_action:
action: navigate
navigation_path: /dashboard-boven/logeerkamer
- type: custom:mushroom-chips-card
alignment: end
chips:
- type: template
entity: climate.logeerkamer
content: >-
{{ state_attr(entity, "current_temperature") }}°C
icon: mdi:thermometer
icon_color: grey
tap_action:
action: more-info
- type: template
entity: climate.logeerkamer
content: >-
{{ state_attr(entity, "current_humidity") }}%
icon: mdi:water-percent
icon_color: grey
tap_action:
action: more-info
- type: custom:mushroom-chips-card
alignment: justify
chips:
- type: template
entity: light.logeerkamer
icon: mdi:ceiling-light
icon_color: >-
{{ iif(is_state(entity, "on"), "orange", "grey") }}
- type: template
entity: media_player.googlehome6234
icon: mdi:cast-audio
icon_color: >-
{{ iif(states(entity) not in ["off", "unavailable", "unknown"], "blue", "grey") }}
- type: template
entity: binary_sensor.tt_macbook_active
icon: mdi:laptop
icon_color: >-
{{ iif(is_state(entity, "on"), "blue", "grey") }}
- type: template
entity: binary_sensor.logeerkamer_beweging_occupancy
icon: mdi:motion-sensor
icon_color: >-
{{ iif(is_state(entity, "on"), "green", "grey") }}
tap_action:
action: more-info
- type: template
entity: binary_sensor.logeerkamerraam_contact
icon: >-
{{ iif(is_state(entity, "on"), "mdi:window-open", "mdi:window-closed") }}
icon_color: >-
{{ iif(is_state(entity, "on"), "amber", "grey") }}
tap_action:
action: more-info
- type: template
entity: cover.logeerkamer
icon: >-
{{ iif(is_state(entity, "open"), "mdi:window-shutter-open", "mdi:window-shutter") }}
icon_color: >-
{{ iif(is_state(entity, "open"), "blue", "grey") }}
tap_action:
action: more-info
- type: custom:vertical-stack-in-card
styles:
"--chip-box-shadow": none
"--chip-background": none
"--chip-spacing": 0
cards:
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
primary: Badkamer
icon: mdi:shower
icon_color: grey
tap_action:
action: navigate
navigation_path: /dashboard-boven/badkamer
- type: custom:mushroom-chips-card
alignment: end
chips:
- type: template
entity: climate.badkamer
content: >-
{{ state_attr(entity, "current_temperature") }}°C
icon: mdi:thermometer
icon_color: grey
tap_action:
action: more-info
- type: template
entity: climate.badkamer
content: >-
{{ state_attr(entity, "current_humidity") }}%
icon: mdi:water-percent
icon_color: grey
tap_action:
action: more-info
- type: custom:mushroom-chips-card
alignment: justify
chips:
- type: template
entity: light.badkamer
icon: mdi:ceiling-light
icon_color: >-
{{ iif(is_state(entity, "on"), "orange", "grey") }}
- type: template
entity: binary_sensor.badkamer_beweging_occupancy
icon: mdi:motion-sensor
icon_color: >-
{{ iif(is_state(entity, "on"), "green", "grey") }}
tap_action:
action: more-info
- type: template
entity: binary_sensor.douche_beweging_occupancy
icon: mdi:shower-head
icon_color: >-
{{ iif(is_state(entity, "on"), "blue", "grey") }}
tap_action:
action: more-info
- type: template
entity: binary_sensor.badkamerraam_contact
icon: >-
{{ iif(is_state(entity, "on"), "mdi:window-open", "mdi:window-closed") }}
icon_color: >-
{{ iif(is_state(entity, "on"), "amber", "grey") }}
tap_action:
action: more-info
- type: custom:vertical-stack-in-card
styles:
"--chip-box-shadow": none
"--chip-background": none
"--chip-spacing": 0
cards:
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
primary: Zolder
icon: mdi:home-roof
icon_color: grey
tap_action:
action: navigate
navigation_path: /dashboard-boven/zolder
- type: custom:mushroom-chips-card
alignment: end
chips:
- type: template
entity: climate.zolder
content: >-
{{ state_attr(entity, "current_temperature") }}°C
icon: mdi:thermometer
icon_color: grey
tap_action:
action: more-info
- type: template
entity: climate.zolder
content: >-
{{ state_attr(entity, "current_humidity") }}%
icon: mdi:water-percent
icon_color: grey
tap_action:
action: more-info
- type: custom:mushroom-chips-card
alignment: justify
chips:
- type: template
entity: light.zolder
icon: mdi:ceiling-light
icon_color: >-
{{ iif(is_state(entity, "on"), "orange", "grey") }}
- type: template
entity: media_player.zolder
icon: mdi:television
icon_color: >-
{{ iif(states(entity) not in ["off", "unavailable", "unknown"], "blue", "grey") }}
- type: template
entity: sensor.wasmachine_status
icon: mdi:washing-machine
icon_color: >-
{{ iif(is_state("switch.wasmachine_power", "on"), "blue", "grey") }}
tap_action:
action: more-info
- type: template
entity: binary_sensor.zolder_beweging
icon: mdi:motion-sensor
icon_color: >-
{{ iif(is_state(entity, "on"), "green", "grey") }}
tap_action:
action: more-info
- type: template
entity: binary_sensor.balkondeur_contact
icon: >-
{{ iif(is_state(entity, "on"), "mdi:door-open", "mdi:door-closed") }}
icon_color: >-
{{ iif(is_state(entity, "on"), "amber", "grey") }}
tap_action:
action: more-info
- type: template
entity: binary_sensor.zolderraam_contact
icon: >-
{{ iif(is_state(entity, "on"), "mdi:window-open", "mdi:window-closed") }}
icon_color: >-
{{ iif(is_state(entity, "on"), "amber", "grey") }}
tap_action:
action: more-info
- type: horizontal-stack
cards:
- type: custom:vertical-stack-in-card
styles:
"--chip-box-shadow": none
"--chip-background": none
"--chip-spacing": 0
cards:
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
primary: Voortuin
layout: vertical
icon: mdi:flower-tulip
icon_color: grey
tap_action:
action: navigate
navigation_path: /dashboard-buiten/tuin
- type: custom:mushroom-chips-card
alignment: end
chips:
- type: template
entity: weather.knmi_purmerend
content: >-
{{ state_attr(entity, "temperature") }}°C
icon: mdi:thermometer
icon_color: grey
tap_action:
action: more-info
- type: template
entity: weather.knmi_purmerend
content: >-
{{ state_attr(entity, "humidity") }}%
icon: mdi:water-percent
icon_color: grey
tap_action:
action: more-info
- type: custom:mushroom-chips-card
alignment: justify
chips:
- type: template
entity: light.voortuin
icon: mdi:coach-lamp
icon_color: >-
{{ iif(is_state(entity, "on"), "orange", "grey") }}
- type: custom:vertical-stack-in-card
styles:
"--chip-box-shadow": none
"--chip-background": none
"--chip-spacing": 0
cards:
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
primary: Achtertuin
layout: vertical
icon: mdi:table-chair
icon_color: grey
tap_action:
action: navigate
navigation_path: /dashboard-buiten/tuin
- type: custom:mushroom-chips-card
alignment: end
chips:
- type: template
entity: weather.knmi_purmerend
content: >-
{{ state_attr(entity, "temperature") }}°C
icon: mdi:thermometer
icon_color: grey
tap_action:
action: more-info
- type: template
entity: weather.knmi_purmerend
content: >-
{{ state_attr(entity, "humidity") }}%
icon: mdi:water-percent
icon_color: grey
tap_action:
action: more-info
- type: custom:mushroom-chips-card
alignment: justify
chips:
- type: template
entity: light.achtertuin_groep
icon: mdi:coach-lamp
icon_color: >-
{{ iif(is_state(entity, "on"), "orange", "grey") }}
- type: template
entity: light.gekleurde_licht
icon: mdi:led-strip-variant
icon_color: >-
{{ iif(is_state(entity, "on"), "orange", "grey") }}
- type: template
entity: binary_sensor.hue_outdoor_motion_sensor_1_motion
icon: mdi:motion-sensor
icon_color: >-
{{ iif(is_state(entity, "on"), "green", "grey") }}
tap_action:
action: more-info
- type: template
icon: mdi:trash-can
icon_color: |-
{% set isPickUp = states.sensor
| selectattr("attributes.Wastecollector", "defined")
| selectattr("attributes.Days_until", "eq", 1)
| map(attribute="entity_id")
| first
| default("none")
%}
{{ iif(isPickUp != "none", "brown", "grey") }}
tap_action:
action: navigate
navigation_path: /dashboard-buiten/tuin
- type: custom:vertical-stack-in-card
styles:
"--chip-box-shadow": none
"--chip-background": none
"--chip-spacing": 0
cards:
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
entity: weather.knmi_purmerend
primary: Weer
secondary: >-
{% set state = states("weather.knmi_purmerend") %}
{% set states = {
"clear-night": "Helder, nacht",
"cloudy": "Bewolkt",
"exceptional": "Uitzonderlijk",
"fog": "Mist",
"hail": "Hagel",
"lightning": "Bliksem",
"lightning-rainy": "Bliksem, regenachtig",
"partlycloudy": "Gedeeltelijk bewolkt",
"pouring": "Gieten",
"rainy": "Regenachtig",
"snowy": "Sneeuwachtig",
"snowy-rainy": "Sneeuw-, regenachtig",
"sunny": "Zonnig",
"windy": "Winderig",
"windy-variant": "Winderig"
} %}
{% if state in states %}
{{ states[state] }}
{% endif %}
icon: >-
{% set state = states(entity) %}
{% set icons = {
"clear-night": "mdi:weather-night",
"cloudy": "mdi:weather-cloudy",
"exceptional": "mdi:alert-circle-outline",
"fog": "mdi:weather-fog",
"hail": "mdi:weather-hail",
"lightning": "mdi:weather-lightning",
"lightning-rainy": "mdi:weather-lightning-rainy",
"partlycloudy": "mdi:weather-partly-cloudy",
"pouring": "mdi:weather-pouring",
"rainy": "mdi:weather-rainy",
"snowy": "mdi:weather-snowy",
"snowy-rainy": "mdi:weather-snowy-rainy",
"sunny": "mdi:weather-sunny",
"windy": "mdi:weather-windy",
"windy-variant": "mdi:weather-windy-variant"
} %}
{% if state in icons %}
{{ icons[state] }}
{% else %}
mdi:weather-cloudy
{% endif %}
icon_color: grey
tap_action:
action: navigate
navigation_path: /dashboard-buiten/weer
- type: custom:mushroom-chips-card
alignment: end
chips:
- type: template
entity: weather.knmi_purmerend
content: >-
{{ state_attr(entity, "temperature") }}°C
icon: mdi:thermometer
icon_color: grey
tap_action:
action: more-info
- type: template
entity: weather.knmi_purmerend
content: >-
{{ state_attr(entity, "humidity") }}%
icon: mdi:water-percent
icon_color: grey
tap_action:
action: more-info
- type: template
entity: weather.knmi_purmerend
content: >-
{{ state_attr(entity, "pressure") }}hPa
icon: mdi:gauge
icon_color: grey
tap_action:
action: more-info
- type: custom:mushroom-template-card
entity: sensor.knmi_purmerend_korte_dagverwachting
secondary: |-
{{ states("sensor.knmi_purmerend_korte_dagverwachting") }}
{{ iif(state_attr("binary_sensor.knmi_purmerend_waarschuwing", "Waarschuwing"), state_attr("binary_sensor.knmi_purmerend_waarschuwing", "Waarschuwing"), "") }}
multiline_secondary: true
tap_action:
action: navigate
navigation_path: /dashboard-buiten/weer
@golles
Copy link
Author

golles commented Jul 30, 2022

Video:

RPReplay_Final1659204065.MP4

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment