GeorgeSG/sarah
1
0
Fork 0
mirror of https://github.com/GeorgeSG/sarah.git synced 2026-05-13 19:54:42 +00:00
Code Issues Projects Releases Wiki Activity

Extract brita water card into a template

Browse Source
This commit is contained in:
Georgi Gardev
2020-05-01 18:28:09 +03:00
parent 8c6c133c9d
commit 725c92a9f7
3 changed files with 53 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files
config/lovelace/home_dashboard/kitchen_dashboard.yaml
+2 -25
View File
@@ -48,31 +48,8 @@
- type: horizontal-stack
title: Brita
cards:
- type: custom:button-card
template: default
name: Pour water
entity: script.brita_pour_water
custom_fields:
remaining_liters: "[[[ return states['input_number.brita_remaining_liters'].state ]]]"
tap_action:
action: toggle
styles:
card:
- background: >
[[[
const remaining = states['input_number.brita_remaining_liters'].state;
const percent = 100 - (remaining / 150 * 100);
return 'linear-gradient(180deg, var(--paper-card-background-color) 0%, var(--paper-card-background-color)' + percent + '%, var(--primary-color) ' + percent + '%)'
]]]
- color: white
icon:
- color: white
custom_fields:
remaining_liters:
- position: absolute
- top: 5px
- right: 5px
- font-size: 12px
- type: custom:decluttering-card
template: brita_water_card
- type: custom:button-card
template: default
name: New filter
config/lovelace/home_dashboard/main_dashboard.yaml
+2 -47
View File
@@ -126,53 +126,8 @@
entity: binary_sensor.pi_hole_enabled
name: Pi-Hole
icon: mdi:pi-hole
- type: custom:button-card
template:
- default
- with_state_indicator
name: Brita water
entity: script.brita_pour_water
custom_fields:
remaining_liters: "[[[ return states['input_number.brita_remaining_liters'].state ]]]"
tap_action:
action: toggle
styles:
card:
- background: >
[[[
const remaining = states['input_number.brita_remaining_liters'].state;
const percent = 100 - (remaining / 150 * 100);
return 'linear-gradient(180deg, var(--paper-card-background-color) 0%, var(--paper-card-background-color)' + percent + '%, var(--primary-color) ' + percent + '%)'
]]]
- color: white
name:
- color: >
[[[
const remaining = states['input_number.brita_remaining_liters'].state;
const percent = 100 - (remaining / 150 * 100);
return percent < 75 ? 'black' : 'white';
]]]
icon:
- color: >
[[[
const remaining = states['input_number.brita_remaining_liters'].state;
const percent = 100 - (remaining / 150 * 100);
return percent < 25 ? 'black' : 'white';
]]]
custom_fields:
remaining_liters:
- position: absolute
- top: 5px
- right: 5px
- font-size: 12px
variables:
state_indicator_id: binary_sensor.brita_should_change_filter
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:decluttering-card
template: brita_water_card
# Column 2
- type: vertical-stack