#frontend-archived
1 messages ยท Page 62 of 1
well today and tomorrow
but its been pretty lax around the office
so is probly another half day
@dense roost
are you just trying to have a picture ?
so basically an image with an added element that doesnt do anything?
correct. the image just navigates to another view, but every way i do it I either have to call a service with the label, or it's a state label which doesn't offer me the ability to use my own text, which I want to be the room name eg BEDROOM
lol
cause you got your navigation path
im fairly certain it will be possible in next version
when you can add more custom things
oh that'll be nice
but im thinking its dueable now too
you have this card that only displayes text
add navigation path to it
and profit
hopefully someone can do that custom css import as I wouldn't know what i'm doing at this point. I tried a service-button, while leaving out service data, but that causes the label bg to change green like a button when pressed
well not a card
oooo profit
neat
shit was just supposed to get a burger with some friends yesterday
since it was so nice outside
might have drank one to many beers
lol
^ Worst friend
meh i had fun ๐ thats all that matters
too slow now i look bad @mild veldt
I can live with that
a little coffee and a shower
lol
and a half day at the office
Bedtime for me. Goodnight
i'll have a look
@dense roost you do know that you can define which font-family your using right ?
@buoyant skiff haha the marquee is awesome i'm pretty sure my wife would kill me if she saw stuff scrolling across the screen
i do, whys that?
cause css loading will be possible soon
might be a good font from google to go along with your theme in there
ohhh I wasn't even thinking about that possibility. I looked earlier and it didn't look like anyone was working on it, i'm still trying to figure github out.
I edited some of the custom alarm panel, easier to hit the buttons
nice
Good morning (or whatever time of the day you have)
device tracker, when wife home she's in a hot air balloon, when gone, a black hole swallowed her up.
@placid geyser 10:22pm ugh
haha ty i had the idea to add security drones around the house to signify the alarm being armed
i wonder if animated gifs are supported in picture elements
@placid geyser lol yeah it does. I really like the retro look.
๐ฒ I wouldn't even know how to start...
@dense roost are the states separate images or do you show/hide overlaid images or your cartoonified selfs?
LOL @dense roost
@placid geyser it's a picture-elements with state images overlaid for home and away for each person.
@rocky merlin ๐
@dense roost great. I love that style. It looks really great.
@north spear https://imgur.com/xZ3wiPh Updated, I like the fact the center tells you current temp now. Got an alignment issue with short titles, but this is probably lovelace not you.
Yay finally managed to make a custom card that use the gauges at: https://canvas-gauges.com/ Here is a quick test... https://i.imgur.com/5fAxfKl.png
Need to code some more and tidy it up plus documentation and I will release it for any that are interested
https://i.imgur.com/K68LElt.png progress....
Kinda like the old-school temperature thingys.... Grew up with those...
@high canyon tap it for set point
I saw, looks good so far ๐
is there a way to program a refresh for a picture element? I have it pointed at a traffic cam but keeps the same image?. they use js to change on on their site.
Hi all just started my first card here do i need to do a reset of Ha each time i enter something
@half cradle no. Just hard refresh of the page
@mild veldt i thought so i just get get anything to display
all i want at the moment is something basic, the time and date and weather ๐ฆ
https://i.imgur.com/ZOzF59Y.png other way to use it....
ops forgot to change icon hehe
It just states clearly that it can be used for multiple things with the temp icon there ๐
Hehe yea thats a way to look at it @wheat current ๐
@fair star What's the website
I'm wondering in general if there's a way to resize the width of the panels in lovelace easily
https://i.imgur.com/XuS9KiH.png this looks better ๐
Hellstrรธm? really ๐
hehe w t h I am swedish ๐
ok i have got my first lot of stuff in a few little questions if i can please , i am doing my tv settings first ,
- i have all the channles listed no issues and they work , how do i check the little image to the left side to a custom image
- i have the power on and off in the same list home how i move it to say another box or area on the page and make it look better
what i would really like it just replce them all with images
Then do that ;)
There are multiple way of doing htat: https://www.home-assistant.io/lovelace
@rocky merlin those will look great for temperature and humidity on the picture elements card. Looking forward to it
ok i get there are ways to do that and just pointing me to the main page isnt thebest help i dont expect you to do it for me but to the correct page would be nice
There are multiple "Picture" options on that page (on the rigth side).
They serve different purposes, where piture-elements are the one that will give you most custom posibilities.
You need to figure out what you want before anyone can help you ๐
@rocky merlin nice gauges. Does the gauge for the cpu load 'scale' dynamically? I just wonder, as you have 0.0-1.0 and the load doesn't have a fixed range as from 0-1 or so.
@half cradle Using picture-elements I was able to just grab a screenshot of my Roku remote from my phone and overlay transparent images on the buttons to have a really nice looking remote with very little design effort on my part
@placid geyser I guess one could make them scaled dynamically. I only support what the original libs are supporting. But you can shoose any range. See https://canvas-gauges.com/ for different gauge options. Load I honestly dont know what that is... hehe Just saw it and used it
@mild veldt so you used picture element i will have to have a play thats for that
picture element is the most versatile card. note; if you plan on using mobile and making it look good, add the style transform: none to each element added to the card so that things don't shift between resolutions
@mild veldt so that's why it's happening...
ok cool
i am still very new to it all so i am still working out how to use it all this is my first dfay on it
@dense roost be prepared to have to redo all your positions ๐ข
@rocky merlin yeah, load is a bit difficult. You can easily see server with a load of 20. I just wanted to let you know that its value can be quite unpredictable.
Thanks hehe
@half cradle I've been playing with it for about a week now. It's pretty well designed and easy to use. There are also a lot of custom cards out there that people have made for edge cases
@half cradle it takes awhile to get everything. Give it some time and don't expect to understand everything right away. I was incredibly frustrated at first but it eventually came.
@mild veldt You think the transform will address https://github.com/home-assistant/ui-schema/issues/121?
Now if we could just get css import, that would solve literally every problem I have.
@raven nacelle YES! I used it on my floor plan for the same reasons. iOS vs Chrome desktop
I hope that there is a better solution in the future though
@dense roost its slotted for the next release
I've noticed different devices have different assignments for picture elements
@raven nacelle the only problem with using transform: none is then I can't flip my icons around ๐ฆ
how do you mean?
so my cameras look to be facing the wrong way
Ohhh
it's literally the worst thing ever, lol
@mild veldt just turn your real life cameras around so they face the proper way ๐
There are couple of elements where it may work for me
3smart5me
trying it out
@raven nacelle yeah, I didn't seem to need to do it on the first 20% or so of the left side
Just installed custom_updater and tracker_card. Can't make tracker_card work. Getting Uncaught TypeError: Cannot read property 'replace' of undefined
Update the card, that comes from an older version
Has anyone noticed when using an image in a picture-elements and styling its position something like bottom: 0 that it's actually positioned maybe 10% from the bottom?
@dense roost are you using padding?
@raven nacelle am not. Nor margin
I've begun positioning things negatively to get them to align properly.
bottom: 0 is where the top of the card/element will start
then try padding....I recall experiencing something like that where I had to use 110%
outside 0-100!
Could it be the image being smaller or larger than it appears on the screen? Things get resized when using horizontal and vertical stacks
this solves some use cases of mine!
@wheat current I've just downloaded it from github. Assuming it's latest
@broken mango Then you should look at the logs, that is the same version I have
So... is @buoyant skiff getting married, or what's up?
It was just a guess off the top of my head.. Also I'm going to a wedding which matches well with your countdown.
nope vacation
That's almost as good.
promised to do an example repo on my vacation
I see. Add me to the list of people looking forward to that.
Personally I found it was easier to get HA-stuff done before the vacation.
There's no compilation times for parenting. https://xkcd.com/303/
Onto serious discussion: I'm experimenting with a custom card which displays other cards in automatic columns. As close as possible to the default layout. What do people think of that idea?
My thought is that it can be used with the panel: true-with-vertical-stack-trick to have a header and automatically order cards below it.
So the default layout/function, only streched to use 100%?
column-card, exactly what I call it.
It's almost done. I'll try to get a few more hours into it tonight.
nice ๐
Hello there! Is there a way to add a custom css to the main ui? (to make some specific changes to navigation etc.)
resources:
- url: /local/mycss.css
type: css
in the root of your ui-lovelace.yaml might work
Is that avaiable now? ๐
I thought so. Haven't tried...
I want to display climate entities in a custom manner. Nothing hugely different like the nest-looking thermostat I've seen going around. Just some tweaks. Are there docs somewhere for something like this?
@polar kelp Unknown resource type specified: ๐ฆ
There is a PR that has been merged that will give that option ๐
@wheat current @polar kelp Ok some wait and see, thanks!
is there a way to override the way hui-text-entity-row/hui-generic-entity-row displays data for a particular entity type?
ah. ok.
Is there an easy way to make the "full card" popup that happens in the "entities" card type happen in a custom card without reinventing the wheel?
panel: true ?
I think he ment the card-dialog you get when clicking on a entity
yes that.
@buoyant skiff you are the authority on all things Lovelace, is that possible?
also... is there a URL that will display a particular lovelace "tab"/view without all the extra HASS fluff around it?
I would like that too, a "kiosk" mode url
right
ace!
ask balloob next time hes around
@gaunt owl if you use the state-label, state-icon, image or iconin the picture-elements card you get the more-info dialog when you click it
@wheat current let me look into that card type and see if I can bend it to my will.
@wheat current I guess I could use a plain white image as my image and do it that way. Seems like overkill... but it just might work. ๐
Yes you can
@north spear beautiful.... i need to get RTFMing the LL stuff
@north spear sweet, away for a couple of weeks so looking forward to a nice finished widget when I am back :p
Looking great @north spear
@polar kelp column card sounds perfect for custom remotes
Assuming it will have rows as well
I am going away this weekend and I am a bit behind, so wonโt have controls until next week
@raven nacelle i will update again the branch for some tests
would you expect background to go black when in config mode? or keep the blue/yellow state ?
I guess both are fine
We call leave it in the current mode
So if it is black, it stays black during config. If it was cooling when we start config, we can leave it blue
No point briefly changing it to black
Hi, is there any way to resize a card (make it smaller) in lovelace, specifically a picture-entity or picture-glance card?
@mild veldt It would be an autoamtic number of columns based on the width - like the default layout. For a remote with a squareish layout, you'd be better off with nested vertical-stack and horizontal-stack.
@polar kelp I've used picture elements so far to make it really customizable for remotes
it is possible to do in picture elements
just make sure to lock it down with transform
and dont make the tappable area too huge
so it works in all resolutions
my fitbit card is complete, I think: https://imgur.com/a/BhynmVj
Submitted a few changes to the circle sensor repo to add drop shadows, select on attributes instead of state
The battery is also a image with state_images for different battery levels. Think it turned out pretty well
@buoyant skiff what do you think?
yes, it does
awesome
would like to have it not so spread out on the stats, but in order to support my dinky iphone se, I had to space them quite a bit
@mild veldt very nice mate
Now that was a nice weather card ๐
Ooooooooooh
Those looks like the the graphs in Kibana ๐
๐คค
two scripts i would love for it to come over to lovelace
would make it look so pretty
@buoyant skiff you have a new vacation assignment. Bring those things into Lovelace...OR ELSE!
Honestly though, these are great and might be a good reason for me to start looking into making some custom cards...but my vacation actually starts tomorrow as well ๐ And I'll be camping so no computer/internet for a week!
hello. Is there a way to set the point at which cards go from the left column to right?
im trying to display my UI on a tablet and i dont want to scroll :x
You can use the vertical and horizontal stack cards to force a specific layout
figured that was the solution, ty!@
@north spear Got the thermo card running. Looking great so far!
Status update: No column-card this side of the weekend.
At least not from me
Maybe bust the cache
@mild veldt i will add big up and down arrows after tap to update the setpoint
But probably sunday or start of next week
I am unsure if I should add operation mode and other controls on the thermo or as side buttons
Like a hidden drawer
mode meaning....heat/cool?
Why do we need heat/cool control
if people change the temp settings, it will automatically change
also, not sure how many ppl play with fan settings on Thermostat
we can add all those, but it will make things complicated
Heat/cool/auto and off are useful
true...they are
I have mine set it at auto....so it automatically changes
but I can see the need for it when ppl don't use auto
DO you think it may be better to show icon for AWAY like the leaf that you have?
So I assume with +/- it should be usable already
exactly
Yeah. Leaf is already for auto
auto or away?
we can still have the ambient temp
Leaf = away
yeah
Oki
love the small ranges
Are you happy with looks on tap?
Yes that was the plan
And make whole top snd bottom parts tappable
To have big enough area on mobile
perfect
so just thinking how will it work...right now when I tap, I see 68-79
the range
On dual set point you will get 4 areas
Top left top right bottom left and bottom right
I updated logic on outer ticks
So they now show active only for what the thermostat is trying to adjust
And only show numbers for that interval if in dual set point mode (auto)
yeah...it is looking great
It is a bit more logical than the nonesense I had there initially
I am happy how this is starting to look
I am not sure if I will implement hold and drag for setpoint change
That will only work with 1 setpoint not with auto and itโs a bit less intuitive
Maybe I implement some long hold for one of the modes
Or maybe for humidity target change
And use a water drop symbol like the thermometer when you tap
Or maybe even make it customizable
Nah, only most advanced, but than again I was asked to allow it to combine multiple entities
So you could have a separate humidifier
Or even a fan or two thermostats that combined would allow auto mode
That as well
Anyone here using my gauge component. Was wondering if people are interested for extra algorythms for range
Like logarithmic or exponential distribution of range
I would like it for things like uptime or power where you can have big spikes
hi i was trying to change icons from switches in a picture-glance card but for some reason will only show me the normal switch icon
- type: picture-glance
camera_image: camera.ert
entities:
- entity: switch.light1
icon: mdi:power
- entity: switch.light2
icon: mdi:lightbulb
aim doing something wrong or isn't this feature possible yet?
Hi!
could you guys point me towards a good solution to showing a HVAC unit in Lovelace?
this is the only piece missing and I can't find anything that would work
thanks!
@prime umbra I believe you have to change the icon in the Customization in HA. That's the way I got it to work.
They will then look like lights or whatever icon you choose throughout HA, but that's probably okay.
ahh cool @fathom tree , thanks
๐
@fringe chasm Is your unit supported by HA? meaning, do you already have a climate entity?
@fathom tree looking at it i would have a problem cause in my customize i have put a picture for my switchs for a diferent panel on the HA
on my picture-glance card just shows the regular switch thunder not the pic i have set in customize
so the picture-glance is getting that mdi: from somewhere, no idea
let me tinker a minute. Maybe there's another way...
wait for 0.75 (beta), it allows changing icons
sweet! cuz what I was trying wasn't going to work.
@fathom tree you right
the picture comes from entity_picture(json formatted)
change icon wont afect
sweet thanks for the hint ๐
so then not eaven needs this sense didnt afect nothing
entities:
- entity: switch.light1
icon: mdi:power
just needs:
entities:
- entity: switch.light1
i would thought that by doing the first line should affect directly the customization
i guess i spoke to earlie, the new icon will show but soon you click on it, will revert back to the old one
@raven nacelle : yes the unit is supported, I can control it from the old UI
thanks @quick beacon
ha! that's great except my old UI is a mess. Best thing about Lovelace is leaving my old mess behind ๐
@fathom tree LOL!
@empty heath great work! Now get to work on our custom_card/component add-on store ๐
LOL
can a card be populated by a group? when I enter a group as an entity (- group.lights_pool_grp) I just get one row representing the whole group, not all the group's entities as I excpected
You add entities to a card, the group is a entity and will just show it self
yeah that works fine. but no more "organizing entities in groups and re-use the groups in several cards" then?
how to best structure your entities so you for example don't need to manually add new devices in 5 different cards?
assuming you are talking about only lights?
in which case you should be using light groups
What type of entities do you want to have in 5 different cards? ๐ค
lights sometimes, but also switches and other info. in the old structure, I have a group called "Pool area" which contins "pool lights", Lights in the pool area", "Poolpump (switch)", Poolpump current consuption" and so on
That group is on the main view, but it is also included in the Outdoors view.
monster card!
@shell torrent you can create a card based on a filter, e.g. "pool" and get all entities fo rit
@mild veldt Yeah, the new filters are great - but not really what I'm looking for
@mild veldt But I'll sure check out the monster card
You need to better define your use case then
@rocky merlin that's dumb
and by that I mean, it's dumb that I don't have it yet, lol!
@empty heath i had already lovelace set so everytime i run the add on it will basikly start a fresh lovelace based on the old frontend
so my question is what if i just want to run the addon for backup my current ui-lovelace.yaml
how to go about it?
Lol @mild veldt
@rocky merlin seriously, that is looking sick af!
can't wait for you to release that for us ๐
@prime umbra create a shell_command for that
shell_command:
ll_backup: "cp /config/ui-lovelace.yaml /backup/ui-lovelace{{now().strftime('%Y_%m_%d_%H%M%S')}}.yaml"
did not work :(
๐ฆ
i tried use the addon output
"output": "/backup/ui-lovelace.yaml",
but for some reason it will erase my current ui-lovelace.yaml and replace with the new one in config folder
That is the purpose of that addon
Hold on
would be nice if the addon would have 2 purposes migration and backup
so people can use for migration
and some people that already have it set could use for do backups
@fading sorrel this guy. Being all useful and junk ๐
When's the next stream @fading sorrel. I enjoyed the last one
The last one I saw, I guess
<-wykkydwayne
@mild veldt Yeah, I'll try to define it a little bit better. The most typical usecase would be the rooms:
All lights in the kitchen are in the "Kitchen lights group". The lights in the livingroom are the "Livingroom lights group". And so on.
The groups are used in scripts and the same groups are used in views. It would be nice to use them in cards also without typing in all the entities again.
It works fine in the old UI, and it would be nice to find a way in Lovelace.
@prime umbra There was a small error in the current version with the path... the backup thing does not honor the output path
@mild veldt We have a heatwave here... so it won't be a pretty sight... that's why I'm not streaming atm
@shell torrent I think the monster card solves that scenario
@prime umbra v0.1.1 of the add-on has been released. If you update it, the backup would honor the output setting for backups
thanks @fading sorrel
thanks @empty heath ๐
@north spear New version? It works same as before, all views are in kiosk mode when enabled. Should it be selective now already?
Clear cache
@north spear You are the man!
I'm going to need a bigger tablet to show off all these awesome creations everyone is making!
@fading sorrel now didnt override my current lovelace but the backup didnt make it from my current lovelace.yaml, it made based on old frontend
is this how is supose to be
Group expansion should be easy with a custom card, but than again why not use whole group for on/off if thise lights are grouped anyway
@north spear Thanks so much. Very useful. I assume it is just activated when id = kiosk which means you can only have one kiosk view. For me that's fine, but I like the feature so much, it should be an option for all views ๐
@prime umbra Not sure what you are trying to do, but this thing generates a lovelace ui for you on output location. If that already exists, it will backup that output location first.
nothing more, nothing less
@shell torrent might work with query string too as well
Like: /lovelace/4?kiosk
Can you try it?
@north spear Just a sec!
@fading sorrel basikly i already had my lovelace file done, so i was trying to just use the add has a backup tool hehe
๐
@north spear You should advertise that one. I'm sure there are others looking for that.
Really great. Thanks a lot!
Is it possible to delay the startup of an add-on? I use deCONZ and Unifi add-ons, but the Unifi refuses to load at reboot as long as deCONZ is enabled. It seems to be due to some port sharing that Unifi add-on doesn't like. If I disable deCONZ, Unifi starts at reboot. And if I enable deCONZ it won't, but if I just wait a minute or so and start Unifi manually, it works fine.
@prime umbra If that was the purpose, it would have been called Lovelace Backup ๐
You can backup lovelace with a partial snapshot anyway
@prime umbra using the init_commands and post_commands, you can trick it into doing a backup.
@north spear I tried adding the thermo card on the picture-elements card as a custom-card
so the white card around it should not appear
Here's the config that I used:```
- type: custom:thermostat-card
entity: climate.bedroom
hvac:
attribute: operation
style:
top: 20%
left: 45%
width: 50px
height: 50px
created an issue https://github.com/ciotlosm/custom-lovelace/issues/129
I dont see Lovelace in the app store in my Raspberry Pi Hass.io implementation. Is this format not supported?
~lovelace
Lovelace is the new experimental UI for Home-Assistant, to get started have a look at the documentation https://www.home-assistant.io/lovelace
If you have any questions or issues with it, head over to #frontend-archived
no need for a add-on just read the docs on how to get started using it @half pawn
OK
@half pawn The only add-on that is used with Lovelace right now is the Lovelace Migration add-on in the community repo.
Which I don't need right? Most people I assume are building Lovelace UI screens from scratch. Are there any example screen so we can get an idea of what is possible and see the underlying code?
No, you don't need the addon, unless you already have groups or whatnot that you want to migrate into lovelace
how far along is the thermostat card? I have the custom card added and the .js files placed appropriately. The card appears and shows the current temp but I cannot change it through the card. Is this current expected behavior as it is still in "beta"? Or did I miss something. I am using the almost exactly the example code with the hvac section.
@drowsy summit @north spear is still working on it on a development branch. No controls yet
ok cool.. just making sure I didn't screw up something! thanks @mild veldt
@mild veldt I'm considering hanging a monitor on my wall as a 10 inch tablet just isn't big enough for everyone ๐ญ
Everything*
yeah, i have an old monitor that would work but then i lose touch
having an issue with service-button ... instead of toggling just one light it fires them all ... can i have multiple service-button objects in lovelace? is this code not correct for a single light?:
- type: service-button
title: Dining Room
style:
top: 27%
left: 30%
font-size: 250%
padding: 0px
service: light.toggle
service_data:
entity_id: light.dining_room_chandelier_level
you need a light group for that
oh so the service button only applies to groups?
i'm only trying to toggle a single light entity tho
for a single one it looks right
like to put my styling at the bottom it it gets to messy if i got everything at first line
third*
i have 3 different service button elements ...first one is the group ... it seems to only want to acknowledge that one
yeah just playing around still ... my floorplan has labels for each room and was just going to have it fire off those to make it easy and functional to start ...
Hi all.
Why hello
Hi!
hi
Hi
Hi
When we get css import, icon should allow you to use an icon font that would give us so many more icons ๐
@fading sorrelhaaaaaa
Ha
Would have been better if your name was lander ๐
I know... I just felt like that little word was Hi-jacking the topic
the Hi-larity...
(ok stopping now)
well, it's Friday...
Gold! ๐
@placid geyser True that.
Well... be sure to keep it mind... It will be monday in a blip
Friday usually is full of bad jokes here at the office.
@fading sorrel that's depressing
we should got into the #the-water-cooler for that ๐
@placid geyser if we get in trouble the mods we're doing it๐ ๐
Lmao
Hello, I wonder if anyone thinks it would be possible to add a constraint to the state-filter, similar to in automations - For example
from: "off"
to: "on"
for:
minutes: 10```
Use case?
Eg a picture-element displays a different image depending on how long a state has existed, but maybe a template sensor would be better now that I think about it - presumably the state-filter can have any number of states?
The state-filter filter on states, so yes
@raven nacelle you can try the new version
away mode fix and added param to avoid having it as card to use on picture-elements
First "alpha" is up. https://github.com/custom-cards/canvas-gauge-card
Hey everyone Dimitris here, greetings from Greece, been tinkering with home assistant about 6 months now, lovely project. I'm sure it's been asked again so sorry in advance, but is there any way to put a light slider in lovelace? I mean without having to click a light first and do the popup, kind of like you could with the custom-ui addon.
@swift gulch like this? https://developers.home-assistant.io/docs/en/lovelace_custom_card.html#advanced-example
that's a toggle not a slider isn't it?
oh, now that you mention, you're right. sorry @swift gulch.
@timid girder posted a message that is more than 15 lines. It is now available at: https://hastebin.com/ebuzumosuc
Oh, I hit the length limit - let me split that up....
Hi, I have added cards with history graphs for sensor data to two of my room "tabs" (minimal example):
@timid girder posted a message that is more than 15 lines. It is now available at: https://hastebin.com/qetufihece
In the UI the graphs that are displayed are exatly the same (they seem to be the kitchen sensor's) and the names displayed in the Living Room tab are the friendly_name attributes (from customize.yaml) of
the sensors referenced in the Kitchen tab.
That doesn't look right?!
@timid girder please read the rules and dont post messages longer then 15 lines. Also dont rely on the bot to keep you in line ๐
yeah, sorry, forgot about the length limit
Thanks, @storm lion I've seen that thread again, however I think for some reason the gallery posted there is offline.
@timid girder Can you provide a screenshot of that?
You need to use a img host service like imgbb/imgur
@placid geyser technical a toggle still slides doesn't it? ๐
@swift gulch - have you got an input number created for the light?
And the second one: https://abload.de/image.php?img=2b6igx.png
@storm lion I'd only tried to simply put the light entity itself in an entities card so far, I'll create an input number then and test.
give that a go, seems like the way @tacit cave has done it
@wheat current that's HA 0.74.2 btw
@timid girder That looks super wierd...
If you add this (so they are both in a seperate view) does it still give the same result? https://hastebin.com/jolecenebi.bash
You mean put them into the same view? They are separated now....
Yes, it looks exactly the same, only they are now placed next to each other.
Hmmm.... if you look at them under
do they have different staes there?
yes, they have
I have the numerical data displayed in the "old" UI and they show different values and different history graphs
looks like a bug in lovelace to me
here's both in the same tab/view: https://abload.de/image.php?img=3wkf4d.png
hello
@worldly lintel hi
it's possible to make an question
Impossible
ohhhh
Lol go ahead there's lots of knowledgeable people here
@worldly lintel go ahead and just ask, no need to ask for permission ๐
ok i have installed 0.5 few month later, it's crash !!!! i tried to install the new version of hassio on raspberry pi3
is this lovelace specific.??
i remenber to set static ip on earlier version of hassio to put on config.txt, but on this version it's dasn't work
Please read the #rules and ask your question in #330990055533576204 as this channel is related to Lovelace UI.
@timid girder I'm configuring a temp device now, will get back to you ๐
@wheat current thanks, no hurry
i see the channel but they are nobody
Nice ๐
@worldly lintel Just ask your question in #330990055533576204 and someone will answer when they get a chance.
@buoyant skiff congratz, this is my last day of vacation. ๐ฆ
Gonna set up a repo that we all can share on
just gotta come up with some ground rules ๐
for lovelace example cards
@storm lion Nice workaround seems to be working, thanks man.
@timid girder I got the same result
@wheat current great - then it's not just me ๐
@wheat current should I file an issue report?
The challenge is to get things working with lovelace without messing the previous ui so you don't get kicked out of the house :p
@swift gulch wife approval factor
@timid girder Looks like its maybe fixed in 0.75 https://github.com/home-assistant/ui-schema/issues/135
Refreshing the page isn't doing anything for me, but I can wait for 0.75
nice name ๐
yeah nice to have an addition the the gallery balloob is adding
Corny af love it ๐
haha yepp ๐
Are updates to home assistant put out at specific intervals or is it whenever
I'm fiending for that css import.
Nooooo that's like an eternity in my brain
The releases has a RC for a week, where there are some not alot that reports on issues with it
until it hits the masses
should add time between a new version and next version for components
when the new version is released
anyways thats offtopic ๐
@buoyant skiff when my wife is home she's in a hot air balloon, when she's gone she's been sucked up by a black hole ๐ http://imgur.com/WYJNBRt
Hahaha
But.... I have a Fitbit and a Moto 360... And a Fitbit aria ooo I'll have to think now. Haven't used the Fitbit in ages
hmm - I customized a group but the state of the group isnt pulled into lovelace by the looks of it - with regards to mdi icon change https://www.dropbox.com/s/pi3lt8qbbapwbs8/Screenshot 2018-07-27 10.56.25.png?dl=0 - for a single entity this works just fine
I won the Fitbit aria from Android Central ๐
but the moto isnt that bad is it ?
in cards with type: picture-entity, can I choose to only show the name, not the status (like it was before)?
show_info: true = Name and status is shown
show_info: false hides all info
I'm looking for something like show_info: name_only
@buoyant skiff it's first gen but I don't think I can pull data from Google fit. It's a nice device but it's meh, haven't worn it for awhile. I don't like things on my wrists I found out
@shell torrent in the next version you can add show_state: false to that card to only show the name of it.
@dense roost can i ask a favor from you ?
@Ludeeus ๐
@buoyant skiff suuuuurrreeee
if you got some time to design an homeassistant community icon for the project ?
that is if you got the time to spare ๐
It'll probably suck but I might have some time to play around. Any ideas of what you want it to look like or a specific theme
Ny next project idea, media-player-card custom card. https://i.imgur.com/8g2EGcV.png
im open to any kinda look
got noting specific in mind ๐
so let the creativity flow
I thought your favor was gonna be "can you stop talking so much" haha
haha
naa
simple love your retro ui so much since im a retro gamer ๐
just wish i was half as talanted in making that look
@rocky merlin found a good javascript for media players yesterday
let me see if i can find it again
@buoyant skiff ty ๐ I'll add you and send you something when I have some free time
@buoyant skiff thanks I am interested in that
That looks so cool
@wheat current the genious did a one up so share the love will be hosted at gitbook ๐
Can I hide a view from the top row so it is only accessible from an URL? Like
views:
hidden: true
I'd like to hide away some switches and technical info that my family don't want to see.
@shell torrent set icon: N/A it will still be there, not not that visible.
@shell torrent I think tehre are plans for supporting that sort of thing with the new user model eventually
@wheat current @high canyon Thanks. Sounds good. I think the new user model will be great - and necessary if Home Assistant will ever be let out of the techie basements and out in the open ๐
@dense roost Wow, I love that presence ๐
@wheat current you can also accomplish the same thing by setting it to icon: boobs as I found out.
@north spear Away mode is fixed. Still appears as a card on picture-elements.
Clear cache and use the right param
- type: custom:thermostat-card
entity: climate.downstairs
hvac:
attribute: operation
style:
top: 20%
left: 45%
width: 50px
height: 50px
Need to change anything here?
no-card....trying now
All right...that works....perfect!!
I've got a few custom cards that I have added that all work fine, today after being away for a couple of days I noticed the new candy fo canvas-gauge-card and thermostat-card. Having added them into my yaml file (including the resource statement) I get the same Custom element does not exist error for both. The js files exist in the correct location as all the others (copied from raw). I can't work out what I am doing wrong compared to the other 4 custom cards that work fine
Here is the config for one https://hastebin.com/tikahonulu.bash
Both those are type: module and not type: js under resources: could that be it?
@wheat current I have them both set to module
- url: /local/thermostat-card.js?v=1
type: module
- url: /local/canvas-gauge-card.js?v=1
type: module
Both of them also have a second file that need to be in the same dir, did you download that to?
@dense roost thereโs probably a roundabout way to sync Fitbit and google fit data
ah!!!!!!
@wheat current you are a star! I'd missed that fact completely!!
perfect now ๐
Good ๐
on the subject of icons, i have started to create my own info card for the raspberry pi using the systemmonitor sensor. I can't get the icons in the card to change to match those set in the customization.yaml file. Its no biggy in the grand scheme of things. The icons show correctly in standard UI
For now I think you have to define them with this https://www.home-assistant.io/lovelace/picture-elements/#icon-element
Ok thanks @wheat current I will try that now
@mild veldt seemed like too much work just to show how much weight I gained from the Fitbit aria. If anything I need to encrypt those apps so nobody can see ๐ญ
@wheat current I installed your custom plex card which you have on your gitlab page but non of the sensors are showing in the custom card.
@simple jolt it gets it's values froma a custom sensor, it's documented here https://share-the-love.gitbook.io/share-the-love/picture-elements/plex-card ๐
I installed the tautulli sensor and the values update in the overview page. But nothing is showing up in Lovelace using the custom card.
Did you get state-ettribute-element and text-element as well?
and did you change the lovelace config from sensor.tautulli__ludeeus to the name it has under
?
Yes
The example on that page is a copy+paste from my working config.
Any errors in the dev-console in your brovser?
The card also only shows the now playing text element. Not sure why itโs not even displaying statistics.
That is the same element ๐ค
I cleared the cache thinking that would be the problem and still the same.
@wheat current - I hadn't seen your Tautulli custom component, I have one out there as well but it is for stream counts.
@coarse monolith Then we need to talk ;)
I'm have a request of adding support for that ๐
anyone have a good example for a nest thermostat in lovelace?
The plex component has been flakey for me, so I like the idea of how you've set yours up
@hybrid jolt - @north spear is building a new card for just that
@simple jolt Your config works for me, but it only showed "Now Playing:" untill I changed the sensor name
@hybrid jolt look here - It's in a beta release, I believe: https://github.com/ciotlosm/custom-lovelace/tree/test_thermo/thermostat-card
yeah that card isn't ready for prime time yet, but it's very exciting!
@wheat current if i remove attribute: s_senum_e and change it to something like show_name the other state-attribute-element appear. still no info though.
You did not have s_senum_e in your attribute list, try adding that ๐
ya doing that now
@simple jolt any luck?
Does the Plex / Tautulli card show only 1 player or will it show everything currently playing?
Currently, it show statistics for total usage, and the episode a selected user is watching
@wheat current can you define what users to monitor or create sensors for?
First version of my media-player-card is done... I wont make play buttons, I kinda like the clean look. https://i.imgur.com/ib3qgIT.png and https://i.imgur.com/z3rSI6O.png
@coarse monolith for attributes yes, for users not yet, I'm still testing that, for now it creates a sersor pr user.
@wheat current here is a linke to the forum thread for my version: https://community.home-assistant.io/t/tautulli-plexpy-custom-component/38827
Looks like you use the tautulli python library where I went with a rest version - so not sure how much it will help getting play counts into your version...
@coarse monolith Nice :)
I have sendt you a PM ๐
I really need to finish my Personal Capital custom component
Mine would be easy 0$, done ๐
Lmao
I really just want to get that data into influxdb
On that note. Where would be a good place for influxdb quedtions? Main?
That or #general-archived , probably #general-archived
I answered my question by actually reading the influxdb sensor docs ๐
@wheat current I added that attribute but itโs still not showing up on the card. Are there any other attributes that you might have in your set up that I can add to mine to test?
nope :/ but if you remove it, the rest shows?
If you were to build a custom card that had an additional dependency do you need to build a custom component as well
@wheat current this is all i see. https://ibb.co/ij0rpT
waaaarm
๐ @simple jolt , the info is there I see it on my screen ๐
@buoyant skiff you have a heatwave down in sweden as well?
@simple jolt try this https://hastebin.com/equlotakoq.bash ๐
well usualy its about 25 to 28 during the summer
That sounds perfect
@wheat current can it be the colour of the information displayed? Is there anyway to change the colour of the sensor values?
Look at the link I sendt ๐
@wheat current i changed the theme from default to midnight and its now displaying the information
sorry which link?
maybe change your instructions in gitlab in include s_senum_e as an attribute in the sensor.
Good idea, done ๐
sorry missed that original link. I pasted it and now the information is displaying in the default theme.
what was changed?
color: white
can you customize entities to have different icons for different states?
I actually opened a ticket for icons to support custom icons per state the other day.
@hybrid jolt my solution for now within picture element card is to use a image element with state images which are actually just the icons I wanted
@north spear hey you there? did you get my message about the entity-attributes-card ?
icon template, eh?
first vacation beer cracked open
Reminder that I NEED that untappd component!
@north spear ah ok just see that you added similar functionality by using filters and wildcards, far better than my approach, great stuff thanks ๐
@north spear Ping me later, I want to ask how it went!
Dale ๐
๐
@mild veldt I released the gauge card in the custom cards repo yesterday. If I remember correctly you were interested
@buoyant skiff just looked into icon_template. That's a new one to me and will work perfectly. What about specifying color per state? Ideas?
@rocky merlin wonderful!
I'll check it out, hopefully tonight
tnx @undone egret ๐
np your welcome
anyone is welcome to post their examples
great idea @buoyant skiff ๐
need to add your vacuum card up @buoyant skiff - I've just started working on my adaption ๐
Sorry, I think you've got the wrong Shaddy
I've literally never spoken here
Very considerate of you to think of the bloke though :p
@buoyant skiff
very true
meant @sudden lion ๐
but hey feel free if you wanna try it @woven berry
Thx @buoyant skiff ๐
Heh
I haven't gotten around to trying Lovelace at all
I'll get to it eventually though, I'm sure
@buoyant skiff - whats hatheme3.jpg ?
the image supplied
yepp
๐ thanks
np you guys deserve it feel free to pitch in ๐
I will be while drinking good beer hopefully
on wine myself for some odd reason
did have an IPA earlier thought so hopefully that can be forgiven
HA Drinking club member ๐
Once @buoyant skiff releases his untappd component the real fun can start
iantrich on untappd if anyone wants to add me ๐ป
@buoyant skiff https://image.ibb.co/mskSW8/image.png ๐
Motorhead road crew...that sounds fucking awesome. Haha
What game?
Anyone experiencing "NaN" with Lovelace Custom Thermostat card?!
@buoyant skiff - your greeter card seems to be using a weird naming for the weather sensor states, am I imagining it?
I was expecting these as noted here:
https://www.home-assistant.io/components/weather/#condition-mapping
is your weather.yweather just this : https://www.home-assistant.io/components/weather.yweather/
The plant card is really nice, much better than a list of sensors on top like with hass.Io. But I don't quite get it how it works. Since there's no entity named plant.ficus for example, there are only the sensors like sensor.varen_moisture
plant sensor is meant for the plant domain which is created by the plant component: https://www.home-assistant.io/components/plant/
@low parcel looks like it just marries the data together into a single item.
I'm sure I have read somewhere that you can do a dynamic card that shows all entities that are not included in any other card - but I can't find any examples or docs about it. Any tips here?
@shell torrent ?`
monster card perhaps ?
- title: bugs
icon: mdi:bug
cards:
- type: custom:monster-card
card:
type: entities
title: Things that are probably broken
filter:
include:
- state: "unknown"
and the monster card is available on marius github
@buoyant skiff That might be it. Heard about it late last night, haven't checked it out yet. Thanks
@shell torrent There is automatically a hidden view for unused entities already ๐
@buoyant skiff Creeper you are!
Haha, nice! Even better!
Maybe I will be tonight if my back doesn't start feeling better.
waiting on escape from tarkov to fucking download
putin didnt pay his internet bill for russia
700 kb average
@empty heath a hidden view for unused entities sounds even more like what I'm looking for. You know where I can read more about that?
Yup, top right!
sooo dale
when are you gonna make some lovelace cards ๐
Ah! ๐
@buoyant skiff Maybe when I actually get some time to work on my own personal production HA instance ๐
hahah
well in the meantime ill try and keep the share the love updated with examples ๐
@mild veldt Did you create the custom presence card?
@empty heath Keep on dreaming ๐
@raven nacelle nope
may be it was @dense roost then.
@rocky merlin I believe
Yeah, I think it was him
is there a plan , to merge HaDashboard into lovelace ?
@calm rock Don't think so....LL is a different approach that is inspired by all the options out there and, I am thinking, it will make many of the other frontend options less relevant.
@raven nacelle , agree , but the way to create buttons on dashboard and easily get a working mobile interface , is very good on dashboard , should not be difficult ( easy to say) , to create a similar "card" in lovelace
You can add buttons in picture-elements card already
its not possible to change height of picture elements card to make it smaller, is it?
someone (can't remember who) made this in lovelace https://i.imgur.com/yYWezKQ.png
@dapper rain cut the picture ๐
@raven nacelle did you se the final result? https://share-the-love.gitbook.io/share-the-love/tautulli-card ๐
@wheat current Looks great!! I guess, we can even make it hide when nothing is playing
yep, it does that by default ๐
can aslo set show_empty: true if you really want to :P
https://github.com/custom-cards/state-attribute-element#options
what's the best place to see cool LL examples from other users?
In one of your vid's? ๐
working on it right now. Wanna be able to send folks to see something better than mine.
typing typing typing...
There is not realy a place (other than the forum and reddit), but me and @toast has shared some cards (currently only 2, but working on it) here https://share-the-love.gitbook.io/share-the-love and any user are welcome to join ๐
sweet
I won't be able to contribute any custom cards.
It is worth just posting images? Mine is really nothing special.
@wheat current I think the link you shared earlier was by @dense roost
Ludeeus is away for 25m 20s with a message :point_right: Trying to get some sleep ๐ค
For the creator of the 8-bit cards, search discord for 8-bit
8-bit Lovelace UI was done by @dense roost
@raven nacelle Iโm a dumbass, didnโt realize you already said that. My bad.
Hah, good point.
is it possible to apply opacity to a glance card? Thought I saw it applied to a picture-element card but wasn't sure if it would work on other cards.
not sure how opacity would work with glance card...it only allows you to list entities and does not allow styling individual entities
I was hoping I could allow the background picture to show through the card somewhat
I do something similar in HADashboard was thinking I might be able to do it here too
@faint echo I just raised a issue https://github.com/home-assistant/ui-schema/issues/133 and may be this is what you are after.
I think that's a little different, by putting a picture in a glance card. I just wanted to alter the opacity so you could see the picture behind the glance card or even an entity card
how will you have anything behind the glance card?
unless you are talking about the background
yes the background
well, then you want it for all the cards...why just glance?
ideally yes, but just happen to be working with some glance cards at the moment
no...that option is not available
@honest herald https://status.ecobee.com/ says everything is fine
hmm very odd
nothing a restart cannot solve ๐
@raven nacelle ok, I thought I saw it being done on a picture-element card and wondered if it was possible - thanks!
state card error : im experiencing this error , after restarting hassio ( without any modification to the interface ) : https://hastebin.com/guvisebuwe.js , tried clearing cache, but same result, card is empty now .
any ideas , appreciated
It is any custom card?
yes , i have a few , custom cards, but the problem is the state card . not with a particular custom card , as far as i can tell
Trying to use type: divider from https://home-assistant-lovelace-gallery.netlify.com/#demo-hui-conditional-card but it doesn't work. am I doing something wrong?
ok, so when using panel: true to make a large picture-elements platform, is there a way to get the image to scale better on different devices? (phone; tablet; pc; etc.)
after further searching, it seems type: divider isnt implemented yet.
@lucid trail what do you mean by scale better? The image uses 100% of the width of the view no matter what type of device
trying to show ring camera image but info last motion on a picture-entity card which works but want the tap_action to be for the camera and not the sensor entity
- type: picture-entity
entity: sensor.fd_last_motion
camera_image: camera.front_door
tap_action: camera.front_door.more-info
can't help you with that but which ring do you have @fair star ?
pro
pondering getting one. we don't get too many visitors here but both shiftworkers so the ability to mute/divert it around nightshifts would be great
did you look at the standard one at all or go straight for pro?
didn't like the idea of a battery and already had a doorbell in the perfect place to cover single entry
ahh cool. no power to the door here so battery might have to do. cheers!
no problem ๐
morning
Morning @buoyant skiff ! Nice to finally be on vacation? ๐
I'm planning on moving the last parts of my old ui over to Lovelace today, instead of fiddling around with making picture elements of everything, so that I can make the switch
Still struggling a bit with how I want to show the lights though
Haven't got the time I thought this week to try and make a lights card
- type: divider - not working yet?
@fair star Nope, not yet
thanks
Does anyone know if you can link to a URL with a standard entity card?
not yet its coming soon
still sluggish lol
if you look at the official example gallery there is a card with url inside of it
but its in dev
so im guessing next release
Sweet @buoyant skiff I wish I had a map for my robot. My card is not nearly as fun ๐
Thanks toast! I havenโt fully sunk my teeth into Lovelace yet, but can we still use the groups created in groups.yaml within ui-lovelace.yaml ?
@weak salmon no, unfortunately
The only thing that groups are good for in lovelace, is converting to Lovelace. Lol
But we can use the groups that ha creates? Ie groups.all_lights
I am not sure how group.all_lights acts in Lovelace entities card.
It definitely wonโt show up as a group ๐
If anything, it will show as a single entity.
iirc they show up as single entites
I can probably test real quick.
Give me a few minutes to find my way back to the bed and get settled. Still in a bit of pain, so it takes me a lot longer now.
thats why im glad im using telldus cause if i create a turn on all lights there
telldus handles the backend call
so it shows up perfectly in ha
I just tried using one of my old groups on a card. It creates one entity with a new icon I havenโt seen before. A circle with three dots. The toggle is like a master switch (like the header toggle). But if I tap the icon, it brings up everything in that group in a pop up card.
Still serves some functionality.
@buoyant skiff I just tried with group.all_lights it didnโt split the entities. ๐
ok
@weak salmon If you want an easy way to get a card with all lights visible I recommend using the monster card with a light.* filter
Want a link?
@subtle rune Lovelace is brand new, so Iโm still wrapping my head around it. But yes, link me please!
@onkytonk Also, if you use groups in views today, don't miss the Lovelace migration tool. Then you don't need to put in all entities manually. Still no groups, but less writing
The migration tool is awesome. Saved me hours.
@weak salmon @subtle rune Monster card is a magical type of card. Because it's dynamic if you're smart about it, you can have one card that adapts and that you don't need to touch when adding new entities & sensors to your setup. Supports both inclusion and exclusion filters with wildcard for entity_id: https://github.com/ciotlosm/custom-lovelace/tree/master/monster-card
@shell torrent I am very glad to hear that! I'm glad people are getting use out of it ๐
@non eheadfraggle#5194 Iโve already used the migration tool, which has done the heavy lifting for me. But I liked groups to simply if I needed to reuse the same group on a different tab.
Yeah, I miss groups too. But it's a start ๐
@weak salmon That makes sense, but there might be a solution for you after-all ๐
Still trying to figure out how to use it.
1 sec.
I mean that you dont use the group.all_lights, and instead use monster card with include. ```- type: custom:monster-card
card:
type: entities
title: Lights
filter:
include:
- entity_id: "light.*"
That gives me the exact same results as group.all_lights in the old ui
Doesn't solve the reuse problem though of course
@subtle rune thatโs awesome! Makes sense, and the dynamic nature is great!
@open wharf Yeah, I love the dynamic cards. No updating needed when adding another light etc
Just need to work out how to create my own dynamic groups now. So, if I add a new entity, the dynamic card can automatically identify which card to add it to.
How to Duplicate/Reuse a Lovelace Card: https://gist.github.com/dale3h/5c42b1eca227aa2fc7331f582da7c01c
@weak salmon If monster-card support attribute entities now, you should be able to assign any attribute you want via customize: and have it be recognized by Lovelace.
@buoyant skiff You see that ^ duplicating cards
@empty heath that duplicating card thing is great! Can I then say, combine two cards, or add an entity to an existing card?
It might be a little more challenging and more involved, but I think I can make it work.
(the add an entity to an existing card one)
Thatโs just how I use to use groups. So itโd be nice. But Iโm sure I just need to get used to using Lovelace and work out how I can get it to do what I want.
@buoyant skiff Can I contribute my picture elements card with temperatures etc and my picture elements plant card to the "share the love" page?
I have gotten many questions about the config ๐
Setting a differnt title for the card:
- title: View 2
cards:
- <<: *card1
title: Card 3
@weak salmon Just know that when Home Assistant implements a configurable Lovelace UI (drag-and-drop, etc), it will not support YAML node anchors.
@subtle rune So say I use a naming scheme for all my living room entities like this: switch.livingroom_lamp, switch.livingroom_lamp2, I could then use filter/include/entityid: โswitch.livingroom_*โ
Would that work?
Absolutely!
Brilliant!
Then every time I add a new device, I just use the same naming scheme, and it will automatically appear in the card!
Ain't it glorious!
Means I have some entity renaming to do. ๐ซ
With that approach, is there a way to use same approach in scripts? Like switch.turn_on entities switch.kitchen* ?
Sure @subtle rune will sort you out later today
That would make it super dynamic ๐
@buoyant skiff Great! I will be gone for a bit during the day but I'll be here this evening again I think
@weak salmon Nope, I can't seem to get list merging working (and everywhere I've read says that it is not supported in YAML)
@shell torrent You can kind of do the switch.turn_on approach with an automation/script as it sits right now.
I'm going to be busy anyways so that's ok
@shell torrent Here ya go:
script:
kitchen_lights_on:
sequence:
- service: light.turn_on
data_template:
entity_id: >-
{% set comma = joiner(', ') %}
{%- for light in states.light if 'light.kitchen_' in light.entity_id -%}
{{ comma() }}{{ light.entity_id }}
{%- endfor -%}
There's also a one-liner to do it, but it involves a lot more filters.
Only issue Iโm seeing now, is that using a dynamic card, you have no control over the order. I think itโs alphabetical.
Yup, that is one of the reasons it was removed from core ๐