I copy yours YAML and only change name of entity. This is My YAML:
type: vertical-stack
layout: horizontal
cards:
- type: custom:button-card
icon: custom:circle
entity: fan.philips_airpurifier
show_name: false
template: ac_state
size: 100%
state:
- operator: template
value: '[[[ return variables.has_iai <= 3 ]]]'
color: blue
- operator: template
value: '[[[ return variables.has_iai <= 6 ]]]'
color: '#6666ff'
- operator: template
value: '[[[ return variables.has_iai <= 9 ]]]'
color: '#ff00ff'
- operator: template
value: '[[[ return variables.has_iai > 9 ]]]'
color: red
styles:
icon:
- filter: drop-shadow(0 0 0.7rem)
card:
- pointer-events: none
grid:
- position: relative
custom_fields:
primary_reading:
- position: absolute
- top: 50%
- left: 50%
- transform: translate(-50%, -60%)
- pointer-events: none
secondary_reading:
- position: absolute
- top: 57%
- left: 50%
- transform: translate(-50%, 0%)
- pointer-events: none
notifications:
- position: absolute
- top: 25%
- left: 50%
- transform: translate(-50%, 0%)
- pointer-events: none
custom_fields:
notifications:
card:
type: horizontal-stack
cards:
- type: custom:button-card
template: ac_notifications
icon: mdi:air-filter
color: darkgreen
state:
- operator: template
value: '[[[ return variables.has_days_pre <=1 ]]]'
styles:
icon:
- color: darkred
- animation: blink 3s ease infinite
- operator: template
value: '[[[ return variables.has_days_pre <=3 ]]]'
styles:
icon:
- color: darkorange
- type: custom:button-card
template: ac_notifications
icon: philips:filter_replacement
color: darkgreen
state:
- operator: template
value: '[[[ return variables.has_days_hepa <=1 ]]]'
styles:
icon:
- color: darkred
- animation: blink 3s ease infinite
- operator: template
value: '[[[ return variables.has_days_hepa <=3 ]]]'
styles:
icon:
- color: darkorange
- type: custom:button-card
template: ac_notifications
icon: mdi:image-filter-none
color: darkgreen
state:
- operator: template
value: '[[[ return variables.has_days_carbon <=1 ]]]'
styles:
icon:
- color: darkred
- animation: blink 3s ease infinite
- operator: template
value: '[[[ return variables.has_days_carbon <=3 ]]]'
styles:
icon:
- color: darkorange
- type: custom:state-switch
entity: template
template: '[[[ return variables.has_water >= 0 && !variables.is_pur ]]]'
states:
'true':
type: custom:button-card
template: ac_notifications
icon: philips:water_refill
color: darkgreen
state:
- operator: template
value: '[[[ return variables.has_water <=10 ]]]'
styles:
icon:
- color: darkred
- animation: blink 3s ease infinite
- operator: template
value: '[[[ return variables.has_water <=30 ]]]'
styles:
icon:
- color: darkorange
- type: custom:state-switch
entity: template
template: '[[[ return variables.has_days_wick >= 0 && !variables.is_pur ]]]'
states:
'true':
type: custom:button-card
template: ac_notifications
icon: philips:prefilter_wick_cleaning
color: darkgreen
state:
- operator: template
value: '[[[ return variables.has_days_wick <=1 ]]]'
styles:
icon:
- color: darkred
- animation: blink 3s ease infinite
- operator: template
value: '[[[ return variables.has_days_wick <=3 ]]]'
styles:
icon:
- color: darkorange
secondary_reading:
card:
type: vertical-stack
cards:
- type: custom:button-card
template: ac_readings
icon: |
[[[
if (variables.is_pm25)
return 'philips:iai'
else
return 'philips:pm25'
]]]
variables:
var_reading_text: |
[[[
if (variables.is_pm25)
return variables.has_iai
else
return variables.has_pm25
]]]
- type: custom:state-switch
entity: template
template: '[[[ return variables.has_temp >= 0 ]]]'
states:
'true':
type: custom:button-card
template:
- ac_readings
- ac_state
icon: hass:thermometer
variables:
var_reading_text: '[[[ return variables.has_temp + " °C" ]]]'
- type: custom:state-switch
entity: template
template: '[[[ return variables.has_humidity >= 0 ]]]'
states:
'true':
type: custom:button-card
template: ac_readings
icon: philips:humidity_button
variables:
var_reading_text: '[[[ return variables.has_humidity + " %" ]]]'
primary_reading:
card:
type: custom:button-card
icon: |
[[[
if (variables.is_pm25)
return 'philips:pm25'
else
return 'philips:iai'
]]]
size: 50%
label: |
[[[
if (variables.is_pm25)
return variables.has_pm25
else
return variables.has_iai
]]]
layout: icon_label
show_label: true
styles:
label:
- font-size: 400%
style: |
ha-card {
box-shadow: none;
background: none;
}
- type: horizontal-stack
cards:
- type: custom:button-card
template: buttons
icon: philips:power_button
entity: fan.air_ac2729
name: Power
tap_action:
action: call-service
service: script.toggle_ac_power
service_data:
entity_id: entity
- type: custom:button-card
template:
- buttons
- ac_state
entity: fan.air_ac2729
name: Lüfter
tap_action:
action: call-service
service: script.toggle_ac_fan_speed
service_data:
entity_id: entity
state:
- operator: template
value: '[[[ return variables.is_off ]]]'
styles:
card:
- pointer-events: none
- operator: template
value: '[[[ return variables.is_on ]]]'
id: activated_state
icon: |-
[[[
switch (variables.has_speed) {
case "1":
return "philips:fan_speed_button"
case "2":
return "philips:fan_speed_button"
case "3":
return "philips:fan_speed_button"
case "auto":
return "philips:auto_mode"
case "allergen":
return "philips:allergen_mode"
case "night":
return "philips:sleep_mode"
case "turbo":
return "philips:fan_speed_button"
}
]]]
styles:
icon:
- animation: |-
[[[
var speed = 'linear 0s infinite normal none running rotating';
switch (variables.has_speed) {
case '1':
return '12s ' + speed;
case '2':
return '6s ' + speed;
case '3':
return '2s ' + speed;
case 'turbo':
return '0.5s ' + speed;
default:
return 'none';
}
]]]
grid:
- position: relative
custom_fields:
fan_speed:
- position: absolute
- top: 47%
- left: 42%
- transform: translate(-50%, -60%)
- pointer-events: none
custom_fields:
fan_speed:
card:
type: custom:button-card
template: activated_state
color_type: icon
show_icon: false
show_label: true
label: |-
[[[
switch (variables.has_speed) {
case '1':
return '1';
case '2':
return '2';
case '3':
return '3';
case 'turbo':
return 't';
}
]]]
state:
- operator: template
value: '[[[ return variables.is_on ]]]'
id: activated_state
styles:
label:
- padding: 2px 6px 0px 6px
- font-weight: bold
- color: |
[[[
if (variables.is_off)
return 'var(--paper-item-icon-color)';
else
return 'var(--mmp-accent-color, var(--accent-color))';
]]]
style: |
ha-card {
box-shadow: none;
}
- type: custom:button-card
template:
- buttons
- ac_state
icon: philips:light_dimming_button
entity: fan.air_ac2729
name: Anzeige
tap_action:
action: call-service
service: script.toggle_ac_light
service_data:
entity_id: entity
state:
- operator: template
value: '[[[ return variables.is_off ]]]'
styles:
card:
- pointer-events: none
- operator: template
value: '[[[ return variables.is_backlight ]]]'
id: activated_state
- type: custom:button-card
template:
- buttons
- ac_state
entity: fan.air_ac2729
name: Modus
tap_action:
action: call-service
service: script.toggle_ac_two_in_one_mode
service_data:
entity_id: entity
state:
- operator: template
value: '[[[ return variables.is_on && variables.has_humidity > 0 ]]]'
icon: >-
[[[ return variables.is_pur ? "philips:purification_only_mode" :
"philips:two_in_one_mode" ]]]
id: activated_state
- operator: template
value: '[[[ return variables.is_off || variables.has_humidity < 0 ]]]'
icon: >-
[[[ return variables.is_pur ? "philips:purification_only_mode" :
"philips:two_in_one_mode" ]]]
styles:
card:
- pointer-events: none
