#frontend-archived | Home Assistant | Page 71

raven nacelle Aug 16, 2018, 6:37 PM

#

Alignment is fixed...there is some extra space around still (nothing major)

wheat current Aug 16, 2018, 6:37 PM

#

Where? ⚒

raven nacelle Aug 16, 2018, 6:37 PM

#

above and below the entity

📎 unknown.png

#

If you inspect the entities, there is an additional div element

subtle rune Aug 16, 2018, 6:38 PM

#

I really really want to use the circle card and the gauge card for something but I really cant figure out what. What do you guys use it for?

wheat current Aug 16, 2018, 6:39 PM

#

Yeah, if I removed that the elements went everywhere :/

raven nacelle Aug 16, 2018, 6:39 PM

#

can we remove the padding around it?

wheat current Aug 16, 2018, 6:39 PM

#

remove no ,reduce sure 😃

raven nacelle Aug 16, 2018, 6:40 PM

#

yeah...I meant reduce

#

also, I think the units are removed. Shouldn't it say 37 min?

wheat current Aug 16, 2018, 6:41 PM

#

🤷

#

They are no removed, I never added it :P
Should it be there?

raven nacelle Aug 16, 2018, 6:43 PM

#

📎 unknown.png

#

The second one is the default entity

wheat current Aug 16, 2018, 6:44 PM

#

alignments

📎 unknown.png

raven nacelle Aug 16, 2018, 6:44 PM

#

brb

subtle rune Aug 16, 2018, 6:49 PM

#

The gauge card doesnt work well with counter 😦 I have "1 undefined" since it doesnt have a unit of measurement I guess.
Edit: Fixed in the card and made pr 😃

wheat current Aug 16, 2018, 6:52 PM

#

@raven nacelle You can run the script again 😉

simple jolt Aug 16, 2018, 7:50 PM

#

Really want to run Lovelace on my fire HD 8 wall tablet but find it super slow. The interface is barely responsive. What hardware do you guys use to run Lovelace smoothly. Have no issues on either my phone or Mac.

faint echo Aug 16, 2018, 7:59 PM

#

@simple jolt I am running it on a FireHD 7 with no lag issues. Running inside of Fully browser. Interesting that you are seeing an issue on the HD8

buoyant skiff Aug 16, 2018, 8:00 PM

#

what browser are you using ?

#

cause that makes a world of differance

simple jolt Aug 16, 2018, 8:00 PM

#

@faint echo I’m also trying to run on fully but it’s telling me that my web view is outdated.

faint echo Aug 16, 2018, 8:01 PM

#

yeah I get that too but ignore it for now

buoyant skiff Aug 16, 2018, 8:01 PM

#

err

#

so ignore updates that fixes web compability

#

seems logicial

simple jolt Aug 16, 2018, 8:03 PM

#

@buoyant skiff not even sure how to upgrade. Searched google and no one to upgrade from web view 59.

buoyant skiff Aug 16, 2018, 8:03 PM

#

so lets begin with the basics its an android right ?

#

what version of android is it running in that case ?

simple jolt Aug 16, 2018, 8:04 PM

#

Still really strange that I’m encountering these issues. I tried on fully, chrome and wallpanel. While the normal front end is somewhat manageable using lovelace was brutal.

#

@buoyant skiff I’m running the latest system update from amazon. Only issue is maybe because I added play store to the tablet.

buoyant skiff Aug 16, 2018, 8:06 PM

#

of you only need to update webview

#

you can grab that package from apk mirror

raven nacelle Aug 16, 2018, 8:07 PM

#

@wheat current ```
2018-08-16 16:06:40 ERROR (MainThread) [frontend.js.latest.201808160] https://bla.duckdns.org/local/custom_ui/ext-weblink.js?v=0.5:1:1 Uncaught SyntaxError: Identifier 'ExtWebLink' has already been declared
2018-08-16 16:06:41 ERROR (MainThread) [frontend.js.latest.201808160] https://bla.duckdns.org/local/custom_ui/ext-weblink.js?v=0.5:1:1 Uncaught SyntaxError: Identifier 'ExtWebLink' has already been declared

wheat current Aug 16, 2018, 8:08 PM

#

Refresh / clear browser?

raven nacelle Aug 16, 2018, 8:09 PM

#

I can see the entities (no unit still)

#

may be the errors are from before the refresh

simple jolt Aug 16, 2018, 8:11 PM

#

Cleared both system cache and app cache which did not help. I believe I downloaded the latest version from the play store but I will try app mirror.

#

Was really hoping to get Lovelace on the wall tablet.

#

Does give me hope that other people are not experiencing these issues.

mild veldt Aug 16, 2018, 8:17 PM

#

when in doubt, blame Amazon

wheat current Aug 16, 2018, 8:22 PM

#

@raven nacelle try to bump the version number one more time

raven nacelle Aug 16, 2018, 8:23 PM

#

Did you push any updates? I am not seeing any changes

wheat current Aug 16, 2018, 8:25 PM

#

https://github.com/custom-cards/ext-weblink/commit/dd8d0fd0295dd882c2df8d0acc667e802e45d0b8

raven nacelle Aug 16, 2018, 8:26 PM

#

I already have that version. I think there is a typo there unit_of_meassurement

#

which is why it is not working

wheat current Aug 16, 2018, 8:26 PM

#

🤦

#

https://github.com/custom-cards/ext-weblink/releases/tag/0.3.1

raven nacelle Aug 16, 2018, 8:32 PM

#

@wheat current There is one on the prev line as well https://github.com/custom-cards/ext-weblink/blob/master/ext-weblink.js#L9 😉

wheat current Aug 16, 2018, 8:37 PM

#

ffs 😛

prime umbra Aug 16, 2018, 9:03 PM

#

@wheat current anyway you could build a aftership componente for tracking packages from many delivery companies
based on something like this https://github.com/tr1plus/ha-aftership
its working on lovelace but it seems needs some working on centering stuff in tables etc...

wheat current Aug 16, 2018, 9:05 PM

#

Should be possible, I'll add it to "the list" 😛

empty heath Aug 16, 2018, 9:05 PM

#

How's "the list" looking these days, anyhow? 😉

#

@prime umbra Are you wanting a custom card for Lovelace, or a custom component?

half osprey Aug 16, 2018, 9:06 PM

#

0.76.0b5 no longer requires Safari to configure the frontend to serve the latest version

prime umbra Aug 16, 2018, 9:07 PM

#

custom component probably would be better?

wheat current Aug 16, 2018, 9:07 PM

#

@empty heath Pretty minimal https://hastebin.com/ihefipuqic.md 😂

empty heath Aug 16, 2018, 9:07 PM

#

@half osprey Wrong channel?

#

@wheat current Wow, that's like 7,285 items shorter than my list!

polar kelp Aug 16, 2018, 9:08 PM

#

slider-entity-row now lets you disable the toggle or put the slider on a separate row
https://github.com/thomasloven/lovelace-slider-entity-row

sudden lion Aug 16, 2018, 9:08 PM

#

@empty heath Now that he showed his... its time that you show yours 😉

empty heath Aug 16, 2018, 9:09 PM

#

@polar kelp Any considerations in trying to get that added as a core card?

#

@sudden lion I honestly don't have a cold list -- which is why I often forget about things I need to do. But there are literally hundreds of items on the todo list in my head.

polar kelp Aug 16, 2018, 9:09 PM

#

Maybe. I feel like it should be tested a bit more first.

#

Also, I made this because I wanted it: https://github.com/thomasloven/lovelace-time-input-row

empty heath Aug 16, 2018, 9:10 PM

#

@wheat current Can we get this moved over to https://github.com/custom-cards and have @polar kelp added to be allowed to push commits and what-not?

wheat current Aug 16, 2018, 9:13 PM

#

If he chooses to push there he is most welcome to :)
I will not force anyone to do so
@polar kelp you should have recieved an invite now 😃

buoyant skiff Aug 16, 2018, 9:14 PM

#

the aftership api is something ive been looking at

#

fairly simple to do a component for that

wheat current Aug 16, 2018, 9:14 PM

#

That is correct :)
Was the first I looked at 😛

buoyant skiff Aug 16, 2018, 9:15 PM

#

free account also supports loads of shippers

#

both us and eu

#

still kinda amazed that noone has done one

wheat current Aug 16, 2018, 9:16 PM

#

give me 24h 😉

buoyant skiff Aug 16, 2018, 9:16 PM

#

hehe make sure that the documentation isnt 💩

#

😛

wheat current Aug 16, 2018, 9:17 PM

#

Then someone else have to write that part 😂

buoyant skiff Aug 16, 2018, 9:17 PM

#

💯

empty heath Aug 16, 2018, 9:30 PM

#

@polar kelp For the slider, I assumed it would work with input_number(type=slider), but I was mistaken. I like the way it looks, and would be great to use for input_number also!

half osprey Aug 16, 2018, 9:42 PM

#

@empty heath it was not the wrong channel. It's making the 2nd item in the Lovelace FAQ no longer needed 😃 https://www.home-assistant.io/lovelace#faq

buoyant skiff Aug 16, 2018, 9:42 PM

#

balloob any chance of having the shadow dom support word breaking ?

half osprey Aug 16, 2018, 9:44 PM

#

Shadow DOM is just encapsulation of CSS

#

It's still the same CSS as "normal" DOM

buoyant skiff Aug 16, 2018, 9:44 PM

#

tried throwing all tricks in the book today on breaking up a long line with css

#

defined max-width

#

i can get it to cut

#

but i cant get it to print on new line

half osprey Aug 16, 2018, 9:45 PM

#

default behavior is to print on new line

#

unless word is too long to even contain in the width

#

which probably only happens in German

buoyant skiff Aug 16, 2018, 9:45 PM

#

Todays 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'] }}℃.

#

thats what im trying to do

#

want it in the middle of a picture element

#

but all it does so far when i add that template sensor is one long line

#

that doesnt break

half osprey Aug 16, 2018, 9:47 PM

#

did you set display: block ?

buoyant skiff Aug 16, 2018, 9:47 PM

#

yepp

#

ran thru em all

half osprey Aug 16, 2018, 9:47 PM

#

made sure that you didn't have white-space: nowrap on it?

buoyant skiff Aug 16, 2018, 9:47 PM

#

whitespace

#

yeah tried with and without just to make sure

#

even tried none on white-space

#

pre also

#

found it kinda odd since i could cut messages without issue

#

https://hastebin.com/avoliperih.css

half osprey Aug 16, 2018, 9:52 PM

#

does not contain white-space ?

#

oh interesting, state label contains an internal element that has white-space: nowrap

#

(you could have seen this in the Chrome dev tools)

buoyant skiff Aug 16, 2018, 9:53 PM

#

using ff 😛

#

on popos

#

but again changed white-space too and that didnt help

half osprey Aug 16, 2018, 9:54 PM

#

FF dev tools would also have shown it

#

yeah because the element inside the state label element has whitespace nowrap on it

buoyant skiff Aug 16, 2018, 9:55 PM

#

so bug ? is that what your saying here ?

half osprey Aug 16, 2018, 9:59 PM

#

No

#

state labels are not meant to contain long text that needs to be wrapped

buoyant skiff Aug 16, 2018, 10:00 PM

#

so the solution then would be a custom_card ?

#

or can state label have an option for whitespace?

#

guess i could use https://github.com/custom-cards/state-element

#

since that one comes without anything attatched to it

#

but really wanted to do the greeter card with vanilla stuff

#

and not alot of custom cards

#

anyways tnx for the pointers @half osprey

bronze plover Aug 16, 2018, 11:11 PM

#

@polar kelp Thanks for the custom card! useful-markdown
Is there anyway to center the text from a sensor? Tried with paragraph center align but didn't work

#

https://imgur.com/a/SPGxAa3

glossy birch Aug 16, 2018, 11:56 PM

#

@buoyant skiff ok - just got home, and able to try it my end.. you may want to try this ```
{% set message = "Todays 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 %}

#

here is the screenshot

📎 unknown.png

azure scarab Aug 17, 2018, 1:05 AM

#

Hey is there a way to force width and height in an iframe?

mild veldt Aug 17, 2018, 1:23 AM

#

@azure scarab you can specify the ratio, but cards are typically a set width

#

putting it in a view with panel: true will take up the full width of the screen however

#

there are some other tricks to get some what customized widths as well. what are you trying to do?

azure scarab Aug 17, 2018, 1:26 AM

#

@mild veldt hey thanks. I was trying to get to-do.microsoft.com to possibly fit in a iframe

#

they have a mobile site but I just get a white box when I try it

#

was thinking maybe it was a width thing?

mild veldt Aug 17, 2018, 1:26 AM

#

check the console

#

they probably don't allow it to be in an iframe

#

you could get around that using nginx proxy

#

confirmed Refused to display 'https://to-do.microsoft.com/en-us' in a frame because it set 'X-Frame-Options' to 'sameorigin'.

azure scarab Aug 17, 2018, 1:28 AM

#

Weird is that under the dev info?

#

I don't see that on mine

#

or the log?

mild veldt Aug 17, 2018, 1:28 AM

#

no, just the browser's console

azure scarab Aug 17, 2018, 1:28 AM

#

ohhhhh

#

so sorry my ignorance, what does sameorigin mean?

mild veldt Aug 17, 2018, 1:29 AM

#

It just means that microsoft has disabled the site from being rendered in an iframe

azure scarab Aug 17, 2018, 1:30 AM

#

ah got it. is nginx proxy hard to configure or would I be better off finding a different solution

mild veldt Aug 17, 2018, 1:30 AM

#

I've never tried, have just heard that it is possible

#

hopefully some in #330944238910963714 can assist more

#

https://stackoverflow.com/questions/35012292/how-to-use-a-reverse-proxy-to-get-around-x-frame-options-sameorigin-for-iframe

#

might help...?

azure scarab Aug 17, 2018, 1:33 AM

#

Hey thanks! I appreciate the your help! I may just try remember the milk

#

Oh sweet maybe I could setup my own reverse proxy in IIS

mild veldt Aug 17, 2018, 1:33 AM

#

better yet, make a component for microsoft to-do: https://todosupport.helpshift.com/a/microsoft-to-do/?s=integrations&f=does-microsoft-to-do-have-a-public-api&l=en&p=web

#

then you can render the data however want and use it in automations, etc

azure scarab Aug 17, 2018, 1:35 AM

#

So what I'm trying to do , is display todo like on my fridge or something so i can add/mark off tasks

#

that would be sweet to make a component though, might be a little high level for me.

mild veldt Aug 17, 2018, 1:36 AM

#

i hear ya, i'm just getting into components having added some quick things to other's components here and there. but am now trying to do my first on my own

#

is microsoft to-do a requirement? there is todoist integration already

azure scarab Aug 17, 2018, 1:43 AM

#

MS to-do just has a nice interface in windows/android

#

but maybe If HA had somethign better I would just switch over

#

Slash I just realized, I kinda want something that works with alexa too

#

What is the builtin one?

buoyant skiff Aug 17, 2018, 6:13 AM

#

morning

polar kelp Aug 17, 2018, 6:38 AM

#

@bronze plover It's still limited to the markdown processing of the normal markdown card, which I haven't played around with. Perhaps you could try using html? Some markdown processors allow that.

bronze plover Aug 17, 2018, 6:39 AM

#

will try

#

sensor can be wrapped in HTML?

polar kelp Aug 17, 2018, 6:39 AM

#

@empty heath I'll see what I can do about the input_number

#

Maybe. I don't know how lovelace handles html.

bronze plover Aug 17, 2018, 6:39 AM

#

Ok Cool

polar kelp Aug 17, 2018, 6:40 AM

#

All my card does is take the input, replace the stuff between [[ ]] and pass it on to a normal markdown card

bronze plover Aug 17, 2018, 6:40 AM

#

Not a deal breaker, Love the card! 🥂

polar kelp Aug 17, 2018, 6:40 AM

#

Glad to hear it!

polar kelp Aug 17, 2018, 7:14 AM

#

@empty heath Doesn't input_number get a slider by default?

buoyant skiff Aug 17, 2018, 7:38 AM

#

@polar kelp if i use a template sensor and the useful markdown card can i add the markdown in the template sensor ?

#

thinking of using it for the greeter card for the weather that im messing around with

#

and please say that it hasnt got white-space: nowrap

#

like state-label

buoyant skiff Aug 17, 2018, 7:54 AM

#

nwm see how it works now

dense roost Aug 17, 2018, 8:49 AM

#

So custom cards cannot be placed into a picture elements card correct?

#

Being able to use userful-markdown-card on a picture elements would be awesome

buoyant skiff Aug 17, 2018, 9:04 AM

#

some can and some cant

wheat current Aug 17, 2018, 9:09 AM

#

I have not encoutered a single card that I could not use in picture-elements (including userful-markdown-card)

#

https://hastebin.com/zagowewilu.bash

polar kelp Aug 17, 2018, 9:11 AM

#

@buoyant skiff huh? Why not just put the text you want in a template sensor directly? Or what are you trying to achieve?

#

Oh, you want the sensor value to contain markdown? That should work.

buoyant skiff Aug 17, 2018, 9:20 AM

#

again i didnt look before asking got everything i need

#

  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'] ]]℃ and the sunrise will occur at [[ as_timestamp(states.sun.sun.attributes.next_rising) | timestamp_custom('%H:%M') ]] and the sun will set at [[ as_timestamp(states.sun.sun.attributes.next_setting) | timestamp_custom('%H:%M') ]]

#

"should work"

#

yeah that only broke the ui

#

so using that inside picture elements doesnt work

wheat current Aug 17, 2018, 9:42 AM

#

@prime umbra https://image.ibb.co/cnOsqz/image.png
https://github.com/custom-components/sensor.aftership

buoyant skiff Aug 17, 2018, 9:47 AM

#

📎 unknown.png

polar kelp Aug 17, 2018, 10:20 AM

#

@bronze plover I actually tried it now, and <center> [[ sensor.my_sensor ]] </center> works.

buoyant skiff Aug 17, 2018, 10:29 AM

#

perfect 😄

📎 unknown.png

#

neat part is the sun actually goes down on that icon

#

😛

remote rivet Aug 17, 2018, 10:41 AM

#

Hello, Could entity_filter card be used to show all entities that don't match a specific state. For example I want to set a state_filter: not_state: 'off'? Or should I look at the monster card for this? Cheers

Edit: nm, just found the new conditional card!!

grand veldt Aug 17, 2018, 12:16 PM

#

When I have a light in a entities-card the lights turn yellow (or whatever color) when I turn it on, but if I have another icon it won't do that. Is it possible to make other icons do the same?

prime umbra Aug 17, 2018, 12:16 PM

#

@wheat current wow that was fast :)
must go test !!!

split granite Aug 17, 2018, 12:17 PM

#

I've noticed @grand veldt that if you over-ride the icon in the card definition the colour won't change

grand veldt Aug 17, 2018, 12:21 PM

#

@split granite Yeah that's what I'm doing. No problem really, but would be a nice feature to have 😃

mild veldt Aug 17, 2018, 12:22 PM

#

@grand veldt I imagine that will be one of those things that is ironed out soon as the team squashes bugs and edge cases

prime umbra Aug 17, 2018, 12:28 PM

#

@wheat current
https://imgur.com/a/lYeCt0e
how could we see not the sensor but the list of packages in the card
any specific card for it?

wheat current Aug 17, 2018, 12:29 PM

#

You need a card that extract attributes for that

prime umbra Aug 17, 2018, 12:30 PM

#

any specific card in this case i was using the type: entities

wheat current Aug 17, 2018, 12:30 PM

#

I'll crate one spesific for this later today 😉

prime umbra Aug 17, 2018, 12:30 PM

#

you the man look awsome!!!!

wicked bobcat Aug 17, 2018, 12:37 PM

#

Is it possible to change the icon colour with lovelace?

buoyant skiff Aug 17, 2018, 12:47 PM

#

@wicked bobcat change based on state

#

or just change ?

#

waits on jchasey to actually respond

subtle rune Aug 17, 2018, 12:55 PM

#

There is an aftership card

#

http://prntscr.com/kjrvzj

wicked bobcat Aug 17, 2018, 12:59 PM

#

based on state

buoyant skiff Aug 17, 2018, 12:59 PM

#

icon_templating should still work

wicked bobcat Aug 17, 2018, 1:01 PM

#

so change to a custom icon that is of a different colour?

prime umbra Aug 17, 2018, 1:02 PM

#

@wheat current wasnt able to make aftership component show in custom updater list

mild veldt Aug 17, 2018, 1:14 PM

#

@buoyant skiff I didn't know you could set color in icon_template, I thought it was just the icon itself

wheat current Aug 17, 2018, 1:24 PM

#

@subtle rune I'll try to change the component so that card can be used 😃 no promisses
@prime umbra I have to look into that 😃

subtle rune Aug 17, 2018, 1:24 PM

#

@wheat current I'm using someone elses component I think. Didnt know you had one too

wheat current Aug 17, 2018, 1:25 PM

#

I didn't, made one earlier today, could not find one online :/

subtle rune Aug 17, 2018, 1:25 PM

#

https://github.com/tr1plus/ha-aftership

#

😦

wheat current Aug 17, 2018, 1:25 PM

#

That is not a compoent 😃

prime umbra Aug 17, 2018, 1:26 PM

#

@subtle rune that card needs some rework isnt align etc..
maybe @wheat current can come up with something more fancy lol

wheat current Aug 17, 2018, 1:26 PM

#

it uses a rest sensor, which give you A LOT of attributes :/

subtle rune Aug 17, 2018, 1:26 PM

#

Aaah, you're right

#

Im stupid, sorry 😄

wheat current Aug 17, 2018, 1:27 PM

#

I prefer having as little attributes as possible (but still having it do the job) 😃

subtle rune Aug 17, 2018, 1:27 PM

#

True!

#

Will change to your component

wheat current Aug 17, 2018, 1:28 PM

#

dont do it (yet), it does not work with that card

subtle rune Aug 17, 2018, 1:28 PM

#

I don't have any packages on the way right now anyway 😄

mild veldt Aug 17, 2018, 1:35 PM

#

is aftership that commonly used in europe? or is there a way for a consumer to add their packages that are enroute to aftership?

subtle rune Aug 17, 2018, 1:36 PM

#

I just tried it out and I had to add manually

wheat current Aug 17, 2018, 1:36 PM

#

I use aftership to track all my deliveries (norway)

subtle rune Aug 17, 2018, 1:36 PM

#

BUT it still has status pending, and I have gotten it already :/

dense roost Aug 17, 2018, 1:36 PM

#

@buoyant skiff wait how did you get that background image and the transparent darker background behind the useful markdown card?

wheat current Aug 17, 2018, 1:37 PM

#

--paper-card-background-color:

#

i guess 😛

prime umbra Aug 17, 2018, 1:37 PM

#

@mild veldt you add the tracking numbers of your packages to aftership and will track for you
they have many many companys of deliver associate in aftership

#

https://www.aftership.com/couriers

wheat current Aug 17, 2018, 1:41 PM

#

@subtle rune I needed to add the couriers i use in to my account before it could track it

#

before that it showed "pending"

buoyant skiff Aug 17, 2018, 1:42 PM

#

@dense roost

#

              -webkit-text-stroke: 0.1px rgb(47, 49, 49, 0.6)
              text-shadow: 0.09px 0.14px 1.5px rgb(47, 49, 49)
              background-color: rgb(54, 65, 78, 0.6)
              display: block
              z-index: 1
              text-align: justify
              text-align-last: center
              border-radius: 5px

#

thats what i used

#

image has z-index: 0

#

and i used @wheat current card
- type: custom:state-element

#

that did the trick i wanted

#

since the markdown card didnt work inside picture elements

wheat current Aug 17, 2018, 1:45 PM

#

it do work in picture elements

buoyant skiff Aug 17, 2018, 1:46 PM

#

show me your yaml then

wheat current Aug 17, 2018, 1:46 PM

#

I did...

#

https://discordapp.com/channels/330944238910963714/460846676358332417/479939835050721283

buoyant skiff Aug 17, 2018, 1:46 PM

#

cool didnt work for me in ff

#

just caused it to break the ui

wheat current Aug 17, 2018, 1:46 PM

#

well f*** ff 😂

buoyant skiff Aug 17, 2018, 1:47 PM

#

im good as is but atleast i have a snipplet to try out

#

dont wanna run chrome

#

plus this does what i want it to do so it all works out

wheat current Aug 17, 2018, 1:50 PM

#

@subtle rune Looked at the card source, I will not change the component for it, it have to much levels of attributes that I will not be comfortable releasing it :/

#

@prime umbra aftership now shows in the updater

prime umbra Aug 17, 2018, 1:55 PM

#

Yep confirmed its there, thanks 😃

dense roost Aug 17, 2018, 2:01 PM

#

@buoyant skiff oh boy I need to check it out. there should be a place where everyone submits their custom cards, imagine like a repository, where all the custom cards can roam free for everyone to see... Imagine.

buoyant skiff Aug 17, 2018, 2:02 PM

#

.sharethelove

kind shellBOT Aug 17, 2018, 2:02 PM

#

A place for LoveLace Config https://sharethelove.io/

wheat current Aug 17, 2018, 2:02 PM

#

@dense roost like this https://github.com/custom-cards/information?

buoyant skiff Aug 17, 2018, 2:02 PM

#

pretty much is

half osprey Aug 17, 2018, 2:08 PM

#

FYI, for the custom card devs, I've added some documentation about the hass object https://developers.home-assistant.io/docs/en/next/frontend_data.html

wheat current Aug 17, 2018, 2:10 PM

#

@buoyant skiff Looks like you can use hass.user.name in a greater card 😄

buoyant skiff Aug 17, 2018, 2:10 PM

#

hmm ?

#

how do u set the username ?

wheat current Aug 17, 2018, 2:10 PM

#

auth:

buoyant skiff Aug 17, 2018, 2:10 PM

#

ahh havent used auth

#

but nice to know

wheat current Aug 17, 2018, 2:12 PM

#

yep, that works 😄

dense roost Aug 17, 2018, 2:13 PM

#

@wheat current ... That will do. An official repo or store, or a link to that repo for New comers would be beneficial

wheat current Aug 17, 2018, 2:14 PM

#

There is nothing official about custom 😛

buoyant skiff Aug 17, 2018, 2:14 PM

#

the closest we got to easy installer is the custom tracker

#

custom updater

wheat current Aug 17, 2018, 2:15 PM

#

not yet, but soon ™

buoyant skiff Aug 17, 2018, 2:15 PM

#

just hoping that more devs add their stuff to the tracker

wheat current Aug 17, 2018, 2:16 PM

#

https://github.com/robmarkcole/Hue-sensors-HASS/blob/master/custom_updater.json atleast 1 have 😄

dense roost Aug 17, 2018, 2:16 PM

#

@wheat current so you're saying it's officially not officially custom?

wheat current Aug 17, 2018, 2:16 PM

#

error does not compute

dense roost Aug 17, 2018, 2:17 PM

#

It's official we have a winner

#

@half osprey I can't find documentation on passing configuration variables into the custom card when calling it in the ui-lovelace interface. To allow changing things like css in the custom card just file. Is there somewhere I should look to learn more about that?

wheat current Aug 17, 2018, 2:20 PM

#

The tracker card is getting huge https://image.ibb.co/mXRSqz/image.png 😛

buoyant skiff Aug 17, 2018, 2:21 PM

#

is there an option to hide unwanted components and cards ?

wheat current Aug 17, 2018, 2:21 PM

#

By default it only show the components/cards you have installed 😉

#

(that it can track)

half osprey Aug 17, 2018, 2:22 PM

#

@dense roost not sure what you mean, setConfig is how configuration is passed to a custom card

buoyant skiff Aug 17, 2018, 2:23 PM

#

@half osprey tnx for the info yesterday my card is now perfect

wheat current Aug 17, 2018, 2:23 PM

#

@dense roost I gave up on this card, but I think I used what you are after here https://hastebin.com/pifobuqame.js

buoyant skiff Aug 17, 2018, 2:24 PM

#

📎 unknown.png

half osprey Aug 17, 2018, 2:24 PM

#

nice

buoyant skiff Aug 17, 2018, 2:25 PM

#

so now i just need to fill it with more info

wheat current Aug 17, 2018, 2:25 PM

#

Your home "town" @buoyant skiff ? 😛

dense roost Aug 17, 2018, 2:25 PM

#

@wheat current ah that seems like a pretty clear example of it there, though I thought I tried that format and got an error but I'll give it another try. Thanks!

buoyant skiff Aug 17, 2018, 2:25 PM

#

@wheat current nope gave up on that using unsplash

wheat current Aug 17, 2018, 2:27 PM

#

@dense roost The config part of that example works like it should, I just could not figure out how @buoyant skiff wanted the CSS part :P
but overriding the default CSS with config variables worked 😃

polar kelp Aug 17, 2018, 2:28 PM

#

Oh! I missed getCardSize in useful-markdown!

dense roost Aug 17, 2018, 2:28 PM

#

@wheat current excellent!

#

I'm hopeful then

buoyant skiff Aug 17, 2018, 2:29 PM

#

well for once ludeeus minimal approach to js worked out perfectly

#

that way i can maximize on my css

wheat current Aug 17, 2018, 2:30 PM

#

if there is no elements in the "card" you can fully customize it with style: 😃

polar kelp Aug 17, 2018, 2:30 PM

#

You should give Polymer.Element a try, Ludeeus.

#

It's kind of fun to work with, and really clean

#

Just look at this: https://github.com/thomasloven/lovelace-time-input-row/blob/master/time-input-row.js

wheat current Aug 17, 2018, 2:32 PM

#

Hmmm... thanks :D
I'll have a look at it 😃

buoyant skiff Aug 17, 2018, 2:39 PM

#

@wheat current is it possible to have multiple auth ?

bronze plover Aug 17, 2018, 2:40 PM

#

@polar kelp Thanks I didn't even try <center> Was going down the whole Paragraph way 🤔

buoyant skiff Aug 17, 2018, 2:40 PM

#

if you can use style:

#

you can use text-align: center

wheat current Aug 17, 2018, 2:41 PM

#

@buoyant skiff yes, but off topic here 😉

buoyant skiff Aug 17, 2018, 2:41 PM

#

not really cause remember that @subtle rune was wondering about multple users for the greeter card to have it display individual info

#

with a little jinja magic its possible

#

all that it requiers is the user setting up auth

#

for 2 users

#

jinja magic

#

and tada user info

wheat current Aug 17, 2018, 2:42 PM

#

I don't think there is a limit, and jinja will not help

buoyant skiff Aug 17, 2018, 2:42 PM

#

template sensor

wheat current Aug 17, 2018, 2:42 PM

#

nope

buoyant skiff Aug 17, 2018, 2:43 PM

#

ffs yes

wheat current Aug 17, 2018, 2:43 PM

#

good luck with that

buoyant skiff Aug 17, 2018, 2:44 PM

#

if i can grab hass.user.name from the greetercard

#

i sure as feek can from a sensor

wheat current Aug 17, 2018, 2:44 PM

#

the hass.user object are available in the browser session, not accessable by templates.
You need a custom card for that.

#

That is client side info, and templates are server side

buoyant skiff Aug 17, 2018, 2:45 PM

#

so all i need is a bridge like a cookie or something

#

that saves that info

wheat current Aug 17, 2018, 2:46 PM

#

I have an idea

polar kelp Aug 17, 2018, 2:47 PM

#

How would that work with multiple concurent users?

buoyant skiff Aug 17, 2018, 2:48 PM

#

thats a good question need someway to assign session towards user

polar kelp Aug 17, 2018, 2:49 PM

#

I could look at adding hass.user to useful-markdown, perhaps...

#

Not right now, though. Now is weekend 🍺

wheat current Aug 17, 2018, 2:52 PM

#

@buoyant skiff add this in /www/username-element.js

class UsernameElement extends HTMLElement {
  set hass(hass) {this.innerHTML = hass.user.name;}
  getCardSize() {return 1;}
  setConfig(config) {}
}
customElements.define('username-element', UsernameElement);

buoyant skiff Aug 17, 2018, 2:52 PM

#

doesnt that requier auth to be setup ?

wheat current Aug 17, 2018, 2:52 PM

#

this under resources:

  - url: /local/username-element.js?v001
    type: js

and this under a picture-elements card:

          - type: custom:username-element
            style:
              top: 50%
              left: 50%

#

@buoyant skiff yes

#

It will show the logged in user

buoyant skiff Aug 17, 2018, 2:53 PM

#

need to set that up

#

neat

#

will save for later

wheat current Aug 17, 2018, 2:53 PM

#

📎 unknown.png

buoyant skiff Aug 17, 2018, 2:54 PM

#

but hass cant read it right ?

wheat current Aug 17, 2018, 2:54 PM

#

to be used in a template no, maybe if you are the only user

buoyant skiff Aug 17, 2018, 2:55 PM

#

thats something you should aim for a way to save name and session so that templating can be used

#

if there are multiple users

wheat current Aug 17, 2018, 2:56 PM

#

yeah no, that logic belong in a card/element

#

Use the example I provided over ☝

buoyant skiff Aug 17, 2018, 2:57 PM

#

still rather setup so that we can do indivudal card based on user

#

anyways time for a break got a gnarly headache

subtle rune Aug 17, 2018, 3:21 PM

#

Shouldn't you be able to grab device in the same way that @north spear did with the home-setter card? But that requires js of course

polar kelp Aug 17, 2018, 4:16 PM

#

I still don’t ger why.

mortal cape Aug 17, 2018, 4:39 PM

#

@buoyant skiff your weather card had me wondering about using google image search for weather terms like "light rain", "cloudy", "clear sky" etc for use as backdrop images. It was working out until I entered "heavy rain" and the first results are from the video game

#

But I guess that could be entertaining.

#

adding "weather" helps

azure scarab Aug 17, 2018, 5:05 PM

#

Hey guys, any advice on what size to set my floor plan card to for lovelace?

split granite Aug 17, 2018, 5:06 PM

#

Make it an SVG, then it doesn't matter

#

Otherwise, no smaller than the resolution you're planning on displaying it at

azure scarab Aug 17, 2018, 5:06 PM

#

oh really? Sorry I don't know much about graphic design, why svg?

split granite Aug 17, 2018, 5:07 PM

#

https://en.wikipedia.org/wiki/Scalable_Vector_Graphics

glossy birch Aug 17, 2018, 5:07 PM

#

@azure scarab best size would be Kim Kardashian's size. ```css
#kim-kardashian {
padding-bottom: 9999px;
}

split granite Aug 17, 2018, 5:07 PM

#

It's a vector @azure scarab - whereas a JPG or whatever is a bitmap

#

You can scale a vector up or down without issue, not so much with bitmaps

#

See the Wiki link for an example

azure scarab Aug 17, 2018, 5:08 PM

#

@glossy birch hahaha best answer ever

#

but also nasty

#

lol

#

@split granite so does ha adjust the vector size?

split granite Aug 17, 2018, 5:08 PM

#

Your browser does

azure scarab Aug 17, 2018, 5:08 PM

#

ohh i didn;t know that, I had SVG setup for floor plan

#

so that makes sense

split granite Aug 17, 2018, 5:08 PM

#

You can use the same image, I did

azure scarab Aug 17, 2018, 5:09 PM

#

haha I wish I could agree, my floor plan looks like ish

#

plus I wanted to make a new one for just my master bedroom so I need to make a new one for that

#

So what about my light images? same thing? make them svg?

split granite Aug 17, 2018, 5:12 PM

#

SVG scales smoothly, JPG/PNG doesn't

azure scarab Aug 17, 2018, 5:13 PM

#

ah ok got it. Thanks man you always have the right answers

#

is inkscape the best?

split granite Aug 17, 2018, 5:19 PM

#

Best is always subjective

#

Try it, see if it works for you

azure scarab Aug 17, 2018, 5:20 PM

#

true

#

I've also got photoshop I could try

#

graphic design is not my thing

split granite Aug 17, 2018, 5:21 PM

#

I used Inkscape, traced a scan of the house floorplan and "filled in" the walls as one layer. Then I've built the other information on other layers on top

azure scarab Aug 17, 2018, 5:23 PM

#

Hmm that's sweet. What do you mean by other information? Do you just design it all in inkscape and then export the individual objects?

split granite Aug 17, 2018, 5:23 PM

#

For HA Floorplan I've created layers with the sensors, and other information, to make it easier to work with

azure scarab Aug 17, 2018, 5:23 PM

#

Yeah, sorry talking about the new lovelace cards

split granite Aug 17, 2018, 5:24 PM

#

Still makes it easier to work with the "fixed" components on it

#

Then you add the dynamic features in Lovelace, but also using SVG

azure scarab Aug 17, 2018, 5:28 PM

#

Got it

#

That's a good idea

#

any good places to get like stock card photos?

buoyant skiff Aug 17, 2018, 5:39 PM

#

@glossy birch tnx for the jinja magic yesterday, found the reason it didnt work though talked to balloob and state-label used nowrap on white-space but i learned more jinja when looking at that one

#

@azure scarab unsplash

azure scarab Aug 17, 2018, 5:41 PM

#

@buoyant skiff hey thanks this looks dope

buoyant skiff Aug 17, 2018, 5:41 PM

#

just remember that if you wanna reuse em by publishing there is a license

#

the unsplash license

#

author has to be credited etc

azure scarab Aug 17, 2018, 5:43 PM

#

what do yo mean by publishing? IT looks like you don't need to credit the author?

buoyant skiff Aug 17, 2018, 5:43 PM

#

you do if you register for the api

azure scarab Aug 17, 2018, 5:43 PM

#

ah got it

#

what is the api used for?

buoyant skiff Aug 17, 2018, 5:44 PM

#

im using unsplash for my cards

#

as dynamic backgrounds

#

so my cards change every hour

azure scarab Aug 17, 2018, 5:44 PM

#

wow,

#

thats sick

#

I clearly need to put more work into this

buoyant skiff Aug 17, 2018, 5:45 PM

#

there is an custom component that can be used to do this made by @wheat current

#

https://github.com/custom-components/camera.unsplash/

#

so the trick is to make an empty transparent background image and place the camera as an overlay

#

that way you achive dynamic backgrounds

#

think i finally found an really nice google font to use

📎 unknown.png

glossy birch Aug 17, 2018, 6:04 PM

#

@buoyant skiff that looks great!

buoyant skiff Aug 17, 2018, 6:04 PM

#

tnx 😄

#

just need to find additional stuff to add to my greeter card

#

then im publishing it on sharethelove

#

updating it from the current one

vapid field Aug 17, 2018, 6:36 PM

#

I have some switches which I actually use for lights.
Using ui-loveloace.yaml I can adjust the icon using: icon: mdi:lightbulb
But on the on state of the switch the lightbulb icon is not yellow.
Is there any possibility to get the switch look like a light?

split granite Aug 17, 2018, 6:37 PM

#

Use customize: instead is the easy option

wheat current Aug 17, 2018, 6:38 PM

#

Implementing this would be cooler :P
https://developers.home-assistant.io/img/en/frontend/lovelace-ui-custom-card-screenshot.png

split granite Aug 17, 2018, 6:38 PM

#

We need more cards that look they were done by a 7 year old 👍

wheat current Aug 17, 2018, 6:39 PM

#

Agreed 😄

buoyant skiff Aug 17, 2018, 6:39 PM

#

stop mocking my cards 😛

split granite Aug 17, 2018, 6:40 PM

#

Yours were done by a 7 year old? Sheesh, they need remedial art lessons 😛

#

(own art skills resemble that of a tired 5 year old drawing in the dark, so I can't really throw stones here)

buoyant skiff Aug 17, 2018, 6:44 PM

#

wtf updated to 0.76 cleared cache and its up but it doesnt connect

#

too tired take care of that mess some other day

polar kelp Aug 17, 2018, 6:55 PM

#

Could it related to: "This release has a migration, initial startup can take ~20 minutes (depends on size DB)"

buoyant skiff Aug 17, 2018, 6:57 PM

#

ahh well ill just let it roll then

#

tnx Thomas

polar kelp Aug 17, 2018, 6:58 PM

#

https://www.home-assistant.io/blog/2018/08/17/release-76/# for more info

azure scarab Aug 17, 2018, 6:58 PM

#

Ok so question, I have a script that triggers my tv/lights. I would like the image to be grey when the tv is off but light up when the tv is on. However, how do I do this when I need the entity to trigger the script?

polar kelp Aug 17, 2018, 6:58 PM

#

Hehe "For example, we’ll be able to say which user [...] triggered the party mode at 3am."

#

@azure scarab You could use a template switch

azure scarab Aug 17, 2018, 7:00 PM

#

and then the image would point to the template entity?

#

ahh

polar kelp Aug 17, 2018, 7:01 PM

#

switch:
  platform: template
  switches:
    tv:
      value_template: {{ tv_is_on_or_whatever }}
      turn_on:
        - service: script.turn_on_tv
etc

#

yes

buoyant skiff Aug 17, 2018, 7:02 PM

#

migh have been the auth too

azure scarab Aug 17, 2018, 7:02 PM

#

damn ok that makes sense

#

now if I could just get my WOL to work

buoyant skiff Aug 17, 2018, 7:02 PM

#

but this is getting out of the area of lovelace

azure scarab Aug 17, 2018, 7:06 PM

#

@polar kelp wait im a little confused, what does the value template do? If the TV is turned on what would I trigger my light script?

#

instead of having a script do the tv and the lights?

empty heath Aug 17, 2018, 7:06 PM

#

@polar kelp I am honestly unsure of how it currently handles input_number. I’ll have to run some testing.

polar kelp Aug 17, 2018, 7:07 PM

#

I get sliders on mine

#

@azure scarab I suppose you already had some way of knowing if the tv was on or not?

azure scarab Aug 17, 2018, 7:07 PM

#

well just the entity itself? TV shows as playing when its on and Off when it's off

polar kelp Aug 17, 2018, 7:08 PM

#

Ok. So you assume a state? If you have clicked the button, the tv should be on until you run the turn_off script?

#

Then an input_boolean would be better. Automations to run the turn on/off scripts when the state of that changes, and then connect that to a picture-entity card.

azure scarab Aug 17, 2018, 7:10 PM

#

I think? I want to click the image, the TV come on (trigger the lights script I have too) have the image icon be light up. and then when I click the image again it turn off the TV and restore my lights

#

I have scripts for the lights and the TV

#

and then had it all wrapped into one script

#

but this doesn't work since the primary script doesn't show as on/off

split granite Aug 17, 2018, 7:11 PM

#

Template switch?

polar kelp Aug 17, 2018, 7:11 PM

#

I think input_boolean. Template switch can't keep track on a state by itself.

#

But this is more #330944238910963714 than #frontend-archived, I think.

azure scarab Aug 17, 2018, 7:12 PM

#

hmm ok thanks guys. I'll give the template switch a try

empty heath Aug 17, 2018, 7:20 PM

#

@polar kelp Yup, you're correct sir! (top = native, bottom = your custom elements)

📎 unknown.png

azure scarab Aug 17, 2018, 7:20 PM

#

damn that's cool

#

what is that being used for ?

#

if you don't mind me asking

polar kelp Aug 17, 2018, 7:20 PM

#

There's an update to the slider .js

#

It doesn't show the slider now if the entity is not a dimmable ~~lamp~~ light.

empty heath Aug 17, 2018, 7:22 PM

#

@azure scarab Both the top and bottom contain the same entities: one input_number(type=slider), and one input_datetime. They are both just for testing. The bottom-top is a custom entity-slider (meant for lights), and the bottom-bottom is a custom datetime element. (both made by @polar kelp)

azure scarab Aug 17, 2018, 7:22 PM

#

that's really cool, I need something like that for my ceiling fan

empty heath Aug 17, 2018, 7:23 PM

#

@polar kelp If you decide to publish to https://github.com/custom-cards, it will be available for testing to a lot more users. The tracker card will support one-click install of custom cards and custom components soon.

polar kelp Aug 17, 2018, 7:23 PM

#

I'll make sure to get around to it

wheat current Aug 17, 2018, 7:24 PM

#

@empty heath The custom_updater has support for "third-pary" repos now 😉

empty heath Aug 17, 2018, 7:24 PM

#

For ceiling fan, it'd need 4 points on the slider (assuming the fan only supports off/low/med/high). 0=off, 1=low, 2=med, 3=high

#

@wheat current Woot! Even for one-click installs? 😉

wheat current Aug 17, 2018, 7:25 PM

#

the component yes, not the card (still awaiting a review for that) 😃

empty heath Aug 17, 2018, 7:25 PM

#

i.e. is there a repo file in custom-cards or custom-components that allows you to add third-party repos?

azure scarab Aug 17, 2018, 7:25 PM

#

@empty heath yeah so it has off/auto/lowest/low/medium/high

polar kelp Aug 17, 2018, 7:26 PM

#

Hey, an idea @wheat current. Does the version have to be a number, or can it be, say, a git hash?

empty heath Aug 17, 2018, 7:27 PM

#

So in that case, in my head, it would have a slider with a label above the four positions, with the current position being bold, and the others being gray.

polar kelp Aug 17, 2018, 7:29 PM

#

Yeah... I'll pass on that one...

#

I'm not sure a slider is really the best input method for that anyway....

#

But that's subjective

empty heath Aug 17, 2018, 7:31 PM

#

True. How are fans currently handled in old UI and in Lovelace UI?

#

Never mind, I just found that there is a template fan -- I'll create one and test it out.

wheat current Aug 17, 2018, 7:46 PM

#

@empty heath for the cards and components repos I handle the creation and update of the json files, for "third-party" they would have to create a json file for their custom_* that the end user can add to the updater config like this https://github.com/robmarkcole/Hue-sensors-HASS/blob/master/custom_updater.json

custom_updater:
  component_urls:
    - https://raw.githubusercontent.com/robmarkcole/Hue-sensors-HASS/master/custom_updater.json

#

@polar kelp it can be whatever you want (whitin reason), as long as local and remote differ they will be able to update, but this do not look all that good 😛

📎 unknown.png

polar kelp Aug 17, 2018, 7:50 PM

#

Well... as long as it is different, you'll know it's newer at least.

empty heath Aug 17, 2018, 7:57 PM

#

@wheat current But there is a file in the updater repo that allows you to add third-party repos, right? You may have answered that already, but I don't think I fully understand your comment.

wheat current Aug 17, 2018, 8:00 PM

#

There kinda is, but that one is autogenerated by the repos in those orgs, it would be troublesome for a dev to update their own repo and remember to update that file to

#

If that is the file you where thinking of 😅

empty heath Aug 17, 2018, 9:15 PM

#

@wheat current AfterShip provides their own python module for integrating with their service: https://pypi.org/project/aftership/

#

This would be useful to make an AfterShip sensor(s).

wheat current Aug 17, 2018, 9:16 PM

#

ffs 😂 I really need to get better at googleing then 😛

#

https://pypi.org/project/pyaftership/ 😂

empty heath Aug 17, 2018, 9:16 PM

#

😂

#

With the official one, you could easily add the ability to add new packages from the Home Assistant UI 😮

#

Could be a complete component, with services and everything.

#

📎 unknown.png

#

😛

wheat current Aug 17, 2018, 9:18 PM

#

LOL!!! 😂

empty heath Aug 17, 2018, 9:18 PM

#

I guess since it's been over a year since you posted that, you forgot about it 😄

wheat current Aug 17, 2018, 9:19 PM

#

My google skils must have been better back then 😛

empty heath Aug 17, 2018, 9:19 PM

#

I guess so 😛

wheat current Aug 17, 2018, 9:20 PM

#

I will look at moving to the official package in comming versions of the platform, but for now it does it's job 😛

azure scarab Aug 17, 2018, 9:24 PM

#

is the filter: saturate(.10) what adjusts the color ratio when my picture element is off?

#

or is there a list of filters somewhere?

wheat current Aug 17, 2018, 9:26 PM

#

~lmgtfy @azure scarab css filter

kind shellBOT Aug 17, 2018, 9:26 PM

#

:point_up:

Let me Google that for you...

Here, try this @azure scarab => http://lmgtfy.com/?q=css+filter

azure scarab Aug 17, 2018, 9:26 PM

#

lol

#

didn't realize it was that straight fwd

#

I do know how to go to google.com 😉

frosty pelican Aug 17, 2018, 10:00 PM

#

anything new in Lovelace in 0.76? doesnt seem like the changelog was posted yet

wheat current Aug 17, 2018, 10:04 PM

#

no news is good news? 🤷

frosty pelican Aug 17, 2018, 10:05 PM

#

that is true lol

calm rock Aug 17, 2018, 10:14 PM

#

cards updater question : many times after restarting hassio , the card updaters , disappear from my card with no reason , after some ( dont know what ... ) , they appear again , so still dont have the method to make them appear correctly , im wondering if may be missing something else ??

wheat current Aug 17, 2018, 10:21 PM

#

@calm rock The tracker-card uses a sensor to display the data, some times if fails fetching new info (bug) as a workaround you should be able to hit the "Check" button to show it again

calm rock Aug 17, 2018, 10:22 PM

#

@wheat current , thanks , think i did , but will try again...

#

@wheat current , no change , will try to clear cache again

#

still no luck , probably , reboot will do ?

wheat current Aug 17, 2018, 10:26 PM

#

look for a sensor with an entity_id starting with sensor.custom in states

calm rock Aug 17, 2018, 10:26 PM

#

ok

#

thats, the prob : message: The following components and platforms could not be set up:

custom-updater

#

but , i made no mods..

wheat current Aug 17, 2018, 10:28 PM

#

restart should fix it

calm rock Aug 17, 2018, 10:28 PM

#

ok

mild veldt Aug 17, 2018, 10:34 PM

#

@wheat current any idea why I had to do the following to get rid of errors about required key 'platform'?

  - platfrom: aftership
    platform: aftership
    api_key: !secret aftership_key

#

Nothing stands out in the .py

wheat current Aug 17, 2018, 10:34 PM

#

no?
That just looks super wierd

mild veldt Aug 17, 2018, 10:34 PM

#

yes, I feel dirty

wheat current Aug 17, 2018, 10:34 PM

#

That should not work

mild veldt Aug 17, 2018, 10:34 PM

#

but it throws errors otherwise

wheat current Aug 17, 2018, 10:35 PM

#

What error?

mild veldt Aug 17, 2018, 10:35 PM

#

Invalid config for [sensor]: required key not provided @ data['platform']. Got None. (See /config/configuration.yaml, line 45). Please check the docs at https://home-assistant.io/components/sensor/

#

oh wait...

#

i'm dumb

#

i can't yaml

#

wait...i lied, i can yaml!

#

and i still get the error 😦

wheat current Aug 17, 2018, 10:36 PM

#

Make up your mind 😛

mild veldt Aug 17, 2018, 10:37 PM

#

well I'm just not going to worry about it for now. It works

wheat current Aug 17, 2018, 10:37 PM

#

this is what I have:

  - platform: aftership
    api_key: 'xxxx-xxxx-xxxxx-xxxx'

buoyant skiff Aug 17, 2018, 10:38 PM

#

yawn

mild veldt Aug 17, 2018, 10:39 PM

#

you guys should go to bed...there's important drinking to do tomorrow

wheat current Aug 17, 2018, 10:39 PM

#

There are 🐛 to fix today 😛

calm rock Aug 17, 2018, 10:40 PM

#

@wheat current , all good now , thankyou .

buoyant skiff Aug 17, 2018, 10:40 PM

#

@wheat current see #330944238910963714

cobalt pendant Aug 17, 2018, 10:43 PM

#

evening folks

#

is anyone able to assist with me trying to get a temp sensor to simply show the temp using lovelace

#

i ideally would like temp and switches in a row on a 'view'

#

rather than listed in a long line

#

the example provided is quite limited

#

maybe a link to working examples would be great if anyone has

wheat current Aug 18, 2018, 12:10 AM

#

@cobalt pendant https://www.home-assistant.io/lovelace/glance/

cobalt pendant Aug 18, 2018, 12:11 AM

#

@wheat current thank you just spotted that one myself also

#

whats the best directory to put images for lovelace to use?

#

I have tried /config/images/living_room.png and its not picking it up

wheat current Aug 18, 2018, 12:28 AM

#

/config/www/potential_sub_dir_here/image_file.jpg

#

you reference that with /local/potential_sub_dir_here/image_file.jpg in the ui-lovelace.yaml file

cobalt pendant Aug 18, 2018, 12:33 AM

#

@wheat current does it have to be a jpg?

wheat current Aug 18, 2018, 12:33 AM

#

no

cobalt pendant Aug 18, 2018, 12:34 AM

#

no luck with that 😦

#

so /config/www/living_room.png

wheat current Aug 18, 2018, 12:35 AM

#

if you created the www folder now, you need to restart HA for it to work

cobalt pendant Aug 18, 2018, 12:35 AM

#

/local/living_room.png

#

ah

#

so that then creates a web facing folder

#

so in theory I can access via www.mydns.com/living_room.png

wheat current Aug 18, 2018, 12:38 AM

#

almost www.mydns.com/local/iving_room.png

cobalt pendant Aug 18, 2018, 12:41 AM

#

@wheat current thanks all working!

#

I dont suppose its possible on a picture-glance template to have a temp sensor show as just the temp and not a temp icon you then need to click?

wheat current Aug 18, 2018, 12:47 AM

#

If there is not in the examples, there may be a custom card that does it 🤷
or you can create one that does ;)
https://developers.home-assistant.io/docs/en/lovelace_custom_card.html

cobalt pendant Aug 18, 2018, 12:48 AM

#

I think thats beyond me lol

#

still struggling with the basics!

wheat current Aug 18, 2018, 1:02 AM

#

@calm rock the folks in #330990055533576204 migth be able to helpp you with that 😉

calm rock Aug 18, 2018, 1:03 AM

#

yes , sorry , didnt reallize i was missplaced

cobalt pendant Aug 18, 2018, 1:03 AM

#

@wheat current btw you can switch your TV on by plugging in a Chomecast

wheat current Aug 18, 2018, 1:06 AM

#

@cobalt pendant Wrong channel, and no my TV does not support CEC 😉

cobalt pendant Aug 18, 2018, 1:06 AM

#

ouch

glossy birch Aug 18, 2018, 1:33 AM

#

yes, some people still live stoneage

empty heath Aug 18, 2018, 1:50 AM

#

But of course they can!

#

Are you wanting to rename the entity ID, or the friendly name?

#

Or the name that is displayed on Lovelace?

honest herald Aug 18, 2018, 1:50 AM

#

sorry didnt realize i was iin the wrong section

#

i just mean the actual entity

#

device_tracker.xxxxx

empty heath Aug 18, 2018, 1:50 AM

#

Ok, then let's hop over to #330944238910963714 😃

buoyant skiff Aug 18, 2018, 7:02 AM

#

morning

empty heath Aug 18, 2018, 7:08 AM

#

@buoyant skiff Why are you up so early?

buoyant skiff Aug 18, 2018, 7:08 AM

#

dunno just wired that way

#

😄

#

its like 9am here in Sweden

empty heath Aug 18, 2018, 7:18 AM

#

Damn, that's way too early! It's only 2:18am here in Texas!

buoyant skiff Aug 18, 2018, 7:21 AM

#

hehe well i dont need that much sleep 😄

#

currently back on the grind remaking my remote with custom state-elements

#

instead of state-label

dense roost Aug 18, 2018, 7:25 AM

#

12:24am in Washington, @buoyant skiff is way too cheerful when he wakes up, it's not normal.

buoyant skiff Aug 18, 2018, 7:25 AM

#

who said i was normal 😛

#

ill show them :P

dense roost Aug 18, 2018, 7:25 AM

#

Ha well said sir

#

Do it

buoyant skiff Aug 18, 2018, 7:26 AM

#

📎 I-tried-to-be-normal-once-meme.png

#

haha

#

@dense roost tried custom-state-elements yet ?

#

sooo much better then state-label

dense roost Aug 18, 2018, 7:34 AM

#

@buoyant skiff look at you with your fancy ability to post images 😅 and no when did custom state elements become a thing?!

buoyant skiff Aug 18, 2018, 7:35 AM

#

since state-label only has white-space: nowrap

#

annoying if you want long messages

dense roost Aug 18, 2018, 7:35 AM

#

Where is this Black magic at I need a link

buoyant skiff Aug 18, 2018, 7:37 AM

#

on the custom card repo

dense roost Aug 18, 2018, 7:37 AM

#

Oh

buoyant skiff Aug 18, 2018, 7:37 AM

#

https://github.com/custom-cards/

#

pin please @empty heath

#

its nice when epllipsis works

#

so long messages becomes ....

#

and not just cut

#

got that on filenames that drag on too long

#

now more coffee

empty heath Aug 18, 2018, 7:42 AM

#

@buoyant skiff Eat more Coffee.

buoyant skiff Aug 18, 2018, 7:44 AM

#

there are edible coffee cubes 😄

#

https://hvmn.com/go-cubes ❤

half osprey Aug 18, 2018, 8:14 AM

#

Did you guys see this? https://23wlzq4l1r.codesandbox.io/

buoyant skiff Aug 18, 2018, 8:15 AM

#

holy shit

#

no missed that totally

#

thats nice

half osprey Aug 18, 2018, 8:15 AM

#

It's an open source UI toolkit and as example they build a smart home UI

buoyant skiff Aug 18, 2018, 8:15 AM

#

nice

subtle rune Aug 18, 2018, 8:22 AM

#

wow

split granite Aug 18, 2018, 8:24 AM

#

Very pretty

buoyant skiff Aug 18, 2018, 8:32 AM

#

makes my cards look like poo 😛

#

so average temperature of my apartment and humidity and sunrise sunset times

📎 unknown.png

#

need to realign it a bit

#

📎 unknown.png

#

looks kinda decent doesnt it ?

serene sierra Aug 18, 2018, 12:40 PM

#

@buoyant skiff what image size in px you use for that cards?

#

.ll76

buoyant skiff Aug 18, 2018, 12:41 PM

#

let me check

serene sierra Aug 18, 2018, 12:41 PM

#

where i can see docs for ll76?

buoyant skiff Aug 18, 2018, 12:41 PM

#

pretty huge

#

📎 unknown.png

#

thats the actual image size

#

so i got that split with 2

#

since i got 2 cards per page

#

and im doing panel true

#

so i end up with alot of space that i can use for sensors and text etc

#

my plan is to use homesetter and do a mobile design later on with 1 card per page

#

so the stuff im working on now is the laptop/computer/tablet view

serene sierra Aug 18, 2018, 12:46 PM

#

cool trying same 😄

wheat current Aug 18, 2018, 12:47 PM

#

@serene sierra if there is changes for LL in 76, no one has done a changelog for it yet

buoyant skiff Aug 18, 2018, 12:48 PM

#

yeah documenation on 76 has been bad at best

#

@serene sierra to make things stick better do em or px when placing stuff that is what ive been doing

#

and if your gonna have long text that you want to split over serveral lines dont use state-label

#

cause that contains white-space: nowrap

#

only use % if you truly want to center stuff 😃 when aligning

#

thats some common sense tips from me atleast

#

will make for less headaches

serene sierra Aug 18, 2018, 12:51 PM

#

@buoyant skiff but which size pick if it not a panel? and i was try using right: 2em i dunno why it return different effect

buoyant skiff Aug 18, 2018, 12:52 PM

#

so you want regular cards ?

#

like smaller onces ?

#

yeah 2em on smaller areas isnt gonna be that noticeable

#

but on huge areas your gonna see the differance

serene sierra Aug 18, 2018, 12:54 PM

#

in first row i use left: 3.7em and right: 0em for having same area from both sides

📎 Screen_Shot_2018-08-18_at_07.52.07.png

buoyant skiff Aug 18, 2018, 12:54 PM

#

ahh

#

using transform: none

#

?

serene sierra Aug 18, 2018, 12:56 PM

#

i will try thanks

buoyant skiff Aug 18, 2018, 12:56 PM

#

np

buoyant skiff Aug 18, 2018, 1:13 PM

#

share that so far the toolbar on top cant just be edited

#

https://loading.io/pattern/rain

#

would love to have this in the toolbar 😛

#

or this

#

https://loading.io/pattern/firefly

#

as a texture for the toolbar

cobalt pendant Aug 18, 2018, 1:46 PM

#

quick question folks, should lovelace be loading in the ios mobile app?

#

or is this not supported yet?

subtle rune Aug 18, 2018, 1:47 PM

#

@cobalt pendant Works just fine in ios app

cobalt pendant Aug 18, 2018, 1:48 PM

#

@subtle rune thanks. very odd I have set lovelace to default

#

but I just get the old version in the app

subtle rune Aug 18, 2018, 1:48 PM

#

On your phone? It's per device

cobalt pendant Aug 18, 2018, 1:48 PM

#

oh

#

😐

subtle rune Aug 18, 2018, 1:48 PM

#

You also might have to quit the app and open again to get it

cobalt pendant Aug 18, 2018, 1:49 PM

#

do you know where you select it as default?

#

ignore that

#

found it!

buoyant skiff Aug 18, 2018, 2:00 PM

#

An awesome themometer pack for templating 😃

📎 thermometer-.zip

cobalt pendant Aug 18, 2018, 2:00 PM

#

@subtle rune all working now thank you

buoyant skiff Aug 18, 2018, 2:01 PM

#

now to get started templating the icons so the changes based on state

cobalt pendant Aug 18, 2018, 2:48 PM

#

@buoyant skiff I am looking at the same thing, having issues with defining only an off state

#

(want the ON to be default)

#

figure it out! - define in customize.yaml and it only shows when OFF

buoyant skiff Aug 18, 2018, 3:06 PM

#

simpler thing is to do a template sensor

kind shellBOT Aug 18, 2018, 3:07 PM

#

@buoyant skiff posted a message that is more than 15 lines. It is now available at: https://hastebin.com/ehojikohoh

buoyant skiff Aug 18, 2018, 3:07 PM

#

bah feek

#

thought it was under

#

anyways look at that template

#

thats how you do dynamic icons @cobalt pendant

#

or alteast one of the ways

cobalt pendant Aug 18, 2018, 3:13 PM

#

could you help with the boolean statement for or?

#

value_template: "{{ is_state('media_player.denon', 'on') }}"

#

want it to be 'on' or 'playing'

undone egret Aug 18, 2018, 4:12 PM

#

"{{ is_state('media_player.denon', 'on') or is_state('media_player.denon', 'playing') should work

buoyant skiff Aug 18, 2018, 4:13 PM

#

already solved 😄 in #330944238910963714 @undone egret the user asked there instead

undone egret Aug 18, 2018, 4:13 PM

#

sorry

buoyant skiff Aug 18, 2018, 4:14 PM

#

well atleast they got comformation now 😛

dense roost Aug 18, 2018, 4:54 PM

#

Is there an official kiosk mode coming? The hack was nice, but the layout updates after a few seconds and it just looks bad when it happens

buoyant skiff Aug 18, 2018, 5:06 PM

#

dunno the custom hack works

#

so just wait and see

dense roost Aug 18, 2018, 5:52 PM

#

using vertical-stack-in-card custom card, I change something in the custom card's JS and get a red error saying the custom element doesn't exist, I hit ctrl-z to undo the only thing I've changed, save, update incrementing file name, still get the same error.... i don't understand.

polar kelp Aug 18, 2018, 6:12 PM

#

Browser log might be more helpful with missing elements

midnight monolith Aug 18, 2018, 6:18 PM

#

has anybody already created a horizontal card where one could style the width's of each column?

#

so a horizontal card with two cards in it, first one 2/3, second one 1/3

polar kelp Aug 18, 2018, 6:21 PM

#

Not that I know of. Not sure it is wise. A card might expect to be 300-500 px wide.

#

You can do quarters with normal horizontal-stack, though

midnight monolith Aug 18, 2018, 6:46 PM

#

ok, thx for the input

#

I managed to do something... it ain't pretty though

#

regarding your input of quarters: can I do 3/4 and 1/4?

buoyant skiff Aug 18, 2018, 9:22 PM

#

📎 unknown.png

#

sunhours complete 😄

viral sorrel Aug 18, 2018, 10:49 PM

#

is there a lovelace changelog for 0.76 anywhere?

wheat current Aug 18, 2018, 10:54 PM

#

Did anything change?

cobalt pendant Aug 18, 2018, 10:54 PM

#

is it possible to force the order of tiles within Lovelace?

mild veldt Aug 18, 2018, 10:56 PM

#

@cobalt pendant horizontal stacks within a single vertical stack with the view set to be a panel

cobalt pendant Aug 18, 2018, 10:57 PM

#

@mild veldt stacks, thats a new one on me. I didnt know that existed

mild veldt Aug 18, 2018, 10:58 PM

#

They are in the official docs

cobalt pendant Aug 18, 2018, 11:04 PM

#

found the doc thanks

prime umbra Aug 18, 2018, 11:13 PM

#

@polar kelp can your custom cards work with the custom updater ?

cobalt pendant Aug 18, 2018, 11:21 PM

#

@mild veldt really stuggling with getting this working... I have a view called 'home'

#

it contacts a lot of different types:

#

but only one cards:

#

should I have more than one cards: for a view?

mild veldt Aug 18, 2018, 11:22 PM

#

I am drunk at a music festival right now. So I probably won’t be much help

cobalt pendant Aug 18, 2018, 11:22 PM

#

haha no worries

#

enjoy 😄

dense roost Aug 19, 2018, 5:27 AM

#

The .76 podcast is out

granite prawn Aug 19, 2018, 8:24 AM

#

hey guys

#

im getting a new message on LL after updating to .76

#

Do you want to save this login?

#

it doesnt go away even if i click on yes

#

any clue how to get rid of it?

buoyant skiff Aug 19, 2018, 8:35 AM

#

#330944238910963714

#

its the auth system

#

not lovelace

granite prawn Aug 19, 2018, 8:35 AM

#

ahh okay

#

i wasnt sure, thats why i posted here

#

thanks @buoyant skiff

timid burrow Aug 19, 2018, 8:37 AM

#

It’s a bug. Will be fixed in next

dense roost Aug 19, 2018, 9:49 AM

#

Fun https://imgur.com/a/srlWtvN

sudden lion Aug 19, 2018, 9:52 AM

#

Nice

#

@dense roost want to share the pictures you have used? 😃

buoyant skiff Aug 19, 2018, 9:54 AM

#

nice 😄

#

not the first person to ask that sjabby

#

@dense roost did you try state-elements ?

#

for text

dense roost Aug 19, 2018, 10:12 AM

#

@sudden lion :) these ones I actually got free freepik.com. sometimes I create my own, sometimes I edit other people's vector images.

#

@buoyant skiff I haven't yet I was working on my custom card the last couple days trying to figure things out.

#

@buoyant skiff trying to think of what I would use it for

buoyant skiff Aug 19, 2018, 10:22 AM

#

well you are gonna have text at some point right ?

dense roost Aug 19, 2018, 10:38 AM

#

Oh I got some ideas

buoyant skiff Aug 19, 2018, 10:45 AM

#

hehe good

rigid harness Aug 19, 2018, 11:17 AM

#

@dense roost : care to share how you got the scrolling top row?

dense roost Aug 19, 2018, 11:18 AM

#

@rigid harness its a custom card I'm working on. I should release it soon, it just needs a little more work

rigid harness Aug 19, 2018, 11:18 AM

#

@dense roost looks awesome! Please share when you have something working!

dense roost Aug 19, 2018, 11:19 AM

#

Will do!

buoyant skiff Aug 19, 2018, 11:22 AM

#

📎 unknown.png

#

added new sensors time spent at home and work got a remake along with a distance sensor that tracks the distance from device tracker to location

buoyant skiff Aug 19, 2018, 12:52 PM

#

better the other way around 😄

📎 unknown.png

vapid field Aug 19, 2018, 2:19 PM

#

https://i.gyazo.com/a6a72ac5ce1eaa48e0be2893922f58d8.png

#

anybody perhaps know why my lovelace isn't accepting buienradar?

#

works fine with darksky but I find darksky to be very inaccurate

buoyant skiff Aug 19, 2018, 2:20 PM

#

isnt getting a state from it

vapid field Aug 19, 2018, 2:20 PM

#

yeah but I can't figure out why

#

it's two lines of code

#

weather:

platform: buienradar

#

and

#

type: weather-forecast
entity: weather.buienradar

buoyant skiff Aug 19, 2018, 2:21 PM

#

check dev-info and see if it has a state

vapid field Aug 19, 2018, 2:23 PM

#

it has a state

#

working fine

#

but it's called differently here

#

weather.br_unknown_station

#

I think that's the problem

buoyant skiff Aug 19, 2018, 2:24 PM

#

then thats not a lovelace issue

vapid field Aug 19, 2018, 2:24 PM

#

ok so yeah that fixed it

#

true

#

but thanks

#

😃

buoyant skiff Aug 19, 2018, 2:25 PM

#

np

#

hope you get it working

gilded plume Aug 19, 2018, 3:58 PM

#

@vapid field its indeed that sensor nameyou need to use ->

type: weather-forecast
entity: weather.br_unknown_station

rotund island Aug 19, 2018, 4:05 PM

#

I‘ve tried setting a background to a view and i‘m just unable to succeed. I‘v tried the example from the lovelace page but it didn‘t work

cobalt pendant Aug 19, 2018, 4:07 PM

#

can anyone help with adding a IP camera view to lovelace? Working fine in the regular UI, but could do with a pointer adding it to lovelace?

buoyant skiff Aug 19, 2018, 4:17 PM

#

coalfield is the camera added to config ?

#

if not #330944238910963714 if it is then check picture-entity

cobalt pendant Aug 19, 2018, 4:28 PM

#

@buoyant skiff its in homeassistant and working, just not in lovelace (it is not automatic)

buoyant skiff Aug 19, 2018, 4:28 PM

#

automatic ?

cobalt pendant Aug 19, 2018, 4:29 PM

#

in the old dashboard after adding to config it appears on the dashboard

#

(at least the man all inclusive one)

buoyant skiff Aug 19, 2018, 4:30 PM

#

lets start with the basics

cobalt pendant Aug 19, 2018, 4:30 PM

#

for picture-entity do I add the full URL?

buoyant skiff Aug 19, 2018, 4:30 PM

#

is there an entry for the camera in ui-lovelace.yaml ?

cobalt pendant Aug 19, 2018, 4:30 PM

#

in ```
image: /local/bed_light.png

#

no thats what I am trying to add 😃

buoyant skiff Aug 19, 2018, 4:31 PM

#

camera_image: camera.blah

cobalt pendant Aug 19, 2018, 4:32 PM

#

ah I have got it working

#

      - type: picture-entity
        entity: camera.nursery_camera

buoyant skiff Aug 19, 2018, 4:32 PM

#

its all there in the docs you just missed it

#

to hide the black overlay with the name

#

you can do

#

show_name: false

cobalt pendant Aug 19, 2018, 4:37 PM

#

thank you

#

Do you know if there is any way to make the title of an entity a URL / shortcut to the room?

buoyant skiff Aug 19, 2018, 4:44 PM

#

yes navigate

#

also in the docs

#

you set it on toggle

cobalt pendant Aug 19, 2018, 4:48 PM

#

can this be done on a 'entities' type?

split granite Aug 19, 2018, 4:48 PM

#

https://www.home-assistant.io/lovelace/entities/ ?

buoyant skiff Aug 19, 2018, 4:50 PM

#

with picture entites yes

#

again its all in the docs

#

i suggest you take the time to read it

cobalt pendant Aug 19, 2018, 4:56 PM

#

Thanks I will keep playing and reading (but yes I am reading), but am not always understanding

tacit cave Aug 19, 2018, 5:05 PM

#

we have release notes for changes in lovelace 0.76, I checked pins, nothing there

wheat current Aug 19, 2018, 5:06 PM

#

question or statement? 🤔

split granite Aug 19, 2018, 5:06 PM

#

I see the docs were finally updated the the 0.75 changes though - so maybe when 0.77 comes out 😛

tacit cave Aug 19, 2018, 5:07 PM

#

haha, its a question!

#

but, i'm guessing it's now a statement?

wheat current Aug 19, 2018, 5:07 PM

#

Looks like it 😃

#

Did anything change?

tacit cave Aug 19, 2018, 5:07 PM

#

no clue, thought i'd ask here

cedar coyote Aug 19, 2018, 6:40 PM

#

frontend_latest/app-2ca9355c.js:2:12805 Uncaught TypeError: t.forEach is not a function
Can someone point me in a direction, what I have to change and how to get Lovelae up and running again?

midnight monolith Aug 19, 2018, 6:58 PM

#

First draft of the perfect alarm clock... it adapts based on conditions, ...

#

https://imgur.com/a/MWSZM7N

#

Any idea how I could remove the header of the weather card, so where it says YWeather?

buoyant skiff Aug 19, 2018, 7:01 PM

#

thats huge

cedar coyote Aug 19, 2018, 7:02 PM

#

Coping data is always tricky, especially when you have doubles due to coping. Well got it going again.

icy robin Aug 19, 2018, 9:25 PM

#

Does anyone know of a working example (or can provide some guidance) on how to incorporate the vaadin-date-picker into a custom card?

icy robin Aug 19, 2018, 10:42 PM

#

Forget that...didn't realize I could just re-use the component used by frontend, and not have to re-import in the custom element..

dense roost Aug 19, 2018, 11:50 PM

#

@midnight monolith beautiful, I'd be interested to know when you release it

dense roost Aug 20, 2018, 3:36 AM

#

Picture elements light bar http://imgur.com/a/NvIeJw5

mild veldt Aug 20, 2018, 4:50 AM

#

Well now I need lights with color...

dreamy flint Aug 20, 2018, 5:05 AM

#

Is there a way to make the cards larger? I have a DarkSky card that shows some weather information, but I'd like it to be larger and use icons instead of text for i.e. humidity

buoyant skiff Aug 20, 2018, 5:38 AM

#

panel: true

#

morning

#

☕

dreamy flint Aug 20, 2018, 5:48 AM

#

@buoyant skiff When I tried that it just put everything to the left of the screen and messed up my vertical cards

#

Maybe I did something wrong.. (highly likely)

buoyant skiff Aug 20, 2018, 5:49 AM

#

didnt say it was perfect you probly need to rework em

dreamy flint Aug 20, 2018, 5:51 AM

#

Ah 😃 Just tested it again, and I remembered wrong.. It makes the card take up all the space, from left to right. But it doesn't help with the icons instead of text

buoyant skiff Aug 20, 2018, 5:53 AM

#

there is another weather card coming soon @north spear is working on one

polar kelp Aug 20, 2018, 6:15 AM

#

📎 colorglance_unarmed.png

#

📎 colorglance_armed.png

#

Glance card with a background color taken from the current theme. Yay or nay?

buoyant skiff Aug 20, 2018, 6:25 AM

#

looks decent 😃

#

clean

dreamy flint Aug 20, 2018, 6:54 AM

#

Looks good @polar kelp but I'd still think icons instead of text would make it look more clean

polar kelp Aug 20, 2018, 6:55 AM

#

Yeah. I just wanted to see if it could work with text too.

dreamy flint Aug 20, 2018, 6:56 AM

#

How did you get your weather prediction to show days? Mine will only shows the next couple of hours

polar kelp Aug 20, 2018, 7:02 AM

#

Depends on the service, it seems. Darksky shows hours, yahoo shows days

buoyant skiff Aug 20, 2018, 7:06 AM

#

yahoo is pretty decent

#

using that one also

#

although i got a diffrent take on the forecast and showing it

#

like summary instead of just stats

#

📎 unknown.png

dreamy flint Aug 20, 2018, 7:09 AM

#

DarkSky have that as well, it's neat.

#

Hm.. units are set to SI, but it shows 12h time format.. fail

buoyant skiff Aug 20, 2018, 7:10 AM

#

well that summary isnt just yahoo its also minutecast so i get the weather predictions for the next 120 min

polar kelp Aug 20, 2018, 7:11 AM

#

24 hour clock isn't defined in SI. It is in ISO, though

#

ISO 8601. The most important one.

dreamy flint Aug 20, 2018, 7:12 AM

#

Yep, but defining SI units at least shouldn't show 12h time format

#

Should only be for US

polar kelp Aug 20, 2018, 7:13 AM

#

As far as I'm concerned, nothing should show 12h time...

dreamy flint Aug 20, 2018, 7:13 AM

#

As far as I'm concerned, no one should use imperial units 😄

#

Is there no way to make darksky show 24 hour format in lovelace?

#

Can't see anything in the documentation about this

buoyant skiff Aug 20, 2018, 7:27 AM

#

#330944238910963714

#

😛

stable swift Aug 20, 2018, 7:30 AM

#

hello!

#

entities are found in the <> - is that correct?

buoyant skiff Aug 20, 2018, 7:31 AM

#

yes

#

so if you want to include a sensor

stable swift Aug 20, 2018, 7:31 AM

#

type: entities
title: Front Door Cam
show_header_toggle: true
entities: camera.front_door

#

why is this wrong?

buoyant skiff Aug 20, 2018, 7:32 AM

#

its wrong on so many levels

stable swift Aug 20, 2018, 7:32 AM

#

📎 Screen_Shot_2018-08-20_at_5.29.08_pm.png

#

it is a ip cam

#

haha

#

thats my style

buoyant skiff Aug 20, 2018, 7:32 AM

#

yeah well i suggest you ditch it and reread the lovelace documention

#

the part you want is picture-entity

#

https://www.home-assistant.io/lovelace

dreamy flint Aug 20, 2018, 7:33 AM

#

@buoyant skiff was the "#homeassist" comment for me? My HA is in 24h, but darksky in lovelace isn't

buoyant skiff Aug 20, 2018, 7:36 AM

#

it shouldnt since it only grabs the value from ha

#

so if its correct in ha then its should be correct in lovelace

#

unless your using custom cards to display it

#

then the custom card might have additional stuff

dense roost Aug 20, 2018, 7:38 AM

#

@mild veldt made it work with non-color lights and will use user defined colors for on and off 😄

stable swift Aug 20, 2018, 7:39 AM

#

working, thanks!

dreamy flint Aug 20, 2018, 7:39 AM

#

Nothing custom, Toast, just :

cards:
  - type: weather-forecast
    entity: weather.dark_sky

buoyant skiff Aug 20, 2018, 7:42 AM

#

no idea why it acts that way @dreamy flint

dense roost Aug 20, 2018, 7:42 AM

#

@dreamy flint did you import all of the data it needs in your configuration..yaml file? I know with the custom animated weather card it requires you add everything it wants like wind_speed, wind_bearing etc

buoyant skiff Aug 20, 2018, 7:43 AM

#

hes not using animated cards

#

hes using the built in stuff

dreamy flint Aug 20, 2018, 7:43 AM

#

My config has this:

weather:

platform: darksky
api_key: !secret darksky_api
units: si

stable swift Aug 20, 2018, 8:54 AM

#

how do I know what type of Card something will be?

buoyant skiff Aug 20, 2018, 8:59 AM

#

well thats also in the docs

#

but its common sense that anything that displays an image etc uses picture

#

and the stuff thats only text is simple entities

dense roost Aug 20, 2018, 9:05 AM

#

@stable swift https://www.home-assistant.io/lovelace/ scroll down to the bottom to the cards section, each of those links will tell you what the card type is on those pages.

#

And if there's a sub card type it will tell you what it is

stable swift Aug 20, 2018, 9:06 AM

#

going though them

#

a lot to take in

dense roost Aug 20, 2018, 9:07 AM

#

It is, you'll get there though

buoyant skiff Aug 20, 2018, 9:10 AM

#

thats the route we all went

#

kinda goes with what Dale3h said in #rules

daring schooner Aug 20, 2018, 11:46 AM

#

https://cdn.discordapp.com/attachments/451310544318627850/481066444445057034/unknown.png

#

I am really pulling my hair out on this one

#

New to Lovelace btw

#

Is anyone able to tell me where I might be getting this wrong?

empty heath Aug 20, 2018, 11:47 AM

#

Lol, this one is simple and stands out to me.

daring schooner Aug 20, 2018, 11:47 AM

#

I was hoping it would be somthing stupidly simple

empty heath Aug 20, 2018, 11:47 AM

#

@daring schooner Double check your spelling of the file name. 😃

daring schooner Aug 20, 2018, 11:48 AM

#

oh for shits sake

empty heath Aug 20, 2018, 11:48 AM

#

😂 😂 😂 😂 😂 😂

daring schooner Aug 20, 2018, 11:48 AM

#

I'm just gonna go cry now

empty heath Aug 20, 2018, 11:48 AM

#

It happens to the best of us man, don't fret it.

#

I've seriously had it happen more times than I care to admit. Having another set of eyes take a look is usually pretty helpful.

daring schooner Aug 20, 2018, 11:49 AM

#

Thanks guys... I know it would be something simple

empty heath Aug 20, 2018, 11:50 AM

#

Indeed, glad to be of assistance.

dense roost Aug 20, 2018, 11:58 AM

#

@daring schooner man I've done that and then asked for help too hahaha

buoyant skiff Aug 20, 2018, 12:22 PM

#

i heard clean enerfy is the way to go

#

😛

#

@north spear any progress on that animated weather card or have you been super busy ?

north spear Aug 20, 2018, 12:32 PM

#

@buoyant skiff world of warcraft bfa launched, so I kind of was away 😃 I'll probably get some time to look at it during my down time at work this week (i'm not taking cigarette breaks, so using that time for open source)

buoyant skiff Aug 20, 2018, 12:32 PM

#

loooool

#

k

#

good to know

north spear Aug 20, 2018, 12:32 PM

#

it's a tough one because I need to migrate it from jquery

#

and I lost some time investing in stenciljs which turned out to not be what I actually needed

buoyant skiff Aug 20, 2018, 12:33 PM

#

yeah i knew it wasnt gonna be easy

north spear Aug 20, 2018, 12:33 PM

#

not sure tho how it will integrate with the UI

#

because the current card has animation outside of the card itself

#

if you look at samples

buoyant skiff Aug 20, 2018, 12:33 PM

#

yeah

north spear Aug 20, 2018, 12:33 PM

#

but hey, one step at a time, to have it working with basics first 😃

buoyant skiff Aug 20, 2018, 12:33 PM

#

indeed 😃

#

well that explains your asbstense from this channel atleast 😛

north spear Aug 20, 2018, 12:34 PM

#

yeah 😃

buoyant skiff Aug 20, 2018, 12:35 PM

#

never expected it to be wow however 😛

north spear Aug 20, 2018, 12:37 PM

#

A big release every two years, worth a week of holiday to enjoy the experience and awesome cut scenes

#

I think they have now almost worth 1 hour of cinematics, but anyway, offtopic for the channel

#

I've seen that 0.76 doesn't have much lovelace updates

buoyant skiff Aug 20, 2018, 12:39 PM

#

nope not alot was all auth

#

but ill keep grinding on my interface 😄

#

got so much stuff going on the greeter card its insane now

lapis oriole Aug 20, 2018, 12:54 PM

#

@north spear Missed your presence and effort 😉

north spear Aug 20, 2018, 12:55 PM

#

I'll be back in september probably with more full speed

empty heath Aug 20, 2018, 12:57 PM

#

I'm really hoping an SVG slideshow can be used as a background image 😮 https://sendeyo.com/up/d/e8fc778614

wheat current Aug 20, 2018, 12:58 PM

#

That should be possible

#

it was not 😦

empty heath Aug 20, 2018, 1:04 PM

#

I'll try to fix, 1 sec.

wheat current Aug 20, 2018, 1:06 PM

#

@empty heath all three images in that svg are from Unsplah, you can use this ;)
https://github.com/custom-components/camera.unsplash

empty heath Aug 20, 2018, 1:12 PM

#

Right, I was just trying something new 😛

#

And I was able to fix it.

#

Had to encode the images as base64 and include them as data URIs.

wheat current Aug 20, 2018, 1:14 PM

#

You can use base64 like this?
image: SUPERLONGBASE64URI

empty heath Aug 20, 2018, 1:14 PM

#

Yup.

#

https://svgur.com/i/7xW.svg

#

(view source)

#

It would be easy to write a script to "generate" these slideshows based on a directory of images. 😮

#

Here's a screenshot of it working.

📎 2018-08-20_08.17.13.gif

buoyant skiff Aug 20, 2018, 1:20 PM

#

that could be useful for galleries

#

for backgrunds is way to fast

empty heath Aug 20, 2018, 1:21 PM

#

Well, duh 😛 It was for proof of concept, silly! lol

buoyant skiff Aug 20, 2018, 1:21 PM

#

just thinking of ideas on where to use it in my head 😛

#

and yes i realize its a PoC

#

😛

#

was thinking untappd beer cards 😛

#

images of all my photos of beer

#

haha

wheat current Aug 20, 2018, 1:22 PM

#

noone is suprised by that 😛

empty heath Aug 20, 2018, 1:22 PM

#

It could be used anywhere you currently use camera.unsplash (however, camera.unsplash is a much cleaner implementation when you're using unsplash)

buoyant skiff Aug 20, 2018, 1:23 PM

#

yeah ludeeus implementation is solid

empty heath Aug 20, 2018, 1:23 PM

#

@buoyant skiff You could setup a python script to check the Untappd API for new beers you've checked in, and when it finds a new one it can download the image and rebuild the beer background.

buoyant skiff Aug 20, 2018, 1:23 PM

#

neat

wheat current Aug 20, 2018, 1:24 PM

#

How about I make a generic web img camera where you supply:

camera:
  platform: webimages
  images:
    - https://example.com/image1.jpg
    - https://example.com/image2.jpg
    - https://example.com/image3.jpg

?

empty heath Aug 20, 2018, 1:28 PM

#

Well, then how would you dynamically add an image to that (for example, when he checks in a new beer?) 😛

#

Maybe do it as a config entries implementation 😂

wheat current Aug 20, 2018, 1:29 PM

#

Can be done with a service ;)
service: webimages.add_url
{"url": "https://example.com/image4.jpg"}

empty heath Aug 20, 2018, 1:30 PM

#

Right, but how would you retain on restart?

wheat current Aug 20, 2018, 1:30 PM

#

good point 🤔

empty heath Aug 20, 2018, 1:31 PM

#

(that's why I said config entries)

#

Because that way you could use .storage (I think?)

#

Well, theoretically you could use it anyway.

wheat current Aug 20, 2018, 1:31 PM

#

I aint touching that with a 10ft pole (maybe in 10-15 versions)

empty heath Aug 20, 2018, 1:32 PM

#

Hahaha, it'd be just like having phue.conf or ios.conf or nest.conf or plex.conf files 😉