Settings → dashboards → 3 dots → resources
/hacsfiles/button-card/button-card.js?hacstag=146194325412
/hacsfiles/config-template-card/config-template-card.js?hacstag=172177543136
/hacsfiles/custom-card-features/custom-card-features.min.js?hacstag=698501153441
/hacsfiles/decluttering-card/decluttering-card.js?hacstag=188686483100
/hacsfiles/enhanced-shutter-card/enhanced-shutter-card.js?hacstag=879861835123
/hacsfiles/fan-mode-button-row/fan-mode-button-row.js?hacstag=35088622031
/hacsfiles/flex-horseshoe-card/flex-horseshoe-card.js?hacstag=20729272512
/hacsfiles/flex-table-card/flex-table-card.js?hacstag=156292058078
/hacsfiles/group-card/group-card.js?hacstag=187245511006
/hacsfiles/harmony-card/harmony-card.js?hacstag=2375327500143
/hacsfiles/home-assistant-combined-notifications-card-new/combined-notifications-card.js?hacstag=971563895203
/hacsfiles/Home-Assistant-Lovelace-Local-Conditional-card/local-conditional-card.js?hacstag=218178802213
/hacsfiles/light-entity-card/light-entity-card.js?hacstag=168744428613
/hacsfiles/logbook-card/logbook-card.js?hacstag=216008446256
/hacsfiles/lovelace-auto-entities/auto-entities.js?hacstag=1677445841152
/hacsfiles/lovelace-big-slider-card/big-slider-card.js?hacstag=332589148115
/hacsfiles/lovelace-card-mod/card-mod.js?hacstag=190927524344
/hacsfiles/lovelace-card-tools/card-tools.js?hacstag=16140332811
/hacsfiles/lovelace-digital-clock/digital-clock.js?hacstag=373832981124
/hacsfiles/lovelace-expander-card/expander-card.js?hacstag=677140532232
/hacsfiles/lovelace-fold-entity-row/fold-entity-row.js?hacstag=150781994220
/hacsfiles/lovelace-horizon-card/lovelace-horizon-card.js?hacstag=614083491131
/hacsfiles/lovelace-hourly-weather/hourly-weather.js?hacstag=499270202661
/hacsfiles/lovelace-hue-like-light-card/hue-like-light-card.js?hacstag=492996183180
/hacsfiles/lovelace-hui-element/hui-element.js?hacstag=249942054180547
/hacsfiles/lovelace-layout-card/layout-card.js?hacstag=156434866246
/hacsfiles/lovelace-more-info-card/more-info-card.js?hacstag=1805289500994
/hacsfiles/lovelace-multiple-entity-row/multiple-entity-row.js?hacstag=178921037451
/hacsfiles/lovelace-mushroom-better-sliders/mushroom.js?hacstag=586363416302
/hacsfiles/lovelace-mushroom/mushroom.js?hacstag=444350375440
/hacsfiles/lovelace-notify-card/notify-card.js?hacstag=358962656020
/hacsfiles/lovelace-shutter-row/shutter-row.js?hacstag=524783308036
/hacsfiles/lovelace-state-switch/state-switch.js?hacstag=158756598195
/hacsfiles/lovelace-template-entity-row/template-entity-row.js?hacstag=231674882141
/hacsfiles/lovelace-vertical-slider-cover-card/vertical-slider-cover-card.js?hacstag=276636213016
/hacsfiles/lovelace-wallpanel/wallpanel.js?hacstag=3095064164461
/hacsfiles/mini-climate-card/mini-climate-card-bundle.js?hacstag=268163975273
/hacsfiles/mini-graph-card/mini-graph-card-bundle.js?hacstag=1512800620121
/hacsfiles/mini-media-player/mini-media-player-bundle.js?hacstag=1485208381169
/hacsfiles/mushroom-strategy/mushroom-strategy.js?hacstag=619284862232
/hacsfiles/numberbox-card/numberbox-card.js?hacstag=304967918417
/hacsfiles/platinum-weather-card/platinum-weather-card.js?hacstag=488086721105
/hacsfiles/rgb-light-card/card.js?hacstag=2153271951130
/hacsfiles/scheduler-card/scheduler-card.js?hacstag=2862701574002
/hacsfiles/service-call-tile-feature/custom-features-row.min.js?hacstag=698501153434
/hacsfiles/sidebar-organizer/sidebar-organizer.js?hacstag=9325344112011
/hacsfiles/simple-thermostat/simple-thermostat.js?hacstag=158654878250
/hacsfiles/slider-button-card/slider-button-card.js?hacstag=4987940331130
/hacsfiles/spotifyplus_card/spotifyplus_card.js?hacstag=8764888741055
/hacsfiles/stack-in-card/stack-in-card.js?hacstag=248954055020
/hacsfiles/universal-remote-card/universal-remote-card.min.js?hacstag=654393646451
/hacsfiles/upcoming-media-card/upcoming-media-card.js?hacstag=146783593062
/hacsfiles/vertical-stack-in-card/vertical-stack-in-card.js?hacstag=142051833101
holy crap dude… I’d start by comparing your list to mine, and removing everything one by one until it works. Not much else you can do and it’s likely one of these other cards that is altering something in the background.
You can probably look at the load order in f12 and start with everything above light-entity-card
1 Like
I’m not sure how something in that list ONLY affects RGB light devices and ONLY with Auto-Entities and ONLY with that one card, but not others
the filtering is also not working with Labels… you can see a lot of entities that are not labeled as ‘RGB Group’ are still showing…
You have to understand, in order for there to be a bug we have to be able to reproduce it. Secondly, it has to be reproducible in a known environment.
You have 53(!) custom frontend cards and any one of them could be altering things in bad ways. Compared to my system which has 11 cards and no issues.
2 Likes
I have over 2500 entities, 169 automations, and building a Dashboard for the family so need to use most of those but I’ll see what resources I’m not using and remove them. I’m going to look into the Hue RGB Card, see if that works better for me.
You probably just set the wrong options for custom:light-entity-card. You have included child entities under that group. I guess you created the group the old way, where the members for the group are in attributes. Thus, the light entity card renders including them.
Take a look at the card readme, just change option compact to false, or group false
type: custom:light-entity-card
entity: light.downstairs
group: false
@petro
I think I found the bug after a lot more testing. Is happens with all entities. It has something to do with Groups.
looks like Auto-Entities is expanding groups but not using them in the Excludes?
Notice 'Cove" is there as a grouping and as 2 individuals…
then if I use the Exclude, the individuals are gone but the grouping is there?..
type: custom:auto-entities
show_empty: false
card:
type: grid
columns: 3
square: false
card_param: cards
filter:
include:
- options:
type: custom:light-entity-card
compact: false
group: false
name: "*RGB*"
exclude:
- options: {}
name: "*Cove*"
grid_options:
columns: full
sort:
method: friendly_name
reverse: false
numeric: false
Hello
is it possible to create a stack of inidivdual cards with this integration? I’d like to have a bunch of uptime-cards, auto populated for all the uptime-kuma entities that are available. But I can’t get it to work.
Or is this integration just to put entities into cards, that support multiple entities?
€: found my error. Was missing the type in the options.
type: custom:auto-entities
show_empty: true
card:
type: grid
columns: 2
square: false
entities: []
filter:
include:
- options:
type: custom:uptime-card
integration: 01JRBJCQC6CG94WE53AG079EQJ
entity_id: binary_sensor.uptimekuma_*
exclude: []
sort:
method: state
reverse: false
grid_options:
columns: full
card_param: cards
I feel like this should be the simplest thing in the world but I can’t get it to work. In the grand old Unix tradition of “no news is good news” I want to hide all of the OKs in the list. I’ve gotten this to work in other cards with state: ">50" or state: unavailable but state: OK doesn’t do anything in my exclude filter.
try state: 'on'
state: 'off' worked. I dug for about an hour to see if I could interrogate if there was some kind of underlying state and didn’t find anything.
Thanks!
What you see in the dashboard is the translated state.
To see the untranslated state you can use the States tab in the Developer Tools and filter on the entity you are interested in.
hello i want to get all entities that end with chore then use a secondary-info and replace the entitty id “chore” with “date” so for example boolean_toggle.trash_chore and it’s secondary info would be input_text.trash_date
type: custom:auto-entities
card:
type: entities
show_header_toggle: false
filter:
include:
- domain: input_boolean
entity_id: "*_chore"
exclude:
- state: "off"
sort:
method: friendly_name
ignore_case: true
reverse: false
numeric: false
card_param: entities
template: |
{% for entity in states.input_boolean | selectattr('entity_id', 'match', '_chore$') %}
{{
{
"type": "custom:multiple-entity-row",
"entity": entity.entity_id,
"toggle": true,
"secondary_info": {
"entity": "input_text.{{ entity.entity_id.split('.')[1].replace('_chore', '_date') }}",
"name": false
}
}
}},
{% endfor %}
Good day smart HA Community. I would like to combine ( if it’s possible) auto-entity card
type: custom:auto-entities
card:
type: entities
state_color: true
show_header_toggle: false
filter:
include:
- options: {}
domain: binary_sensor
attributes:
device_class: motion
- options: {}
domain: binary_sensor
attributes:
device_class: occupancy
exclude:
- options: {}
state: "off"
- options: {}
state: unavailable
- options: {}
hidden_by: user
- options: {}
entity_id: binary_sensor.basement_presence_still
- options: {}
entity_id: binary_sensor.master_bedroom_room_motion
- options: {}
entity_id: binary_sensor.sonia_s_room_motion
- options: {}
entity_id: binary_sensor.my_bathroom_occupancy_or_movement
- options: {}
entity_id: binary_sensor.motion_sensor3_occupancy
- options: {}
entity_id: binary_sensor.upstairs_motion
- options: {}
entity_id: binary_sensor.basement_presence_movement
show_empty: false
and card mode from mushroom template card
type: custom:mushroom-template-card
primary: Kitchen
icon: mdi:motion-sensor
icon_color: red
entity: binary_sensor.kitchen_motion_sensor_motion
tap_action:
action: none
hold_action:
action: none
double_tap_action:
action: none
card_mod:
style:
mushroom-shape-icon$: |
.shape {
--shape-animation: motion 2s linear infinite;
--shape-color: none !important;
}
@keyframes motion {
0%, 100% { --shape-color: rgba(var(--rgb-blue), 0.3); }
50% { --shape-color: rgba(var(--rgb-blue), 0.2); }
}
.: |
ha-state-icon {
animation: clip 2s linear infinite;
}
@keyframes clip {
50% { clip-path: polygon(0 0, 55% 0, 100% 100%, 0 100%); }
}
ha-card {
background: none !important;
border: none !important;
}
visibility:
- condition: state
entity: binary_sensor.kitchen_motion_sensor_motion
state: "on"
My idea is , to show a motion sensor which detected motion and do the animation of icon, like the one in mushroom card. So far , no luck in searching throe the forums.
Thank you in advanced
Custom stack in card? Overlay the animated icon?
Interesting idea, will try. But my goal is, when it’s no motion on any of the detectors, card disappear. I have a lot of individual mushroom template cards now, and it’s working well, but want( if it’s possible ) reduce amount of the card on my front page
Just make the whole stack in disappear when no motion is detected.
This may provide some inspiration.
1 Like
Thank you for your suggestion. This is what I did and it’s working great.
type: conditional
conditions:
- condition: state
entity: binary_sensor.motion_and_occupation_sensors
state: "on"
card:
type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
primary: Outside
icon: mdi:motion-sensor
icon_color: red
entity: binary_sensor.outdoor_motion_sensor_home_security_motion_detection
tap_action:
action: none
hold_action:
action: none
double_tap_action:
action: none
card_mod:
style:
mushroom-shape-icon$: |
.shape {
--shape-animation: motion 2s linear infinite;
--shape-color: none !important;
}
@keyframes motion {
0%, 100% { --shape-color: rgba(var(--rgb-blue), 0.3); }
50% { --shape-color: rgba(var(--rgb-blue), 0.2); }
}
.: |
ha-state-icon {
animation: clip 2s linear infinite;
}
@keyframes clip {
50% { clip-path: polygon(0 0, 55% 0, 100% 100%, 0 100%); }
}
ha-card {
background: none !important;
border: none !important;
}
visibility:
- condition: state
entity: >-
binary_sensor.outdoor_motion_sensor_home_security_motion_detection
state: "on"
- type: custom:mushroom-template-card
primary: Upstairs
icon: mdi:motion-sensor
icon_color: red
entity: binary_sensor.motion_sensor3_occupancy
tap_action:
action: none
hold_action:
action: none
double_tap_action:
action: none
card_mod:
style:
mushroom-shape-icon$: |
.shape {
--shape-animation: motion 2s linear infinite;
--shape-color: none !important;
}
@keyframes motion {
0%, 100% { --shape-color: rgba(var(--rgb-blue), 0.3); }
50% { --shape-color: rgba(var(--rgb-blue), 0.2); }
}
.: |
ha-state-icon {
animation: clip 2s linear infinite;
}
@keyframes clip {
50% { clip-path: polygon(0 0, 55% 0, 100% 100%, 0 100%); }
}
ha-card {
background: none !important;
border: none !important;
}
visibility:
- condition: state
entity: binary_sensor.motion_sensor3_occupancy
state: "on"
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
primary: Master Bedroom
icon: mdi:bed-queen
icon_color: red
entity: binary_sensor.master_bedroom_room_occupancy
tap_action:
action: none
hold_action:
action: none
double_tap_action:
action: none
card_mod:
style:
mushroom-shape-icon$: |
.shape {
--shape-color: none !important;
}
.: |
ha-state-icon {
animation: pulse 2s ease-in-out infinite;
stroke: white;
stroke-width: .5px;
}
ha-card {
background: none !important;
border: none !important;
}
visibility:
- condition: state
entity: binary_sensor.master_bedroom_room_occupancy
state: "on"
- type: custom:mushroom-template-card
primary: Master Bathroom
icon: mdi:motion-sensor
icon_color: red
entity: binary_sensor.master_bathroom_motion_sensor_motion
tap_action:
action: none
hold_action:
action: none
double_tap_action:
action: none
card_mod:
style:
mushroom-shape-icon$: |
.shape {
--shape-animation: motion 2s linear infinite;
--shape-color: none !important;
}
@keyframes motion {
0%, 100% { --shape-color: rgba(var(--rgb-blue), 0.3); }
50% { --shape-color: rgba(var(--rgb-blue), 0.2); }
}
.: |
ha-state-icon {
animation: clip 2s linear infinite;
}
@keyframes clip {
50% { clip-path: polygon(0 0, 55% 0, 100% 100%, 0 100%); }
}
ha-card {
background: none !important;
border: none !important;
}
visibility:
- condition: state
entity: binary_sensor.master_bathroom_motion_sensor_motion
state: "on"
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
primary: Artem Room
icon: mdi:emoticon-cool
icon_color: red
entity: binary_sensor.artem_room_occupancy
tap_action:
action: none
hold_action:
action: none
double_tap_action:
action: none
card_mod:
style:
mushroom-shape-icon$: |
.shape {
--shape-color: none !important;
}
.: |
ha-state-icon {
animation: pulse 2s ease-in-out infinite;
}
ha-card {
background: none !important;
border: none !important;
}
visibility:
- condition: state
entity: binary_sensor.artem_room_occupancy
state: "on"
- type: custom:mushroom-template-card
primary: Sonia Room
icon: mdi:face-woman
icon_color: red
entity: binary_sensor.sonia_s_room_occupancy
tap_action:
action: none
hold_action:
action: none
double_tap_action:
action: none
card_mod:
style:
mushroom-shape-icon$: |
.shape {
--shape-color: none !important;
}
.: |
ha-state-icon {
animation: pulse 2s ease-in-out infinite;
}
ha-card {
background: none !important;
border: none !important;
}
visibility:
- condition: state
entity: binary_sensor.sonia_s_room_occupancy
state: "on"
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
primary: Upstairs Bathroom
icon: mdi:motion-sensor
icon_color: red
entity: binary_sensor.sonia_bathroom_night_light_occupancy
tap_action:
action: none
hold_action:
action: none
double_tap_action:
action: none
card_mod:
style:
mushroom-shape-icon$: |
.shape {
--shape-animation: motion 2s linear infinite;
--shape-color: none !important;
}
@keyframes motion {
0%, 100% { --shape-color: rgba(var(--rgb-blue), 0.3); }
50% { --shape-color: rgba(var(--rgb-blue), 0.2); }
}
.: |
ha-state-icon {
animation: clip 2s linear infinite;
}
@keyframes clip {
50% { clip-path: polygon(0 0, 55% 0, 100% 100%, 0 100%); }
}
ha-card {
background: none !important;
border: none !important;
}
visibility:
- condition: state
entity: binary_sensor.sonia_bathroom_night_light_occupancy
state: "on"
- type: custom:mushroom-template-card
primary: First Floor Bathroom
icon: mdi:motion-sensor
icon_color: red
entity: binary_sensor.my_bathroom_motion_sensor_occupancy
tap_action:
action: none
hold_action:
action: none
double_tap_action:
action: none
card_mod:
style:
mushroom-shape-icon$: |
.shape {
--shape-animation: motion 2s linear infinite;
--shape-color: none !important;
}
@keyframes motion {
0%, 100% { --shape-color: rgba(var(--rgb-blue), 0.3); }
50% { --shape-color: rgba(var(--rgb-blue), 0.2); }
}
.: |
ha-state-icon {
animation: clip 2s linear infinite;
}
@keyframes clip {
50% { clip-path: polygon(0 0, 55% 0, 100% 100%, 0 100%); }
}
ha-card {
background: none !important;
border: none !important;
}
visibility:
- condition: state
entity: binary_sensor.my_bathroom_motion_sensor_occupancy
state: "on"
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
primary: Kitchen
icon: mdi:motion-sensor
icon_color: red
entity: binary_sensor.kitchen_motion_sensor_motion
tap_action:
action: none
hold_action:
action: none
double_tap_action:
action: none
card_mod:
style:
mushroom-shape-icon$: |
.shape {
--shape-animation: motion 2s linear infinite;
--shape-color: none !important;
}
@keyframes motion {
0%, 100% { --shape-color: rgba(var(--rgb-blue), 0.3); }
50% { --shape-color: rgba(var(--rgb-blue), 0.2); }
}
.: |
ha-state-icon {
animation: clip 2s linear infinite;
}
@keyframes clip {
50% { clip-path: polygon(0 0, 55% 0, 100% 100%, 0 100%); }
}
ha-card {
background: none !important;
border: none !important;
}
visibility:
- condition: state
entity: binary_sensor.kitchen_motion_sensor_motion
state: "on"
- type: custom:mushroom-template-card
primary: Basement Stairs
icon: mdi:motion-sensor
icon_color: red
entity: binary_sensor.stairs_motion_sensor_occupancy
tap_action:
action: none
hold_action:
action: none
double_tap_action:
action: none
card_mod:
style:
mushroom-shape-icon$: |
.shape {
--shape-animation: motion 2s linear infinite;
--shape-color: none !important;
}
@keyframes motion {
0%, 100% { --shape-color: rgba(var(--rgb-blue), 0.3); }
50% { --shape-color: rgba(var(--rgb-blue), 0.2); }
}
.: |
ha-state-icon {
animation: clip 2s linear infinite;
}
@keyframes clip {
50% { clip-path: polygon(0 0, 55% 0, 100% 100%, 0 100%); }
}
ha-card {
background: none !important;
border: none !important;
}
visibility:
- condition: state
entity: binary_sensor.stairs_motion_sensor_occupancy
state: "on"
- type: horizontal-stack
cards:
- type: custom:mushroom-template-card
primary: Basement
icon: mdi:motion-sensor
icon_color: red
entity: binary_sensor.basement_presence_movement
tap_action:
action: none
hold_action:
action: none
double_tap_action:
action: none
card_mod:
style:
mushroom-shape-icon$: |
.shape {
--shape-animation: motion 2s linear infinite;
--shape-color: none !important;
}
@keyframes motion {
0%, 100% { --shape-color: rgba(var(--rgb-blue), 0.3); }
50% { --shape-color: rgba(var(--rgb-blue), 0.2); }
}
.: |
ha-state-icon {
animation: clip 2s linear infinite;
}
@keyframes clip {
50% { clip-path: polygon(0 0, 55% 0, 100% 100%, 0 100%); }
}
ha-card {
background: none !important;
border: none !important;
}
visibility:
- condition: state
entity: binary_sensor.basement_presence_movement
state: "on"
- type: custom:mushroom-template-card
primary: Office
icon: mdi:motion-sensor
icon_color: red
entity: binary_sensor.office_motion_sensor_motion
tap_action:
action: none
hold_action:
action: none
double_tap_action:
action: none
card_mod:
style:
mushroom-shape-icon$: |
.shape {
--shape-animation: motion 2s linear infinite;
--shape-color: none !important;
}
@keyframes motion {
0%, 100% { --shape-color: rgba(var(--rgb-blue), 0.3); }
50% { --shape-color: rgba(var(--rgb-blue), 0.2); }
}
.: |
ha-state-icon {
animation: clip 2s linear infinite;
}
@keyframes clip {
50% { clip-path: polygon(0 0, 55% 0, 100% 100%, 0 100%); }
}
ha-card {
background: none !important;
border: none !important;
}
visibility:
- condition: state
entity: binary_sensor.office_motion_sensor_motion
state: "on"
- type: custom:mushroom-template-card
primary: Utility Room
icon: mdi:motion-sensor
icon_color: red
entity: binary_sensor.utility_room_motion_occupancy
tap_action:
action: none
hold_action:
action: none
double_tap_action:
action: none
card_mod:
style:
mushroom-shape-icon$: |
.shape {
--shape-animation: motion 2s linear infinite;
--shape-color: none !important;
}
@keyframes motion {
0%, 100% { --shape-color: rgba(var(--rgb-blue), 0.3); }
50% { --shape-color: rgba(var(--rgb-blue), 0.2); }
}
.: |
ha-state-icon {
animation: clip 2s linear infinite;
}
@keyframes clip {
50% { clip-path: polygon(0 0, 55% 0, 100% 100%, 0 100%); }
}
ha-card {
background: none !important;
border: none !important;
}
visibility:
- condition: state
entity: binary_sensor.utility_room_motion_occupancy
state: "on"
1 Like