#frontend-archived
1 messages ยท Page 76 of 1
I'm using the picture card to show an image file (snapshot from camera) but even though the file is updated the image is never updated. Is there any way to make it check for new file every time ?
is there anything in the lovelace docs or an example anywhere showing ho to use the customize.yaml options in the lovelace yaml anywhere?
@timid burrow Customize works like before...there is nothing LL specific there
I am using customize and customize_glob with LL
hey all, is it possible to control the size of the cards?
customize is going in a version very soon and it's functions are going into lovelace. I know it's working for now - I just want to get ahead of the curve and migrate it to lovelace now
once the entity registry is ready....we will move to that
we are not there yet
@safe rivet No, the size is determined by the number of entities in the card. The width is determined the resolution of the device
that you can adjust
my understanding is that lovelace supports the customize stuff already though... hence I'm looking for an example or a doc explaining it
@safe rivet You can use aspect_ratio: there to change the height
@timid burrow GO to Customization under Configuration
you have options to change the entity attributes
go where?
@raven nacelle That worked like a charm! Much better now!
where do I find customization under configuration??
I don't understand where you are directing me
~hassbot where is configuration
Error: Infinite loop
~8ball any hope?
My Sources Say No
i know that customize information can be put in the lovelace yaml file... I would just like to see how to do it.
nope
anyone have an idea why a picture is being flipped when using it in the picture glance card?
it's in the correct orientation when I open it in a picture viewer on another device
@lament burrow Some weirdness in the EXIF data I'd assume. How does it look if you open it in your browser?
I have a graphical bug with sliders in lovelace. Like input_number. When I drag it, a balloon pops up to show the value, but if the input is in an entities card, the baloon is cut off. Anyone else notice that?
Uhm, @buoyant skiff I was getting ready to write the issue for more-info thingy, but first I realized I maybe should see if my custom_ui (Andreys for the old ui) f-d something up. Disabled it and lo and behold! More info seems to be working great now and also the switches are there.
So I will hold off on writing an issue
Nice!
Gave me a bit of hope for my problem, but it turns out I already removed custom_ui ๐ฆ
Aw ๐ฆ I also updated Chrome at the same time, but I'm 99% percent sure it's the custom ui since it's fixed in the app as well
Removing custom_ui is kind of The End of an Era. Like when they stopped flying the concorde. A wonderful thing reduced to a side note in history.
Updating to .77 fixed the balloon problem!
Hey Guys, anyone able to shed some light no whether a state icon can be resized within a picture-elements card?
which provider are you using ?
Hello, I'm trying to place a custom card in hass.io. I can't seem to figure out where to actually put it so it loads in the UI, and then reference it in the ui-lovelace.yaml. /local/custom-card.js doesn't work neither does /config/www/custom_ui/custom-card.js, or any of the other structures I've tried. I'm not finding anything helpful on google. Can anyone shed some light on this?
Check the instructions and FAQ here: https://github.com/ciotlosm/custom-lovelace
your physical path should be /config/www/custom-card.js and in your configuration should be /local/custom-card.js in your above example
thank you
@clever nexus Yes it can be resized. I used "--ha-label-badge-font-size: 1em" under style to make it a little bit smaller.
Thomas would it be possible to make that longpress show another entity
reason why im asking is that i would love for my greeter card to be able to display when i press on my location tracker the places component that i got
or another card?!?
ian shut up ๐
no, that would be awesome
another card is just simple navigate
i don't want to navigate. i want a module
then we are talking about the same thing
i know, dork
i just have this blur filter when you time sometimes (all of the time) ๐
xD
state one entity and link another ๐ basically
so on click the link one shows up but on lovelace the stated one shows
that would be a killer card
that in itself would be pretty easy for a card, I think
I want to be able to populate the module with my own LL card though. primarily for my remotes. So I can click on my remote icon and have the remote control show up in the module
right now, i navigate to it, which i don't like as people forget to navigate back
then my "command center" or whatever you want to call it is just displaying a big remote control when I walk by instead of things I care about like cameras and what not
hehe
@polar kelp that doesn't define how to set the bounds. I want to fix athe Y axis
Then your answer is probably no.
It might be possible with card-modder, though... but I havenโt tried.
hmm would be a cool thing to do
Iโll see if I can find a way after choir tonight.
tnx ๐
Idea: long press calls a service that changes a switch, and the new card is displayed using conditional.
@polar kelp that's pretty much what I do now. And works 'okay' except for my main page has a lot of camera feeds on it and when you navigate back it takes quite a bit of time to reload those entities
@mild veldt thank you !
hehe caught the sun to moon animation
@buoyant skiff I just want to understand to your custom-updater. If i check and there is a new release of a custom card, calling the update service, it will download the latest release and overwrite the old in /www folder?
its not my custom updater
its ludeeus custom updater
and yes it does
it gets the new version of the card and installs it over the old one
How to use the new notification drawer? Any docs about it?
@buoyant skiff Sorry to direct to wrong person... btw, thanks....
<config>/ui-lovelace.yaml, cannot find ui-lovelace.yaml in youre config dir
must be in www folder instead?
www/config/ui-lovelace.yaml?
/config/ui-lovelace.yaml
yes i have that
ahh <config> is not actual a folder, got it
Now I just assume everyone run hassio/docker and always say /config ๐
Silly you ๐
Stats man
root dir of homeassistant is probly better
Yeah, but the tidal wave of noobs shouldn't count ๐
i got the love lace page running yeah
@split granite seen the eye candy i posted
the devil is in the details ๐
Yup
haha thats what my boss always say
I've spent days fussing over little visual things before
got tired of my rpi temp sensor so i opted for the filtered sensor to get better trend reading
works so much better now ๐
so i got the example page running, now use
https://github.com/thomasloven/homeassistant-lovelace-gen
?
and tada all works? or.. is that to easy to say that
Or look at the pinned messages for another way - but pretty much
i will go the tomas way
i need to include all files in main? groups, sensors, secrets, scripts, cameras. and so on?
and the main file is in a folder called lovelace so do i need
../cameras.yaml
That's not how Lovelace works.. have another look at the documentation ๐
naa its better to just chance on everything
then ask why its messed up
instead of reading neardy docs
even though the channel said too do so
what if I can't read?
haha
@wheat current i see now the example file
@weak gust I would say you are lying, since you clearly responded to what @buoyant skiff wrote ๐
and that can change in future revisions of lovelace
@weak gust can read, just not comprehend, likely
but do i need to include al these files?
https://imgur.com/a/pWLnF9X
i dont just wanne try and mess everything up
@buoyant skiff selectively reads what he wants ๐คฃ
That is homeassistant config, that has nothing to do with Lovelace @fiery temple
Those files have nothing to do with Lovelace
The only file used by Lovelace is ui-lovelace.yaml
thats what the main file says:
Copy resources from anywhere to www/lovelace and include them
What main file?
yes an im pretty good at it
lego ?
@buoyant skiff play nice
main.yaml lovelace/main.yaml:
Where is that from?
Recources for that == custom cards
begin with reading the actual lovelace docs
and go from there
then once you grasp the basics
you can use a gen to convert your old ui to new
or start from scratch
Starting from scratch is in many ways easier IMO
yepp and better
Stops you trying to make Lovelace behave like the old UI
the generator is only for if you want to split up your lovelace configuration
Lovelace truly give me the UI I allways wanted for my Home Assistant https://image.ibb.co/mGK39e/image.png ๐
the minimalist ui
Do NOT start out by using lovelace-gen. Add it later, when you know what youโre doing and find you need it.
@wheat current too much clutter ๐
yeah the sidebar and topbar has to go
I bearly use that, so could go away ๐
Call the police ๐ฎ
๐
ok i created the content card example in www folder
i put that code of referencing youre new card in the ui-lovelace .yaml and i get
n.setconfig is not a function
wonders if he actually reads any of the documentation or just adds stuff
yeah i have read from up to here
then you wouldnt have gotten n.setconfig
yeah I scrolled to the examples and copy pasted. why isn't it working?
๐
@fiery temple No one here is going to help you untill you dissapear for at least 20mins (at least it will give an illution to you using the time to read).
Unless you are willing to help your self why would any one else do it for you?
You're taking the wrong approach @fiery temple - the tool you're playing with isn't for migrating the config. Maybe you should read what it does?
trust him hes an engineer
The second top pinned message has a link to a site that gives you not one but two migration scripts, and further down the pinned messages there's a third option
Or, you know, read the docs and start from scratch
You'd probably already be most of the way there if you'd done that ๐
start here... https://www.home-assistant.io/lovelace/
ok thnx guys
can is ask one more question do the note says is supported by chrome, does this include chromium?
not sure if its chrome aswell
~lmgtfy chromium chrome
Here, try this => http://lmgtfy.com/?q=chromium+chrome
They're mostly the same thing
if i google that dutch articles says there are two very different things ๐ฉ anyway ill test it on my windows desktop with chrome when all is finished ill test again on chromium
chromium is the open source variant, so it doesn't include proprietary features, mostly related to video decoding and autoupdates
OMG
i just added my first card
- type: iframe
url: https://embed.windy.com/embed2.html
๐
@buoyant skiff Can you explain again what it was you wanted?
state one entity and link another ๐ basically
so on click the link one shows up but on lovelace the stated one shows
I... don't get it...
lets take this if i was to click on the text home i would just get that sensor saying that im home but i im suggesting is to have it link another entity
Oh. Yeah, sure, no problem.
Just set entity
Then it will show more-info for the entity you specify
Or you mean on standard click? Not long press?
either or
both ways are acceptable
atm there is no way at all so im just glad that its possible
im so exicted, i just cant hide it
https://imgur.com/a/orbZbEA
Try ```
- type: custom:long-press
entity: group.my_device_trackers
child:
type: state-label (I guess)
entity: sensor.current_location
style:
whatever
yeah that works ๐
Using the latest version of long-press, because this feature was released yesterday...
Nice work @fiery temple
ill mess around with that tomorrow when i got more time
haha thnx proberly a few of you here are now almost falling from ther chairs from lauching P
cause then i can make use of camera.locations again
We all started somewhere
by having sensor.location point to camera.location on longpress
cause the places component is far better then the built in map
I find it funny that the "marketing" picture for home assistant on github (https://github.com/home-assistant/home-assistant) highlights the Map and the History panel. Two features I don't believe anyone in their right mind are using...
What places component? https://www.home-assistant.io/components/#search/places
i want to add sensors to the people are home card., now its based on states home, how do i get the weather sensor in there?
state_filter:
- 'home'
i dont want to have an extra card for that
- type: entity-filter
entities:
- device_tracker.thomas_thomasgalaxys8
- device_tracker.joella_joellagalaxys8
- sensor.weather_temperature
state_filter:
- 'home'
card:
type: glance
title: People that are home
aint work
That's not doable with the standard cards
It is with the monster-card, which incidentally is a perfect way to get started using custom cards.
~monster-card
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
The state filter will make sure only entities that has the state home are shown. Your temperature sensor will probably never have that state.
monster-card.js goes in the www folder?
yes
i have done that but im still getting custom element doenst exist: monster-card
i did restarted HA, just to be sure
Check your homeassistant log
It says something about "Unexpected token <" doesn't it?
the log is darn empty
2018-09-06 22:44:23 WARNING (MainThread) [homeassistant.components.remote] Platform harmony not ready yet. Retrying in 30 seconds.
2018-09-06 22:44:30 WARNING (MainThread) [homeassistant.components.media_player] Setup of platform pioneer is taking over 10 seconds.
2018-09-06 22:45:29 WARNING (MainThread) [homeassistant.components.remote] Platform harmony not ready yet. Retrying in 60 seconds.
2018-09-06 22:46:30 WARNING (MainThread) [homeassistant.components.remote] Platform harmony not ready yet. Retrying in 90 seconds.
thats all
Oh, right.
I thought the bot provided link had installation instructions, but I guess it doesn't.
got that error away while using the raw content but now im getting connot read propert 'include' of null, nvm fixed it
need tot get 2 more spaces under filter, now its working this is pretty cool
Well done!
has anyone gotten the secondary info to work? I see it in the HA Gallery site - https://home-assistant-lovelace-gallery.netlify.com/#demo-hui-entities-card
Yeah. I use it with last-changed
You're welcome.
thank you!
really wish secondary info supported a template
that would be nice
secondary-info supporting a template would be so useful
last-changed is cool, but not that useful for every entity
quick question for lovelace-ui, does anyone know how to color the entity icon depending on its state value?
for switches by default yellow is on, blue is off. Id' like to colorize a sensor icon based on its state
HELL YEAH
took me a few hours do
as i started to read i came out on several post
i started to reading https://developers.home-assistant.io/docs/en/lovelace_custom_card.html and so on
this is not nessesairly for a beginner to started
just remember to download the cards put them in the www folder and include them in youre resources:
resources:
-
url: /local/monster-card.js
type: jsfrom there you can build
some preview of code
๐
In case anyone is interested, just put up https://github.com/custom-cards/surveillance-card in response to a post on reddit. It could probably use some work, I just never got around to finishing it, but someone here might find it useful
@tender wasp How does this differ from the built in camera cards?
Thanks @buoyant skiff - looked at it on mobile - missed that there was any documentation
Actually . . . There isnโt docs - where are you seeing those?
Oh sorry Iโm crossing wires
I thought we were talking surveillance card
Your link looks cool also - thatโs in my tabs to review tomorrow
For the surveillance card it has some extra features over the built-in one, with multiple cams and limiting for updates, live stream multiple cameras on a pi can be hard for the device
some more eyecandy to show off ๐
so, i just restarted my 77.3 home assistant and now it complains about "Could not find ui-lovelace.yaml in your config dir."
it's been working fine thru out the week
but today,
no go
what do i do ๐
check if ui-lovelace.yaml exists ?
Try not to double post in multiple channels
np
then guess what
wont do again
@buoyant skiff that i will do, but i cant realy find any good config guides to lovelace
and how to manage it
.awesome
Awesome Home Assistant - A curated list of amazingly awesome Home Assistant resources. https://www.awesome-ha.com/
bookmark it
it didnt break
ive been running 77.3 from the realease
ui-lovelace.yaml didnt exist
and today is the first time it complains
wasnt a break was just pointing out that the file is missing
true
huge differance
but why wait 4 days
ยฏ_(ใ)_/ยฏ
exactly, that's the confusion i have ๐
and it's anying, i had a nother problem that i was combatting,
and now i have to change focus
you forget yourself i have to go to all off that too
have you tried to press the small info button
and then remove lovelace as default ui ?
now i have ๐
thx
๐
that was a unclear way of posting this feature,
but @buoyant skiff thx for the help
it saved me from doing a clean install ๐
hehe well then thats a challange
@mild veldt should deffo check long-press out ๐
- type: custom:long-press
entity: camera.locations
child:
type: state-label
entity: sensor.location
cool
hi guys. I'm trying to use a picture-elements to map my entities on a picture (floorplan) i made.
I've noticed that when i put a intput_boolean, with "toggle" and "state-icon", it works, but it does not change it's picture state. It's always a blue bulb, even when turned on. If use in a normal card, it works like it has to. Why? What the right way to have it turn, for example , yellow when on?
@sturdy bough You can use customize to change the icon based on the state. Look at my repo for example
i was looking at it right now ๐
but there is a lot to learn, and i'm pretty tired right now. I think i'll examine it better when i'll at home
i was just wondering why the state icon doesn't change only in that tiype of card
but it does in others
what is that "custom updater" i see in chat?
custom updater is to update the supported custom LL cards automatically
where i can give a look at?
.lmgtfy "custom updater lovelace"
Here, try this => http://lmgtfy.com/?q="custom+updater+lovelace"
and, lastly, is there any place where i can see all or most of the custom cards developed, without scrolling this chat for weeks? ๐
look at the forums
.awesome
Awesome Home Assistant - A curated list of amazingly awesome Home Assistant resources. https://www.awesome-ha.com/
is a better place to start
most of em are on there and if its missing submit a pr to fix it ๐
we are trying to collect as many as want to volunteer to publish their stuff on https://github.com/custom-cards/
and for hass components https://github.com/custom-components
hope that helps you @sturdy bough
GREAT place, thanks
now i'm heading to diy channel to check if someone can help me with IR and RADAR false positive ๐ฆ
uhm dont think so. I have some nodemcu with PIR and radar sensors, that detect movements almost all of the time, even when nothing moves, even when no one at home. At the moment those sensors are unusable.
it's an hardware problem
ahh k
@buoyant skiff how about this
https://imgur.com/a/UsDsAUX
@polar kelp https://imgur.com/a/UsDsAUX
https://www.home-assistant.io/lovelace/picture-entity/
is something like this possible with infrared cameras which doesnt give a state back?
i mean not infrared but 433mhz
RF
why does the secret wife_work_zone not working in lovelace?
- type: map
default_zoom: 10
entities:
- entity: device_tracker.thomas_thomasgalaxys8
- entity: device_tracker.joella_joellagalaxys8
- zone.home
- zone.systrax
- entity: !secret wife_work_zone
aspect_ratio: 50%
also without entity its now showing
whre do I ask the question related to it?
#the-water-cooler i guess for a lack of a better place
this channel is for lovelace
ah ik had to relaunch the program before it saw those secret entrys
where to find infos about custom long-press card?
Is it a way to center align entities in a glance card?
@polar kelp works just fine ๐ tnx again
So many different custom cards out there now for Lovelace, would be nice to have like a repository in the GUI where you could choose what to install/use (like hass.io). Anyone knows if this or similar is in the plans
https://www.reddit.com/r/homeassistant/comments/9dwy8g/following_my_recent_transparency_gif_ideas_i_went/ - looks like somebody is using Lovelace in their magic mirror setup
thats my plan too ๐
using my setup ๐
@proven flint custom updater does that
@buoyant skiff only for the ones you manually install, and not even all of them
@split granite ah, wasnโt precice enough. What if I want to center entities in a entity filter -> glance. Number of entities will vary
I suspect you are, as the saying goes, out of luck @rigid harness
@buoyant skiff , maybe I missed something. Ill have another look. Thx
That's a lot of cards @buoyant skiff ๐
sadly people dont read as much as they should ๐
yeah and i havent "manually" installed any of em ๐
there just there waiting for me to click em
voodoo magic
I usually read docs when I install/update stuff, but cant keep up with all the updates on everything so missed this. Once again thanks!
all devs have to do as add their stuff to the updater and its available for any users
that goes both for custom components and cards
is it possible to have a 'special row' entity in a picture-glance card?
Hello friends. Is it possible to assign colors to switches in lovelace? something like icon_style_active: "color: #4bcdea"
no not yet
since they are planning to rewamp customize time will tell if they make an option for just that
although i havent explored the paper-icon stuff thats in the polymorper
Hi all.. Creating a new card for my veggie patch. Have been able to get the card to display with static values, but when I try and read values from HA I always get this error: Cannot read property 'card_title' of undefined
Can't seem to be able to read any of the card properties... any ideas?
can i ask a question about the monster card
@fiery temple being unconcerned, posted a message that is more than 15 lines. It is now available at: https://paste.ubuntu.com/p/F85Xt9cVbG/
is that possible?
hello
Does anybody know of any issues when using the picture-elements card inside the conditional card?
I can't seem to get it working while conditional works fine with other type of cards...
Lovelace tells me in red: "no card type configured", while it is of course in my config.
nevermind... got it...
How is the transition going to happen? It seems lovelace is better than the default but the default is still being run alongside lovelace
Is it not possible to just transition the current "cards" from the default interface and recreate them on the lovelace interface and just remove the default interface?
It is possible, there are scripts that help you create the ui-lovelace.yaml based on your groups.
Is it possible to just remove the default interface? I don't like having to change on every device I use,
Or another way to put it is what is lovelace missing that causes it not to be the default interface? I assume I am missing why lovelace is not the default
you can't remove it afaik. But you can set it the default one (per device). 2 clicks, not that much, per device and you can forget about groups.
That's what I did. ๐
But I think some things are still not working in lovelace, so they keep the old one. I think...
Does anyone know what isn't working? Maybe I am just not trying it but I have not run into something that doesn't work, maybe its a stability issue?
I was thinking of taking and going through the front end development and just encapsulating lovelace and then setting it as the interface that home assistant serves up
I don't know if that is fool hardy though, I know lovelace is separate from the main state machine so I don't know if you can use the old frontend developer tutorials/docs to transport lovelace/use the lovelace backend and just use your own front end
Good to know you don't think you can remove it @vital forge I wasn't finding anything but thought I would check
use the migration script and you have good base for lovelace.
Afterwards just finetune. You can always go back. Lovelace is just a frontend and it's just the url's in your browser that change from .../states to .../lovelace.
You can't break automations, scripts, sensors,... by moving to lovelace.
True but lovelace does un couple the ui from the main state machine so I assume it does more than just changes the url string
anyone know how to change the color of the entity based on the value in a lovelace entity card?
ie if door is unlocked show it as red (cant see any color options for the entity card)
Not sure if thats possible yet
I am not able to get tap_action to work, are there any examples that show it? From the docs it looks like it will be super simple
I am trying to use it in a glance card
morning
is YR Supported for Weather Forecast Card?
as a weather service i think so
just make sure that the forecast option is included
when your setting up the service
I found this page
and I dont see Yr on the side
and I tried using Yr and its not working
but neither is darksky so I am not sure
but yeah
think your right
darksky works
that im certrain off
using yahoo weather myself
I tried using yaoo
that isn't working either
Can we not post screenshots here
thats so dumb
configuration.yaml
Weather prediction
sensor:
- platform: yweather
Lovelace UI
title: Home
views:
- title: Home
icon: mdi:home
cards:- type: vertical-stack
cards:- type: weather-forecast
entity: weather.yweather - type: history-graph
title: 'Temperature'
entities:- entity: sensor.yweather_temperature
name: Outside
- entity: sensor.yweather_temperature
- type: weather-forecast
- type: vertical-stack
Please use https://www.hastebin.com/ or https://paste.ubuntu.com/ to share code.
To format your text as code, enter three backticks on the first line, press Enter for a new line, paste your code, press Enter again for another new line, and lastly three more backticks. Here's an example:
```
code here
```
Click on the link to learn how to format: https://raw.githubusercontent.com/skalavala/HassBot/master/format.gif
Unfortunately I just cannot get this to work
man I love the idea behind HA, but its such a pain in the butt to do anything that isn't default
frustrating
If you work with us, we can help you. If you don't want to help us help you then there's not a lot we can do ๐คท
Because spacing is critical in YAML, we need code blocks correctly formatted
protip nr.1 use atom or vscode
vim for the win ๐
Hahahahaha! VIM if youโre a masochist
entity: weather.demo_weather_north <-- dafaq ?
use an image host
thats why discord has it natively ๐ฆ
Except too many idiots post code as text, or flood channels with image after image
still entity
yeah but you cant just copy paste stuff
you have to change the entity
in order to get it to work
You have to change the examples to be what your system has in it
so go to dev info
find the weather component
copy the name of that entity and change it in the lovelace file
exactly an example
when you need to do the work yourself
begin with setting up yr if you want that
How do I do that?
I will point you to my post above
this is the most frustrating way of doing things ever ๐
So if I go to States
in Entities
I should see a weather
thats cause your doing it wrong begin with setting up your platform
with components
then begin with lovelace
not the other way around
I already have it in configuration.yaml
so I am not sure what else I need
Or why the website doesn't explain this further
Yes
is there a weather platform available there ?
then its not setup correctly
and did you restart homeassistant ?
Is that another "example"
yes
ill do it again for kicks
Unfortunately still not there
~troubleshooting
If you're having problems with your updates to your configuration, check the troubleshooting steps in https://home-assistant.io/docs/configuration/troubleshooting/
Run the config check listed in there, make sure you've configured it right
but again im fairly doubtful its gonna work since it is a sensor
so darksky, yahoo weather
those are gonna give you forcasts
Yeah, the weather card only works with entities beginning weather.
Some give better looking cards than others, and OpenWeatherMap is sometimes just silly with the number of decimal places it uses for rain ๐
Liking Lovelace so far but can anyone help with tap_action command? I cannot get it to work or find an example. I have read the docs and it seems like it is going to work but it doesnโt
so what do you wanna do with tap_action ?
@buoyant skiff I just want to use the tap_action: toggle command on my lights in the glance card. Expectation is that I will just add "tap_action: toggle" two spaces in on the next line and bingo it would work
And how does it currently look in your config?
@wheat current @buoyant skiff https://hastebin.com/wetiyilihi.css
I am assuming its just syntax but cant find any examples
If you can't find any examples, there is a good chance what you are trying to do is not possible ๐
It clearly states it in the docs
But in your case it should.
I imagine you need to prefix the entity with entity:
It does say "If you define entities as objects instead of strings, you can add more customization and configuration:"
May I suggest this: http://thomasloven.com/blog/2018/08/YAML-For-Nonprogrammers/ ?
Currently they are listed as entities, should I call each out individually as a singluar entity?
@polar kelp have a long way to work? ๐
Phones: Home: +46 (0)XX XXXXXX, Work: +40 (0)XX XXXXXX
Thanks @polar kelp I will give that a read, if there are examples of each it would help significantly
In the help, not your article
prefix the entity with entity: like in the example for that card...
There is, actually. The first example for glance has both string and object entities.
But itโs easier to know what youโre seeing when you understand the syntax.
Man, I hate typing on mobile. Typos galore!
@wheat current Thanks thats great, really appreciate it
To be fair the example if for something else, once you know then its pretty obvious, thats the beauty of hindsight though, its always 20:20
Yep
I like what I have build up to date but with lovelace it has taken a huge step forward in its presentation and capability
Why i don't get automatic updates of custom_updater component when i call the update service?
I get this error:
@foggy tendon being thick-skinned, posted a message that is more than 15 lines. It is now available at: https://paste.ubuntu.com/p/zp7ndDFhdv/
Ok, i got it... permission error.... solved !
I didnt know HassBot had burn like that
In Lovelace can entities be configured on a group level but displayed individually? I used to be able to use "group.all_lights" to show every light together but now it shows a single entity for the group
I have this card related to lights :
https://hastebin.com/irucisotaz.bash
and i'd like to use for these lights the slider-entity-row custom card... How to have this?
i mean how to change that card to have the sliders?
@wheat current Perfect, Thanks
@foggy tendon you need to specify the as the type
@wheat current Ok, but how to include in my already typed card?
again: you need to specify the as the type
@wheat current sorry, but what you mean with "specify the as the type"?
https://github.com/ciotlosm/custom-lovelace/tree/master/monster-card type: custom:somecard-card
@wheat current adding the custom card i get this error:
/local/monster-card.js?v=0.2.3:112:22 Uncaught TypeError: this.lastChild.setConfig is not a function
config?
@wheat current https://hastebin.com/fatodotore.bash
Maybe it does not support it ๐คท
@wheat current ok
You need a slightly different approach
Slider-entity-row is not a card, so it shouldnโt be in the card section of mobster-card
It should be under options of the entity.
Add type: custom:slider-entity-row under secondary_info with the same indentation and it should work.
is it possible to have a hidden entity name
- icon: mdi:home
id: home
title: home
cards:
- type: entity-filter
entities:
- device_tracker.blakes_iphone
for example I want to do like !secret user device 1 as I don't want to leak my user info
e.g., my config is on github
~format @short vale
@short vale To format your text as code, enter three backticks on the first line, press Enter for a new line, paste your code, press Enter again for another new line, and lastly three more backticks. Here's an example:
```
code here
```
Click on the link to learn how to format: https://raw.githubusercontent.com/skalavala/HassBot/master/format.gif
I donโt think !secret is available from lovelace... because the lovelace config is interpreted by the frontend.
I also haven't tried but I'm trying to use a secret in a zone filter will this work? state_filter: - home - !secret zone_1_name
hmm ok
well crap
You could use monster-card and glob it into obfuscation...
link to that? I'm just trying to keep this dead simple
really need to use secrets on the client
Then thatโs Not the way to go - if you want simple
I don't care if I leak my secrets to my browser.. maybe there is a flag for allowing one to be client side
I just don't want it publicly available. e.g., limiting scope of locations / people that live with me (my wife's details)
You could use more generic names โdevice_tracker.wife_phoneโ, โzone.workplaceโ etc
true
Can zones have friendly names? Edit: bloody on-screen keyboard
I'm not sure
but in my whose home, I'd love to be able to pull in any entities that are currently on a guest network and display them in the list
I really wonder how Id' do that
can entities have wildcards
device_tracker.*_iphone
With monster-card...
sorry I should probably move this to the other channel but it also ties into lovelace
I didn't really want to bring in third party controls unless I absolutely have to
I feel like some of this needs to be built into lovelace now before 1.0 ga
Thing is, this is an automation platform ๐
it's an automation platform but the ui is what sells it ๐
There are UIs, but they're not (and are never going to be) the focus. Indeed, the whole point of Lovelace is to separate the automation platform from the UI
to me node-red is the automation platform, this is just my aggregate root ๐
btw, I've been running into issues with lovelace that I just remembered..
I've been updating to every point release, somewhere in the mixup my mobil devices stopped rendering love lace (one of the three still works)
clicking on the refresh icon in ios refreshes it but does nothing
nothing in the system log either
I think if you search you'll find something about that, there may even be an issue
The UI is developed against Chrome, and Safari doesn't support some of the HTML or Javascript features I think
that shouldn't be, they are both webkit based
correction moved to #devs_core-archived
#devs_frontend-archived would possibly have been more on topic, but I'm sure the devs can redirect if they feel the need
@polar kelp Yes, it works... thanks! ๐
Good. I kind of went out of my way to make sure it would work with monster card too.
Heads up, secrets worked in my state filter but wild card did not
Then something off in my understanding of lovelace. Thanks for letting me know. Guess I'll be studyin the source in bed tonight.
@polar kelp If I had to guess, the lovelace yaml is parsed server side and then all edits take place and then that parsed format is transformed into a new dsl/returned as updated yaml to the ui
Sweet you can do secret entity id's as well ๐
i just did the whole hass intergration, im can edit all files but ui-lovelace.yaml iss this cause hass configuration needs an update for lovelace?
Errno 12 permission denied
*13
[Service]
Type=simple
User=%i
NoNewPrivileges=true
ProtectSystem=true
InaccessiblePaths=/boot -/cdrom -/dev -/etc -/media -/mnt -/opt -/proc -/root -/timeshift -/tmp -/var -/vmlinuz -/home/htpc
ReadOnlyPaths=/bin -/lib -/lib64 -/sbin -/run -/snap -/srv -/sys -/usr
PrivateTmp=true
ProtectKernelTunables=true
ProtectKernelModules=true
ProtectControlGroups=true
RestrictRealtime=true
it may be a ProtectkernalTunables?
no its on hass configurator in a chrome browser
-rw-rw-r-- 1 htpc adm 13443 sep 8 12:52 ui-lovelace.yaml
There you go ๐
What's the best way to start developing for Lovelace? Any tutorials around for making cards from scratch?
chown homeassistant ui-lovelace.yaml - and maybe follow the links about learning Linux ๐
i nead to learn linux permissions system
thank you
its even better then a local notepad, there are so much new things i need to learn, darn
Thanks @buoyant skiff , was also interested in setting up developer environments etc. Is there a simple way to set things up?
get an ide, like atom or visual code or what ever flavor that popular
get a linter
and go nuts
really isnt that much to it
#frontend-archived is the new #the-water-cooler
yeah but you have to click the link and read
and reading is for nerds
๐ค
can we have an audiobook instead ?
so good if i do a strip.show(): with no attributes then the pixels should be off ?
@frail wharf can produce the audiobook then it would be top quaility
@polar kelp is there any way to make the default padding on the custom markdown card less ?
should be 8px instead of 16px
@split granite i fixed myself the issue that couldnt run scripts, guess what, fixet it with permissions :p
so deffo better when i edited custom markdown card and got it to normal size
with ui-lovelace are we still required to use customize.yaml if we wanna modify icon colors?
hopefully
That is the long term plan, to get rid of customize and all the bits that link the back end and the UI
The back end shouldn't know, or care, how things are displayed
@split granite good to hear
are there plans to allow secondary-info to use a template
doubt templating will appear in lovelace
is it currently possible to display arbitrary data in secondary-info field?
e.g attribute value
yes very much possible
how would you go about doing this
That UI is looking brilliant @buoyant skiff
tnx i keep grinding away on it
mapping values are not allowed here in "/home/homeassistant/.homeassistant/ui-lovelace.yaml"
check indentations
when trying to setup chromecast as shown at https://www.home-assistant.io/lovelace/media-control/
identations?
Anyone got portainer agent working without swarm?
yep, for controlling different docker instances from one central location
#449717345808547842 i guess is a better place then lovelace then ๐
Bummer... I had it on good authority that this was now the "everything goes" channel
damn i just cant figure out how yaml want me to do to get - type media-control right
@wheat current yep i got led strips i need to configure
Arduino giving you a hard time @undone egret ?
Hahaha ๐คฃ
hard no
oh i see .... he is spoken for
Are you running commands with mqtt, or something else?
mqtt
How far are you?
Are any of it working ? ๐
mqtt works cant get leds to light up yet
So it's the arduino part of it that does not work :/
I don't think I can help there :/
yea i am learning both arduino and neo-pixel lib
at the same time trying to make sure its parsing my mqtt command correctly
1st world problems
when using lovelace, where do i set stuf like gps-cordinates?
in backend not in lovelace
backend?
@buoyant skiff always talking about the backend......makes me wonder
go back to drinking @undone egret
damn ๐ค ok
@buoyant skiff backend?
so i set my gps-cordinates in configuration.yaml ?
Yes
As I assume you haven't yet read the fine manual, now would be a good time to actually read the docs ๐
@buoyant skiff you dont accept freind req.....wtf
haha
@split granite you know, im so new to this stuff and been reading alot, maybe too much because im starting to get confused about everything.
Yeah, it's easy to dive in too fast and get lost
Very simply - Lovelace is just the display, and the backend is what everything talks to
but still, home assistant doesnt seem to read my gps cords.
Pop over to #330944238910963714 ๐
Hi, i would like to show a timer in the frontend which is counting down till the time reaches an inpute_datetime. I could of course make a seperate sensor with template which caluclates the difference between now and the input_dateime. But this would trigger a state_change_event every second and is from design point not nice. Is there a better approach?
@pearl hound There's a custom card that takes HTML input - Maybe use that and just toss some Javascript in and keep it self contained? awesome homeassistant repo has links to the custom cards
@swift violet thanks, i'll try that
hmm, how easy it is to define different lovelace-ui.yaml files for different setups? I just saw https://www.reddit.com/r/homeassistant/comments/9dwy8g/following_my_recent_transparency_gif_ideas_i_went/ and thought it'd be really nice thing to have ๐
@buoyant skiff you here?
hm, what'd I do wrong? I am getting a UnboundLocalError: local variable 'card_dir' referenced before assignment when trying to update new cards from the updater service. I tried the "install" service for cards I don't already have but it didn't seem to do anything, and "update" gives me that message.
ah, do I need to link the card in ui-lovelace.yaml first with the ?v=0 arg to make it happy?
I did have to. Nice.
@devout onyx yepp now i am
hi guys - i'm trying to get this card to work - https://community.home-assistant.io/t/custom-animated-weather-card-for-lovelace/58338/165
actually the darksky one not the one, not the OP
i have the entities set up like - entity_humidity: sensor.dark_sky_humidity
but cant seem to get it working
its still throwing the 'Please define entities' error
what am i doing wrong??
gotta use the platform not the sensor
if your planning to use darksky
no weather card works with the sensors yet
Toast: card-modder could probably do that margin thing you were asking about. But thatโs admittedly not a very good solution. The margins are the same as the built-in markdown card.
edited the markdown card
changed all the 16px to 8px so it acts as normal state-label
since im using it mostly as that instead of a seperate card as the original plan intended for most users
@polar kelp is any possabilty to have that as an option within the card config ?
ok i switched to platform, which is cleaner anyway stilll getting the same error , can you check my syntax?
not sure if i'm doing it right (i'm new to hass)
try this instead
- type: "custom:weather-card"
entity_weather: weather.dark_sky
entity_sun: sun.sun
@quick gulch or try this https://pastebin.com/XjTR0eEH
if that works then go for it
I've stopped using Lovelace already so my config is a couple of weeks old. This may no longer work ๐คท
thats why i wanted to try less first ๐
lol go for it!
you have added the darksky component, right?
ยฏ_(ใ)_/ยฏ
yeah i have the platform added and the tile is showing fine on the standard dashboard
goes watch tv instead
I'm trying to decide between HADashboard and Home Panel
are they better? surely the official one will outpace the others soon enough
maybe
but for a UI, less is more in my house
need basic controls and access to cam feeds
much more and it will never get used
how do you serve it up? on a screen? or mirror?
is it possible to get camera feed on the frontend?
touchscreen laptop, hinges removed and screen flipped all the way back, mounted in a frame on the wall.. still setting it all up. Hope to have a decision made on UI by the time I am done lol
instead of still pictures
ah cool
And maybe other things with the word picture in their name - I'd try reading the Lovelace docs, and looking at the custom cards ๐
well i have picture-glance atm and it giving me a still image
Show us your config
if i remove the camera_image im getting error that its not valid
- type: picture-glance
title: Dashboard
camera_image: camera.mjpeg_camera
entities:
- camera.mjpeg_camera
- platform: mjpeg
mjpeg_url: https://10.3.1.17:6080/video
authentication: false
yesterday i had the survaillance card working but its ugly so got rid of it
My picture-entity card looks like:
cards:
- type: picture-entity
entity: camera.front_camera
camera_image: camera.front_camera``` that updates about every 10 seconds, as expected
yes that does the mine as well, but like i asked can we get live feed?
You only ever get images that update regularly, not a live feed
If you want a live feed us a picture-entity card then click on it
thats already working with picture-entity i can click on it for live feed
sry picture-glance
Then you've got the best you'll currently get
Anyone know what card I should use to make the card (semi)transparent and what config I should use?
๐คฃ
Almost certainly you'll need some form of custom card, though I'm not sure if transparency is supported. When @buoyant skiff is around they may know, given all the eye candy they've produced
Yeah @buoyant skiff seems like the one who would know. I thought I saw it somewhere so I was trying to search but had no luck
just helping ludeeus a bit so ill be around shortly
Np
sup ?
Just wondering if there was a card that I could use to add some transparency so I could see the background image through the card
No itโs not transparent. Ok Iโll attempt to adjust the opacity
@fiery temple I was browsing through the custom Lovelace cards and saw https://github.com/custom-cards/surveillance-card - still not a streaming feed, but maybe closer to what you're after
Thank you
this weather card is ruining my day
any other ideas on how to get it working?
its just stuck on 'please define entities'
does Firefox have a problem with lovelace? I get PLENTY of errors and views not rendering
2018-09-09 19:59:18 ERROR (MainThread) [frontend.js.latest.201809030] http://hassio-vm:8123/frontend_latest/ffa484cf1d2f8cbf1da2.chunk.js:911:783 TypeError: this.lastChild.setConfig is not a function 2018-09-09 19:59:21 ERROR (MainThread) [frontend.js.latest.201809030] http://hassio-vm:8123/frontend_latest/app-1fe7ad4f.js:434:173 TypeError: t is null 2018-09-09 19:59:24 ERROR (MainThread) [frontend.js.latest.201809030] http://hassio-vm:8123/frontend_latest/ffa484cf1d2f8cbf1da2.chunk.js:911:783 TypeError: this.lastChild.setConfig is not a function
that sort of thing
yes
is there a way to overcome this or is it something that needs to be fixed within lovelace and/or firefox?
thanks.. I had no idea components were a thing that had to be supported at the browser level
ugh.. I changed those settings.. everything seemed to be working fine but now my home assistant tab is crashing
still get some errors.. guess it's not 100% good with firefox even with those modifications
2018-09-09 21:00:57 ERROR (MainThread) [frontend.js.latest.201809030] http://hassio-vm:8123/frontend_latest/app-1fe7ad4f.js:434:173 TypeError: t is null
I think it might be the entity attributes card specifically
@quick gulch I got out of bed to put this together for you because it took me awhile to figure it out as well. Hastebin isn't working, I created a gist, whatever that is: https://gist.github.com/NickChamberlin/9b02c34021e34ab0ade2da275564f524
nick seen my latest screendump of the ui ?
i haven't, send the magic
haha that's awesome, looking much better. is it on sharethelove?
ah nice I want to check it out when it's up.
it's done I just need to come up with things for it to say, haven't touched it in a couple of weeks. Was trying to come up with a version that would be wife approved for wall tablets, most people don't want f-bombs on their wall tablets ๐
hehe well make one nice
and the we can make one that full of fbombs and insensitive shit in it ๐
it gives messages depending on the type of weather, rainy, windy, sunny, clear-night, and within those based on temperature, so a different message on a clear-night when it's 55 degrees and another message for clear-night when it's 60 degrees Freedom Units
lmao will do. inappropriate-weather.js and appropriate-inappropriate-weather.js
haha awesome ๐
i have made sensor from my device trackers to change the home to connected state, in the unused entities now the device trackers are there, any way to get them rid of there, proberly not poss?
can you hide an view? so no mdi icon or so, cause then ill place them in a seperate view?
The whole point of the unused entities view is to list the entities that aren't in any view
There are no hidden views, because that would be daft ๐
i find it handy to see which are not yet configurated
i got some strange thing now
i made this
- icon: mdi:general
title: Clean
cards:
- type: custom:monster-card
card:
type: entities
title: All other entities
show_empty: false
filter:
include:
- entity: device_tracker.htpc02
there is no icon so its kinda invisable, but it shows literally all entities...
and there is nothing in the unused entities list anymore
ah its cause of the monster card i think lel
Yes, because you've now got them all displayed ๐คท
i dont get it i got items in the unused entities while a im using them but as an entitiy_id instead of entity
@fiery temple being uncaring, posted a message that is more than 15 lines. It is now available at: https://paste.ubuntu.com/p/7zSt74Kjr2/
while if i add them as:
entities:
- device_tracker.chromecast01
- device_tracker.defap01
- device_tracker.defcam01
- device_tracker.defcam02
- device_tracker.deffw01
they are going away from unused entities, but there not showed on lovelace
i might as change the monstercard to a entity filter awell but i like the list
@split granite i dont think @kind shell is playing around anymore if you post long code ๐คฃ
It's getting less subtle, which given how many people ignore the rules, is probably a good thing
I'm tempted to put in a request to have it auto-kick anybody who posts more than twice the limit listed in the rules ๐ค
found the solution, i started with the monster card and that needs entity_id instead of entity and then is still under unused entities. so i changed a few monster cards to normal entities card type and its ok
i tought that type: entities wasnt lovelace related๐
that we needit cards
well its a card confused
is there a way to reduce the wasted space on the lovelace banner?
like moving icons up next to the title?
yes, could you help me on do it?
does the zipfile contain everything to recreate that controller ?
yes,
kewl ill add it during next week ๐
thank you so much
np ๐
Good day all. Quick question.. Is there a way in love lace to have a view that is not displayed in the header section. But be would be linked to via navigation_path?
navigation_path: /lovelace/<hidden page>```
is there a way to force Lovelace as the default for all new logins yet?
or some kind of redirect
Is there a way to just remove the default ui? I like that lovelace is decoupled from the main state machine but doesn't running the default ui slow down the rest of the hass instance? ie its still running the ui in the main state machine but it is also running the lovelace ui so overall slower right now?
no
I'm trying to set up Lovelace and trying to get a Picture entity card working. I'm running HA via Docker and only the /config folder mounted. I have no idea how to get my image to display... nothing is working. What is the right command?
I have tried: image: /config/picture.png
/local/picture.png
/www/picture.png
And just straight, image: picture.png
None of these worked. Where am I going wrong?
its always /local/
in ui-lovelace.yaml
and on hdd you put your stuff in /config/
this is all covered in the docs on basic configuration
@severe idol With my setup I use /local/image.png in the config and then place the files in the /<config>/www directory. That works for me.
I was going to check out the lovelace-fullykiosk, to see if I could use it on a rpi with a screen, but I realized it was for android devices. ๐ฆ Is there anything else available to be able to shut of screen and such?
should be simple to fix if it uses browser fingerprint or something
@subtle rune
change this line
if(!navigator.userAgent.includes("Linux; Android"))
if you add the os of the browser there it works ๐
Will it work with motion for turning on and off screen too? And brightness? ๐ฎ
I mean, don't it require the app?
just going by source and if you add windows
or dunno if apple uses applekit when id it self
iphone; ipad
I want to use it with rpi with raspbian :/
Yeah alright, but what about this "...where fully_kiosk_id is the Device ID from Fully Kiosk Browser (available under Settings->Other Settings)." from https://github.com/thomasloven/lovelace-fullykiosk
Am I being an idiot for not getting how I will be able to do this on the rpi...?
Ah, alright. Maybe the fullscreen part works but not the part with motion and brightness then. Will have to try when I get home (at work now)
I guess there is other ways of getting the motion sensor -> turn on/off screen in rpi that I can use otherwise.
should work too
Is it possible to use the style option for every card or only in some of them? If yes, which one supports style?
@river edge Very interesting... can you maybe share also the icons and the scripts? I am in Abruzzo too... ๐
@foggy tendon all are into zip file
Hi!
- type: weather-forecast
title: Renamed Title
entity: weather.dark_sky
Shouldn't I be able to rename the title of the weather-forecast card just like every other card? It doesn't work, instead still showing the "Dark Sky" name configured for the platform itself...
title is above plaform name
so it will always be dark sky if your using the dark sky platform
Erm... you mean hieratically? Or within my example? If title > platform name, than it should overwrite it, shouldn't it?
Okay, I understand. Is this consistent across all platforms and correct to behave this way? I thought maybe the Lovelace concept would be designed so that it "beats" the platform name...
well the sole focus has been on the auth system with the latest updates so there hasnt been much lovelace work
but im sure once it picks up again there will be changes
lovelace isnt a complete feature so far
Sure. Just thought if maybe I should create an issue on github for this behaviour. If it really is an issue and not wanted to behave this way.
i know that customize is getting a rework
so might just be worth waiting for that to happen then it might be possible to change more on the frontend then now
Ok. Thanks!
Anyone here using fully kiosk on a fire tablet and know how to get custom module cards to show. For all module cards I get the red error message saying itโs not supported. Works if using chrome.
fully uses the built-in Android Webview, which is a few versions behind. I think latest FireOS is webview version 59 and android webview is up to version 68 now. Not sure what Chrome uses
Yea tried downloading the android WebView from the play store and doesnโt seem to do anything.
