--- 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