Playing Around with with Mushroom - Many things to do and clean up some code. But here is Version 0.03 for you if interested
type: custom:vertical-stack-in-card
title: Wohnzimmer
style: |
.card-header {
padding: 6px 16px 2px !important;
}
cards:
- type: custom:mushroom-chips-card
chips:
- type: entity
entity: sensor.temp_xx_humidity
- type: entity
entity: sensor.temp_xx_temperature
alignment: end
style: |
.chip-container {
padding-right: 14px;
margin-top: -40px
}
- type: custom:mushroom-light-card
entity: light.lampe_xx
show_brightness_control: true
collapsible_controls: true
layout: horizontal
name: Lampe Links
- type: custom:mushroom-light-card
entity: light.lampe_xx
show_brightness_control: true
collapsible_controls: true
layout: horizontal
name: Lampe Rechts
- type: custom:mushroom-media-player-card
entity: media_player.xx
layout: horizontal
show_volume_level: false
media_controls:
- on_off
volume_controls:
- volume_set
icon: mdi:television
name: Sony Fernseher
use_media_info: true
- type: custom:mushroom-climate-card
entity: climate.heizung_xx
layout: horizontal
fill_container: true
show_temperature_control: true
collapsible_controls: false
name: Thermostate
tap_action:
action: more-info
- type: custom:mushroom-chips-card
alignment: end
style: |
ha-card {
z-index:9;
}
.chip-container {
padding: 14px;
}
chips:
- type: template
entity: binary_sensor
icon: >
{% set state=states('binary_sensor.heizung_xx_window_open') %}
{% if state=='off' %}
mdi:window-closed-variant
{% elif state=='on' %}
mdi:window-open-variant
{% endif %}
icon_color: >
{% set state=states('binary_sensor.heizung_xx_window_open') %}
{% if state=='on' %}
orange
{% endif %}
content: >
{% set state=states('binary_sensor.heizung_xx_window_open') %}
{% if state=='off' %}
Fenster geschlossen!
{% elif state=='on' %}
Fenster offen!
{% endif %}
- type: template
entity: switch.heizung_xx_window_open_force
content: >
{% set state=states('switch.heizung_xx_window_open_force') %}
{% if state=='on' %}
Lüften Aktiv!
{% elif state=='off' %}
Lüften!
{% endif %}
icon: >
{% set state=states('switch.heizung_xx_window_open_force') %}
{% if state=='on' %}
mdi:window-open-variant
{% elif state=='off' %}
mdi:window-closed-variant
{% endif %}
icon_color: >
{% set state=states('switch.heizung_xx_window_open_force') %}
{% if state=='on' %}
orange
{% endif %}
- type: template
entity: climate.heizung_xx
icon: >
{% set battery_level = state_attr('switch.heizung_xx_window_open_force','battery')|int('unknown') %}
{% set battery_round = (battery_level|int / 10)|int * 10 %}
{% if battery_level == 'unknown' %}
mdi:battery-unknown
{% else %}
{% if battery_round >= 100 %}
mdi:battery
{% elif battery_round > 0 %}
mdi:battery-{{ battery_round }}
{% else %}
mdi:battery-alert
{% endif %}
{% endif %}
content: '{{ state_attr(''climate.heizung_xx'',''battery'') }} %'
name: Battery
tap_action:
action: more-info
- type: custom:mini-graph-card
entities:
- sensor.temp_xx
animate: true
hour24: true
font_size: 75
line_width: 4
points_per_hour: 1
style: |
ha-card {
margin-top: -67px;
z-index: 1;
}
show:
name: false
icon: false
legend: false
labels: true