mirror of
https://github.com/CeeWeasel/fresh-home.git
synced 2026-08-10 02:50:12 -04:00
CeeWeasel
143 lines
2.9 KiB
YAML
143 lines
2.9 KiB
YAML
type: picture-elements
|
|
#background image
|
|
image: /local/bg500x225.png
|
|
elements:
|
|
- type: custom:mushroom-template-card
|
|
primary: '{{states(''input_select.utility_room_mode'')}}'
|
|
entity: input_select.utility_room_mode
|
|
tap_action:
|
|
action: more-info
|
|
style:
|
|
font-style: italic
|
|
left: 25%
|
|
top: 88%
|
|
|
|
- type: state-label
|
|
entity: sensor.utility_room_thermostat_temperature
|
|
style:
|
|
left: 15%
|
|
top: 35%
|
|
font-size: 180%
|
|
- type: state-label
|
|
entity: sensor.utility_room_thermostat_humidity
|
|
style:
|
|
left: 85%
|
|
top: 35%
|
|
font-size: 180%
|
|
text-align: right
|
|
#Card title
|
|
- type: custom:mushroom-title-card
|
|
title: 'Utility Room'
|
|
style:
|
|
font-size: 130%
|
|
left: -2%
|
|
top: -10%
|
|
transform: initial
|
|
#top left icon spot
|
|
- type: state-icon
|
|
entity: binary_sensor.utility_room_occupied
|
|
style:
|
|
left: 68%
|
|
top: 9%
|
|
#top left icon #2 spot
|
|
# - type: state-icon
|
|
# entity: group.utility_room_motion
|
|
# style:
|
|
# left: 68%
|
|
# top: 9%
|
|
# - type: state-icon
|
|
# entity: binary_sensor.utility_room_getting_humid
|
|
# style:
|
|
# left: 76%
|
|
# top: 9%
|
|
- type: state-icon
|
|
entity: binary_sensor.utility_room_hygrostat
|
|
style:
|
|
left: 76%
|
|
top: 9%
|
|
- type: state-icon
|
|
entity: switch.utility_room_vent_switch
|
|
style:
|
|
left: 84%
|
|
top: 9%
|
|
tap_action:
|
|
action: toggle
|
|
hold_action:
|
|
action: more-info
|
|
#top icon spot #3
|
|
- type: state-icon
|
|
entity: input_boolean.utility_room_occupied
|
|
style:
|
|
left: 92%
|
|
top: 9%
|
|
tap_action:
|
|
action: toggle
|
|
hold_action:
|
|
action: more-info
|
|
|
|
#button #1
|
|
- type: 'custom:button-card'
|
|
color: auto
|
|
entity: light.utility_room_vanity
|
|
show_name: false
|
|
show_entity_picture: true
|
|
style:
|
|
left: 25%
|
|
top: 65%
|
|
styles:
|
|
card:
|
|
- border-radius: 50px
|
|
- width: 50px
|
|
- height: 50px
|
|
icon:
|
|
- width: 30px
|
|
- height: 30px
|
|
tap_action:
|
|
action: toggle
|
|
hold_action:
|
|
action: more-info
|
|
#button #2
|
|
- type: 'custom:button-card'
|
|
color: auto
|
|
entity: binary_sensor.washing_machine
|
|
show_name: false
|
|
show_entity_picture: true
|
|
style:
|
|
left: 50%
|
|
top: 65%
|
|
styles:
|
|
card:
|
|
- border-radius: 50px
|
|
- width: 50px
|
|
- height: 50px
|
|
icon:
|
|
- width: 30px
|
|
- height: 30px
|
|
tap_action:
|
|
action: more-info
|
|
#button #3
|
|
- type: 'custom:button-card'
|
|
color: auto
|
|
entity: binary_sensor.tumble_dryer
|
|
show_name: false
|
|
show_entity_picture: true
|
|
style:
|
|
left: 75%
|
|
top: 65%
|
|
styles:
|
|
card:
|
|
- border-radius: 50px
|
|
- width: 50px
|
|
- height: 50px
|
|
icon:
|
|
- width: 30px
|
|
- height: 30px
|
|
tap_action:
|
|
action: more-info
|
|
|
|
|
|
# 12,31,50,69,88
|
|
# 14,38,62,86
|
|
# 25,50,75
|
|
# 33,66
|
|
# 50 |