Update dashboard designs

This commit is contained in:
2022-06-25 17:37:38 +03:00
parent 11e0619fd4
commit 882d7c8a8c
12 changed files with 274 additions and 134 deletions
@@ -12,6 +12,7 @@ v3_title:
ha-card > ha-markdown {
font-size: 22px;
padding: 20px 20px 20px 0;
padding-left: 0;
padding-bottom: 14px;
letter-spacing: -1px;
}
@@ -3,7 +3,7 @@
layout-card:
.: |
* {
--primary-color: #FF7900
--primary-color: #2982c4
}
$:
@@ -3,7 +3,7 @@
layout-card:
.: |
* {
--primary-color: #871CAB
--primary-color: #9489d1
}
$:
@@ -41,6 +41,8 @@
state_display: "[[[return entity.state.split(' ')[0] + ' pm2.5']]]"
variables:
state_size: "11px"
- type: horizontal-stack
cards:
- type: custom:button-card
template: v3_badge_icon
entity: binary_sensor.bedroom_left_window
@@ -3,7 +3,7 @@
layout-card:
.: |
* {
--primary-color: #188A9C
--primary-color: #b1633e
}
$:
@@ -37,6 +37,8 @@
- type: custom:button-card
template: v3_badge_icon
entity: group.hallway_motion
- type: horizontal-stack
cards:
- type: custom:button-card
template: v3_badge_icon
entity: binary_sensor.hallway_motion_occupancy
@@ -3,7 +3,7 @@
layout-card:
.: |
* {
--primary-color: #58892D
--primary-color: #bacd8c
}
$:
@@ -14,4 +14,93 @@
margin: 0 20px;
grid-gap: 20px;
}
card: !include kitchen_dashboard_card.yaml
card:
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: horizontal-stack
cards:
- type: custom:button-card
template: v3_badge_icon
entity: binary_sensor.kitchen_window
- type: custom:button-card
template: v3_badge_icon
entity: binary_sensor.kitchen_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.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
entity: media_player.kitchen
name: Sonos
- type: custom:button-card
template: v3_button
entity: binary_sensor.sonos_is_kitchen_grouped
name: Sonos Grouped
tap_action:
action: call-service
service: "[[[ return entity.state == 'on' ? 'script.sonos_kitchen_unjoin' : 'script.sonos_kitchen_join' ]]]"
- type: custom:button-card
template: v3_button_radiator
entity: climate.kitchen_radiator_mode
name: Radiator
- type: horizontal-stack
cards:
- type: custom:button-card
template: v3_button
entity: vacuum.vacuum
name: Vacuum
- type: custom:button-card
template: v3_button_brita_water
- type: custom:button-card
template: v3_button_power
entity: switch.kitchen_outlet
name: Outlet
variables:
power_sensor: sensor.kitchen_outlet_electric_consumption_w
@@ -1,87 +0,0 @@
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:button-card
template: v3_badge_icon
entity: binary_sensor.kitchen_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.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
entity: media_player.kitchen
name: Sonos
- type: custom:button-card
template: v3_button
entity: binary_sensor.sonos_is_kitchen_grouped
name: Sonos Grouped
tap_action:
action: call-service
service: "[[[ return entity.state == 'on' ? 'script.sonos_kitchen_unjoin' : 'script.sonos_kitchen_join' ]]]"
- type: custom:button-card
template: v3_button_radiator
entity: climate.kitchen_radiator_mode
name: Radiator
- type: horizontal-stack
cards:
- type: custom:button-card
template: v3_button
entity: vacuum.vacuum
name: Vacuum
- type: custom:button-card
template: v3_button_brita_water
- type: custom:button-card
template: v3_button_power
entity: switch.kitchen_outlet
name: Outlet
variables:
power_sensor: sensor.kitchen_outlet_electric_consumption_w
@@ -3,7 +3,7 @@
layout-card:
.: |
* {
--primary-color: #0040A0
--primary-color: #6b8988
}
$:
@@ -26,6 +26,17 @@
template: v3_title
variables:
- title: Living room
- type: horizontal-stack
cards:
- type: custom:button-card
template: v3_badge_temp
entity: sensor.multisensor_6_temperature
- type: custom:button-card
template: v3_badge_humidity
entity: sensor.multisensor_6_relative_humidity
- type: custom:button-card
template: v3_badge
entity: sensor.aqara_tvoc_voc
- type: horizontal-stack
cards:
- type: custom:button-card
@@ -40,17 +51,6 @@
styles:
card:
- background-image: url("/local/images/people/maya.jpg")
- type: custom:button-card
template: v3_badge_temp
entity: sensor.multisensor_6_temperature
- type: custom:button-card
template: v3_badge_humidity
entity: sensor.multisensor_6_relative_humidity
- type: horizontal-stack
cards:
- type: custom:button-card
template: v3_badge
entity: sensor.aqara_tvoc_voc
- type: custom:button-card
template: v3_badge_icon
entity: binary_sensor.toshiba_ac_conditions_met
@@ -28,24 +28,6 @@
- title: Preferences
- type: horizontal-stack
cards:
- type: custom:button-card
template: v3_button_person
entity: input_boolean.georgi_home
styles:
card:
- background-image: url("/local/images/people/georgi.jpg")
- type: custom:button-card
template: v3_button_person
entity: input_boolean.player_2_home
styles:
card:
- background-image: url("/local/images/people/maya.jpg")
# - type: custom:button-card
# template: v3_button_person
# entity: input_boolean.player_2_home
# styles:
# card:
# - background-image: url("/local/images/people/milena.jpg")
- type: custom:button-card
template: v3_badge
entity: binary_sensor.someone_home
@@ -53,6 +35,10 @@
template: v3_badge
entity: binary_sensor.someone_sleeping
- type: custom:decluttering-card
template: v3_section_title
variables:
- title: Toggles
- type: horizontal-stack
cards:
- type: custom:button-card