235 lines
10 KiB
YAML
235 lines
10 KiB
YAML
---
|
|
title: Porch/Backyard
|
|
icon: mdi:home-circle-outline
|
|
panel: true
|
|
visible:
|
|
- user: 1614b22cbef54f979741cf8a6b3413ec # Alex
|
|
- user: 76e8af2547254ef0ab523ae1ad0bf81a # Tanya
|
|
cards:
|
|
- type: custom:layout-card
|
|
layout_type: custom:vertical-layout
|
|
layout:
|
|
max_cols: 3
|
|
cards:
|
|
- type: vertical-stack
|
|
cards:
|
|
- type: custom:stack-in-card
|
|
cards:
|
|
- type: grid
|
|
columns: 2
|
|
square: false
|
|
cards:
|
|
- type: custom:mushroom-entity-card
|
|
entity: input_boolean.porch_light_state
|
|
name: Porch
|
|
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.porch_scenes
|
|
option: "All"
|
|
styles:
|
|
button:
|
|
color: "{% if is_state('input_boolean.porch_light_state', 'on') and is_state('input_select.porch_scenes', 'All') %}#FFC107{% else %}#44739E{% endif %}"
|
|
background-color: "{% if is_state('input_boolean.porch_light_state', 'on') and is_state('input_select.porch_scenes', 'All') %}#FFF3D7{% else %}#F4F4F4{% endif %}"
|
|
- layout: icon
|
|
icon: mdi:outdoor-lamp
|
|
tap_action:
|
|
action: call-service
|
|
service: input_select.select_option
|
|
service_data:
|
|
entity_id: input_select.porch_scenes
|
|
option: "Porch Only"
|
|
styles:
|
|
button:
|
|
color: "{% if is_state('input_boolean.porch_light_state', 'on') and is_state('input_select.porch_scenes', 'Porch Only') %}#FFC107{% else %}#44739E{% endif %}"
|
|
background-color: "{% if is_state('input_boolean.porch_light_state', 'on') and is_state('input_select.porch_scenes', 'Porch Only') %}#FFF3D7{% else %}#F4F4F4{% endif %}"
|
|
- layout: icon
|
|
icon: mdi:outdoor-lamp
|
|
tap_action:
|
|
action: call-service
|
|
service: input_select.select_option
|
|
service_data:
|
|
entity_id: input_select.porch_scenes
|
|
option: "Garage Only"
|
|
styles:
|
|
button:
|
|
color: "{% if is_state('input_boolean.porch_light_state', 'on') and is_state('input_select.porch_scenes', 'Garage Only') %}#FFC107{% else %}#44739E{% endif %}"
|
|
background-color: "{% if is_state('input_boolean.porch_light_state', 'on') and is_state('input_select.porch_scenes', 'Garage Only') %}#FFF3D7{% else %}#F4F4F4{% endif %}"
|
|
- type: horizontal-stack
|
|
cards:
|
|
- type: tile
|
|
entity: light.porch_01
|
|
icon: mdi:outdoor-lamp
|
|
color: orange
|
|
features:
|
|
- type: "light-brightness"
|
|
tap_action:
|
|
action: toggle
|
|
hold_action:
|
|
action: more-info
|
|
- type: tile
|
|
entity: light.garage_gate_01
|
|
icon: mdi:outdoor-lamp
|
|
color: orange
|
|
features:
|
|
- type: "light-brightness"
|
|
tap_action:
|
|
action: toggle
|
|
hold_action:
|
|
action: more-info
|
|
- type: horizontal-stack
|
|
cards:
|
|
- type: tile
|
|
entity: light.frontyard_decoration_01
|
|
name: Frontyard Decoration
|
|
icon: mdi:string-lights
|
|
color: orange
|
|
tap_action:
|
|
action: toggle
|
|
hold_action:
|
|
action: more-info
|
|
- type: custom:stack-in-card
|
|
cards:
|
|
- type: grid
|
|
columns: 2
|
|
square: false
|
|
cards:
|
|
- type: custom:mushroom-entity-card
|
|
entity: input_boolean.backyard_light_state
|
|
name: Backyard
|
|
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.backyard_scenes
|
|
option: "All"
|
|
styles:
|
|
button:
|
|
color: "{% if is_state('input_boolean.backyard_light_state', 'on') and is_state('input_select.backyard_scenes', 'All') %}#FFC107{% else %}#44739E{% endif %}"
|
|
background-color: "{% if is_state('input_boolean.backyard_light_state', 'on') and is_state('input_select.backyard_scenes', 'All') %}#FFF3D7{% else %}#F4F4F4{% endif %}"
|
|
- layout: icon
|
|
icon: mdi:outdoor-lamp
|
|
tap_action:
|
|
action: call-service
|
|
service: input_select.select_option
|
|
service_data:
|
|
entity_id: input_select.backyard_scenes
|
|
option: "Wall Only"
|
|
styles:
|
|
button:
|
|
color: "{% if is_state('input_boolean.backyard_light_state', 'on') and is_state('input_select.backyard_scenes', 'Wall Only') %}#FFC107{% else %}#44739E{% endif %}"
|
|
background-color: "{% if is_state('input_boolean.backyard_light_state', 'on') and is_state('input_select.backyard_scenes', 'Wall Only') %}#FFF3D7{% else %}#F4F4F4{% endif %}"
|
|
- layout: icon
|
|
icon: mdi:led-strip-variant
|
|
tap_action:
|
|
action: call-service
|
|
service: input_select.select_option
|
|
service_data:
|
|
entity_id: input_select.backyard_scenes
|
|
option: "Pergola Only"
|
|
styles:
|
|
button:
|
|
color: "{% if is_state('input_boolean.backyard_light_state', 'on') and is_state('input_select.backyard_scenes', 'Pergola Only') %}#FFC107{% else %}#44739E{% endif %}"
|
|
background-color: "{% if is_state('input_boolean.backyard_light_state', 'on') and is_state('input_select.backyard_scenes', 'Pergola Only') %}#FFF3D7{% else %}#F4F4F4{% endif %}"
|
|
- type: horizontal-stack
|
|
cards:
|
|
- type: tile
|
|
entity: light.backyard_01
|
|
icon: mdi:outdoor-lamp
|
|
color: orange
|
|
features:
|
|
- type: "light-brightness"
|
|
tap_action:
|
|
action: toggle
|
|
hold_action:
|
|
action: more-info
|
|
- type: tile
|
|
entity: light.backyard_pergola_01
|
|
icon: mdi:led-strip-variant
|
|
color: orange
|
|
features:
|
|
- type: "light-brightness"
|
|
tap_action:
|
|
action: toggle
|
|
hold_action:
|
|
action: more-info
|
|
- type: custom:layout-break
|
|
- type: vertical-stack
|
|
cards:
|
|
- type: 'custom:webrtc-camera'
|
|
url: 'rtsp://10.10.10.1:7447/uLwsAUCTOoL2XBJs'
|
|
title: 'Doorbell'
|
|
muted: true
|
|
mode: webrtc,mse
|
|
- type: 'custom:webrtc-camera'
|
|
url: 'rtsp://10.10.10.1:7447/9fJVNqwlimxGsti4'
|
|
title: 'Backyard'
|
|
muted: true
|
|
mode: webrtc,mse
|
|
- type: 'custom:webrtc-camera'
|
|
url: 'rtsp://10.10.10.1:7447/hwDkiwOwIpvfjYfs'
|
|
title: 'Side 1'
|
|
muted: true
|
|
mode: webrtc,mse
|
|
- type: 'custom:webrtc-camera'
|
|
url: 'rtsp://10.10.10.1:7447/GN0drubWN55tCDqr'
|
|
title: 'Side 2'
|
|
muted: true
|
|
mode: webrtc,mse
|
|
- type: 'custom:webrtc-camera'
|
|
url: 'rtsp://10.10.10.1:7447/QmCaW7biBuX81RVu'
|
|
title: 'Entrance'
|
|
muted: true
|
|
mode: webrtc,mse
|
|
- type: 'custom:webrtc-camera'
|
|
url: 'rtsp://10.10.10.1:7447/5jzOyi0guCMhbGq8'
|
|
title: 'Frontyard'
|
|
muted: true
|
|
mode: webrtc,mse
|
|
- type: 'custom:webrtc-camera'
|
|
url: 'rtsp://10.10.10.1:7447/RqYpjyveu7AF3v6f'
|
|
title: 'Driveway'
|
|
muted: true
|
|
mode: webrtc,mse
|
|
- type: custom:layout-break
|
|
- type: vertical-stack
|
|
cards:
|
|
- type: custom:mini-media-player
|
|
entity: media_player.backyard
|
|
artwork: cover
|