mirror of
https://github.com/GeorgeSG/sarah.git
synced 2026-09-07 10:18:44 +00:00
UI v3
This commit is contained in:
@@ -37,6 +37,7 @@ cards:
|
||||
- automation.slack_meeting_starts
|
||||
- automation.slack_meeting_ends
|
||||
- automation.hallway_tablet_set_to_home_after_10_minutes
|
||||
- automation.hallway_tablet_leaving_goodbye_after_door_opened
|
||||
|
||||
- type: entities
|
||||
title: Presence
|
||||
|
||||
-1
@@ -1,5 +1,4 @@
|
||||
cover:
|
||||
template: default
|
||||
icon: >
|
||||
[[[
|
||||
return entity.state === "open" ? "mdi:window-shutter-open" : "mdi:window-shutter";
|
||||
@@ -0,0 +1,22 @@
|
||||
v3_badge:
|
||||
variables:
|
||||
state_size: 15px
|
||||
show_name: false
|
||||
show_icon: false
|
||||
show_state: true
|
||||
hold_action:
|
||||
action: more-info
|
||||
styles:
|
||||
card:
|
||||
- width: 60px
|
||||
- height: 60px
|
||||
- font-size: 15px
|
||||
- border-radius: 60px
|
||||
- box-shadow: none
|
||||
- --ha-card-background: transparent
|
||||
- border: 2px solid rgba(255, 255, 255, 0.5)
|
||||
state:
|
||||
- text-overflow: initial
|
||||
- width: 80%
|
||||
- font-weight: bold
|
||||
- font-size: "[[[ return variables.state_size ]]]"
|
||||
@@ -0,0 +1,17 @@
|
||||
v3_badge_icon:
|
||||
template: v3_badge
|
||||
show_state: false
|
||||
show_icon: true
|
||||
styles:
|
||||
icon:
|
||||
- transform: translateX(-4px) translateY(11px)
|
||||
- --mdc-icon-size: 30px
|
||||
- color: white
|
||||
state:
|
||||
- value: 'on'
|
||||
styles:
|
||||
card:
|
||||
- background-color: white
|
||||
- color: black
|
||||
icon:
|
||||
- color: var(--primary-color)
|
||||
@@ -0,0 +1,64 @@
|
||||
v3_button:
|
||||
variables:
|
||||
value_has_error: false
|
||||
background_color: 'var(--v3-background)'
|
||||
|
||||
show_state: true
|
||||
show_icon: true
|
||||
show_name: true
|
||||
size: 120px
|
||||
card_size: 2
|
||||
hold_action:
|
||||
action: more-info
|
||||
styles:
|
||||
card:
|
||||
- width: 120px
|
||||
- height: 120px
|
||||
- box-shadow: none
|
||||
- --ha-card-background: "[[[ return variables.background_color ]]]"
|
||||
icon:
|
||||
- position: absolute
|
||||
- top: 8px
|
||||
- left: 16px
|
||||
- width: 30px
|
||||
- height: 30px
|
||||
- --mdc-icon-size: 30px
|
||||
- color: white
|
||||
state:
|
||||
- position: absolute
|
||||
- bottom: 10px
|
||||
- left: 16px
|
||||
- font-weight: bold
|
||||
- font-size: 13px
|
||||
- color: "[[[ return variables.value_has_error ? 'red' : 'white' ]]]"
|
||||
name:
|
||||
- position: absolute
|
||||
- left: 16px
|
||||
- bottom: 28px
|
||||
- white-space: normal
|
||||
- word-wrap: break-word
|
||||
- word-break: break-word
|
||||
- width: 90px
|
||||
- text-align: left
|
||||
- font-weight: bold
|
||||
- font-size: 15px
|
||||
state:
|
||||
- value: 'on'
|
||||
styles: &on_styles
|
||||
card:
|
||||
- background-color: white
|
||||
- color: black
|
||||
icon:
|
||||
- color: var(--primary-color)
|
||||
state:
|
||||
- color: "[[[ return variables.value_has_error ? 'red' : 'black' ]]]"
|
||||
- value: 'home'
|
||||
styles: *on_styles
|
||||
- value: 'recording'
|
||||
styles: *on_styles
|
||||
- value: 'open'
|
||||
styles: *on_styles
|
||||
- value: 'playing'
|
||||
styles: *on_styles
|
||||
- value: 'heat'
|
||||
styles: *on_styles
|
||||
@@ -0,0 +1,29 @@
|
||||
v3_pill:
|
||||
show_name: true
|
||||
show_icon: true
|
||||
show_state: false
|
||||
card_size: 5
|
||||
hold_action:
|
||||
action: more-info
|
||||
styles:
|
||||
card:
|
||||
- width: 380px
|
||||
- margin-left: 16px
|
||||
- height: 60px
|
||||
- font-size: 15px
|
||||
- border-radius: 8px
|
||||
- background-color: 'rgba(70, 70, 70, 1)'
|
||||
icon:
|
||||
- position: absolute
|
||||
- left: 16px
|
||||
- width: 30px
|
||||
- --mdc-icon-size: 30px
|
||||
- display: flex
|
||||
- align-items: center
|
||||
name:
|
||||
- position: absolute
|
||||
- top: 22px
|
||||
- left: 60px
|
||||
- width: 180px
|
||||
- font-weight: bold
|
||||
- text-align: left
|
||||
@@ -0,0 +1,48 @@
|
||||
v3_scene:
|
||||
variables:
|
||||
scene_color_1: rgb(255, 255, 255)
|
||||
scene_color_2: rgb(255, 255, 255)
|
||||
degrees: 315
|
||||
show_name: true
|
||||
show_icon: true
|
||||
show_state: false
|
||||
card_size: 5
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: scene.turn_on
|
||||
service_data:
|
||||
entity_id: "[[[ return entity.entity_id ]]]"
|
||||
hold_action:
|
||||
action: more-info
|
||||
styles:
|
||||
card:
|
||||
- width: 250px
|
||||
- height: 60px
|
||||
- font-size: 15px
|
||||
- box-shadow: none
|
||||
- background: >
|
||||
[[[
|
||||
const color_1 = variables.scene_color_1;
|
||||
const color_2 = variables.scene_color_2 || variables.scene_color_1;
|
||||
const degrees = variables.degrees;
|
||||
|
||||
return "linear-gradient("
|
||||
+ degrees + "deg, "
|
||||
+ color_1 + " 14%, "
|
||||
+ color_2 + " 14%, "
|
||||
+ color_2 + " 24%, var(--v3-background) 24%)"
|
||||
]]]
|
||||
icon:
|
||||
- position: absolute
|
||||
- left: 16px
|
||||
- width: 30px
|
||||
- --mdc-icon-size: 30px
|
||||
- display: flex
|
||||
- align-items: center
|
||||
name:
|
||||
- position: absolute
|
||||
- top: 22px
|
||||
- left: 60px
|
||||
- width: 180px
|
||||
- font-weight: bold
|
||||
- text-align: left
|
||||
@@ -0,0 +1,21 @@
|
||||
v3_tablet_button:
|
||||
template: v3_button
|
||||
styles:
|
||||
card:
|
||||
- width: 100px
|
||||
- height: 100px
|
||||
- border-radius: 16px
|
||||
icon:
|
||||
- top: 4px
|
||||
- left: 12px
|
||||
- width: 20px
|
||||
- height: 20px
|
||||
- --mdc-icon-size: 20px
|
||||
state:
|
||||
- bottom: 4px
|
||||
- left: 12px
|
||||
name:
|
||||
- left: 12px
|
||||
- bottom: 22px
|
||||
- width: 60px
|
||||
- font-size: 13px
|
||||
@@ -0,0 +1,22 @@
|
||||
v3_xs_button:
|
||||
template: v3_button
|
||||
show_state: false
|
||||
styles:
|
||||
card:
|
||||
- width: 75px
|
||||
- height: 75px
|
||||
- border-radius: 12px
|
||||
icon:
|
||||
- top: 4px
|
||||
- left: 12px
|
||||
- width: 20px
|
||||
- height: 20px
|
||||
- --mdc-icon-size: 20px
|
||||
name:
|
||||
- left: 12px
|
||||
- bottom: 8px
|
||||
- white-space: normal
|
||||
- word-wrap: break-word
|
||||
- word-break: break-word
|
||||
- width: 60px
|
||||
- font-size: 13px
|
||||
@@ -0,0 +1,3 @@
|
||||
v3_badge_humidity:
|
||||
template: v3_badge
|
||||
state_display: "[[[ return Number.parseFloat(entity.state.split(' ')[0]).toFixed(1) + '%' ]]]"
|
||||
@@ -0,0 +1,3 @@
|
||||
v3_badge_temp:
|
||||
template: v3_badge
|
||||
state_display: "[[[ return Number.parseFloat(entity.state.split(' ')[0]).toFixed(1) + '°' ]]]"
|
||||
@@ -0,0 +1,27 @@
|
||||
v3_button_ac:
|
||||
template: v3_button
|
||||
icon: mdi:air-conditioner
|
||||
state_display: |
|
||||
[[[
|
||||
if (!entity) {
|
||||
return "Unavailable";
|
||||
}
|
||||
|
||||
if (entity.state === "off") {
|
||||
return "Off";
|
||||
}
|
||||
return entity.attributes.hvac_action.charAt(0).toUpperCase() +
|
||||
entity.attributes.hvac_action.slice(1) + ' to ' +
|
||||
entity.attributes.temperature + '°';
|
||||
]]]
|
||||
state:
|
||||
- value: 'off'
|
||||
operator: '!='
|
||||
styles:
|
||||
card:
|
||||
- background-color: white
|
||||
- color: black
|
||||
icon:
|
||||
- color: var(--primary-color)
|
||||
state:
|
||||
- color: black
|
||||
@@ -0,0 +1,58 @@
|
||||
v3_button_brita_water:
|
||||
template: v3_button
|
||||
name: Brita water
|
||||
entity: script.brita_pour_water
|
||||
variables:
|
||||
long_state: true
|
||||
value_has_error: |
|
||||
[[[
|
||||
return states['binary_sensor.brita_should_change_filter'].state === 'on';
|
||||
]]]
|
||||
state_display: |
|
||||
[[[
|
||||
return Math.round(states['input_number.brita_remaining_liters'].state) +
|
||||
(variables.long_state ? 'L Remaining' : 'L')
|
||||
]]]
|
||||
tap_action:
|
||||
action: toggle
|
||||
styles:
|
||||
card:
|
||||
- background: >
|
||||
[[[
|
||||
const remaining = states['input_number.brita_remaining_liters'].state;
|
||||
const percent = 100 - remaining;
|
||||
|
||||
const gradient = [
|
||||
'180deg',
|
||||
'var(--v3-background) 0%',
|
||||
`var(--v3-background) ${percent}%`,
|
||||
`white ${percent}%`
|
||||
]
|
||||
|
||||
return `linear-gradient(${gradient.join(',')})`;
|
||||
]]]
|
||||
name:
|
||||
- color: |
|
||||
[[[
|
||||
const remaining = states['input_number.brita_remaining_liters'].state;
|
||||
return remaining > 25 ? 'black' : 'white';
|
||||
]]]
|
||||
- background-color: |
|
||||
[[[
|
||||
const remaining = states['input_number.brita_remaining_liters'].state;
|
||||
return remaining > 25 ? 'white' : 'transparent';
|
||||
]]]
|
||||
- border-radius: 4px
|
||||
|
||||
icon:
|
||||
- color: |
|
||||
[[[
|
||||
const remaining = states['input_number.brita_remaining_liters'].state;
|
||||
return remaining > 65 ? 'black' : 'white';
|
||||
]]]
|
||||
- background-color: |
|
||||
[[[
|
||||
const remaining = states['input_number.brita_remaining_liters'].state;
|
||||
return remaining > 65 ? 'white' : 'transparent';
|
||||
]]]
|
||||
- border-radius: 4px
|
||||
@@ -0,0 +1,7 @@
|
||||
v3_button_cover:
|
||||
template: [v3_button, cover]
|
||||
state_display: |
|
||||
[[[
|
||||
if (entity.state === 'closed') { return 'Closed' }
|
||||
return entity.attributes.current_position + '% Open';
|
||||
]]]
|
||||
@@ -0,0 +1,7 @@
|
||||
v3_button_light:
|
||||
template: v3_button
|
||||
state_display: |
|
||||
[[[
|
||||
if (entity.state === 'off') { return 'Off'; }
|
||||
return Math.round(entity.attributes.brightness * 100 / 255) + "%";
|
||||
]]]
|
||||
@@ -0,0 +1,13 @@
|
||||
v3_button_power:
|
||||
template: v3_button
|
||||
variables:
|
||||
power_sensor:
|
||||
state_display: |
|
||||
[[[
|
||||
if (entity.state === 'off') return 'Off';
|
||||
return states[variables.power_sensor].state + " W";
|
||||
]]]
|
||||
icon: mdi:power-socket
|
||||
tap_action:
|
||||
action: more-info
|
||||
entity: "[[[return variables.power_sensor]]]"
|
||||
@@ -0,0 +1,12 @@
|
||||
v3_button_purifier:
|
||||
template: v3_button
|
||||
state_display: |
|
||||
[[[
|
||||
if (entity.state === 'off') { return 'Off'; }
|
||||
return entity.attributes.speed.charAt(0).toUpperCase() + entity.attributes.speed.slice(1);
|
||||
]]]
|
||||
variables:
|
||||
value_has_error: |
|
||||
[[[
|
||||
return states['binary_sensor.purifier_filter_needs_change'].state === 'on';
|
||||
]]]
|
||||
@@ -0,0 +1,15 @@
|
||||
v3_button_radiator:
|
||||
template: v3_button
|
||||
icon: mdi:radiator
|
||||
state_display: |
|
||||
[[[
|
||||
if (entity.state === 'off') { return 'Off'};
|
||||
return entity.state.charAt(0).toUpperCase() +
|
||||
entity.state.slice(1) + "ing to " +
|
||||
entity.attributes.temperature + '°';
|
||||
]]]
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.toggle_radiator
|
||||
service_data:
|
||||
entity_id: "[[[ return entity.entity_id ]]]"
|
||||
@@ -0,0 +1,21 @@
|
||||
v3_button_tv:
|
||||
template: v3_button
|
||||
tap_action:
|
||||
action: toggle
|
||||
icon: mdi:television
|
||||
state:
|
||||
- value: 'playing'
|
||||
styles: &on_styles
|
||||
card:
|
||||
- background-color: white
|
||||
- color: black
|
||||
icon:
|
||||
- color: var(--primary-color)
|
||||
- value: 'standby'
|
||||
styles: *on_styles
|
||||
- value: 'on'
|
||||
styles: *on_styles
|
||||
- value: 'home'
|
||||
styles: *on_styles
|
||||
- value: 'idle'
|
||||
styles: *on_styles
|
||||
@@ -9,6 +9,7 @@ sonos_media_player:
|
||||
name: "[[name]]"
|
||||
info: "[[info]]"
|
||||
entity: "[[player]]"
|
||||
scale: 1.2
|
||||
speaker_group:
|
||||
sync_volume: "[[sync_volume]]"
|
||||
entities: &entities_in_gorup
|
||||
|
||||
@@ -0,0 +1,16 @@
|
||||
v3_horizontal_stack_card:
|
||||
card:
|
||||
type: custom:mod-card
|
||||
card_size: 12
|
||||
card:
|
||||
type: horizontal-stack
|
||||
cards: "[[cards]]"
|
||||
card_mod:
|
||||
style:
|
||||
hui-horizontal-stack-card:
|
||||
$: |
|
||||
#root {
|
||||
max-width: 100vw;
|
||||
padding-bottom: 10px;
|
||||
overflow: scroll
|
||||
}
|
||||
@@ -0,0 +1,121 @@
|
||||
v3_media_with_controls:
|
||||
default:
|
||||
- title: "Media"
|
||||
- player_name:
|
||||
card:
|
||||
type: vertical-stack
|
||||
title: "[[title]]"
|
||||
cards:
|
||||
- type: custom:decluttering-card
|
||||
template: sonos_media_player
|
||||
variables:
|
||||
- player: "[[player]]"
|
||||
- name: "[[player_name]]"
|
||||
- sync_volume: false
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: custom:decluttering-card
|
||||
template: v3_section_title
|
||||
variables:
|
||||
- title: Volume
|
||||
- margin_left: 16px
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_xs_button
|
||||
show_state: false
|
||||
entity: script.sonos_volume_10
|
||||
icon: mdi:volume-medium
|
||||
name: Vol 10
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.sonos_volume_10
|
||||
styles:
|
||||
card:
|
||||
- margin-left: 16px
|
||||
variables:
|
||||
background_color: rgba(60, 60, 60, 1)
|
||||
- type: custom:button-card
|
||||
template: v3_xs_button
|
||||
show_state: false
|
||||
entity: script.sonos_volume_20
|
||||
icon: mdi:volume-high
|
||||
name: Vol 20
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.sonos_volume_20
|
||||
variables:
|
||||
background_color: rgba(60, 60, 60, 1)
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: custom:decluttering-card
|
||||
template: v3_section_title
|
||||
variables:
|
||||
- title: Group
|
||||
- margin_left: 16px
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_xs_button
|
||||
entity: binary_sensor.sonos_is_bedroom_master
|
||||
name: Bedroom
|
||||
icon: mdi:speaker-multiple
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.sonos_join_bedroom
|
||||
styles:
|
||||
card:
|
||||
- margin-left: 16px
|
||||
variables:
|
||||
background_color: rgba(60, 60, 60, 1)
|
||||
- type: custom:button-card
|
||||
template: v3_xs_button
|
||||
entity: binary_sensor.sonos_is_living_room_master
|
||||
name: TV
|
||||
icon: mdi:speaker-multiple
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.sonos_join_tv
|
||||
variables:
|
||||
background_color: rgba(60, 60, 60, 1)
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: custom:decluttering-card
|
||||
template: v3_section_title
|
||||
variables:
|
||||
- title: Playlists
|
||||
- margin_left: 16px
|
||||
- type: custom:button-card
|
||||
template: v3_pill
|
||||
entity: script.music_play
|
||||
name: Chill
|
||||
icon: mdi:music
|
||||
tap_action:
|
||||
action: toggle
|
||||
- type: custom:button-card
|
||||
template: v3_pill
|
||||
entity: script.music_play
|
||||
name: Chill 2
|
||||
icon: mdi:music
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.music_play
|
||||
service_data:
|
||||
playlist: "Songs for a Romantic Evening"
|
||||
shuffle: true
|
||||
volume_level: 0.1
|
||||
- type: custom:button-card
|
||||
template: v3_pill
|
||||
entity: script.music_play
|
||||
name: Retro
|
||||
icon: mdi:music
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.music_play
|
||||
service_data:
|
||||
playlist: "Retro"
|
||||
styles:
|
||||
card:
|
||||
- margin-bottom: 8px
|
||||
@@ -0,0 +1,18 @@
|
||||
v3_section_title:
|
||||
default:
|
||||
margin_left: '0'
|
||||
card:
|
||||
type: markdown
|
||||
content: >
|
||||
### [[title]]
|
||||
card_mod:
|
||||
style: |
|
||||
ha-card {
|
||||
box-shadow: none;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
ha-card > ha-markdown {
|
||||
font-size: 18px;
|
||||
padding: 16px 6px 6px [[margin_left]];
|
||||
}
|
||||
@@ -0,0 +1,17 @@
|
||||
v3_title:
|
||||
card:
|
||||
type: markdown
|
||||
content: >
|
||||
## [[title]]
|
||||
card_mod:
|
||||
style: |
|
||||
ha-card {
|
||||
box-shadow: none;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
ha-card > ha-markdown {
|
||||
font-size: 22px;
|
||||
padding: 20px 20px 20px 0;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
@@ -1,201 +1,307 @@
|
||||
type: custom:layout-card
|
||||
layout_type: custom:horizontal-layout
|
||||
layout:
|
||||
max_cols: 2
|
||||
cards:
|
||||
# Column 1
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: [hallway_dashboard_mode]
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: half
|
||||
icon: none
|
||||
entity: light.all
|
||||
name: All
|
||||
- type: custom:button-card
|
||||
template: half
|
||||
icon: none
|
||||
entity: light.ceiling
|
||||
name: Ceiling
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: light.living_room
|
||||
name: Living room
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: light.living_room_main
|
||||
name: Main
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: light.pc
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: light.living_room_ambient
|
||||
name: Ambient
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: light.master_bedroom
|
||||
name: Bedroom
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: light.master_bedroom_main
|
||||
name: Main
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: light.bed_led
|
||||
name: Bed
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.bed_led_toggle
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: light.bedside
|
||||
name: Bedside
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: light.kitchen
|
||||
name: Kitchen
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: light.hallway_main
|
||||
name: Hallway
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: light.hallway_entrance
|
||||
name: Entrance
|
||||
type: custom:mod-card
|
||||
style:
|
||||
layout-card:
|
||||
$:
|
||||
horizontal-layout:
|
||||
$:
|
||||
.: |
|
||||
#columns {
|
||||
padding-left: 10px;
|
||||
margin: 0 20px;
|
||||
grid-gap: 20px;
|
||||
}
|
||||
card:
|
||||
type: custom:layout-card
|
||||
layout_type: custom:horizontal-layout
|
||||
layout:
|
||||
max_cols: 2
|
||||
cards:
|
||||
# Column 1
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: custom:decluttering-card
|
||||
template: v3_section_title
|
||||
variables:
|
||||
- title: Sensors
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_badge_temp
|
||||
entity: sensor.average_temperature
|
||||
- type: custom:button-card
|
||||
template: v3_badge_humidity
|
||||
entity: sensor.average_humidity
|
||||
- type: custom:button-card
|
||||
template: v3_badge_icon
|
||||
entity: sensor.active_motion_sensors
|
||||
icon: |
|
||||
[[[
|
||||
return entity.state === 0 ? 'mdi:motion-sensor-off' : 'mdi:motion-sensor';
|
||||
]]]
|
||||
state:
|
||||
- value: 0
|
||||
operator: '!='
|
||||
styles:
|
||||
card:
|
||||
- background-color: 'white'
|
||||
icon:
|
||||
- color: var(--primary-color)
|
||||
- type: custom:button-card
|
||||
template: v3_badge_icon
|
||||
entity: sensor.open_window_count
|
||||
icon: |
|
||||
[[[
|
||||
return entity.state === 0 ? 'mdi:window-closed' : 'mdi:window-open';
|
||||
]]]
|
||||
state:
|
||||
- value: 0
|
||||
operator: '!='
|
||||
styles:
|
||||
card:
|
||||
- background-color: 'white'
|
||||
icon:
|
||||
- color: var(--primary-color)
|
||||
- type: custom:button-card
|
||||
template: v3_badge_icon
|
||||
entity: sensor.open_door_count
|
||||
icon: |
|
||||
[[[
|
||||
return entity.state === 0 ? 'mdi:door-closed' : 'mdi:door-open';
|
||||
]]]
|
||||
state:
|
||||
- value: 0
|
||||
operator: '!='
|
||||
styles:
|
||||
card:
|
||||
- background-color: 'white'
|
||||
icon:
|
||||
- color: var(--primary-color)
|
||||
|
||||
- type: custom:decluttering-card
|
||||
template: media_with_controls
|
||||
variables:
|
||||
- player: media_player.master_bedroom
|
||||
- player_name: Bedroom
|
||||
- title: ""
|
||||
- type: custom:decluttering-card
|
||||
template: v3_section_title
|
||||
variables:
|
||||
- title: Modes & Devices
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_tablet_button
|
||||
entity: input_select.hallway_dashboard_mode
|
||||
name: Mode
|
||||
styles:
|
||||
card:
|
||||
- background-color: var(--primary-color)
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: input_select.select_next
|
||||
service_data:
|
||||
entity_id: input_select.hallway_dashboard_mode
|
||||
- type: custom:button-card
|
||||
template: v3_tablet_button
|
||||
entity: input_boolean.guest_mode
|
||||
tap_action:
|
||||
action: toggle
|
||||
- type: custom:button-card
|
||||
template: [v3_button_tv, v3_tablet_button]
|
||||
entity: media_player.living_room_tv
|
||||
name: TV
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: [v3_button_ac, v3_tablet_button]
|
||||
entity: climate.toshiba_ac
|
||||
name: AC
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.toshiba_ac_toggle
|
||||
- type: custom:button-card
|
||||
template: [v3_button_radiator, v3_tablet_button]
|
||||
entity: climate.living_room_radiator_mode
|
||||
name: "Living room"
|
||||
- type: custom:button-card
|
||||
template: [v3_button_radiator, v3_tablet_button]
|
||||
entity: climate.bedroom_radiator_mode
|
||||
name: "Bedroom"
|
||||
- type: custom:button-card
|
||||
template: [v3_button_radiator, v3_tablet_button]
|
||||
entity: climate.kitchen_radiator_mode
|
||||
name: "Kitchen"
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: [v3_button_cover, v3_tablet_button]
|
||||
entity: cover.living_room
|
||||
name: LR Cover
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.toggle_living_room_cover
|
||||
- type: custom:button-card
|
||||
template: [v3_button_purifier, v3_tablet_button]
|
||||
entity: fan.philips_airpurifier
|
||||
name: Air Purifier
|
||||
- type: custom:button-card
|
||||
template: v3_tablet_button
|
||||
entity: vacuum.vacuum
|
||||
name: Vacuum
|
||||
- type: custom:button-card
|
||||
template: v3_button_brita_water
|
||||
variables:
|
||||
long_state: false
|
||||
styles:
|
||||
card:
|
||||
- width: 100px
|
||||
- height: 100px
|
||||
- border-radius: 16px
|
||||
icon:
|
||||
- top: 4px
|
||||
- left: 12px
|
||||
- width: 20px
|
||||
- height: 20px
|
||||
- --mdc-icon-size: 20px
|
||||
state:
|
||||
- bottom: 4px
|
||||
- left: 12px
|
||||
name:
|
||||
- left: 12px
|
||||
- bottom: 22px
|
||||
- width: 60px
|
||||
- font-size: 13px
|
||||
|
||||
# Column 2
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: grid
|
||||
columns: 4
|
||||
square: false
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: input_boolean.speech_notifications
|
||||
name: Speech
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: binary_sensor.house_mode
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: input_select.select_next
|
||||
service_data:
|
||||
entity_id: input_select.house_mode
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: input_boolean.guest_mode
|
||||
tap_action:
|
||||
action: toggle
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: switch.mercury_home_mode
|
||||
name: Mercury Home
|
||||
# Column 2
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: custom:decluttering-card
|
||||
template: v3_section_title
|
||||
variables:
|
||||
- title: Lights
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_tablet_button
|
||||
entity: light.living_room
|
||||
name: Living room
|
||||
- type: custom:button-card
|
||||
template: v3_tablet_button
|
||||
entity: light.living_room_main
|
||||
name: Main
|
||||
- type: custom:button-card
|
||||
template: v3_tablet_button
|
||||
entity: light.pc
|
||||
- type: custom:button-card
|
||||
template: v3_tablet_button
|
||||
entity: light.living_room_ambient
|
||||
name: Ambient
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_tablet_button
|
||||
entity: light.master_bedroom
|
||||
name: Bedroom
|
||||
- type: custom:button-card
|
||||
template: v3_tablet_button
|
||||
entity: light.master_bedroom_main
|
||||
name: Main
|
||||
- type: custom:button-card
|
||||
template: v3_tablet_button
|
||||
entity: light.bed_led
|
||||
name: Bed
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.bed_led_toggle
|
||||
- type: custom:button-card
|
||||
template: v3_tablet_button
|
||||
entity: light.bedside
|
||||
name: Bedside
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_tablet_button
|
||||
entity: light.kitchen
|
||||
name: Kitchen
|
||||
- type: custom:button-card
|
||||
template: v3_tablet_button
|
||||
entity: light.hallway_main
|
||||
name: Hallway
|
||||
- type: custom:button-card
|
||||
template: v3_tablet_button
|
||||
entity: light.hallway_entrance
|
||||
name: Entrance
|
||||
|
||||
- type: custom:decluttering-card
|
||||
template: v3_section_title
|
||||
variables:
|
||||
- title: Media
|
||||
|
||||
- type: custom:button-card
|
||||
template: small
|
||||
entity: media_player.living_room_tv
|
||||
name: TV
|
||||
icon: mdi:television
|
||||
tap_action:
|
||||
action: toggle
|
||||
state:
|
||||
- value: 'playing'
|
||||
styles: &on_styles
|
||||
card:
|
||||
- background-color: var(--primary-color)
|
||||
- color: black
|
||||
icon:
|
||||
- color: black
|
||||
- value: 'standby'
|
||||
styles: *on_styles
|
||||
- value: 'on'
|
||||
styles: *on_styles
|
||||
- value: 'home'
|
||||
styles: *on_styles
|
||||
- value: 'idle'
|
||||
styles: *on_styles
|
||||
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background, with_state_indicator]
|
||||
entity: switch.titanium
|
||||
variables:
|
||||
state_indicator_id: automation.titanium_turn_off_when_idle
|
||||
|
||||
|
||||
- type: custom:button-card
|
||||
template: [ac_button, small]
|
||||
- type: custom:button-card
|
||||
template: [radiator_button, small]
|
||||
entity: climate.living_room_radiator_mode
|
||||
name: "Living room"
|
||||
- type: custom:button-card
|
||||
template: [radiator_button, small]
|
||||
entity: climate.bedroom_radiator_mode
|
||||
name: "Bedroom"
|
||||
- type: custom:button-card
|
||||
template: [radiator_button, small]
|
||||
entity: climate.kitchen_radiator_mode
|
||||
name: "Kitchen"
|
||||
|
||||
- type: custom:button-card
|
||||
template: [with_state_background, cover, small]
|
||||
entity: cover.living_room
|
||||
name: LR Cover
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.toggle_living_room_cover
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background, with_state_indicator]
|
||||
entity: fan.philips_airpurifier
|
||||
variables:
|
||||
state_indicator_id: binary_sensor.purifier_filter_needs_change
|
||||
state_indicator_size: 5px
|
||||
state_indicator_off_size: 0px
|
||||
state_indicator_on_color: var(--color-red)
|
||||
state_on_indicator_on_color: var(--color-red)
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: vacuum.vacuum
|
||||
name: Vacuum
|
||||
- type: custom:button-card
|
||||
template: [brita_water, small]
|
||||
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: "custom:mini-graph-card"
|
||||
name: Temperature
|
||||
icon: mdi:thermometer
|
||||
entities:
|
||||
- sensor.average_temperature
|
||||
cache: false
|
||||
group_by: hour
|
||||
hours_to_show: 72
|
||||
line_width: 2
|
||||
- type: "custom:mini-graph-card"
|
||||
name: Humidity
|
||||
icon: mdi:water-percent
|
||||
entities:
|
||||
- sensor.average_humidity
|
||||
cache: false
|
||||
group_by: hour
|
||||
hours_to_show: 72
|
||||
line_width: 2
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_xs_button
|
||||
entity: media_player.master_bedroom
|
||||
name: Sonos
|
||||
- type: custom:button-card
|
||||
template: v3_xs_button
|
||||
show_state: false
|
||||
entity: script.sonos_volume_10
|
||||
icon: mdi:volume-medium
|
||||
name: Vol 10
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.sonos_volume_10
|
||||
- type: custom:button-card
|
||||
template: v3_xs_button
|
||||
show_state: false
|
||||
entity: script.sonos_volume_20
|
||||
icon: mdi:volume-high
|
||||
name: Vol 20
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.sonos_volume_20
|
||||
- type: custom:button-card
|
||||
template: v3_xs_button
|
||||
entity: binary_sensor.sonos_is_bedroom_master
|
||||
name: Bedroom
|
||||
icon: mdi:speaker-multiple
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.sonos_join_bedroom
|
||||
- type: custom:button-card
|
||||
template: v3_xs_button
|
||||
entity: binary_sensor.sonos_is_living_room_master
|
||||
name: TV
|
||||
icon: mdi:speaker-multiple
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.sonos_join_tv
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_xs_button
|
||||
entity: script.music_play
|
||||
name: Chill
|
||||
icon: mdi:music
|
||||
tap_action:
|
||||
action: toggle
|
||||
- type: custom:button-card
|
||||
template: v3_xs_button
|
||||
entity: script.music_play
|
||||
name: Chill 2
|
||||
icon: mdi:music
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.music_play
|
||||
service_data:
|
||||
playlist: "Songs for a Romantic Evening"
|
||||
shuffle: true
|
||||
volume_level: 0.1
|
||||
- type: custom:button-card
|
||||
template: v3_xs_button
|
||||
entity: script.music_play
|
||||
name: Retro
|
||||
icon: mdi:music
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.music_play
|
||||
service_data:
|
||||
playlist: "Retro"
|
||||
styles:
|
||||
card:
|
||||
- margin-bottom: 8px
|
||||
|
||||
@@ -1,188 +1,298 @@
|
||||
type: custom:layout-card
|
||||
layout_type: custom:horizontal-layout
|
||||
layout:
|
||||
max_cols: 2
|
||||
cards:
|
||||
# Column 1
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: [hallway_dashboard_mode]
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: half
|
||||
icon: none
|
||||
entity: light.all
|
||||
name: All
|
||||
- type: custom:button-card
|
||||
template: half
|
||||
icon: none
|
||||
entity: light.ceiling
|
||||
name: Ceiling
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: light.living_room
|
||||
name: Living room
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: light.living_room_main
|
||||
name: Main
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: light.pc
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: light.living_room_ambient
|
||||
name: Ambient
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: light.master_bedroom
|
||||
name: Bedroom
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: light.master_bedroom_main
|
||||
name: Main
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: light.bed_led
|
||||
name: Bed
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.bed_led_toggle
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: light.bedside
|
||||
name: Bedside
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: light.kitchen
|
||||
name: Kitchen
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: light.hallway_main
|
||||
name: Hallway
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: light.hallway_entrance
|
||||
name: Entrance
|
||||
type: custom:mod-card
|
||||
style:
|
||||
layout-card:
|
||||
$:
|
||||
horizontal-layout:
|
||||
$:
|
||||
.: |
|
||||
#columns {
|
||||
padding-left: 10px;
|
||||
margin: 0 20px;
|
||||
grid-gap: 20px;
|
||||
}
|
||||
card:
|
||||
type: custom:layout-card
|
||||
layout_type: custom:horizontal-layout
|
||||
layout:
|
||||
max_cols: 2
|
||||
cards:
|
||||
# Column 1
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: custom:decluttering-card
|
||||
template: v3_section_title
|
||||
variables:
|
||||
- title: Welcome!
|
||||
- type: markdown
|
||||
content: !include ../../templates/partials/tasks.yaml
|
||||
|
||||
- type: custom:decluttering-card
|
||||
template: media_with_controls
|
||||
variables:
|
||||
- player: media_player.master_bedroom
|
||||
- player_name: Bedroom
|
||||
- title: ""
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_badge_temp
|
||||
entity: sensor.average_temperature
|
||||
- type: custom:button-card
|
||||
template: v3_badge_humidity
|
||||
entity: sensor.average_humidity
|
||||
- type: custom:button-card
|
||||
template: v3_badge_icon
|
||||
entity: sensor.active_motion_sensors
|
||||
icon: |
|
||||
[[[
|
||||
return entity.state === 0 ? 'mdi:motion-sensor-off' : 'mdi:motion-sensor';
|
||||
]]]
|
||||
state:
|
||||
- value: 0
|
||||
operator: '!='
|
||||
styles:
|
||||
card:
|
||||
- background-color: 'white'
|
||||
icon:
|
||||
- color: var(--primary-color)
|
||||
- type: custom:button-card
|
||||
template: v3_badge_icon
|
||||
entity: sensor.open_window_count
|
||||
icon: |
|
||||
[[[
|
||||
return entity.state === 0 ? 'mdi:window-closed' : 'mdi:window-open';
|
||||
]]]
|
||||
state:
|
||||
- value: 0
|
||||
operator: '!='
|
||||
styles:
|
||||
card:
|
||||
- background-color: 'white'
|
||||
icon:
|
||||
- color: var(--primary-color)
|
||||
- type: custom:button-card
|
||||
template: v3_badge_icon
|
||||
entity: sensor.open_door_count
|
||||
icon: |
|
||||
[[[
|
||||
return entity.state === 0 ? 'mdi:door-closed' : 'mdi:door-open';
|
||||
]]]
|
||||
state:
|
||||
- value: 0
|
||||
operator: '!='
|
||||
styles:
|
||||
card:
|
||||
- background-color: 'white'
|
||||
icon:
|
||||
- color: var(--primary-color)
|
||||
|
||||
# Column 2
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: grid
|
||||
columns: 4
|
||||
square: false
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: binary_sensor.georgi_home
|
||||
name: Georgi home?
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: input_boolean.toggle
|
||||
service_data:
|
||||
entity_id: input_boolean.georgi_home
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: input_boolean.speech_notifications
|
||||
name: Speech
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: input_boolean.guest_mode
|
||||
tap_action:
|
||||
action: toggle
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: switch.mercury_home_mode
|
||||
name: Mercury Home
|
||||
- type: custom:button-card
|
||||
template: small
|
||||
entity: media_player.living_room_tv
|
||||
name: TV
|
||||
icon: mdi:television
|
||||
tap_action:
|
||||
action: toggle
|
||||
state:
|
||||
- value: 'playing'
|
||||
styles: &on_styles
|
||||
card:
|
||||
- background-color: var(--primary-color)
|
||||
- color: black
|
||||
icon:
|
||||
- color: black
|
||||
- value: 'standby'
|
||||
styles: *on_styles
|
||||
- value: 'on'
|
||||
styles: *on_styles
|
||||
- value: 'home'
|
||||
styles: *on_styles
|
||||
- value: 'idle'
|
||||
styles: *on_styles
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background, with_state_indicator]
|
||||
entity: switch.titanium
|
||||
variables:
|
||||
state_indicator_id: automation.titanium_turn_off_when_idle
|
||||
- type: custom:button-card
|
||||
template: [ac_button, small]
|
||||
- type: custom:button-card
|
||||
template: [radiator_button, small]
|
||||
entity: climate.living_room_radiator_mode
|
||||
name: "Living room"
|
||||
- type: custom:button-card
|
||||
template: [radiator_button, small]
|
||||
entity: climate.bedroom_radiator_mode
|
||||
name: "Bedroom"
|
||||
- type: custom:button-card
|
||||
template: [radiator_button, small]
|
||||
entity: climate.kitchen_radiator_mode
|
||||
name: "Kitchen"
|
||||
- type: custom:button-card
|
||||
template: [with_state_background, cover, small]
|
||||
entity: cover.living_room
|
||||
name: LR Cover
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.toggle_living_room_cover
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background, with_state_indicator]
|
||||
entity: fan.philips_airpurifier
|
||||
variables:
|
||||
state_indicator_id: binary_sensor.purifier_filter_needs_change
|
||||
state_indicator_size: 5px
|
||||
state_indicator_off_size: 0px
|
||||
state_indicator_on_color: var(--color-red)
|
||||
state_on_indicator_on_color: var(--color-red)
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: vacuum.vacuum
|
||||
name: Vacuum
|
||||
- type: custom:decluttering-card
|
||||
template: v3_section_title
|
||||
variables:
|
||||
- title: Modes & Devices
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_tablet_button
|
||||
entity: input_select.hallway_dashboard_mode
|
||||
name: Mode
|
||||
styles:
|
||||
card:
|
||||
- background-color: var(--primary-color)
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: input_select.select_next
|
||||
service_data:
|
||||
entity_id: input_select.hallway_dashboard_mode
|
||||
|
||||
- type: markdown
|
||||
content: !include ../../templates/partials/tasks.yaml
|
||||
- type: entities
|
||||
entities:
|
||||
- type: custom:decluttering-card
|
||||
template: percentage_card
|
||||
variables:
|
||||
- name: Quarantine
|
||||
- entity: sensor.quarantined_percent
|
||||
- icon: mdi:percent
|
||||
- orange: 100
|
||||
- red: 100
|
||||
- entity: sensor.quarantine_times_left
|
||||
name: Times left
|
||||
- type: custom:button-card
|
||||
template: v3_tablet_button
|
||||
entity: binary_sensor.georgi_home
|
||||
name: Georgi home?
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: input_boolean.toggle
|
||||
service_data:
|
||||
entity_id: input_boolean.georgi_home
|
||||
- type: custom:button-card
|
||||
template: v3_tablet_button
|
||||
entity: input_boolean.guest_mode
|
||||
tap_action:
|
||||
action: toggle
|
||||
- type: custom:button-card
|
||||
template: [v3_button_tv, v3_tablet_button]
|
||||
entity: media_player.living_room_tv
|
||||
name: TV
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: [v3_button_ac, v3_tablet_button]
|
||||
entity: climate.toshiba_ac
|
||||
name: AC
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.toshiba_ac_toggle
|
||||
- type: custom:button-card
|
||||
template: [v3_button_radiator, v3_tablet_button]
|
||||
entity: climate.living_room_radiator_mode
|
||||
name: "Living room"
|
||||
- type: custom:button-card
|
||||
template: [v3_button_radiator, v3_tablet_button]
|
||||
entity: climate.bedroom_radiator_mode
|
||||
name: "Bedroom"
|
||||
- type: custom:button-card
|
||||
template: [v3_button_radiator, v3_tablet_button]
|
||||
entity: climate.kitchen_radiator_mode
|
||||
name: "Kitchen"
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: [v3_button_cover, v3_tablet_button]
|
||||
entity: cover.living_room
|
||||
name: LR Cover
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.toggle_living_room_cover
|
||||
- type: custom:button-card
|
||||
template: [v3_button_purifier, v3_tablet_button]
|
||||
entity: fan.philips_airpurifier
|
||||
name: Air Purifier
|
||||
- type: custom:button-card
|
||||
template: v3_tablet_button
|
||||
entity: vacuum.vacuum
|
||||
name: Vacuum
|
||||
|
||||
|
||||
# Column 2
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: custom:decluttering-card
|
||||
template: v3_section_title
|
||||
variables:
|
||||
- title: Lights
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_tablet_button
|
||||
entity: light.living_room
|
||||
name: Living room
|
||||
- type: custom:button-card
|
||||
template: v3_tablet_button
|
||||
entity: light.living_room_main
|
||||
name: Main
|
||||
- type: custom:button-card
|
||||
template: v3_tablet_button
|
||||
entity: light.pc
|
||||
- type: custom:button-card
|
||||
template: v3_tablet_button
|
||||
entity: light.living_room_ambient
|
||||
name: Ambient
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_tablet_button
|
||||
entity: light.master_bedroom
|
||||
name: Bedroom
|
||||
- type: custom:button-card
|
||||
template: v3_tablet_button
|
||||
entity: light.master_bedroom_main
|
||||
name: Main
|
||||
- type: custom:button-card
|
||||
template: v3_tablet_button
|
||||
entity: light.bed_led
|
||||
name: Bed
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.bed_led_toggle
|
||||
- type: custom:button-card
|
||||
template: v3_tablet_button
|
||||
entity: light.bedside
|
||||
name: Bedside
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_tablet_button
|
||||
entity: light.kitchen
|
||||
name: Kitchen
|
||||
- type: custom:button-card
|
||||
template: v3_tablet_button
|
||||
entity: light.hallway_main
|
||||
name: Hallway
|
||||
- type: custom:button-card
|
||||
template: v3_tablet_button
|
||||
entity: light.hallway_entrance
|
||||
name: Entrance
|
||||
|
||||
- type: custom:decluttering-card
|
||||
template: v3_section_title
|
||||
variables:
|
||||
- title: Media
|
||||
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_xs_button
|
||||
entity: media_player.master_bedroom
|
||||
name: Sonos
|
||||
- type: custom:button-card
|
||||
template: v3_xs_button
|
||||
show_state: false
|
||||
entity: script.sonos_volume_10
|
||||
icon: mdi:volume-medium
|
||||
name: Vol 10
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.sonos_volume_10
|
||||
- type: custom:button-card
|
||||
template: v3_xs_button
|
||||
show_state: false
|
||||
entity: script.sonos_volume_20
|
||||
icon: mdi:volume-high
|
||||
name: Vol 20
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.sonos_volume_20
|
||||
- type: custom:button-card
|
||||
template: v3_xs_button
|
||||
entity: binary_sensor.sonos_is_bedroom_master
|
||||
name: Bedroom
|
||||
icon: mdi:speaker-multiple
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.sonos_join_bedroom
|
||||
- type: custom:button-card
|
||||
template: v3_xs_button
|
||||
entity: binary_sensor.sonos_is_living_room_master
|
||||
name: TV
|
||||
icon: mdi:speaker-multiple
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.sonos_join_tv
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_xs_button
|
||||
entity: script.music_play
|
||||
name: Chill
|
||||
icon: mdi:music
|
||||
tap_action:
|
||||
action: toggle
|
||||
- type: custom:button-card
|
||||
template: v3_xs_button
|
||||
entity: script.music_play
|
||||
name: Chill 2
|
||||
icon: mdi:music
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.music_play
|
||||
service_data:
|
||||
playlist: "Songs for a Romantic Evening"
|
||||
shuffle: true
|
||||
volume_level: 0.1
|
||||
- type: custom:button-card
|
||||
template: v3_xs_button
|
||||
entity: script.music_play
|
||||
name: Retro
|
||||
icon: mdi:music
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.music_play
|
||||
service_data:
|
||||
playlist: "Retro"
|
||||
styles:
|
||||
card:
|
||||
- margin-bottom: 8px
|
||||
|
||||
@@ -1,68 +1,117 @@
|
||||
type: custom:layout-card
|
||||
layout_type: custom:horizontal-layout
|
||||
layout:
|
||||
max_cols: 2
|
||||
cards:
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: [hallway_dashboard_mode]
|
||||
- type: custom:weather-card
|
||||
entity: weather.dark_sky
|
||||
- type: custom:sun-card
|
||||
darkMode: true
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: grid
|
||||
square: false
|
||||
columns: 4
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: [with_state_background, cover, small]
|
||||
entity: cover.living_room
|
||||
name: LR Cover
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.toggle_living_room_cover
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: binary_sensor.living_room_right_window
|
||||
name: Living room
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: binary_sensor.bedroom_left_window
|
||||
name: Bedroom left
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: binary_sensor.bedroom_right_window
|
||||
name: Bedroom right
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: binary_sensor.kitchen_window
|
||||
name: Kitchen
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: binary_sensor.front_door
|
||||
- type: custom:button-card
|
||||
template: [small, with_state_background]
|
||||
entity: binary_sensor.bedroom_door
|
||||
type: custom:mod-card
|
||||
style:
|
||||
layout-card:
|
||||
$:
|
||||
horizontal-layout:
|
||||
$:
|
||||
.: |
|
||||
#columns {
|
||||
padding-left: 10px;
|
||||
margin: 0 20px;
|
||||
grid-gap: 20px;
|
||||
}
|
||||
card:
|
||||
type: custom:layout-card
|
||||
layout_type: custom:horizontal-layout
|
||||
layout:
|
||||
max_cols: 2
|
||||
cards:
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: custom:decluttering-card
|
||||
template: v3_section_title
|
||||
variables:
|
||||
- title: Sensors
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_badge
|
||||
entity: sensor.quarantined_percent
|
||||
- type: custom:button-card
|
||||
template: v3_badge
|
||||
entity: sensor.quarantine_times_left
|
||||
- type: custom:button-card
|
||||
template: v3_badge_icon
|
||||
entity: sensor.active_motion_sensors
|
||||
icon: |
|
||||
[[[
|
||||
return entity.state === 0 ? 'mdi:motion-sensor-off' : 'mdi:motion-sensor';
|
||||
]]]
|
||||
state:
|
||||
- value: 0
|
||||
operator: '!='
|
||||
styles:
|
||||
card:
|
||||
- background-color: 'white'
|
||||
icon:
|
||||
- color: var(--primary-color)
|
||||
- type: custom:button-card
|
||||
template: v3_badge_icon
|
||||
entity: sensor.open_window_count
|
||||
icon: |
|
||||
[[[
|
||||
return entity.state === 0 ? 'mdi:window-closed' : 'mdi:window-open';
|
||||
]]]
|
||||
state:
|
||||
- value: 0
|
||||
operator: '!='
|
||||
styles:
|
||||
card:
|
||||
- background-color: 'white'
|
||||
icon:
|
||||
- color: var(--primary-color)
|
||||
- type: custom:button-card
|
||||
template: v3_badge_icon
|
||||
entity: sensor.open_door_count
|
||||
icon: |
|
||||
[[[
|
||||
return entity.state === 0 ? 'mdi:door-closed' : 'mdi:door-open';
|
||||
]]]
|
||||
state:
|
||||
- value: 0
|
||||
operator: '!='
|
||||
styles:
|
||||
card:
|
||||
- background-color: 'white'
|
||||
icon:
|
||||
- color: var(--primary-color)
|
||||
|
||||
- type: custom:mini-graph-card
|
||||
hours_to_show: 72
|
||||
line_width: 2
|
||||
entities:
|
||||
- sensor.dark_sky_precip_probability
|
||||
- sensor.dark_sky_cloud_coverage
|
||||
- type: custom:decluttering-card
|
||||
template: v3_section_title
|
||||
variables:
|
||||
- title: Modes & Devices
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_tablet_button
|
||||
entity: input_select.hallway_dashboard_mode
|
||||
name: Mode
|
||||
styles:
|
||||
card:
|
||||
- background-color: var(--primary-color)
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: input_select.select_next
|
||||
service_data:
|
||||
entity_id: input_select.hallway_dashboard_mode
|
||||
- type: custom:button-card
|
||||
template: [v3_button_cover, v3_tablet_button]
|
||||
entity: cover.living_room
|
||||
name: LR Cover
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.toggle_living_room_cover
|
||||
|
||||
- type: entities
|
||||
entities:
|
||||
- type: custom:decluttering-card
|
||||
template: percentage_card
|
||||
variables:
|
||||
- name: Quarantine
|
||||
- entity: sensor.quarantined_percent
|
||||
- icon: mdi:percent
|
||||
- orange: 100
|
||||
- red: 100
|
||||
- entity: sensor.quarantine_times_left
|
||||
name: Times left
|
||||
|
||||
- type: custom:sun-card
|
||||
darkMode: true
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: custom:weather-card
|
||||
entity: weather.dark_sky
|
||||
- type: custom:mini-graph-card
|
||||
hours_to_show: 72
|
||||
line_width: 2
|
||||
entities:
|
||||
- sensor.dark_sky_precip_probability
|
||||
- sensor.dark_sky_cloud_coverage
|
||||
|
||||
@@ -1,6 +1,11 @@
|
||||
- type: custom:mod-card
|
||||
style:
|
||||
layout-card:
|
||||
.: |
|
||||
* {
|
||||
--primary-color: #FF7900
|
||||
}
|
||||
|
||||
$:
|
||||
horizontal-layout:
|
||||
$:
|
||||
@@ -13,20 +18,31 @@
|
||||
type: custom:layout-card
|
||||
layout_type: custom:horizontal-layout
|
||||
layout:
|
||||
max_cols: 2
|
||||
max_cols: 3
|
||||
cards:
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: custom:decluttering-card
|
||||
template: media_with_controls
|
||||
template: v3_title
|
||||
variables:
|
||||
- player: media_player.bathroom
|
||||
- player_name: Bathroom
|
||||
- title: Bathroom
|
||||
- type: custom:decluttering-card
|
||||
template: climate_card
|
||||
variables:
|
||||
- title: "Climate"
|
||||
- main_entity: sensor.bathroom_weather_temperature
|
||||
- left_entity: sensor.bathroom_weather_humidity
|
||||
- right_entity: sensor.bathroom_weather_pressure
|
||||
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_badge_temp
|
||||
entity: sensor.bathroom_weather_temperature
|
||||
- type: custom:button-card
|
||||
template: v3_badge_humidity
|
||||
entity: sensor.bathroom_weather_humidity
|
||||
|
||||
- type: custom:decluttering-card
|
||||
template: v3_section_title
|
||||
variables:
|
||||
- title: Devices
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_button
|
||||
entity: media_player.bathroom
|
||||
name: Sonos
|
||||
|
||||
@@ -1,6 +1,11 @@
|
||||
- type: custom:mod-card
|
||||
style:
|
||||
layout-card:
|
||||
.: |
|
||||
* {
|
||||
--primary-color: #871CAB
|
||||
}
|
||||
|
||||
$:
|
||||
horizontal-layout:
|
||||
$:
|
||||
@@ -16,141 +21,140 @@
|
||||
max_cols: 3
|
||||
cards:
|
||||
- type: vertical-stack
|
||||
title: Bedroom
|
||||
cards:
|
||||
- type: custom:decluttering-card
|
||||
template: v3_title
|
||||
variables:
|
||||
- title: Bedroom
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: light.master_bedroom
|
||||
name: Bedroom
|
||||
template: v3_badge_temp
|
||||
entity: sensor.bedroom_weather_temperature
|
||||
state_display: "[[[return entity.state.split(' ')[0] + '°']]]"
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
template: v3_badge_humidity
|
||||
entity: sensor.bedroom_weather_humidity
|
||||
- type: custom:button-card
|
||||
template: v3_badge
|
||||
entity: sensor.purifier_air_quality
|
||||
state_display: "[[[return entity.state.split(' ')[0] + ' pm2.5']]]"
|
||||
variables:
|
||||
state_size: "11px"
|
||||
- type: custom:button-card
|
||||
template: v3_badge_icon
|
||||
entity: binary_sensor.bedroom_left_window
|
||||
- type: custom:button-card
|
||||
template: v3_badge_icon
|
||||
entity: binary_sensor.bedroom_right_window
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_badge_icon
|
||||
entity: binary_sensor.bedroom_door
|
||||
|
||||
- type: custom:decluttering-card
|
||||
template: v3_section_title
|
||||
variables:
|
||||
- title: Scenes
|
||||
- type: custom:decluttering-card
|
||||
template: v3_horizontal_stack_card
|
||||
variables:
|
||||
- cards:
|
||||
- type: custom:button-card
|
||||
template: v3_scene
|
||||
entity: scene.bedroom_neon
|
||||
name: Neon
|
||||
variables:
|
||||
scene_color_1: rgb(255, 0, 190)
|
||||
scene_color_2: rgb(0, 255, 190)
|
||||
- type: custom:button-card
|
||||
template: v3_scene
|
||||
entity: scene.bedroom_ambient_neon
|
||||
name: Ambient neon
|
||||
variables:
|
||||
scene_color_1: rgb(255, 0, 190)
|
||||
scene_color_2: rgb(0, 255, 190)
|
||||
- type: custom:button-card
|
||||
template: v3_scene
|
||||
entity: scene.bedroom_default
|
||||
name: Regular
|
||||
variables:
|
||||
scene_color_1: rgb(254, 255, 209)
|
||||
- type: custom:button-card
|
||||
template: v3_scene
|
||||
entity: scene.bedroom_ambient_default
|
||||
name: Ambient regular
|
||||
variables:
|
||||
scene_color_1: rgb(254, 255, 209)
|
||||
- type: custom:button-card
|
||||
template: v3_scene
|
||||
entity: scene.bedroom_pink
|
||||
name: Pink
|
||||
variables:
|
||||
scene_color_1: rgb(255, 92, 38)
|
||||
scene_color_2: rgb(255, 0, 190)
|
||||
- type: custom:button-card
|
||||
template: v3_scene
|
||||
entity: scene.bedroom_ambient_pink
|
||||
name: Ambient pink
|
||||
variables:
|
||||
scene_color_1: rgb(255, 92, 38)
|
||||
scene_color_2: rgb(255, 0, 190)
|
||||
|
||||
- type: custom:decluttering-card
|
||||
template: v3_section_title
|
||||
variables:
|
||||
- title: Lights
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_button_light
|
||||
entity: light.master_bedroom
|
||||
name: All
|
||||
- type: custom:button-card
|
||||
template: v3_button_light
|
||||
entity: light.master_bedroom_main
|
||||
name: Main
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: light.bed_led
|
||||
name: Bed
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.bed_led_toggle
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
template: v3_button_light
|
||||
entity: light.bedside
|
||||
name: Bedside
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: [small, scene]
|
||||
entity: scene.bedroom_ambient_neon
|
||||
name: Neon
|
||||
variables:
|
||||
scene_color_1: rgb(255, 0, 190)
|
||||
scene_color_2: rgb(0, 255, 190)
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.apply_bedroom_neon
|
||||
- type: custom:button-card
|
||||
template: [small, scene]
|
||||
entity: scene.bedroom_ambient_neon
|
||||
name: Ambient neon
|
||||
variables:
|
||||
scene_color_1: rgb(255, 0, 190)
|
||||
scene_color_2: rgb(0, 255, 190)
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.apply_bedroom_ambient_neon
|
||||
- type: custom:button-card
|
||||
template: [small, scene]
|
||||
entity: scene.bedroom_default
|
||||
name: Regular
|
||||
variables:
|
||||
scene_color_1: rgb(254, 255, 209)
|
||||
- type: custom:button-card
|
||||
template: [small, scene]
|
||||
entity: scene.bedroom_ambient_default
|
||||
name: Ambient regular
|
||||
variables:
|
||||
scene_color_1: rgb(254, 255, 209)
|
||||
- type: custom:button-card
|
||||
template: [small, scene]
|
||||
entity: scene.bedroom_ambient_pink
|
||||
name: Ambient pink
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.apply_bedroom_pink
|
||||
variables:
|
||||
scene_color_1: rgb(255, 92, 38)
|
||||
scene_color_2: rgb(255, 0, 190)
|
||||
template: v3_button_light
|
||||
entity: light.bed_led
|
||||
name: Bed
|
||||
|
||||
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: custom:decluttering-card
|
||||
template: v3_section_title
|
||||
variables:
|
||||
- title: Devices
|
||||
- type: horizontal-stack
|
||||
title: Climate
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: radiator_button
|
||||
entity: climate.bedroom_radiator_mode
|
||||
template: v3_button
|
||||
entity: media_player.master_bedroom
|
||||
name: Sonos
|
||||
- type: custom:button-card
|
||||
template: [default, with_state_indicator]
|
||||
template: v3_button_purifier
|
||||
entity: fan.philips_airpurifier
|
||||
variables:
|
||||
state_indicator_id: binary_sensor.purifier_filter_needs_change
|
||||
state_indicator_size: 5px
|
||||
state_indicator_off_size: 0px
|
||||
state_indicator_on_color: var(--color-red)
|
||||
state_on_indicator_on_color: var(--color-red)
|
||||
name: Air Purifier
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: sensor.purifier_speed
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: input_select.select_next
|
||||
service_data:
|
||||
entity_id: input_select.purifier_speed
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: sensor.purifier_function
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.purifier_toggle_function
|
||||
- type: custom:decluttering-card
|
||||
template: purifier_target_humidity
|
||||
template: v3_button_radiator
|
||||
entity: climate.bedroom_radiator_mode
|
||||
name: Radiator
|
||||
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: binary_sensor.bedroom_door
|
||||
name: Door
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: binary_sensor.bedroom_left_window
|
||||
name: Left window
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: binary_sensor.bedroom_right_window
|
||||
name: Right window
|
||||
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: custom:decluttering-card
|
||||
template: climate_card
|
||||
variables:
|
||||
- title: "Climate"
|
||||
- main_entity: sensor.bedroom_weather_temperature
|
||||
- left_entity: sensor.bedroom_weather_humidity
|
||||
- right_entity: sensor.bedroom_weather_pressure
|
||||
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: custom:decluttering-card
|
||||
template: media_with_controls
|
||||
variables:
|
||||
- player: media_player.master_bedroom
|
||||
- player_name: Bedroom
|
||||
- type: vertical-stack
|
||||
title: Camera
|
||||
cards:
|
||||
- type: custom:decluttering-card
|
||||
template: v3_section_title
|
||||
variables:
|
||||
- title: Camera
|
||||
- type: picture-glance
|
||||
camera_image: camera.bedroom_hd
|
||||
entities:
|
||||
|
||||
@@ -1,30 +0,0 @@
|
||||
- type: custom:mod-card
|
||||
style:
|
||||
layout-card:
|
||||
$:
|
||||
horizontal-layout:
|
||||
$:
|
||||
.: |
|
||||
#columns {
|
||||
margin: 0 20px;
|
||||
grid-gap: 20px;
|
||||
}
|
||||
card:
|
||||
type: custom:layout-card
|
||||
layout_type: custom:horizontal-layout
|
||||
layout:
|
||||
max_cols: 2
|
||||
cards:
|
||||
- type: vertical-stack
|
||||
title: Living Room
|
||||
cards:
|
||||
- type: picture-glance
|
||||
camera_image: camera.mercury_amcrest_1
|
||||
entities: []
|
||||
|
||||
- type: vertical-stack
|
||||
title: Bedroom
|
||||
cards:
|
||||
- type: picture-glance
|
||||
camera_image: camera.mercury_bedroom
|
||||
entities: []
|
||||
@@ -1,6 +1,11 @@
|
||||
- type: custom:mod-card
|
||||
style:
|
||||
layout-card:
|
||||
.: |
|
||||
* {
|
||||
--primary-color: #188A9C
|
||||
}
|
||||
|
||||
$:
|
||||
horizontal-layout:
|
||||
$:
|
||||
@@ -13,54 +18,44 @@
|
||||
type: custom:layout-card
|
||||
layout_type: custom:horizontal-layout
|
||||
layout:
|
||||
max_cols: 2
|
||||
max_cols: 3
|
||||
cards:
|
||||
- type: vertical-stack
|
||||
title: Hallway
|
||||
cards:
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: light.hallway
|
||||
name: Hallway
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: light.hallway_entrance
|
||||
name: Entrance
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: light.hallway_main
|
||||
name: Main
|
||||
|
||||
- type: horizontal-stack
|
||||
title: "Sensors"
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: binary_sensor.front_door
|
||||
name: Front door
|
||||
- type: custom:button-card
|
||||
template: [default, with_state_indicator]
|
||||
entity: group.hallway_motion
|
||||
name: Motion
|
||||
variables:
|
||||
state_indicator_id: automation.lighting_hallway_motion_on
|
||||
- type: custom:button-card
|
||||
template: [regular, progress]
|
||||
entity: sensor.hallway_motion_illuminance
|
||||
name: Lux
|
||||
variables:
|
||||
min_value: 0
|
||||
max_value: 1000
|
||||
normal_value: 1000
|
||||
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: custom:decluttering-card
|
||||
template: climate_card
|
||||
template: v3_title
|
||||
variables:
|
||||
- title: "Climate"
|
||||
- main_entity: sensor.hallway_weather_temperature
|
||||
- left_entity: sensor.hallway_weather_humidity
|
||||
- right_entity: sensor.hallway_weather_pressure
|
||||
- title: Hallway
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_badge_temp
|
||||
entity: sensor.hallway_weather_temperature
|
||||
- type: custom:button-card
|
||||
template: v3_badge_humidity
|
||||
entity: sensor.hallway_weather_humidity
|
||||
- type: custom:button-card
|
||||
template: v3_badge_icon
|
||||
entity: binary_sensor.hallway_motion_occupancy
|
||||
- type: custom:button-card
|
||||
template: v3_badge_icon
|
||||
entity: binary_sensor.front_door
|
||||
|
||||
- type: custom:decluttering-card
|
||||
template: v3_section_title
|
||||
variables:
|
||||
- title: Lights
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_button_light
|
||||
entity: light.hallway
|
||||
name: All
|
||||
- type: custom:button-card
|
||||
template: v3_button_light
|
||||
entity: light.hallway_main
|
||||
name: Main
|
||||
- type: custom:button-card
|
||||
template: v3_button_light
|
||||
entity: light.hallway_entrance
|
||||
name: Entrance
|
||||
|
||||
@@ -1,6 +1,11 @@
|
||||
- type: custom:mod-card
|
||||
style:
|
||||
layout-card:
|
||||
.: |
|
||||
* {
|
||||
--primary-color: #58892D
|
||||
}
|
||||
|
||||
$:
|
||||
horizontal-layout:
|
||||
$:
|
||||
@@ -9,72 +14,4 @@
|
||||
margin: 0 20px;
|
||||
grid-gap: 20px;
|
||||
}
|
||||
card:
|
||||
type: custom:layout-card
|
||||
layout_type: custom:horizontal-layout
|
||||
layout:
|
||||
max_cols: 2
|
||||
cards:
|
||||
- type: vertical-stack
|
||||
title: Kitchen
|
||||
cards:
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: light.kitchen
|
||||
name: Kitchen
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: light.kitchen_main
|
||||
name: Main
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: light.kitchen_secondary
|
||||
name: Secondary
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: half
|
||||
entity: light.hallway_entrance
|
||||
name: Entrance
|
||||
- type: custom:button-card
|
||||
template: half
|
||||
entity: light.hallway_main
|
||||
name: Hallway
|
||||
styles:
|
||||
card:
|
||||
- height: 46px
|
||||
|
||||
- type: horizontal-stack
|
||||
title: Devices
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: brita_water
|
||||
- type: custom:button-card
|
||||
template: radiator_button
|
||||
entity: climate.kitchen_radiator_mode
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: vacuum.vacuum
|
||||
name: Vacuum
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: binary_sensor.kitchen_window
|
||||
name: Window
|
||||
|
||||
- type: custom:decluttering-card
|
||||
template: media_with_controls
|
||||
variables:
|
||||
- player: media_player.kitchen
|
||||
- player_name: Kitchen
|
||||
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: custom:decluttering-card
|
||||
template: climate_card
|
||||
variables:
|
||||
- title: "Climate"
|
||||
- main_entity: sensor.kitchen_weather_temperature
|
||||
- left_entity: sensor.kitchen_weather_humidity
|
||||
- right_entity: sensor.kitchen_weather_pressure
|
||||
card: !include kitchen_dashboard_card.yaml
|
||||
|
||||
@@ -0,0 +1,70 @@
|
||||
type: custom:layout-card
|
||||
layout_type: custom:horizontal-layout
|
||||
layout:
|
||||
max_cols: 3
|
||||
cards:
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: custom:decluttering-card
|
||||
template: v3_title
|
||||
variables:
|
||||
- title: Kitchen
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_badge_temp
|
||||
entity: sensor.kitchen_weather_temperature
|
||||
- type: custom:button-card
|
||||
template: v3_badge_humidity
|
||||
entity: sensor.kitchen_weather_humidity
|
||||
- type: custom:button-card
|
||||
template: v3_badge_icon
|
||||
entity: binary_sensor.kitchen_motion_occupancy
|
||||
- type: custom:button-card
|
||||
template: v3_badge_icon
|
||||
entity: binary_sensor.kitchen_window
|
||||
|
||||
|
||||
- type: custom:decluttering-card
|
||||
template: v3_section_title
|
||||
variables:
|
||||
- title: Lights
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_button_light
|
||||
entity: light.kitchen
|
||||
name: All
|
||||
- type: custom:button-card
|
||||
template: v3_button_light
|
||||
entity: light.kitchen_main
|
||||
name: Main
|
||||
- type: custom:button-card
|
||||
template: v3_button_light
|
||||
entity: light.kitchen_secondary
|
||||
name: Secondary
|
||||
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: custom:decluttering-card
|
||||
template: v3_section_title
|
||||
variables:
|
||||
- title: Devices
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_button_brita_water
|
||||
- type: custom:button-card
|
||||
template: v3_button_radiator
|
||||
entity: climate.kitchen_radiator_mode
|
||||
name: Radiator
|
||||
- type: custom:button-card
|
||||
template: v3_button
|
||||
entity: vacuum.vacuum
|
||||
name: Vacuum
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_button
|
||||
entity: media_player.kitchen
|
||||
name: Sonos
|
||||
@@ -1,6 +1,11 @@
|
||||
- type: custom:mod-card
|
||||
style:
|
||||
layout-card:
|
||||
.: |
|
||||
* {
|
||||
--primary-color: #0040A0
|
||||
}
|
||||
|
||||
$:
|
||||
horizontal-layout:
|
||||
$:
|
||||
@@ -16,137 +21,127 @@
|
||||
max_cols: 3
|
||||
cards:
|
||||
- type: vertical-stack
|
||||
title: Living room
|
||||
cards:
|
||||
- type: custom:decluttering-card
|
||||
template: v3_title
|
||||
variables:
|
||||
- title: Living room
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: light.living_room
|
||||
name: Living room
|
||||
template: v3_badge_temp
|
||||
entity: sensor.multisensor_6_temperature
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: light.living_room_main
|
||||
name: Main
|
||||
template: v3_badge_humidity
|
||||
entity: sensor.multisensor_6_relative_humidity
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: light.pc
|
||||
name: PC
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: light.living_room_ambient
|
||||
name: Ambient
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: half
|
||||
entity: light.living_room_ambient_main
|
||||
name: Main
|
||||
- type: custom:button-card
|
||||
template: half
|
||||
entity: light.light_avatar_small_1
|
||||
name: Secondary
|
||||
styles:
|
||||
card:
|
||||
- height: 46px
|
||||
- type: horizontal-stack
|
||||
template: v3_badge_icon
|
||||
entity: binary_sensor.living_room_right_window
|
||||
|
||||
- type: custom:decluttering-card
|
||||
template: v3_section_title
|
||||
variables:
|
||||
- title: Scenes
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: [small, scene]
|
||||
template: v3_scene
|
||||
entity: scene.living_room_ambient_neon
|
||||
name: Neon
|
||||
variables:
|
||||
scene_color_1: rgb(255, 0, 190)
|
||||
scene_color_2: rgb(0, 255, 190)
|
||||
scene_color_1: rgba(255, 0, 190, 0.7)
|
||||
scene_color_2: rgba(0, 255, 190, 0.7)
|
||||
- type: custom:button-card
|
||||
template: [small, scene]
|
||||
template: v3_scene
|
||||
entity: scene.living_room_ambient_default
|
||||
name: Regular
|
||||
name: Warm
|
||||
variables:
|
||||
scene_color_1: rgb(254, 255, 209)
|
||||
scene_color_1: rgba(240, 240, 190, 0.7)
|
||||
scene_color_2: rgba(255, 210, 170, 0.7)
|
||||
- type: custom:decluttering-card
|
||||
template: v3_section_title
|
||||
variables:
|
||||
- title: Lights
|
||||
- type: horizontal-stack
|
||||
title: Devices
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: [default, cover]
|
||||
template: v3_button_light
|
||||
entity: light.living_room
|
||||
name: All
|
||||
- type: custom:button-card
|
||||
template: v3_button_light
|
||||
entity: light.living_room_main
|
||||
name: Main
|
||||
- type: custom:button-card
|
||||
template: v3_button_light
|
||||
entity: light.pc
|
||||
name: PC
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_button_light
|
||||
entity: light.living_room_ambient
|
||||
name: Ambient
|
||||
- type: custom:button-card
|
||||
template: v3_button_light
|
||||
entity: light.living_room_ambient_main
|
||||
name: Ambient Main
|
||||
- type: custom:button-card
|
||||
template: v3_button
|
||||
entity: light.light_avatar_small_1
|
||||
name: Ambient 2nd
|
||||
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: custom:decluttering-card
|
||||
template: v3_section_title
|
||||
variables:
|
||||
- title: "Devices"
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_button
|
||||
entity: media_player.living_room
|
||||
name: Sonos
|
||||
- type: custom:button-card
|
||||
template: v3_button_tv
|
||||
entity: media_player.living_room_tv
|
||||
name: TV
|
||||
- type: custom:button-card
|
||||
template: v3_button_cover
|
||||
entity: cover.living_room
|
||||
name: Cover
|
||||
name: Blinds
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.toggle_living_room_cover
|
||||
- type: custom:button-card
|
||||
template: radiator_button
|
||||
entity: climate.living_room_radiator_mode
|
||||
- type: custom:button-card
|
||||
template: ac_button
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: binary_sensor.living_room_right_window
|
||||
name: Window
|
||||
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: media_player.living_room_tv
|
||||
name: TV
|
||||
icon: mdi:television
|
||||
template: v3_button_radiator
|
||||
entity: climate.living_room_radiator_mode
|
||||
name: Radiator
|
||||
- type: custom:button-card
|
||||
template: v3_button_ac
|
||||
entity: climate.toshiba_ac
|
||||
name: AC
|
||||
tap_action:
|
||||
action: toggle
|
||||
state:
|
||||
- value: 'playing'
|
||||
styles: &on_styles
|
||||
card:
|
||||
- background-color: var(--primary-color)
|
||||
- color: black
|
||||
icon:
|
||||
- color: black
|
||||
- value: 'standby'
|
||||
styles: *on_styles
|
||||
- value: 'on'
|
||||
styles: *on_styles
|
||||
- value: 'home'
|
||||
styles: *on_styles
|
||||
- value: 'idle'
|
||||
styles: *on_styles
|
||||
- type: custom:button-card
|
||||
template: [default, with_state_indicator]
|
||||
entity: switch.titanium
|
||||
variables:
|
||||
state_indicator_id: automation.titanium_turn_off_when_idle
|
||||
action: call-service
|
||||
service: script.toshiba_ac_toggle
|
||||
|
||||
- type: custom:button-card
|
||||
template: [regular, progress]
|
||||
entity: sensor.desk_outlet_power
|
||||
name: Desk power
|
||||
template: v3_button_power
|
||||
entity: switch.desk_outlet
|
||||
name: Desk Outlet
|
||||
variables:
|
||||
min_value: 1
|
||||
max_value: 800
|
||||
normal_value: 100
|
||||
high_value: 300
|
||||
power_sensor: sensor.desk_outlet_power
|
||||
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: custom:decluttering-card
|
||||
template: climate_card
|
||||
variables:
|
||||
- title: "Climate"
|
||||
- main_entity: sensor.multisensor_6_temperature
|
||||
- left_entity: sensor.multisensor_6_relative_humidity
|
||||
- left_name: Humidity (6)
|
||||
- right_entity: sensor.multisensor_6_luminance
|
||||
- right_name: Luminance (6)
|
||||
|
||||
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: custom:decluttering-card
|
||||
template: media_with_controls
|
||||
variables:
|
||||
- player: media_player.living_room
|
||||
- player_name: Living room
|
||||
- type: vertical-stack
|
||||
title: Camera
|
||||
cards:
|
||||
- type: custom:decluttering-card
|
||||
template: v3_section_title
|
||||
variables:
|
||||
- title: Camera
|
||||
- type: picture-glance
|
||||
camera_image: camera.mercury_amcrest_1
|
||||
entities: []
|
||||
|
||||
@@ -1,271 +0,0 @@
|
||||
- type: custom:mod-card
|
||||
style:
|
||||
layout-card:
|
||||
$:
|
||||
horizontal-layout:
|
||||
$:
|
||||
.: |
|
||||
#columns {
|
||||
margin: 0 20px;
|
||||
grid-gap: 20px;
|
||||
}
|
||||
card:
|
||||
type: custom:layout-card
|
||||
layout_type: custom:horizontal-layout
|
||||
layout:
|
||||
max_cols: 3
|
||||
cards:
|
||||
# Column 1
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: vertical-stack
|
||||
title: Lights
|
||||
cards:
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: half
|
||||
icon: none
|
||||
entity: light.all
|
||||
name: All
|
||||
- type: custom:button-card
|
||||
template: half
|
||||
icon: none
|
||||
entity: light.ceiling
|
||||
name: Ceiling
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: light.living_room
|
||||
name: Living room
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: light.living_room_main
|
||||
name: Main
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: light.pc
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: light.living_room_ambient
|
||||
name: Ambient
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: light.master_bedroom
|
||||
name: Bedroom
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: light.master_bedroom_main
|
||||
name: Main
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: light.bed_led
|
||||
name: Bed
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.bed_led_toggle
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: light.bedside
|
||||
name: Bedside
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: light.kitchen
|
||||
name: Kitchen
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: light.hallway_main
|
||||
name: Hallway
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: light.hallway_entrance
|
||||
name: Entrance
|
||||
- type: vertical-stack
|
||||
title: Climate
|
||||
cards:
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: [regular, progress]
|
||||
entity: sensor.average_temperature
|
||||
icon: mdi:thermometer
|
||||
state_display: "[[[ return Math.round(entity.state) + ' °C' ]]]"
|
||||
- type: custom:button-card
|
||||
template: [regular, progress]
|
||||
entity: sensor.average_humidity
|
||||
icon: mdi:water-percent
|
||||
state_display: "[[[ return Math.round(entity.state) + ' %' ]]]"
|
||||
variables:
|
||||
min_value: 25
|
||||
max_value: 90
|
||||
normal_value: 40
|
||||
high_value: 65
|
||||
low_color: "var(--color-red)"
|
||||
|
||||
# Column 2
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: vertical-stack
|
||||
title: Devices
|
||||
cards:
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: [default, cover]
|
||||
entity: cover.living_room
|
||||
name: LR Cover
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: script.toggle_living_room_cover
|
||||
- type: custom:button-card
|
||||
template: regular
|
||||
entity: media_player.living_room_tv
|
||||
name: TV
|
||||
icon: mdi:television
|
||||
tap_action:
|
||||
action: toggle
|
||||
state:
|
||||
- value: 'playing'
|
||||
styles: &on_styles
|
||||
card:
|
||||
- background-color: var(--primary-color)
|
||||
- color: black
|
||||
icon:
|
||||
- color: black
|
||||
- value: 'standby'
|
||||
styles: *on_styles
|
||||
- value: 'on'
|
||||
styles: *on_styles
|
||||
- value: 'home'
|
||||
styles: *on_styles
|
||||
- value: 'idle'
|
||||
styles: *on_styles
|
||||
|
||||
- type: custom:button-card
|
||||
template: [default, with_state_indicator]
|
||||
entity: switch.titanium
|
||||
variables:
|
||||
state_indicator_id: automation.titanium_turn_off_when_idle
|
||||
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: binary_sensor.pi_hole_enabled
|
||||
name: Pi-Hole
|
||||
icon: mdi:pi-hole
|
||||
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: ac_button
|
||||
- type: custom:button-card
|
||||
template: radiator_button
|
||||
entity: climate.living_room_radiator_mode
|
||||
name: "Living room"
|
||||
- type: custom:button-card
|
||||
template: radiator_button
|
||||
entity: climate.bedroom_radiator_mode
|
||||
name: "Bedroom"
|
||||
- type: custom:button-card
|
||||
template: radiator_button
|
||||
entity: climate.kitchen_radiator_mode
|
||||
name: "Kitchen"
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: camera.mercury_amcrest_1
|
||||
name: Living Room
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: switch.tapo_bedroom
|
||||
name: Bedroom
|
||||
- type: custom:button-card
|
||||
template: [default, with_state_indicator]
|
||||
entity: fan.philips_airpurifier
|
||||
variables:
|
||||
state_indicator_id: binary_sensor.purifier_filter_needs_change
|
||||
state_indicator_size: 5px
|
||||
state_indicator_off_size: 0px
|
||||
state_indicator_on_color: var(--color-red)
|
||||
state_on_indicator_on_color: var(--color-red)
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: vacuum.vacuum
|
||||
name: Vacuum
|
||||
- type: custom:button-card
|
||||
template: brita_water
|
||||
|
||||
- type: vertical-stack
|
||||
title: Sensors
|
||||
cards:
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: binary_sensor.living_room_right_window
|
||||
name: Living room
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: binary_sensor.bedroom_left_window
|
||||
name: Bedroom left
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: binary_sensor.bedroom_right_window
|
||||
name: Bedroom right
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: binary_sensor.kitchen_window
|
||||
name: Kitchen
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: binary_sensor.georgi_home
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: input_boolean.toggle
|
||||
service_data:
|
||||
entity_id: input_boolean.georgi_home
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: binary_sensor.front_door
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: binary_sensor.bedroom_door
|
||||
|
||||
|
||||
# Column 3
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: custom:decluttering-card
|
||||
template: media_with_controls
|
||||
variables:
|
||||
- player: media_player.master_bedroom
|
||||
- player_name: Bedroom
|
||||
|
||||
- type: custom:decluttering-card
|
||||
template: sonos_media_player_small
|
||||
variables:
|
||||
- player: media_player.living_room
|
||||
- name: Living room
|
||||
|
||||
- type: custom:decluttering-card
|
||||
template: sonos_media_player_small
|
||||
variables:
|
||||
- player: media_player.kitchen
|
||||
- name: Kitchen
|
||||
|
||||
- type: custom:decluttering-card
|
||||
template: sonos_media_player_small
|
||||
variables:
|
||||
- player: media_player.bathroom
|
||||
- name: Bathroom
|
||||
@@ -1,6 +1,11 @@
|
||||
- type: custom:mod-card
|
||||
style:
|
||||
layout-card:
|
||||
.: |
|
||||
* {
|
||||
--primary-color: #6A737A
|
||||
}
|
||||
|
||||
$:
|
||||
horizontal-layout:
|
||||
$:
|
||||
@@ -13,78 +18,99 @@
|
||||
type: custom:layout-card
|
||||
layout_type: custom:horizontal-layout
|
||||
layout:
|
||||
max_cols: 2
|
||||
max_cols: 3
|
||||
cards:
|
||||
- type: vertical-stack
|
||||
title: Temperature
|
||||
cards:
|
||||
- type: entities
|
||||
show_header_toggle: false
|
||||
entities:
|
||||
- input_boolean.heating_enabled
|
||||
- input_number.radiators_temperature
|
||||
- script.turn_on_all_radiators
|
||||
- type: divider
|
||||
- input_boolean.ac_heating
|
||||
- input_number.toshiba_heat_temp
|
||||
- input_number.toshiba_cool_temp
|
||||
- input_number.toshiba_trigger_temp
|
||||
- type: entities
|
||||
entities:
|
||||
- input_number.bathroom_high_volume
|
||||
- type: custom:decluttering-card
|
||||
template: v3_title
|
||||
variables:
|
||||
- title: Preferences
|
||||
|
||||
- type: vertical-stack
|
||||
title: Controls
|
||||
cards:
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: [default, with_state_indicator, with_state_background]
|
||||
template: [v3_button, with_state_indicator]
|
||||
entity: input_boolean.alarm_enabled
|
||||
state_display: >-
|
||||
[[[
|
||||
if (entity.state === 'off') { return 'Off'; }
|
||||
const time = states['input_datetime.alarm_time'].state;
|
||||
return time.split(':').slice(0, -1).join(':');
|
||||
]]]
|
||||
show_state: true
|
||||
show_name: false
|
||||
styles:
|
||||
icon:
|
||||
- transform: translateY(0) # adjusted for state indicator size
|
||||
state:
|
||||
- transform: translateY(-8px) # adjusted for state indicator size
|
||||
name: Alarm
|
||||
variables:
|
||||
state_indicator_id: automation.alarm_set_time
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
template: v3_button
|
||||
entity: input_boolean.speech_notifications
|
||||
name: Speech
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
entity: binary_sensor.house_mode
|
||||
template: v3_button
|
||||
entity: input_select.house_mode
|
||||
name: House
|
||||
tap_action:
|
||||
action: call-service
|
||||
service: input_select.select_next
|
||||
service_data:
|
||||
entity_id: input_select.house_mode
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
name: Guests
|
||||
entity: input_boolean.guest_mode
|
||||
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
template: v3_button
|
||||
name: Guests
|
||||
entity: input_boolean.guest_mode
|
||||
- type: custom:button-card
|
||||
template: v3_button
|
||||
entity: input_boolean.simulation_mode
|
||||
name: Simulation
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
template: v3_button
|
||||
entity: switch.mercury_home_mode
|
||||
name: Mercury
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: default
|
||||
template: v3_button
|
||||
entity: binary_sensor.pi_hole_enabled
|
||||
name: Pi-Hole
|
||||
icon: mdi:pi-hole
|
||||
|
||||
- type: custom:decluttering-card
|
||||
template: v3_section_title
|
||||
variables:
|
||||
- title: Media
|
||||
- type: entities
|
||||
entities:
|
||||
- input_number.bathroom_high_volume
|
||||
|
||||
- type: vertical-stack
|
||||
cards:
|
||||
- type: custom:decluttering-card
|
||||
template: v3_section_title
|
||||
variables:
|
||||
- title: Climate
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_button
|
||||
entity: input_boolean.heating_enabled
|
||||
name: Central Heating
|
||||
- type: custom:button-card
|
||||
template: v3_button
|
||||
entity: input_boolean.ac_heating
|
||||
name: AC Heating
|
||||
- type: custom:button-card
|
||||
template: v3_button
|
||||
entity: script.turn_on_all_radiators
|
||||
name: Turn On Radiators
|
||||
|
||||
- type: entities
|
||||
show_header_toggle: false
|
||||
entities:
|
||||
- input_number.radiators_temperature
|
||||
- type: divider
|
||||
- input_number.toshiba_heat_temp
|
||||
- input_number.toshiba_cool_temp
|
||||
- input_number.toshiba_trigger_temp
|
||||
|
||||
@@ -1,10 +1,15 @@
|
||||
binary_sensor.house_mode:
|
||||
title: House mode
|
||||
style: &popup_style
|
||||
"--ha-card-border-radius": 0 0 0.8em 0.8em
|
||||
border-radius: 0.8em
|
||||
opacity: 0.95
|
||||
width: 500px
|
||||
style: &popup_style |
|
||||
ha-dialog {
|
||||
--mdc-dialog-min-width: 400px !important;
|
||||
--mdc-dialog-max-width: 500px !important;
|
||||
}
|
||||
|
||||
.content {
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
card:
|
||||
type: entities
|
||||
entities:
|
||||
@@ -79,38 +84,45 @@ binary_sensor.camera_state:
|
||||
show_name: true
|
||||
show_state: true
|
||||
|
||||
media_player.kitchen:
|
||||
title: Kitchen Sonos
|
||||
style: *popup_style
|
||||
media_player.living_room:
|
||||
title: Living room Sonos
|
||||
card:
|
||||
type: custom:decluttering-card
|
||||
template: sonos_media_player
|
||||
template: v3_media_with_controls
|
||||
variables:
|
||||
- player: media_player.living_room
|
||||
- player_name: Living room
|
||||
- title: ""
|
||||
|
||||
media_player.kitchen:
|
||||
title: Kitchen Sonos
|
||||
card:
|
||||
type: custom:decluttering-card
|
||||
template: v3_media_with_controls
|
||||
variables:
|
||||
- player: media_player.kitchen
|
||||
- name: Kitchen
|
||||
- sync_volume: false
|
||||
- player_name: Kitchen
|
||||
- title: ""
|
||||
|
||||
media_player.bathroom:
|
||||
title: Bathroom Sonos
|
||||
style: *popup_style
|
||||
card:
|
||||
type: custom:decluttering-card
|
||||
template: sonos_media_player
|
||||
template: v3_media_with_controls
|
||||
variables:
|
||||
- player: media_player.bathroom
|
||||
- name: Bathroom
|
||||
- sync_volume: false
|
||||
- player_name: Bathroom
|
||||
- title: ""
|
||||
|
||||
media_player.master_bedroom:
|
||||
title: Master bedroom Sonos
|
||||
style: *popup_style
|
||||
title: Bedroom Sonos
|
||||
card:
|
||||
type: custom:decluttering-card
|
||||
template: sonos_media_player
|
||||
template: v3_media_with_controls
|
||||
variables:
|
||||
- player: media_player.master_bedroom
|
||||
- name: Bedroom
|
||||
- sync_volume: false
|
||||
- player_name: Bedroom
|
||||
- title: ""
|
||||
|
||||
media_player.nvidia_shield: &nvidia_shield
|
||||
title: TV
|
||||
@@ -150,20 +162,21 @@ media_player.nvidia_shield: &nvidia_shield
|
||||
action: call-service
|
||||
service: script.tv_bulsatcom_toggle
|
||||
|
||||
- type: "custom:mini-media-player"
|
||||
- type: custom:mini-media-player
|
||||
entity: media_player.nvidia_shield
|
||||
|
||||
- type: "custom:mini-media-player"
|
||||
- type: custom:mini-media-player
|
||||
entity: media_player.living_room_tv
|
||||
|
||||
- type: custom:decluttering-card
|
||||
template: sonos_media_player
|
||||
variables:
|
||||
- player: media_player.living_room
|
||||
- name: Living room
|
||||
- name: Sonos
|
||||
- sync_volume: false
|
||||
|
||||
- type: horizontal-stack
|
||||
title: Remotes
|
||||
cards:
|
||||
- type: custom:decluttering-card
|
||||
template: hdmi_switch_remote_card
|
||||
@@ -172,23 +185,112 @@ media_player.nvidia_shield: &nvidia_shield
|
||||
|
||||
media_player.living_room_tv: *nvidia_shield
|
||||
|
||||
light.living_room_main:
|
||||
title: Living room lights
|
||||
style: *popup_style
|
||||
|
||||
sensor.active_motion_sensors:
|
||||
title: Active motion sensors
|
||||
card:
|
||||
type: custom:mod-card
|
||||
card:
|
||||
type: custom:light-popup-card
|
||||
entity: light.living_room_main
|
||||
fullscreen: false
|
||||
supportedFeaturesTreshold: -1
|
||||
actionsInARow: 2
|
||||
actions:
|
||||
- service: light.toggle
|
||||
service_data:
|
||||
entity_id: light.living_room_main
|
||||
color: "#ffffcc"
|
||||
name: Toggle
|
||||
type: vertical-stack
|
||||
cards:
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_button
|
||||
entity: binary_sensor.hallway_motion_occupancy
|
||||
name: Hallway Entrance
|
||||
styles:
|
||||
card:
|
||||
- margin-left: 8px
|
||||
variables:
|
||||
background_color: rgba(60, 60, 60, 1)
|
||||
- type: custom:button-card
|
||||
template: v3_button
|
||||
entity: binary_sensor.trisensor_motion
|
||||
name: Hallway
|
||||
variables:
|
||||
background_color: rgba(60, 60, 60, 1)
|
||||
- type: custom:button-card
|
||||
template: v3_button
|
||||
entity: binary_sensor.multisensor_motion
|
||||
name: Living Room
|
||||
variables:
|
||||
background_color: rgba(60, 60, 60, 1)
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_button
|
||||
entity: binary_sensor.kitchen_motion_occupancy
|
||||
name: Kitchen
|
||||
styles:
|
||||
card:
|
||||
- margin-left: 8px
|
||||
- margin-bottom: 8px
|
||||
variables:
|
||||
background_color: rgba(60, 60, 60, 1)
|
||||
|
||||
|
||||
sensor.open_door_count:
|
||||
title: Open doors
|
||||
card:
|
||||
type: vertical-stack
|
||||
cards:
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_button
|
||||
entity: binary_sensor.front_door
|
||||
styles:
|
||||
card:
|
||||
- margin-left: 8px
|
||||
- margin-bottom: 8px
|
||||
variables:
|
||||
background_color: rgba(60, 60, 60, 1)
|
||||
- type: custom:button-card
|
||||
template: v3_button
|
||||
entity: binary_sensor.bedroom_door
|
||||
name: Bedroom
|
||||
variables:
|
||||
background_color: rgba(60, 60, 60, 1)
|
||||
|
||||
sensor.open_window_count:
|
||||
title: Open windows
|
||||
card:
|
||||
type: vertical-stack
|
||||
cards:
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_button
|
||||
entity: binary_sensor.living_room_right_window
|
||||
name: Living Room
|
||||
styles:
|
||||
card:
|
||||
- margin-left: 8px
|
||||
variables:
|
||||
background_color: rgba(60, 60, 60, 1)
|
||||
- type: custom:button-card
|
||||
template: v3_button
|
||||
entity: binary_sensor.bedroom_left_window
|
||||
name: Bedroom Left
|
||||
variables:
|
||||
background_color: rgba(60, 60, 60, 1)
|
||||
- type: custom:button-card
|
||||
template: v3_button
|
||||
entity: binary_sensor.bedroom_right_window
|
||||
name: Bedroom Right
|
||||
variables:
|
||||
background_color: rgba(60, 60, 60, 1)
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: custom:button-card
|
||||
template: v3_button
|
||||
entity: binary_sensor.kitchen_window
|
||||
name: Kitchen
|
||||
styles:
|
||||
card:
|
||||
- margin-left: 8px
|
||||
- margin-bottom: 8px
|
||||
variables:
|
||||
background_color: rgba(60, 60, 60, 1)
|
||||
|
||||
sensor.bedroom_weather_temperature:
|
||||
title: Bedroom climate
|
||||
|
||||
@@ -14,8 +14,6 @@
|
||||
type: module
|
||||
- url: /hacsfiles/decluttering-card/decluttering-card.js
|
||||
type: module
|
||||
- url: /hacsfiles/lovelace-gui-sandbox/gui-sandbox.js
|
||||
type: module
|
||||
- url: /hacsfiles/hass-bha-icons/hass-bha-icons.js
|
||||
type: module
|
||||
- url: /hacsfiles/kiosk-mode/kiosk-mode.js
|
||||
@@ -46,6 +44,8 @@
|
||||
type: module
|
||||
- url: /hacsfiles/kb-better-graph-colors/kb-better-graph-colors.js
|
||||
type: module
|
||||
- url: /hacsfiles/lovelace-swipe-navigation/swipe-navigation.js
|
||||
type: module
|
||||
- url: /hacsfiles/lovelace-template-entity-row/template-entity-row.js
|
||||
type: module
|
||||
- url: /hacsfiles/travel-time-card/travel-time-card.js
|
||||
|
||||
Reference in New Issue
Block a user