mirror of
https://github.com/GeorgeSG/sarah.git
synced 2026-05-13 19:54:42 +00:00
UI v3
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user