#frontend-archived
1 messages ยท Page 72 of 1
hey there, Im playing arround with lovelace with a Hass.io installation. How can I see the error-log? any suggestionsร
is the error occoring when you reload ?
On errors, anyone else seeing a lot of Uncaught TypeError: Cannot read property '_stateDisplay' of null since the last updates?
nope havent updated last update was a failure so waiting for others to take the plunge
This one is relatively stable
well I try to setup the thermostat-card but I just get a "custom element doesn't exist" in the card so I wanted to investigate by myself whats happening ๐
by looking in the error log
Did you include the required files in ui-lovelace.yaml?
type: module```
and refreshed the browser?
@raven nacelle got inspired by the custom card you and ludeeus played around with the other day
so i did this
nop, even restarted Hass.io
thats why I wanted to look up the error log, but I dont know how
all the logs are in Dev tools. In the browser, you can inspect and see what is missing
hm got a 404 for thermostat-card.js
then its not there
most likely the path is incorrect
1: Are it located under /config/www/
2: If you created that now, you need to restart HA (only first time)
3: if it was this card https://github.com/ciotlosm/custom-lovelace/tree/master/thermostat-card you also need the .lib.js file
Hi, could someone pleas ehelp me with the syntax for the background image ? i am unable to get it right
@rotund island what do you have currently?
Ah, for the view. I haven't played around with that yet
Did you just try the one from the docs? background: center / cover no-repeat url("/local/background.png") fixed
and does that image reside in /config/www?
well that's the example i've seen in https://www.home-assistant.io/lovelace/
image resides in www
and double checked the name lower /upper case
the one in the example works
Hi! Whats the correct card to use just for a security camera. I can't get either picture-glance nor picture-elements working with an empty entity list... Thanks!
@mild veldt what type card you using to display the sensor.feedparser info?
@wheat current @mild veldt my bad i didn't look correctly in my folder tree it was in config but i thought it was in www ๐คฆ
i lost 2 evenings not understanding what was wrong
@prime umbra I'm in the process of making a list-card
Yeah! @mild veldt what's taking so long?
@mild veldt hurry up
...nevermind, I'm quitting HA and going openhab
@mild veldt I don't care what you use as long as you make the card ๐
@prime umbra here's a preview: https://imgur.com/a/HgdBJvm
/mute @buoyant skiff
@mild veldt looks awesome
very nice!!!!
i still want that vodka cooling system that i posted in #the-water-cooler
those russians sure know how to build a pc ๐
some way to hide the calendar-card if there is no event? Was thinking of Conditional Card, but not sure which state I should use: https://community.home-assistant.io/t/lovelace-google-calendar/63662
dunno
its kinda new
best option is to read the docs and if its not in the docs contact the dev
@vapid field conditional card is designed for stuff like that
@wheat current thats what I thought, but how would the condition look like?
just absolutely beautiful ๐
hehe
not the answer that I expected ... and from the yaml view:
(list)(Required)List of entity IDs and matching states.
entity
(string)(Required)HA entity ID.
state
(string)(Optional)Entity state is equal to this value.*
So how does an no event look from the state from where its grabbing thats the question you should be asking yourself
then proceed from there
Like your work @buoyant skiff with the greetingscard, will you also share how you done it ? ๐
A place for LoveLace Config https://sharethelove.io/
but once im done with the new version i will submit it to the site
Nice! Yes i saw this one indeed (https://sharethelove.io/picture-elements-cards/greeter-card) but yours is much more expanded
hehe yepp it is
hmmm, after I finish this list-card what should I do next? A component for personalcapital.com or expand the built-in shopping list to allow for multiple lists?
How can you change the icon color when a state changes? I have input booleans that I want to turn Yellow when they are on, and the default color when they are off
@buoyant skiff unfortunately it does not look different: https://hastebin.com/ozobaqeroc.css
Seems like the hass.io component looks for the next event and the card just displays events that are in the next 7 days.
What comes up my mind is, to create a sensor that checks if for example the next birthday event is within the next 7 days. and has a state true or false. Thats a work around, but might work. But not sure how to create such sensor
Personal capital has an API?
unofficial, but yes
maybe focus back on untappd again ๐
what's untappd lacking?
that beer aint gonna drink itself ๐
@raven nacelle https://github.com/haochi/personalcapital
check-ins, I guess, but wouldn't really want to do that from HA
search beer ? ๐
and it is already on PyPi...so should be easy
yeah, I just need to figure out how to get the user input code from the front-end. I'll have to poke around in some other components to figure out how they do it (can't think of any off the top of my head that do anything like that besides oauth ones, but that's different)
I think Ecobee uses a configurator
cool. I'll check that out
i'll probably build it out with a hardcoded session token and leave the configurator part as the last piece
@buoyant skiff search beer for what purpose? to be added to your wishlist?
something like that
go for it. I don't see that being very useful from HA. HA is my consumer of such data to display, don't think it's well suited that. plus the 100 calls/hour limit really restricts what you can do
yeah true
dunno what im interested in creating next
probly just keep on grinding on my ui
I wonder if it would make sense to put some of these more developed custom user cards into full custom_cards? like a system monitor one, or a greeter
maybe, was a thought, but probably not. I have no idea how to add other card types into another card in javascript, which would be a requirement for lots of them
well not really having to look at other cards
all i need is attributes to i can have a a looooooooooooooooong ass message
the i could just use ludeeus attrib card for display puroses
but my idea was to have user setup what they want to display with all the fluff text and then just adding it as a template almost
a modified template attribute sensor
@mild veldt does that sound bad ?
I'm struggling to figure out how to best format my "floorplan" image in Lovelace? I have them set as svg but it's not scaling to my screen size
is it set up as pieces or a single image ?
ยฏ_(ใ)_/ยฏ
goes to get some food instead
it's just a single image
Its a picture element that I'm trying to use as a background/floorplan
add panel: true to the window
*view
What he said^^
Hey guys, how can you change the icon color when a state changes? I have input booleans that I want to turn Yellow when they are on, and the default color when they are off
@vale citrus You can use icon_color for this. See my customize_glob.yaml for example https://github.com/arsaboo/homeassistant-config/blob/master/customize_glob.yaml
Thanks @raven nacelle !
@empty heath got the initial funtions (only from config, not add from service/flow) working :D
camera webimages_test:
- platform: webimages
urls:
- "https://images.unsplash.com/photo-1508265802264-937da5e9cc81?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=4de4577f1afc07cea2160f701b1da648&auto=format&fit=crop&w=247&h=370&q=80"
- "https://images.unsplash.com/photo-1517110836260-0f7a7c15baf1?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=9219e0986d01a5479c86c9ece71506a3&auto=format&fit=crop&w=247&h=370&q=80"
- "https://images.unsplash.com/photo-1526927938871-558c7bcfa454?ixlib=rb-0.3.5&s=dc6a5332dcf2008383e483dff86626fb&auto=format&fit=crop&w=247&h=370&q=80"
Same images that was in you GIF earlier ๐
Very cool!
I'm assuming it works with relative local URLs also? i.e. /local/long-card-1/img1.jpg?
for now it only uses requests.get, but it is not an issue adding logic for filename
Ooooo, what if you allowed it to read an entire directory of images? ๐ฎ
That way, you just add the directory, and images can be added whenever you want.
That is quite possible ๐
How do you increase the width of Lovelace? I would think that it would fill the window size but it seems to be cutting off around 400px
Do you happen to know which part of the documentation mentions that? That worked BTW
The first page of the Lovelace docs
ups... I lied, it's "hidden" under view https://www.home-assistant.io/lovelace/views/
Found it, thank you. Do you know how to change the width of a card?
so far the only way to change the witdth is by panel true
and then having a horizontal stack
Is it possible to make a badge conditional? Or change color based on state?
Conditional in the sense of only visible if 'true'/'on'
Also, are these conditions 'and' or 'or'```
- type: conditional
conditions:
I tested and see it is an 'or'
It's probably riddled with errors, but here's my list-card that can be used in conjunction with the sensor.feedparser custom_component: https://github.com/custom-cards/list-card
Hopefully someone with some actual JS skills can take a look at it at some point and clean it up ๐
@mild veldt niice but your formatting in the readme file didn't take in the column object, unless it's supposed to be that way
Iโll double check in a bit. Gotta get the kids to bed
You're mean it's only 6pm ๐
hey, I think I'm getting a lot of errors just because my calendar entries don't always load. I keep getting this error: myducdns.org8123/frontend_latest/app-c65b4028.js:445:3533 TypeError: e is null
is there anyway around this? a lot of times the section wont load at all for me
remove the calendar entries or edit the card you're using to do a better job checking that the entity exists first
I am still a bit confused on how to know what type of card is used for what. I want to add my ecobee climate.thermostat but not clue what it should go under...
@stable swift I would use this custom card: https://github.com/ciotlosm/custom-lovelace/tree/master/thermostat-card
Great, thanks ๐
Still trying to figure out how I want my lovelace to look
I need to redo my views with panel true and column cards
.awesome
Awesome Home Assistant - A curated list of amazingly awesome Home Assistant resources. https://www.awesome-ha.com/
there is all the stuff in a curated list
Isn't that the list Frenck made?
Sure, if I come across something ๐
I'm amazed at how much stuff Frenck is involved in.. it's kinda crazy
I was thinking of all the add-ons he's doing
just a matter if people come across new stuff that they add to it really
think ludeeus got him beat
Will do. Currently I'm just trying to get DarkSky to show 24 hour format instead of 12 hour
you here @buoyant skiff
ooohhhhhhh can you slip over to docker thread - I don't wanna spam this one
if you don't mind
sure i can take a peak
Hey everyone, how's it going?
Just fine @storm lion. And you?
urgh the new auth system is so hopelessy broken
Works fine for me
well ladida then
it enable you to add this to a card https://github.com/custom-cards/username-element to show the username of the logged in user.
And any thing your user changes (states) are logged to the DB
and if your lucky it hangs in the middle of login in giving you an error
great features
That has never happend to me ๐คท but I use chrome ๐
can recreate it under chrome too so please stop bashing ff its just annoying
there isnt just one browser users are gonna pick whatever they feel is the best for em to use
since ther token are used by the client, you may need to reload the browser after a restart
doesnt help with a reload first thing i tried
the only way to actually get it working is by clearing cookies
if the token is invalid or outdated it should redirect to login again
that would be the sane option
I'm just worried about my api ๐ but it shouldnt be an issue if I enable legacy-thingy I guess
Not if we're talking about the user card ๐
I kinda want that now to customize greeting!
Legacy still works for apps that uses api_password
Any word on when the notification drawer might show up? I was hoping on this release but it didnt make it ๐ข
probly next major release
i know the auth system is gonna be good im just frustrated that it didnt recive more beta testing before being released
not just me that has had issues with it
takes away time from doing more cool lovelace stuff
I have now implemented user name element in my greeter card ๐
nice ๐
going to do a summary on my apartment kinda like the weather summary did for the weather
Yeah that's a really good idea!
{% set message = "Today's weather is " ~ states.weather.yweather.state ~ " with a temperature of " ~ states.weather.yweather.attributes.temperature ~ "โ and the current weather alerts is " ~ states('sensor.outside_alerts') ~ " and the forecast for tomorrow is " ~ states.weather.yweather.attributes.forecast[0]['condition'] ~ " with temperatures ranging from " ~ states.weather.yweather.attributes.forecast[0]['templow'] ~ " to " ~ states.weather.yweather.attributes.forecast[0]['temperature'] ~"โ. " %}
{%- for item in (message | wordwrap(32, true, "|")).split("|") %}
{{item}}
{%- endfor %}
the jinja for my summary
if you want a simular summary
๐
i use state-element to get it working and not come out as along line
that font is a google font btw
@buoyant skiff if you're having issues with the auth system, feel free to open detailed issues to help the developers
will do
@buoyant skiff Any idea what type of entities is for climate control? I have tried and few and failed
I am docn away mate..
- type: custom:thermostat-card
title: Bedroom
entity: climate.ecobee
chevron_size: 100
hvac:
states:
'Off': 'off'
'Cooling': 'cool'
'Heaing': 'heat'
attribute: operation_mode
doesnt that work
if you have the ecoobee ?
Is that for the https://github.com/ciotlosm/custom-lovelace/tree/master/thermostat-card ?
I have this installed and working but it is super limited
I have a second title I am looking to add the normal function to
always!!
nice
@stable swift you can always use a vertical stack or horizontal stack and add the missing functionality as a secondary card until the thermostat solution receives the missing features. It will take a while to get there.
Where do you live @north spear ?
when it's called you can put something on, when it's hot... you can't take more stuff off
Romania ๐
Ah, I think I knew that already maybe. Memory is short ๐
that graph looks way more fun then what im dealing with atm
๐
my next component for ha
gettings stats from syncthing
nice
backing up data is soooooo fun
I saw now that you merged my pr for gauge card ๐ I was so pleased when I could offer a solution to my own problem ๐
Instead of just complaining ๐
I always love contributions
Can you use a paper-dialog in a custom card? How would one do it?
Could we all just pause a moment and appreciate the fact that @buoyant skiff is backing up his data? You all should do that too. If you don't have a regular backup system, today is a very good day to get one. Well done, @buoyant skiff .
No. Really. Everyone should back up their data. Right now. Noone should have to lose four years of personal photos because of a hard drive crash.
Didnt loose any data when it crashed restored 100% of it
just noticed a flaw in my old setup
I could do that the second time my harddrive crashed...
so pluggin that flaw basically
Sidenote regarding backup:
A backup is not just moving you stuff to and ext hdd, you should at least have 3 physical copies of your important data, at a minimum of 2 geographical locations.
raid 1 thats why physical copy then the shit im backing up now is an offsite backup
asked a buddy to install synthing on his end with a 2tb drive
and setting up an additional backup isnt a big deal
just introduce the drive you wanna add and let it sync up
@polar kelp when are you gonna add your cards to the update tracker ?
Any day now
@midnight monolith I can't get it to work ๐ฆ
me neither... ๐
Interestingly, though, paper-dialog-scrollable seems to be defined, while paper-dialog is not...
spending way too much time on all this. ๐ ... the things one can build using Lovelace is awesome, but I feel we're cutting edge here ...
How did you find out?
That one can use paper-dialog-scrollable?
Just use developer console and see what you have defined ๐
window.customElements.get('paper-dialog-scrollable') returns a constructor
I'm going to learn something new about the developer console, I think. Where can I find everything that is defined?
ok... dumb question after @polar kelp comment
Let me know if you find a way to get a list, though.
although, I don't see them in there
Hi! When using a scripts as entity in a picture-glance card, how can I configure it to execute on click instead of popping up the tab with more info?
https://www.home-assistant.io/lovelace/glance/#tap_action call-service Oh, sorry. Picture-glance... not sure that works there.
@half osprey could you tell me how to use the paper-dialog in a custom card?
I am just trying to display a security camera image and have a button within the card to execute a script. Am I using the wrong card type?
I made special template switches for that
switch:
- platform: template
ptz_left:
value_template: "{{ true }}"
turn_on:
turn_off:
- service: script.camera_ptz
data: {entity_id: camera.my_camera, direction: up }```
And then included those switches in the picture-glance.
They are always on by default, because that looks nicer.
Good workaround, thanks!
i know
Does lovelace allow for any kind of templating?
EX: I'd like to use the glace card type, but have the icon/color of one of the tiles change based on the state
No templating in Lovelace @grim light
Damn
Anyone able to help be figure out why my tap-action isn't working?
https://hastebin.com/ovihuyasef
This is worked in the past but recently stopped.
No error in the logs, no error in the console....
running 0.76.2
The card displays as I would expect: https://snag.gy/4TXWgv.jpg
that's for the camera "image"
the arrow icons are not working
they're not firing the cover.close_cover action
I am having a bit of an issue with lovelace and my Plex Component
I want it to only display when I am playing a movie with Plex, however, it always displays, even when the state is Unavailable
Display in lovelace: https://i.imgur.com/LPKtztV.png
If anyone wants to check if this is working as it should, please do ๐
Can badges be conditional in lovelace?
@buoyant skiff how i can change size of animited svg entity picture inside the picture elements card?
@coarse monolith tap_action not tap-action
๐คฆ
it is.. when will it be available?
the link to the repo is right there...
@mild veldt I for one love screenshots of stuff, but I am so terrible at including them for others to see. Any tips?
try harder...? ๐คท
๐คท Frenck showed me the animated screenshot tool for macOS (Gifox) -- that might help a little, I suppose.
Oh, and point made. The screenshot exists in the wild, but it's not on the damn repo page for the log viewer add-on! ๐ฎ
Time to submit a PR ๐
Greenshot for PC
Greenshot++
Now I have macOS + Dropbox, so everything is handled for me.
True.
@mild veldt There, added a screenshot. That was way too much work, even though the screenshot already existed. lol https://github.com/hassio-addons/addon-log-viewer
a gif...now you're just showing off
Lol, that's the screenshot that already existed for it!
Seriously, I am terrible at remembering to include screenshots.
I like http://www.littlehj.com/mac/ for screenshots
@empty heath I actually did put it on just a few days ago
Nice. Thoughts?
comes in handy when I'm remote
Eventually I hope to get a quick hotkey/key sequence for restarting Home Assistant, etc.
(and also a live filter editor)
I do but I don't think it shows me everything
well I'm comparing the addon to tail -f home-assistant.log
In the future, I am really hoping to have access to the Docker socket so that I can read logs directly from Docker and not have to worry about relying on the user to setup which logs they'd like to see.
Hmm, interesting. This add-on is doing almost exactly that.
in the addon
File "/usr/local/lib/python3.6/site-packages/roku/core.py", line 172, in _get
return self._call('GET', path, *args, **kwargs)
File "/usr/local/lib/python3.6/site-packages/roku/core.py", line 192, in _call
raise RokuException(resp.content)
roku.core.RokuException: b''
Like, it uses the npm module tail to tail /config/home-assistant.log
@viral sorrel If there is a diff, can you please submit an issue? https://github.com/hassio-addons/addon-log-viewer/issues
I just don't want to clutter this channel with non-Lovelace related stuff -- I shouldn't have even been talking about this add-on in here as much as I have already. ๐ฆ
if I ever get the damn mouse and keyboard to work for more than a few seconds :/ driving me nuts
๐
one or the other (or both) keep dying..
I cannot figure out how to cut and paste from the Terminal/SSH addon.. so I'll just ssh in..
actually.. the addon is not updating.. maybe it needs a restart
I installed it when it was still only in the edge repository.. should I stick with that or go to the stable one?
might need to reboot to get mouse/keyboard working
Completely up to you -- edge and stable should be identical code right now.
@viral sorrel
@empty heath you don't need a tool for screenshots on the mac, it is just a short cut, but you probably know that, don't you?
@placid geyser Yes, hence my comment: https://discordapp.com/channels/330944238910963714/460846676358332417/481672721219059713 ๐
oh, sorry, than I misunderstood that comment.
I have it setup to copy to clipboard for Cmd+Shift+3/4, use Dropbox for Cmd+Alt+Shift+3/4, and then Gifox for Cmd+Shift+5/6 ๐
In that case, just ignore my comment. ๐
No problem @empty heath
morning
Sleep in today?
I wish I could sleep in tomorrow morning, but I doubt that'll happen.
last week of vacation
How do I get lovelace UI to update?
I've tried ctrl plus f5
but my changes aren't showing?
any advice?
What editor are you using?
the HASS
(based on the Ctrl+F5, I am assuming you're on Windows)
Yeah and Inkscape to make my images
"the HASS" -- that could mean lots of things. But, based on that, I am assuming you're using Hass.io + Configurator add-on. Right?
Yeah
The web editor
I made a few changes to an image I'm using for my picture element and it's not showing up in lovelace
ah I didn't know that
Hence why I assumed Configurator ๐
If it's just the image not updating, you can try to go to the URL of the image directly. That might refresh your browser cache.
Sadly, the IDE add-on doesn't get much attention, even though it is far superior to the Configurator add-on.
@azure scarab Try Ctrl+Shift+F5.
hmm that doesn't do anything
Chrome?
Yeah, so it looks like my changes are showing up in incognito
Yeah Chrome
Is there a better way to test changes?
What about Ctrl+Shift+R?
Well, you can add ?v=0.0.1 to the end of the image URL.
(and then increment that version number each time you change it)
Sadly, browsers are designed to cache files as efficiently as possible, and are not meant for developer changes.
TO DISABLE CACHING IN CHROME
- Right click anywhere on the page, choose Inspect
- Push F1 to open DevTools settings (Fn+F1 on a mac)
- Under Network, check the box "Disable Cache (While DevTools are open)"
- Refresh the page as normal
This will make sure all changes are forwarded as long as the Inspect pane is open.
Useful if your browser displays the old version of a newly update image, or if the changes to your custom javascript doesn't seem to do anything.
ctrl shift r is a no go
I still have browsers on my company PCs running the same CSS stylesheet on my website from over 6 months ago.
@polar kelp You, sir, are a knight in shining armor. I did not know about this setting!
(And on macOS, I doubt that it's F1 to open settings...lol)
It used to be default, but for some reason they made it opt-in
All hail @polar kelp!!!!!!!
@azure scarab No, seriously, thank you for asking.
One more! So I put this text under this image, https://gyazo.com/ed60f4a6c410aec8b2910a71208ba3fe any ideas why it's offset? In the original image it appears straight? https://gyazo.com/0f9717bc21b5d9936339011cfbf53ebf
๐
@polar kelp Btw, I cannot find the setting in macOS Chrome.
Does Fn+F1 work, btw? I'm not on a mac right now
I do not seem to be able to get any Lovelace Custom Cards to operate correctly. I have tried several and each time I reload the page a red card is displayed containing the message โcustom element doesnโt exist". This is immediately overwritten by the custom card rendered and operating as it should. Any ideas why I am getting the error displayed first?
@polar kelp Let me check, 1 sec.
its normal for custom cards to blink and say that it doesnt exit @vapid field
@polar kelp Yup, that works. ๐ฎ
it needs to load the resource before it can display it
Great. I'll put that in the message
@buoyant skiff I assume that this will be tidied up as Lovelace evolves. It looks a bit scrappy if not.
time will tell @vapid field
Seems likely
Thanks for such a quick reply
np ๐
@empty heath IDE addon is truly great!
@subtle rune I agree!
Nano is awesome ๐
Right click the refresh button and click hard reload
Vim is better
emacs?
Vim makes me head hurt
@storm lion hey ๐
Nano all the way!
nice too see you pop in
@storm lion give https://www.shortcutfoo.com/app/dojos/vim a try and it will hurt less
Hey man! Glad to be back..
Will do @north spear
Soo been some amazingly cool stuff happening by the look of it in here
Haha.. you make the whole room seem like ๐
everyones seen Ex Machina right...
looks like you've slowed down with the custom picture glance cards too @buoyant skiff ๐
nope
been busy with jinja templating for icons
got some wicked cool things happening on my greeter card now
ive set up the proximity sensor for ha
and then i did some cool templating
for it
so the icons for home and work are dynamic they change base on state
Any reason that girl has a green hole in the back of her pants?
dunno ask the author of the photo
that's actually a guy with a man bun
also how big is that card that you can read any of that text?
How do I get things like weather forecast to show up on a panel?
full screen on like a 40" monitor?
its freaking huge
since im using panel true
this is all tablet size stuff
not smart phone friendly ๐
I need to update my greeter card - but works amazingly well on my little fire 7 tablet by the front door
so ive setup on location to pulse when im at that place
and when im walking towards there are footsteps
walkinga away is footsteps again but backpedaling
plus it displays it
You will have to share to code for your updated card sometime soon ๐
but the amount of sunhours was the coolest one to make
so much shit that went into that
so next card will be huge
thats why it seems like im not doing that much
cause there is so much going into this
That's why I can't bear to rewrite it myself when you seem to have a good thing going ๐
plus im constantly swapping pictures for the longcards so they can randomize from
that collection is growing
Nice!
neeed to setup some widecards soon also
?>
not sure what to display on em yet
under a picture element?
- type: state-label
entity: binary_sensor.back_yard_motion
style:
top: 46%
left: 79%
or am I better off having a image with a on/off picture
sorry this is all still really new to me
- type: state-label
entity: binary_sensor.test
style:
top: 30%
left: 30%
mine worked just fine
displayed connected
hmm and that's under a picture element?
ofc
weird. mine didn't show up
its kinda hard to read black on black
Can you use the image type with any entity?
yeah so under my picture elements I have some images with an image for on/off
yeah
I want to do something similar with my binary sensor
Yeah I've gone through the docs, just confused what types of sensors can be used with what types
I'll look again
.sharethelove
A place for LoveLace Config https://sharethelove.io/
ahh got it. I'll go through sharethelove
I see more stuff I was looking for
Thanks!
np if you make something good feel free to pr it
we are always looking for more stuff
Updated alarm clock, updates based on states/sensors
HUGEEE
still havent added google calander to my greeter card
need to do that some day
@midnight monolith why not do something like this ?
or this
cleaner imho
cause that clock is freaking huge like that
Well, what if you don't see very well?
And, I think at night, you only want to be 'overinformed' by other stuff... my main goal is still to have a clock :-). The extra information, for me, is just waste while I'm sleeping
ยฏ_(ใ)_/ยฏ
not saying that your work is bad or anything so dont take any offense just saying that the clock is kinda large compared to anything else
you could vary the size of hours minutes and seconds thats would make it look at bit less static
I like it. Would look great on a wall
each to his or hers own
Is it a custom card or picture-elements?
@buoyant skiff Your greeter card looks awesome - Nice clean look...
I'm still trying to figure out if badges can be conditional in lovelace? I want my alarm badge to only display when armed
should be possible else use the monster card for it
havent playted around with the monster card that much
but im guessing that ill do that later when i start with system information
How do you do badges in LL?
Also still just using lovelace in its native format, I try to avoid customisations since those usually breaks with upgrades
@wheat current ```
views:
- title: Home
id: home
icon: mdi:home-assistant
badges:
- device_tracker.mqttherman
Aha, those are for the view, I doubt you can get those to be contidional.
Damn, would be cool to be able to only show 'active' badges - E.g when someone is home their badge pop up and certain states that need your attention
You can do a glance style with monster-card, that will almost get you badges, but in a card
I guess a work around is to have it as the first card in a view
@warm stone I dropped the database and created a new one and it works. How can we as a community ensure that we dont mess up future migrations? My history is not that important to me but I can be for others...
@orchid ocean wrong chanel
Ah ๐ darnit! โค
anyone done a Plex custom card yet?
I have used before a page showing the default cards for lovelace with an example of their code, and now I can't find it. Does anyone know what I mean?
.awesome
Awesome Home Assistant - A curated list of amazingly awesome Home Assistant resources. https://www.awesome-ha.com/
most links to everything rergarding ha is avaialble there
Thanks @buoyant skiff, got it - https://home-assistant-lovelace-gallery.netlify.com/
when did Awesome come about? that's a great resource
08-01/18
just seen who the initial author is - fantastic work @fading sorrel
But HA was amazing long before that. ๐
lol.. I may of may not have been aware ๐
^ also @wheat current - let me fix that date for you ๐ 01/08/2018
Depends on where you live ๐
it's only you lot who get it wrong.... more research required
Lot?
I thought it was only an Americanism
๐คท I use the one you typed
heheh well stuff happend while your where away @storm lion
WHAT!!! I though the whole community went on stop when I got busy at work ๐ - The cheek!
Sorry we didn't get that memo
@mild veldt I installed your custom component, but after two resets i still get the error sensor.feedparser not found
so thats not really a lovelace specific problem
more of #330944238910963714 problem ๐
but you added it to the path etc ?
More a issue @ GitHub problem
how dare you say @mild veldt is a problem!
i do it all the time
along with other insults ๐
and he does the same back
so that makes it even
@foggy tendon open a issue on gibhub
well him insulting you is allowed.. if not expected, but still ๐
and assign ian to it
meh we hearl insults towards eachother thats how it works
its all outta โค
@buoyant skiff yes, i followed the instructions....
What share should I be putting images for lovelace cards? At the moment I just have the default shares.
= www folder in /config/
put it there
Make it, and then restart
done
then move image there :d
and then for the loveless config I can just do /local/home.png ?
indeed
Hi, I thought I saw someone who made a lovelace card with a vertical stack but they were combined into one card. Anyone know where I can find a card like that?
like this @vapid field - https://github.com/custom-cards/vertical-stack-in-card
Yes! thanks @storm lion
Now i just need to work out how to make a card that shows different images based on a sensor that has 5 different possible states...
That can wait until after lunch I think ๐
@night patrol - https://www.home-assistant.io/lovelace/conditional/
That's useful for something else I am doing Jack, but yes Thomas, that seems simpler for my current plan. Thanks both!
hmm. I made the www folder, and a sub folder called lovelace, and then added /local/lovelace/night.png to a config but it's not showing up
took out the sub folder, still doesn't seem to like it
let me restart again
still nothing
okay now lunch, back later!
what about http://your-ha-ip:8123/local/lovelace/night.png ?
playing catch up on messages throughout the night, so someone might have answered this better; but, @halcyon mantle you can use the state-badge in picture elements which would allow you to hide it with a conditional. Granted your picture-elements card would be just that single badge. So doable I think, but some extra work.
Any ideas why the column_width criteria for glance cards doesn't work in Firefox? It seems to work perfectly in the Chrome-based Vivaldi browser, but isn't centered in Firefox.
In Vivaldi the four glance buttons are centered, whereas in Firefox they are squished to the left with a blank space on the right (looks like it's made to fit 5 icons instead of 4).
browsers are inherently awful in that they are free to apply css in different ways
time to brush off your copies of netscape
Ah Netscape! I can hear that modem dialup screech now.
It's not a huge deal as it works fine on my mobile browser which is where I'll be accessing the UI mostly. Just annoying that it's messed up in desktop Firefox.
runs and hides.
Can I hide ' entity-filter' cards that are empty?
I thought Firefox was dead by now
The last few releases have been good. I'm still leaning towards switching back to Vivaldi as my primary though.
and today I learnt about Vivaldi
It's a fork of Chrome, but has some awesome added features (ex: the sidebar, and the ability to tile pages within the same browser window)
does chrome not had extensions that do the same thing?
Possibly
I'm not a fan of running a ton of extensions though
I also prefer the look of Vivaldi
I'll have to give it go then, thanks for the heads up
vivaldi is great. I wish I could use it at work, though
@polar kelp That doesn't seem to work either. I can browse to the file using a web browser, but only when using https, and that ovbiously gives me a cert error because it's for my duckdns
Well... at least the file is in the right place then. So the problem is probably the config, I'd guess.
- type: picture-entity
entity: sensor.house_mode
state_image:
"home": /local/home.png
"away": /local/away.png
"working from home": /local/wfh.png
"holiday": /local/holiday.png
"evening": /local/evening.png
"night": /local/night.png
The card is correctly switching between modes, so that part is working, but no images
The indentation does not look right (unless it is a copy/paste error)
@raven nacelle That seems to be an obvious copy/pasta issue to me.
(top line is far left)
yeah that's not how it is, 1 second
๐
I thought so too...but doesn't hurt checking ๐
~edit @night patrol
@night patrol Instead of sending the message again, please edit the original message. For more information on how to edit messages in Discord, please visit: https://support.discordapp.com/hc/en-us/articles/207618817-How-do-I-edit-my-messages-
updated it
@night patrol Missing / before local/home.png on first value of state_image
oh yeah ignore that
so I missed the earlier discussion....what is not working there?
I didn't read the original issue.
sorry, I tried it just in case but it didn't work
The images won't show in the UI
The card is there, and updates correctly, but no images
no images or for any particular state?
no images for any of them
Can you do an inspection in Chrome to see the dealio?
it cycles between those 6 states, but it never shows the image
try removing the "working from home" line....that does not look right
states have _ and not spaces
@raven nacelle That should only affect that single state.
true....
Yeah it was stopping that one from working actually
so the others are working?
use the state as it appears in the entities 
do the files have the right permissions/owner?
and in the right path?
files are in: \ipaddress\config\www and I can reach them by going to https://domain.duckdns.org/local/home.png
I think I remember you having to have a default image
run ls -la in the www directory and check the owner
try this:
- type: picture-entity
entity: sensor.house_mode
image: /local/home.png
just to be sure
hmmmmmmmmmm
that worked
so not a permissions issue
I seem to be matching the example on the code though:
- type: picture-entity
entity: light.bed_light
state_image:
"on": /local/bed_light_on.png
"off": /local/bed_light_off.png
put the image back in there
Are the states lower case?
i think it needs a default
@wheat current probably wrote the docs if the example is wrong ๐
@mild veldt no....default is not required
I have ```
- type: picture-entity
entity: device_tracker.pi_alokphone
show_name: false
show_state: false
state_image:
"home": /local/icons/alok_owntracks_home.png
"not_home": /local/icons/alok_owntracks_not_home.png
"Buckhead": /local/icons/alok_owntracks_not_home.png
"Downtown": /local/icons/alok_owntracks_not_home.png
and it works perfectly
๐คท
I tried with a default and that shows but it doesn't change with states
yes, everything is lowercase
oh wait
check if it is the same in the states tab 
in the lovelace code it is, 1 second
is your friend in lovelace. never forget your friends ๐
haha, rookie mistake!
I'm not as worried about having images on the dash, but it definitely makes it more appealing for the non technical user
my motivation for ll is probably 90% for my family/guest's use
I have acquired a 19" touchscreen monitor and I've been trying to think of a use for it...
yeah it's a bit over the top
Coaster for the coffee table ๐
heck, i'm going to get a 32 50 100" touch screen
going to make a wooden frame and stand for it, and then power it with a Pi and then have it as a main console running lovelace
another thing for my wife to say "and why do we need that?" about!
Tell her that ๐
There's no way she'll see through that bulletproof logic...
The key for selling HA/Smart Home to anyone is to make their lives easier
That's the actual key
So getting ll up and running on your 19" with something actually relevant to your users will sell it quick
^ its difficult for someone to reject you making there life easier
Easy? You know how many hours/days/weeks i have used om this? And the result... 1 active automation that send me a push notification when there is a new HA version ๐
One of the reasons I'm making separate views for separate users. For my wife to bring up a view that shows her calendar, her upcoming tv shows, he todo list, etc. An true intuitive dashboard with controls for the whole house is the end goal...the dream
And if I'm lucky, I'll have it ready in 3 years
I am setting it up so that 99% of it's use is all automatic
the screen is just a plaything really
it's already automating the lights in every room based on time of day and motion, and my wife does like that a lot
just gotta make sure it always works ๐
Anyway, I'd better do some work, these IT solution proposals won't review themselves (can I get HAss to do that..?)
one of the reasons I've moved away from zigbee lights and now putting in zwave switches. too many failures points with zigbee lights
I have Hue for my lights and a smartthings hub running Xiaomi motion sensors
been completely solid so far
the Xiaomi sensors are 10x more reliable than the smartthings ones, and a 5th of the price
had hue. was not a fan. after a power outage I would have to reset half of them. which is not fun when you have 6 in your living room's vaulted ceiling, 15' up
anyways, off topic now
oh wow really?! I've never had anything like that in the 2 years I've used it.
Yep!
Work now. Thanks everyone!
I have a lovelace question... has anyone tried the alarm control panel?
I was thinking of implementing an alarm, haven't done it yet
But the card doesnt show anything
just a blank space
am I missing a prereq?
possibly, do you have the alarm component setup?
The custom card?
if yes, then yes
done that
I have the following in my configuration file
- platform: manual
name: Home Alarm
code: 1234
pending_time: 30
delay_time: 20
trigger_time: 4
disarmed:
trigger_time: 0
armed_home:
pending_time: 0
delay_time: 0```
alarm_control_panel.ha_alarm disarmed code_format: null
changed_by: null
friendly_name: HA Alarm
so I get an entity
well is your problem that the component doesn't show on the old ui or in lovelace?
that's a #330944238910963714 question
I'll more it to there
thanks
ah.. I worked out how to get the old one up
still no love with lovelace though
just a blank card
~hastebin cardconfig + entity_id from 
Use https://hastebin.com/ to share configuration files or log files.
- type: custom:alarm_control_panel-card
entity: alarm_control_panel.alarm
title: My Alarm
style: '--alarm-color-disarmed: var(--label-badge-blue);'
states:
- arm_home
- arm_away```
Is my alarm supposed to be called something specific for this card to work?
entity: alarm_control_panel.alarm HAS to match the entity_id you find in 
ah.. That's what I'm missing. I thought that had to refer to something specific in the .js resource
Still learning this stuff
Thanks for the help
panel: true
sorry, not sure why comment got deleted. Where do I put that?
That makes it only show the first card
if you do that it only show 1 card
So add a vertical-stack as the first card, and your cards under in that
I'll start googling that one. thanks for the pointers
No need for google
@wheat current we should make a page on .sharethelove that gives a run down of using horizontal-stacks within a single vertical-stack panel
just check the Lovelace docs
@mild veldt You do that ๐
We all agree that my writing sucks! ๐
lmao. I'll write something up tonight
That would be amazing, I'm just trying to understand how to format this
I need to write some guides as I learn, so people getting stuck on the same things might understand
Formatting YAML is all new to me
nice. i'll put that into the mental cache to point people to
@daring schooner would recommend an IDE that supports yaml
It is better to contribute to the official docs than to have 10000 different guides
Notepad++
now it's just splitting it up into different views entirely
where am I going wrong?
That seems correct if you wanted 2 views
I just want one view with 3 columns
I'm obviously splitting it in the wrong place
try this https://hastebin.com/oqefeguhav.bash
Like it's still trying to fit them in the same horizonal space.. instead of filling the screen
it was missing panel: true
ah
What line should I put that on?
If I put it between 8 and 9 it only shows the first horizontal stack
use the last link I gave you
still same though
and you refreshed?
yup
prove it
That is not the last one
oh.. shit.. missed that
sorry
oh.. that's amazing
Thanks for your help... I'm going to go away and try to understand why that worked
Panel with vertical stack and horizontal stack works shit on mobile though, at least with my setup
The "columns" become so narrow
Is there any way to center the title text on a card?
Or is it hardcoded to be left aligned?
AFAIK that is hardcoded, but you can get "cernter-ish"
title: "ย ย ย ย ย ย ย ย ย ย ย ย ย ย ย ย ย ย ย ย Entities card sample"
it is not spaces it is (ALT+255)
Ah, I had tried spaces
hehe
@subtle rune I implemented toggles to dictate the number of columns per horizontal stack
so I have a vertical stack with 4 conditional cards, and they are all pretty much the same except for the make up of the horizontal stacks and then have some automations so that when I select input_boolean.show_one_column it sets all other input_booleans to off
it's pretty slick. but would not recommend doing if you have cameras as you background. it can be pretty slow to reload the camera resources in that case
Ian calm down your typing too much again
you might be THE worst
๐
you're going to miss me in a few days once I finish up my current custom components, I'm going to jump ship for a bit
hiatus
for what ?
my fitbit watch doesn't have spotify playback controls, and my wife's android watch does and I'm jealous. So i'm going to write a spotify app for my fitbit
and ofc we are gonna miss you
but dont worry we are gonna find bugs in your software and ping you on github ๐
I have no doubt
Feedback card?
rss feed
@mild veldt Wow that's smart. Gone give that a try I think
feedparser @buoyant skiff
welp, it turns out I'm dumb and didn't know that native music controls were on my watch this whole time...
so I guess you're stuck with me
rude
i'm above such childishness, obviously
haha
@buoyant skiff currently working on a custom component for https://www.personalcapital.com/
kewl
working on a syncthing component
gonna have a very simple stats component for it
this is going to be my next custom card: https://imgur.com/a/VC95z34
Trakt?
yeah
it will just be how you format the data
nice ๐
it will be similar to the list-card in how you can configure it
good job ๐
think there will be alot of happy ha users for that
that's what i do...make people happy
Like the card.. though RSS was dead though...
you're dead if you ever bad mouth rss again!! ๐ช
lool
wow...sorry...i just really love rss
plastic ๐
Give me a couple of hours to mess with RSS and I may change my verdict
Or just release RSS updates about them... Same thing as a private repo
๐
@buoyant skiff I take it back. @storm lion is now THE worst
Haha, equal us I feel
THE worst could be a collection of users
good, you passed my test and are still in fact THE worst
You do useful things?
hehe that depends on who you ask ๐
Someone got a clue, want to use a monstercard to show active timers but without the when i get all the timers (idle and active) but i only want active but when adding the when i'm getting no card
try this https://hastebin.com/ofusasujaq.bash
Shows the timers but also the idle one's
I also have one timer.test3 that is idle
Goal is to only show the timer card when a timer is running and only show that timer
thought it should be possible with the monstercard (same way dealing with domain media player for example)
it is, and it works for me, but conditional card is better easier for that