#frontend-archived | Home Assistant | Page 67

buoyant skiff Aug 7, 2018, 7:18 AM

#

https://hastebin.com/lobovetamu.bash

north spear Aug 7, 2018, 7:22 AM

#

I will have a look later

#

In meetings now

buoyant skiff Aug 7, 2018, 7:23 AM

#

ok 😃 no rush

proper carbon Aug 7, 2018, 8:22 AM

#

Hi all. I just started with Lovelace yesterday. It is awesome. I always felt separating the UI from the rest was needed - and it seems job very well done. Home assistant continues to get better and better.

#

I haven't seen any information or examples on reuse in Lovelace. For example: can the same card be reused in multiple views? Or what about icons associated with entity types. For example, currently the humidity from my Aeon sensor is appearing with an eye icon, when the nice water-percent would be more appropriate. It is clear I can set that icon for an entity in a particular card in my lovelace config, but I will have to set it everywhere I want to show that data, and also for any other humidity sensors I might have. I'm fine doing that, but I just want to make sure there is not a better approach out there.

buoyant skiff Aug 7, 2018, 8:41 AM

#

.awesome

kind shellBOT Aug 7, 2018, 8:41 AM

#

Awesome Home Assistant - A curated list of amazingly awesome Home Assistant resources. https://www.awesome-ha.com/

proper carbon Aug 7, 2018, 8:46 AM

#

was that for me @buoyant skiff ?

buoyant skiff Aug 7, 2018, 8:54 AM

#

nope just needed that link

wheat current Aug 7, 2018, 9:03 AM

#

@proper carbon you can set custom icons in customize.yaml

#

those will be used everywhere

proper carbon Aug 7, 2018, 9:08 AM

#

@wheat current That crossed my mind, though my thinking was maybe customize was the old way, and there might be some new Lovelace way. I'll put the defaults in customize then. Thanks for confirming.

buoyant skiff Aug 7, 2018, 9:23 AM

#

📎 unknown.png

polar kelp Aug 7, 2018, 9:51 AM

#

@proper carbon: https://github.com/thomasloven/homeassistant-lovelace-gen This helps with reuse, but !include file also works for now, I think.

buoyant skiff Aug 7, 2018, 9:53 AM

#

might break soon

polar kelp Aug 7, 2018, 9:59 AM

#

The built-in !include, yes, probably. Not lovelace-gen.
Just to be clear.

proper carbon Aug 7, 2018, 10:08 AM

#

thanks @polar kelp ; that is a good answer. Do you know if they replace !include file with an alternative? Is one big file seen as being better?

polar kelp Aug 7, 2018, 10:10 AM

#

The plan is to introduce a graphical interface for configuring lovelace. lovelace-ui - or a simmilar file - will still be there, but generated automatically, which makes it hard to keep the include functionality working well. Therefore it's to be removed.

#

I believe you will still be able to edit lovelace-ui yourself, though. So this script should keep working

proper carbon Aug 7, 2018, 11:27 AM

#

Got you. It is a few years ago now, but I remember a frustrating experience using Openhab after it went down this route. No doubt the have improved it a lot since then, but sometimes a config file is easier to understand than a UI - just my $0.02

north spear Aug 7, 2018, 11:37 AM

#

It will not be mutually exclusive

split granite Aug 7, 2018, 11:38 AM

#

What, we're not moving to encrypted binary blobs for storing the config? But that's worked soo well for other platforms 😛

wheat current Aug 7, 2018, 11:40 AM

#

To get started just add this in your platform pool

rOGJ29OdeWOeVziqEaQwrtVOD+Y8jge8OpfHWj53JAQ=

polar kelp Aug 7, 2018, 11:45 AM

#

Your BC wallet?

wheat current Aug 7, 2018, 11:46 AM

#

256bit AES of:

sensor:
  - platform: test 
``` 😛

subtle rune Aug 7, 2018, 12:04 PM

#

@polar kelp Do you know if it's possible to use your gen inside hass.io?

polar kelp Aug 7, 2018, 12:08 PM

#

No, I don't. Can you ssh into hass.io?

#

It uses a package - pyyaml - which isn't default, but is installed with homeassistant. So if you can run python commands in the same environment as hass it should be possible, I guess.

#

Don't really know how hass.io works at all, really. Decided against it because there was no mysensors module back in the day...

wheat current Aug 7, 2018, 12:14 PM

#

if you convert it to and component that exposes a service for generating the file, folks could set up a folder watcher triggering the generator, that would also work (be easy) for hassio folks 😃

fair hamlet Aug 7, 2018, 12:15 PM

#

@subtle rune hass.io by it's nature is pretty locked up.
If you load the ssh package, you can get a CLI, but it mostly for hass.io manager.
There is a documented hack, but hass.io is running in docker containers. You have to join the correct one.

subtle rune Aug 7, 2018, 12:16 PM

#

@fair hamlet I know that, but ppl find ways 😉

polar kelp Aug 7, 2018, 12:17 PM

#

Feel free to experiment and let me know if you find a way.

subtle rune Aug 7, 2018, 12:17 PM

#

I will try!

wheat current Aug 7, 2018, 12:17 PM

#

https://s3.amazonaws.com/sitecdn/quotepictures-cdn/uploads/Yoda-Do-or-do-not-there-is-no-try1.jpg

polar kelp Aug 7, 2018, 12:17 PM

#

Also, only a sith deals in absolutes...

wheat current Aug 7, 2018, 12:18 PM

#

touché 😂

fair hamlet Aug 7, 2018, 12:19 PM

#

@subtle rune https://community.home-assistant.io/t/ssh-hassio/30775/4

subtle rune Aug 7, 2018, 12:20 PM

#

I have installed Hass.io manually in Docker, I wonder if that means I could reach the files if I ssh into my nuc instead 🤔

polar kelp Aug 7, 2018, 12:21 PM

#

Probably. If so, you just need to pip install pyyaml and you're good to go

fair hamlet Aug 7, 2018, 12:21 PM

#

I would assume if you can join the hass.io container, then you can join any other as needed. I am running hass.io on a VM.

wheat current Aug 7, 2018, 12:21 PM

#

Put the py file in your config dir, make a shell_command to execute it

subtle rune Aug 7, 2018, 12:22 PM

#

Should that be it? I will try at once

fair hamlet Aug 7, 2018, 12:23 PM

#

I could connect to both hass.io and hass container from the VM terminal CLI

subtle rune Aug 7, 2018, 12:43 PM

#

Can report back that @wheat current suggestion worked perfectly! Now I can finally split my file a bit...

#

Maybe we should write how to use in hass.io in the readme for the gen, @polar kelp ?

#

I can fork and make a pr if you want to

polar kelp Aug 7, 2018, 12:53 PM

#

sure

#

I just got an idea. The !resouce command in the generator copies the specified file into www/lovelace and replaces it with a link. If it also renamed the file randomly you wouldn't need to clear the cache when updating a script.

subtle rune Aug 7, 2018, 12:59 PM

#

The generator doesn't work with the card tracker and updater, @wheat current is going to look at that

#

Maybe cooperate on the matter 😃

fair hamlet Aug 7, 2018, 1:00 PM

#

@subtle rune not sure what the tool is you are talking about, but would it be better to make a hass.io add-on? Never messed with it.

polar kelp Aug 7, 2018, 1:02 PM

#

The tracker and updater requires the ?v=x.x trick, I suppose... I guess I could take a look at that as well at some point.

subtle rune Aug 7, 2018, 1:03 PM

#

Nah this is so small, no addon needed.

#

@polar kelp Pr with hassio info 😃

polar kelp Aug 7, 2018, 1:19 PM

#

Cool! My first PR!

subtle rune Aug 7, 2018, 1:21 PM

#

😄

pliant pulsar Aug 7, 2018, 3:06 PM

#

Hello guys, can i fragment ui-lovelace.yaml

mild veldt Aug 7, 2018, 3:38 PM

#

scroll up about 20 lines. lots of discussion about it

dense roost Aug 7, 2018, 4:18 PM

#

@pliant pulsar yes but that's being taken out soon so I wouldn't

halcyon mantle Aug 7, 2018, 4:21 PM

#

can one use an svg in a picture-element card - type: picture-elements image: /images/floorplan/floorplan2.svg

mild veldt Aug 7, 2018, 4:29 PM

#

@dense roost use of the generator from @polar kelp should continue to work if !include is removed

#

@halcyon mantle try it out

halcyon mantle Aug 7, 2018, 4:30 PM

#

i did, the result was not what I excpected....

#

First time creating an svg - so not sure if it is something I did wrong...

mild veldt Aug 7, 2018, 4:32 PM

#

try downloading an svg instead and using that

#

should answer your 2nd question

halcyon mantle Aug 7, 2018, 4:50 PM

#

@mild veldt - Good idea!

#

Do you guys have a shortcut determining the percentages where to place image on that card, or is it a guessing game?

split granite Aug 7, 2018, 4:51 PM

#

https://github.com/ciotlosm/custom-lovelace/tree/master/plan-coordinates

mild veldt Aug 7, 2018, 5:02 PM

#

@halcyon mantle I recommend using transform: none in your style if you want the placement to be consistent on different screen sizes and unfortunately that does make it so plan-coordinates values are different than what are needed. Perhaps we can fix that as a configuration to plan-coordinates

buoyant skiff Aug 7, 2018, 5:03 PM

#

📎 IMG_20180807_190303.jpg

#

Cheers people

halcyon mantle Aug 7, 2018, 5:05 PM

#

@mild veldt Not 100% sure what I should do, but I will read up - Tonight is my first time fiddling with the picture-elements card

mild veldt Aug 7, 2018, 5:15 PM

#

Checkout https://sharethelove.io/cards for some examples

alpine mason Aug 7, 2018, 5:25 PM

#

Hi there! I tried different method to add custom css into homeassistant (include css resource and html resource with inline style). I turned out that none of them work on safari. It seems to block dynamically loaded css. As anyone used custom css?

mild veldt Aug 7, 2018, 5:37 PM

#

I haven't used css as a resource but use it within style quite often, but don't use Safari

#

Is it just Safari having issues?

#

Have you tried other browsers?

alpine mason Aug 7, 2018, 5:37 PM

#

Firefox on mobile isn't working either

mild veldt Aug 7, 2018, 5:38 PM

#

Can you post a snippet on hastebin to share?

#

of your configuration

alpine mason Aug 7, 2018, 5:39 PM

#

Actually, it's not working with chrome 😦 Only in Firefox web.

#

https://pastebin.com/FbaNWEub

#

I tried the 2 calls, with css and html. Files are loaded in the app, but the css styles are just ignored.

mild veldt Aug 7, 2018, 5:45 PM

#

try adding !important ?

alpine mason Aug 7, 2018, 5:45 PM

#

Css rules are really ignored. They don't show up in styles inspector. I tried !important

#

Yet, I can see my css file in element inspector and the file is loaded

mild veldt Aug 7, 2018, 5:46 PM

#

when you say ignored, you see them but struck out or just not there?

#

okay

alpine mason Aug 7, 2018, 5:46 PM

#

Just not there...

#

I feel the problem come from loading css file after the page is loaded

#

But I may be wrong ?

mild veldt Aug 7, 2018, 5:48 PM

#

i don't know how proven the loaded of css /html resources is. I would suggest adding to style on elements to verify a small portion and if that works file a bug report

#

oh this is on a glance card...i don't think css is applied at all to that card. I'm surprised you say that ff is working

#

I was under the impression on picture-elements supported css styling

#

*only

#

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

#

https://www.home-assistant.io/lovelace/picture-elements/#how-to-use-the-style-object

alpine mason Aug 7, 2018, 5:50 PM

#

Actually, I made a theme and tried to change global css, including header, navigation etc.

#

So I tried to get my theme file loaded in any way when app is starting

#

I think I'll open a ticket. Thanks for your help

mild veldt Aug 7, 2018, 5:52 PM

#

Themes not through lovelace directly, perhaps the issue

#

https://www.home-assistant.io/components/frontend/

#

I don't think there has been an intention of allowing open CSS styling on a global scale beyond color themes

alpine mason Aug 7, 2018, 5:56 PM

#

I'm trying to add files in frontend right now, thanks for this idea

unreal musk Aug 7, 2018, 5:59 PM

#

hi all, is it possible to embed a <script> tag using lovelace? Would like to integrate the darksky.net widgets because they are so pretty 😃 https://darksky.net/widgets/smalldetailed

north spear Aug 7, 2018, 6:06 PM

#

@unreal musk juse use resources like nay other custom cards,

#

it will automatically load and execute the javascript

#

no need for <script> tag

unreal musk Aug 7, 2018, 6:07 PM

#

so I should use this: https://developers.home-assistant.io/docs/en/lovelace_custom_card.html

north spear Aug 7, 2018, 6:09 PM

#

no

#

just this: https://www.home-assistant.io/lovelace#trying-it-out

#

resources:
  - url: https://darksky.net/widgets/smalldetailed
    type: module

alpine mason Aug 7, 2018, 6:10 PM

#

@mild veldt Well, I can't make the frontend method work either :/ Think my theme's gonna stay in the fridge for a moment... Thanks anyway

unreal musk Aug 7, 2018, 6:10 PM

#

ok thanks for the info, I looked a bit closer into the script and there's an url in there, so could probably just use picture glance/element !

buoyant skiff Aug 7, 2018, 6:11 PM

#

@north spear did u try the ui-lovelace.yaml I provided earlier today?

north spear Aug 7, 2018, 6:11 PM

#

@buoyant skiff no, I hurt my brains with webpack and trying to get thermostat modularized

#

can you ping it again ?

#

I wil try it now

#

I need a break

buoyant skiff Aug 7, 2018, 6:12 PM

#

Away camping today

#

Look for it in my history

north spear Aug 7, 2018, 6:12 PM

#

will do

buoyant skiff Aug 7, 2018, 6:12 PM

#

Awesome thanks

raven nacelle Aug 7, 2018, 6:14 PM

#

@north spear In the Darksky widget, where are you setting the location?

#

Or does it use the location configured in the config?

north spear Aug 7, 2018, 6:14 PM

#

no idea, I haven't actually checked Darksky yet

#

@buoyant skiff harder to reproduce your UI as I don't have all the sensors

#

what was the problem again ?

subtle rune Aug 7, 2018, 6:23 PM

#

@polar kelp The gen doesn't work at all with versioning of the resources?

polar kelp Aug 7, 2018, 6:24 PM

#

Give me an hour or two and I’ll ser what I can do.

subtle rune Aug 7, 2018, 6:25 PM

#

@wheat current talked about maybe making a pr for it, so you don't work on the same thing!

proud flax Aug 7, 2018, 6:27 PM

#

Anyone know how to get the AppleTv remote switch into lovelace ?

mild veldt Aug 7, 2018, 6:37 PM

#

@proud flax those are just service calls, right?

proud flax Aug 7, 2018, 6:38 PM

#

sorry, I'm pretty new to HomeAssistant, it just popped up, and yesterday I started with lovelace (awsome stuff)

buoyant skiff Aug 7, 2018, 6:38 PM

#

@north spear just get the unslash component

#

That's all u need

proud flax Aug 7, 2018, 6:39 PM

#

@mild veldt it's listed as remote.appletv

coarse monolith Aug 7, 2018, 6:39 PM

#

I have a conditional card that seems to leave a blank spot in the UI - anyone else seeing that?

mild veldt Aug 7, 2018, 6:40 PM

#

@proud flax there is no remote domain support yet that I know of. I don't have one. Try adding it to an entities card. You'll be able to bring up whatever more-info is available for it. Not sure what that looks like, to be honest

#

I have setup my own Roku remote in lovelace using picture-elements

#

but that's a bit different as there is no actual Roku remote component

#

I should make a Roku remote component (random thought)

proud flax Aug 7, 2018, 6:42 PM

#

@mild veldt it's just a on/off switch I tried adding it as a
- type: entities
title: AppleTV
entity: remote.appletv
but it just gives an error (Entities needs to be an array)

mild veldt Aug 7, 2018, 6:42 PM

#

just need to reformat

#

check the example again: https://www.home-assistant.io/lovelace/entities/#example

wheat current Aug 7, 2018, 6:43 PM

#

     - type: entities
        title: AppleTV
        entities: 
          - remote.appletv

mild veldt Aug 7, 2018, 6:43 PM

#

or cheat and use what @wheat current posted, lol

proud flax Aug 7, 2018, 6:44 PM

#

ah, I got it

#

working now

#

I though I had testet already

mild veldt Aug 7, 2018, 6:45 PM

#

so what does a remote look like in HA?

proud flax Aug 7, 2018, 6:45 PM

#

for someone who knows nothing about coding it's a bit confusing. I just copied what I used for my media_player:

#

@mild veldt thanks for help !! 😃

mild veldt Aug 7, 2018, 6:45 PM

#

hold on, i want a screenshot, lol

#

i'm generally curious as to what interaction you get with a remote

proud flax Aug 7, 2018, 6:46 PM

#

how do I post a image here ?

mild veldt Aug 7, 2018, 6:46 PM

#

imgur

proud flax Aug 7, 2018, 6:48 PM

#

https://imgur.com/a/ednC7pb

#

it's just a switch 😄

wheat current Aug 7, 2018, 6:49 PM

#

It's not even a switch.. the switch you see there are for all entities in that card 😛

mild veldt Aug 7, 2018, 6:49 PM

#

what do you get when you click it?

proud flax Aug 7, 2018, 6:49 PM

#

oh snap, your right

#

https://imgur.com/a/s88xb6j

#

I guess it will stil do the job though. If not I need to click on it to get to the switch

mild veldt Aug 7, 2018, 6:52 PM

#

lame, was hoping there was some kind of remote interface that I was unaware of

#

well, @proud flax with picture-elements you could build your own apple remote card to interact with

proud flax Aug 7, 2018, 6:53 PM

#

I have no plans to interact with it, I just need the switch so my automations work

mild veldt Aug 7, 2018, 6:53 PM

#

boo, you're no fun

proud flax Aug 7, 2018, 6:54 PM

#

my goal with Home Assistant is to use the UI as little as possible, and have it do all the work for me automatic

mild veldt Aug 7, 2018, 6:54 PM

#

@wheat current @north spear any idea how I could replace a more-info card for a media-player with a picture-elements card?

#

@proud flax that's cool, but why are you playing with lovelace then?

proud flax Aug 7, 2018, 6:55 PM

#

lovelace was a godsent in terms of cleaning up the userinterface and just adding the important stuff

mild veldt Aug 7, 2018, 6:55 PM

#

i see

#

boo

#

😃

wheat current Aug 7, 2018, 6:55 PM

#

Never used a more-info card, what does it do?

mild veldt Aug 7, 2018, 6:56 PM

#

the more-info overlay, I should say

wheat current Aug 7, 2018, 6:56 PM

#

Well in that case, what is the more-info overlay?

mild veldt Aug 7, 2018, 7:01 PM

#

what you get when you normally click on an entity, like what @proud flax posted: https://imgur.com/a/s88xb6j

#

I'm obviously not using the correct terminology 😃

buoyant skiff Aug 7, 2018, 7:09 PM

#

📎 IMG_20180807_210307.jpg

#

Beer on a mountain

#

Haha

#

Getting inspiration for my next card

proud flax Aug 7, 2018, 7:18 PM

#

anyone tried the bignumer-card ?

#

I tried adding it, but I just get an error saying the custom element does not exist

mild veldt Aug 7, 2018, 7:19 PM

#

did you follow the faq and add it as a resource?

#

https://github.com/ciotlosm/custom-lovelace#faq

proud flax Aug 7, 2018, 7:21 PM

#

yes

polar kelp Aug 7, 2018, 7:22 PM

#

What does your browser log say?

proud flax Aug 7, 2018, 7:22 PM

#

uhm, browser log ?

polar kelp Aug 7, 2018, 7:23 PM

#

What browser are you using?

proud flax Aug 7, 2018, 7:24 PM

#

found this in homeassitant log:
2018-08-07 19:08:27 ERROR (MainThread) [frontend.js.latest.201807200] http://192.168.10.201:8123/local/bignumber-card.js?v=1:7:1 Uncaught SyntaxError: Unexpected token <

calm rock Aug 7, 2018, 7:24 PM

#

Hi All,! , is it possible to use any png file , as an icon, on a picture elements card card?

#

instead , of only mdi: icons

proud flax Aug 7, 2018, 7:25 PM

#

@polar kelp chrome, I get an error in home assistant log (se above)

mild veldt Aug 7, 2018, 7:25 PM

#

@proud flax the faq covers that one

#

You didn't copy the RAW file

#

@calm rock yes

proud flax Aug 7, 2018, 7:26 PM

#

@mild veldt I just redownloaded it becuase I don't that mistake before

#

let me try again

mild veldt Aug 7, 2018, 7:27 PM

#

@calm rock well I don't know about "any". I guess a corrupt one would likely not work 😉

proud flax Aug 7, 2018, 7:27 PM

#

@mild veldt nope, just downloaded raw file again, same error

calm rock Aug 7, 2018, 7:27 PM

#

@mild veldt , but how to select the file ?, which element should i use in that case?

mild veldt Aug 7, 2018, 7:28 PM

#

i assume you were talking about icon-element as that is what you first referrenced

#

try just giving a path like you normally would for an image icon: local/test.png

#

I think it will work

calm rock Aug 7, 2018, 7:29 PM

#

yes , but that requires to be and mdi: icon

#

ok

mild veldt Aug 7, 2018, 7:29 PM

#

are you sure or just assuming that?

calm rock Aug 7, 2018, 7:30 PM

#

will , test your suggestion

mild veldt Aug 7, 2018, 7:30 PM

#

i mean, if anything just use image-element and all guessing is gone 😃

proud flax Aug 7, 2018, 7:31 PM

#

do I have to reboot HA after adding a js file ?

mild veldt Aug 7, 2018, 7:32 PM

#

no

proud flax Aug 7, 2018, 7:32 PM

#

oh, maybe now bumping the version number will be a good idea then 😄

#

that solved it, thanks for pointing me in the right direction

#

should be in the faq, when you downloaded the html version and re-downloaded the raw version, remember to bump the version number.

calm rock Aug 7, 2018, 7:43 PM

#

@mild veldt , tested , it doesnt work, only mdi:icons

#

will test image:element

mild veldt Aug 7, 2018, 7:44 PM

#

@proud flax go ahead and do a PR

polar kelp Aug 7, 2018, 7:44 PM

#

@subtle rune: Me and @wheat current are almost there. The generator is updated, only the tracker/updater left.

wheat current Aug 7, 2018, 7:45 PM

#

Running last tests on that now 😃

polar kelp Aug 7, 2018, 7:46 PM

#

Also, lovelace-gen now makes sure that any file included using !resource is automatically uncached between runs.

subtle rune Aug 7, 2018, 7:47 PM

#

Great! I will go to bed soon but can test tomorrow

mild veldt Aug 7, 2018, 7:47 PM

#

well it looks like i'm setting up lovelace-gen tonight 😃

proud flax Aug 7, 2018, 7:51 PM

#

@mild veldt I think I've done it correctly, that would be my first contribution on github 😄

mild veldt Aug 7, 2018, 7:52 PM

#

I just did my first about a week ago

#

Found some features I wanted in custom cards

#

Fun stuff

wheat current Aug 7, 2018, 7:59 PM

#

@mild veldt was just joking earlier with the 'more-info' dialogue, but got sidetracked with component update 😅

mild veldt Aug 7, 2018, 8:03 PM

#

well to make it up to me, tell me how to change it

wheat current Aug 7, 2018, 8:05 PM

#

Verry carefully 😉

#

What do you want to change it to?

proud flax Aug 7, 2018, 8:08 PM

#

After spending a couple of weeks setting up HomeAssistant, I must say Lovelace is awesome !

wheat current Aug 7, 2018, 8:09 PM

#

@proud flax If you use the custom_updater and tracker-card it will download the RAW and change the "version" tag for you automagically 😉

proud flax Aug 7, 2018, 8:10 PM

#

@wheat current thanks, I will check it out

mild veldt Aug 7, 2018, 8:13 PM

#

@wheat current I want to be able to click on my roku icon and have a remote overlay popup. Currently I'm redirecting to a different view of a remote

#

would prefer I didn't have to navigate away

wheat current Aug 7, 2018, 8:15 PM

#

using icon-element?

mild veldt Aug 7, 2018, 8:16 PM

#

yeah

wheat current Aug 7, 2018, 8:16 PM

#

Share that type part of your config

polar kelp Aug 7, 2018, 8:17 PM

#

I may be a bit biased, but this automatic cache invalidation is AWESOME!

wheat current Aug 7, 2018, 8:18 PM

#

You may be, but I totaly agree! 😄

#

You should scan for all files in the config and do the same 😃

#

example image: /local/transparent/small.png?v=28

polar kelp Aug 7, 2018, 8:20 PM

#

Put the image somewhere in lovelace/ and do image: !resouce path/small.png

#

Simple as that

wheat current Aug 7, 2018, 8:21 PM

#

🤦 ofc....

#

😛

mild veldt Aug 7, 2018, 8:21 PM

#

         - type: state-icon
            entity: media_player.office_tv
            tap_action: navigate
            navigation_path: /lovelace/office_tv

wheat current Aug 7, 2018, 8:22 PM

#

@mild veldt you tell it to go somewhere else..
remove the last two lines and you wil get the more-info dialogue 😉

mild veldt Aug 7, 2018, 8:22 PM

#

but I want a custom more-info

proud flax Aug 7, 2018, 8:22 PM

#

I found this awesome example site, but could someone explain where I put this code ?
https://home-assistant-lovelace-gallery.netlify.com/#demo-more-info-light

mild veldt Aug 7, 2018, 8:23 PM

#

navigating to /lovelace/office_tv is my way around that currently

#

I want to be able to view what I have on /lovelace/office_tv view within more-info

#

more or less

wheat current Aug 7, 2018, 8:24 PM

#

So you want a custom popup to host a custom layout?

mild veldt Aug 7, 2018, 8:24 PM

#

yes

wheat current Aug 7, 2018, 8:25 PM

#

Way beyond my skillset :P
Poke Maruis next time he is around 😃

polar kelp Aug 7, 2018, 8:25 PM

#

@proud flax That page is just a demo of how the more-info dialogs look. You can't adjust that yourself. I think...

mild veldt Aug 7, 2018, 8:25 PM

#

okay, thanks. I was able to do it with custom UI, but was hacky, for sure

proud flax Aug 7, 2018, 8:26 PM

#

@polar kelp oh, I was trying to add time status on my PIR, to see when they where last triggered.

#

the 24h time bar is not very practical

wheat current Aug 7, 2018, 8:27 PM

#

https://www.home-assistant.io/lovelace/entities/#secondary_info

proud flax Aug 7, 2018, 8:28 PM

#

@wheat current thanks, looks like a solution... testing..

wheat current Aug 7, 2018, 8:29 PM

#

give you this:

📎 unknown.png

buoyant skiff Aug 7, 2018, 8:29 PM

#

Burp

polar kelp Aug 7, 2018, 8:57 PM

#

huh. Is that new for .75?

#

.74 even. I need to keep up better with the changelogs.

calm rock Aug 7, 2018, 9:07 PM

#

image question: how to change the color of an SVG image ( to represent an icon)? , is it possible with state filter? , or the only way is to have to images , with state image?

halcyon mantle Aug 7, 2018, 9:15 PM

#

@calm rock - I'm struggling to get my head around that too

#

I built a crude floorplan, now if I click on the living room for example I would like it to light up when the light is on... not sure which options to use or to cut up the floor plan and use state images...

#

bit lost currently

calm rock Aug 7, 2018, 9:16 PM

#

i think , that the only elegant way , is just to set a template icon over the entity itself,

#

and then use the state-icon

halcyon mantle Aug 7, 2018, 9:16 PM

#

My first try was just plastering icons over the image, it works, but now I want to get "fancy"

calm rock Aug 7, 2018, 9:16 PM

#

all other options seams to be way too MUCH work , and may not even work

coarse monolith Aug 7, 2018, 9:17 PM

#

anyone have an elegant way to manage global cards?

calm rock Aug 7, 2018, 9:17 PM

#

theme ?

halcyon mantle Aug 7, 2018, 9:17 PM

#

@calm rock - something like this is my aim

#

https://www.google.co.za/search?q=home+assistant+3d+svg+floorplan&rlz=1C1CHFX_enZA774ZA774&source=lnms&tbm=isch&sa=X&ved=0ahUKEwi5r73c7tvcAhWLAMAKHcWRCwoQ_AUICigB&biw=1536&bih=732#imgrc=knkofayyCqUdEM:

calm rock Aug 7, 2018, 9:18 PM

#

that is easy

halcyon mantle Aug 7, 2018, 9:18 PM

#

I have built the image, but can't get my head around the shading

calm rock Aug 7, 2018, 9:18 PM

#

you should have different images

#

if you wont to change the image light base on states, you have to have multiple images , to select

wheat current Aug 7, 2018, 9:19 PM

#

@coarse monolith depends on what you mean with "global cards"

calm rock Aug 7, 2018, 9:19 PM

#

all based , from the same

halcyon mantle Aug 7, 2018, 9:19 PM

#

so I cut up the floorplan, with both light & dark version

#

Then use image state?

calm rock Aug 7, 2018, 9:20 PM

#

yes

halcyon mantle Aug 7, 2018, 9:20 PM

#

How do I stitch them together in a card? SVG or picture-element card?

calm rock Aug 7, 2018, 9:21 PM

#

i have jpg , for the background , and select the file based on state, but on most parts i do have state icons

coarse monolith Aug 7, 2018, 9:21 PM

#

@wheat current I'm using @empty heath example

- &front_door_camera
            type: picture-glance
            title: Front Door
            camera_image: camera.front_door    
            entities:
              - lock.front_door_lock_locked
              - light.entry_light_level
              - switch.porch_lights_switch

Wondering if there is a great way to manage these global cards in one spot for easy reference through the ui-lovelace.yaml file. I saw the lovelace-gen... Maybe that's my answer?

wheat current Aug 7, 2018, 9:21 PM

#

it probably is ;)
Was about to sugest it 😛

halcyon mantle Aug 7, 2018, 9:22 PM

#

So I set the bakground, to the dark image, then use the cut up bright images as state on. Is my understanding correct?

#

How would one line them up nicely?

calm rock Aug 7, 2018, 9:23 PM

#

that is the key , always work with the same image, and modify that

#

but only change , light and shades

#

never the , floorplan itself

halcyon mantle Aug 7, 2018, 9:24 PM

#

I rendered the two versions from the same base, so they are 100% the same except for the ligthing. but if I cut out each room, how do I overlay it over the background?

#

e.g two rooms in diffrent areas are switched on, only they should light up

calm rock Aug 7, 2018, 9:25 PM

#

if you have two states, you just change the whole thing

wheat current Aug 7, 2018, 9:25 PM

#

if its icons, why not use the filter?

state_filter:
  "on": saturate(1)
  "off": saturate(0)

calm rock Aug 7, 2018, 9:25 PM

#

if you have multiple states , you have to make the images to appear ,

#

over the same background

#

so are elements ...

halcyon mantle Aug 7, 2018, 9:26 PM

#

only two states, off & on - for now I'm only going to use it for lighting..

calm rock Aug 7, 2018, 9:26 PM

#

ludeeus may , explain it better ...

halcyon mantle Aug 7, 2018, 9:27 PM

#

I feel very stupid, but I'm still not sure how I overlay an image of a room with light on, over the "dark" background image

wheat current Aug 7, 2018, 9:27 PM

#

grayscale may be better https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/grayscale <--- but this is only for the icon, it acutally sounds like you want to light up a room

halcyon mantle Aug 7, 2018, 9:28 PM

#

I'll quickly upload an example of my floorplan with lights off... give me a sec

#

@wheat current That is correct

#

https://imgur.com/a/lEMEWuD

#

This is the dark version - So when I tap on a room, I would like it to light up and the rest stay dark

#

I have created the same image, with "lights on" - Exact same image, just with the lighting changed

calm rock Aug 7, 2018, 9:38 PM

#

@wheat current , it seams ( just my experience , of many hours experimenting so far) that the state filters , cant change the style of a custom made svg icon , so not easy way to change an image based on state, unless the icon is from mdi: .

#

this , for example aint work , https://hastebin.com/uyepidutoz.bash , the icon dont change

halcyon mantle Aug 7, 2018, 9:43 PM

#

Any idea how to tie the two images together to get it working as expected?

calm rock Aug 7, 2018, 9:49 PM

#

if you only have two states , for one picture , this is the way : https://hastebin.com/alopapiyav.bash

halcyon mantle Aug 7, 2018, 9:50 PM

#

@calm rock Awesome, but how do I handle that per room?

calm rock Aug 7, 2018, 9:51 PM

#

but as said , for more than two sates over the same picture , not sure , only did that with icons , and still there no easy way to do it right , other than to have two images , per "icon"

#

so short answer to your goal , i dont know

halcyon mantle Aug 7, 2018, 9:51 PM

#

@calm rock Thx! I'll keep reading and post when I figure it out...

prime umbra Aug 7, 2018, 9:59 PM

#

@halcyon mantle what program you using to do the floorplan pictures design?

halcyon mantle Aug 7, 2018, 10:01 PM

#

@prime umbra http://www.sweethome3d.com/ - Very easy, as I can't draw to save my life

raven nacelle Aug 7, 2018, 11:27 PM

#

In this image https://community-home-assistant-assets.s3.amazonaws.com/optimized/2X/d/d5905b76a556259e7cc44f83fb441b0154c27581_1_690x329.png is it possible to have simple animations (may be using CSS) to indicate door open/close?

mild veldt Aug 8, 2018, 12:22 AM

#

@raven nacelle I got my architect neighbor doing my floor plans in that style for me 😃

raven nacelle Aug 8, 2018, 12:32 AM

#

We all need neighbors like yours 😉

mild veldt Aug 8, 2018, 5:09 AM

#

@halcyon mantle you'll need to break up your floor plan into images for each room; on/off for each. then, position them on a picture-element card as image elements with their respective on/off images in the state-image configuration

halcyon mantle Aug 8, 2018, 6:17 AM

#

@mild veldt Thankz - I'll try that, I'm a bit worried about allignment, not sure the top/left % is granular enough

mild veldt Aug 8, 2018, 6:18 AM

#

Can use px

halcyon mantle Aug 8, 2018, 6:18 AM

#

I missed that somewhere - That could definitely work...

mild veldt Aug 8, 2018, 6:19 AM

#

Don’t think it’s explicitly stated but it’s just css positioning

halcyon mantle Aug 8, 2018, 6:20 AM

#

Cool! My CSS skill sucks, but I'll figure fiddle till it works - Google will have ample examples

midnight monolith Aug 8, 2018, 7:48 AM

#

Small question: I want to create a lovelace card and import moment js. However, I'm not succeeding to do so. I tried import:
import 'https://unpkg.com/moment@2.22.2/min/moment.min.js?module'; => Uncaught TypeError: Cannot set property 'moment' of undefined
import 'https://unpkg.com/moment@2.22.2/min/moment.min.js'; => Uncaught TypeError: Cannot set property 'moment' of undefined
import moment from './lib/moment.min.js' => The requested module './lib/moment.min.js' does not provide an export named 'default'

#

Is there any tooling I need to set up? Thanks in advance!

midnight monolith Aug 8, 2018, 8:14 AM

#

I also tried installing it with npm and imported then using import moment from './node_modules/moment/src/moment.js'
This however gives also troubles because momentjs internally does not have any js extensions on any of it's imports. This results in 404's then...

subtle rune Aug 8, 2018, 8:14 AM

#

Now the cool 3d floorplan card from reddit is available on sharethelove! https://sharethelove.io/cards/3d-floorplan

midnight monolith Aug 8, 2018, 8:18 AM

#

Cool, I didn't know about sharethelove.io!

subtle rune Aug 8, 2018, 8:23 AM

#

Lots of good stuff there! Feel free to share your own things there as well if you are making cool stuff.

calm rock Aug 8, 2018, 8:36 AM

#

@subtle rune , hi , what type of camera view have you selected to get that perspective on the 3D floor plan ?, then have you saved it as png , svg?

subtle rune Aug 8, 2018, 8:37 AM

#

@calm rock I havent made this card myself, only contributed from files I got from the creator at reddit. I can give you the link to that post

buoyant skiff Aug 8, 2018, 8:37 AM

#

Nice pr @subtle rune

midnight monolith Aug 8, 2018, 8:38 AM

#

@subtle rune would love to share my card (upcoming events in Google Calendar, but I'm stuck with moment js :-s)

subtle rune Aug 8, 2018, 8:38 AM

#

https://www.reddit.com/r/homeassistant/comments/94ieil/starting_with_floorplan/

calm rock Aug 8, 2018, 8:38 AM

#

Thanks

subtle rune Aug 8, 2018, 8:39 AM

#

@buoyant skiff Thanks, I only helped with the sharing though 😃

buoyant skiff Aug 8, 2018, 8:43 AM

#

Still good, that was one card I was very interested in

#

That's a proper floorplan

simple jolt Aug 8, 2018, 10:11 AM

#

@subtle rune would have been nice if he shared the actual png files so we could see how he did his masking.

subtle rune Aug 8, 2018, 10:12 AM

#

@simple jolt I got them but forgot to put them in as files. Will do that immediately! Good catch

#

Have done a pr with links now.

winged night Aug 8, 2018, 10:53 AM

#

Hi. Is there currently a solution for adding sliders for light entities in Lovelace similar to what was possible with Custom UI? https://imgur.com/a/7s2fNwk

I have got an input_number slider to show up in my Lovelace UI so I assume that at present using this with an appropriate automation is the only way to get a brightness slider? Thanks

subtle rune Aug 8, 2018, 11:14 AM

#

@winged night I have worked on it a bit but haven't gotten the whole way yet

#

@north spear Do you want to take a look at my brightness slider?

midnight monolith Aug 8, 2018, 11:41 AM

#

Issue is solved, I now build my stuff via webpack

north spear Aug 8, 2018, 12:05 PM

#

@subtle rune sure!

winter knoll Aug 8, 2018, 12:13 PM

#

Hi, I was looking at Lovelace page here https://www.home-assistant.io/lovelace/ and noticed that there is "Birthdays" sensor. How can I create that? I can't find appropriate component for it.

polar kelp Aug 8, 2018, 12:25 PM

#

I suppose that's a template sensor (https://www.home-assistant.io/components/sensor.template/) added to a glance card.

mild veldt Aug 8, 2018, 12:26 PM

#

@midnight monolith would love to see your calendar card

subtle rune Aug 8, 2018, 12:27 PM

#

Ask @storm lion about the birthday sensors, I believe its his video there? 😃

storm lion Aug 8, 2018, 12:27 PM

#

@subtle rune - good memory

subtle rune Aug 8, 2018, 12:28 PM

#

So is it template sensors? 😃

storm lion Aug 8, 2018, 12:28 PM

#

it is me.. who liberally borrowed the code off someone far cleverer - @glossy birch :
https://github.com/skalavala/smarthome/blob/master/packages/birthday.yaml

subtle rune Aug 8, 2018, 12:29 PM

#

Will also steal that!

storm lion Aug 8, 2018, 12:29 PM

#

it's just an input label with some clever jinja templating

#

works really well

midnight monolith Aug 8, 2018, 12:30 PM

#

@mild veldt : can I post an image here somewhere?

winter knoll Aug 8, 2018, 12:30 PM

#

good stuff, thanks 😄

storm lion Aug 8, 2018, 12:30 PM

#

imgur (or similar) @midnight monolith

midnight monolith Aug 8, 2018, 12:31 PM

#

https://imgur.com/a/OjKYgY8

mild veldt Aug 8, 2018, 12:32 PM

#

looks like you need to buy some birthday presents 😃

midnight monolith Aug 8, 2018, 12:32 PM

#

it's the first trial... we can only fetch 5 events through home-assistant. I hope to make a pull request to have 30 events

#

indeed 😃

mild veldt Aug 8, 2018, 12:33 PM

#

I would love to just pull events for the current and next month and be able then build an actual calendar card

midnight monolith Aug 8, 2018, 12:34 PM

#

I'll see what I can do 😃

mild veldt Aug 8, 2018, 12:35 PM

#

maybe we need to look into expanding the google calendar component

storm lion Aug 8, 2018, 12:36 PM

#

hmmm well what are you trying to achieve?

mild veldt Aug 8, 2018, 12:36 PM

#

there's a lot more we could potentially do with calendars in general in HA 😃

#

replicate all GC functionality within HA, lmao

storm lion Aug 8, 2018, 12:36 PM

#

I have a "Bins" calendar that works really well

#

"trash"for any yankies here

mild veldt Aug 8, 2018, 12:37 PM

#

I am one of those yankies 😃

polar kelp Aug 8, 2018, 12:37 PM

#

"sopor" for the surprisingly large number of Swedes...

storm lion Aug 8, 2018, 12:39 PM

#

https://github.com/jackjohnsonuk/homeassistant-config/blob/master/packages/bin_pickup.yaml

calm rock Aug 8, 2018, 12:42 PM

#

what do you tink is the best way to mimic HA dashboard in lovelace, like this for example , https://imgur.com/a/ukAe9LZ ? :

mild veldt Aug 8, 2018, 12:42 PM

#

@storm lion I could have used that last night. Had to rush to get it to the curb this morning

#

@calm rock I think @polar kelp has a column-card

calm rock Aug 8, 2018, 12:43 PM

#

ok, will look at that , tks

mild veldt Aug 8, 2018, 12:44 PM

#

not exactly what I was thinking of, https://github.com/thomasloven/lovelace-column-card

#

must be remembering incorrectly

#

@calm rock I think to replicate such a look, it would be best to build a custom card rather than trying to stitch something together using existing

polar kelp Aug 8, 2018, 12:45 PM

#

That's the opposite of what column card is for!

mild veldt Aug 8, 2018, 12:45 PM

#

yeah, I know, haha!

#

I stared at the repo for a bit and shook my head at myself, haha

#

@calm rock A general grid/remote custom card would be a great addition

polar kelp Aug 8, 2018, 12:47 PM

#

Best bet, I think is either a collection of vertical-stack and horizontal-stack inside a vertical-stack-in-card. Or better yet, picture-elements.

#

Speaking of custom cards. I just made one of mine obsolete.

#

The audio-card is now replaced with lovelace-player: https://github.com/thomasloven/lovelace-player

#

"Lets any browser currently viewing your lovelace interface act as an audio receiver with a media_player interface"

#

And by not making it a card, it can work across views.

calm rock Aug 8, 2018, 12:50 PM

#

i see , thanks for the comments

mild veldt Aug 8, 2018, 12:52 PM

#

I'm thinking a button custom card that does the label/icon would be enough along with a vertical-stack-in-card

#

@calm rock https://github.com/thomasloven/vertical-stack-in-card

winter knoll Aug 8, 2018, 12:52 PM

#

So I can play audio directly "to the browser"?

#

That's cool

polar kelp Aug 8, 2018, 12:52 PM

#

Better link: https://github.com/custom-cards/vertical-stack-in-card

#

It's not mine. I just have an old fork

subtle rune Aug 8, 2018, 12:53 PM

#

@calm rock I have done that, one sec for link

#

Or kind of. Look at the small "buttons" in the lights view fe: https://github.com/isabellaalstrom/HomeAssistantConfiguration#examples-from-my-lovelace-gui

#

conf: https://github.com/isabellaalstrom/HomeAssistantConfiguration/blob/master/ui-lovelace.yaml#L448

storm lion Aug 8, 2018, 12:56 PM

#

yeah - I've done that one too many times @mild veldt - hence the bin's being added

polar kelp Aug 8, 2018, 12:58 PM

#

I have a week number sensor and am planning to add a reminder on sundays of odd weeks and monday mornings of even weeks to put the trash out.

mild veldt Aug 8, 2018, 1:00 PM

#

@calm rock looks @subtle rune use of small "buttons". That paired with vertical-stack-in-card should allow you to get that remote pretty easily. Awesome!

subtle rune Aug 8, 2018, 1:01 PM

#

The button-template.png is just a grey square in the same color as the regular cards

#

Unfortunately the whole button is not clickable, just the icon, so that would be something to improve

calm rock Aug 8, 2018, 1:03 PM

#

@subtle rune ,thank you , will study your config .

halcyon mantle Aug 8, 2018, 1:55 PM

#

@subtle rune -Thank you for the 3d floorplan link! I was able to build it - WAF just went up...

subtle rune Aug 8, 2018, 2:02 PM

#

I don't particularly like that word "waf", but I get what you mean.

#

And I will not get into my feminist tech rantings here 🙊

halcyon mantle Aug 8, 2018, 2:04 PM

#

non techie wife , thats all 😉

calm rock Aug 8, 2018, 2:12 PM

#

@subtle rune , the same way change the opacity by using the filter , is it possible to change the css color?

subtle rune Aug 8, 2018, 2:14 PM

#

@calm rock I don't know! I didn't even know you could change opacity in that way before 😃

north spear Aug 8, 2018, 2:48 PM

#

took me a whole minute to understand what waf means, even searched google and wiki 😃

mild veldt Aug 8, 2018, 2:50 PM

#

@north spear lol. I did the same thing

north spear Aug 8, 2018, 2:51 PM

#

I can only say that I find UK and US abuse acronyms 😃

mild veldt Aug 8, 2018, 2:51 PM

#

@subtle rune I had to create so many todos for my ha instance after looking through your project. Great stuff!

subtle rune Aug 8, 2018, 2:52 PM

#

@mild veldt Haha, glad to inspire 😃

calm rock Aug 8, 2018, 2:53 PM

#

@subtle rune by using , this : opacity(1) hue-rotate(240deg) brightness(1) saturate(100%) , it is possible to change to "almost" any color, but i found that the color wheel is kind of strange , for example to go from green to red , it should be 240deg , but the resulting color is kind of orange .

#

will try , the opposite , starting from red , and rotating to green

mild veldt Aug 8, 2018, 2:55 PM

#

@calm rock what are you using that for?

calm rock Aug 8, 2018, 2:56 PM

#

https://hastebin.com/valugucuho.bash

subtle rune Aug 8, 2018, 2:57 PM

#

@north spear @mild veldt I find PAF better. (Partner instead of wife, since WAF comes from women not being interested in anything else but looks)

north spear Aug 8, 2018, 2:58 PM

#

I think both are wrong, if you can get kids or elders to properly use it without breaking it it's more accurate 😃

subtle rune Aug 8, 2018, 2:59 PM

#

Maybe Faf, for family 😉

mild veldt Aug 8, 2018, 2:59 PM

#

@calm rock nice! I totally forgot about state-filter 🤦

#

@subtle rune but then we have to consider house guests as well

#

we're all wrong! lol

subtle rune Aug 8, 2018, 3:00 PM

#

😄

mild veldt Aug 8, 2018, 3:00 PM

#

just AF

#

because even for me as the house "techie" making things easier to interact with increases my "AF"

#

new tagline: #frontend-archived paving the way towards AF

#

@calm rock really need a state-filter for icon elements

simple jolt Aug 8, 2018, 3:05 PM

#

For entity-filter card can I have a state-filter as anything not home? I know templates are not supported by lovelace.

subtle rune Aug 8, 2018, 3:05 PM

#

I find that if you respect those you live with and make things right from the beginning the af get higher quite quick!

#

@simple jolt you mean you just want to show entities that's not home? That works fine

mild veldt Aug 8, 2018, 3:06 PM

#

@subtle rune I've been doing this for over a year and haven't given my UI to anyone to use but myself yet, lol. I'm not ready for the user feedback

subtle rune Aug 8, 2018, 3:07 PM

#

Ot if you want to show everything not home the custom monster card might be a better bet. If you don't want to specify all entities

calm rock Aug 8, 2018, 3:08 PM

#

going from red , to green , works , much better , so now i will save my icons with a red foreground , and no background , and then change the color as needed with the on , off filter .

simple jolt Aug 8, 2018, 3:08 PM

#

achingbirds#5561 sorry this relates to the conditional card.

subtle rune Aug 8, 2018, 3:08 PM

#

@mild veldt I asked my husband what he wanted to have on the default page and then made it happen. 😃

#

@simple jolt that should work. I have my media players hiding if we are not home

simple jolt Aug 8, 2018, 3:10 PM

#

But will it show if I’m in an already defined zone? For instance I want it to show a card when I’m not home but that would still include while I’m at work which is defined in my zones.yaml.

mild veldt Aug 8, 2018, 3:11 PM

#

work != home for state, right?

#

as long as you don't set it up to state == not_home

simple jolt Aug 8, 2018, 3:12 PM

#

@mild veldt work and home are two different states.

subtle rune Aug 8, 2018, 3:13 PM

#

You can have state_not

#

I have "state_not: home"

#

Then it hides for all other states than home

simple jolt Aug 8, 2018, 3:15 PM

#

@subtle rune let me try that.

subtle rune Aug 8, 2018, 3:16 PM

#

I just realized it might be cool to be able to toggle parts of a view with a boolean 🤔

#

There are some things I find belong in a certain view but don't always want to see

mild veldt Aug 8, 2018, 3:17 PM

#

I thought of that yesterday as well. I have been hoping to be able to define my own more-info cards, but don't see that happening right now. so was thinking that I could just quickly show/hide cards instead

subtle rune Aug 8, 2018, 3:17 PM

#

Smart thinking!

stable kindle Aug 8, 2018, 3:18 PM

#

anyone using the animated weather card? the graphics don't load in firefox for me, only in chrome.

subtle rune Aug 8, 2018, 3:18 PM

#

Your own more info cards would be awesome

mild veldt Aug 8, 2018, 3:19 PM

#

yeah, I would absolutely love a custom more info card that is just lovelace cards

#

biggest one i've thought of is brining up a remote when clicking on a tv icon

#

maybe i should add the request on the ui-schema repo

subtle rune Aug 8, 2018, 3:20 PM

#

Couldn't hurt 😄

mild veldt Aug 8, 2018, 3:24 PM

#

https://github.com/home-assistant/ui-schema/issues/152

north spear Aug 8, 2018, 3:29 PM

#

should be doable to redefine some cards with lovelace for moreinfo

#

I don't see why not

#

maybe tonight I'll have a look (the thermostat card is currently eating a lot of energy with the refactoring)

pine comet Aug 8, 2018, 3:34 PM

#

8

mild veldt Aug 8, 2018, 3:34 PM

#

@north spear I love your brain!

stable kindle Aug 8, 2018, 4:07 PM

#

any ideas how I can tap in lovelace to call a service? want to restart a addon..

polar kelp Aug 8, 2018, 4:09 PM

#

Perhaps tap_action or service might be worth looking into?

#

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

stable kindle Aug 8, 2018, 4:09 PM

#

that's what I thought, but it looks like I need to give an entity, no?

polar kelp Aug 8, 2018, 4:10 PM

#

Yes. Just add a dummy template switch or something

stable kindle Aug 8, 2018, 4:11 PM

#

hmmm ok

#

thanks!

polar kelp Aug 8, 2018, 4:11 PM

#

Or I guess you could pick any entity at all, really, and change the icon

#

And be careful about the service_data

stable kindle Aug 8, 2018, 4:12 PM

#

what do you mean about the service_data?

polar kelp Aug 8, 2018, 4:16 PM

#

If you don’t specify the service_data it will send entity_id: the id of the entity you picked. An addon restart service probably doesn’t appreciate that.

stable kindle Aug 8, 2018, 4:19 PM

#

Lol thanks

north spear Aug 8, 2018, 4:46 PM

#

@mild veldt maybe try to attach to this:

#

    this.addEventListener('hass-more-info', (ev) => {
      if (ev.detail.entityId) {
        this.$.notifications.showNotification(`Showing more info for ${ev.detail.entityId}`);
      }
    });

#

if you attach to that event you will be able to intercept hass-more-info with the entity id

#

and do your own

mild veldt Aug 8, 2018, 4:48 PM

#

would this not contend with my own attempt? meaning, there's no guarantee as to which is displayed or would both be displayed?

#

something to play around with, I guess

stable kindle Aug 8, 2018, 4:51 PM

#

is this config ok?

- type: glance
   title: Reload Git
   entities:
     - entity: switch.switch_5
        icon:
        tap_action: call-service
        service: hassio.addon_restart
        service_data: {"addon": "core_git_pull"}

specifically the json on yaml part - it doesn't seem to be working

polar kelp Aug 8, 2018, 5:02 PM

#

I think you should skip the quotes around addon...

stable kindle Aug 8, 2018, 5:03 PM

#

doesn't work, according to the log it send the entity_id with the service call, which breaks it all LOL

coarse monolith Aug 8, 2018, 5:12 PM

#

I've always put the values for data/service_data on subsequent rows

#

- type: glance
   title: Reload Git
   entities:
     - entity: switch.switch_5
        icon:
        tap_action: call-service
        service: hassio.addon_restart
        service_data: 
          addon: "core_git_pull"

polar kelp Aug 8, 2018, 5:30 PM

#

Looking at the code it seems that there's no way to avoid sending entity_id from glance.

#

Picture_elements, perhaps: https://www.home-assistant.io/lovelace/picture-elements/#service-call-button

polar kelp Aug 8, 2018, 6:10 PM

#

Hm... I think I'm about to make lovelace-gen actually useful...

#

The first few lines of my lovelace/main.yaml:

{% set resources = [ 'custom-lovelace/monster-card/monster-card.js', 'kiosk.js', 'lovelace-player/lovelace-player.js', 'lovelace-player-config.js'] %}
resources:
  {% for res in resources %}
  - url: !resource {{res}}
    type: js
  {% endfor %}

mild veldt Aug 8, 2018, 6:20 PM

#

need to support modules and css as well 😃

polar kelp Aug 8, 2018, 6:22 PM

#

You're free to make any jinja2 template or macro you want.

#

I think this would work...

{% set resource = [ ['path_1.js', 'js'], ['path2.js', 'module], ['path3.css', 'css']] %}
{% for res in resource %}
  - {url: !resource {{res[0]}}, type: {{res[1]}} }
{% endfor %}

polar kelp Aug 8, 2018, 6:46 PM

#

There we go: https://github.com/thomasloven/homeassistant-lovelace-gen

halcyon mantle Aug 8, 2018, 7:18 PM

#

Any idea how to change the icon color on a picture-element card? I'm using```

type: icon```

#

I have tried without success:```
transform:
--paper-item-icon-color: pink

mild veldt Aug 8, 2018, 7:20 PM

#

"--paper-item-icon-color": pink

steady narwhal Aug 8, 2018, 7:21 PM

#

https://home-assistant-lovelace-gallery.netlify.com/#demo-hui-picture-elements-card

halcyon mantle Aug 8, 2018, 7:22 PM

#

Thx!

#

This is what I have now, but it doesn't seem to do anything - type: icon icon: mdi:human-female title: Ina tap_action: navigate navigation_path: /lovelace/ina style: top: 15% left: 85% transform: "--paper-item-icon-color": pink

mild veldt Aug 8, 2018, 7:23 PM

#

is it the empty transform?

buoyant skiff Aug 8, 2018, 7:24 PM

#

that it is

#

@halcyon mantle might wanna fix that

halcyon mantle Aug 8, 2018, 7:25 PM

#

@buoyant skiff: Still getting my head around this - I figured it was a type of heading

#

Where can I get info on the transform part? Not much info on that on the picture-elements docs

buoyant skiff Aug 8, 2018, 7:26 PM

#

https://www.w3schools.com/cssref/css3_pr_transform.asp

mild veldt Aug 8, 2018, 7:26 PM

#

It's a css style

wheat current Aug 8, 2018, 7:26 PM

#

Transform is a css property, thing you are trying to do you probably found under filter

mild veldt Aug 8, 2018, 7:26 PM

#

Not lovelace specific

buoyant skiff Aug 8, 2018, 7:26 PM

#

its all css

mild veldt Aug 8, 2018, 7:26 PM

#

you're css!

buoyant skiff Aug 8, 2018, 7:26 PM

#

so bookmark that site

#

and search for the stuff thats used for styling

#

@mild veldt dont be jelly

mild veldt Aug 8, 2018, 7:27 PM

#

i'll fight you

buoyant skiff Aug 8, 2018, 7:27 PM

#

there there 😛

wheat current Aug 8, 2018, 7:27 PM

#

ClearlySuperSkilled?

halcyon mantle Aug 8, 2018, 7:27 PM

#

hahaha - Thx guys - I will check it out...

mild veldt Aug 8, 2018, 7:27 PM

#

CantStyleSites

buoyant skiff Aug 8, 2018, 7:29 PM

#

thats a good title for you @mild veldt 😛

#

im clearly what ludeeus suggested and your the other 😛

mild veldt Aug 8, 2018, 7:31 PM

#

😦

#

youmakemesad.python

wheat current Aug 8, 2018, 7:31 PM

#

here @mild veldt 🥛 🍪

mild veldt Aug 8, 2018, 7:32 PM

#

brutal in here today

wheat current Aug 8, 2018, 7:33 PM

#

nono, we all friends here 😄

halcyon mantle Aug 8, 2018, 7:33 PM

#

ClearyStillStruggling

proper carbon Aug 8, 2018, 7:40 PM

#

speaking of changing icon colors, outside of the picture element card is it possible to do it? I've read the custom UI does not work in lovelace.

buoyant skiff Aug 8, 2018, 7:40 PM

#

icon template ?

halcyon mantle Aug 8, 2018, 7:41 PM

#

seemed I had to use --iron-icon-fill-color: pink instead of "--paper-item-icon-color": pink

#

Thx for pointing me in the right direction

buoyant skiff Aug 8, 2018, 7:41 PM

#

np

#

got most of my icons as animated icons

#

makes for a more dynamic interface

#

only use mdi icons if i need to

proper carbon Aug 8, 2018, 7:47 PM

#

So you have your icons locally - pre-colored as it were? I was leaning towards this.

buoyant skiff Aug 8, 2018, 7:47 PM

#

.sharethelove

kind shellBOT Aug 8, 2018, 7:47 PM

#

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

buoyant skiff Aug 8, 2018, 7:47 PM

#

check the greeter card

proper carbon Aug 8, 2018, 7:47 PM

#

Just looking up animated icons there, the first result was these nice looking ones https://icons8.com/c/animated-icons but they seem to be focused around animated the tranistion which I imagine is not what you had in mind

buoyant skiff Aug 8, 2018, 7:51 PM

#

@mild veldt @wheat current https://loading.io/icon/custom/168138

mild veldt Aug 8, 2018, 7:53 PM

#

...but why is it called bottle when it is a glass?

buoyant skiff Aug 8, 2018, 7:53 PM

#

no idea

#

but useful 😄

mild veldt Aug 8, 2018, 7:53 PM

#

yeah, those are cool

halcyon mantle Aug 8, 2018, 7:53 PM

#

Is my understanding correct that this will be hidden if not in one of the listed states: - type: entity-filter entities: - media_player.sitkamerappletv state_filter: - 'playing' - 'idle' - 'pause' card: type: media-control entity: media_player.sitkamerappletv

mild veldt Aug 8, 2018, 7:54 PM

#

@buoyant skiff can just put those in as image elements?

buoyant skiff Aug 8, 2018, 7:54 PM

#

think so

mild veldt Aug 8, 2018, 7:54 PM

#

noice

buoyant skiff Aug 8, 2018, 7:54 PM

#

and using that 3d-planner gave me an idea

#

having one static

#

and one active

mild veldt Aug 8, 2018, 7:55 PM

#

meaning "off" is static and "on" is animated?

#

i like that idea

buoyant skiff Aug 8, 2018, 7:56 PM

#

indeed

mild veldt Aug 8, 2018, 7:56 PM

#

welp, time to redo all my icons

buoyant skiff Aug 8, 2018, 7:56 PM

#

haha yeah

#

@wheat current does the shadowroot support on hover ?

#

when used in css ?

#

loads of awesome icons there

#

shit im gonna have so much to do

mild veldt Aug 8, 2018, 8:01 PM

#

:sigh

#

i'm never going to finish this UI...

wheat current Aug 8, 2018, 8:01 PM

#

@buoyant skiff have no idea how shadowroot works 🤷

mild veldt Aug 8, 2018, 8:01 PM

#

initial release to my family is slotted for 2020, I think

buoyant skiff Aug 8, 2018, 8:02 PM

#

yeah @mild veldt 😛 i feel the same

mild veldt Aug 8, 2018, 8:02 PM

#

time to call in sick to work more often

buoyant skiff Aug 8, 2018, 8:05 PM

#

no idea why the charge for icons

#

when i can just right click and save 😛

#

free shit 😛

wheat current Aug 8, 2018, 8:06 PM

#

@halcyon mantle Seems correct

buoyant skiff Aug 8, 2018, 8:06 PM

#

seems kinda redundant

halcyon mantle Aug 8, 2018, 8:06 PM

#

@wheat current Thx!

#

Doesn't seem to hide it though, but I'll fiddle with the states and see what happens

#

Is it possible to have like a glance card with navigational buttons on it?

wheat current Aug 8, 2018, 8:08 PM

#

in the default I'm not sure, but with picture-elements you can do pretty much whatever you like

halcyon mantle Aug 8, 2018, 8:09 PM

#

That is the work around I'm currently doing, just wondered if there was an easier method

mild veldt Aug 8, 2018, 8:10 PM

#

@halcyon mantle picture-elements is the way to go

#

always and forever

#

🤞

wheat current Aug 8, 2018, 8:10 PM

#

I think that is the easy way 😛

halcyon mantle Aug 8, 2018, 8:11 PM

#

Thx!

buoyant skiff Aug 8, 2018, 8:12 PM

#

@wheat current hows the update coming along for unsplash ? 😛

wheat current Aug 8, 2018, 8:13 PM

#

Has been available for about 40 min 😉

buoyant skiff Aug 8, 2018, 8:13 PM

#

ahh 😛

mild veldt Aug 8, 2018, 8:21 PM

#

thanks for reminding me, need to setup that unsplash component

mortal cape Aug 8, 2018, 8:22 PM

#

which component is this?

wheat current Aug 8, 2018, 8:24 PM

#

https://github.com/custom-components/camera.unsplash
Give you a random image from their API.
Can be linited to a single or multiple collection(s), or the entire DB 😛

mortal cape Aug 8, 2018, 8:24 PM

#

ah, cool

wheat current Aug 8, 2018, 8:25 PM

#

super neat as a background to a picture-elements card

mortal cape Aug 8, 2018, 8:27 PM

#

I was looking at the 'local_file' camera component last night and wondering if there was a need for it with lovelace

#

https://www.home-assistant.io/components/camera.local_file/

#

or maybe it can be used in conjunction still...I had never noticed the component before

wheat current Aug 8, 2018, 8:29 PM

#

I can't think of a reason other than it serves the "feed" on the API so there will be no issues with cache if you change out the image

buoyant skiff Aug 8, 2018, 8:30 PM

#

gives amore dynamic feeling to the ui when the card changes images

alpine mason Aug 8, 2018, 8:46 PM

#

Hi there! Do you know any way of replacing specific elements (paper-tabs for example) by a custom one? Without rewriting any other element using it?

rotund island Aug 8, 2018, 9:08 PM

#

hi

#

i was wondering is there a way to force a card on a culomn ? lets say i have 3 columns and i want a specific card to be on the 3rd column is that possible ?

buoyant skiff Aug 8, 2018, 9:12 PM

#

vertical stack

rotund island Aug 8, 2018, 9:17 PM

#

@buoyant skiff thx will try that

buoyant skiff Aug 8, 2018, 9:17 PM

#

np 😃

prime umbra Aug 8, 2018, 10:09 PM

#

was wondering how you guys organize cards in lovelace to have a specific order in the way they displayed
it seems every time you add things it will mess the order you put things
will lovelace in future plan to have a better implementation in how to keeps things organize like some type of tables orders

polar kelp Aug 8, 2018, 10:42 PM

#

You can do a bit of manual override with vertical-stack and horizontal-stack. Default behavior is to form a number of columns depending on your screen width and populate them with cards to be kind of equal in length.

#

You can kind of predict the order of the cards if you know the rules. Cards are added in the same order as in the configuration file and are placed in the shortest column. If a column is more than five units tall, a new column may be added, provided there is 300 pixels of free horizontal space left on the screen.

#

A “unit” in this case is roughly as tall as one item in a entity card.

#

Just off the top of my head. I haven’t been in that part of the source code for a while...

#

I also think four or five columns is max.

buoyant portal Aug 8, 2018, 11:45 PM

#

Is there a way to make the cards semi-transparent?

winter wasp Aug 9, 2018, 3:59 AM

#

anyone have a clean way to split up ui-lovelace.yaml?

#

oh, just saw the note on https://www.home-assistant.io/lovelace/tips/

half cradle Aug 9, 2018, 4:28 AM

#

Hi all trying to make a card for a scene with a picture and it doesnt seem to work

#

title: TV Controls
cards:
- type: picture
image: /local/10.jpg
service: scene.10hd
service_data:
entity_id: scene.10hd

polar kelp Aug 9, 2018, 5:38 AM

#

“Doesn’t seem to work” isn’t much to go on...

#

However, in this case it might be enough, because the service you wish to call is called scene.turn_on.

subtle rune Aug 9, 2018, 6:53 AM

#

I'm trying to have a monster-card with entities as card type, and I want to use secondary info with last-changed, doesn't seem to work. Anyone else tried? This is how I have it in config: https://hastebin.com/onahegilur.bash

polar kelp Aug 9, 2018, 6:57 AM

#

You're missing options:

subtle rune Aug 9, 2018, 6:57 AM

#

Aaaah, thanks

polar kelp Aug 9, 2018, 6:57 AM

#

filter:
          include:
            - entity_id: "sensor.back_door_camera_movement"
              options:
                 secondary_info: last-changed

buoyant skiff Aug 9, 2018, 6:58 AM

#

morning

polar kelp Aug 9, 2018, 6:59 AM

#

hello

subtle rune Aug 9, 2018, 7:01 AM

#

Doesnt seem to work with wildcards though. But thats alright

buoyant skiff Aug 9, 2018, 7:01 AM

#

@subtle rune seen the icon site i posted yesterday ?

#

incase you wanna swap your icons for animated ones 😃

#

https://loading.io/

subtle rune Aug 9, 2018, 7:07 AM

#

@buoyant skiff Nope. Nice!

polar kelp Aug 9, 2018, 7:08 AM

#

@subtle rune It works for me

- entity_id: "light.*"
  state: "on"
  options:
    secondary_info: last-changed

subtle rune Aug 9, 2018, 7:08 AM

#

How do you put them in?

#

@polar kelp Hmm... Have to try again

buoyant skiff Aug 9, 2018, 7:09 AM

#

the icons ? just put em in your www folder 😃

#

save em as svg

#

since thats has the animation done

subtle rune Aug 9, 2018, 7:10 AM

#

@polar kelp Well, there we go. Don't know what I did different 😄

#

@buoyant skiff And how do I reference them?

buoyant skiff Aug 9, 2018, 7:11 AM

#

check the greeter card that one uses animated icons

subtle rune Aug 9, 2018, 7:12 AM

#

Ah, entity picture template (if I want different for states)? I was thinking directly in Lovelace, but maybe that doesnt work

buoyant skiff Aug 9, 2018, 7:13 AM

#

icon templating 😃

#

could also use customize

#

loads of nice animation effects 😄

proper carbon Aug 9, 2018, 7:25 AM

#

I read icon_template only works for mdi icons

buoyant skiff Aug 9, 2018, 7:50 AM

#

errr

#

well if your using real icons

#

use gimp or photoshop to change to wanted colors

#

and if you wanna change em on state you can use

#

state_filter:
"off": opacity(50%)
"on": opacity(1%)

#

there are other filter available

#

again google is your friend

#

not sure what your going for

#

but all the info is available just a google away

#

check the welcome rules 😉

#

dale3h posted some good stuff there

#

https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function

#

how to manipulate colors and images using css

#

not sure how much more i can provide here

proper carbon Aug 9, 2018, 7:56 AM

#

sorry if the question is a stupid one.., but just to confirm then you are talking only within the scope of the Picture Elements card in Lovelace.

buoyant skiff Aug 9, 2018, 7:57 AM

#

im talking about style: in general

#

if your really unsure on how lovelace works

#

i suggest you take the time and read the lovelace documentation again

#

cause style: isnt reserved to just elements

proper carbon Aug 9, 2018, 7:59 AM

#

I don't think your assumption about me are valid, but let's just leave it there.

buoyant skiff Aug 9, 2018, 8:00 AM

#

im not assuming anything, just think the answer are availble if you reread the documentation

#

but you did ask for help and i gave you an answer so if your offended by the answer then i cant really do much about that 🤷

proper carbon Aug 9, 2018, 8:03 AM

#

I'm not offended, I just don't agree with the conclusions you are jumping to.

buoyant skiff Aug 9, 2018, 8:04 AM

#

¯_(ツ)_/¯

polar kelp Aug 9, 2018, 8:05 AM

#

Toast: You said "Icon templating", and I think that's where the misunderstanding happened. Looking at the greeter card ( @proper carbon : https://sharethelove.io/cards/greeter-card) it seems you're talking about entity_picture_template.

#

And to be fair, customization and customization templates in particular are notoriously badly documented.

buoyant skiff Aug 9, 2018, 8:07 AM

#

but still its fairly simple to figure out

viral sorrel Aug 9, 2018, 8:08 AM

#

re the templating.. does this essentially let us create "functions" with variables that you pass and the generator expands them?

polar kelp Aug 9, 2018, 8:09 AM

#

In lovelace-gen, yes, pretty much

#

It's to be used with care, though. You need to really understand how yaml works to avoid syntax errors.

viral sorrel Aug 9, 2018, 8:10 AM

#

I wish you could create a hassconfig-gen because that is the sort of thing I always wanted for the main config also

#

I have so many sensors that are 95% hundreds of lines of copied/pasted content

#

I'm only starting with lovelace but I can see this will be a godsend.. thank you so much for saving me hours of time!

buoyant skiff Aug 9, 2018, 8:17 AM

#

i just ended up trashing 95% of my old ui

#

cause it look just bad in compared to the new stuff

polar kelp Aug 9, 2018, 8:18 AM

#

Me too. I'm rewriting my configuration entirely to work better with lovelace

viral sorrel Aug 9, 2018, 8:18 AM

#

oh hell.. I'm not even going to consider my old ui.. starting from scratch

#

but I have so many tasmota based sensors that I would kill for a generator like you've created to help with that

polar kelp Aug 9, 2018, 8:21 AM

#

You could do it "by hand" in /dev-template/, and copy the results to your config.

viral sorrel Aug 9, 2018, 8:23 AM

#

you need to keep your original code or you'll cry when you want to make changes 😛

polar kelp Aug 9, 2018, 8:23 AM

#

Of course.

buoyant skiff Aug 9, 2018, 8:23 AM

#

borderline #330944238910963714 chat on that topic 😛

viral sorrel Aug 9, 2018, 8:24 AM

#

speaking of lovelace

#

the weather card.. what does the output of the weather sensor have to be like to render a forecast?

#

my weather card has basically nothing

polar kelp Aug 9, 2018, 8:25 AM

#

It should be a weather component, not a weather sensor.

alpine mason Aug 9, 2018, 8:26 AM

#

Hi there... I spent a few days try to make a nice theme for hass and I still struggle with simple (?) issues. I learned a lot about Polymer on the way.

I there any way to style header background (to white) without modifying --primary-color (which makes many components like buttons invisible)?
I'd like to change some specific properties in the header too, like uppercase, navigation background, title color etc. Can I do that in the header or only custom components?

viral sorrel Aug 9, 2018, 8:27 AM

#

isn't anything that starts with weather. a component?

polar kelp Aug 9, 2018, 8:28 AM

#

yes... I think

viral sorrel Aug 9, 2018, 8:28 AM

#

📎 unknown.png

alpine mason Aug 9, 2018, 8:29 AM

#

Here is what I'd like to achieve : https://www.dropbox.com/s/6xci049loc8abnu/Mobile - Music.png?dl=0

viral sorrel Aug 9, 2018, 8:29 AM

#

just wondering what this looks like for a component where the weather card is full featured

#

it's a little underwhelming

📎 unknown.png

polar kelp Aug 9, 2018, 8:33 AM

#

My weather components also have the attribute forecast:... which makes sense...

viral sorrel Aug 9, 2018, 8:33 AM

#

ahh.. I've never seen that

#

BOM has all that stuff.. wonder why the component doesn't get it :/

#

May need to make my own component so I can play with the weather card

buoyant skiff Aug 9, 2018, 8:38 AM

#

might be a format issue @viral sorrel

#

check dev info and see if it differs from any working service

#

from the json format

viral sorrel Aug 9, 2018, 8:39 AM

#

looked at the source.. don't see it getting a forecast anywhere.. I don't think there is a forecast per weather station so that may be why.

buoyant skiff Aug 9, 2018, 8:39 AM

#

well there you have it then

viral sorrel Aug 9, 2018, 8:40 AM

#

might see if can expand it with an option for forecast

buoyant skiff Aug 9, 2018, 8:40 AM

#

dunno how that service works but if its not in the data stream then it wont show

wheat current Aug 9, 2018, 8:41 AM

#

@alpine mason like this?

📎 unknown.png

alpine mason Aug 9, 2018, 8:42 AM

#

Like this! 😃

viral sorrel Aug 9, 2018, 8:44 AM

#

nice.. used the yahoo weather component.. curious what the delta is between the data.. guess you can't see the objects in the dev-state view

wheat current Aug 9, 2018, 8:44 AM

#

step1: save this https://hastebin.com/ijoxokodig.js as /config/www/white.js
step2: add this to ui-lovelace.yaml

resources:
  - url: /local/white.js?v=1
    type: js

Add /white to the end of the URL

viral sorrel Aug 9, 2018, 8:45 AM

#

forecast: [object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

wheat current Aug 9, 2018, 8:45 AM

#

Will only affect the top bar

viral sorrel Aug 9, 2018, 8:45 AM

#

how can I see what's actually in there?

alpine mason Aug 9, 2018, 8:46 AM

#

@wheat current Thanks! I guess I can use this to style other properties in the header! What is the setTimeout for?

polar kelp Aug 9, 2018, 8:47 AM

#

@viral sorrel : {{ states.weather.yweather }} in /dev-template/

wheat current Aug 9, 2018, 8:48 AM

#

Have no clue :P
I just modified the kiosk JS that @marius made 😃

polar kelp Aug 9, 2018, 8:48 AM

#

SetTimeout is to make sure the page has finished loading everything before the script is run, I believe

viral sorrel Aug 9, 2018, 8:49 AM

#

@polar kelp thanks.. why not show it in the dev-state view? just saving space?

polar kelp Aug 9, 2018, 8:49 AM

#

Probably

alpine mason Aug 9, 2018, 8:49 AM

#

@wheat current Ok 😃 Seems perfect! I'll tried for two days to make something like this. I'll experiment with that. Do you have a link to @north spear work just in case?

wheat current Aug 9, 2018, 8:50 AM

#

Nope, I tried finding it, but can't remember where he put it :/

polar kelp Aug 9, 2018, 8:50 AM

#

google for "lovelace kiosk" and you'll find it. It's a gist.

north spear Aug 9, 2018, 8:50 AM

#

you called?

polar kelp Aug 9, 2018, 8:51 AM

#

Oh, shit! Run!

north spear Aug 9, 2018, 8:51 AM

#

https://gist.github.com/ciotlosm/1f09b330aa5bd5ea87b59f33609cc931 ?

alpine mason Aug 9, 2018, 8:51 AM

#

We sent the @north spear signal on the moon 😃 Thanks!

wheat current Aug 9, 2018, 8:51 AM

#

There it is 😄

north spear Aug 9, 2018, 8:51 AM

#

😃

viral sorrel Aug 9, 2018, 8:51 AM

#

is this like the Batman signal?

alpine mason Aug 9, 2018, 8:52 AM

#

Who is batman?

#

😉

#

@north spear What's the kiosk mode exactly ?

polar kelp Aug 9, 2018, 8:54 AM

#

Removes the header. Useful for locking e.g. a tablet to one view.

alpine mason Aug 9, 2018, 8:55 AM

#

Ok, cool! Thanks for your help

viral sorrel Aug 9, 2018, 8:56 AM

#

is scraping a legit way of getting data in a component?

wheat current Aug 9, 2018, 8:57 AM

#

yes*
but not a topic for this chanel 😉

viral sorrel Aug 9, 2018, 8:58 AM

#

discord needs an addon that makes you check what channel you are on before it allows you to type each time :/

wheat current Aug 9, 2018, 8:59 AM

#

That is implemented in the human body, it's called eyes 😉

viral sorrel Aug 9, 2018, 9:00 AM

#

the problem is remembering to look 😛 we're automating here.. that should be automated 😛

#

Are there any sort of limits to the javascript you can use in the lovelace ui?

polar kelp Aug 9, 2018, 9:41 AM

#

Don't think so... it's kind of hard to limit javascript.

subtle rune Aug 9, 2018, 10:03 AM

#

Found a simple but yet great use of the conditional card together with the generator:
input_boolean showing on my "settings view" for Hass developer mode. When on, all views have a conditional card with service call to shell_command.lovelace_gen, thats !included

buoyant skiff Aug 9, 2018, 10:13 AM

#

my new untappd card base card

buoyant skiff Aug 9, 2018, 10:31 AM

#

📎 untappd.png

alpine mason Aug 9, 2018, 10:39 AM

#

Ok, new question 😃 What's the better way to create my own Glance component? Can I extend the default one? Is there any example somewhere?

buoyant skiff Aug 9, 2018, 11:07 AM

#

picture-elements

#

any card is gonna have the same answer 😄

#

aint that right @mild veldt and @wheat current ?

polar kelp Aug 9, 2018, 11:10 AM

#

If you really want to make a new card, I think the answer is "not quite, but..."

#

You can't copy the cards right off, because you can't access PolymerElement in that way... (I think... or maybe you can through a module... I'll have to look into this).
Anyway, the documentation is a good place to start: https://www.home-assistant.io/lovelace/#custom-cards

mild veldt Aug 9, 2018, 11:17 AM

#

@buoyant skiff great base card

#

i'm stealing it

buoyant skiff Aug 9, 2018, 11:19 AM

#

enjoy

mild veldt Aug 9, 2018, 11:19 AM

#

@polar kelp started breaking my lovelace config out last night to use your utility. already so much easier to work with. thank you!

buoyant skiff Aug 9, 2018, 11:19 AM

#

its gonna go on share the love once im done anyways 😄

subtle rune Aug 9, 2018, 11:20 AM

#

@mild veldt @polar kelp I made separate files for all my views yesterday. SOO much easier to find stuff.

mild veldt Aug 9, 2018, 11:20 AM

#

going to share mine as well. as they are the same sensor, should we have a category on share the love?

polar kelp Aug 9, 2018, 11:21 AM

#

Good. I was planning to look through your lovelace-ui for inspiration some day when I have the time... but 800 lines... 😰

buoyant skiff Aug 9, 2018, 11:22 AM

#

finally my latest track is on spotify

mild veldt Aug 9, 2018, 11:22 AM

#

800, psh. those are rookie numbers

buoyant skiff Aug 9, 2018, 11:22 AM

#

hehe

subtle rune Aug 9, 2018, 11:22 AM

#

@polar kelp mine?

polar kelp Aug 9, 2018, 11:23 AM

#

yeah

#

I have it open in a tab since a few days... along with a handful of others..

subtle rune Aug 9, 2018, 11:23 AM

#

I guess I can git over my new broken up ones then for you 😉

#

Here you go: https://github.com/isabellaalstrom/HomeAssistantConfiguration/tree/master/lovelace

polar kelp Aug 9, 2018, 11:32 AM

#

Nice!

#

Though I'm pretty sure this won't work: https://github.com/isabellaalstrom/HomeAssistantConfiguration/blob/master/lovelace/main.yaml#L29

#

The generator runs outside of homeassistant. So it has no idea about the state maching.

subtle rune Aug 9, 2018, 11:33 AM

#

Yeah, it didn't. Just forgot to take it out

polar kelp Aug 9, 2018, 11:33 AM

#

Would be nice though. But I can say right away that the chances of it happening are pretty much zero.

subtle rune Aug 9, 2018, 11:34 AM

#

Yup. I find that if you use entities in custom cards or as for example icon in picture templates it still shows up as unused 😦

#

Makes it pretty useless for me, unfortunately

polar kelp Aug 9, 2018, 11:36 AM

#

I'm not sure I follow.

#

What are you trying to do? Perhaps I can help?

tired charm Aug 9, 2018, 11:39 AM

#

hi guys, having a great deal of trouble getting this lovelace ui up and running, maybe some hints to a newb what i am doing wrong. Everytime i restart home assistant i lose the ui-lovelace.yaml file, any ideas why? the backups are there but the main file gone. I am using HASS.IO if it accounts for anything?

#

the file seems to be wiped (deleted) gone!

#

this is it now

📎 unknown.png

#

hit restart

📎 unknown.png

wheat current Aug 9, 2018, 11:45 AM

#

We do not need a picture walktough 😉

tired charm Aug 9, 2018, 11:45 AM

#

lol sorry guys

#

it stayed this time

#

so maybe not the restart let me play see what cuases it

wheat current Aug 9, 2018, 11:45 AM

#

Does it only apply to ui-lovelace?

#

Seems more like hassio is reverting an older state of /config

subtle rune Aug 9, 2018, 11:46 AM

#

@polar kelp I want to use the "unused entities" feature in Lovelace, but it sees all entities in picture templates and custom cards as unused

polar kelp Aug 9, 2018, 11:49 AM

#

Ah. I thought the problem was template-related.

subtle rune Aug 9, 2018, 11:50 AM

#

I made a half assed attempt to remove some entities from it 😛

polar kelp Aug 9, 2018, 11:50 AM

#

Yeah. It's unfortunate you don't even seem to be able to use globbing there...

subtle rune Aug 9, 2018, 11:51 AM

#

Would be super useful to find "floaters" (entities you once made and then forgot about and that should be removed)

#

I guess it should be possible to make a custom card for it, but since it's there it would be nice if it worked as I want it to 😉

buoyant skiff Aug 9, 2018, 11:54 AM

#

📎 unknown.png

wheat current Aug 9, 2018, 11:55 AM

#

Contain those two in a picture-elements card with a unsplash BG 😜

buoyant skiff Aug 9, 2018, 11:55 AM

#

no

wheat current Aug 9, 2018, 11:55 AM

#

Yes

buoyant skiff Aug 9, 2018, 11:56 AM

#

how about no?

polar kelp Aug 9, 2018, 11:56 AM

#

How about at least a vertical-stack-in-card?

buoyant skiff Aug 9, 2018, 11:56 AM

#

wanted horizontal

#

but hass didnt

wheat current Aug 9, 2018, 12:28 PM

#

@buoyant skiff how about yes... https://image.ibb.co/mLFzJ9/image.png

buoyant skiff Aug 9, 2018, 12:30 PM

#

@wheat current how about this ?

📎 unknown.png

#

the clock icon is animated and the weather icon

#

but the alignment is off

#

need to realign em

wheat current Aug 9, 2018, 12:31 PM

#

That works to, if my name where Peter 😛

sudden lion Aug 9, 2018, 12:31 PM

#

LOL

buoyant skiff Aug 9, 2018, 12:33 PM

#

sorted 😉

#

📎 unknown.png

sudden lion Aug 9, 2018, 12:34 PM

#

Good Afternoon @wheat current

wheat current Aug 9, 2018, 12:36 PM

#

That's better 😂

#

@sudden lion Good ${Time_Of_Day} in ${User_TimeZone} 😃

buoyant skiff Aug 9, 2018, 12:38 PM

#

shame that i cant replace the mdi icon on the toolbar

wheat current Aug 9, 2018, 12:38 PM

#

like this?

📎 unknown.png

buoyant skiff Aug 9, 2018, 12:39 PM

#

those are mdi icons right ?

#

not svg

wheat current Aug 9, 2018, 12:39 PM

#

yes

buoyant skiff Aug 9, 2018, 12:39 PM

#

blob:https://loading.io/f0047445-71a1-4998-a306-65a0e02d2e69

#

thats what im going for

wheat current Aug 9, 2018, 12:39 PM

#

"shame that i cant replace the mdi icon on the toolbar" 🤔

buoyant skiff Aug 9, 2018, 12:40 PM

#

yeah the mdi static boring ones

#

with svg animated ones

wheat current Aug 9, 2018, 12:40 PM

#

so your statement should be:
"shame that i cant replace the mdi icon with an svg file on the toolbar"

#

😉

sudden lion Aug 9, 2018, 12:41 PM

#

@wheat current He's swedish, go easy on him..

buoyant skiff Aug 9, 2018, 12:41 PM

#

shame that you cant document better 😛

#

.<

#

haha

subtle rune Aug 9, 2018, 12:41 PM

#

🇸🇪

wheat current Aug 9, 2018, 12:41 PM

#

Don't use my time on stuff that no one reads anyway 😉

subtle rune Aug 9, 2018, 12:42 PM

#

🇳🇴 🔥 🇩🇰

buoyant skiff Aug 9, 2018, 12:42 PM

#

time to swap old boring battery icons with animated ones

wheat current Aug 9, 2018, 12:44 PM

#

You can actually get an a row of svg's at the top 😛

buoyant skiff Aug 9, 2018, 12:45 PM

#

ohh cool

#

how ?

wheat current Aug 9, 2018, 12:45 PM

#

Hide the default one, and make your own

buoyant skiff Aug 9, 2018, 12:46 PM

#

ehh ? so dont use mdi: use something else ?

wheat current Aug 9, 2018, 12:46 PM

#

no

#

hide this, with kiosk.js:

📎 unknown.png

#

Then create something like this with svg files

📎 unknown.png

#

I think this is what makes that bar:
https://github.com/isabellaalstrom/HomeAssistantConfiguration/blob/master/lovelace/3_lights_view.yaml#L10-L47

#

@subtle rune can probably confirm 😉

buoyant skiff Aug 9, 2018, 12:49 PM

#

ok

#

havent even looked at kiosk.js

subtle rune Aug 9, 2018, 12:50 PM

#

huh?

wheat current Aug 9, 2018, 12:50 PM

#

the entities do not match up, so no sure where they are defined, but you get the idea 😛

subtle rune Aug 9, 2018, 12:51 PM

#

Oh, I'm slow. Yes, the config you pasted makes the grey buttons.

#

They don't match bc of config changes so the images are wrong already 😂

#

I moved the last three down

wheat current Aug 9, 2018, 12:51 PM

#

Aha 😄 Then I was looking at the "correct" place then 😃

buoyant skiff Aug 9, 2018, 12:54 PM

#

battery pack if anyone wants it with animated icons 😄

📎 battery_animated.zip

mild veldt Aug 9, 2018, 1:00 PM

#

please stop giving me ideas that make me refactor my full ui, people...

buoyant skiff Aug 9, 2018, 1:01 PM

#

muahaha

fair hamlet Aug 9, 2018, 1:22 PM

#

Still playing..... Curious type question.
I am seeing this https://pasteboard.co/Hynlo8G.jpg
from this code https://hastebin.com/agofuqisun.js
Making baby steps. I have images being placed based on a state. Next step is to make it clickable.
To do that I need to execute a java script function. So I did a hello world that runs an alert("test")
To test my function, I threw it in the top of the code. So the card is stopped before it is totally rendered.
According to the message, the "custom element doesn't exist". I am guessing, it more like doesn't exist YET.
That explains the red flash before the card is displayed.

grand veldt Aug 9, 2018, 1:22 PM

#

@polar kelp I'm trying your lovelace-gen.py generator, but I get the following error "Error running command: python /config/lovelace-gen.py, return code: 2" any idea? Using Hass.IO

buoyant skiff Aug 9, 2018, 1:37 PM

#

    {%- if states('sensor.battery_dishwasher')|int < 100 -%}
       /local/icons/animated/battery_100.svg
    {%- elif states('sensor.battery_dishwasher')|int < 75 -%}
       /local/icons/animated/battery_75.svg
    {%- elif states('sensor.battery_dishwasher')|int < 50 -%}
       /local/icons/animated/battery_50.svg
    {%- elif states('sensor.battery_dishwasher')|int < 25 -%}
       /local/icons/animated/battery_25.svg
     {%- elif states('sensor.battery_dishwasher')|int < 5 -%}
       /local/icons/animated/battery_5.svg
    {%- else -%}
       /local/icons/animated/battery_dead.svg
    {%- endif -%}

#

😄

#

📎 unknown.png

#

animated 😄

wheat current Aug 9, 2018, 1:45 PM

#

dynamic*

buoyant skiff Aug 9, 2018, 1:46 PM

#

the icon is animated

#

not dynamic 😛

wheat current Aug 9, 2018, 1:47 PM

#

the implementation is dynamic, not animation 😛

subtle rune Aug 9, 2018, 1:48 PM

#

@grand veldt I usually get the 2 when a file is missing

#

(ie most often put in the wrong place)

#

Do you have the latest version of the gen too?

grand veldt Aug 9, 2018, 2:07 PM

#

@subtle rune Thanks. Accidentally called main.yaml mail.yaml 😃 Works now!

buoyant skiff Aug 9, 2018, 2:32 PM

#

📎 unknown.png

#

sticky info

📎 unknown.png

#

on different resolutions 😄

#

https://hastebin.com/demiwucobi.css

cinder rapids Aug 9, 2018, 2:36 PM

#

Have you guys heard how long before Lovelace becomes the default view?

buoyant skiff Aug 9, 2018, 2:37 PM

#

still experimental

#

so you got time

cinder rapids Aug 9, 2018, 2:56 PM

#

I check this room once in a while and you guys are doing some amazing things with Lovelace.

buoyant skiff Aug 9, 2018, 2:59 PM

#

tnx

#

we try and we share our experiance with the rest

#

.sharethelove

kind shellBOT Aug 9, 2018, 3:00 PM

#

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

buoyant skiff Aug 9, 2018, 3:00 PM

#

so when you get started you got examples to use

cinder rapids Aug 9, 2018, 3:07 PM

#

I have been wanting to set up a Floorplan but haven’t had the time. Maybe this winter....

buoyant skiff Aug 9, 2018, 3:15 PM

#

check out the 3d one on share the love

#

that one is epic

#

so far the only floorplan that im temped to do

distant oracle Aug 9, 2018, 3:33 PM

#

omg just saw that, epic.

cinder rapids Aug 9, 2018, 3:35 PM

#

Holy balls, that’s a new one I haven’t seen. Very tempting but way beyond my current set of skills, there’s a lot more I gotta learn before getting to that point.

#

Is the plan integrate some of the cards into HA instead of keeping them as custom elements?

wheat current Aug 9, 2018, 3:39 PM

#

some custom cards, may find their way into the core (at least a version of them) but som may not 🤷

split granite Aug 9, 2018, 3:40 PM

#

Translated - the devs will be conservative about what makes it into the stock UI

#

The great thing is that unlike the old UI where adding the custom UI could break things horribly, there's (as far as I know) been zero signs of that with Lovelace

odd light Aug 9, 2018, 3:46 PM

#

when is lovelace going into prod?

wheat current Aug 9, 2018, 3:47 PM

#

not soon enough IMO 😛

desert tiger Aug 9, 2018, 3:52 PM

#

When I use the default light icons in Lovelace, the color togles besed on the on/off status of the bulb. When I change the icon to a lamp (icon: mdi:lamp) the color doesn't toggle. Is there a way to make the color toggle?

odd light Aug 9, 2018, 3:53 PM

#

haha I'm scared to try it, I started with hass.io not even a week ago but it was buggy, 32 bit seems to be working fine now

split granite Aug 9, 2018, 4:00 PM

#

You can use it, and the stock UI, alongside each other

#

You can't break HA with Lovelace - same can't be said with Custom UI

median jolt Aug 9, 2018, 4:06 PM

#

Hey all. So today I started off with lovelace and so far think it has great potential. I have run in to 2 issues which im hoping im missing the solution to or there is some workaround.
Issue 1 is i get an error in my log file if i have input_number in an entities card
Issue 2 is just something that bugs me and that is a card only shows 5 entities side by side. I setup a glance card as a panel and 5 entities on a wide screen makes them spaced out rather far apart

#

the error in the logfile is: TypeError: this.shadowRoot.querySelector(...) is null

#

If anyone has 2 cents to throw at me that would be great

buoyant skiff Aug 9, 2018, 4:24 PM

#

📎 unknown.png

#

early wip of my untappd card 😛

#

@wheat current possible to change the icon in the wishlist card ?

wheat current Aug 9, 2018, 4:26 PM

#

Yes? Its js all of it can change

mild veldt Aug 9, 2018, 4:30 PM

#

@buoyant skiff let me guess, so the beer is animated?

buoyant skiff Aug 9, 2018, 4:30 PM

#

📎 unknown.png

#

this wont break in any resolutions

#

scales flawlessly 😄

wheat current Aug 9, 2018, 4:31 PM

#

even on nokia 3210i?

mild veldt Aug 9, 2018, 4:31 PM

#

even on my watch?

buoyant skiff Aug 9, 2018, 4:31 PM

#

1px 1px

fair hamlet Aug 9, 2018, 4:54 PM

#

https://hastebin.com/otamisuzef.js
Trying to create a card with clickable images. There is a loop (lines 24-31) that build the images with a "onclick()"
The function called toggleClick (lines 15-18) is tested at startup (line 18) and works.
But when I click on the image, I get an error "toggleClick" not found.
This has to be a html newbie issue, but googling I did not find it. Or I did not phrase the question right.
I think it is a scope issue, does anyone see it off the top of their head?

polar kelp Aug 9, 2018, 4:57 PM

#

@median jolt you can change how many entities are on a line in glance with column_width.

median jolt Aug 9, 2018, 4:59 PM

#

@polar kelp yes I saw that however I want the number of entities to change according to the width of the screen. If im using my phone then 5 wide is fine but if im using a table or PC with a wider screen Im wanting more than 5

#

also with the weblinks in lovelace is there a way to make them open in a new tab?

rotund island Aug 9, 2018, 5:19 PM

#

i have an issue with my cards @buoyant skiff i tried the vertical stack as suggested by you but that didn't help https://hastebin.com/ecuwevuhon i want to decide what card is in what column is there a way to force it ?

buoyant skiff Aug 9, 2018, 5:20 PM

#

well if you indented it should end up in the colum its indented too

#

so its all about indentation

rotund island Aug 9, 2018, 5:22 PM

#

🤔 hmmm

#

not completely understanding

buoyant skiff Aug 9, 2018, 5:28 PM

#

- name: Home
  title: Home
  cards:
    - type: horizontal-stack #this is colum one
      cards:
      - type: some_card_1
      - type: some_card_2
      - type: some_card_3 
    - type: vertical-stack #this is colum two
      cards:
      - type: some_card_1
      - type: some_card_2
      - type: some_card_3

#

thats how you "force a card to a colum"

#

now im getting back to my untappd card

rotund island Aug 9, 2018, 5:31 PM

#

not working for me

buoyant skiff Aug 9, 2018, 5:34 PM

#

post your config then

#

lets take a look at it

#

not promising to respond fast

#

since im creating right now

rotund island Aug 9, 2018, 5:35 PM

#

https://hastebin.com/ecuwevuhon

#

don't need a fast reply 😃 a solution is enough

wheat current Aug 9, 2018, 5:36 PM

#

You have no horizontal-stack cards

rotund island Aug 9, 2018, 5:39 PM

#

yeah that dind't solve it for me I tried it but i still only had 2 columns

wheat current Aug 9, 2018, 5:42 PM

#

how many do you want and how did the config look when you tried?

rotund island Aug 9, 2018, 5:42 PM

#

i want 3

buoyant skiff Aug 9, 2018, 5:43 PM

#

so nice

#

📎 unknown.png

mild veldt Aug 9, 2018, 5:49 PM

#

I've been debating on using grey backgrounds or text shadowing on my cards

rotund island Aug 9, 2018, 5:51 PM

#

@wheat current https://hastebin.com/amaculikuw Here is one example

#

but always getting only 2 colums

mild veldt Aug 9, 2018, 5:51 PM

#

@buoyant skiff can you share your config for setting up those grey backgrounds with those nice single side borders? I'm going to give them at try

buoyant skiff Aug 9, 2018, 5:52 PM

#

sure just gotta complete it first

wheat current Aug 9, 2018, 5:52 PM

#

@rotund island that is expected with that config

mild veldt Aug 9, 2018, 5:52 PM

#

unacceptable

#

you obviously need more beer so you can work faster

wheat current Aug 9, 2018, 5:53 PM

#

https://hastebin.com/vacaqucige.bash

#

@mild veldt You find it in the greater and neato card 😉

mild veldt Aug 9, 2018, 5:55 PM

#

oh @wheat current , you are just too good to me

#

💋

#

just go with it

wheat current Aug 9, 2018, 5:56 PM

#

Okei 😘

rotund island Aug 9, 2018, 5:57 PM

#

@wheat current Sorry to dissapoint but i'm using your config and I now have a single vertical stack

steady narwhal Aug 9, 2018, 5:58 PM

#

i have a horizontal stack of vertical cards

#

if that mkaes sense

wheat current Aug 9, 2018, 5:58 PM

#

are you sure you are not mixing vertical and horisontal?

buoyant skiff Aug 9, 2018, 6:01 PM

#

📎 unknown.png

#

and done

wheat current Aug 9, 2018, 6:01 PM

#

https://hastebin.com/malisowowo.bash

#

@buoyant skiff Untill you checkin a beer with a longer name 😛

buoyant skiff Aug 9, 2018, 6:03 PM

#

it actually line breaks 😛

#

so im ok

#

tested it

#

@mild veldt https://hastebin.com/aximowetap.bash

wheat current Aug 9, 2018, 6:05 PM

#

wrong site @buoyant skiff

buoyant skiff Aug 9, 2018, 6:05 PM

#

thats still a wip

#

not final

#

still gonna tweak it

rotund island Aug 9, 2018, 6:12 PM

#

@wheat current still not showing up correctly
nevrermind i give up

wheat current Aug 9, 2018, 6:12 PM

#

That will not help you at all 😉

rotund island Aug 9, 2018, 6:14 PM

#

I know but i just can't seem to understand why it won't show up in 3 different columns. I am wondering if my picture-elements card is at fault here

buoyant skiff Aug 9, 2018, 6:17 PM

#

@mild veldt you were right on the no background color

#

📎 unknown.png

#

looks freaking epic with just the solid line under instead

wheat current Aug 9, 2018, 6:20 PM

#

@rotund island this https://hastebin.com/mucusaqifo.bash give me:

📎 unknown.png

mild veldt Aug 9, 2018, 6:23 PM

#

@buoyant skiff can you get some shadows on the text?

buoyant skiff Aug 9, 2018, 6:26 PM

#

📎 unknown.png

#

better ?

rotund island Aug 9, 2018, 6:27 PM

#

@wheat current managed to get 3 columns finally but not in the correct order if i change the order it screws up
https://hastebin.com/kanerokeni.bash gives me 3 columns
https://hastebin.com/egivohixoj.bash gives me also 3 columns but one card is in the wrong one

#

how can i share pictures ?

buoyant skiff Aug 9, 2018, 6:33 PM

#

by using a image host

#

only users with colors can paste images

rotund island Aug 9, 2018, 6:35 PM

#

https://ibb.co/m2D4mU

#

@buoyant skiff thx

polar kelp Aug 9, 2018, 6:36 PM

#

You need to be more careful about indentation

#

No.. wait, that's not the problem...

rotund island Aug 9, 2018, 6:38 PM

#

hmm ?

polar kelp Aug 9, 2018, 6:39 PM

#

Then again.. that is the problem

rotund island Aug 9, 2018, 6:39 PM

#

-_-

wheat current Aug 9, 2018, 6:39 PM

#

The last type is not under a vertical stack

polar kelp Aug 9, 2018, 6:39 PM

#

The only thing in your horizontal stack is the first vertical stack