GeorgeSG/sarah
1
0
Fork 0
mirror of https://github.com/GeorgeSG/sarah.git synced 2026-06-21 10:57:43 +00:00
Code Issues Projects Releases Wiki Activity

UI v3

Browse Source
This commit is contained in:
Georgi Gardev
2021-10-10 19:02:34 +03:00
parent 4245f8d2d9
commit 67a1fd9853
87 changed files with 1995 additions and 1226 deletions
Download Patch File Download Diff File Expand all files Collapse all files
config/lovelace/decluttering_templates/v3/v3_horizontal_stack_card.yaml
+16
View File
@@ -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
}
config/lovelace/decluttering_templates/v3/v3_media_with_controls.yaml
+121
View File
@@ -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
config/lovelace/decluttering_templates/v3/v3_section_title.yaml
+18
View File
@@ -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]];
}
config/lovelace/decluttering_templates/v3/v3_title.yaml
+17
View File
@@ -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;
}