#frontend-archived
1 messages ยท Page 66 of 1
๐
@empty heath oh my. Apparently Iโm attributing your fine work to others. ๐ณ thanks for setting me right @fading sorrel
Oh my! I think I can turn a card into a media player.
I.e. any device that currently has that card loaded can be the target of play_media (audio only), e.g. tts announcements.
Probably also filterable on IP.
How I wish my vacation wasn't over tomorrow ๐ฆ
call in sick ๐
@buoyant skiff my UI is waiting on css import to work ๐ญ . Meant to file a bug report as css import is completely overridden on the page load.
But all positioning and styling is overridden
Ahaha those are awesome
yeah not sure how far we can push that
havent done any styling yet
most styling works so far for me with regular
with just plain style:
I'm making emulation stations for all of my disabled clients to play, I've been playing a lot of nes games and have some neat ideas for the UI I want to do but I need css import to override styling and positioning. And I've been meaning to check if animated gifs work with Lovelace. I've got ideas for using sprites
Another idea I had was page load animations where entities fade in and slide down on page load but again everything is overridden
Kiosk mode is something I need to finish the UI as well, I was going to accomplish it with css import since it'd be so easy
- url: https://fonts.googleapis.com/css?family=Clicker+Script|Anaheim|Antic|Barlow+Condensed|BenchNine
type: css
when you get around to importing fonts
Hm... then again... probably not filterable on ip or anything, really...
Browsers REALLY don't like to hand out unique identifiers...
Which is a good thing
Nice....can we make them backgrounds for other cards?
With picture-elements you can add the camera entity as a picture with z-index: 0 and the elements over it with z-index: 1
A place for LoveLace Config https://sharethelove.io/
Cool...let me get started with that ๐
@buoyant skiff There are two keys in Unsplash...may be clarify in the docs which one is required
not the secret one
one is a key, the other is a secret
I know....but it may not be immediately obvious
May be change Your Unsplash API key. to Your Unsplash access key.
touche
Ludeeus wrote the docs ๐
im dead tired but i still wanna mess around more with my cards
a good idea is to make a placeholder
a transparent png
for the image
if you want a collection_id to mess around with
you can use mine
collection_id: 2461850
here is the empty placeholder
have fun
and dont forget to use z-index
it does not look like you need z-index if the camera it added at the top
better safe then sorry
so awesome when the card switches backgrounds now
gonna add multiple cameras so there is more randomness ๐
You can add miltiple collection_id's ๐
yeah true
one bright and one dark collection and a mixed
anyways good night people
have fun with the camera component @raven nacelle
Unsplash
Well on that note, a camera component that cycled through camera entities would be pretty awesome
is it possible to make lovelace the default UI yet?
Thanks!
@hoary lava currently it is a per device setting. You have do that on each device you access the UI from
Hi all, I'm trying to figure out how I go about changing the picture-glance card to show the actual temperature rather than a thermometer icon I have to click on. Can someone explain the difference between a card written in the format of picture glance which extends NavigationMixin and the example card that extends HTMLElement and which one I should be using? Also, creating a copy of the picture-glance card in www and calling it from ui-lovelave.yaml doesn't work so is there something more needed?
morning
@twilit zodiac built-in elements like picture-glance use libraries and apis that are only available to built-in elements. Simply copying one of these elements as a custom element won't work. Custom elements should encapsulate all logic and libraries they need in order to render their content. If you look at the advanced example you can see it imports the npm modules it needs using unpkg
@tender wasp thank you, that helps a great deal. Onwards...
@buoyant skiff sensor updated
sweet
untappd is looking hot
haha indeed
now, to bed
now coffee ๐
I will implement the greeter card today I think, @buoyant skiff ! It can be combined with conditional, right?
I would really like different user uis now, my husband and I don't want the same information in the greeter card I think ๐
Set up a facedetection camera for it ๐
On the phone? ๐
it has a fronfacing camera, but that will probably be harder ๐
If there was any way to detect which phone it was that opened the app that would do, but I don't think there is..? Or there should be some way, since lovelace default is per device
Would be neat to have the same but set a different view in lovelace as default
lovelace/isa for me and lovelace/stefan for hubby for example
Should be doable, right? If someone wants to
@subtle rune user management?
You should be able to detect some things with JS, maybe even the logged in user in local_storrage?
@empty mulch not necessarily right now, just forward "Overview" to different views in ll
someone should try that ๐
How is the lovelace ui default setting saved right now? Since it's per device
Cookie?
think so
Hm, I don't see it in the cookie. Will have to look in the code
It's in local storage
Should or shouldn't I open an issue about maybe enabling setting a certain lovelace view as default per device, instead of just /lovelace? ๐ถ Thinking it might be a while until user management does this and I think it would be a great in the meantime feature for a lot of ppl?
localStorage.authToken was crepy :S
Wow, even prettier @buoyant skiff !
Untill this gets implemented in the core, I think a JS file like the "kiosk" mode that are handling the redir is a doable soulution?
the none part in the corner is supposed to be author
waiting on ludeeus to fix that ๐
hint
@wheat current If you say so ๐
I would love to see this yesterday but I think the focus will be on the core first, after that we will get lovelace capabilities ๐คท
Surely. I have no idea how to do it, otherwise I could try
Same here ๐
I could probably do a hack on my own hass and alter the file that sets default, but that would be overwritten the next time I update..
not pleased with the border text
which one is the border text?
@wheat current remove the name and only have the username in next patch
That does not comply with the API requirements
ok the problem is that its too long at the moment
self._author = ' @' + data['user']['username'] + ' (Unsplash)'
looks awesome
but isnt complaint
but if we add a full name and additional bs
Full name of author and "Unsplash" is the requirements
should be
@buoyant skiff you can use this instead of creating a template sensor to grab an attribute ;)
https://github.com/custom-cards/state-attribute-element
yeah i know but there is more future proofing with going with a template
if there are changes etc then your custom stuff might break
more work ๐
indeed it is
but safer for the user
now the card is fully complaint with unsplash api
I only need to register unsplash to get those images? If I want to use my own I can just replace the camera entity?
you can make a collection on unsplash
and get them from that collection
just grab the collection id
Oh, alright, then I'll give it a try
and all images can be public or private ๐
so just add collection_id: your number to the collection
and voila you got your own images
the collection id is in the url
@subtle rune you can set any page default per device
There is a localstorage setting for ttlhat
do tell
Maybe a card would be helpful
Yeah I saw the localstorage setting, but I have to set it somehow ๐
Hard to do on a phone?
Damn it. Canโt find t. Not hard if you had a custom card to do it for you ๐
No, of course not! Feel like making one? ๐
That's what I found too
wow, it works ๐
Ok, Iโll publish a custom card for that
I love you too Marius ๐
Hi all! I made some custom changes to my lovelace theme (including custom css thanks to last update). Everything is fine on a browser, but I can't find a way to display it properly on an iphone app? Has anyone done this before ?
What's not displaying properly?
First : when I change colors in my theme, they don't display on the app until I reset the app. And second : I have a custom css loaded in web version but not displayed in the app
I tried app version and a web page saved in my iphone homepage
App is caching css
But there-'s no way to clear css cache I guess
Yes, you can force update of css file by adding versioning to the file import
add ?v=1 after the file import, and then you just up the number
then it will reload
Perfect! I didn't think of add version, thanks you!
Do you use a custom css in your theme?
Not yet, no
Just tried it now, and the css still doesn't apply... Maybe the file isn't loaded but hard to debug from the app. I'll make some tests and share if I ever find a solution
@buoyant skiff I don't understand exactly what the accuweather script does
Is it the "no percipitation in -- minutes"?
yes
it uses the accuweather minute forcast
its this
its a prediction on the weather seemed like a fun thing to have
we got the long forecast already
so i thought i do a small one ๐
I bike to work so it's great to know if rain is coming!
one of my hdds crashed today
saving it now
the partition got fucked up :S
but its correcting it now so will try and answer more questions but only when i have some downtime
that hdd contained most of my music from my dj days
think the heat got to it
just did a migrate and found a lot of my stuff didnt come accross, any thoughts ??
What did you use for migration, @half cradle
Any specific type of thing that didn't work or random?
@subtle rune all my sensors are not there
@subtle rune all of the scenes not there
I haven't used the addon so I don't really know, but maybe someone else knows.
@subtle rune all good, silly me i had already built it a little and then thought the addon would do a better job lol
again just migrating isnt magicially gonna make your ui look better
something are still in the works and that addon is being worked on
so its not a total solution
@buoyant skiff yea mate it did look good, didnt say it didnt all i said it was missing a few thing
100% like i say didnt say it didnt
and didnt bag it out at all i just asked a questions , didnt know we couldnt do that
is there a way to show when a sensor was last updated like with custom-ui?
and this automatically works with any entities card like monster-card for example?
I would guess so
awesome.. thank you
yay backing up hdd
this has been a brutal morning ๐
gonna need me a couple of beers today ๐
thought i was gonna chillax and do more lovelace cards
โค
epic
that is awesome
.sharethelove @storm lion the card is there now'
@storm lion A place for LoveLace Config https://sharethelove.io/
hm.. actually.. not sure how you'd add last changed in a monster-card
begin with setting up last change as a normal entity
then go for moster card
once you got it set up
Hm. I will try later. Pretty sure it should work
where to put it though?
all sensor entities to have the last changed under them
and lights.. maybe all entities
include:
- entity_id: "sensor.*"
options:
secondary_info: last-changed
bingo
yes
@wheat current backing up now ๐
works great ๐
Great! Thought is should work
I wonder if the script for splitting the config works in hassio
My lovelace file is totally unbearably long already
haha
1700+ lines
my god this was even nicer now
the greeter card is my favorite card
yeah.. packages for lovelace would be nice
packages ?
ive gotten used to that file being big
big files increase the potential for problems :/
in all cases ๐ it's a basic human uix thing
think your overthinking it
even if you only split by views that would be an improvement
is that no longer supported?
I didn't realise it was ever supported?
it was, but there where indications that it would be removed, so no one implemented it in their config ๐
ui-lovelace-*.yaml referenced from main config... or seperately for each lovelace-ui file.. that would be enough
would let you split as you wish
what hardware are most of you running lovelace ui on? tablets with browser?
that's great.. would be even better if it was integrated ๐
at this stage I'm hardware agnostic.. but I plan on rpi's with 7" touchscreen in future
runnin it on my rpi3 with an ssd
booting from ssd
then whatever browser i got at the moment on what ever device i come over
no real magic behind lovelace
ahh yeah I meant for the UI
not that perforamce demanding
@buoyant skiff @subtle rune I have a 1st crude version of the card. Not pretty but happy to get testers ๐
currently got an old samsung galaxy tab 7 for control panel purposes, have been pondering picking up a chinese yumcha 10" tablet though
ohh give give @north spear
ty
@viral sorrel !include file still works, but it may be removed
@north spear Count me in!
I wonder if there could be a nice way for glance cards to show last changed
I would like dividers for glance cards too
it's a very basic card, but should do the work , but it's not that pretty
I didnt make any includes in my file since I didnt want to hassle of removing them later
sample
sweet
oh.. this is a cool idea that I never even considered before ๐
have a play with it, let me know improvements
seems to be working just fine
I didn't invest in making it pretty as I assumed this would get hidden in a deep settings view
I'm sure @buoyant skiff will add an inspirational background image ;P
Pairing that with "kiosk" works great :)
Now I can have a "onboarding" page for the various devices ๐
How does it know the device names?
I mean how do I know the device name to write ๐
"Title"?
seems like whatever you want ๐
the tile is free
you just need path to be correct
title is just to know what you want that to be
ah, I misunderstand. Thought I was supposed to write the title of the device so it could pair them. I see now
I immediately imagined it was more about having a client choose their lovelace interface
just check the path in the browser when you're on the right page... name it as you wish in the card and you're done
path: lovelace/7/kiosk ๐
oh? ANY path?
yes @viral sorrel
path: states
works
My name turnes up "undefined" though
That means "not defined" ๐
Smartass ๐
lol
- type: custom:home-setter
pages:
- name: Home
path: lovelace/0
- name: Bedroom
path: lovelace/1
btw.. if you shove someone into a path.. can they still choose the other views?
Says title, not name
Now it works! ๐
look in the js, it clearly say .name ๐
Yup.
Usually I don't read them ๐
works like a charm
anyway, just don't blame the code, I did this in a rush ๐
Code was is good ๐
Wonderful job Marius, thank you SO much!
you're welcome
I'll push this to master than
so people can use it with tracker card in case someone gets a nicer style
It's great to be able to have different default for both different ppl and different devices, like one for mobile and one for computer
Together with conditional I see lots of dynamic shit happening ๐
๐
it's browser based at the moment. Hmmmmmmmmmmmmmmm mmmmmmmmmm
maybe, just maybe I can simulate something if I can find where user is saved on client side
I'll have a look tomorrow
user support would make this even more incredible..
Works with the ios app
I don't even have users yet but that would be a reason to start
Hello again! So I'm still trying to use a custom css for my theme. Thing is, it works well with Firefox, but styles aren't used in Safari (Web or mobile). My css file is loaded, though. Any idea?
all css sadly doesn't behave the same cross browser
there are services which offer rendering for multiple platforms that you could use to debug
multiple BROWSERS rather
Actually, I'm not too bad with css usually ๐ It doesn't look like a cross-platform issue, all rules are just ignored by safari
I'm checking how css files are called by home assistant
then you could use browserstack to check if it's just YOUR safari
localstorage, huh... bet I could use that for the media player card...
@polar kelp What media player card? ๐ฎ
I imagine a custom one
hope so ๐ค - would love to be able to have a remote like "universal media player" with a state change or something in it..
That's probably do-able already thinking it through ๐ค
That fitbit card on sharethelove.io is very nice, who's work is that?
@mild veldt
very nice indeed... I'm thinking of doing one for my bin collections, tidy the way that's displayed up a bit
Good idea, will it have a graph?
can do, what would you want the graph to show?
I'm pissed off that Nvidia shield seems so hard to integrate into hass. That's about the only thing we use for media...
Not sure, it want graphs but have no idea for what yet ๐
I thought that was one of the best media players out there from what I have been reading?
The Shield is great! Just not getting the info in hass ๐
I'm still toying with the idea of sticking a ibeacon to the bottom of my bin with resin to track if it's in it's "rest location"or if I've put it out of not...
It can't be any worse than my firetv?
@storm lion That's exactly what I plan to do with my bin.
@subtle rune I'm experimenting with using a lovelace card as a media player. I.e. you can send TTS messages or stream audio to it.
Can't you sideload fully browser on a shield?
I think I got the idea from you actually @subtle rune ๐
@wheat current I can sideload yes, but I don't know what fully broswer is
I got it working on an android tablet and my iphone. So things seem promising. I just need some way to identify the receiving device.
@storm lion I did talk about it on the podcast
NVM... I need coffee...
that'd be it then!
before that I was thinking of a load sensor of some sort
I guess @wheat current you could stick a ir distance sensor under the lid of the bin to see how quickly it fills etc if you really wanted a graph!
Ludeeus is away for 3s with a message :point_right: Lurking in the shadows.
@storm lion Or an ultrasonic range finder with the added benefit of keeping rats out.
true, true.. can see the bin men destroying whatever it is fast though
@storm lion which ibeacon hardware would you use for that? toying with the same idea.
no idea I guess room-assistance?
smart garbage cans...? you guys are nuts
soon the trashcans will take over
just you watch
this is how the apocalypse starts
๐
haha
throwing banana peels at us to slip on
@mild veldt more like the GF and i always think the other person has put the bins out. both shiftworkers so sometimes i dont even know what day it is
...dear god...
@storm lion I made a Roku remote in Lovelace, but didn't integrate with the media_player domain really as I wanted to do a lot of things that are not currently supported by the media_player like the home button and what not. Used a node-red flow instead as the Roku api is super easy to work with
Should put it up on sharethelove
Lol, less making them smart, more helping make me smart ๐
sounds good @mild veldt - so the firetv just says I'm watching plex or netflix.. need to write something that, if watching plex will switch the play and pause over the the plex media player and grab the attribute detials etc... just need to get around to it I think
@mild veldt If the api is simple, write a component for it ๐
but a component isnt gonna do the ui
But the service the component exposes can ๐
and it already has a component
@wheat current @buoyant skiff It has a basic media_player component which does mostly what all other media_player components do, which is great, but there is additional things the Roku can do that are not in the official component. A custom_component is the way to go, but I also wanted an excuse to check out node-red ;P
I want to finish my component for Trakt before anything else
My only wish is to be able to get what's playing on the Shield. Control would be nice, but not necessary. I can get what's casted and if we are looking at plex, but not any other
so the fire-tv if I just have netflix open then it just say's playing "Netflix" which is useless...
can you change the icon for an entity in picture-glance? am I missing it in the docs?
even if it's paused... that caused me to stop using an automation to dim lights when "playing" tv
@coarse monolith customize
I guess you could monitor bandwidth to that device maybe... but it'd still be caching when its paused... I assume the Shield has exactly the same problem
thats where you can change the icon
@buoyant skiff got it. Thanks. Was hoping we could do it dynamically in lovelace....
@storm lion I think all app based media devices are like that
icons are handled by backend
need a Netflix api then ๐
if you want more dynamic icons you have to template for it
Yeah. That wonโt happen
i got an example on
Netflix is locked down tight
.sharethelove
A place for LoveLace Config https://sharethelove.io/
Yeah true.. one can hope though
Would be great though to see what you are playing on Netflix or Hulu or whatever else and not just that the app is running
Shut up toast...
โLook at me I can googleโ
๐
Lol
he who googled it can fix it!
yepp its locked down tight nobody can get it
cause stearing ye old google can be tough
@buoyant skiff what about tap actions for picture-glance?
@storm lion going that route you would need to support all media playback apps on the fire tv then...sounds messy without something just from the device itself. Maybe the firetv library can be updated?
that should be possible import the mediaplayer into a picture element
that should be possible
in theory atleast
@buoyant skiff meant the device itself
ah
@buoyant skiff do they work like on the glance?
Also, documentation states:
CONFIGURATION VARIABLES
icon
(string)(Optional)Overwrites default icon.
tap action is default on glance
so when you push the button you get the graph
really havent found that much use for picture glance
I'm trying to utilize it with a Wyze Pan Camera - the move left/right, up/down come through as Cover entities - would like to use the Tap Action to put a separate button for each service call
doubt you can do that with picture glance
would opt for picture elements instead
take a peak at that
to see how i used the neato camera for setting up a custom card
perfect - didn't realize they supported cameras!
well they dont really but you can workaround it ๐
@coarse monolith You could do that using dummy input_booleans probably and set the service_call approriately
You'll need to do that either way, using glance or elements, I think
- type: image
entity: camera.neato_cleaning_map
camera_image: camera.neato_cleaning_map
tap_action: none
style:
transform: none
top: 0%
left: 0%
width: 100%
height: 100%
z-index: 0
and the have an transparent png the same size and the camera image
then set the camera as an overlay to the card
and on the next layer buttons etc
I need to play around with those z-indices. Have some spicy ideas
their not really nessary if you place the image at the top of the elements
but i rather be safe then sorry
speaking of "rather be safe then sorry", backup done?
Just tryed the new UI out.
started with Dale`s migration script - loaded up
and changed it with Atom - couldnt Write - so i removed the file via console and saved it again - but now it wont show up - do I need a file permisson od did i got a typo?
Could be both
so small minute changes that has to be done so that the greeter card works on all resolutions since the changes
tedious work
mhmm
-rw-r--r-- 1 homeassistant homeassistant 594 Aug 6 13:51 ui-lovelace.yaml```
doesnt need more
@civic sedge classic permissions bamboozle
I think It wont help me much when I google permissions bamboozle ๐
its supposed to be 644
644 means that files are readable and writeable by the owner of the file and readable by users in the group owner of that file and readable by everyone else. 755 is the same thing, it just has the execute bit set for everyone. The execute bit is needed to be able to change into the directory.
so im seriously doubting that your having permission issues
wonder if i should do a soundcloud player for hass ๐
Well I could say my motto is - When you have no clue you just ask and while waiting poke it with a stick
Jup - Just lovelake just writhing reload UI
@mild veldt did u test the untappd badges yesterday ?
so you get an reload ui at the bottom @civic sedge ?
there is a failure text
while parsing a block collection in "/home/homeassistant/.homeassistant/ui-lovelace.yaml", line 82, column 11 expected <block end>, but found '?' in "/home/homeassistant/.homeassistant/ui-lovelace.yaml", line 87, column 11
``` that makes live easyer
so that block is not indended properly
and without
https://imgur.com/a/7HJrSXG
just wantet to show off at what i stared the last half hour to fix
@buoyant skiff yeah, I have it working in my instance. You having issues?
been having
well you did check-in a lot of bugs ๐
nice glad too see im doing my part ๐
unloaded it so i could work on lovelace
and most of the morning has been a rescue action of a crashed hdd
so havent had time to check back
But Ludeeus spotted some bugs that he fixed
so there is a new rev up
so you've only got excuses for me, eh?
yepp
lol
again working with me is an disappointment for both of us
yeah, we were hitting the rate limit
getting updates on our beer drinking every 2 minutes was probably a bit much, lol
not fast enough!
@wheat current , we need to talk about your drinking problem...
i.e. you're not drinking fast enough
from bottle to belly instant
I know, but there is coding to do ๐
solution: camelbak full of beer
almost forgot how nice my studio monitors are
Rokit 5 monitors
the sound is amazing
my neighbours must hate me
cheap.. 120โฌ isnt bad at all
does the trick and gets me where i want to go with the music
got 2 pairs of Behringer MS40
but they got a ugly sound when they got no imput and set up to loud
?rank Other
@queen island, you joined Other.
@buoyant skiff You can possibly combine your greeter card with Unsplash
cool....
ludeeus just made a cool camera component
that combines feeds
from multiple cameras
and then it rotates?
might be fun to play around with
What does combined feed mean there?
@wheat current can explain that ๐
https://github.com/custom-components/camera.combined/commit/39b85a1cdaf4e2733b596e196e10a965c0df65f8
"This will rotated the cameras showing a 10 second feed from each camera before moving along to the next."
documentation is not one of my "strenghts" ๐
You are doing great ๐
Thanks ๐
that is awesome @wheat current keep it up!!!
ludeeus will have his own color here on discord soon ๐
Transparent ๐
haha
Maybe: "This will rotate the camera feeds, showing a 10 second feed from each camera before displaying the next one" ?
I need to make a shinobi component. I have the add-on from @fading sorrel but would be cool to be able to start recording from a feed
great component @wheat current
@mild veldt what add-on? can you point me at it?
@wheat current I can't get your Tautulli card to work, ive got the new custom component, i get the sensors in my old UI, but the card in lovelace is lacking all information. Don't know how to proceed from here
Defatult theme?
yeah no extra themes etc
if so add color: white to style:
.share
Please use https://www.hastebin.com to share code.
show us the snipplet of the card
omg dont tell me html got me again
wtf that shouldnt be there
its in the code https://sharethelove.io/cards/tautulli-card
@wheat current why is there html there ?
phew not me this time :p
@buoyant skiff To have it differatiate from the state ๐
yeah but it shouldnt be there
custom text element
yes it should I put it there
would have done it diffently
@worldly flame Can you share a picure of it?
Send it to me in a PM ๐
@north spear It will be nice to have something like https://github.com/home-assistant/home-assistant-polymer/pull/1495 for your alarm card. Guessing it will be a new card right?
@raven nacelle not sure what you mean. You mean to have arm/disarm in entities row for alarm ?
yeah...an entity row for alarm.
instead of a whole card....like they are doing in that PR
that is unrelated to my alarm card, is more related to entities card as the alarm object/ entity is not custom
might be worth raising an issue on the ui-schema repo
Sure....will do
@coarse monolith It's a hassio add-on in the community repo
Add this repo if you haven't already https://github.com/hassio-addons/repository
@subtle rune Ludeeus gave me an awesome idea
started to setup longer cards
and he suggested that i do 3 of em and using panel true
Oh?
oh you mean like that!
way more area to mess around with
Sounds good
im thinking of redoing it instead of having small cards
3 long ones on each page
then adding info to em
Sounds like it has potential!
@buoyant skiff how you doing longer cards like that? Just css height style?
cool, and then you'll just throw 3 cards on it using picture elements, you're thinking?
yeah
then adding border text
coming in from the left and the right
could look great
i don't follow (ian doesn't speak css-nerd)
๐
by border text do you mean just a border? i can't visualize it
look at the greeter card
kinda like that but
--->
<---
so first line left
second line right
urgh still working on my backup
taking forever but atleast i got my data back
greeter card page looks to be broken
ofc ๐
master of breakage
syncing up now
should look ok now
thats what i mean with border text
lol the whole site is broken
urgh i dont have the energy to fix that today
okay, now for the real question...
what is this "pinball event"?
and why didn't you invite me?
we have a pinball arcade hall where i live
around 250 machines
i helpout and fix the games and play
fun side hobby besides drinking beer
@wheat current broke the page again...classic Ludeeus ๐
Ludeeus is away for 1h 36m 15s with a message :point_right: Lurking in the shadows.
@mild veldt well... you have to break some eggs to make an omelette ๐
anyone have the new Home setter card working?
Yes
was trying to setup but not showing nothing on frontend hehe
- type: custom:home-setter
title: test
pages:
- name: Main
path: lovelace/0
- name: Mobile
path: lovelace/mobile
have put that on ui-lovelace
created on www a folder lovelace and 0 folder and mobile folder
with inside mobile folder a mobile.yaml
and 0 folder with a 0.yaml
not sure if this the correct way to do it
can somebody tell me how to get some badges back?
had a realy nice dark sky Icon for the weather
Dont have to be a badge - only the symbol
@prime umbra the paths are not folders but the URL when you navigate Lovelace views
@wheat current ahh ok but still I'm not getting nothing on frontend
i guess I'm not sure what to expect from it
or how this works
if your unsure what it does or what use you will have from it why try it ?
seems kinda redundant
im guessing to have diferent views betwen devices phones tablets etc.. ??
You define all views you need
Than set which one you want on each device using the card
The default set with the card on that device will load when accessing the /
ya that's what i thought, just not seeing no card for it
Did you add resorces for the card?
ya
- url: /local/custom-lovelace/home-setter/home-setter.js?v=0.0.1
type: js
Show me your config for the card
- type: custom:home-setter
title: test
pages:
- name: Main
path: lovelace/0
- name: Mobile
path: lovelace/mobile
ohh you correct
damm copy paste
i need black friday to be here so I can grab more cheap tablets to throw lovelace up around my house
@north spear thanks alot very nice job
this could be cool with the new users auth providers also
eatch user have a frontend skin layout etc....
@buoyant skiff want to throw up a untappd dashboard on a tablet next tomy bar that will cycle through me and my friend's check-ins
nice
not sure how to cycle, though. want to do it more often, but don't want to call the backend that often
i guess grab them like usually and use an automation to cycle through a list or something
@north spear any idea why all cards update apart from the ertical-stack-in-card ?
@wheat current there's nothing stopping refresh rate from being configurable, is there?
the .js sits in www ```-rw-rw-r-- 1 homeassistant homeassistant 1560 Jul 30 21:37 vertical-stack-in-card.js
@mild veldt depends on where really ๐คท
@hot gyro donโt know. Maybe @wheat current knows
@hot gyro do you have ?v= under resources for that card?
type: js``` thats at the moment - custom updater shows 0.0.6 available but it doesnt update as you can see as per file date
damn
stupid me .... thats not where it is
it was there initially as directory, than submodule, but I removed it and it got moved to custom-cards repo
hi i was wondering i just went through my list of unused entities and found some entities that i'm have in my picture elemnts card ?
probably out of date js , apologies for the confusion
thats fine - not sure why I mussed that
@wheat current your idea about 3 horizontal cards is probly gonna look awesome
@rotund island can you rephrase that question? I don't understand
sample ๐
@buoyant skiff nice. Put each on a different but similar collection
Should be 3 different images
ffs
lol
u guys do realize what a sample means
i.e. be better
that means doing it simple
it's means your slacking
or a wide image that are split
*grammar
thank you sjabby
๐
guess those guys didnt know that
#roasted
they thought they was getting the real final product
So if you intend to show off that you can line up 3 of the same image your sample is good ! ๐
we just expect more from you @buoyant skiff
waiting for the day that @buoyant skiff rage quits #frontend-archived because of @wheat current and me
๐
lol
I expect nothing from nobody (myself included) never dissapointed ๐
@mild veldt eer in lovelace in the upper right it is possible to click on "view unused entities" right ? you then get a list of unused entities
@rotund island yes
thats just leftovers ๐
well the entities that appear in that list are actually used in one of my picture-elements card
bingo
picture-elements isn't a custom card i think is it?
no, but you can have custom cards in it
if you're just using the official elements from the docs, then it may be a bug
hmmm
see we got an evil circle going here
u expect stuff from me and ludeeus
i expect stuff from ludeeus and you
and ludeeus expect stuff from us
i would not call it an evil circle, i call it circle of life.
damn, I was hoping no one expected anything of me
trust me we make it evil ๐
@rotund island this would be the appropriate place to discuss: https://github.com/home-assistant/ui-schema/issues/2
I'm trying to load the tautaulli card from Share the love website, but it's just won't work. I installed everything as instructed. The card is loading but it is always empty, only the Now playing title is showing.
better now @mild veldt and @wheat current ?
@worthy leaf ask Ludeeus
๐
so now i need to fill em with content
acceptable
glad to see that @wheat current and I could help
what happened to the hut?
@worthy leaf if that is the only thing, the config for the first attribute is wrong
Not very interesting pictures.
went from 3 huts to a bunch of water
sjabby cant use xrated pics ๐
so just have to do with what you got
atleast they are dynamic so they change every 60 min
but still.. too much water.
@wheat current yeah I noticed that in the example the sensor name is incorrect but even after I changed it it still not working.
https://www.home-assistant.io/lovelace/picture-glance/#navigation_path
My first pass at a cover card.
I am using a picture-glance, it does not have any detail about the navigation path. I assume that is what I need to call a service? I need to open the door and close it.
How do you do that?
in all seriousness, this is looking great. i'm excited to see what come up with to throw on them
@worthy leaf its not incorrect in the example ;)
but you need to change the first one to your user where I had __ludeeus
More info
entities:
- cover.almond_plus_garagedooropener_one__car_11_1
title: "One Car Garage"
state_image:
"closed": /local/enterprise_shuttle_bay_cover/BayClosed.jpg
"open": /local/enterprise_shuttle_bay_cover/BayOpened.jpg
"closing": /local/enterprise_shuttle_bay_cover/BayClosing.gif
"opening": /local/enterprise_shuttle_bay_cover/BayOpening.gif
entity: cover.almond_plus_garagedooropener_one__car_11_1```
@buoyant skiff lol
@fair hamlet, no its the navagation path to another casrd, not a service
view* (not card)
enterprise_shuttle_bay_cover ๐
@wheat current Oh, didn't expect that. I just thought that was some experimental stuff on your side that got into the example.
nonono :)
The example is good ๐
so @fair hamlet give each view an id
@wheat current Geek, what can I say.
So maybe picture glance is not what I need?
what are you trying to do
When the picture is closed, open the door, when the picture is open, close the door. Some what like the arrows in the stock cover card.
@buoyant skiff Add multiple collections to one camera by defining them like this: collection_id: "2461850,2467206"
the purpose ?
Because you can ๐
Open http://i1351.photobucket.com/albums/p781/penright/StuffForForums/DeleteSomeDay/BayOpened_zpsp1taeabx.jpg
opening http://i1351.photobucket.com/albums/p781/penright/StuffForForums/DeleteSomeDay/BayOpening_zpspgxldxm1.gif
close http://i1351.photobucket.com/albums/p781/penright/StuffForForums/DeleteSomeDay/BayClosed_zpspq1cpsq8.jpg
closing http://i1351.photobucket.com/albums/p781/penright/StuffForForums/DeleteSomeDay/BayClosing_zpsyjhci74y.gif
@fair hamlet i don't think it's possible on any card
@fair hamlet I think this is more what you are after https://www.home-assistant.io/lovelace/picture-entity/
set all the state_image's as you have them now, and define tap_action to toggle
Nevermind, @wheat current 's card is the way to go
@wheat current changed the username, still not working. But now I noticed that the sensor itself might be the problem. The sensor name is: sensor.tautulli_none and the state is Not available
if it's tautulli_none then it didn't find any users, that is the fallback name
this did not help much https://www.home-assistant.io/lovelace/picture-entity/#tap_action
can the tap_action change based on the state of the entity?
Ok, just read the toggle
I'm guessing you have a cover?
Yes. The non-lovelace works.
''' - type: picture-entity
entity: cover.almond_plus_garagedooropener_one__car_11_1
title: "One Car Garage"
tap_action: toggle
show_state: false
show_name: true
name: "One Car Garage"
state_image:
"closed": /local/enterprise_shuttle_bay_cover/BayClosed.jpg
"open": /local/enterprise_shuttle_bay_cover/BayOpened.jpg
"closing": /local/enterprise_shuttle_bay_cover/BayClosing.gif
"opening": /local/enterprise_shuttle_bay_cover/BayOpening.gif```
Should that not hide the state at the bottom?
It worked ! per say
The one car is just sitting on the bench. The two car one is installed, but don't want to test it till I am home. ๐
Should the show_sate: false hide the state?
I assigned custom icons to scripts in customize.yaml, it shows in more info, but not on the lovelace card. Is that expected behaviour or is there cache or something which might cause this?
The card: https://hastebin.com/agoziwozap.css
dammit - Spotted my own error...
๐ฉ need some sleep - had a custom icon in customize.yaml, and an icon defined in the card
Are custom more-info cards possible?
@wheat current I had to add quotes in the config file to make the sensor work. For example instead of port: 8181 use port: '8181'. Did not had to do that in any other sensor.
Wired, I have just copy+pasted my config to the README and I have not that
@mild veldt probably. What did you have in mind?
@wheat current also now that the sensor is working I still can't get the Now playing part to show plus it will also hide the statistic part. But if I comment it out the statistic will be shown.
@wheat current deffo keeping this layout
if you copied the example it uses an attribute named s_senum_e do you have that attribute in your sensor?`
@wheat current it's there but empty.
@north spear nothing in particular. Just curious of the limitations
@buoyant skiff next mission, get a wide camera img to split like this :)
https://image.ibb.co/b9nWRK/image.png
Do you guys think lovelace will eventually overshadow/replace floorplan?
not sure about floorplan, but i believe it will in other areas
Add blur effect to images :D
style:
"-webkit-filter": blur(3px)
lover the px to make it sharper
I'm specifically thinking in the line of a picture like this, with elements mapped on it
if it can change state if a light goes on a room all the better
You can do that now
my brownie points with my wife will be through the roof...
@wheat current Can you point me towards docs - no idea where to start
@wheat current, you can map the objects to SVG objects?
I have no clue of svg - used them, but never created them...
svg, png, jpg what ever you like with an image-element
or keep it simple with icon-element
@halcyon mantle my point is that the old floorplan has the ability to access objects inside an svg file.
I don't think the lovelace version can do that
Could be a stupid question, but I'm lost with this concept - For example if she taps the living room, how do I change the image that the living room lights up?
@tacit cave - I'll go read up a bit more on floorplan
You kan have a single icon-element that changes color, or you can change out a img for it
it depends how particular you are about the placement of your svg elements. You can emulate the functionality with picture-elements, but the placement is configured in yaml, not inside the svg.
@wheat current yeah, but the other floor plan has access to the objects and shapes inside the svg file. So it see's it as objects, not an image. You can directly manipulate the objects in the old floorplan
I see a lot of reading in my future.... my elements on the image should be mainly quite basic... A light or two in each room, a few media players so far and that is about it
@tacit cave correct
@tacit cave - I like the idea if you click on the picture of for example a floorlamp it switches on and if you click the TV it switches on
@tacit cave - did you build that in lovelace with picture-elements?
I believe you should post via third party
not sure though
My wife is a town planner - I think i'm going to task her to do the floorplan / 3D model....
nice clean look
looking at it, I believe media players on there is going to make it messy, would rather keep them on a sperate page, and use the floorplan layout purely for lighting - basically on/off devices
This is what I do for media players
Thx! I will start fiddling with it...
first step is probably to dust off the tape measure to draw on scale.....
My house was built in 1942 - the plans are probably hand drawn, if they still exist
Those media players look cool - do the images change with the state?
yes
i like their look and feel - clean intuitive
Yep, that was my goal!
I just made all my images for the states 4:3 aspect ratio, then added all the buttons in a picture-glance card
the volume slider conditionally shows if one or 2 zones are on
really nice and clean - my media players is basically a TV with an AppleTV attached, TV with Chromecast, Google Home, then a bunch of audio receivers via Squeezebox including the GH.
Yah, so go grab a bunch of logo's from the internet
that's all i did
make sure you got SVG
because it looks cleaner when scaled in either direction (up or down in size)
Thx for the info - I'll start fiddling around tomorrow, now its first time for some sleep...
is there a card , where you can add an icon in front of other entity? , for example two horizontal entities , one is just an icon , and the neighbor card is other "data" card , in this case a Big number one . https://imgur.com/a/zJAlTMf
avoiding the complexity of using an image card
I'm not sure I follow you. can you half ass draw a pic in paint?
It's done: https://github.com/thomasloven/audio-card
is that just a media player w/o an image?
No. It's the other side of the media player interface
It lets you use the browser as a speaker.
Say you have an ipad mounted on the wall as a home automation dashboard. This lets you play text-to-speech messages on it as well. Or anything that can be sent via the media_player.play_media service, really.
oh nice!
Let me know how it works out.
that is really slick
Just @ me any questions and I'll reply later. I should have gone to bed hours ago.
@halcyon mantle check this design out: https://community-home-assistant-assets.s3.amazonaws.com/optimized/2X/5/567fa67c6c79d5511c6a2236246728f0c7a04400_1_368x500.png
@calm rock picture-elements allows you to do whatever you want really. Employ z-index if you need layering
@halcyon mantle I'd also be careful with 3d modeling like the picture you gave. I imagine using it to turn things on/off would be frustrating if you didn't already know which things you could interact with (i.e. guests could not use it)
unless you make everything connected (smart bed, smart couch, smart vanity, etc)
good work @polar kelp
I am gonna try the media player when I am home from work
Myself sadly had zero time for lovelace since I started working again after my summer holiday ๐ฆ
morning
Morning
Thanks @rocky merlin. I'm back at work too. But who needs sleep with two small kids anyway?
There's nothing to see.
No controlls or anything. Not even an empty card. It just plays sound.
I could potentially add an optional stop button, I guess... Might make sense.
Huh? No? That was John Kiernander?
the chart card
No idea what you're talking about. So, no, I didn't. ๐
ok
neat found an issue with horizontal stacks and panel true
it kinda breaks the ui
I only get that when using the kiosk "hack", after a restart of home Assistant, reload the page solves it for me
z-index problems?
no the images and card are under the blue ribbon
so everything pushes up under
when flipping from one page to another
or refreshing it
within ha
not reloading
i get this even if i restart ha
So it's not limited to panel: true
cool ๐ should open a issue at the polymer (frontend) repo
home-assistant-polymer <-- this one right ?
yup ๐
Audio card could use a free position equilizer
limited to firefox
so wonder what makes it go sideways in ff
so cant report it as a bug
@north spear do u have any clues what the issue can be ?
Hmm
can post the config if you want
Are custkm card settings enabled basef on faq?