Hello all,
Not sure if this is the right spot for thisā¦so please kindly correct me if Iām wrong!
After recent updates to HA, Mushroom Card, Card Mod, etc. Iāve noticed that my chip-card automations no longer work.
Apparently there is some language adjustments but I have not had success finding documentation on these changes.
Hoping someone has a good idea on how to resolve this.
Please see below my setup:
And the below code that powers it:
I know itās a lot, so please focus on the last lines for the card mod, just wanted to show it all in case itās helpful at all (a lot of tap-actions have been removed as there is a character limit here!)
type: horizontal-stack
cards:
- type: custom:mushroom-chips-card
chips:
- type: entity
entity: person.m
use_entity_picture: true
- type: entity
entity: person.r
use_entity_picture: true
- type: template
icon: |-
{% if is_state('input_boolean.alarm_switch', 'on') %}
mdi:home-alert
{% else %}
mdi:security
{% endif %}
entity: alarm_control_panel.blink_cameras
icon_color: >-
{% if is_state('input_boolean.alarm_switch', 'on') %}
red
{% elif is_state('alarm_control_panel.blink_cameras', 'armed_away')
%}
green
{% elif is_state('alarm_control_panel.blink_cameras', 'disarmed') %}
blue
{% endif %}
content: >-
{% if is_state('input_boolean.alarm_switch', 'on') %}
INTRUDER!
{% elif is_state('alarm_control_panel.blink_cameras', 'armed_away')
%}
Armed
{% elif is_state('alarm_control_panel.blink_cameras', 'disarmed') %}
Disarmed
{% endif %}
- type: entity
entity: counter.chore_counter
name: Chores Completed!
icon: mdi:vacuum
use_entity_picture: false
- type: weather
entity: weather.home
show_conditions: false
show_temperature: true
- type: entity
entity: sensor.processor_use
- type: template
icon: >-
{% if is_state('binary_sensor.lumi_lumi_sensor_motion_aq2_iaszone',
'unavailable') or
is_state('binary_sensor.closet_motion_sensor_iaszone','unavailable')
or is_state('binary_sensor.foyer_motion_sensor_iaszone','unavailable')
or
is_state('binary_sensor.hallway_motion_sensor_iaszone','unavailable')
or
is_state('binary_sensor.office_motion_sensor_iaszone','unavailable')
or
is_state('binary_sensor.kitchen_motion_sensor_iaszone','unavailable')
or
is_state('binary_sensor.living_room_motion_sensor_iaszone','unavailable')
%}
mdi:emoticon-confused-outline
{% elif is_state('binary_sensor.motion_sensors', 'on') %}
mdi:motion-sensor
{% else %}
mdi:motion-sensor-off
{% endif %}
entity: binary_sensor.motion_sensors
icon_color: >-
{% if is_state('binary_sensor.lumi_lumi_sensor_motion_aq2_iaszone',
'unavailable') or
is_state('binary_sensor.closet_motion_sensor_iaszone','unavailable')
or is_state('binary_sensor.foyer_motion_sensor_iaszone','unavailable')
or
is_state('binary_sensor.hallway_motion_sensor_iaszone','unavailable')
or
is_state('binary_sensor.office_motion_sensor_iaszone','unavailable')
or
is_state('binary_sensor.kitchen_motion_sensor_iaszone','unavailable')
or
is_state('binary_sensor.living_room_motion_sensor_iaszone','unavailable')
%}
red
{% elif is_state('binary_sensor.motion_sensors', 'on') %}
yellow
{% else %}
grey
{% endif %}
- type: conditional
conditions:
- entity: timer.laundry_tts_second_reminder
state: active
chip:
type: template
entity: timer.laundry_tts_second_reminder
icon: mdi:washing-machine-alert
icon_color: red
content: Laundry!?
tap_action: null
- type: conditional
conditions:
- entity: timer.laundry_tts_first_reminder
state: active
chip:
type: template
entity: timer.laundry_tts_first_reminder
icon: mdi:washing-machine
icon_color: yellow
content: null
tap_action: null
- type: template
icon: |-
{% if is_state('media_player.speakers', 'on') %}
mdi:speaker-wireless
{% elif is_state('media_player.speakers', 'playing') %}
mdi:speaker-wireless
{% else %}
mdi:speaker
{% endif %}
entity: media_player.speakers
icon_color: |-
{% if is_state('media_player.speakers', 'on') %}
blue
{% elif is_state('media_player.speakers', 'playing') %}
blue
{% else %}
grey
{% endif %}
- type: entity
entity: button.tab_a8_load_start_url
name: Reload
content_info: name
tap_action:
action: toggle
- type: template
entity: sensor.days_since_fed_leo
icon: mdi:snake
content: |
{{states('sensor.days_since_fed_leo')}} days ago
icon_color: |-
{% if states('sensor.days_since_fed_leo') |int >13 %}
red
{% elif states('sensor.days_since_fed_leo') |int >7 %}
yellow
{% endif %}
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
title: Did you feed Leo?
content:
type: grid
columns: 1
square: false
cards:
- type: custom:button-card
entity: input_boolean.fed_leo_switch
name: Tap here if you fed Leo!
size: 40px
style: |
ha-card {
background: radial-gradient(rgb(0,0,0, 0%) 45%, rgb(0,0,0, 50%));
border: none;
}
- type: entities
style: |
ha-card {
background: radial-gradient(rgb(0,0,0, 0%) 45%, rgb(0,0,0, 50%));
border: none;
}
entities:
- entity: input_datetime.tank_heater_on_time
name: Tanks On
- entity: input_datetime.tank_heater_off_time
name: Tanks Off
- entity: switch.tank_lights
title: 'Tank Heaters '
show_header_toggle: false
- type: template
entity: binary_sensor.garage_door_sensor_opening
icon: >-
{% if is_state('binary_sensor.garage_door_sensor_opening', 'on' ) %}
mdi:garage-alert
{% elif is_state('binary_sensor.garage_door_sensor_opening', 'off' )
%}
mdi:garage
{% endif %}
icon_color: >-
{% if is_state('binary_sensor.garage_door_sensor_opening', 'on' ) %}
red
{% elif is_state('binary_sensor.garage_door_sensor_opening', 'off' )
%}
green
{% endif %}
content: >-
{% if is_state('binary_sensor.garage_door_sensor_opening', 'on' ) %}
Garage Open!
{% elif is_state('binary_sensor.garage_door_sensor_opening', 'off' )
%}
{% endif %}
tap_action:
action: more-info
alignment: center
card_mod:
style:
mushroom-template-chip:nth-child(3)$: |
ha-icon {
{{ 'animation: rotation 3s linear infinite;' if is_state('alarm_control_panel.blink_cameras', 'armed_away') }}
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
ha-icon {
{{ 'animation: pulse 0.7s infinite; transform-origin: 50% 90%' if is_state('input_boolean.alarm_switch', 'on')}}
}
@keyframes pulse {
0% { transform: scale(1); }
10% { transform: scale(2); }
17% { transform: scale(2.5); }
25% { transform: scale(3.5); }
33% { transform: scale(1.5); }
60% { transform: scale(1); }
}
mushroom-template-chip:nth-child(10)$: |
ha-icon {
{{ 'animation: boing 2s infinite; transform-origin: 50% 90%' if is_state('media_player.speakers', 'on') or is_state('media_player.speakers', 'playing') }}
}
@keyframes boing {
0% {transform: scale3d(1, 1, 1); }
10% {transform: scale3d(1.5, 0.75, 1); }
15% {transform: scale3d(0.75, 1.5, 1); }
20% {transform: scale3d(1.25, 0.85, 1); }
30% {transform: scale3d(0.95, 1.15, 1); }
40% {transform: scale3d(1.5, 0.95, 1); }
60% {transform: scale3d(1, 1, 1; }
}
mushroom-template-chip:nth-child(7)$: |
ha-icon {
{{ 'animation: pulse 3s linear infinite; transform-origin: 50% 60%;' if is_state('binary_sensor.motion_sensors', 'on') }}
}
@keyframes pulse {
0% { transform: scale(1); }
10% { transform: scale(1.1); }
17% { transform: scale(1.05); }
33% { transform: scale(1.25); }
60% { transform: scale(1); }
}
mushroom-template-chip:nth-child(12)$: |
ha-icon {
{{ 'animation: pulse 0.7s infinite; transform-origin: 50% 90%' if states('sensor.days_since_fed_leo') |int >13}}
}
@keyframes pulse {
0% { transform: scale(1); }
10% { transform: scale(1.5); }
17% { transform: scale(1.75); }
25% { transform: scale(2); }
33% { transform: scale(1.5); }
60% { transform: scale(1); }
}
view_layout:
grid-area: header
show:
mediaquery: '(min-width: 800px)'