serene sierra Jul 17, 2018, 5:57 PM

#

thank you guys

fathom tree Jul 17, 2018, 6:01 PM

#

I used SweetHome 3d. @split pine

serene sierra Jul 17, 2018, 6:05 PM

#

@north spear can i ask you one fix here for plan-coordinates? What coordinate box follow you when image is very tall now it sticked to the top. thank you.

north spear Jul 17, 2018, 6:08 PM

#

hmm

#

if your image doesn't fit in 1 screen ?

serene sierra Jul 17, 2018, 6:11 PM

#

yes

foggy tendon Jul 17, 2018, 6:20 PM

#

@fathom tree how to export sweeihome 3d files into lovelace compatible images?

#

@serene sierra hmm... i'd like to see an example code of both vertical and horizontal cards together

kind shellBOT Jul 17, 2018, 6:22 PM

#

@serene sierra posted a message that is more than 15 lines. It is now available at: https://hastebin.com/eyojuqonez

raven nacelle Jul 17, 2018, 6:24 PM

#

Are the cards getting dynamically updated? Meaning you have different cards showing for different options

fathom tree Jul 17, 2018, 6:24 PM

#

https://www.dropbox.com/s/et7yz0c5mw0e1s1/ExportSH3dasPNG.mov?dl=0

#

@foggy tendon You create a picture from the 3d view. It saves as a .png

#

you can render it if you want to make it look more real, but you have to add lighting for it to look good that way.

rotund island Jul 17, 2018, 6:28 PM

#

just wondering, is there a library where people can share their implementation of lovelace ? i know there is github but i was wondering more like a visual library displaying the cards and by clicking on the picture you can see the code used ?

foggy tendon Jul 17, 2018, 6:28 PM

#

@fathom tree very nice... how did you colored the rooms differently? and which is the best resolution to use into HASS?

fathom tree Jul 17, 2018, 6:30 PM

#

Once you draw the walls you make a room just by drawing the shape, then you can modify the room to put color on the floor and walls.

#

I was thinking about a HA specific tutorial for SH3d, seems like that would be useful huh?

foggy tendon Jul 17, 2018, 6:31 PM

#

@fathom tree hmm... nice and complicated.... 😔

#

@fathom tree yes, very useful, i'll be the first to read it...

fathom tree Jul 17, 2018, 6:32 PM

#

oh, it'll be a video, you wont need to read much at all.

serene sierra Jul 17, 2018, 6:32 PM

#

if anyone need 2d plan quickly them can use free plan from https://floorplanner.com

foggy tendon Jul 17, 2018, 6:32 PM

#

@fathom tree so you create the floorplan drawing a room one by one?

serene sierra Jul 17, 2018, 6:32 PM

#

and later just take a screenshot cut and save as jpeg

fathom tree Jul 17, 2018, 6:32 PM

#

I'm no expert but I can fumble my way into a nice looking 3d drawing.

#

oooh, that looks nice @serene sierra

serene sierra Jul 17, 2018, 6:34 PM

#

that take minimum time to draw sketch

📎 test_2.png

rotund island Jul 17, 2018, 6:34 PM

#

hi everybody, i was wondering if there is a library with lovelace custom card examples or integrations ? ;ore like you have in word where you can visually see some nice stuff and give you some ideas ?

wheat current Jul 17, 2018, 6:37 PM

#

@rotund island probably reddit, the forum, this channel and https://github.com/ciotlosm/custom-lovelace/

north spear Jul 17, 2018, 6:38 PM

#

@rotund island some examples are also in the official docs, linked in the topic

#

Just make sure you scroll to "Cards" section

rotund island Jul 17, 2018, 6:44 PM

#

@north spear @wheat current Thank you, i've gotten the basics so far, but lack of inspiration if you know what i mean. i have alread read through the doc and seen all the cards. what would be nice what people come up with. 😄 I don't know if i'm explaining myself correctly ? 🤔

kind shellBOT Jul 17, 2018, 6:44 PM

#

Ludeeus is away for 4m 23s with a message :point_right: I'm out @ocean skiff can answer your queries

north spear Jul 17, 2018, 6:44 PM

#

@rotund island could try repos from cookbook to see if peopleupdated to lovelace

ocean skiff Jul 17, 2018, 6:44 PM

#

@kind shell OK I didn't want to call him now

north spear Jul 17, 2018, 6:44 PM

#

I know @raven nacelle did and has it online, but there might be others

glossy birch Jul 17, 2018, 6:50 PM

#

@wheat current did you run the lovelace script? yet

kind shellBOT Jul 17, 2018, 6:50 PM

#

Ludeeus is away for 10m 18s with a message :point_right: I'm out @ocean skiff can answer your queries

rotund island Jul 17, 2018, 6:50 PM

#

@north spear Thanks i don't know why I din't think about that myself. I will also have alook at the Reddit

north spear Jul 17, 2018, 6:51 PM

#

@rotund island https://www.home-assistant.io/cookbook

#

check the links on the bottom and try to find repos with ui-lovelace.yaml in them. Usually they have screenshots

rotund island Jul 17, 2018, 6:52 PM

#

@north spear yep i was quite stupid i look sometimes a them but las time was about 2months ago 😏

north spear Jul 17, 2018, 7:58 PM

#

Discord down

wheat current Jul 17, 2018, 7:59 PM

#

https://status.cloud.google.com/incident/cloud-networking/18012

half osprey Jul 17, 2018, 7:59 PM

#

I like how you say that on Discord 😉

north spear Jul 17, 2018, 8:00 PM

#

:))

storm lion Jul 17, 2018, 8:17 PM

#

well he did also do it with smoke signals.. it can't have reached you yet 😉

hot gyro Jul 17, 2018, 8:29 PM

#

I have to say I love this lovelace ...

rotund island Jul 17, 2018, 8:30 PM

#

who doesn't 😄

hot gyro Jul 17, 2018, 8:30 PM

#

my iphone 😃

#

at least not some of the config but I'll get there eventually

#

to be fair I was made aware by @north spear from early on when I started playing with it ...

rotund island Jul 17, 2018, 8:31 PM

#

i still have to completely move to lovelace but started falling in a redesign pithole 😄

north spear Jul 17, 2018, 8:32 PM

#

Get ios 11+ 😃

hot gyro Jul 17, 2018, 8:32 PM

#

I do have it

#

latest but its the multiple stacks thingy you told me about

#

but I probably go with a single stack for what I really need

#

even the old ui works on the phone with lots of scrolling

#

the app I mean

#

I am thinking of getting a touchscreen and power it via a pi for larger inputs and then potentially wall mounting them

#

for that the tabs are perfect

#

but I could shoot my estate agent for using angled floorplans otherwise I would have just scanned them in ... now I need to build it all from scratch

north spear Jul 17, 2018, 8:37 PM

#

:-))

hot gyro Jul 17, 2018, 8:37 PM

#

1st world problems .... 😃

north spear Jul 17, 2018, 8:37 PM

#

So it’s just a screen size thing

#

😛

rotund island Jul 17, 2018, 8:37 PM

#

if it was too easy what fun would it be 😄

north spear Jul 17, 2018, 8:38 PM

#

Hehe

hot gyro Jul 17, 2018, 8:38 PM

#

well we had that discussion .. 40" 4k monitor in front of me 😃

north spear Jul 17, 2018, 8:38 PM

#

Yeah

#

Short memory for me

hot gyro Jul 17, 2018, 8:38 PM

#

yh noon til lunch

north spear Jul 17, 2018, 8:38 PM

#

I talked to too many people about lovelace

#

😃

#

I am getting old

hot gyro Jul 17, 2018, 8:39 PM

#

tell me about it ..

cedar coyote Jul 17, 2018, 8:42 PM

#

Question: is it possible to use in state-image for a door open or closed - icon: mdi:pictogram_name? Or only local stored images?
And what is the setup?

north spear Jul 17, 2018, 8:46 PM

#

Image in next version, not sure about custom icon

#

See the docs

#

And lovelace changelog

rotund island Jul 17, 2018, 8:47 PM

#

@north spear just out of curiosity , what do you have in store for the next lovelace updates ? 😄

north spear Jul 17, 2018, 8:49 PM

#

I have been slacking on helping the guys and my custom cards are not on the lovelace cycle. I think next card will be the thermostat and some fixes for the issues reported on my repo

rotund island Jul 17, 2018, 8:51 PM

#

well we'll wait patiently 😃 👍

hot gyro Jul 17, 2018, 8:51 PM

#

hahaha ... who's winning? was with the origianl purchase docs ... scanning now 😃

north spear Jul 17, 2018, 8:52 PM

#

This week will be slow for me. Big festival in town and I have tickets and holiday from work

raven nacelle Jul 17, 2018, 8:53 PM

#

Looking forward to the thermostat card...

north spear Jul 17, 2018, 8:54 PM

#

Base UI is there https://github.com/ciotlosm/custom-lovelace/blob/thermostat/thermostat-card/README.md just need proper setup of integration with states and services and probably a few extra buttons

#

Also planning to do Alarm compatible with ‘panel: true’

raven nacelle Jul 17, 2018, 8:55 PM

#

You have the Ecobee, I think

north spear Jul 17, 2018, 8:56 PM

#

Will run it against various demo setups and my live one

raven nacelle Jul 17, 2018, 8:57 PM

#

We can get the first version out with the basic functionality - information display and basic controls

half osprey Jul 17, 2018, 9:00 PM

#

First version can be without controls, tapping on it shows more info

#

Minimum viable product

#

btw, all public pens on codepen are MIT licensed, so make sure you add that to the source of the card

#

https://blog.codepen.io/legal/licensing/

polar kelp Jul 17, 2018, 9:09 PM

#

Does anyone know just off the top of your head if there's any github isues or PRs concerning organization of ui-lovelace.yaml? Like being able to split the configuration, or include files or so?

#

Like, can we expect that to happen in a reasonably near future?

half osprey Jul 17, 2018, 9:10 PM

#

It's currently supported but we're going to remove it

polar kelp Jul 17, 2018, 9:10 PM

#

It is? And why?

half osprey Jul 17, 2018, 9:10 PM

#

@north spear you don't need to add ?module at the end of imports unless you're importing from unpkg.com.

#

Because we're going to write to your lovelace config

#

And we can't work with includes

polar kelp Jul 17, 2018, 9:13 PM

#

So... the future holds huge config files with lot's of code duplication, or am I missing something obvious?

#

Like If I want the same card in two views - I have to copy the code?

half osprey Jul 17, 2018, 9:14 PM

#

The future is where you configure via the UI and never see the YAML

#

The UI might just highlight one block at a time for you to edit

#

includes in configuration.yaml has crippled configuration in Home Assistant so much that we literally had to add a second way of doing configurations

rotund island Jul 17, 2018, 9:16 PM

#

i like that idea but what if some people prefer the yaml ? like for automations i prefer the yaml over ui and i'm a total noob in yaml

half osprey Jul 17, 2018, 9:16 PM

#

If people like YAML and a lot of different files, they can create a standalone config pre-processor for Home Assistant

#

It does not have to be part of Home Assistant to be able to work with Home Assistant

polar kelp Jul 17, 2018, 9:23 PM

#

Well.. I can see a lot of problems with that path - mainly regarding readability of git diffs and the usefulnes of checking out other peoples config on github. But I'll assume you've thought of most of them allready and found this the best path. It'll be interesting to see what the future holds, as always. Thanks!

half osprey Jul 17, 2018, 9:29 PM

#

Looking at YAML for sharing is not the right way for Lovelace, it's highly visual

#

We'll eventually get a website, people can show off their configs

#

Right click a card to copy it into their config

#

We can even leverage the cloud to send it to your instance right away

#

But all this takes time to build and implement, so help is welcome 👍

polar kelp Jul 17, 2018, 9:34 PM

#

Interesting future. I'll see if there's anything I could do. I suppose https://github.com/home-assistant/ui-schema is a good place to start?

half osprey Jul 17, 2018, 9:34 PM

#

Yes

serene sierra Jul 17, 2018, 11:37 PM

#

why with actual state 56 im having red label? cant understand```yaml
- type: custom:bignumber-card
title: 'CPU'
entity: sensor.cpu_temp_round
scale: 18px
from: left
min: 0
max: 100
severity:
- value: 25
style: 'var(--label-badge-green)'
- value: 50
style: 'var(--label-badge-yellow)'
- value: 100
style: 'var(--label-badge-red)'

#

getting state from template sensor ```yaml
cpu_temp_round:

unit_of_measurement: '°C'

      value_template: "{{ states('sensor.cpu_temperature') | round(0)}}"

empty heath Jul 17, 2018, 11:43 PM

#

📎 image.png

#

@north spear Is this a known issue on iOS?

serene sierra Jul 17, 2018, 11:43 PM

#

i think yes

#

https://github.com/ciotlosm/custom-lovelace @empty heath

empty heath Jul 17, 2018, 11:44 PM

#

@serene sierra Thank you, sir.

north spear Jul 18, 2018, 4:25 AM

#

Indeed

#

@half osprey thanks for the tip. I just merged the code. Most of it still requires review and adjustments (like the License)

#

I will appreciate more feedback like this

placid geyser Jul 18, 2018, 6:47 AM

#

Good morning. I try to get the custom dark-sky-weather-card from the forum (https://community.home-assistant.io/t/custom-dark-sky-animated-weather-card/59816) going but it results in my whole weather view being blank and an error in the home assistant log: http://hass.local:8123/static/custom-elements-es5-adapter.js:13:613 TypeError: class constructors must be invoked with |new|. This is on 0.74.0b2. I am not sure how to dig deeper into the problem to fix it. ~~Can someone give me a hint?~~ solved

buoyant skiff Jul 18, 2018, 6:54 AM

#

morning

buoyant skiff Jul 18, 2018, 7:25 AM

#

taking courses at work today

#

and all i can think of is making my greeter card 😛

wheat current Jul 18, 2018, 7:31 AM

#

Make UI great again?

buoyant skiff Jul 18, 2018, 7:32 AM

#

#fakenews

#

didnt say i would make it great again

wheat current Jul 18, 2018, 7:33 AM

#

no, was a question, here have a ☕

buoyant skiff Jul 18, 2018, 7:35 AM

#

coffee at work sucks

#

swamp water is prefeered

atomic citrus Jul 18, 2018, 7:36 AM

#

can a picture-entity have a navigation path?
Maybe via tap_action?

what are valid parameters for tap_action btw ??

buoyant skiff Jul 18, 2018, 7:36 AM

#

its in the docs

atomic citrus Jul 18, 2018, 7:37 AM

#

is it? Couldnt find it

buoyant skiff Jul 18, 2018, 7:37 AM

#

open the lovelace docs again

#

and its all there 😃

#

trust me

atomic citrus Jul 18, 2018, 7:41 AM

#

no its not

half osprey Jul 18, 2018, 7:42 AM

#

I would trust @buoyant skiff on this one

atomic citrus Jul 18, 2018, 7:43 AM

#

well.. thanks!

#

then please give a hint where to find the documentation answering my question. obviously i am not able to find it

wheat current Jul 18, 2018, 7:47 AM

#

https://www.home-assistant.io/lovelace/picture-entity/#tap_action

atomic citrus Jul 18, 2018, 7:48 AM

#

okay. reading this i would assume that toggle is the only option for tap_action. Is that correct?

wheat current Jul 18, 2018, 7:48 AM

#

That is my assuption as well

#

By default, you will get more-info-dialog but using tap_action you can directly control entities that have on/off states.

atomic citrus Jul 18, 2018, 7:49 AM

#

well, if that the case, i already read this. but i assumed it would not be the answer to my question 😃

#

or hoped lol

empty heath Jul 18, 2018, 8:19 AM

#

When I read it I see two possible options: dialog (default) and toggle 🤷🏻‍♂️

atomic citrus Jul 18, 2018, 8:20 AM

#

right... but i was hoping for something like a navigation path.. 😃

empty heath Jul 18, 2018, 8:22 AM

#

Maybe in the future! 😊

#

Maybe in the future! 😊

#

Uh-oh. We may have a Discord outage again.

atomic citrus Jul 18, 2018, 8:25 AM

#

👌

#

018-07-18 10:34:14 ERROR (MainThread) [frontend.js.latest.201807080] https://...../frontend_latest/b8e8990946547661bcfb.chunk.js:618:41565 TypeError: undefined is not an object (evaluating 'i.length')```

#

i get this quite often

#

is there any way to track down where this might be resulting from?

half osprey Jul 18, 2018, 8:42 AM

#

Fixed that in beta

dense roost Jul 18, 2018, 9:07 AM

#

@atomic citrus i actually really want navigation path within picture entity as well. I'd also really like state images on picture entities for what I would like to do.

atomic citrus Jul 18, 2018, 9:37 AM

#

Adding an info bar to a plain image would also be nice!

wheat current Jul 18, 2018, 9:38 AM

#

@atomic citrus info bar?

atomic citrus Jul 18, 2018, 9:39 AM

#

i mean the bar on the bottom of a picture-entity for example showing the current state

wheat current Jul 18, 2018, 9:39 AM

#

Aha

atomic citrus Jul 18, 2018, 9:40 AM

#

this line combined with some templating = super nice

wheat current Jul 18, 2018, 9:40 AM

#

I think both of you @dense roost and @atomic citrus should look into this https://www.home-assistant.io/lovelace/picture-elements/ @buoyant skiff has some examples on what you can do with it, not sure it they are public yet

buoyant skiff Jul 18, 2018, 9:41 AM

#

https://media.discordapp.net/attachments/145302980512448512/467614348215320576/unknown.png

#

one example

atomic citrus Jul 18, 2018, 9:41 AM

#

thats not what i want

#

@buoyant skiff now this is nice!!

wheat current Jul 18, 2018, 9:42 AM

#

It is exactly what you described 😉

buoyant skiff Jul 18, 2018, 9:42 AM

#

that was a simple one

atomic citrus Jul 18, 2018, 9:42 AM

#

i guess

buoyant skiff Jul 18, 2018, 9:43 AM

#

made a some other

#

i posted a transmission card the other day

dense roost Jul 18, 2018, 9:44 AM

#

@wheat current oh geez I got confused. What I meant to say is I wanted state images in picture elements, and navigation in picture entity

#

@buoyant skiff transmission card?

buoyant skiff Jul 18, 2018, 9:46 AM

#

https://cdn.discordapp.com/attachments/397426163649216512/468373941040185344/unknown.png

#

thats all picture elements

#

with toogles and workable stats

atomic citrus Jul 18, 2018, 9:47 AM

#

doesnt pasting images into discord work anymore?

#

i am aiming for something more basic 😃

buoyant skiff Jul 18, 2018, 9:47 AM

#

not in this channel

atomic citrus Jul 18, 2018, 9:47 AM

#

ah okay

buoyant skiff Jul 18, 2018, 9:47 AM

#

have to paste in lounge

#

and then copy link

#

freeki that is basic

atomic citrus Jul 18, 2018, 9:48 AM

#

https://media.discordapp.net/attachments/397426163649216512/469077957130977280/Unbenannt.PNG?width=400&height=195

#

something like this.

#

just an image with basic info.
And on tap it should just jump to the security view

buoyant skiff Jul 18, 2018, 9:51 AM

#

navigation path and picture glance

atomic citrus Jul 18, 2018, 9:51 AM

#

but picture glance doesnt have text

#

does it?

buoyant skiff Jul 18, 2018, 9:58 AM

#

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

#

almost exactly how you want it

half cradle Jul 18, 2018, 10:11 AM

#

guys just sarted using this and find it a little hard toget around

buoyant skiff Jul 18, 2018, 10:11 AM

#

lol

#

hows that spelling going ?

half cradle Jul 18, 2018, 10:12 AM

#

i have a learning issue mate so its not to bad

#

i have been working on HADashboard and found the setup a lot easier

north spear Jul 18, 2018, 10:20 AM

#

@vapid field @buoyant skiff @empty heath the cardtracker-card changed. We made it more dynamic and supports now also checking custom_components as well. There are breaking changes 😦

buoyant skiff Jul 18, 2018, 10:20 AM

#

i know

#

@wheat current did a pr on rpi power and i changed on sickrage

atomic citrus Jul 18, 2018, 10:24 AM

#

@buoyant skiff thats not what i was aiming for.... no text, just the icon

#

https://media.discordapp.net/attachments/397426163649216512/469086819481550863/unknown.png?width=400&height=195

#

like i said

#

or can this be changed?

buoyant skiff Jul 18, 2018, 10:24 AM

#

so that leaves you with picture elements 😃

atomic citrus Jul 18, 2018, 10:24 AM

#

i guess

subtle rune Jul 18, 2018, 11:05 AM

#

You can do almost anything with picture elements. It's awesome

buoyant skiff Jul 18, 2018, 11:14 AM

#

@subtle rune done anything fancy yet ?

#

curious since i based most of my early work of your ha config 😃

warm stone Jul 18, 2018, 11:39 AM

#

Can you break up the lovelace config? Not so much packages but !include type?

placid geyser Jul 18, 2018, 11:41 AM

#

I tried to get the custom dark sky weather card working but on Firefox there seems to be an issue loading the CSS and this is what I get: https://community-home-assistant-assets.s3-us-west-2.amazonaws.com/optimized/3X/f/b/fb1d5d8c38dfe18cf4ab2f897857ed1a8e61ef27_1_372x500.png Any ideas what is going wrong?

wheat current Jul 18, 2018, 11:42 AM

#

@warm stone for now that should work, but it will be removed

warm stone Jul 18, 2018, 11:44 AM

#

So must be one big config. Ok.

wheat current Jul 18, 2018, 11:45 AM

#

correct

#

500+ lines will not suprise me for some users

warm stone Jul 18, 2018, 11:47 AM

#

Is there a reddit or blog of pictures from what people have done so far? Don't want to get coding then be like 'oh what it can look like that' 'start over'

subtle rune Jul 18, 2018, 11:49 AM

#

@buoyant skiff This is pretty much what I have so far.. Not much but I haven't had much time yet. https://cdn.discordapp.com/attachments/397426163649216512/469108092932456448/image.png

buoyant skiff Jul 18, 2018, 11:49 AM

#

nice 😃

subtle rune Jul 18, 2018, 11:50 AM

#

Having grand plans for the rest though!

buoyant skiff Jul 18, 2018, 11:51 AM

#

hehe just make sure you have the time

#

cause once you get started

#

you will loose a couple of days 😛

warm stone Jul 18, 2018, 11:56 AM

#

I have been sick the last few days. I really should have started it then since I really haven't done anything else lol. Kinda stuck on the couch while I let my partner get some sleep.

subtle rune Jul 18, 2018, 12:22 PM

#

@buoyant skiff Vacay 🏖

buoyant skiff Jul 18, 2018, 12:22 PM

#

haha nice

#

got 1 week to go

#

then im on vacay 😄

half osprey Jul 18, 2018, 12:34 PM

#

@subtle rune nice UI !

#

Love the use of the badges on the plant card

#

Not sure why you keep track of the temp of your partner 😉

wheat current Jul 18, 2018, 12:36 PM

#

You don't?:O

half osprey Jul 18, 2018, 12:38 PM

#

I wonder what the best approach is to get some more text available for titles in glance cards

#

I know that in the beta we are now making it possible to define the width (and thus how many entities)

#

@subtle rune can I share your screenshot on the Home Assistant social media ?

atomic citrus Jul 18, 2018, 12:41 PM

#

does this look like a valid statement?
Because it does not show the element over the image

- type: picture-elements
        image: https://images.pexels.com/photos/846288/pexels-photo-846288.jpeg?auto=compress&cs=tinysrgb&h=240&w=495&fit=crop
        elements:
          - type: state-label
            entity: input_select.status_alarm
            style:
              top: 50%
              left: 50%```

raven nacelle Jul 18, 2018, 12:51 PM

#

@atomic citrus The indentation is off..please check the docs carefully. I have an example in my repo as well.

warm stone Jul 18, 2018, 1:03 PM

#

@half osprey do you have a page with examples of peoples lovelace setups?

half osprey Jul 18, 2018, 1:03 PM

#

No

#

I have some plans about a Share the Love section

#

with interactive configs with fake states

#

Like the demo

#

However, I also have a very long to do list…

buoyant skiff Jul 18, 2018, 1:04 PM

#

share the needle section ™

#

xD

warm stone Jul 18, 2018, 1:08 PM

#

Someone needs to make a "share your frontend" reddit hint hint so I have something to plan and work towards.

wheat current Jul 18, 2018, 1:11 PM

#

@warm stone mine is boring AF, but therefore easy to share xD
config: https://hastebin.com/oropatakax.js
result: https://image.ibb.co/esENTd/image.png

warm stone Jul 18, 2018, 1:12 PM

#

What are the update things?

serene sierra Jul 18, 2018, 1:13 PM

#

can anyone explain me how lovelace ui handle rows?

wheat current Jul 18, 2018, 1:14 PM

#

Overview of the version of various custom cards/components I use

serene sierra Jul 18, 2018, 1:14 PM

#

when im using both - type: horizontal-stack and - type: vertical-stack after 4 rows start something strange and card disorder

#

there is my code https://hastebin.com/zufaqikira.cs

#

more then 5 rows stacked in same card moving next card in strange way https://ibb.co/eEsdZJ

#

and with less entities it not does happen https://ibb.co/ko5OZJ

warm stone Jul 18, 2018, 1:30 PM

#

Does it move when you resize the window to be smaller

serene sierra Jul 18, 2018, 1:34 PM

#

@warm stone move to where? it just start place cards with wrong order https://ibb.co/e8TXTd

#

4 cards here, first 3 are same and the last one is plan-coordinates

#

same 4 cards but with more then 4 rows stacked https://ibb.co/ewYJZJ

warm stone Jul 18, 2018, 1:38 PM

#

Was talking about resizing the browser window in general does that move the cards around and does that effect what you are talking about. I am off to bed now but it seems like it is justa sizing thing

serene sierra Jul 18, 2018, 1:38 PM

#

so why it can be?

warm stone Jul 18, 2018, 1:39 PM

#

open the side panel and close it you will find they move and place themselves to fit

serene sierra Jul 18, 2018, 1:39 PM

#

not is not sizing fore sure im undrestand what about you talking

#

Please compare the last two screenshots and see that the cards in different sequences

subtle rune Jul 18, 2018, 1:40 PM

#

@half osprey I guess that's fine 😃

#

Haha. "Stefans room" was too long

serene sierra Jul 18, 2018, 1:40 PM

#

with the same screen size

half osprey Jul 18, 2018, 1:41 PM

#

I really like your use of colors

#

do you have a Twitter handle I can tag in the message ?

#

No, @subtle rune

subtle rune Jul 18, 2018, 1:42 PM

#

@half osprey IsaAlstrom

dense osprey Jul 18, 2018, 2:20 PM

#

Is it possible to show my motion sensors in a glance card, with the time since last activation shown as a caption for each sensor? would need to show a formatted version of eg: states.binary_sensor.kitchen_motion.last_changed

#

i think i want to override the state with a value template or something, for glance entities

#

is that possible?

#

Currently a glance card just says "clear" or "detected" under each sensor

half osprey Jul 18, 2018, 2:27 PM

#

No but I like that idea, please open an issue in https://github.com/home-assistant/ui-schema/issues

#

With 0.74 showing last changed will be possible for entity cards

dense osprey Jul 18, 2018, 2:31 PM

#

cards:

type: glance
title: Motion Sensors
entities:
- entity: binary_sensor.top_floor_landing_motion
  name: Top Floor
  Instead of just clear/detected, show last activation time:
  value_template: {{ states.binary_sensor.kitchen_motion.last_changed }}

#

this is what i want, i think - will file an issue, thanks

wheat current Jul 18, 2018, 2:35 PM

#

Templates are not going to happen, defining an attribute to show under the state object might

#

Or as the object value in this case

dense osprey Jul 18, 2018, 2:37 PM

#

hmm, well there isn't an attribute of the motion sensors that contains a nicely formatted "5 mins ago" type of value

#

so i think some sort of template is needed to be able to display the timestamp nicely

#

perhaps i could make a new templated sensor that matches each real sensor, templating the value from clear/detected to -> "5 mins ago" or whatever. seems a shame to create additional sensors just for display purposes though.

#

anyway, here we go: https://github.com/home-assistant/ui-schema/issues/110

molten abyss Jul 18, 2018, 3:03 PM

#

So i am using picture card to display network traffic graphs from another system. is it possible to use navigation_path to open a url from a different host?

calm rock Jul 18, 2018, 3:14 PM

#

Hi ,! , im testing the big number card , and cant get the bar to show up , just the number and name , any ideas what i may be missing ?

half osprey Jul 18, 2018, 3:26 PM

#

Changelog of frontend is now automatically maintained 😃

📎 unknown.png

dense osprey Jul 18, 2018, 3:26 PM

#

is it the case that all the lovelace ui logic is clientside in js, so using python templates for values isn't convenient in arbitrary places like glance cards, since the state of entities is already sent to the client elsewhere without modification based on the lovelace config?

half osprey Jul 18, 2018, 3:26 PM

#

Yes, Lovelace is client side only

dense osprey Jul 18, 2018, 3:27 PM

#

from using older versions of hass, putting a value template in the glance config didn't seem too weird to me, but i can see why people are strongly opposed now

half osprey Jul 18, 2018, 3:27 PM

#

If you want to use advanced things, we have documentation on how to create custom cards in JS

dense osprey Jul 18, 2018, 3:27 PM

#

yeah

#

is it possible to attach a new attribute to an entity using a value template, rather than make a new templated copy of an entity?

#

so i could add a nicely formatted time-since attrib to a sensor

half osprey Jul 18, 2018, 3:28 PM

#

no

dense osprey Jul 18, 2018, 3:28 PM

#

seems a shame to add loads of templated copies of entities just for display purposes

#

but happy to do so if that is the official way

half osprey Jul 18, 2018, 3:33 PM

#

This is how last changed can be shown in the latest beta

📎 unknown.png

dense osprey Jul 18, 2018, 3:36 PM

#

cool. i think it's useful in general to be able to see that for various things

raven nacelle Jul 18, 2018, 3:38 PM

#

That was one of the primary things I was using custom_ui for.

serene sierra Jul 18, 2018, 3:41 PM

#

@north spear what about to use https://www.home-assistant.io/components/shopping_list/ with https://github.com/ciotlosm/custom-lovelace/tree/master/beer-card ?

north spear Jul 18, 2018, 3:52 PM

#

@serene sierra could be done

#

you can already do it I think with a template sensor

buoyant skiff Jul 18, 2018, 4:10 PM

#

beer card = best card

frosty pelican Jul 18, 2018, 4:24 PM

#

lol

empty heath Jul 18, 2018, 5:09 PM

#

Please do not use the lounge to post images that are intended to be in other channels. Instead, please use an image sharing service, such as https://imgur.com/.

@buoyant skiff I have given you the Accio role, which allows you to paste/attach images in almost all of our channels, including this one.

buoyant skiff Jul 18, 2018, 5:09 PM

#

tnx 😃

empty heath Jul 18, 2018, 5:11 PM

#

Just please don't abuse the privilege! I enabled attachments for you because your cards are amazing examples of how powerful Lovelace is, and how it can be used.

buoyant skiff Jul 18, 2018, 5:12 PM

#

i promise i wont 😃

molten abyss Jul 18, 2018, 5:34 PM

#

I forget what it is called, but the card that pops up when a component doesn't work on start or some other notification ... is it possible to have that show in Lovelace? If Wink doesn't come up properly, i am not seeing the notification and all the sensors/switches are missing.

tired quail Jul 18, 2018, 5:36 PM

#

are you thinking of the persistent_notification cards?

molten abyss Jul 18, 2018, 5:39 PM

#

yes? I never got them to work when i tried to invoke them, but the system (?) ones always showed. I assumed they were different on some level

buoyant skiff Jul 18, 2018, 5:40 PM

#

those doesnt show currently

#

have tried also

#

doesnt work

molten abyss Jul 18, 2018, 5:41 PM

#

kk

buoyant skiff Jul 18, 2018, 5:41 PM

#

dunno if its intended or if its broken

#

but again its all experimental 🤷

molten abyss Jul 18, 2018, 5:42 PM

#

yup yup ... just wasn't sure if i was just not swift enough to noodle it through 😃

tired quail Jul 18, 2018, 5:43 PM

#

i thought i saw a post or comment somewhere about reworking them to be different than standard entities

wheat current Jul 18, 2018, 6:02 PM

#

Can get them to show with the monster-card:

          include:
            - entity_id: persistent_notification*

tender wasp Jul 18, 2018, 6:06 PM

#

@molten abyss @buoyant skiff https://github.com/home-assistant/ui-schema/issues/105
sorry wrong one

molten abyss Jul 18, 2018, 6:15 PM

#

cool .. ty!

vapid field Jul 18, 2018, 6:26 PM

#

oi @north spear @wheat current cardtracker-card changes folow instruction but seems im missing something
do i still needs the custom_components, sensor and custom_cards.py and the configuration.yam with custom_cards:?
i see the card there but is empty
i have tryed with and with out above sets

wheat current Jul 18, 2018, 6:28 PM

#

Did you define the correct tracker?

- type: custom:tracker-card
  title:
  trackers:
    - sensor.custom_card_tracker

molten abyss Jul 18, 2018, 6:36 PM

#

is there a centralized place for the various custom cards that have been cooked up? 'cause that looks intriguing

wheat current Jul 18, 2018, 6:36 PM

#

IMO the best place for now is https://github.com/ciotlosm/custom-lovelace

#

the same repo as the tracker component "asks" for new versions

molten abyss Jul 18, 2018, 6:37 PM

#

good deal, ty!

vapid field Jul 18, 2018, 6:44 PM

#

@wheat current i have like is instructions on github

- type: custom:tracker-card
  title:
  trackers:
    - sensor.custom_card_tracker
    - sensor.custom_component_tracker

wheat current Jul 18, 2018, 6:45 PM

#

And in /config/custom_components/ you have both:
-custom_components.py
-custom_cards.py

vapid field Jul 18, 2018, 6:46 PM

#

i have custom_cards.py and sensor folder

#

i couldnt find link to the custom components to see if there was changes

wheat current Jul 18, 2018, 6:47 PM

#

https://github.com/custom-components/custom_cards
https://github.com/custom-components/custom_components

vapid field Jul 18, 2018, 6:47 PM

#

use to be in the git under card seems isnt there now

#

404

wheat current Jul 18, 2018, 6:47 PM

#

Try again 😉

tidal frigate Jul 18, 2018, 6:48 PM

#

Is it possible to create more than one ui configuration for lovelace? Back in the day I used openHAB and one of the things that I really liked was that I could create different sitemaps. For example one for the kids, one for me, and one for guests.

vapid field Jul 18, 2018, 6:50 PM

#

on it for some reason i dont see no link there or info to get to those components
https://github.com/ciotlosm/custom-lovelace/tree/master/tracker-card
😃

wheat current Jul 18, 2018, 6:50 PM

#

The reason for that is that its no longer there 😉

vapid field Jul 18, 2018, 6:52 PM

#

do i still need sensor folder and the configuration.yaml setting custom_cards: ?

wheat current Jul 18, 2018, 6:55 PM

#

You need to add custom_cards: to configuration.yaml, but you don not need to dowload the sensor, it will do that for you 😉

vapid field Jul 18, 2018, 7:00 PM

#

@wheat current working again thanks for the updates
great job!!!

grand veldt Jul 18, 2018, 7:27 PM

#

Anyone knows where I can get some info how to style Lovelace (colors, fonts etc). I guess there's a CSS somewhere?

placid geyser Jul 18, 2018, 7:34 PM

#

@grand veldt is this what you're looking for? https://developers.home-assistant.io/docs/en/lovelace_custom_card.html#advanced-example

half osprey Jul 18, 2018, 7:52 PM

#

@grand veldt that's the existing Home Assistant theming

grand veldt Jul 18, 2018, 8:03 PM

#

@half osprey Great, thanks!

dense roost Jul 18, 2018, 8:59 PM

#

Is it possible to have a card stretch across the screen, above all the columns lovelace automatically creates

half osprey Jul 18, 2018, 9:03 PM

#

you can hack something together with putting a vertical stack with panel: true and then adding your own columns with horizontal-stack

empty heath Jul 18, 2018, 9:14 PM

#

@half osprey That's a neato trick! https://hastebin.com/dotihewixa.css

📎 unknown.png

simple jolt Jul 18, 2018, 9:21 PM

#

Is there a way to use navigation path within either an automation or script that whenever motion is detected the interface would move to t camera view?

fossil kindle Jul 18, 2018, 9:28 PM

#

how do i get @empty heath github

empty heath Jul 18, 2018, 9:33 PM

#

~dale3h

kind shellBOT Jul 18, 2018, 9:33 PM

#

AKA Dale Higgs, the guru and codesmith ninja (aka Jinja Ninja) who cures most of our hair-pulling: https://github.com/dale3h/homeassistant-config

If you have received any significant help on the Home Assistant Discord server, it is likely due to Dale's expertise and general good-natured spirit.

fossil kindle Jul 18, 2018, 9:33 PM

#

@empty heath how do i get all your sensors ??

empty heath Jul 18, 2018, 9:35 PM

#

The ones at the top should all be in packages/weather.yaml

#

The stuff in column 1 and column 2 is in packages/system.yaml, and the stuff in column 3 is in packages/utilities.yaml

fossil kindle Jul 18, 2018, 9:36 PM

#

ok i try thx..

polar kelp Jul 18, 2018, 9:46 PM

#

I was asking yesterday about if it would be possible to include files into ui-lovelace.yaml, and was told that it was not planned, but that a tool could easily be made for it; so I did: https://github.com/thomasloven/homeassistant-lovelace-gen

fossil kindle Jul 18, 2018, 9:47 PM

#

@polar kelp From sweden ??

polar kelp Jul 18, 2018, 9:48 PM

#

yes

empty heath Jul 18, 2018, 10:01 PM

#

@polar kelp You. Are. Awesome.

#

Nice work, sir!

polar kelp Jul 18, 2018, 10:02 PM

#

Wow. Thank you!

empty heath Jul 18, 2018, 10:02 PM

#

Have you set up a file sensor to read when ui-lovelace.yaml changes, and use that to trigger an automation that automatically rebuilds it? 😉

polar kelp Jul 18, 2018, 10:03 PM

#

Haha! Awesome idea.

half osprey Jul 18, 2018, 10:03 PM

#

Awesome!

polar kelp Jul 18, 2018, 10:03 PM

#

I guess when I've been into home automation a while longer things like that will come to me immediately as well...

half osprey Jul 18, 2018, 10:04 PM

#

Now next a custom component that overrides the websocket command to get the Lovelace UI and have it run your code

empty heath Jul 18, 2018, 10:07 PM

#

@half osprey 😮 Is that actually possible?

half osprey Jul 18, 2018, 10:07 PM

#

Yeah

empty heath Jul 18, 2018, 10:07 PM

#

Can we inject middleware into the websocket?

#

Holy Python codes Batman! 😍

half osprey Jul 18, 2018, 10:08 PM

#

Well sorta, but you can also override the command

empty heath Jul 18, 2018, 10:08 PM

#

Gee thanks @half osprey, I guess we won't be seeing @polar kelp for a few hours while he hacks together your custom component idea. 😂

half osprey Jul 18, 2018, 10:08 PM

#

Create custom component, have it depend on frontend. Look in frontend init py how we register websocket command for Lovelace, copy that to custom component

#

And edit

#

Now load custom component

#

Custom components exist to do these crazy experiments

rotund island Jul 18, 2018, 10:14 PM

#

wow love your lovelace cards

calm rock Jul 18, 2018, 11:10 PM

#

@empty heath , by "forcing " the layout in three columns with the wide header , will the UI still auto adjust when on mobile ?

empty heath Jul 18, 2018, 11:11 PM

#

It should, yes.

calm rock Jul 18, 2018, 11:11 PM

#

good! tks

north spear Jul 18, 2018, 11:14 PM

#

Not really. It will squeeze all in 1 column. Won’t rearrange columns so you get full width of cards. Than again I might be wrong

empty heath Jul 18, 2018, 11:19 PM

#

📎 image.png

#

This is how it looks :’(

warm stone Jul 19, 2018, 12:58 AM

#

Can you not have a thing with websites where it detects the screen resolution / device and then displays a "mobile" version instead?

empty heath Jul 19, 2018, 1:50 AM

#

It might be possible, but it already does that when NOT using this layout.

molten abyss Jul 19, 2018, 3:13 AM

#

is there a way to fix this? http://l.crvk.co/jd4piB

#

short of adding 8 more devices to my guest lan

#

is there a way to get to the "old" front end with lovelace enabled and set to default? similar to how you can do /lovelace/

tender wasp Jul 19, 2018, 3:34 AM

#

/states

buoyant skiff Jul 19, 2018, 6:02 AM

#

.away courses and meetings

kind shellBOT Jul 19, 2018, 6:02 AM

#

Toast is away! courses and meetings :wave:

rocky merlin Jul 19, 2018, 9:15 AM

#

Hi guys, my name is Tomas and I just joined. I am a homeassistant nerd and just going into lovelace. I have a question about custom cards. I want to be able to inherit let say the HuiPictureEntityCard and alter it html output to reuse the card basic functionality. Is that possible (I am a javascript noob)
like this:
class PictureEntityStatus extends HuiPictureEntityCard {
static get template() {
return html` ...

#

I am not sure how to import the js from package

half osprey Jul 19, 2018, 9:26 AM

#

Yes. You can get the class for that element using :

const HuiPictureEntityCard  = customElements.get('hui-picture-entity-card');

class PictureEntityStatus extends HuiPictureEntityCard {

#

But there is no guarantee from our end that the class is going to stay the same

rocky merlin Jul 19, 2018, 9:31 AM

#

Ohhh it is that easy 😃 thanks!! ofc there are no guarantees I get that but thanks alot!!

dense roost Jul 19, 2018, 10:17 AM

#

@empty heath that's strange it's working for me perfectly

north spear Jul 19, 2018, 10:28 AM

#

@dense roost using the same vertical/horizontal stack? or using just normal cards and existing flow ?

dense roost Jul 19, 2018, 10:36 AM

#

Sorry I should have added more info. I still have a lot to do with this wall tablet interface. You can't actually see the first panel because it's only 1px tall, but it stretches the entire screen, which stretches the Lovelace interface from edge to edge like I wanted. http://imgur.com/80u9djx

#

https://i.imgur.com/80u9djx.png @north spear

buoyant skiff Jul 19, 2018, 10:49 AM

#

i like the cartoon images

#

nicely done

north spear Jul 19, 2018, 10:57 AM

#

yeah, I wonder how that looks on a narrow mobile screen

buoyant skiff Jul 19, 2018, 11:11 AM

#

think it would look good

atomic citrus Jul 19, 2018, 11:13 AM

#

is this statement right?? because it displays the label BELOW th image....

- type: picture-elements
        image: https://images.pexels.com/photos/846288/pexels-photo-846288.jpeg?auto=compress&cs=tinysrgb&h=240&w=495&fit=crop
        elements:
          - type: state-label
            entity: input_select.status_alarm
            style:
              top: 50%
              left: 50%```

atomic citrus Jul 19, 2018, 11:30 AM

#

oh.... seems to be a firefox issue.
the IOS app looks okay (except the font is too small)

#

the picture-entity could really use a navigation_path as an on_tap parameter!!! 😃

buoyant skiff Jul 19, 2018, 11:34 AM

#

This is probably because your version of Firefox doesn't have custom components supported or enabled. Please set to true in your about:config the following settings: dom.webcomponents.customelements.enabled and dom.webcomponents.shadowdom.enabled

#

noticed that it fixes the ui even if your not using custom stuff

atomic citrus Jul 19, 2018, 11:35 AM

#

about::config? in HA ?

buoyant skiff Jul 19, 2018, 11:35 AM

#

no ff

atomic citrus Jul 19, 2018, 11:35 AM

#

yeah..

#

didnt even know there was about in ff 😃

buoyant skiff Jul 19, 2018, 11:36 AM

#

well there is and its just like chromes about it can break the browser

atomic citrus Jul 19, 2018, 11:36 AM

#

wow... @buoyant skiff where can i find those settings??

buoyant skiff Jul 19, 2018, 11:37 AM

#

there is a searchbar ?

#

so type in the value you want to edit

#

not rocket science

#

😃

atomic citrus Jul 19, 2018, 11:38 AM

#

the searchbar goes off to google....

#

lol

dense roost Jul 19, 2018, 11:40 AM

#

@atomic citrus about:config

atomic citrus Jul 19, 2018, 11:47 AM

#

oh... got it!

dense roost Jul 19, 2018, 11:48 AM

#

@north spear looks terrible on a phone, but it's only meant for a wall tablet I have. Hoping the new user system will allow each user to have their own views not visible to other users as this would be the only view for the tablet.

atomic citrus Jul 19, 2018, 11:48 AM

#

that fixed it! THANKS!

loud vault Jul 19, 2018, 11:48 AM

#

does customui work with lovelace?

atomic citrus Jul 19, 2018, 11:53 AM

#

can i change the font for picture elements?

buoyant skiff Jul 19, 2018, 12:10 PM

#

you have to make your css file for ha

proud sky Jul 19, 2018, 12:10 PM

#

how to install the new lovelace UI, i dont get it😂

buoyant skiff Jul 19, 2018, 12:11 PM

#

make ui-lovelace.yaml

#

then fill it with content

#

a good idea is to read the docs

proud sky Jul 19, 2018, 12:11 PM

#

thanks!!!

buoyant skiff Jul 19, 2018, 12:11 PM

#

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

half osprey Jul 19, 2018, 1:38 PM

#

Lovelacers, I need your help !

#

We're creating a Lovelace gallery with all different permutations of the configs for each card

#

So that it's easier to develop/tweak and see the impact it will have on all different ways a card can look

#

We have added the foundation for this, it looks like this: https://home-assistant-lovelace-gallery.netlify.com/#demo-hui-picture-glance-card

#

So where all of you come in is that we need example card configs contributed

#

For example, our picture-glance card demo is here https://github.com/home-assistant/home-assistant-polymer/blob/master/gallery/src/demos/demo-hui-picture-glance-card.js

#

On line 9 you can see the different configs

#

The available states are the one of the demo component, found here https://github.com/home-assistant/home-assistant-polymer/blob/master/gallery/src/data/demo_dump.js

half osprey Jul 19, 2018, 2:00 PM

#

All configs stored are in JSON, not YAML. So you will need to convert it using http://yaml-online-parser.appspot.com/

foggy tendon Jul 19, 2018, 2:02 PM

#

can somebody tell me why i get these errors? I followed the proper instructions...

#

2018-07-19 16:02:10 ERROR (MainThread) [frontend.js.latest.201807080] ocal/custom_ui/dark-sky-weather-card.js?v=4:89:67 Uncaught TypeError: Cannot read property 'state' of undefined
2018-07-19 16:02:13 ERROR (MainThread) [frontend.js.latest.201807080] local/tracker-card.js?v=0:96:58 Uncaught TypeError: Cannot read property 'replace' of undefined

sour pilot Jul 19, 2018, 2:06 PM

#

Hello, is there any way to get the glance icons to do something on click, rather than opening up the details panel? I want to use it to create buttons which switch the scene of my lights

#

I think there is tap_action: toggle for picture-glance but not glance

buoyant skiff Jul 19, 2018, 2:17 PM

#

@foggy tendon get help from the dev of that card

foggy tendon Jul 19, 2018, 2:17 PM

#

Don't remember his nickname

buoyant skiff Jul 19, 2018, 2:17 PM

#

where did u get it from ?

foggy tendon Jul 19, 2018, 2:18 PM

#

from here many messages ago...

buoyant skiff Jul 19, 2018, 2:18 PM

#

errr

#

https://community.home-assistant.io/t/custom-dark-sky-animated-weather-card/59816

#

here it is

#

go seek help there

foggy tendon Jul 19, 2018, 2:20 PM

#

@wheat current i installed custom_components, but i get this error:
/local/tracker-card.js?v=0:96:58 Uncaught TypeError: Cannot read property 'replace' of undefined

#

@buoyant skiff ok i found the dev...

buoyant skiff Jul 19, 2018, 2:21 PM

#

lol ludeeus doesnt have anything to do with that

foggy tendon Jul 19, 2018, 2:22 PM

#

hmmm......

wheat current Jul 19, 2018, 2:25 PM

#

That is somewhat correct, I have worked on the backend of that card.
Try changing /local/tracker-card.js?v=0:96:58 with /local/tracker-card.js?v=0.96.58

raven nacelle Jul 19, 2018, 2:27 PM

#

@half osprey So, for other demo cards, we just to create those .js files in the demo directory?

#

Also, lines 5 through 58 are configs. What about the other lines after that?

foggy tendon Jul 19, 2018, 2:30 PM

#

@wheat current which is the difference? they seems equal

half osprey Jul 19, 2018, 2:30 PM

#

@raven nacelle rest is all automatic

foggy tendon Jul 19, 2018, 2:30 PM

#

@wheat current i get that error and no card

raven nacelle Jul 19, 2018, 2:31 PM

#

Meaning, I can use similar lines that you have in the glance demo card?

wheat current Jul 19, 2018, 2:31 PM

#

@foggy tendon Difference is : vs . in the version tag

foggy tendon Jul 19, 2018, 2:31 PM

#

ahahahah

wheat current Jul 19, 2018, 2:32 PM

#

If that do not help

#

~share your ui-lovelace.yaml file

kind shellBOT Jul 19, 2018, 2:32 PM

#

:point_down:

Format Code:

Please use https://www.hastebin.com to share code.

foggy tendon Jul 19, 2018, 2:32 PM

#

ok but still the same error and no card appearance

#

https://www.hastebin.com/xemufanade.bash

wheat current Jul 19, 2018, 2:34 PM

#

Seems ok, what is the content of /config/www/ ?

foggy tendon Jul 19, 2018, 2:36 PM

#

among the others i have tracker-card.js into /config/www/

#

and all the other .js files

#

@wheat current now i get the foillowing:

#

/local/tracker-card.js?v=0.96.58:1:1 Uncaught SyntaxError: Identifier 'TrackerCard' has already been declared

wheat current Jul 19, 2018, 2:40 PM

#

okei...
In HA UI under templates , paste this:

{{ state_attr('sensor.custom_card_tracker','tracker-card')}}
{{ state_attr('sensor.custom_component_tracker','custom_cards')}}

What does that say?`

foggy tendon Jul 19, 2018, 2:41 PM

#

{'has_update': True, 'local': '0', 'remote': '0.1.0'}
{'has_update': True, 'local': '1.1.9', 'not_local': False, 'remote': '1.1.14'}

wheat current Jul 19, 2018, 2:42 PM

#

wierd, did you try restarting?
Incognito mode?

foggy tendon Jul 19, 2018, 2:43 PM

#

yes i restarted.... what is incognito mode?

wheat current Jul 19, 2018, 2:44 PM

#

~lmgtfy incognito mode

kind shellBOT Jul 19, 2018, 2:44 PM

#

:point_up:

Let me Google that for you...

Here, try this => http://lmgtfy.com/?q=incognito+mode

foggy tendon Jul 19, 2018, 2:46 PM

#

ah ok i was thinking something related to HASS... no i have no incognito mode

wheat current Jul 19, 2018, 2:46 PM

#

No, but try using that

foggy tendon Jul 19, 2018, 2:47 PM

#

now i get this:

#

/local/tracker-card.js?v=0:96:58 Uncaught TypeError: Cannot read property 'replace' of undefined

#

i did not changed again into 0:96:58.. i still have 0.96.58

wheat current Jul 19, 2018, 2:49 PM

#

For got to save?

#

changed the wrong file?

foggy tendon Jul 19, 2018, 2:49 PM

#

in incognito mode i get the same error and no card

#

no, double checked all

wheat current Jul 19, 2018, 2:50 PM

#

Anything in the dev-console?

foggy tendon Jul 19, 2018, 2:50 PM

#

what?

wheat current Jul 19, 2018, 2:50 PM

#

Sorry to be harsh, but unless you know how to do basic troubleshooting, you should not use custom stuff...

foggy tendon Jul 19, 2018, 2:51 PM

#

with the previous card-tracker all was working good... i installed custom components.py and changed card-tracker into the new tracker-card and i got all these errors

wheat current Jul 19, 2018, 2:53 PM

#

Remove all of them, and start over, if you still don't get it to work, open an issue here:
https://github.com/ciotlosm/custom-lovelace/issues

foggy tendon Jul 19, 2018, 2:54 PM

#

ok

half osprey Jul 19, 2018, 2:59 PM

#

@raven nacelle yes

raven nacelle Jul 19, 2018, 3:00 PM

#

Ok...let me start with one demo card PR to make sure that I understand.

half osprey Jul 19, 2018, 3:00 PM

#

I just added some more as an example https://github.com/home-assistant/home-assistant-polymer/pull/1476

GitHub

Add more demos by balloob · Pull Request #1476 · home-assistant/...

Add a couple more demos as example.

#

this adds 2 new demo's and 2 new configs

raven nacelle Jul 19, 2018, 3:01 PM

#

https://home-assistant-lovelace-gallery.netlify.com/ still only shows one

half osprey Jul 19, 2018, 3:02 PM

#

wait 1 minute, I just merged it

raven nacelle Jul 19, 2018, 3:02 PM

#

ok

half osprey Jul 19, 2018, 3:02 PM

#

now it shows 3 😃

raven nacelle Jul 19, 2018, 3:02 PM

#

Its there 😃

half osprey Jul 19, 2018, 3:02 PM

#

you can also run the gallery locally

#

cd gallery
script/develop_gallery

#

it does not need a dev Home Assistant environment

raven nacelle Jul 19, 2018, 3:04 PM

#

that is the easiest thing to set up (at least for non devs) 😉

#

I think I understand this now. I can add a few additional configs/cards

half osprey Jul 19, 2018, 3:05 PM

#

So right now, it won't be possible yet to change states

raven nacelle Jul 19, 2018, 3:05 PM

#

Yeah....it just shows a dialogbox Showing more info for light.bed_light

buoyant skiff Jul 19, 2018, 3:31 PM

#

gonna take a whack at making a demo card too

#

just need to make my own cards first 😃 think i can come up with something great

#

been going bonkers with gauges

#

📎 unknown.png

foggy tendon Jul 19, 2018, 3:32 PM

#

@wheat current Now i get also this:
/local/bignumber-card.js:86:52 Uncaught TypeError: Cannot read property 'state' of undefined

#

i think something related to the last changes...

#

as since yesterday all was running good... i only switched to the last HASS release 0.73.2

wheat current Jul 19, 2018, 3:41 PM

#

1: have you done what I told you to do?

If yes, try this:
1: Stop home assistant
2: Add this ?v=0 to the end of all cards in ui-lovelace.yaml, should be added after .js
3: Start home assistant.
4: Run the service custom_cards.update_all

#

if that fails, backup ui-lovelace.yaml, create a new file, and add back one card until it fail again.

foggy tendon Jul 19, 2018, 3:50 PM

#

@wheat current you mean this? custom_cards.update_cards

#

i don't have custom_card.update_all

wheat current Jul 19, 2018, 3:51 PM

#

That may be the issue...
Do you have custom_components.update_all ?

foggy tendon Jul 19, 2018, 3:51 PM

#

yes

#

i have it

wheat current Jul 19, 2018, 3:51 PM

#

Run that, and wait 1min, then restart home assistant

#

after that you should have custom_cards.update_all to

foggy tendon Jul 19, 2018, 3:54 PM

#

ok, finally i got it.... thanks a lot

#

and the card appeared again

#

But now i get this for all the components

#

Uncaught SyntaxError: Identifier 'MonsterCard' has already been declared

#

maybe i must put other version numbers?

wheat current Jul 19, 2018, 4:05 PM

#

Clear cache

weary folio Jul 19, 2018, 4:07 PM

#

hi...how to make a switch to have a state from a device tracker....

buoyant skiff Jul 19, 2018, 4:08 PM

#

is it for lovelace ?

wheat current Jul 19, 2018, 4:08 PM

#

No

#

Probably didn't like the help in #330944238910963714

weary folio Jul 19, 2018, 4:10 PM

#

my template switch don't work

#

platform: template
switches:
pc:
value_template: "{{ states('device_tracker.ciprian_pc') }}"
turn_on:
service: switch.on
data:
entity_id: switch.pc
turn_off:
service: switch.off
data:
entity_id: switch.pc

buoyant skiff Jul 19, 2018, 4:11 PM

#

not in this channel

#

use #330944238910963714 and use hastebin

#

reread the #rules

long cosmos Jul 19, 2018, 4:17 PM

#

So is lovelace the future of HA? Should I stop learning to configure the old interface and just concentrate on learning lovelace?

buoyant skiff Jul 19, 2018, 4:17 PM

#

would say that its a really good replacement

#

sooo much better

#

less clunky and more open

#

not limited by one row

long cosmos Jul 19, 2018, 4:18 PM

#

I don't speak the HTML and CSSs and JSs so good. Is there a list of configs people have made so I can see what I need to do? A library of cards etc..?

buoyant skiff Jul 19, 2018, 4:19 PM

#

just look at the lovelace docs

#

they are really simple

long cosmos Jul 19, 2018, 4:19 PM

#

https://developers.home-assistant.io/en/ <--- this?

buoyant skiff Jul 19, 2018, 4:20 PM

#

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

#

that

long cosmos Jul 19, 2018, 4:20 PM

#

okay. thanks.

buoyant skiff Jul 19, 2018, 4:21 PM

#

np

#

all you basically have to do is create ui-lovelace.yaml

#

and start adding content

#

and by content i mean the link i provided 😃

long cosmos Jul 19, 2018, 4:22 PM

#

lol, okay. does that file basically replace the groups, customize, etc yaml files?

buoyant skiff Jul 19, 2018, 4:22 PM

#

groups

#

nothing is grouped

#

its all one doc

#

but less clutter

long cosmos Jul 19, 2018, 4:23 PM

#

yeah, I guess thats' what I meant.

buoyant skiff Jul 19, 2018, 4:24 PM

#

stopped using custum ui all together

#

just using lovelace

long cosmos Jul 19, 2018, 4:25 PM

#

i was just learning custom ui and figured before I got too deep if it was smart to just make the switch now.

buoyant skiff Jul 19, 2018, 4:27 PM

#

📎 unknown.png

#

thats a lovelace card

#

with button toogles etc

#

all working stats

sour pilot Jul 19, 2018, 4:27 PM

#

is there a guide or anything about creating your own lovelace cards?

buoyant skiff Jul 19, 2018, 4:28 PM

#

yes

#

its call the docs

#

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

#

its all in there

sour pilot Jul 19, 2018, 4:28 PM

#

ah. didnt spot the dev docs, thanks

buoyant skiff Jul 19, 2018, 4:29 PM

#

might wanna check on top next time

#

📎 unknown.png

#

its in the header 😉

sour pilot Jul 19, 2018, 4:29 PM

#

that's just too easy 😉

wheat current Jul 19, 2018, 4:31 PM

#

This is the coolest card 😃

📎 unknown.png

buoyant skiff Jul 19, 2018, 4:32 PM

#

ppffttt

wheat current Jul 19, 2018, 4:38 PM

#

@buoyant skiff got a RPi Power status card yet? 😛

buoyant skiff Jul 19, 2018, 4:38 PM

#

naa

signal pine Jul 19, 2018, 4:50 PM

#

oh that transmission card is gorgeous

buoyant skiff Jul 19, 2018, 4:50 PM

#

thank you 😃

signal pine Jul 19, 2018, 4:50 PM

#

god i really need to sit down with lovelace

buoyant skiff Jul 19, 2018, 4:50 PM

#

that card is made with picture-elements

#

so simple to make beutiful cards

signal pine Jul 19, 2018, 4:51 PM

#

apparently!

#

maybe that'll be my weekend project. transition my current groups and shit into lovelace

#

and then start playing with the new shit

buoyant skiff Jul 19, 2018, 4:52 PM

#

📎 unknown.png

#

my untappd card for home assistant

#

next project is to make a greeter card

sour pilot Jul 19, 2018, 4:56 PM

#

is that just picture-element too?

buoyant skiff Jul 19, 2018, 4:56 PM

#

yes

sour pilot Jul 19, 2018, 4:56 PM

#

nice

buoyant skiff Jul 19, 2018, 4:58 PM

#

imho the most powerful card there is

#

so much possability

sour pilot Jul 19, 2018, 4:58 PM

#

yeah that seems a lot easier than writing your own cards to do that stuff

#

got any more examples?

buoyant skiff Jul 19, 2018, 5:10 PM

#

my asus nas card

📎 unknown.png

#

with running processes, power toogle and uptime and firmware version

cunning pagoda Jul 19, 2018, 5:12 PM

#

so can someone explain lovelace to me read the blog post but still not grasping the need besides a speed factor trying to figure out if i want to make the switch and resources to help if i start it as i got my install pretty much setup now

buoyant skiff Jul 19, 2018, 5:13 PM

#

click on the link in the header

#

all the info is there

#

the header in this chat

wheat current Jul 19, 2018, 5:15 PM

#

@buoyant skiff can you use attributes or just states?

buoyant skiff Jul 19, 2018, 5:15 PM

#

states

#

why thumbs doing ludeeus ?

vapid field Jul 19, 2018, 5:16 PM

#

@cunning pagoda migration is also pretty straightforward, at least for me it was like 30mins using https://gist.github.com/OttoWinter/730383148041824bc47786ea292572f8 .... needs some wor afterwards, but you pretty fast get back what you had before ...

north spear Jul 19, 2018, 5:16 PM

#

Attributes are for gods :-))

buoyant skiff Jul 19, 2018, 5:16 PM

#

sure you can use attribues

wheat current Jul 19, 2018, 5:16 PM

#

I want attributes. 😅

north spear Jul 19, 2018, 5:16 PM

#

Or beer

buoyant skiff Jul 19, 2018, 5:16 PM

#

beer is good

#

beer is nectar of the gods

#

you can use attributes 😛

#

just havent bothered with it

wheat current Jul 19, 2018, 5:17 PM

#

Oh nice 👌

#

Much easier to make a sensor with alot of attributes then a lot of sensors 😜

frank garnet Jul 19, 2018, 5:20 PM

#

@buoyant skiff Are you publishing the source code of your cards somewhere?

buoyant skiff Jul 19, 2018, 5:21 PM

#

not as of yet

#

working on getting it perfect

#

however i will provide demo cards for homeassistant

frank garnet Jul 19, 2018, 5:22 PM

#

Can you send me the code of this please?
https://cdn.discordapp.com/attachments/460846676358332417/469540718994784259/unknown.png

mild veldt Jul 19, 2018, 5:23 PM

#

@north spear @buoyant skiff You should submit that custom card to https://github.com/ciotlosm/custom-lovelace once you have it ready. Looks great!

buoyant skiff Jul 19, 2018, 5:24 PM

#

its a card

#

its not a custom card

#

never said anything about custom

mild veldt Jul 19, 2018, 5:25 PM

#

really? I'll be interested to see how you accomplished this 😃

wheat current Jul 19, 2018, 5:25 PM

#

if you scroll up here a few days, he shared one of them 😉

buoyant skiff Jul 19, 2018, 5:26 PM

#

its all in the chat 😃

#

just look at the picture element section

mild veldt Jul 19, 2018, 5:26 PM

#

Need that untappd 🍻

buoyant skiff Jul 19, 2018, 5:26 PM

#

untappd is a custom_compenent

#

very much alpha

#

still working on that

#

will be available here

#

https://github.com/custom-components

#

once im good with the source

wheat current Jul 19, 2018, 5:27 PM

#

soon ™

buoyant skiff Jul 19, 2018, 5:27 PM

#

and know what i want in the ui

#

hey thats my trademark 😛

wheat current Jul 19, 2018, 5:28 PM

#

a component/platform, should just make the info avaiable, it should be up to the user how it's presented 😃

#

Just throw it in there ant let the user deside 😉

buoyant skiff Jul 19, 2018, 5:29 PM

#

cough

molten abyss Jul 19, 2018, 5:29 PM

#

what entity do you use to show the value of a sensor, instead of just its icon?

buoyant skiff Jul 19, 2018, 5:29 PM

#

the user in this case being me

#

entity-label

#

entity-icon

#

simple

molten abyss Jul 19, 2018, 5:34 PM

#

then i am lost ...

buoyant skiff Jul 19, 2018, 5:34 PM

#

show me what your trying to do

#

use hastebin

#

post the yaml snippet

molten abyss Jul 19, 2018, 5:35 PM

#

i have a picture-glance, put a sensor that has outside temp for a value ... it just shows the thermometer icon and i have to click to show temp

#

http://l.crvk.co/g3l6Ap

buoyant skiff Jul 19, 2018, 5:36 PM

#

cause thats how its supposed to work

#

use picture element

molten abyss Jul 19, 2018, 5:37 PM

#

ok. haven't played with that one ... but that'll show the values?

buoyant skiff Jul 19, 2018, 5:38 PM

#

why would i recommend it if it didnt ?

molten abyss Jul 19, 2018, 5:38 PM

#

👍

wheat current Jul 19, 2018, 5:40 PM

#

Anyone made a card for Tautulli?

mild veldt Jul 19, 2018, 5:42 PM

#

@buoyant skiff AH! Looked over picture element. Skipped over those docs as I thought they were for floorplan specifically, which in a sense they probably were designed for, but now my peanut-sized brain is seeing the light 😉

#

would it make sense to start a repo with picture element lovelace config snippets to produce cards as you have? they are definitely the most powerful and therefore require the most setup and trial/error, I would think

buoyant skiff Jul 19, 2018, 5:46 PM

#

most people saw the floor plan

#

i saw something else

#

the floor plan was the last thing i saw

mild veldt Jul 19, 2018, 5:47 PM

#

and I think we're all grateful that you have

sour pilot Jul 19, 2018, 5:51 PM

#

What do you use to add static text (like a label) to a picture-elements?

buoyant skiff Jul 19, 2018, 5:52 PM

#

either by making a sensor template

#

input_text seems to not work

#

or adding unit of measurement to sensor

sour pilot Jul 19, 2018, 5:52 PM

#

Ok, I see, thanks

buoyant skiff Jul 19, 2018, 5:53 PM

#

that got me thru some hurdles 😄

#

np

mild veldt Jul 19, 2018, 5:53 PM

#

oh man, now I'm itching to get out of work so I can play with picture elements!

buoyant skiff Jul 19, 2018, 5:54 PM

#

fake being sick

#

😛

mild veldt Jul 19, 2018, 5:54 PM

#

3smart

#

💀

buoyant skiff Jul 19, 2018, 5:56 PM

#

i got this tshirt on at work 😛

📎 I_Used_Up_All_My_Sick_Days_Dark_T-Shirt_300x300.png

#

feel free to show me your creations

#

would love to compare

#

when you got some picture element cards

vapid field Jul 19, 2018, 5:57 PM

#

@wheat current i see there is card tracker improvemente where is the link to get the sensor.custom_components?

buoyant skiff Jul 19, 2018, 5:58 PM

#

@wheat current wonder if the card tracker discussion isnt better suited to #330944238910963714 ?

#

isnt really lovelace ui creation

mild veldt Jul 19, 2018, 6:00 PM

#

@buoyant skiff my first thought was a custom google home card, but then you said input_text doesn't seem to work 😦 Wanted to create one that could send TTS messages easily. Might create one that hooks into the GH local api: https://rithvikvibhu.github.io/GHLocalApi/

wheat current Jul 19, 2018, 6:01 PM

#

@buoyant skiff The tracker card is ;)
@vapid field no need for the sensor anymore, just the card and main component

buoyant skiff Jul 19, 2018, 6:02 PM

#

mostly its about configuring it

#

seems kinda redunant to have it here

topaz dust Jul 19, 2018, 6:10 PM

#

Is it not possible to control a lock when you add it to a picture glace card? Nothing happens when i press the icon.

#

Controling alarm works fine

buoyant skiff Jul 19, 2018, 6:12 PM

#

no

#

its just a glance

#

no option for toggles

topaz dust Jul 19, 2018, 6:13 PM

#

But for alarm i get the option. Whats the difference

buoyant skiff Jul 19, 2018, 6:14 PM

#

no idea what that means but glance is what it says it is a glance

#

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

#

its all in the docs

topaz dust Jul 19, 2018, 6:16 PM

#

Well I have my alarm and my lock in the same card. For the alarm I can klick on the icon and the control panel opens up. That don’t happen for the lock. So something is different

#

views:
  - icon: mdi:home
    id: home
    title: Glances
    cards:
      - type: vertical-stack
        cards:
        - type: picture-glance
          title: Villa MiFi
          entities:
            - group.ytterbelysningen
            - alarm_control_panel.name_alarm
            - lock.huvudentre
            - sensor.netatmo_inne_temperature
          image: /local/VillaMiFi2.png

#

i can press the group icon and it changes value. i can press the alarm icon and get the alarm panel, i can press the temp sensor and get the temp graf, but when i press the lock nothing happens, must be something wrong

#

from the docs: Show an image card and corresponding entity states as icon. The entities on the right side allow toggle actions, others show the more-info-dialog.

vapid field Jul 19, 2018, 6:41 PM

#

technically the whole "group" configuration get's far less important with lovelace, right? or will it even be deprecated? haven't read anything yet about this, but looking at my config after the migration, groups has nearly no use for me anymore...

half osprey Jul 19, 2018, 6:48 PM

#

You are right

#

Groups are now going to be mainly useful for automation

#

The goal of lovelace is to no longer store UI related entities in the config

#

Or UI related info in entities

#

Having to maintain less groups -> faster Home Assistant

signal pine Jul 19, 2018, 6:49 PM

#

so you'd still use a group if you want to bundle lights per room for scripts and autos (e.g. "hey google, turn of my living room lights") ?

#

if so, that makes things a lot easier

#

and cleans up my groups.yaml lol

half osprey Jul 19, 2018, 6:52 PM

#

If you want to bundle lights, use a light.group

#

That's a special group for lights

signal pine Jul 19, 2018, 6:52 PM

#

oh shit, i forgot about that hah

half osprey Jul 19, 2018, 6:52 PM

#

Which is better because it knows how to represent average brightness etc

#

We have an idea to add devices and have entities be related to devices. And then for devices we're going to add areas

#

And then we can start turning areas on/off

#

Getting ahead of myself here, first users 😉

signal pine Jul 19, 2018, 6:54 PM

#

heh

#

sounds like some good stuff is coming though!

vapid field Jul 19, 2018, 6:57 PM

#

ok nice, interestingly the fact that groups were more or less "missused" for the frontend layouting/structure was one of the first things I didn't see the benefit in, now with lovelace the cleaner seperation between literal "groups" and the ui/frontend is a major architectural improvement imho ... love it 😄

half osprey Jul 19, 2018, 6:59 PM

#

haha well it took me almost 5 years to realize that that we were abusing groups 😉

#

So this info is also in the docs https://www.home-assistant.io/lovelace#how-it-works

vapid field Jul 19, 2018, 7:00 PM

#

oops, sorry for that, not meant to be offensive 😄 I know that most of these later "weird" ideas nearly always started as a fantastic one 😉

half osprey Jul 19, 2018, 7:00 PM

#

Did you miss that or was it not clear from what is written ?

#

haha no offense taken

vapid field Jul 19, 2018, 7:01 PM

#

the separation was clear, but the future of the groups is not explicitly mentioned

half osprey Jul 19, 2018, 7:02 PM

#

Whenever I write down that something might go away or is deprecated, pitchforks come out 😉

vapid field Jul 19, 2018, 7:02 PM

#

especially this: "entities like groups for the sole purpose of showing them on the frontend." made me curious if groups might be deprecated in the future

#

yes, believe that , but honestly speaking if there are specific "light" groups, and all kinds of "collection" like components I can see chances that they might be seen as redundant ... but personally I would also not see them as obsolete ... only from the entity organization point-of-view they are still important...

empty heath Jul 19, 2018, 7:25 PM

#

@buoyant skiff We need to figure out/create a UI element that is strictly for “labels”

buoyant skiff Jul 19, 2018, 7:25 PM

#

yeah

#

also fixed positions should be easy to do

#

since it bases of css unless its already possible 😃

empty heath Jul 19, 2018, 7:27 PM

#

Hmm, is there currently anywhere that we could apply the :before() or :after() CSS stuff to?

#

I also just want an “elements” card (basically a picture elements without requiring a picture)

#

@buoyant skiff Did you see the discussion of a custom component to generate Lovelace UI file from a set of files?

half osprey Jul 19, 2018, 7:29 PM

#

Just use a transparent image ?

empty heath Jul 19, 2018, 7:29 PM

#

I suppose that could work, but it still requires an image 😜

#

Does it support b64 strings?

buoyant skiff Jul 19, 2018, 7:31 PM

#

no i have not

#

been kinda busy at work

#

catching up on stuff

empty heath Jul 19, 2018, 7:32 PM

#

@buoyant skiff Someone wrote a script to generate, and I threw out the idea of using a file sensor and an automation to rebuild the ui-lovelace file anytime the files change. But then balloob came in from left field and threw out that it would be possible to do with a custom component by overriding the Lovelace command of some sort.

buoyant skiff Jul 19, 2018, 7:33 PM

#

hmm nice

#

that could be really useful

#

something i would love is the ability to use markdown inside picture elements

empty heath Jul 19, 2018, 7:35 PM

#

I think it would be a good “for the moment” thing, but we really need to focus on a solid UI for editing the Lovelace UI. (Drag and drop, copy/paste, etc)

#

You can’t have a markdown card inside of a picture elements card?

buoyant skiff Jul 19, 2018, 7:35 PM

#

not that i know of

#

is it possible @half osprey ?

half osprey Jul 19, 2018, 7:36 PM

#

not right now

wheat current Jul 19, 2018, 7:36 PM

#

@buoyant skiff What is the syntax for using attributes in picture-elements, can't find it in the docs

buoyant skiff Jul 19, 2018, 7:36 PM

#

would be the ultimate card if it was

#

@wheat current cant use that with picture elements have to use the beer card 😛

wheat current Jul 19, 2018, 7:37 PM

#

🤦

#

I don't want that 😛

half osprey Jul 19, 2018, 7:38 PM

#

@empty heath use this as image source data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7

#

Although i guess it will make the card 1px high

#

You will need to create your own transparent one

empty heath Jul 19, 2018, 7:39 PM

#

Ahh, ok. Thank you sir, I will play around with it when I get a moment!

mossy gale Jul 19, 2018, 7:40 PM

#

@buoyant skiff love those gauges, is there a link anywhere to how you created those?

buoyant skiff Jul 19, 2018, 7:41 PM

#

those are made by @north spear

#

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

mossy gale Jul 19, 2018, 7:41 PM

#

ah ok, wonder if he posted anything, will do a search on his name

buoyant skiff Jul 19, 2018, 7:41 PM

#

Ballob this is my goal

📎 unknown.png

#

thats how i want my greeting card

#

it would be possible if i had markdown in picture element

mossy gale Jul 19, 2018, 7:49 PM

#

I havent even started in Lovelace yet, feel that as I havent got everything sorted in HA, that starting to tinker in Lovelace is going to distract me 😃

north spear Jul 19, 2018, 7:51 PM

#

Worth it imho

buoyant skiff Jul 19, 2018, 7:56 PM

#

what i got so far for a greeter card

mossy gale Jul 19, 2018, 7:58 PM

#

@north spear @buoyant skiff I'm going to have a go now.. to hell with it 😃

buoyant skiff Jul 19, 2018, 7:59 PM

#

😃

#

read the docs thats my advice

mossy gale Jul 19, 2018, 8:01 PM

#

yes my first port of call...

#

im hoping to do something with my rtsp cameras with it

#

not done anything in HA with them yet

half osprey Jul 19, 2018, 8:24 PM

#

https://home-assistant-lovelace-gallery.netlify.com/

buoyant skiff Jul 19, 2018, 8:26 PM

#

nice animated icons 😄

#

did a nice icon template for detecting various weathers

#

📎 unknown.png

#

just really wish i could use markdown in that card

half osprey Jul 19, 2018, 8:43 PM

#

Do you really want markdown or just a line of text?

wheat current Jul 19, 2018, 8:44 PM

#

I really want MD 😄

half osprey Jul 19, 2018, 8:44 PM

#

Markdown allows you to format text, however that is what the style option is for

wheat current Jul 19, 2018, 8:44 PM

#

MD is simple, CSS not so much

tender wasp Jul 19, 2018, 8:47 PM

#

I can get the pr for custom elements in tonight. Then people can add whatever they want

half osprey Jul 19, 2018, 8:48 PM

#

If I can be convinced to update the frontend the night before the release …

tender wasp Jul 19, 2018, 8:49 PM

#

Ehh.. maybe .75 then

#

I'll go ahead and submit it anyway

empty heath Jul 19, 2018, 8:51 PM

#

@mossy gale If you're using 0.73.0 or later, check this out: https://github.com/dale3h/python-lovelace/tree/refactor

mossy gale Jul 19, 2018, 8:51 PM

#

I am on latest.. let me take a look at that

#

im using HassOS

#

how would i run that on there,

empty heath Jul 19, 2018, 8:53 PM

#

If you're running on Raspbian Stretch, you'll likely need to install pip3 first: ```shell
$ sudo apt-get install python3-pip

#

Ignore my previous statement then ^ lol

#

So, to run it on there....1 sec, let me check.

mossy gale Jul 19, 2018, 8:53 PM

#

cheers

empty heath Jul 19, 2018, 8:54 PM

#

Seems like pip3 is already installed on Hass.io community SSH add-on, so you should be able to run it straight in that 😃

mossy gale Jul 19, 2018, 8:56 PM

#

ok taking a look

empty heath Jul 19, 2018, 8:59 PM

#

@mossy gale Wow, it's actually extremely easy to run inside inside the SSH container (i.e. login to the community SSH add-on)!!!

$ cd /share
$ wget https://raw.githubusercontent.com/dale3h/python-lovelace/refactor/lovelace_migrate.py
$ pip3 install "requests>=2.14.2" "pyyaml>=3.11,<4"
$ python3 lovelace_migrate.py http://homeassistant:8123/api

#

And if you want to output it directly to the ui-lovelace.yaml file in your config, simply run this as the last command:

$ python3 lovelace_migrate.py http://homeassistant:8123/api > /config/ui-lovelace.yaml

😮 😮 😮

#

And once again, Hass.io makes something a lot easier than it should be. 😂

tacit cave Jul 19, 2018, 9:03 PM

#

this new version needs to come out, i've got UIs to make

mossy gale Jul 19, 2018, 9:03 PM

#

@empty heath I am installing now....

tacit cave Jul 19, 2018, 9:03 PM

#

NM, it did come out... the documentation is outdated!

empty heath Jul 19, 2018, 9:04 PM

#

New version of what?

calm rock Jul 19, 2018, 9:06 PM

#

Hi ! , on glance cards , let say you have less than 5 elements, how to make them span the whole width ?

tacit cave Jul 19, 2018, 9:06 PM

#

I was hoping 73.2 had lovelace updates

#

but it doesn't look like it

mossy gale Jul 19, 2018, 9:07 PM

#

@empty heath threw an error when I ran it

empty heath Jul 19, 2018, 9:08 PM

#

@mossy gale What error? Can you hastebin the error to me please?

mossy gale Jul 19, 2018, 9:08 PM

#

Sure

#

might be an issue with my end

empty heath Jul 19, 2018, 9:08 PM

#

@calm rock I think the only way to do that is to use a view with panel: true enabled on it.

#

@tacit cave I think 0.74 will have some updates? Not sure, though.

half osprey Jul 19, 2018, 9:09 PM

#

0.74 allows you to change number entities for glance

calm rock Jul 19, 2018, 9:12 PM

#

@empty heath tks

faint echo Jul 19, 2018, 9:12 PM

#

@empty heath if I am running HA in a venv on a Ubuntu 16.04 server can I run those same commands you listed above for the ssh container?

calm rock Jul 19, 2018, 9:13 PM

#

@half osprey tks

wheat current Jul 19, 2018, 9:13 PM

#

@buoyant skiff Not near you skill set, but I got something working :D

📎 unknown.png

raven nacelle Jul 19, 2018, 9:16 PM

#

@wheat current May be put the Logo on the right and the text aligned to the left

wheat current Jul 19, 2018, 9:16 PM

#

Good idea 😃

molten abyss Jul 19, 2018, 9:23 PM

#

i can't use a camera as a bg for picture-elements?

mossy gale Jul 19, 2018, 9:28 PM

#

`

#

trying to add the following to ui-lovelace.yaml `- type: horizontal-stack
cards:
- type: custom:gauge-card
title: Temperature
entity: sensor.random_temperature
min: -20
max: 35

#

press return before adding last quote sorry

half osprey Jul 19, 2018, 9:29 PM

#

press the up arrow on your keyboard

tacit cave Jul 19, 2018, 9:31 PM

#

@raven nacelle I was thinking about an enhancement to the picture-elements. On a light entity, what if click and hold brought up a vertical scroll bar between 0 and 100% light intensity and double click brought up a hex shaped color picker? single click would still be turn_on/turn_off

#

thoughts?

#

I know how to do that in wpf. No clue where to start in js, css, and html.

mossy gale Jul 19, 2018, 9:34 PM

#

- type: horizontal-stack
  cards:
    - type: custom:gauge-card
      title: Temperature
      entity: sensor.random_temperature
      min: -20
      max: 35

#

when adding the above and refreshing i get error

#

mapping values are not allowed here in "/config/ui-lovelace.yaml", line 63, column 18

raven nacelle Jul 19, 2018, 9:35 PM

#

I like that idea, but it may be good to discuss this in the architecture repo https://github.com/home-assistant/architecture. I am wondering if long press/hold will be possible with the upcoming custom-elements

mossy gale Jul 19, 2018, 9:36 PM

#

i was using the card from here https://github.com/ciotlosm/custom-lovelace/tree/master/gauge-card

half osprey Jul 19, 2018, 9:36 PM

#

@raven nacelle ui-schema repo

tacit cave Jul 19, 2018, 9:36 PM

#

whats the error strat?

mossy gale Jul 19, 2018, 9:36 PM

#

this is my first play with lovelace

raven nacelle Jul 19, 2018, 9:37 PM

#

Won't it impact the regular UI as well?

#

what is line 63 @mossy gale

mossy gale Jul 19, 2018, 9:37 PM

#

line 63 is the min: -20

raven nacelle Jul 19, 2018, 9:38 PM

#

Guessing, it does not like -20

#

change it to 0

mossy gale Jul 19, 2018, 9:38 PM

#

i tried 0

#

same issue

#

set to 5 also

raven nacelle Jul 19, 2018, 9:39 PM

#

I am using it and it works fine https://github.com/arsaboo/homeassistant-config/blob/master/ui-lovelace.yaml#L728

#

BTW, if you are starting off, start with the built-in cards before playing with custom-cards.

tacit cave Jul 19, 2018, 9:40 PM

#

          - type: custom:gauge-card
            title: Ping
            entity: sensor.speedtest_ping
            min: 0
            max: 1000

Thats mine, identical to yours.

wheat current Jul 19, 2018, 9:41 PM

#

@raven nacelle much better :)

📎 unknown.png

raven nacelle Jul 19, 2018, 9:42 PM

#

Indeed. Increase the size of the logo so that occupies the entire height (like you had earlier).

mossy gale Jul 19, 2018, 9:43 PM

#

@raven nacelle i think I am trying to run before I can even crawl... i just saw those gauges and thought I have just got to have them!

#

@tacit cave it is for sure my lack of understanding... stick with the basics I think for a moment, and will return to the gauges

wheat current Jul 19, 2018, 9:46 PM

#

@raven nacelle Agreed 😃

half osprey Jul 19, 2018, 9:47 PM

#

@raven nacelle we updated the gallery so that now you can just submit YAML https://github.com/home-assistant/home-assistant-polymer/blob/master/gallery/src/demos/demo-hui-glance-card.js#L10-L18

wheat current Jul 19, 2018, 9:47 PM

#

I have posted my quota of pictures today now :)
https://image.ibb.co/mhbCWy/image.png

half osprey Jul 19, 2018, 9:47 PM

#

@raven nacelle and then it looks like this https://home-assistant-lovelace-gallery.netlify.com/#demo-hui-glance-card

raven nacelle Jul 19, 2018, 9:48 PM

#

That is super cool...easy to add configs with YAML.

rocky merlin Jul 19, 2018, 9:56 PM

#

quick question guys... Can I remove the unit from state value when using state-label?

#

Just want the actual number

#

can I alter text size somehow in the style section too?

raven nacelle Jul 19, 2018, 9:57 PM

#

@rocky merlin Yes, you can use any style attribute (including font).

#

To display only the sensor value (without unit), you will have to create another sensor that does not have a unit

rocky merlin Jul 19, 2018, 9:58 PM

#

Ahhh got ya

#

thanks mate

empty heath Jul 19, 2018, 10:10 PM

#

Just updated the migration script to automatically generate a default view if it's not already defined, but right now it only contains all cameras/groups/history_graphs/media_players/plants/weather entites (since these are the only ones that are currently supported as cards).
I also fixed the hanging when using -p without a password.

#

@half osprey Instead of displaying an alert(), do you have plans to move it to something more inline?

mossy gale Jul 19, 2018, 10:13 PM

#

@empty heath giving it a go now

empty heath Jul 19, 2018, 10:13 PM

#

👍

mossy gale Jul 19, 2018, 10:14 PM

#

sorry for dumb question, do i need to update it from shell no doubt

empty heath Jul 19, 2018, 10:14 PM

#

Yes.

#

Just run the wget command again

mossy gale Jul 19, 2018, 10:14 PM

#

ok thnks

empty heath Jul 19, 2018, 10:14 PM

#

$ wget https://raw.githubusercontent.com/dale3h/python-lovelace/refactor/lovelace_migrate.py

#

If you git cloned it, you can just do a git pull I think.

tacit cave Jul 19, 2018, 10:16 PM

#

@empty heath can you upload js, css, and html into my brain pls

empty heath Jul 19, 2018, 10:16 PM

#

upload in progress..........................................UPLOAD FAILED: MEMORY FAULT

undone egret Jul 19, 2018, 10:16 PM

#

memory fault

#

🤣

mossy gale Jul 19, 2018, 10:16 PM

#

@empty heath splendid work 😃

empty heath Jul 19, 2018, 10:17 PM

#

@mossy gale Thank you again for your kind words, sir.

#

It is by no means perfect, but it allows you to "get started" with Lovelace, providing you a very basic example of what the Lovelace YAML looks like.

mossy gale Jul 19, 2018, 10:18 PM

#

indeed, its made my UI look nice n neat now

rocky merlin Jul 19, 2018, 10:19 PM

#

I cant upload a image, is there a reason why not?

mossy gale Jul 19, 2018, 10:19 PM

#

the "all devices" section is so much better than the 3000 circles at the top of my screen cos im too lazy to add all the router attached devices etc

undone egret Jul 19, 2018, 10:20 PM

#

@rocky merlin yes sir because people will post images of code

rocky merlin Jul 19, 2018, 10:21 PM

#

Ahhh understand

undone egret Jul 19, 2018, 10:21 PM

#

you can in #the-water-cooler or use imigur

rocky merlin Jul 19, 2018, 10:22 PM

#

wanted to thank @raven nacelle with a screen of my lovelace so far but I guess I upload it to my git when its ready 😃

#

OK

#

https://i.imgur.com/w3YWcXN.png

#

first two rows done..

#

weird colors got washed out

#

Thanks yall making lovelace happening... So much more fun working with

raven nacelle Jul 19, 2018, 10:26 PM

#

Looking good

pine lotus Jul 19, 2018, 10:29 PM

#

@empty heath where to find info on how to use migration script ?

vapid field Jul 19, 2018, 10:30 PM

#

just start it using python and append "-h" ...

kind shellBOT Jul 19, 2018, 10:30 PM

#

@vapid field posted a message that is more than 15 lines. It is now available at: https://hastebin.com/zenusoceci

mossy gale Jul 19, 2018, 10:31 PM

#

@rocky merlin very nice mate, looks great

vapid field Jul 19, 2018, 10:31 PM

#

@pine lotus in general just pass just url to your HA api

rocky merlin Jul 19, 2018, 10:32 PM

#

Thanks alot guys... Now on to next row... But first some sleep....

calm rock Jul 19, 2018, 10:34 PM

#

anybody knows if the sensor.custom_card_tracker , is having some problem? , i see the info on dev tools , but the card is not rendered anymore

pine lotus Jul 19, 2018, 10:34 PM

#

@vapid field Ohh thanks....

vapid field Jul 19, 2018, 10:35 PM

#

@pine lotus you're welcome...

wheat current Jul 19, 2018, 10:36 PM

#

@calm rock https://image.ibb.co/bwc8My/image.png working as it should for me

calm rock Jul 19, 2018, 10:37 PM

#

@wheat current , the sensor is working too, but the card ( was working fine) stopped rendering ( in fact the whole view )

#

this was after the last update

wheat current Jul 19, 2018, 10:38 PM

#

https://image.ibb.co/nm5Ood/image.png that part is also working, I have the latest card + components

calm rock Jul 19, 2018, 10:39 PM

#

will test with other browser

wheat current Jul 19, 2018, 10:40 PM

#

also make sure you have the latest.

calm rock Jul 19, 2018, 10:44 PM

#

yes, the strange thing , is that it was working fine .

mossy gale Jul 19, 2018, 10:51 PM

#

quick question, using Lovelace can you use different icons at the top of the UI for each view?

vapid field Jul 19, 2018, 10:52 PM

#

@mossy gale yup of course

empty heath Jul 19, 2018, 10:52 PM

#

@mossy gale You can specify an icon for the view using the icon: key

#

Have a look at the Lovelace View docs 😊

mossy gale Jul 19, 2018, 10:53 PM

#

ok will do, not wishing to diss the MDI icons but I would love to jazz it up 😃

empty heath Jul 19, 2018, 10:54 PM

#

https://www.home-assistant.io/lovelace/views/#icon

#

I am not sure if you can use a non-MDI icon.

mossy gale Jul 19, 2018, 10:54 PM

#

no doesnt look like u can 😦

#

i wanted to put a BMW one for my car

calm rock Jul 19, 2018, 11:12 PM

#

@empty heath dont think this is the problem, but the docs are different than the example : https://github.com/ciotlosm/custom-lovelace/tree/master/tracker-card

GitHub

ciotlosm/custom-lovelace

custom-lovelace - Custom cards for lovelace

#

that is why was wondering if something changed , already tested and nothing .. , so will reboot .

mossy gale Jul 19, 2018, 11:16 PM

#

thanks to all tonight for your help

#

time to get some ZZZ now

calm rock Jul 19, 2018, 11:46 PM

#

is this still needed on config ? : custom_cards:
auto_update: False

grim lotus Jul 19, 2018, 11:48 PM

#

please don't hurt me

#

i don't understand the big deal w/ lovelace yet

#

like, is there some big breakthrough other than major speed and customization enhancements?

#

...maybe customization enhancements is the big breakthrough that i steamrolled over...

calm rock Jul 19, 2018, 11:53 PM

#

you will find more "freedom" to configure the UI , and also update after changes is instant , and dont require any type of restart .

timid burrow Jul 19, 2018, 11:53 PM

#

i don't get it either TBH

#

that is the one benefit I see - not needing to restart

#

I did find a bug actually with lovelace - although maybe it's not a bug? It seems to ignore a hidden: true in the customize file whereas groups doesn't

calm rock Jul 19, 2018, 11:55 PM

#

groups , are not part of it anymore

timid burrow Jul 19, 2018, 11:56 PM

#

I only saw this yesterday when I used Dale3h's script to migrate my groups to lovelace - i had an entity in a group that I had set to hidden in customize but when I went to lovelace it was displaying

#

well they are if you don't use lovelace lol

calm rock Jul 19, 2018, 11:56 PM

#

i see , i havent used the script , changed all config manually ,

#

is not that hard

vapid field Jul 19, 2018, 11:57 PM

#

personally I think exactlly the seperation from the groups is one of the biggies.....

calm rock Jul 19, 2018, 11:57 PM

#

and , as i say , much, much , more altrnatives to configure the UI

timid burrow Jul 19, 2018, 11:57 PM

#

i only mentioned the script because that made me see that lovelace is ignoring customize

calm rock Jul 19, 2018, 11:57 PM

#

filters , for example , is very powerfull

timid burrow Jul 19, 2018, 11:57 PM

#

@vapid field but it's functionally the same anyway

grim lotus Jul 19, 2018, 11:57 PM

#

yeah true, separation from groups is a big bonus

calm rock Jul 19, 2018, 11:58 PM

#

here , you can do "intelligent" type of groups

vapid field Jul 19, 2018, 11:58 PM

#

and it's faster, more flexible, new and fancy and as so often with a good piece of code, the architecture seems to have done a big jump, thus the real benefits will araise later, ...

calm rock Jul 19, 2018, 11:58 PM

#

that group ids, automatically

vapid field Jul 19, 2018, 11:59 PM

#

@timid burrow groups yes, the frontend as of today nearly as might as the old one with the addition of beeing awesomely flexible and easy to extend

#

*mighty

timid burrow Jul 20, 2018, 12:00 AM

#

i do like you can edit the yaml and just reload without a restart - that is a huge benefit

vapid field Jul 20, 2018, 12:00 AM

#

uh yeah, that's massive....

long cosmos Jul 20, 2018, 12:10 AM

#

hello, all. how do I make the main view have the other views as 'entities' like in the sample video?

vapid field Jul 20, 2018, 12:57 AM

#

jup like this

📎 ha_lovelace.png

long cosmos Jul 20, 2018, 1:05 AM

#

have a code example?

empty heath Jul 20, 2018, 1:59 AM

#

@timid burrow @vapid field Speaking of massive, someone wrote a script to “build” multiple Lovelace files into one.

long cosmos Jul 20, 2018, 2:15 AM

#

@buoyant skiff Could you send me the code used to make this card so I can see how it's done? The more examples the easier it will be to learn. Thanks.

📎 unknown.png

calm rock Jul 20, 2018, 2:16 AM

#

i dont know why , but it seams tracker-card.js has an error , on this line: cardcontent += `
<tr><td colspan='3' class='separator'>${domain.replace('', ' ')}:</td></tr>

signal pine Jul 20, 2018, 2:18 AM

#

yeaah pls to gib transmission card

timid burrow Jul 20, 2018, 2:27 AM

#

@empty heath thanks for that

mortal cape Jul 20, 2018, 3:25 AM

#

@long cosmos https://hastebin.com/idejuvogam.bash

long cosmos Jul 20, 2018, 3:30 AM

#

@mortal cape Appreciate it!

buoyant skiff Jul 20, 2018, 4:55 AM

#

@long cosmos please dont randomly ping me in the middle of the night

#

it was like 4am

#

📎 unknown.png

#

dont need markdown tnx to Ballobs comment about style 😄

subtle rune Jul 20, 2018, 5:06 AM

#

Wow. I love that one, @buoyant skiff

buoyant skiff Jul 20, 2018, 5:09 AM

#

font-weight:
font-size:

#

those are good values to mess around with

subtle rune Jul 20, 2018, 5:12 AM

#

~toast

buoyant skiff Jul 20, 2018, 5:12 AM

#

sry no git

#

😄

signal pine Jul 20, 2018, 5:12 AM

#

well why not

subtle rune Jul 20, 2018, 5:12 AM

#

Whyyy though? 😄

signal pine Jul 20, 2018, 5:12 AM

#

with the art you post here

buoyant skiff Jul 20, 2018, 5:13 AM

#

i can try to fix that under my weekend

subtle rune Jul 20, 2018, 5:13 AM

#

You should definitely have some kind of sharing going on!

buoyant skiff Jul 20, 2018, 5:13 AM

#

or on then vacay i got comming up

signal pine Jul 20, 2018, 5:13 AM

#

looking forward to it !

buoyant skiff Jul 20, 2018, 5:16 AM

#

shadow on the greeting

📎 unknown.png

#

god damn its gonna be an unproductive day at work 😛

#frontend-archived

unit_of_measurement: '°C'

Instead of just clear/detected, show last activation time: