initial commit
This commit is contained in:
320
configuration/ui-lovelace/060-bedroom-max.yaml
Normal file
320
configuration/ui-lovelace/060-bedroom-max.yaml
Normal file
@ -0,0 +1,320 @@
|
||||
---
|
||||
title: "Maxim's Bedroom"
|
||||
icon: mdi:bed
|
||||
panel: true
|
||||
visible:
|
||||
- user: 1614b22cbef54f979741cf8a6b3413ec # Alex
|
||||
- user: 76e8af2547254ef0ab523ae1ad0bf81a # Tanya
|
||||
cards:
|
||||
- type: custom:layout-card
|
||||
layout: vertical
|
||||
cards:
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:mushroom-chips-card
|
||||
chips:
|
||||
- type: template
|
||||
icon: "{% if is_state('binary_sensor.presence_bedroom_maxim_sensor_1', 'on') -%}mdi:account-multiple{%- else -%}mdi:account-off-outline{%- endif %}"
|
||||
icon_color: "{% if is_state('binary_sensor.presence_bedroom_maxim_sensor_1', 'on') -%} #FFC107 {%- else -%} #44739E {%- endif %}"
|
||||
badge_icon: mdi:numeric-1-circle
|
||||
badge_color: green
|
||||
entity: binary_sensor.presence_bedroom_maxim_sensor_1
|
||||
tap_action:
|
||||
action: more-info
|
||||
- type: template
|
||||
icon: "{% if is_state('binary_sensor.window_bedroom_max_01_contact', 'on') -%}mdi:window-open{%- else -%}mdi:window-closed{%- endif %}"
|
||||
icon_color: "{% if is_state('binary_sensor.window_bedroom_max_01_contact', 'on') -%}#FFC107{%- else -%}#44739E{%- endif %}"
|
||||
entity: binary_sensor.window_bedroom_max_01_contact
|
||||
tap_action:
|
||||
action: more-info
|
||||
- type: template
|
||||
icon: "{% if is_state('binary_sensor.door_bedroom_max_01_contact', 'on') -%}mdi:door-open{%- else -%}mdi:door-closed{%- endif %}"
|
||||
icon_color: "{% if is_state('binary_sensor.door_bedroom_max_01_contact', 'on') -%}#FFC107{%- else -%}#44739E{%- endif %}"
|
||||
entity: binary_sensor.door_bedroom_max_01_contact
|
||||
tap_action:
|
||||
action: more-info
|
||||
- type: template
|
||||
icon: "{% if is_state('binary_sensor.smoke_bedroom_maxim_01_smoke', 'on') -%}mdi:smoke-detector-variant-alert{%- else -%}mdi:smoke-detector-variant{%- endif %}"
|
||||
icon_color: "{% if is_state('binary_sensor.smoke_bedroom_maxim_01_smoke', 'on') -%}#D40909{%- else -%}#44739E{%- endif %}"
|
||||
entity: binary_sensor.smoke_bedroom_maxim_01_smoke
|
||||
tap_action:
|
||||
action: more-info
|
||||
- type: custom:mushroom-chips-card
|
||||
alignment: end
|
||||
chips:
|
||||
- type: template
|
||||
entity: light.bedroom_guest_ceiling_01
|
||||
icon: mdi:ceiling-light
|
||||
tap_action:
|
||||
action: toggle
|
||||
icon_color: "{% if is_state('light.bedroom_max_ceiling_01', 'on') -%}#FFC107{%- else -%}#44739E{%- endif %}"
|
||||
- type: template
|
||||
entity: fan.bedroom_max
|
||||
icon: mdi:fan
|
||||
icon_color: "{% if is_state('fan.bedroom_max', 'on') -%}#FFC107{%- else -%}#44739E{%- endif %}"
|
||||
tap_action:
|
||||
action: toggle
|
||||
- type: custom:stack-in-card
|
||||
cards:
|
||||
- type: grid
|
||||
columns: 2
|
||||
square: false
|
||||
cards:
|
||||
- type: custom:mushroom-entity-card
|
||||
entity: input_boolean.bedroom_max_light_state
|
||||
name: Max Bedroom
|
||||
icon: mdi:lightbulb-group
|
||||
tap_action:
|
||||
action: toggle
|
||||
card_mod:
|
||||
style: "ha-card { border: none; }"
|
||||
- type: custom:paper-buttons-row
|
||||
preset: mushroom
|
||||
styles:
|
||||
justify-content: flex-end
|
||||
base_config:
|
||||
styles:
|
||||
button:
|
||||
margin-top: 12px
|
||||
margin-right: 12px
|
||||
buttons:
|
||||
- layout: icon
|
||||
icon: mdi:lightbulb-group
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: input_select.select_option
|
||||
service_data:
|
||||
entity_id: input_select.bedroom_max_scenes
|
||||
option: "All"
|
||||
styles:
|
||||
button:
|
||||
color: "{% if is_state('input_boolean.bedroom_max_light_state', 'on') and is_state('input_select.bedroom_max_scenes', 'All') %}#FFC107{% else %}#44739E{% endif %}"
|
||||
background-color: "{% if is_state('input_boolean.bedroom_max_light_state', 'on') and is_state('input_select.bedroom_max_scenes', 'All') %}#FFF3D7{% else %}#F4F4F4{% endif %}"
|
||||
- layout: icon
|
||||
icon: mdi:ceiling-light-multiple
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: input_select.select_option
|
||||
service_data:
|
||||
entity_id: input_select.bedroom_max_scenes
|
||||
option: "Ceiling Only"
|
||||
styles:
|
||||
button:
|
||||
color: "{% if is_state('input_boolean.bedroom_max_light_state', 'on') and is_state('input_select.bedroom_max_scenes', 'Ceiling Only') %}#FFC107{% else %}#44739E{% endif %}"
|
||||
background-color: "{% if is_state('input_boolean.bedroom_max_light_state', 'on') and is_state('input_select.bedroom_max_scenes', 'Ceiling Only') %}#FFF3D7{% else %}#F4F4F4{% endif %}"
|
||||
- layout: icon
|
||||
icon: mdi:floor-lamp-torchiere
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: input_select.select_option
|
||||
service_data:
|
||||
entity_id: input_select.bedroom_max_scenes
|
||||
option: "Table Only"
|
||||
styles:
|
||||
button:
|
||||
color: "{% if is_state('input_boolean.bedroom_max_light_state', 'on') and is_state('input_select.bedroom_max_scenes', 'Table Only') %}#FFC107{% else %}#44739E{% endif %}"
|
||||
background-color: "{% if is_state('input_boolean.bedroom_max_light_state', 'on') and is_state('input_select.bedroom_max_scenes', 'Table Only') %}#FFF3D7{% else %}#F4F4F4{% endif %}"
|
||||
- layout: icon
|
||||
icon: mdi:bed-queen-outline
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: light.toggle
|
||||
service_data:
|
||||
entity_id: light.bedroom_maxim_bed_01
|
||||
styles:
|
||||
button:
|
||||
color: "{% if is_state('light.bedroom_maxim_bed_01', 'on') %}#FFC107{% else %}#44739E{% endif %}"
|
||||
background-color: "{% if is_state('light.bedroom_maxim_bed_01', 'on') %}#FFF3D7{% else %}#F4F4F4{% endif %}"
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:mini-graph-card
|
||||
# name: Temperature
|
||||
line_color: orange
|
||||
font_size: 75
|
||||
font_size_header: 12
|
||||
entities:
|
||||
- entity: sensor.climate_bedroom_max_01_temperature
|
||||
# name: Temperature
|
||||
hours_to_show: 24
|
||||
points_per_hour: 4
|
||||
align_icon: state
|
||||
align_state: left
|
||||
show:
|
||||
name: false
|
||||
- type: custom:mini-graph-card
|
||||
# name: Humidity
|
||||
line_color: blue
|
||||
font_size: 75
|
||||
font_size_header: 12
|
||||
entities:
|
||||
- entity: sensor.climate_bedroom_max_01_humidity
|
||||
# name: Humidity
|
||||
hours_to_show: 24
|
||||
points_per_hour: 4
|
||||
align_icon: state
|
||||
align_state: left
|
||||
show:
|
||||
name: false
|
||||
- type: custom:mini-graph-card
|
||||
# name: Illuminance
|
||||
line_color: red
|
||||
font_size: 75
|
||||
font_size_header: 12
|
||||
entities:
|
||||
- entity: sensor.presence_bedroom_maxim_light_level
|
||||
# name: Illuminance
|
||||
hours_to_show: 24
|
||||
points_per_hour: 4
|
||||
align_icon: state
|
||||
align_state: left
|
||||
show:
|
||||
name: false
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:mushroom-light-card
|
||||
entity: light.bedroom_max_ceiling_01
|
||||
name: Ceiling Light
|
||||
icon: mdi:ceiling-fan-light
|
||||
show_brightness_control: true
|
||||
collapsible_controls: true
|
||||
use_light_color: true
|
||||
- type: custom:mushroom-light-card
|
||||
entity: light.bedroom_max_table_01
|
||||
name: Table Light
|
||||
icon: mdi:floor-lamp
|
||||
show_brightness_control: true
|
||||
collapsible_controls: true
|
||||
use_light_color: true
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:mushroom-light-card
|
||||
entity: light.bedroom_maxim_bed_01
|
||||
name: 'Bed Light'
|
||||
icon: mdi:led-strip-variant
|
||||
show_brightness_control: true
|
||||
collapsible_controls: true
|
||||
use_light_color: true
|
||||
- type: custom:mushroom-fan-card
|
||||
entity: fan.bedroom_maxim
|
||||
name: 'Ceiling Fan'
|
||||
icon_animation: on
|
||||
show_percentage_control: true
|
||||
collapsible_controls: true
|
||||
# - type: custom:stack-in-card
|
||||
# cards:
|
||||
# - type: grid
|
||||
# columns: 2
|
||||
# square: false
|
||||
# cards:
|
||||
# - type: custom:mushroom-entity-card
|
||||
# entity: fan.bedroom_max
|
||||
# name: Fan
|
||||
# icon: mdi:ceiling-fan-light
|
||||
# use_light_color: false
|
||||
# tap_action:
|
||||
# action: toggle
|
||||
# card_mod:
|
||||
# style: "ha-card { border: none }"
|
||||
# - type: custom:paper-buttons-row
|
||||
# preset: mushroom
|
||||
# styles:
|
||||
# justify-content: flex-end
|
||||
# base_config:
|
||||
# styles:
|
||||
# button:
|
||||
# margin-top: 12px
|
||||
# margin-right: 12px
|
||||
# buttons:
|
||||
# - layout: icon
|
||||
# icon: mdi:fan-speed-1
|
||||
# tap_action:
|
||||
# action: call-service
|
||||
# service: fan.set_preset_mode
|
||||
# service_data:
|
||||
# entity_id: fan.bedroom_max
|
||||
# preset_mode: low
|
||||
# styles:
|
||||
# button:
|
||||
# color: "{% if is_state_attr('fan.bedroom_max', 'preset_mode', 'low') %}#FFC107{% else %}#44739E{% endif %}"
|
||||
# - layout: icon
|
||||
# icon: mdi:fan-speed-2
|
||||
# tap_action:
|
||||
# action: call-service
|
||||
# service: fan.set_preset_mode
|
||||
# service_data:
|
||||
# entity_id: fan.bedroom_max
|
||||
# preset_mode: medium
|
||||
# styles:
|
||||
# button:
|
||||
# color: "{% if is_state_attr('fan.bedroom_max', 'preset_mode', 'medium') %}#FFC107{% else %}#44739E{% endif %}"
|
||||
# - layout: icon
|
||||
# icon: mdi:fan-speed-3
|
||||
# tap_action:
|
||||
# action: call-service
|
||||
# service: fan.set_preset_mode
|
||||
# service_data:
|
||||
# entity_id: fan.bedroom_max
|
||||
# preset_mode: high
|
||||
# styles:
|
||||
# button:
|
||||
# color: "{% if is_state_attr('fan.bedroom_max', 'preset_mode', 'high') %}#FFC107{% else %}#44739E{% endif %}"
|
||||
# - type: horizontal-stack
|
||||
# cards:
|
||||
# - type: entities
|
||||
# show_header_toggle: false
|
||||
# entities:
|
||||
# - type: custom:mushroom-fan-card
|
||||
# name: Fan
|
||||
# entity: fan.bedroom_max
|
||||
# icon_animation: true
|
||||
# show_percentage_control: false
|
||||
# collapsible_controls: true
|
||||
# - type: custom:fan-mode-button-row
|
||||
# entity: fan.bedroom_max
|
||||
# name: Fan
|
||||
# customTheme: false
|
||||
- type: custom:layout-break
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: custom:webrtc-camera
|
||||
url: "rtsp://10.10.11.110:8554/bedroom-max"
|
||||
title: "Maxim's Bedroom"
|
||||
muted: true
|
||||
mode: webrtc,mse
|
||||
- type: custom:layout-break
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
# - type: entities
|
||||
# title: Lights
|
||||
# show_header_toggle: false
|
||||
# entities:
|
||||
# - entity: timer.app_lighting_bedroom_max
|
||||
# - type: custom:flipdown-timer-card
|
||||
# entity: timer.app_lighting_kitchen
|
||||
# show_hour: false
|
||||
# show_title: false
|
||||
# show_header: false
|
||||
# duration: "00:01:00"
|
||||
# styles:
|
||||
# rotor:
|
||||
# width: 60px
|
||||
# height: 80px
|
||||
# button:
|
||||
# width: 60px
|
||||
# location: bottom
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: button
|
||||
name: Occupancy
|
||||
entity: input_boolean.occupancy_bedroom_max
|
||||
- type: button
|
||||
name: Operating Mode
|
||||
entity: input_boolean.manually_operated_light_bedroom_max
|
||||
- type: button
|
||||
name: Occupants
|
||||
entity: input_number.occupants_bedroom_max
|
||||
- type: custom:mini-media-player
|
||||
entity: media_player.max_s_bedroom_display
|
||||
artwork: cover
|
Reference in New Issue
Block a user