initial commit
This commit is contained in:
234
configuration/ui-lovelace/100-outside.yaml
Normal file
234
configuration/ui-lovelace/100-outside.yaml
Normal file
@ -0,0 +1,234 @@
|
||||
---
|
||||
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
|
Reference in New Issue
Block a user