Witam,
Możecie mi podpowiedzieć jak mogę ustawić w Node-redzie monitorowanie stanu encji?
I w zależności od jej staniu, żeby przycisk input_boolean osadzony w karcie zmieniał kolory i ikony?
Dzięki.
Czy chcesz do tego zaprzęgać node-red, czy żeby w panelu zmieniały się kolory ikon (i też ikony) jak na poniższym przykładzie:
type: picture-elements
image: /local/img/pralka.jpg
elements:
- type: state-label
entity: input_number.pralkaplicznikmiesieczny
title: 'Łącznie prań: '
style:
top: 0%
left: 0%
text-align: right
pointer-events: none
font-size: 100%
line-height: 180%
color: rgba(255,255,255,0.8)
width: 100%
transform: initial
padding: 0% 0%
- type: state-label
entity: sensor.dzien_pralka
style:
top: 0
right: 0
pointer-events: none
transform: initial
font-size: 12px
color: rgba(255,255,255,0.8)
line-height: 145px
padding: 1px 5px
- type: state-label
entity: input_number.pralkasrw
value_template: '{{ value | float(0) | round(0) }}'
precision: null
style:
bottom: 16%
right: 0%
pointer-events: none
transform: initial
font-size: 100%
color: rgba(255,255,255,0.8)
line-height: 5%
padding: 0% 0%
- type: state-label
entity: input_text.pralka_stan
style:
bottom: 0
text-align: center
pointer-events: none
font-size: 140%
line-height: 120%
color: white
background-color: rgba(0, 0, 0, 0.3)
width: 100%
transform: initial
padding: 0% 0%
- type: icon
icon: mdi:washing-machine
pointer-events: none
entity: input_text.pralka_stan
tap_action:
action: more-info
style:
bottom: 0%
left: 14%
color: rgba(255,255,255,0.8)
card_mod:
style: |
:host {
--card-mod-icon:
{% if is_state('input_text.pralka_stan', 'WYŁĄCZONA') %}
mdi:washing-machine;
{% elif is_state('input_text.pralka_stan', 'WŁĄCZONA') %}
mdi:washing-machine;
{% elif is_state('input_text.pralka_stan', 'PIERZE') %}
mdi:washing-machine;
{% elif is_state('input_text.pralka_stan', 'WYPRAŁA') %}
mdi:washing-machine;
{% elif is_state('input_text.pralka_stan', 'PIERZE - GRZANIE WODY') %}
mdi:washing-machine;
{% elif is_state('input_text.pralka_stan', 'AWARIA') %}
mdi:washing-machine-alert;
{% else %}
mdi:washing-machine-off;
{% endif %}
--card-mod-icon-color:
{% if is_state('input_text.pralka_stan', 'WYŁĄCZONA') %}
rgba(255,255,255,0.8);
{% elif is_state('input_text.pralka_stan', 'WŁĄCZONA') %}
green;
{% elif is_state('input_text.pralka_stan', 'PIERZE') %}
orange;
{% elif is_state('input_text.pralka_stan', 'WYPRAŁA') %}
blue;
{% elif is_state('input_text.pralka_stan', 'PIERZE - GRZANIE WODY') %}
red;
{% elif is_state('input_text.pralka_stan', 'AWARIA') %}
red;
{% else %}
rgba(255,255,255,0.8);
{% endif %}
}
- type: icon
icon: mdi:power
pointer-events: none
entity: switch.ferguson_01
tap_action:
action: more-info
hold_action:
action: toggle
style:
bottom: 0%
left: 6%
color: rgba(255,255,255,0.8)
card_mod:
style: |
:host {
--card-mod-icon:
{% if is_state('switch.ferguson_01', 'on') %}
mdi:power;
{% elif is_state('switch.ferguson_01', 'off') %}
mdi:power;
{% else %}
mdi:wrench;
{% endif %}
--card-mod-icon-color:
{% if is_state('switch.ferguson_01', 'on') %}
green;
{% elif is_state('switch.ferguson_01', 'off') %}
red;
{% else %}
default;
{% endif %}
}
Do obsługi CSSa wystarczy z HACS doinstalować:
Dziękuję za pomoc. Bardzo przydatne.