mirror of
https://github.com/CeeWeasel/fresh-home.git
synced 2026-08-09 18:40:14 -04:00
CeeWeasel
151 lines
3.0 KiB
YAML
151 lines
3.0 KiB
YAML
type: picture-elements
|
|
#background image
|
|
image: /local/bg500x225.png
|
|
elements:
|
|
- type: custom:mushroom-template-card
|
|
primary: "{{states('input_select.blue_room_mode')}}"
|
|
entity: input_select.blue_room_mode
|
|
tap_action:
|
|
action: more-info
|
|
style:
|
|
font-style: italic
|
|
left: 25%
|
|
top: 88%
|
|
- type: custom:mushroom-template-card
|
|
primary: Closet
|
|
entity: light.blue_room_closet
|
|
tap_action:
|
|
action: toggle
|
|
style:
|
|
left: 75%
|
|
top: 88%
|
|
|
|
- type: state-label
|
|
entity: sensor.blue_room_multisensor_air_temperature
|
|
style:
|
|
left: 15%
|
|
top: 35%
|
|
font-size: 180%
|
|
- type: state-label
|
|
entity: sensor.blue_room_multisensor_humidity
|
|
style:
|
|
left: 85%
|
|
top: 35%
|
|
font-size: 180%
|
|
text-align: right
|
|
#Card title
|
|
- type: custom:mushroom-title-card
|
|
title: "Blue Room"
|
|
style:
|
|
font-size: 130%
|
|
left: -2%
|
|
top: -10%
|
|
transform: initial
|
|
#top left icon spot
|
|
- type: state-icon
|
|
entity: binary_sensor.blue_room_occupied
|
|
style:
|
|
left: 60%
|
|
top: 9%
|
|
# - type: state-icon
|
|
# entity: group.blue_room_motion
|
|
# style:
|
|
# left: 60%
|
|
# top: 9%
|
|
- type: state-icon
|
|
entity: binary_sensor.blue_room_window_contact
|
|
style:
|
|
left: 68%
|
|
top: 9%
|
|
#top icon spot #1
|
|
- type: state-icon
|
|
entity: binary_sensor.furnace_room_door_contact
|
|
style:
|
|
left: 76%
|
|
top: 9%
|
|
tap_action:
|
|
action: more-info
|
|
- type: state-icon
|
|
entity: binary_sensor.blue_room_door_contact
|
|
style:
|
|
left: 84%
|
|
top: 9%
|
|
#top icon spot #4
|
|
- type: state-icon
|
|
entity: input_boolean.blue_room_occupied
|
|
style:
|
|
left: 92%
|
|
top: 9%
|
|
tap_action:
|
|
action: toggle
|
|
hold_action:
|
|
action: more-info
|
|
|
|
- type: "custom:button-card"
|
|
color: auto
|
|
entity: light.blue_room_hue
|
|
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 #3
|
|
- type: "custom:button-card"
|
|
color: auto
|
|
entity: camera.frigate_cam01
|
|
show_name: false
|
|
show_entity_picture: true
|
|
style:
|
|
left: 50%
|
|
top: 65%
|
|
styles:
|
|
card:
|
|
#- border-radius: 50px
|
|
- width: 50px
|
|
- height: 50px
|
|
icon:
|
|
- width: 45px
|
|
- height: 45px
|
|
tap_action:
|
|
action: navigate
|
|
navigation_path: /ai-yml/ai-cam01
|
|
|
|
- type: "custom:button-card"
|
|
color: auto
|
|
entity: light.blue_room_closet
|
|
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: toggle
|
|
hold_action:
|
|
action: more-info
|
|
|
|
# 12,31,50,69,88
|
|
# 14,38,62,86
|
|
# 25,50,75
|
|
# 33,66
|
|
# 50 |