ljmerza / light-entity-card Goto Github PK
View Code? Open in Web Editor NEWControl any light or switch entity
License: MIT License
Control any light or switch entity
License: MIT License
Would it be possible to have a slider for effect speed, this could be taken from an input_slider entity?
I would like to show the slider % for the brightness slider but not for the color_temp. Currently the show_slider_percent
option acts on both sliders.
Request is to change show_slider_percent
to two properties:
show_brightness_slider_percent
show_color_temp_slider_percent
Hi, the card (light-entity-card 3.1.0) works fine but the on/off toggle does not show up (running HA 0.102.1 on Hassio).
I recently updated to the most recent version, seems to me it's gone a bit awry.
I came back to my light love lace dashboard hammered with a light card of every light in my house.
Seems that the consolidate entities / group variable is not working as expected, and it results in my custom light group to display every light entity in the group.
How this was achieved when the group itself is set in home assistant in the config, it should have just displayed that group, not the entire list of lights in the group, iiuc?
Anything I can do to help?
I use deconz to integrate my Zigbee lamps. Deconz creates groups for individual rooms. The groups can contain different lamps. From simple white to RGBWW.
If I use light-entity-row, I can use e.g. the colorpicker for the group.
Unfortunately this does not seem to work with light-entity-card, does it?
A deconz group has the following attributes:
effect_list:
Hi there
Thankyou for all the hard work on this over the years, it saddens me that you've given up on the development of the card, it was my go-to light card :-)
I hope the HA developers will either pick up your card, or make it feasable for you to continue at some point.
Hello, I've a Yeelight celling light with an existing "effect_list" in its attributes. How is the set_up for the card ? I've tried many options but the list never appears on the card.
I have a Qubino Flush RGBW Dimmer that doesn’t get the white_value slider to show. Setting RGB on the color picker works good but i have to use the Home Assistant dev-service and send custom JSON to the lights in order to set white_value (which works but its quite a hassle to do every time since it seems to reset to white_value: 0 every time i choose a new color).
Is it possible to force the white_value slider to show even though it probably thinks this unit doesn’t support white_value?
Hi. I just tried your custom card. I like it so far. I have a separate input_number slider that sets the range for a minimum brightness ( ex Dim as low as 2% or as low as 10%). I would love to be able to integrate that into this card. So , I would like to have a custom slider under the brightness/hue or instead of hue, for example. Thank you.
Installed the card via HACS. Added the JS to lovelace yaml.
Added this code:
- type: horizontal-stack
cards:
- type: custom:light-entity-card
entity: light.woonkamer
color_wheel: false
color_temp: false
effects_list: false
- type: custom:light-entity-card
entity: light.carport
color_wheel: false
color_temp: false
effects_list: false
Result:
Hi
Would it be possible to add a full row solution, so that the slider will be the full width of the card that it resides in? This is a possibility in Thomas Loven's slider-entity-row (see Full Row).
https://github.com/thomasloven/lovelace-slider-entity-row
See attached screenshot below, where one is with your slider, and the other with slider-entity-row
I have a group in hass.io with two RGB lights and wanted to use the light entity card to control them at the same time.
But somehow two cards are generated.
Both Cards do the same but only the first one displays the correct states.
There should be an option to hide the second card (or is there?) because the first one already has all the functionality.
Would love to see the effect drop down tied to an input_select entity.
I've added the light-entity-card via HACS and added the resource line to my ui-lovelace.yml, but still I get the error message: "Unknown resource type specified:", opening the source shows the origin of this error:
private _loadResources(resources) {
resources.forEach((resource) => {
switch (resource.type) {
case "css":
if (resource.url in CSS_CACHE) {
break;
}
CSS_CACHE[resource.url] = loadCSS(resource.url);
break;
case "js":
if (resource.url in JS_CACHE) {
break;
}
JS_CACHE[resource.url] = loadJS(resource.url);
break;
case "module":
loadModule(resource.url);
break;
case "html":
import(/* webpackChunkName: "import-href-polyfill" */ "../../resources/html-import/import-href").then(
({ importHref }) => importHref(resource.url)
);
break;
default:
// tslint:disable-next-line
console.warn(`Unknown resource type specified: ${resource.type}`);
}
});
When using this card at the bottom of a page when clicking on the light effects dropdown it still display below even though there is no screen space available making the options really difficult to access.
Would it be possible to make the dropdown display above when it is at the bottom of the like the one on the more info dialog.
Hope this makes sense Thanks
would i be possible to have the light components brightness level bar to be around the color cirle? that would be even nicer.
i installed the card with hacs
but when i want to add in to the screen i get the error
Error: Custom element not found: light-entity-card
can someone help me?
Header description in my lovelace card for light entity is not changing the default value.
When installing through HACS, only light-entity-card.js
is installed.
This results in the following error in HA:
Tried to serve up '/config/www/community/light-entity-card/light-entity-card.js.map' but it does not exist
Manually adding the file from the Github repo solves the issue. Not sure if the issue is on your side or HACS side, but thought i'd mention it.
HTH
The color wheel doesn't seem to render at all on 0.115 (beta 9) even with color_picker: true
.
effects_list
, brightness
and color_temp
works though.
Hey,
I really like the size of the color wheel when group is set true. Would be cool the have the small wheel, but with normal padding & title size.
Thanks for considering! 👍
is there a option to make the wheel size 50% less its size, i find it much to big
Setting full_width_sliders: true
does not work. Strangely, the icon enlarges but the width of the slider doesn't change.
Hi,
Thank for this great card. I have a number of bulbs that don't support RGB, but do support temperature (Hue Ambiance spotlights). Could we have a similar picker to the RGB one, but for colour temperature (like the built in card supports)?
I find that when adjusting the values in the card very often (50% of the time) the more info pop-up card appears. Could we get an option to disable this?
like in the custom:slider-entity-row card
Hi, once again I am back to request a feature, last time I asked for the smooth color_picker, this time I will have to ask if you could make it possible to hide the effects list. I have a few IKEA lights that have a color_loop (but because the nature of the light, this is not working). I would wish that we could hide effects on certain entities like is possible with the sliders and color_wheel.
Thanks again for this great card, it makes my setup look a lot better XD.
Would it be possible to implement a true/false on showing the toggle?
The group: true
seems to change the header size but not much else. The light-entity-card is still rendered with extra whitespace and drop-shadow.
type: entities
title: Bug in light-entity-card
entities:
- entity: light.bath_color
- group: true
color_wheel: true # Unused
persist_features: true
color_picker: false
show_slider_percent: true
full_width_sliders: true
entity: light.bath_color
type: 'custom:light-entity-card'
HACS adds
- type: module
url: /hacsfiles/light-entity-card/dist/light-entity-card.js
when it should be adding
- type: module
url: /hacsfiles/light-entity-card/light-entity-card.js
Is it possible to always show the card, when i turn off the light the card looses the options, i would like to always have it opend
Lovelace display red 'Custom element doesn't exist: light-entity-card.'
the resources added to Lovelace config
resources:
- url: /www/light-entity-card/light-entity-card.js
type: js
the item added to page:
- type: custom:light-entity-card
entity: light.kitchen_strip
there is error in browser console
chunk.55cfcfe8bf5cea239c42.js:1 GET http://xxx:8123/www/light-entity-card/light-entity-card.js net::ERR_ABORTED 404 (Not Found)
Home Assistant Core 0.113.3
HACS 1.3.3
Would it be possible to have a more detailed color wheel? For example when you click on the palette on the standard more-info window you get a color wheel without the little boxes which allows for more precise coloring of the lights. The current way your card does this is with the little boxes in the color wheel.
With the latest update 3.0.0, all toggle switches have disappeared from the light-entity-cards.
From the commit I can see that you switched from "paper-toggle-button" to "ha-switch", but I can't find any information about this ha-switch.
I don't see any errors in the browser or homeassistant log.
Home Assistant: 0.99.3
Browser: multiple versions of Chrome & Firefox (Android/Windows)
add group:true setting to compact card when adding this card to a group of cards
Installed via HACS.
I am able to use the custom:light-entity-card type in lovelace, but HACS reports it as "not loaded".
Hello,
just upgraded to HA 0.114.4 but seems that something changed and broke the card to manage light groups. I have two led lights on the same room and I have defined a group in my configuration file:
light:
- platform: group
name: luci_salotto
entities:
- light.led1
- light.led2
With older version of HA (0.110 if I'm not wrong) using the light-entity-card on the group I was seeing 1 single button and 1 single color picker, allowing me to control both light on the same time. On the latest version of HA I'm seeing 2 different button, 2 different color picker, and doesn't allow to control the light at the same time. Something got broken?
inode
Love the plugin! Just had a small suggestion of adding the gradient background found in the default light popup to the color temp slider. I made the change in my forked copy and I feel it helps the slider's function stand-out. Anyway, let me know what you think and thank you for the excellent addition to HA!
It would be great to be able to control several lights at the same time. Ideally, using Home Assistant's existing areas , but a list of entities would work too.
I get this error:
ERROR (MainThread) [hacs] Tried to serve up '/config/www/community/light-entity-card/dist/light-entity-card.js' but it does not exist
Whenever the light entity card stacked in an entities card in a conditional card is made visible.
It is installed correctly according to HACS and does display, it just generates the above error.
- card:
cards:
- entity: light.led_strip_bar
group: true
style: |
ha-card {
border: solid 2px var(--primary-color);
--ha-card-background: rgba(0, 0, 0, 0);
}
type: 'custom:light-entity-card'
- entities:
- input_number.ledspeed
- input_number.ledintensity
- input_number.ledbrightness
style: |
ha-card {
border: solid 2px var(--primary-color);
--ha-card-background: rgba(0, 0, 0, 0);
}
type: entities
- cards:
- entities:
- input_select.wled_palette_list
style: |
ha-card {
border: solid 2px var(--primary-color);
--ha-card-background: rgba(0, 0, 0, 0);
}
type: entities
- entities:
- input_select.wled_presets
style: |
ha-card {
border: solid 2px var(--primary-color);
--ha-card-background: rgba(0, 0, 0, 0);
}
type: entities
type: 'custom:hui-horizontal-stack-card'
- entities:
- script.wled_random
style: |
ha-card {
border: solid 2px var(--primary-color);
--ha-card-background: rgba(0, 0, 0, 0);
}
type: entities
type: vertical-stack
conditions:
- entity: light.led_strip_bar
state: 'on'
type: 'custom:hui-conditional-card'
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.