Hi all,
I am unable to find the error in my code for using a horizontal stack with four conditional cards, which does not show even though at least two conditions are true.
I have created a series of bin icons based on a description from a calendar published by my local council. The description contains the types of bins being collected this week, such as “food and recycling” etc.
type: horizontal-stack
cards:
- type: conditional
conditions:
- entity: calendar.bin
state: 'on'
attribute: description
value: rubbish
card:
type: custom:mushroom-template-card
primary: Rubbish
secondary: ''
icon: mdi:trash-can
layout: vertical
icon_color: >
{% if 'rubbish' in
state_attr('calendar.bin',
'description')|lower %}
orange
{% endif %}
- type: conditional
conditions:
- entity: calendar.bin
state: 'on'
attribute: description
value: recycling
card:
type: custom:mushroom-template-card
primary: Recycling
secondary: ''
icon: mdi:recycle
layout: vertical
icon_color: >-
{% if 'recycling' in
state_attr('calendar.bin',
'description')|lower %}
orange
{% endif %}
- type: conditional
conditions:
- entity: calendar.bin
state: 'on'
attribute: description
value: food
card:
type: custom:mushroom-template-card
primary: Food
secondary: ''
icon: mdi:food
layout: vertical
icon_color: >-
{% if 'food' in
state_attr('calendar.bin',
'description')|lower %}
orange
{% endif %}
- type: conditional
conditions:
- entity: calendar.bin
state: 'on'
attribute: description
value: garden
card:
type: custom:mushroom-template-card
primary: Garden
secondary: ''
icon: mdi:shovel
layout: vertical
icon_color: >-
{% if 'garden' in
state_attr('calendar.bin',
'description')|lower %}
orange
{% endif %}