Files
hassio-configuration/configuration/ui-lovelace/050-bedroom-master.yaml
Alexander Savin 26d86dec90
Some checks failed
Savin's Home Assistant / build (push) Failing after 1m45s
Update to the current version
2025-05-11 16:07:21 -04:00

383 lines
15 KiB
YAML

---
title: Master Bedroom
icon: 'mdi:bed-king'
panel: true
visible:
- user: 1614b22cbef54f979741cf8a6b3413ec
- user: 76e8af2547254ef0ab523ae1ad0bf81a
cards:
- type: 'custom:layout-card'
layout_type: 'custom:vertical-layout'
layout:
max_cols: 3
cards:
- type: vertical-stack
cards:
- type: 'custom:mushroom-chips-card'
chips:
- type: template
icon: >-
{% if
is_state('binary_sensor.presence_bedroom_master_sensor_1',
'on') -%}mdi:account-multiple{%- else
-%}mdi:account-off-outline{%- endif %}
icon_color: >-
{% if
is_state('binary_sensor.presence_bedroom_master_sensor_1',
'on') -%} #FFC107 {%- else -%} #44739E {%- endif %}
badge_icon: 'mdi:numeric-1-circle'
badge_color: green
entity: binary_sensor.presence_bedroom_master_sensor_1
tap_action:
action: more-info
- type: template
icon: >-
{% if
is_state('binary_sensor.window_bedroom_master_left_01_contact',
'on') -%}mdi:window-open{%- else -%}mdi:window-closed{%- endif
%}
icon_color: >-
{% if
is_state('binary_sensor.window_bedroom_master_left_01_contact',
'on') -%}#FFC107{%- else -%}#44739E{%- endif %}
entity: binary_sensor.window_bedroom_master_left_01_contact
tap_action:
action: more-info
- type: template
icon: >-
{% if
is_state('binary_sensor.window_bedroom_master_center_01_contact',
'on') -%}mdi:window-open{%- else -%}mdi:window-closed{%- endif
%}
icon_color: >-
{% if
is_state('binary_sensor.window_bedroom_master_center_01_contact',
'on') -%}#FFC107{%- else -%}#44739E{%- endif %}
entity: binary_sensor.window_bedroom_master_center_01_contact
tap_action:
action: more-info
- type: template
icon: >-
{% if
is_state('binary_sensor.window_bedroom_master_right_01_contact',
'on') -%}mdi:window-open{%- else -%}mdi:window-closed{%- endif
%}
icon_color: >-
{% if
is_state('binary_sensor.window_bedroom_master_right_01_contact',
'on') -%}#FFC107{%- else -%}#44739E{%- endif %}
entity: binary_sensor.window_bedroom_master_right_01_contact
tap_action:
action: more-info
- type: template
icon: >-
{% if is_state('binary_sensor.door_bedroom_master_01_contact',
'on') -%}mdi:door-open{%- else -%}mdi:door-closed{%- endif %}
icon_color: >-
{% if is_state('binary_sensor.door_bedroom_master_01_contact',
'on') -%}#FFC107{%- else -%}#44739E{%- endif %}
entity: binary_sensor.door_bedroom_master_01_contact
tap_action:
action: more-info
- type: template
icon: >-
{% if
is_state('binary_sensor.door_bedroom_master_closet_01_contact',
'on') -%}mdi:door-open{%- else -%}mdi:door-closed{%- endif %}
icon_color: >-
{% if
is_state('binary_sensor.door_bedroom_master_closet_01_contact',
'on') -%}#FFC107{%- else -%}#44739E{%- endif %}
entity: binary_sensor.door_bedroom_master_closet_01_contact
tap_action:
action: more-info
- type: template
icon: >-
{% if is_state('binary_sensor.smoke_bedroom_master_01_smoke',
'on') -%}mdi:smoke-detector-variant-alert{%- else
-%}mdi:smoke-detector-variant{%- endif %}
icon_color: >-
{% if is_state('binary_sensor.smoke_bedroom_master_01_smoke',
'on') -%}#D40909{%- else -%}#44739E{%- endif %}
entity: binary_sensor.smoke_bedroom_master_01_smoke
tap_action:
action: more-info
- type: 'custom:bubble-card'
card_type: separator
icon: 'mdi:sofa'
sub_button:
- name: Temp
icon: 'mdi:thermometer-lines'
entity: sensor.climate_bedroom_master_01_temperature
show_name: false
show_icon: true
show_state: true
show_background: false
show_attribute: false
- name: Humidity
icon: 'mdi:water-percent'
entity: sensor.climate_bedroom_master_01_humidity
show_name: false
show_icon: true
show_state: true
show_background: false
show_attribute: false
- name: Light Level
icon: 'mdi:weather-sunny'
entity: sensor.presence_bedroom_master_light_level
show_name: false
show_icon: true
show_state: true
show_background: false
show_attribute: false
- name: PM2.5
icon: 'mdi:blur'
entity: sensor.climate_bedroom_master_02_pm25
show_name: false
show_icon: true
show_state: true
show_background: false
show_attribute: false
styles: |
.bubble-feedback-container {
margin: 0px;
}
- type: vertical-stack
cards:
- type: 'custom:bubble-card'
card_type: button
button_type: switch
name: Occupancy
entity: input_boolean.occupancy_bedroom_master
icon: 'mdi:account-multiple'
show_state: false
show_background: false
tap_action:
action: toggle
button_action:
tap_action:
action: more-info
sub_button:
- entity: sensor.bedroom_master_person_count
icon: 'mdi:account-group'
show_state: false
show_background: true
- entity: sensor.bedroom_master_cat_count
icon: 'mdi:cat'
show_state: false
show_background: true
- icon: 'mdi:brightness-auto'
entity: input_boolean.manually_operated_light_bedroom_master
show_state: false
show_background: true
tap_action:
action: toggle
styles: >
.bubble-button-background {
opacity: 1 !important;
background-color: ${ state === 'on' ? 'var(--light-theme-disabled-color)' : 'var(--light-theme-disabled-color)' } !important;
}
.bubble-sub-button-1 {
background-color: white !important;
}
.bubble-sub-button-1 > ha-icon {
color: ${ hass.states['sensor.bedroom_master_person_count'].state > 0 ? 'rgb(255, 152, 0)' : '' } !important;
}
.bubble-sub-button-2 {
background-color: white !important;
}
.bubble-sub-button-2 > ha-icon {
color: ${ hass.states['sensor.bedroom_master_cat_count'].state > 0 ? 'rgb(255, 152, 0)' : '' } !important;
}
.bubble-sub-button-3 {
background-color: white !important;
} ${subButtonIcon[2].setAttribute("icon", hass.states['input_boolean.manually_operated_light_bedroom_master'].state === 'on' ? 'mdi:hand-front-right' : 'mdi:brightness-auto')}
- type: 'custom:bubble-card'
card_type: button
button_type: switch
name: Light
entity: input_boolean.bedroom_master_light_state
icon: 'mdi:lightbulb-group'
show_state: true
show_background: false
tap_action:
action: toggle
button_action:
tap_action:
action: navigate
navigation_path: '#popup-bedroom-master-light'
sub_button:
- icon: 'mdi:lightbulb-group'
entity: scene.bedroom_master_all
show_state: false
show_background: true
tap_action:
action: call-service
service: input_select.select_option
service_data:
entity_id: input_select.bedroom_master_scenes
option: All
- icon: 'mdi:ceiling-light-multiple'
entity: scene.bedroom_master_ceiling_only
show_state: false
show_background: true
tap_action:
action: call-service
service: input_select.select_option
service_data:
entity_id: input_select.bedroom_master_scenes
option: Ceiling Only
- icon: 'mdi:floor-lamp-torchiere'
entity: scene.bedroom_master_floor_only
show_state: false
show_background: true
tap_action:
action: call-service
service: input_select.select_option
service_data:
entity_id: input_select.bedroom_master_scenes
option: Floor Only
- icon: 'mdi:bed-king-outline'
entity: light.bedroom_master_bed_01
show_state: false
show_background: true
tap_action:
action: call-service
service: light.toggle
service_data:
entity_id: light.bedroom_master_bed_01
styles: |
.bubble-sub-button-1 > ha-icon {
color: ${hass.states['input_select.bedroom_master_scenes'].state === 'All' ? 'rgb(255, 152, 0)' : ''} !important;
}
.bubble-sub-button-2 > ha-icon {
color: ${hass.states['input_select.bedroom_master_scenes'].state === 'Ceiling Only' ? 'rgb(255, 152, 0)' : ''} !important;
}
.bubble-sub-button-3 > ha-icon {
color: ${hass.states['input_select.bedroom_master_scenes'].state === 'Floor Only' ? 'rgb(255, 152, 0)' : ''} !important;
}
.bubble-sub-button-4 > ha-icon {
color: ${hass.states['light.bedroom_master_bed_01'].state === 'on' ? 'rgb(255, 152, 0)' : ''} !important;
}
- type: 'custom:layout-break'
- type: vertical-stack
cards:
- type: 'custom:webrtc-camera'
url: 'rtsp://10.10.11.110:8554/bedroom-master'
title: Master Bedroom
muted: true
mode: 'webrtc,mse'
- type: 'custom:layout-break'
- type: vertical-stack
cards:
- type: 'custom:mini-media-player'
entity: media_player.master_bedroom_display
artwork: cover
- type: 'custom:mini-media-player'
entity: media_player.master_bedroom_pair
artwork: cover
- type: 'custom:bubble-card'
card_type: media-player
entity: media_player.master_bedroom_display
grid_options:
rows: 2
columns: 12
scrolling_effect: false
show_icon: true
show_state: false
show_attribute: false
hide:
play_pause_button: false
power_button: true
next_button: false
previous_button: false
volume_button: false
card_layout: large
cover_background: true
sub_button: []
name: Master Bedroom Nest
force_icon: false
show_name: true
show_last_changed: false
double_tap_action:
action: none
hold_action:
action: none
styles: |
ha-card div.bubble-media-player-container {
height: 119px !important;
}
ha-card div.bubble-cover-background {
filter: blur(3px);
opacity: 0.4;
}
ha-card div.bubble-media-player {
bottom: 30px;
}
ha-card div.bubble-media-info-container {
display: inline;
position: absolute;
top: 95px;
left: 16px
}
ha-card div.bubble-name-container {
display: inline !important;
}
ha-icon.bubble-play-pause-button {
position: absolute;
bottom: -22px;
right: 8px;
}
- type: vertical-stack
cards:
- type: 'custom:bubble-card'
card_type: pop-up
hash: '#popup-bedroom-master-light'
name: Master Bedroom
icon: 'mdi:bed-king'
- type: 'custom:bubble-card'
card_type: button
button_type: slider
name: 'Ceiling #1'
entity: light.bedroom_master_ceiling_01
show_state: true
tap_action:
action: toggle
button_action:
tap_action:
action: toggle
- type: 'custom:bubble-card'
card_type: button
button_type: slider
name: 'Ceiling #2'
entity: light.bedroom_master_ceiling_01
show_state: true
tap_action:
action: toggle
button_action:
tap_action:
action: toggle
- type: 'custom:bubble-card'
card_type: button
button_type: slider
name: 'Floor #1'
entity: light.bedroom_master_floor_lamp_01
show_state: true
tap_action:
action: toggle
button_action:
tap_action:
action: toggle
- type: 'custom:bubble-card'
card_type: button
button_type: slider
name: 'Floor #2'
entity: light.bedroom_master_floor_lamp_02
show_state: true
tap_action:
action: toggle
button_action:
tap_action:
action: toggle