Lovelace Card - Light with Profiles

Share your Projects! Dashboards & Frontend
1

Hey there!

Just wanted to share my very first custom card for Lovelace.
I was setting up my lights and found my self missing a way to quickly change profile. After some searching without luck I took it on myself to create a custom card that could turn on lights based on light_profiles.csv (this csv file is a core file located in your config folder next to your configuration.yaml, see more on light component).

Now that I think it’s working, I wanted to share it. Maybe you been looking for something similar or maybe you have an idea to make it even better.

Here’s a small gif of the card in action (sorry for the Danish)

demo
demo1000×720 682 KB

Repo: https://github.com/tcarlsen/lovelace-light-with-profiles

19 Likes
2

Nice card! But it would be better to put the profiles in a separate file. That way if there’s an update or bug fix, we can just swap out the lovelace-light-with-profiles.js with the new one.

1 Like
3

Going to do this for sure! Didn’t think of it. Was just sad that I couldn’t read the profile file from root :slight_smile:

4

Yes that would be even better indeed…

5

Ah this looks great, exactly what I’m looking for in my kids rooms to set full on, story time, and night light

Will give it a go

1 Like
6

Happy to say 2.0.0 is out.

As suggested by @Pippyn light profiles are no longer defined inside the js file but inside lovelace.yaml which makes updating the card easier.

light_profiles:
  bright: '0.457,0.408,254'
  dimmed: '0.457,0.408,77'
  nightlight: '0.509,0.411,1'
2 Likes
7

I really like the look of this. What are the units in the light_profiles? At night I set my kids light to red, they show like this in the entity viewer:

brightness: 15
hs_color: 0.994,100 
rgb_color: 255,4,0 
xy_color: 0.7,0.3
8

it follows the schema from light_profiles.csv, which is x,y,brightness

@Greg: So for you thats: 0.7,0.3,15

1 Like
9

Awesome! Will try momentarily

(and hope I don’t wake up the kids)

1 Like
10

Hi Great Card.

Is it possible to have a way of using “name:” on the entity and if the light is unavailable have the switch greyed out.

If i don’t have colour lights can i use the colour temperature instead ?

And how do i find out what the x,y and brightness are ?

Edit: Found it.

45%20am
45%20am1410×566 56.4 KB

2 Likes
11

anyway to get lights back to actually white. as in rgb color - 255, 255, 255?
0.323, 0.329 isnt the same with the merkury lights i have. its the colored version of it.

when i set themto 255.x.x they are actual bright lights again. cant seem to figure it out…

12

Where do I add light profiles section if I was using the lovelace UI editor. I tried to put that in the raw editor at the root, doesn’t work

13

@fiftys try 1,1,100

converter: http://colorizer.org/

14

@ramginuga first you need to add the light_profiles.csv at the config root via configurator or ftp

only mentioned shortly in the light component: https://www.home-assistant.io/components/light#default-turn-on-values

15

same question as @ramginugaI. i just now noticed you updated this 10 days ago-- been using it since the beginning…however im also not sure where to add the light profiles code in lovelace.yaml.

16

@fiftys and @ramginuga: right after resources, same almost same format as then you needed to add it to the js file. this is just better for future updates

resources:
  - type: module
    url: /local/path/to/light-with-profiles.js

light_profiles:
  bright: '0.457,0.408,254'
  dimmed: '0.457,0.408,77'
  nightlight: '0.509,0.411,1'

views:
 ...
17

thanks. Worked for me

1 Like
18

your document makes no sense to what the csv file is and where it goes

19

@asa79 thats correct and the reason is that its a core settings file just like configuration.yaml and lovelace.yaml. My card just uses this feature not inventing it.

I now see a lot of ppl dont know about this file (light_profiles.csv) soI will add a small description of its existence in the near future.

for more info on the file for now check out light component: https://www.home-assistant.io/components/light where its mentioned. (this is where I found out about it)

hope this is answer enough :slight_smile:

20

Where does the light_profiles.csv sit folder wise?