Add with_state_indicator button template. Use for motion

This commit is contained in:
2020-05-01 16:39:12 +03:00
parent caf330bfed
commit 75522efb2b
6 changed files with 43 additions and 11 deletions
@@ -1,4 +1,4 @@
default:
template:
- small
- with_state
- with_state_background
@@ -1,5 +1,5 @@
half:
template: with_state
template: with_state_background
size: 30px
show_icon: false
hold_action:
@@ -1,4 +1,4 @@
with_state:
with_state_background:
state:
- value: 'on'
styles:
@@ -0,0 +1,22 @@
with_state_indicator:
variables:
state_indicator_id:
state_indicator_size: 3px
state_indicator_on_color: white
state_indicator_off_color: transparent
triggers_update: all # unfortunately a template doesn't seem to work here :/
double_tap_action:
action: call-service
service: "[[[ return variables.state_indicator_id.split('.')[0] + '.toggle' ]]]"
service_data:
entity_id: "[[[ return variables.state_indicator_id ]]]"
styles:
card:
- border-bottom: >-
[[[
const color = states[variables.state_indicator_id].state === 'on'
? variables.state_indicator_on_color
: variables.state_indicator_off_color;
return variables.state_indicator_size + ' solid ' + color;
]]]
@@ -129,7 +129,7 @@
- type: custom:button-card
template:
- xs
- with_state
- with_state_background
entity: script.sonos_join_tv
icon: mdi:speaker-multiple
name: TV
@@ -141,29 +141,29 @@
- type: custom:button-card
template:
- xs
- with_state
- with_state_background
entity: binary_sensor.browser_kitchen
name: Motion
- type: custom:button-card
template:
- xs
- with_state
- with_state_background
entity: binary_sensor.motion_1_ias_zone
name: Motion 2
- type: custom:button-card
template:
- xs
- with_state
- with_state_background
entity: binary_sensor.motion_2_ias_zone
name: Hallway
- type: custom:button-card
template:
- xs
- with_state
- with_state_background
entity: media_player.nvidia_shield
name: Shield
- type: custom:button-card
template:
- xs
- with_state
- with_state_background
entity: switch.titanium_power
@@ -236,17 +236,27 @@
- type: horizontal-stack
cards:
- type: custom:button-card
template: default
template:
- default
- with_state_indicator
entity: binary_sensor.motion_2_ias_zone
name: Hallway
variables:
state_indicator_id: automation.lighting_hallway_day_mode_motion_turn_lights_on
state_indicator_on_color: "var(--accent-color)"
- type: custom:button-card
template: default
entity: binary_sensor.browser_kitchen
name: Kitchen
- type: custom:button-card
template: default
template:
- default
- with_state_indicator
entity: binary_sensor.motion_1_ias_zone
name: Kitchen 2
variables:
state_indicator_id: automation.lighting_kitchen_day_mode_motion_turn_lights_on_after_sunset
state_indicator_on_color: "var(--accent-color)"
- type: vertical-stack
title: Presence