#frontend-archived | Home Assistant | Page 55

buoyant skiff Jul 13, 2018, 12:03 PM

#

https://cdn.discordapp.com/attachments/456098380335153164/467300016491331594/unknown.png

#

im so happy 😄

north spear Jul 13, 2018, 12:07 PM

#

Hehe. That looks pro

buoyant skiff Jul 13, 2018, 12:16 PM

#

i got a request 😛

#

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

#

trying to use picture glance to show values

#

is that possible or does it need a custom_card

#

cause that would be awesome to have

wheat current Jul 13, 2018, 12:19 PM

#

@buoyant skiff maybe https://www.home-assistant.io/lovelace/picture-elements/

buoyant skiff Jul 13, 2018, 12:19 PM

#

yeah

#

looking at that now also

#

gonna try

#

wow

#

now it looks freaking awesome

#

https://cdn.discordapp.com/attachments/192271314952781825/467307169100857355/unknown.png

#

my very own beer cards ❤

#

sooo happy 😛

north spear Jul 13, 2018, 12:34 PM

#

and you can use a vertical stack and have the beer-card underneath

#

😃

vapid field Jul 13, 2018, 12:35 PM

#

@buoyant skiff How did you get untappd into hass?! sorry for offtopic, but how?!

buoyant skiff Jul 13, 2018, 12:35 PM

#

i built an custom addon

#

and applied for an apikey

#

will publish once the code is better

vapid field Jul 13, 2018, 12:36 PM

#

yay!

wheat current Jul 13, 2018, 12:37 PM

#

@vapid field If you want to use it, apply for an API key now, it took a while to get one 😛

vapid field Jul 13, 2018, 12:37 PM

#

thanks @wheat current will do!

buoyant skiff Jul 13, 2018, 12:44 PM

#

https://cdn.discordapp.com/attachments/456098380335153164/467310342423183370/unknown.png

lost turret Jul 13, 2018, 12:58 PM

#

I'm trying to create a view with a card showing "all entities", keep getting error

#

here's my config

#

icon: mdi:settings
title: Debugging
cards:
- type: entity-filter
  filter: [{}]
  title: All entities

north spear Jul 13, 2018, 12:59 PM

#

@lost turret which HA version do you have ?

lost turret Jul 13, 2018, 12:59 PM

#

0.73.1

north spear Jul 13, 2018, 1:00 PM

#

try reading the docs first: https://www.home-assistant.io/lovelace/entity-filter/

#

stuff changed, as normal with an experimental UI

#

You can use now "Unused entities" in the submenu on top right

buoyant skiff Jul 13, 2018, 1:00 PM

#

Marius does this work

      - type: custom:beer-card
        title: Untappd Wishlist
        entity: sensor.untappd_wishlist
        entity_picture: /local/icons/untappd.svg
        attribute: list

#

want to use a round icon for untappd

#

instead of the dull grey one

north spear Jul 13, 2018, 1:02 PM

#

entity_picture not part of supported parameter list, but can get implemented

buoyant skiff Jul 13, 2018, 1:02 PM

#

❤

#

haha

north spear Jul 13, 2018, 1:02 PM

#

you would like to use that instead of icon ?

buoyant skiff Jul 13, 2018, 1:02 PM

#

yes

#

very much 😄

lost turret Jul 13, 2018, 1:03 PM

#

@north spear thanks

north spear Jul 13, 2018, 1:03 PM

#

@lost turret if you're still unhappy with what you have available, you can always use the monster

#

@buoyant skiff send /local/icons/untappd.svg to me for testing

#

I have some free time on my hands

buoyant skiff Jul 13, 2018, 1:05 PM

#

http://1j81b22aihvh3jm48pr0fkw1.wpengine.netdna-cdn.com/wp-content/uploads/2018/02/unnamed.png

#

its the same

#

and its better

#

since its actually is round and not square

#

hass made it round before 😃

#

is it possible to add background image as well ?

#

like the picture element

#

got a wicked idea 😛

hot gyro Jul 13, 2018, 1:20 PM

#

got to say this is nice but would have been even nicer if someone would have given the demo'ed config to study

#

whose config is it? is it on github?

eager wharf Jul 13, 2018, 1:21 PM

#

is there an untapt component i dont know about? lol

wheat current Jul 13, 2018, 1:22 PM

#

not yet, @buoyant skiff are creating one, a custom_component (alpha/beta) version should be available "soon"

buoyant skiff Jul 13, 2018, 1:23 PM

#

soon™

eager wharf Jul 13, 2018, 1:23 PM

#

lol

north spear Jul 13, 2018, 1:27 PM

#

@buoyant skiff https://github.com/ciotlosm/custom-lovelace/tree/dev/beer-card

#

added image for icon in dev

#

check https://github.com/ciotlosm/custom-lovelace/blob/dev/beer-card/changelog.md

#

kept config similar, just made some logic behind to allow images

buoyant skiff Jul 13, 2018, 1:28 PM

#

tnx 😄

north spear Jul 13, 2018, 1:28 PM

#

oh darn

#

I just noticed the background request 😃

hot gyro Jul 13, 2018, 1:28 PM

#

found it - its actually in the documentation .... 🤦

north spear Jul 13, 2018, 1:29 PM

#

I will allow you do to a style tag and you can inject whatever you wish there

#

how about that ?

buoyant skiff Jul 13, 2018, 1:30 PM

#

sure 😮

#

gonna have the upperpart with logo and the start of the beer glas then then wishlist as the bottom part and use the entites as a break in the middle

#

gonna look awesome

#

simple to do also 2 images 😄

wheat current Jul 13, 2018, 1:32 PM

#

Semi transparent background of a beer glass for the beer-card? 😃

north spear Jul 13, 2018, 1:34 PM

#

would this work:

      - type: custom:beer-card
        title: Untappd Wishlist
        entity: sensor.untappd_wishlist
        icon: mdi:heart
        style: "background-image: url('/local/untapped.png')"
        attribute: list

hot gyro Jul 13, 2018, 1:37 PM

#

is there an option in the picture-glances to show the actual value of a sensor instead of the state? eg for temperature sensors?

#

I mean with hover-over it shows it but would be nice to output the actual value

north spear Jul 13, 2018, 1:39 PM

#

@hot gyro use picture-elements instead

hot gyro Jul 13, 2018, 1:39 PM

#

doesnt really reflect what I try to do https://www.dropbox.com/s/qvsf9mml820kq63/Screenshot 2018-07-13 14.39.21.png?dl=0

north spear Jul 13, 2018, 1:39 PM

#

@buoyant skiff @wheat current https://github.com/ciotlosm/custom-lovelace/blob/dev/beer-card/changelog.md

hot gyro Jul 13, 2018, 1:40 PM

#

also as you can see it would be good if I could join all 3 motion sensors and if any of those trigger to show a single motion indicator

subtle rune Jul 13, 2018, 1:40 PM

#

is there a list for which weather platforms are supported in weather forecast? I don't think for example darksky gives me a "weather.darksky" entity

split granite Jul 13, 2018, 1:40 PM

#

Then you're using the sensor 😉

#

https://www.home-assistant.io/components/#weather Use those

wheat current Jul 13, 2018, 1:41 PM

#

@north spear just perfect, thank you! 💯

north spear Jul 13, 2018, 1:41 PM

#

@wheat current @buoyant skiff happy to merge to master ?

buoyant skiff Jul 13, 2018, 1:41 PM

#

im good 😃

subtle rune Jul 13, 2018, 1:41 PM

#

@split granite Ooh, sorry, didnt realize there was two kinds.

wheat current Jul 13, 2018, 1:41 PM

#

Im in no position to test it 😅

north spear Jul 13, 2018, 1:41 PM

#

haha

#

ok, now in master

#

@split granite your URL includes sensors as well 😃

split granite Jul 13, 2018, 1:45 PM

#

That's the fault of whoever tagged those things 😛

#

I'll go with https://www.home-assistant.io/components/weather instead then

#

😄

subtle rune Jul 13, 2018, 1:45 PM

#

I understood anyways 😃

buoyant skiff Jul 13, 2018, 1:46 PM

#

@north spear should i use the version tag in ui-lovelace.yaml ?

#

?v=2

north spear Jul 13, 2018, 1:47 PM

#

up to you , but it'd recommend using the actual version published now

#

I'll try to be consistent

#

and easier to ask you which version you have 😃

#

so v=0.2.2 now

wheat current Jul 13, 2018, 1:47 PM

#

If he only had used some sort of component for that. 😅

half osprey Jul 13, 2018, 1:48 PM

#

@north spear you got yourself an update available card yet 😃

wheat current Jul 13, 2018, 1:48 PM

#

Soon (tm) 😅

north spear Jul 13, 2018, 1:48 PM

#

whaaat ... that leaked? 😄

#

https://github.com/ciotlosm/custom-lovelace/tree/update_sensor/cardtracker-card maybe 😅

wheat current Jul 13, 2018, 1:49 PM

#

Not well hidden 😜

buoyant skiff Jul 13, 2018, 1:50 PM

#

Custom element doesn't exist: beer-card.

{
  "type": "custom:beer-card",
  "title": "Untappd Wishlist",
  "entity": "sensor.untappd_wishlist",
  "style": "background-image: url('/local/banners/untappd.png')",
  "icon": "/local/icons/untappd.png",
  "attribute": "list"
}

#

cleared cache and did igonito mode

#

the file is present at www

north spear Jul 13, 2018, 1:50 PM

#

@buoyant skiff any JS errors?

buoyant skiff Jul 13, 2018, 1:51 PM

#

no

#

wait it loaded now

#

hmm

#

but no background image

north spear Jul 13, 2018, 1:52 PM

#

you need to force refresh. Sometimes changing version on same file on resources results in browser saying your custom element is defined twice until you force refresh

buoyant skiff Jul 13, 2018, 1:53 PM

#

atleast the icon is there 😃

#

yeah i know

#

background doesnt load still tried both in edge and in ff

#

      - type: custom:beer-card
        title: Untappd Wishlist
        entity: sensor.untappd_wishlist
        style: "background-image: url('/local/banners/untappd.png')"
        icon: /local/icons/untappd.png
        attribute: list

north spear Jul 13, 2018, 1:57 PM

#

@buoyant skiff try chrome

subtle rune Jul 13, 2018, 1:58 PM

#

@hot gyro Make a template sensor for your motion sensors that is "on" when any of them is showing motion, then include that

hot gyro Jul 13, 2018, 1:58 PM

#

I was thinking about that as a solution thanks for bringing that up again

north spear Jul 13, 2018, 1:58 PM

#

@buoyant skiff if it works in chrome try applying: https://github.com/ciotlosm/custom-lovelace#i-am-running-firefox-but-custom-cards-like-gauge-card-look-bad-or-dont-load-at-all-how-do-i-fix-this

buoyant skiff Jul 13, 2018, 2:00 PM

#

downloading chrome

#

enabled those settings in ff

north spear Jul 13, 2018, 2:00 PM

#

does it work now ? (after enabling)

buoyant skiff Jul 13, 2018, 2:03 PM

#

no background in chrome

#

and settings didnt help

#

untappd.png:1 GET https://10.0.0.3:8123/local/banners/untappd.png 404 (Not Found)

north spear Jul 13, 2018, 2:04 PM

#

hmm

#

errrr

#

😦 that is not my code

buoyant skiff Jul 13, 2018, 2:04 PM

#

should be it since im using it the same image

north spear Jul 13, 2018, 2:04 PM

#

/banners/ ?

#

are you sure you have your image in <config>/www/banners/ ?

#

check filename

buoyant skiff Jul 13, 2018, 2:05 PM

#

nwm

#

it was my fault

#

working now

#

sorry 😄

north spear Jul 13, 2018, 2:05 PM

#

no problem, glad it works

buoyant skiff Jul 13, 2018, 2:06 PM

#

but edge has issues

#

lol

#

it paints the background on all of the elements

north spear Jul 13, 2018, 2:06 PM

#

edge will always have issues, as I'm not using polymer for proper polyfill

buoyant skiff Jul 13, 2018, 2:06 PM

#

weather

#

and stuff

#

its untappd everywhere 😛

north spear Jul 13, 2018, 2:06 PM

#

:))

storm lion Jul 13, 2018, 2:07 PM

#

I need to implement this immediately!

#

@north spear helping alcoholics unanimous and home automation lovers everywhet

buoyant skiff Jul 13, 2018, 2:07 PM

#

is the background resized to how large the entity is ?

north spear Jul 13, 2018, 2:08 PM

#

@buoyant skiff you have full control of the style,

buoyant skiff Jul 13, 2018, 2:08 PM

#

ohh

north spear Jul 13, 2018, 2:08 PM

#

you can do as crazy things as you wish

buoyant skiff Jul 13, 2018, 2:09 PM

#

so like .style.backgroundSize = "60px 120px"

north spear Jul 13, 2018, 2:09 PM

#

https://www.w3schools.com/cssref/css3_pr_background-size.asp

#

you can chain those

buoyant skiff Jul 13, 2018, 2:09 PM

#

tnx 😃

hot gyro Jul 13, 2018, 2:09 PM

#

hmm ... is there any sorting mechanism/option I can use with this?

north spear Jul 13, 2018, 2:11 PM

#

style: "background-image: url('/local/untapped.png');background-size: 10px 10px;" etc

storm lion Jul 13, 2018, 2:12 PM

#

Also @north spear amazing work buddy I think I'm using all your cards now for something basically, other than I need to implement beer card

buoyant skiff Jul 13, 2018, 2:13 PM

#

hmm 😛

#

      - type: custom:beer-card
        title: Untappd Wishlist
        entity: sensor.untappd_wishlist
        style: "background-image: url('/local/banners/untappd.jpg'); background-size: auto;"
        icon: /local/icons/untappd.png
        attribute: list

#

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

#

kinda just did this

#

thats loaded in chrome

north spear Jul 13, 2018, 2:16 PM

#

@buoyant skiff try using contain instead of auto

#

or cover depending what you want to achieve

subtle rune Jul 13, 2018, 2:17 PM

#

Is all css possible to use in picture elements? the badges are darn big, would like to resize but width and height doesnt seem to work

#

not in percent at least

buoyant skiff Jul 13, 2018, 2:17 PM

#

cover did it

#

tnx marius

storm lion Jul 13, 2018, 2:22 PM

#

@buoyant skiff - link to your repo please so can I steal this in its entirety

buoyant skiff Jul 13, 2018, 2:22 PM

#

havent uploaded a component yet

#

the code isnt that good

#

need to fix before i can release a beta

#

but if you want just the entry

kind shellBOT Jul 13, 2018, 2:23 PM

#

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

buoyant skiff Jul 13, 2018, 2:23 PM

#

whoops

#

sry

#

runs before Tinkerer yells at me

north spear Jul 13, 2018, 2:24 PM

#

@subtle rune seems you should be able to send any type of property:

#

See: https://github.com/home-assistant/home-assistant-polymer/blob/master/src/panels/lovelace/cards/hui-picture-elements-card.js#L193-L195

subtle rune Jul 13, 2018, 2:25 PM

#

Doesn't effect it though. Will try more later, am going out now. But the picture elements card is awesome!

#

Maybe caching.

north spear Jul 13, 2018, 2:26 PM

#

btw, i've seen some guy using camera with platform generic to fetch remote images. I guess you could than use that camera platfrom to build a more custom picture-entity card or in the future a picture-elements one 😄

subtle rune Jul 13, 2018, 2:26 PM

#

Sweet

tender wasp Jul 13, 2018, 2:28 PM

#

@subtle rune badges use css variables for size. Try setting --ha-label-badge-size: ... in your styles

#

and --ha-label-badge-font-size for the text

#

Default is 2.5em for size and 1.5em for font-size

grim light Jul 13, 2018, 3:02 PM

#

Are there any plans to mainline all these custom cards when lovelace gets a bit more stable? It would be nice to have everything in HASS proper without having to seek out a ton of custom cards.

north spear Jul 13, 2018, 3:04 PM

#

some might trickle down into hass if re-written properly

#

some probably not ... I don't see the monster getting in 😃

grim light Jul 13, 2018, 3:06 PM

#

Oh well, either way from what I've seen you guys are doing great work.

#

I'm holding off a bit until the rate of changes slow a bit, but I'll have to dive into writing my lovelace yaml here soon.

north spear Jul 13, 2018, 3:09 PM

#

@grim light it's worth trying it now as it's not a switch

#

you can try out things and learn how stuff works

#

majority of cards are pretty stable

#

most things coming in are new options

#

you can run lovelace in parallel to see how it looks

#

saves you time building it gradually in the background

grim light Jul 13, 2018, 3:10 PM

#

Yeah I've tinkered with it a bit in my test environment. Just didn't really have the time to come up with a full config for my main instance atm.

north spear Jul 13, 2018, 3:10 PM

#

you can still put it there... you don't have to restart HA at all for updates and it doesn't interfere with anything else

grim light Jul 13, 2018, 3:10 PM

#

I love being able to reload on the fly. So much cleaner than restarting HA.

split granite Jul 13, 2018, 3:12 PM

#

Having upgraded to 0.73.1 it's been trivial to run the two side by side

#

I ran the migration script, fixed the output to be valid, and haven't looked back

#

I've culled 80% of the groups I'd created just to make the UI usable, and trimmed the default Overview down to the bare minimum

#

Even that's going to get removed shortly, and replaced by a Use Lovelace you idiot banner

#

Indeed, with Lovelace I no longer need my history_graph entities, so I can clean those out of my system too

vapid field Jul 13, 2018, 6:48 PM

#

Is there a way to make the picture glance windows a fixed size ?

split granite Jul 13, 2018, 6:49 PM

#

Pretty sure there's only two sizes - full screen (panel) and card (fixed width)

pearl hound Jul 13, 2018, 6:53 PM

#

Hi, might be stupid question. But cant information in the docs. How do i make a link in the menu to lovelace? Panel_custom/panel_iframe doesnt work

vapid field Jul 13, 2018, 6:54 PM

#

Does a card look the same as a panel?

north spear Jul 13, 2018, 6:56 PM

#

@pearl hound just use weblinks or just set Lovelace to default and make a card to navigate to old UI

#

the old UI will be available using /states even after you set Lovelace as default

#

Much easier (and prettier) to link to old ui from lovelace than the other way around

jagged warren Jul 13, 2018, 7:00 PM

#

Hey, I'm new to lovelace. Currently I am working on a custom component based on the iOS Home app. Only, I can't figure out how to get the default entity icons to show up. Currently I get custom icons (e.g. mdi:desk-lamp) working with a hacky way:
<div id="icon-${state.state}"><ha-icon icon="${state.attributes.icon}"></ha-icon></div>

Can someone please tell me the appropriate way to call icons?

#

https://imgur.com/a/AcxRIpy
Example: All entities have custom mdi icons except "Balkon Verli..."

north spear Jul 13, 2018, 7:06 PM

#

@jagged warren Lovelace is UI only and it uses custom cards.

#

You are going after something like custom UI ?

jagged warren Jul 13, 2018, 7:07 PM

#

Oh sorry I wasn't clear, yeah! I have everything working except the problem with the default icons

north spear Jul 13, 2018, 7:07 PM

#

using ha-icon is not working for you ?

jagged warren Jul 13, 2018, 7:08 PM

#

Nope, using ha-icons I see no icons

north spear Jul 13, 2018, 7:08 PM

#

try using <ha-icon src="${state.attributes.icon}"

#

actually that is for custom images

#

ha-icon icon should have worked

#

is state.attributes.icon having a value ?

jagged warren Jul 13, 2018, 7:10 PM

#

src=""doesn't work, for custom icons it should be icon="${state.attributes.icon}"

north spear Jul 13, 2018, 7:10 PM

#

you can use src=<path to image> if you want more than mdi:<icon>, but not what you need - my mistake

#

is state.attributes.icon having a value ?

jagged warren Jul 13, 2018, 7:11 PM

#

Not for the one that's missing

north spear Jul 13, 2018, 7:11 PM

#

which type of entity is it ?

jagged warren Jul 13, 2018, 7:11 PM

#

It's a light

north spear Jul 13, 2018, 7:11 PM

#

ok, moment

jagged warren Jul 13, 2018, 7:11 PM

#

Thanks!

north spear Jul 13, 2018, 7:19 PM

#

seems the other are using constants based on the domain

#

https://github.com/home-assistant/home-assistant-polymer/blob/master/src/common/entity/domain_icon.js

#

there is a helper that does fallback

#

it's not exposed on hass states 😦

#

maybe some other dev has more idea around this

jagged warren Jul 13, 2018, 7:20 PM

#

Ahh okay! Well thanks a lot though! For now I will do the same.

north spear Jul 13, 2018, 7:22 PM

#

no problem

vapid field Jul 13, 2018, 8:03 PM

#

In about how many 0.x releases would one expect Lovelace to be "feature ready"?

split granite Jul 13, 2018, 8:04 PM

#

IMO it's feature ready already

vapid field Jul 13, 2018, 8:04 PM

#

The development is going so fast atm that Im hesitant to jump in yet

#

seems like theres new stuff every day when i check forum/reddit

split granite Jul 13, 2018, 8:04 PM

#

There's nothing I can do in the current UI that I can't do in Lovelace. Can't say the same the other way though

#

Ah, so there's stock/core functionality, and custom cards

#

Core isn't changing as fast as the custom stuff

vapid field Jul 13, 2018, 8:04 PM

#

ok

#

so I can safely start exploring the core, and add the custom stuff as it progresses?

split granite Jul 13, 2018, 8:05 PM

#

Yes

#

As all of this works without restarting HA, so you can safely explore

vapid field Jul 13, 2018, 8:06 PM

#

ok

#

Ill start to dig in when I have spare time then 😃

#

can this also be used for a tablet gui, or is HADashboard/TileBoard the go to there?=

#

Ive setup HADashboard about 80% when Tileboard showed up

#

then I put it on hold to see where stuff would progress

split granite Jul 13, 2018, 8:07 PM

#

You can use it anywhere

#

Until we can resize cards though I don't think it'll be a replacement for HA Dashboard, but I could be wrong

fathom tree Jul 13, 2018, 8:08 PM

#

I'm setting up the floorplan on Lovelace right now.

frosty pelican Jul 13, 2018, 8:08 PM

#

the only thing you can't do right now but will be in next release are badges at the top

#

however in some cases I find Glance card to be a suitable replacement

vapid field Jul 13, 2018, 8:09 PM

#

guess Ill start with Lovelace first anyways. If it can cover the tablet bit Im already knowledgeable with Lovelace and wont have to learn Tileboard:p

split granite Jul 13, 2018, 8:09 PM

#

The new features in dev will make replacing Floorplan easy

#

As for badges, I miss it for one thing (the alarm), for everything else the glance card is better IMO

fathom tree Jul 13, 2018, 8:10 PM

#

best part is just changing one thing in the yaml, then save and refresh and see if it works. so much faster

frosty pelican Jul 13, 2018, 8:11 PM

#

agreed @split granite

#

some of the custom cards from Marius are good replacements too....Gauge and Big number

vapid field Jul 13, 2018, 8:11 PM

#

where should I start to read up on Lovelace? Considering theres been quite a bit of development since it was released in "preview"

frosty pelican Jul 13, 2018, 8:12 PM

#

check the topic in this channel @vapid field

vapid field Jul 13, 2018, 8:12 PM

#

ok 😃

#

Making the backend faster. With Lovelace, the backend will no longer need to maintain entities like groups for the sole purpose of showing them on the frontend.

#

so all the groups.yaml can be removed, in theory?=p

snow stone Jul 13, 2018, 8:15 PM

#

groups are used for more then just the UI. You can use groups for automations and controls so no they can't really be removed.

vapid field Jul 13, 2018, 8:15 PM

#

yeah, true. However all my groups have been purely for changing the default GUI

#

so in theory they could be removed:;P

split granite Jul 13, 2018, 8:17 PM

#

Yeah, I've removed about 80% of my groups, since they were all for display only

fathom tree Jul 13, 2018, 8:21 PM

#

changing color of icons on the floorplan... no worky. I've got this:

#

    icon: mdi:earth
    cards:
      - type: picture-elements
        image: /local/floorplan.png 
        elements:
          - type: navigation
            navigation_path: http://192.168.1.71:8123/lovelace/0
            icon: mdi:death-star-variant
            style: 
              top: 50%
              left: 50%
              "--paper-item-icon-color": pink```

#

I tried with and without the quotes

vapid field Jul 13, 2018, 8:22 PM

#

shouldn't the quotes be single?

fathom tree Jul 13, 2018, 8:22 PM

#

ill try it

#

same result.

#

just a black Death Star

vapid field Jul 13, 2018, 8:22 PM

#

and if that doesn't work try removing the quotes and put pink in single quotes

fathom tree Jul 13, 2018, 8:23 PM

#

ah, ok

#

nope

vapid field Jul 13, 2018, 8:23 PM

#

not sure if you can specify css variables in config tho...

fathom tree Jul 13, 2018, 8:24 PM

#

there's only one example in the docs that I could find.

#

and I'm no css master

north spear Jul 13, 2018, 8:24 PM

#

just use inspector

#

and see what you need to send

#

(developer tools)

granite prawn Jul 13, 2018, 8:25 PM

#

@fathom tree i love your videos man, thanks for making them 😃

vapid field Jul 13, 2018, 8:25 PM

#

the thing is that the icons are a web-component in shadow dom that use css variables to style inline svg fonts.

#

I have never applied them inside a style tag before.

fathom tree Jul 13, 2018, 8:25 PM

#

Thanks Count. I'm having fun with them, so I'll keep going.

vapid field Jul 13, 2018, 8:26 PM

#

I will try it and let you know if I can figure it out.

fathom tree Jul 13, 2018, 8:26 PM

#

cool. I'll move on from coloring icons for a bit. Thanks V

vapid field Jul 13, 2018, 8:26 PM

#

mp

granite prawn Jul 13, 2018, 8:26 PM

#

that soudns awesome man. they are really informative and helpful

#

i have learnt a TON from them

#

and its also super helpful that you keep updating the content regualrly

fathom tree Jul 13, 2018, 8:28 PM

#

ha, ya things change so fast I can do the same things several times.

#

I just finished the Alexa Media Player (with TTS). That wasn't even possible like 2 weeks ago.

vapid field Jul 13, 2018, 8:29 PM

#

Have you tried simply using color: pink?

fathom tree Jul 13, 2018, 8:30 PM

#

And this Lovelace floorplan thing is awesome, so I'll get one together for it hopefully next week.

#

haven't tried it. one sec.

#

Ha!

#

that did it!

vapid field Jul 13, 2018, 8:30 PM

#

awesome!

fathom tree Jul 13, 2018, 8:30 PM

#

gees. Thanks man

granite prawn Jul 13, 2018, 8:30 PM

#

i speak for a lot of people, we look forward to your lovelace videos

vapid field Jul 13, 2018, 8:30 PM

#

my pleasure

fathom tree Jul 13, 2018, 8:44 PM

#

there's no changing icons for "state-icon" right now is there? I tried, but it just stayed the default (lightning bolt for a switch)

#

maybe service button I can assign a different icon

north spear Jul 13, 2018, 8:45 PM

#

I'm not sure if it works, but you could try customize, maybe icon gets on hass object

fathom tree Jul 13, 2018, 8:45 PM

#

ooh, ok. I'll try that

#

that totally worked! Genius! thanks!

north spear Jul 13, 2018, 8:49 PM

#

no problem

#

and if you plan to do floorplan, use plan-coordinates custom addon to help 😃

fathom tree Jul 13, 2018, 8:50 PM

#

oooh, ok. I was just doing %'s

#

where can I find that add-on?

north spear Jul 13, 2018, 8:51 PM

#

yes, but that helps 😃

#

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

#

it helps you so you don't have to guess %

#

see the example with panel: true at the bottom

split granite Jul 13, 2018, 8:55 PM

#

So, here's a question, how do I raise a feature request for selectable zoom level for the map cards?

#

Right now the default zoom is too close

north spear Jul 13, 2018, 8:55 PM

#

@split granite in ui-schema repo I think

split granite Jul 13, 2018, 8:55 PM

#

Cheers

north spear Jul 13, 2018, 8:55 PM

#

no problem

fathom tree Jul 13, 2018, 9:08 PM

#

When i put that URL in the Hassio add new repo URL box, i don't get addons. Is it hassio-ready?

#

so far I'm pretty far off when I try to guess %'s for placement.

north spear Jul 13, 2018, 9:10 PM

#

er... that is a custom card for lovelace

fathom tree Jul 13, 2018, 9:11 PM

#

oh duh.

north spear Jul 13, 2018, 9:11 PM

#

see minimal docs here: https://github.com/ciotlosm/custom-lovelace

#

or maybe use the official docs better here: https://developers.home-assistant.io/docs/en/lovelace_custom_card.html

#

should be fairly easy to setup, just add one line at top to add the raw file as resource (preferably from your www folder) and then add the card in the same view with your floorplan

fathom tree Jul 13, 2018, 9:26 PM

#

  - url: /local/plan-coordinates.js
    type: js

north spear Jul 13, 2018, 9:27 PM

#

yep

#

and then in your view where you have your picture-elements add another card

#

- type: custom:plan-coordinates

fathom tree Jul 13, 2018, 9:29 PM

#

I'm getting "custom element doesn't exist"

#

hmmmm

north spear Jul 13, 2018, 9:29 PM

#

exact error ?

#

are you using FF?

#

as this needs Chrome I'm afraid, only downside

fathom tree Jul 13, 2018, 9:30 PM

#

chrome. but maybe not updated.

#

I'm pretty sure I've got the syntax right

north spear Jul 13, 2018, 9:31 PM

#

nah, works on older chrome

fathom tree Jul 13, 2018, 9:31 PM

#

    icon: mdi:earth
    panel: true
    cards:
      - type: vertical-stack
        cards:
        - type: custom:plan-coordinates
        - type: picture-elements
          image: /local/floorplan.png 
          elements:
            - type: navigation
              navigation_path: http://192.168.1.71:8123/lovelace/0
              icon: mdi:death-star-variant
              style: 
                top: 50%
                left: 50%
                color: pink```

north spear Jul 13, 2018, 9:31 PM

#

check developer tools

#

off topic

navigation_path: /lovelace/0

#

use relative paths

#

check JS errors as you might either not get your plan-coordinates.js loaded (404) or some other JS error

fathom tree Jul 13, 2018, 9:35 PM

#

3:1 Uncaught (in promise) DOMException: Only secure origins are allowed (see: https://goo.gl/Y0ZkNV).

#

that's the error in the dev tools panel. There's more if I expand it.

#

render-status.js

#

it's pointing to several lines in render-status.js

#

and some other files

north spear Jul 13, 2018, 9:37 PM

#

hmm

#

can you take a screenshot ? shouldn't be related

#

as you are loading the file from your local/

buoyant skiff Jul 13, 2018, 9:38 PM

#

Marius

north spear Jul 13, 2018, 9:38 PM

#

and card doens't load any cross domain calls

buoyant skiff Jul 13, 2018, 9:38 PM

#

https://cdn.discordapp.com/attachments/397426163649216512/467441907920797709/untappd.PNG

#

almost perfect 😛

north spear Jul 13, 2018, 9:39 PM

#

@buoyant skiff still no custom background I see 😄

buoyant skiff Jul 13, 2018, 9:39 PM

#

haha no too drunk atm

#

😛

north spear Jul 13, 2018, 9:40 PM

#

@fathom tree ah, I think i might know why

fathom tree Jul 13, 2018, 9:40 PM

#

https://www.dropbox.com/s/3gvf26btdlhmq08/Screenshot 2018-07-13 15.40.29.png?dl=0

north spear Jul 13, 2018, 9:41 PM

#

can you try to access your home assistant using localhost:8123 instead of the URL you're currently using?

#

if it's running on localhost

fathom tree Jul 13, 2018, 9:42 PM

#

I can get to it with hassio.local:8123

north spear Jul 13, 2018, 9:42 PM

#

still same error ?

fathom tree Jul 13, 2018, 9:42 PM

#

I'm using VPN to get in

#

that was it!

#

hassio.local:8123/lovelace and it worked.

north spear Jul 13, 2018, 9:43 PM

#

🤦 I have a guy with similar issue which was puzzling for me as it had little to do with the custom card, but for some reason using IP instead of DNS on local network and the service worker causes this

#

can't figure out which part is affecting which, I'll have to test out myself

#

at least it worked 😃

fathom tree Jul 13, 2018, 9:44 PM

#

ya, no go with the IP or duckdns.

#

thanks for sticking with me!

north spear Jul 13, 2018, 9:44 PM

#

hope you find plan-coordinates helpful

fathom tree Jul 13, 2018, 9:45 PM

#

I'm sure I will. thanks

north spear Jul 13, 2018, 9:48 PM

#

@fathom tree out of curiosity, is your home assistant running on http ?

fathom tree Jul 13, 2018, 9:48 PM

#

yes

north spear Jul 13, 2018, 9:48 PM

#

😦

#

that might be the problem

#

lovelace uses a service-worker

#

service-worker needs TLS

fathom tree Jul 13, 2018, 9:49 PM

#

ooooh

north spear Jul 13, 2018, 9:49 PM

#

but... the only exception that google allowed was localhost or local stuff

#

it's a google chrome security thing

fathom tree Jul 13, 2018, 9:49 PM

#

so do you expect there will be other problems?

north spear Jul 13, 2018, 9:49 PM

#

no idea, I'll have to ask @half osprey

#

he's the expert in service worker thing

fathom tree Jul 13, 2018, 9:50 PM

#

cool. well, if I find more issues I'll report back.

north spear Jul 13, 2018, 9:50 PM

#

thanks

fathom tree Jul 13, 2018, 9:53 PM

#

now, back to my floorplan 😃

vapid field Jul 13, 2018, 10:04 PM

#

how would you setup https/tls? Using a self-signed cert or something else like certbot, etc?

north spear Jul 13, 2018, 10:04 PM

#

certbot is easiest, but you'd need to open some ports while it's doing it's thing

#

you can also setup https manually

#

you just need certs in right location

vapid field Jul 13, 2018, 10:05 PM

#

yeah but how would you add them to the docker image?

north spear Jul 13, 2018, 10:05 PM

#

no need

fathom tree Jul 13, 2018, 10:05 PM

#

when I refresh after a change I get the big red error again. If I remove the /3 after "lovelace" and refresh again I get the plan-coordinates back and it works until I refresh

north spear Jul 13, 2018, 10:05 PM

#

they stay in shared location

vapid field Jul 13, 2018, 10:05 PM

#

really? where?

fathom tree Jul 13, 2018, 10:05 PM

#

I'll use the plan-coordinates while I'm placing things on the floorplan, but then remove it after.

north spear Jul 13, 2018, 10:05 PM

#

@fathom tree add ?v=2 at end of our resources, something got cached

fathom tree Jul 13, 2018, 10:06 PM

#

ok

vapid field Jul 13, 2018, 10:06 PM

#

yeah that's a good hack for any url that you don't want cached.

north spear Jul 13, 2018, 10:06 PM

#

@vapid field using ssh addon for hassio , you ssh in and you'll find cert in /ssl

#

@fathom tree if you don't fix it to work you'll be missing out on some custom components that you might like 😉

vapid field Jul 13, 2018, 10:08 PM

#

ah... that's a bit of a problem as I have hassio installed over a ubuntu server... how do I ssh into the vm?

#

the host has ssh as well

#

I've got the same issue for samba etc.

north spear Jul 13, 2018, 10:09 PM

#

@vapid field just setup the addon with different higher port

fathom tree Jul 13, 2018, 10:09 PM

#

dang. So I'll have to use SSL to fix it for good?

north spear Jul 13, 2018, 10:09 PM

#

like 222

vapid field Jul 13, 2018, 10:09 PM

#

and the mapping will work automatically?

north spear Jul 13, 2018, 10:09 PM

#

@fathom tree most likely unless someone with more knowledge than me can suggest alternatives

#

mapping inside the continaer for /ssl to use for certs should

#

but it really depends on the setup you want to take

#

ssl directly in home assistant

#

use nginx container in front for routing and ssl

#

use a different routing in front (apache or some other device)

#

I run mine using bestlibre nginx because it has multi vhost support

vapid field Jul 13, 2018, 10:11 PM

#

that may be a lot easier... the only issue I always hit is with the way homeassistant uses iframes for add-on UIs... makes proxy config much harder.

north spear Jul 13, 2018, 10:12 PM

#

er... why ?

#

check this config for my nginx

kind shellBOT Jul 13, 2018, 10:12 PM

#

@north spear posted a message that is more than 15 lines. It is now available at: https://hastebin.com/ecucugapiy

north spear Jul 13, 2018, 10:13 PM

#

grafana and sonoff are addons running without https and on weird ports, and nginx puts them all on 443 based on the vhost

#

you can also do upstream if it's on different ip/server

vapid field Jul 13, 2018, 10:14 PM

#

I wasn't aware of the vhost syntax. I was using server location mappings.

north spear Jul 13, 2018, 10:14 PM

#

this is bestlibre nginx addon

vapid field Jul 13, 2018, 10:14 PM

#

ah I thought it was native nginx syntax

north spear Jul 13, 2018, 10:14 PM

#

might be working some other way on other addons

#

no no, it's addon config

vapid field Jul 13, 2018, 10:15 PM

#

I see. My nginx server is another machine.

north spear Jul 13, 2018, 10:15 PM

#

you can use upstream than

fathom tree Jul 13, 2018, 10:15 PM

#

you guys are way over my head now.

vapid field Jul 13, 2018, 10:15 PM

#

maybe I should just setup the addon your way and do a more basic config upstream.

#

@fathom tree sorry. 😦

north spear Jul 13, 2018, 10:16 PM

#

well... we're way offtopic for lovelace as well 😃

fathom tree Jul 13, 2018, 10:16 PM

#

no no, I can't know everything and I'm okay with that.

vapid field Jul 13, 2018, 10:16 PM

#

me too! 😃

fathom tree Jul 13, 2018, 10:16 PM

#

I'm happy to know enough to get into trouble in all kinds of situations. And I'm there!

north spear Jul 13, 2018, 10:17 PM

#

but ssl is a good thing to have regardless 😃

vapid field Jul 13, 2018, 10:17 PM

#

agreed

#

especially when you start using HTTP2

#

and the PRPL pattern

north spear Jul 13, 2018, 10:18 PM

#

even in datacenters there is a shift from perimeter firewall to just consider everyone an enemy and use TLS across everything with strict ACLs

fathom tree Jul 13, 2018, 10:19 PM

#

well, if (when) I do start using SSL, the main reason will be to enjoy the full Lovelace experience.

vapid field Jul 13, 2018, 10:19 PM

#

and a more secure setup 😉

north spear Jul 13, 2018, 10:19 PM

#

you'd be missing out on things like https://community.home-assistant.io/t/lovelace-gauge-card/58880 otherwise

fathom tree Jul 13, 2018, 10:20 PM

#

there seem to be a lot of parts that could go wrong with SSL and for a dude like me it's scary.

#

oh! I saw that! so cool!

north spear Jul 13, 2018, 10:20 PM

#

and it's mostly css 😄

buoyant skiff Jul 13, 2018, 10:22 PM

#

once im hungover tomorrow i will rework my beer card

fathom tree Jul 13, 2018, 10:23 PM

#

what's the beer card look like? I saw it listed in the custom cards repo

north spear Jul 13, 2018, 10:24 PM

#

was a gift to Toast 😃

#

You can see it in action here: https://cdn.discordapp.com/attachments/397426163649216512/467441907920797709/untappd.PNG

#

it's just a multiline string card with support for custom icon and style background

#

(it's the one on the bottom)

fathom tree Jul 13, 2018, 10:26 PM

#

it's listing breweries?

north spear Jul 13, 2018, 10:26 PM

#

beers

fathom tree Jul 13, 2018, 10:27 PM

#

good times

#

thanks again, I've gotta go do some real work for a bit. see ya

north spear Jul 13, 2018, 10:29 PM

#

see ya

vapid field Jul 13, 2018, 10:33 PM

#

how do you install bestlibre add-ons?

raven nacelle Jul 13, 2018, 10:34 PM

#

@vapid field Wrong channel....this is for Lovelace only

buoyant skiff Jul 13, 2018, 10:34 PM

#

untappd + hass = ❤

vapid field Jul 13, 2018, 10:35 PM

#

ok. I was just following up to the existing conversation about nginx.

#

is there a channel for that anyway?

raven nacelle Jul 13, 2018, 10:36 PM

#

Looks like #330990055533576204

vapid field Jul 13, 2018, 10:47 PM

#

hi i was trying the cardtracker but for some reason it shows then disapears
is this card with some bug or iam doing something wrong?

buoyant skiff Jul 13, 2018, 10:48 PM

#

@fathom tree its listing of beers and breweries

vapid field Jul 13, 2018, 10:54 PM

#

what are the setting to change the height/width of an picture-elements. Currently the floorplan looks rather small.

raven nacelle Jul 13, 2018, 10:57 PM

#

@vapid field picture-elements takes up one column (height will be automatically adjusted based on the width of the column). You can use panel mode to use full screen for the card

vapid field Jul 13, 2018, 10:59 PM

#

@raven nacelle tnx, Any link with some documentation which explains the things ?
Or have an example what your meaning (Not sure if I understand you) ?

raven nacelle Jul 13, 2018, 11:01 PM

#

@vapid field https://www.home-assistant.io/lovelace/views/#panel

north spear Jul 13, 2018, 11:13 PM

#

@vapid field that card was not supposed to be complete. The card autohides itself when there are no updates available

#

we need a bit more tuning for the custom_components to have some caching and to update the sensor when you call the update service that were planned for this weekend 😃

vapid field Jul 13, 2018, 11:14 PM

#

thanks for answer mate

north spear Jul 13, 2018, 11:15 PM

#

no problem

#

i'll post the card on community forums and reddit when it's ready

vapid field Jul 13, 2018, 11:18 PM

#

👍

#

at some point i would love to see fix tables for cards, it seems that they dont have a order that will keep them in same places

candid rapids Jul 13, 2018, 11:26 PM

#

Does anybody have a good dark theme that works with lovelace?

vapid field Jul 13, 2018, 11:28 PM

#

@candid rapids https://hastebin.com/fuyofarebo.bash

cinder rapids Jul 13, 2018, 11:29 PM

#

Is there a cookbook with examples for Lovelace?

frosty pelican Jul 13, 2018, 11:32 PM

#

@vapid field got a screenshot of that?

#

@candid rapids i got some screenshots on my github, bottom of readme

#

~dshokouhi

kind shellBOT Jul 13, 2018, 11:33 PM

#

Take a Peak at https://github.com/dshokouhi/Home-AssistantConfig and see if it helps

GitHub

dshokouhi/Home-AssistantConfig

Home-AssistantConfig - My home assistant config

vapid field Jul 13, 2018, 11:43 PM

#

@frosty pelican sure, http://www.tenney.eu/images/screenshot_hassio.png as you can see quite small floor plan

frosty pelican Jul 13, 2018, 11:44 PM

#

oh i thought it would be the dark theme you posted with Lovelace 😛

vapid field Jul 13, 2018, 11:45 PM

#

aha can make a screenshot of that as well 😃

#

Need to remake my home, will take some time

frosty pelican Jul 13, 2018, 11:47 PM

#

no worries, just like dark themes 😃

candid rapids Jul 13, 2018, 11:48 PM

#

Hmm, is there a way to change the text color of the history graphs? The x/y labeling is a dark gray

dense roost Jul 14, 2018, 2:42 AM

#

@fathom tree custom card repository? Where is this that you speak of

fathom tree Jul 14, 2018, 2:49 AM

#

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

copper mural Jul 14, 2018, 6:12 AM

#

I got an error say: "Unknown card type encountered: camera-preview.

#

Isn't there a type: camera-preview ?

subtle rune Jul 14, 2018, 6:28 AM

#

@tender wasp thank you for the css variables!

#

@copper mural use picture entity card with camera entity. https://www.home-assistant.io/lovelace/picture-entity/

buoyant skiff Jul 14, 2018, 6:46 AM

#

morning

empty heath Jul 14, 2018, 6:46 AM

#

So I'm putting in a little time on the Lovelace migration script...now that we have vertical stacks, should I just use vertical stack to migrate groups to Lovelace?

buoyant skiff Jul 14, 2018, 6:46 AM

#

yes

empty heath Jul 14, 2018, 6:47 AM

#

Of course I could test the group's entities against a list of card-based entities, and then convert it if it has one.

#

(like media_player)

#

Right now you cannot have a media_player inside of an Entities Card.

north spear Jul 14, 2018, 6:56 AM

#

@empty heath lies

#

😃

empty heath Jul 14, 2018, 6:56 AM

#

Oh, is that changed now?! 😄

north spear Jul 14, 2018, 6:56 AM

#

wasn't it possible to have any kind of core card in entities?

#

using type ?

#

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

#

what would you be using vertical-stack with for old interface migration ?

#

that just forces one long column of cards

empty heath Jul 14, 2018, 6:59 AM

#

I honestly haven't tested it. I was going based off of the errors that were thrown in the original migration script 😮

north spear Jul 14, 2018, 7:00 AM

#

let me test it real quick

#

meh

#

doesn't work only with custom cards

#

apologies

storm lion Jul 14, 2018, 7:05 AM

#

@north spear - whats best way of testing a custom-card from a code editor? Or just run it and view element errors

empty heath Jul 14, 2018, 7:05 AM

#

No worries. Thank you so much for testing.

north spear Jul 14, 2018, 7:05 AM

#

@empty heath https://github.com/home-assistant/home-assistant-polymer/blob/master/src/panels/lovelace/common/create-entity-row-element.js#L47-L59

#

was hoping that was including normal types 😃

empty heath Jul 14, 2018, 7:06 AM

#

Man, I gotta admit...only 2 beers in and programming in a language that I am not too familiar with is pretty difficult.

north spear Jul 14, 2018, 7:06 AM

#

@storm lion best way is just to run it

storm lion Jul 14, 2018, 7:07 AM

#

will do, thanks buddy

north spear Jul 14, 2018, 7:07 AM

#

but make sure you have https://developers.home-assistant.io/docs/en/frontend_development.html#development

storm lion Jul 14, 2018, 7:07 AM

#

yep, thanks for the reminder though

empty heath Jul 14, 2018, 7:08 AM

#

I guess it doesn't help that Atom is being really glitchy on me, haha.

subtle rune Jul 14, 2018, 7:08 AM

#

I can't manage to have an entity filter with a picture glance card, seems like I've tried every combination. With regular glance it's easy, but I can't seem to configure the right way

north spear Jul 14, 2018, 7:08 AM

#

I'm using vscode

#

@subtle rune ping me a config, i'll test it out with demo:

empty heath Jul 14, 2018, 7:09 AM

#

I've been wanting to switch since day 2 with Atom, but I couldn't pull the trigger.

storm lion Jul 14, 2018, 7:09 AM

#

vscode really a massive step up over atom?

empty heath Jul 14, 2018, 7:10 AM

#

Side note -- it's insane how many lines of code you can write while trying to debug stuff. 😂

#

@storm lion It's very similar, from what I've gathered, but VSCode doesn't have as many packages available.

north spear Jul 14, 2018, 7:10 AM

#

@storm lion I think it just depends on preferences

subtle rune Jul 14, 2018, 7:10 AM

#

@north spear This should be the way, looking at the glance and filter example: https://pastebin.com/HxhqNsQD

storm lion Jul 14, 2018, 7:11 AM

#

doesn't hurt to try it I guess, I like you dale find atom to becoming more and more unstable

empty heath Jul 14, 2018, 7:11 AM

#

Any time I switch projects I have to reload the window. 😦

#

Thankfully, there's a keyboard shortcut for that. lol

storm lion Jul 14, 2018, 7:12 AM

#

yeah I have the same problem

subtle rune Jul 14, 2018, 7:13 AM

#

@north spear Sorry, my bad. Was a faulty entity_id that seems to have made the error

#

But i didnt get a nice red box for it, so I got confused

north spear Jul 14, 2018, 7:14 AM

#

no problem

#

than back to building the backend for my cardtracker 😃

storm lion Jul 14, 2018, 7:15 AM

#

you seen https://github.com/custom-components/sensor.custom_cards @north spear

#

or is that not the kind of cardtracker your on about

north spear Jul 14, 2018, 7:16 AM

#

https://github.com/ciotlosm/custom-lovelace/blob/update_sensor/cardtracker-card/README.md

#

if you look at docs, it points to the one you linked 😃

storm lion Jul 14, 2018, 7:16 AM

#

let me know when you want a beta tester 😉

north spear Jul 14, 2018, 7:16 AM

#

but it needs a bit of refactoring

#

I don't want you to specify both custom component and sensor

#

and I want it to use async and some caching

storm lion Jul 14, 2018, 7:17 AM

#

makes total sense

#

great ideas, and looks like a tidy implementation

#

ready for it being tested yet?

subtle rune Jul 14, 2018, 7:17 AM

#

Seems really wierd though, its a light thats alright and it's showing in entity filter with regular glance, but in picture glance with filter it gives me an error in log: "Uncaught TypeError: Cannot read property 'entity_id' of undefined". It is the only light thats on right now and should show in the card

storm lion Jul 14, 2018, 7:20 AM

#

oww, picture glance won't like that many entities.. perhaps thats it

#

even if it is currently only get one passed to it

subtle rune Jul 14, 2018, 7:20 AM

#

oh of course, thank you.

storm lion Jul 14, 2018, 7:20 AM

#

try only leaving one light in the entity-filter and see if that solves it?

#

no problem 😃

subtle rune Jul 14, 2018, 7:21 AM

#

I just used my glances card for trying it out. didnt think of the amount of entites 😄

north spear Jul 14, 2018, 7:21 AM

#

@storm lion not yet, but will probably be this weekend

storm lion Jul 14, 2018, 7:21 AM

#

@north spear just give me a shout, excited for that one

subtle rune Jul 14, 2018, 7:21 AM

#

Didn't solve it though. Only have one entity now and get the same log

#

regular picture glance without filter is working with the same light

#

can anyone confirm having a working entity filter card together with picture glance and perhaps share config?

storm lion Jul 14, 2018, 7:24 AM

#

just trying to set one up now

subtle rune Jul 14, 2018, 7:27 AM

#

also tried it this way, that just ignores the filter part: https://pastebin.com/6btfKYnG

storm lion Jul 14, 2018, 7:34 AM

#

hmm its a strange one, just trying a few things bear with me

subtle rune Jul 14, 2018, 7:37 AM

#

Happy for the help!

storm lion Jul 14, 2018, 7:44 AM

#

sooo the syntax is right(ish) as in if I change it to a glance card from a picture glance it works a treat.. that may indeed be a bug

north spear Jul 14, 2018, 7:45 AM

#

it's a bug

subtle rune Jul 14, 2018, 7:47 AM

#

Glad that it wasn't just me 😄

storm lion Jul 14, 2018, 7:47 AM

#

will add it to ui-scheme issues

subtle rune Jul 14, 2018, 7:47 AM

#

Great! I wont make a ticket then 😉

storm lion Jul 14, 2018, 7:48 AM

#

👍

#

(also congratulations Jedi @north spear , well deserved)

north spear Jul 14, 2018, 7:48 AM

#

er...

#

what is jedi ?

storm lion Jul 14, 2018, 7:49 AM

#

funny light up sticks, long cloaks, daddy issues....

north spear Jul 14, 2018, 7:50 AM

#

light up long sticks sounds right , but no daddy issues

#

but seriously, I might be thick but I'm missing the joke here 😃

storm lion Jul 14, 2018, 7:52 AM

#

~jedi

kind shellBOT Jul 14, 2018, 7:52 AM

#

The Jedi role (blue) is given to our community members who have proven themselves knowledgable and worthy of helping others. Please do not request to be assigned this role. It must be earned.

north spear Jul 14, 2018, 7:52 AM

#

oooh

#

weird 😃

storm lion Jul 14, 2018, 7:52 AM

#

second line tech support 😉

north spear Jul 14, 2018, 7:53 AM

#

now i notice my name color changed

buoyant skiff Jul 14, 2018, 7:54 AM

#

hehe

north spear Jul 14, 2018, 7:54 AM

#

I bet it's because of the beer-card 😃

buoyant skiff Jul 14, 2018, 7:54 AM

#

its all about the beer 😛

storm lion Jul 14, 2018, 7:54 AM

#

seconded!

buoyant skiff Jul 14, 2018, 7:55 AM

#

scrapped my old webui and going all lovelace now

#

sooo much better

storm lion Jul 14, 2018, 7:56 AM

#

can't believe it took you so long

buoyant skiff Jul 14, 2018, 7:56 AM

#

been busy coding 😛

#

cant do it all

#

finally got all my services consolidated into hass

storm lion Jul 14, 2018, 7:59 AM

#

@subtle rune - what version of HA are you running so I can add it to the bug notes please?

subtle rune Jul 14, 2018, 8:00 AM

#

0.73.1

storm lion Jul 14, 2018, 8:04 AM

#

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

buoyant skiff Jul 14, 2018, 8:04 AM

#

havent really looked at the other cards available beside the beer card need to check em out

storm lion Jul 14, 2018, 8:05 AM

#

next port of call is the monster, by far my favourite card

buoyant skiff Jul 14, 2018, 8:06 AM

#

k need to check that out

#

what are you using the monster card for ?

storm lion Jul 14, 2018, 8:06 AM

#

https://github.com/ciotlosm/custom-lovelace/tree/master/monster-card

buoyant skiff Jul 14, 2018, 8:07 AM

#

reading

#

seems like its has many uses

#

^ so my question above 😃

storm lion Jul 14, 2018, 8:07 AM

#

a few of my uses:
https://hastebin.com/ofezupoyah.bash

subtle rune Jul 14, 2018, 8:07 AM

#

I haven't gotten to using it yet because I get sidetracked from its many uses 😄

buoyant skiff Jul 14, 2018, 8:08 AM

#

haha i know the feeling

storm lion Jul 14, 2018, 8:09 AM

#

filtering by device class is really call, but my favourite is this one:

  - type: custom:monster-card
    card:
      type: entities
      title: Things that are probably broken
    filter:
      include:
        - state: "unknown"

#

gives me a list to keep an eye on and fix or exclude

buoyant skiff Jul 14, 2018, 8:09 AM

#

yeah gonna borrow that one 😃

subtle rune Jul 14, 2018, 8:09 AM

#

Ooh nice! Will use that one too

buoyant skiff Jul 14, 2018, 8:10 AM

#

hehe the beer was strong yesterday 😛 feeling it today haha

#

but i managed to fix my untappd stuff

#

just need to hunt down a better untappd logo thats long instead of wide

#

so i can split it and use it for the wishlist beer card

#

the gauge card is nice

subtle rune Jul 14, 2018, 8:15 AM

#

I had quite a few 'unknown' 🙈

storm lion Jul 14, 2018, 8:16 AM

#

Yeah, I was very surprised too, thought everything was working for me until I checked that out

subtle rune Jul 14, 2018, 8:34 AM

#

Will have to check them out later. Right now I really have to get to cleaning... We're getting guests and I've spent far too much time on this today 😄

buoyant skiff Jul 14, 2018, 8:37 AM

#

had some broken stuff too 😛

#

added a new tab called bugs

north spear Jul 14, 2018, 8:44 AM

#

Make sure to use 🐛 or beetle icons 😃

buoyant skiff Jul 14, 2018, 8:50 AM

#

hehe

#

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

#

😄

#

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

#

hehe its fun 😄

viral sorrel Jul 14, 2018, 10:19 AM

#

I've not yet tried lovelace but was wondering if this was possible.. create a group where the background is bright if any light is on in the room or dark if no lights are on. based on a value template or sensor.. or whatever.

north spear Jul 14, 2018, 10:36 AM

#

Yes. Use two images

split granite Jul 14, 2018, 10:36 AM

#

state_image 😉

north spear Jul 14, 2018, 10:36 AM

#

Based on state

split granite Jul 14, 2018, 10:37 AM

#

I do that with picture_glance - one image for lights off, one for lights on

#

Sadly you can only use a single entity for that, so I'm going to be creating some input_selects to allow me to do things like "day/night lights off/night lights on/away"

#

Being able to nest state_image would be awesome, maybe I'll raise another feature request...

#

https://github.com/home-assistant/ui-schema/issues/102 raised, and hopefully makes sense

north spear Jul 14, 2018, 10:52 AM

#

@split granite maybe better:

state_images:
  - image: /local/living_room_day.png
    match:
      sun.sun: above_horizon
  - image: /local/living_room_night_on.png
    match:
      sun.sun: below_horizon
      group.living.room: on
  - image: /local/living_room_night_off.png
    match:
      sun.sun: below_horizon
      group.living.room: off

#

nesting seems a bit unreadable

split granite Jul 14, 2018, 11:04 AM

#

Yeah, that works too

#

I was thinking for of a traditional set of nested if statements, but yours is more flexible I think

calm rock Jul 14, 2018, 1:36 PM

#

hi all!, im having problems to make my "old" ipads to load homeassistant page ( just the top blue band header appears ) , i suspect of the line "javascript_version: latest # for lovelace to work on ios" may be forcing this to work with a version that it simply dont have (?) , is it possible to put this line on a file that only applies when you invoque the lovelace UI ? ,.

stable socket Jul 14, 2018, 1:46 PM

#

Hey guys, how have you implemented your alarms in lovelace? I'm just setting up the Manual Alarm Control Panel HA entity. Interested to see any examples or tips?

buoyant skiff Jul 14, 2018, 1:49 PM

#

@calm rock https://github.com/ciotlosm/custom-lovelace

#

read it

calm rock Jul 14, 2018, 1:52 PM

#

red it already , thanks, that is why i suspect about that , and want to see if enabling latest , can be better directed when needed , and not as default .

#

on those old ipdas , im not using lovelace

north spear Jul 14, 2018, 1:54 PM

#

@calm rock by default you get latest on devices except ios

calm rock Jul 14, 2018, 1:55 PM

#

@north spear , ok so you mean that the browser is not forced to pick the latest , if not needed ?

north spear Jul 14, 2018, 1:55 PM

#

no idea how it's implemented, but I think there is some backend logic based on the user agent

calm rock Jul 14, 2018, 1:57 PM

#

ok, will disable latest , and test again, just to confirm then , on the same ipad , i can get the UI without a problem form a PI without lovelace config , and cant open anymore the page that the rpi, with latest config , .

#

is serving

north spear Jul 14, 2018, 1:57 PM

#

how old is your ios on that device ?

#

Mine are running fine on 11.4 with latest

calm rock Jul 14, 2018, 1:58 PM

#

its 9.3.5

#

it worked, perfect , until recent changes

#

and , as said , still works perfect , with the other PI running hassio73, hassOS, without lovelace ios enabled .

north spear Jul 14, 2018, 2:03 PM

#

ok

buoyant skiff Jul 14, 2018, 2:13 PM

#

@north spear enabling the options in ff on android makes the browser crash 😛

#

sent a bug report to devs

#

love the gauge card

#

redid my whole system menu

north spear Jul 14, 2018, 2:18 PM

#

nice

#

I'm almost done with the new card-tracker

empty heath Jul 14, 2018, 2:33 PM

#

@north spear I gave you the Jedi role because of all of your dedication to Lovelace lately.

#

You're the...Lovelace Jedi. 😃

north spear Jul 14, 2018, 2:33 PM

#

😛 thanks

empty heath Jul 14, 2018, 2:33 PM

#

No, thank you.

#

You are seriously "the guy" when it comes to Lovelace, and for that we are all very thankful.

north spear Jul 14, 2018, 2:35 PM

#

❤

storm lion Jul 14, 2018, 2:47 PM

#

indeed, well said @empty heath - and so approachable and nice with it, even to me and my many many stupid questions 😛

empty heath Jul 14, 2018, 2:48 PM

#

😃

#

@north spear Where is this list of your custom cards with the "updates" stuff? 😮

north spear Jul 14, 2018, 2:53 PM

#

📎 Screen_Shot_2018-07-14_at_17.53.08.png

#

Just tested it on my production

#

Needs a bit more testing / tweaking it seems

empty heath Jul 14, 2018, 3:02 PM

#

Like, is there somewhere we can add repos for Lovelace cards? 😮

north spear Jul 14, 2018, 3:05 PM

#

not at the moment

empty heath Jul 14, 2018, 3:05 PM

#

Ahh, ok.

mortal cape Jul 14, 2018, 3:05 PM

#

Custom Card Community Place

north spear Jul 14, 2018, 3:05 PM

#

@wheat current was kind enough to provide a custom component that uses my repo for version checking

mortal cape Jul 14, 2018, 3:05 PM

#

CCCP

north spear Jul 14, 2018, 3:05 PM

#

I've build a custom card to take advantage of the sensor there and services exposed

empty heath Jul 14, 2018, 3:06 PM

#

Has anyone been working on a "header" card, or is that even possible? (Something to hold "badges" like in the old UI)

raven nacelle Jul 14, 2018, 3:08 PM

#

@empty heath badges are coming in the next release

empty heath Jul 14, 2018, 3:08 PM

#

Yay!!! ❤

raven nacelle Jul 14, 2018, 3:08 PM

#

https://github.com/home-assistant/home-assistant-polymer/pull/1443

empty heath Jul 14, 2018, 3:08 PM

#

I guess I'll keep truckin' on my migration script then. ❤

north spear Jul 14, 2018, 3:23 PM

#

Card doesn’t update when using update all but it does when running check 😃

#

I need some deep troubleshooting

empty heath Jul 14, 2018, 3:24 PM

#

^ the story of our lives.

storm lion Jul 14, 2018, 3:25 PM

#

@empty heath - somewhere to keep custom cards - I have this setup, we just need to really get everything over there, if people are interested I doing it like that?
https://github.com/custom-cards

#

@wheat current set it up, along with one for custom components

empty heath Jul 14, 2018, 3:28 PM

#

@storm lion Brilliant. 🎉

#

It'll be like github.com/hassio-addons, but for cards! 😄

#

Hmm...why not just a Hass.io add-on to manage it? 😂

#

I mean, sure, the non Hass.io'rs would be a little upset, but pfffft.

storm lion Jul 14, 2018, 3:30 PM

#

Hopefully, obviously @north spear is the biggest custom card manufacturer at the minute and all of his are nicely documented on his repo currently

#

Aren't you a docker user @empty heath ?

empty heath Jul 14, 2018, 3:31 PM

#

Kind-of.

#

I use Docker for Hass.io and on unRAID, but no where else at the moment I do not think.

storm lion Jul 14, 2018, 3:32 PM

#

You have hassio on unraid? Interesting, didn't think hassio could run its supervisor on another docker

empty heath Jul 14, 2018, 3:32 PM

#

No, I do not, yet.

#

I have it booting in a VM, but never ran it on Docker.

#

But yes, theoretically, it could run on inception.

storm lion Jul 14, 2018, 3:33 PM

#

AHH that makes sense

empty heath Jul 14, 2018, 3:33 PM

#

Docker can run inside Docker containers.

#

But no one ever made it a reality.

#

Whenever we do have the ability to download/add cards from a repo, will someone please tag me on the post/commit/update/message/comment/etc? This will be handy for my migration script.

dim harness Jul 14, 2018, 3:48 PM

#

custom card repository sounds awesome \o/

#

I'm unsure if balloob will agree with that notion though

wheat current Jul 14, 2018, 4:00 PM

#

Streamline installation steps and one place for users to search through has to be a win win for every parts

dim harness Jul 14, 2018, 4:06 PM

#

I agree. the point he has is that by making it easier for users to install custom components (/UIs/whatever) will make it easier for them to break their installation, which will then cause non-relevant bug reports to our bug tracker

chilly storm Jul 14, 2018, 4:14 PM

#

Hi - starting to use the interface, and I've already made it the default on my iOS app. Having great success , in fact, I think the only real "difficult" is that when things are so customizable it can be hard to know where to begin. I am not much of a developer, but not having trouble using Lovelace with Hassio, and Nest, Zwave, and Konnected (alarm) components. Still getting set up, but happy to try out new things it that helps you all.

hot gyro Jul 14, 2018, 4:19 PM

#

hmm - seems like lovelace has the same limitations as the regular ui - no resizing, no sorting, card seems to crop text | https://www.dropbox.com/s/agmlbwrypetuvdj/Screenshot 2018-07-14 17.17.14.png?dl=0 | would be nice if that could be addressed - also the big blue heading to allow hiding it especially on mobile platforms will add a bit to the real estate available I'd think

raven nacelle Jul 14, 2018, 4:36 PM

#

@hot gyro Please check the docs....you can change the titles on the cards so that you don't get the .... Entities are sorted in the order they appear in the group. What do you mean by resizing?

mortal cape Jul 14, 2018, 4:40 PM

#

@raven nacelle you can get rid of the ... in the glance card?

raven nacelle Jul 14, 2018, 4:40 PM

#

yes....you define titles for individual entities https://github.com/arsaboo/homeassistant-config/blob/master/ui-lovelace.yaml#L242

hot gyro Jul 14, 2018, 4:41 PM

#

First of all I mean sorting of cards, I mean the cropping of text inside the cards as shown, resizing meaning if I got a browser @4k why does it only show 3 cards per row

raven nacelle Jul 14, 2018, 4:42 PM

#

They system is designed to work for most of the cases and not specific use case. Card are sorted based on a few factors - I don't claim to understand everything - but there is well defined algorithm.

#

If you remove the side panel, you get 4 columns

hot gyro Jul 14, 2018, 4:44 PM

#

While I understand what you are saying pretty much any browser behaves differently doesnt it? Fit how it fits the resolution.. but as mentioned I said I believe its the same limitation as the regular ui

#

Cards sorted by algo is something that again makes it difficult to try to create a static UI from my perspective thats works as designed I had the situation that the backyard in my screenshot was perfectly in line where I thought it would be then it was placed differently and then the next card changed thats how I noticed that I cant sort them the way I would like it

#

Would you not prefer to define what shows where on your UI? Eg important vs less important cards/entities?

#

It in parts works with the old but still is a bit of pain with using the order tag

#

Just my first impressions playing with it really will need to dig through the docs to see what can be tweaked as you can see

#

Commenting with title renaming well if the title is too long it will still crop rather than resize the font as an example

#

Will see

north spear Jul 14, 2018, 4:51 PM

#

@hot gyro there are various approaches that can fix the UI for you

#

however keep in mind that the current UI must work for majority of people and platforms out of the box

#

including very small mobile screens

#

with the new UI you do get some benefits on consistency in your UI suing vertical-stack & horizontal-stack

#

and I'm sure in the future (considering this is still experimental and only at the 2nd release) you might get a grid layout

#

However you can always go and use HADashboard or other frontends if you want a very custom use case

#

fitting to the resolution with various widths is tricky when your cards can have various controls and other bits and pieces dynamic on them and can cause a real pain in maintenance

#

the new UI has been built form the ground up with the main focus on decoupling it from state machine, which brings benefits in more easily adding custom cards & panels

#

An experimental UI at it's second release can't be perfect and fit like a glove any use case 😃

hot gyro Jul 14, 2018, 4:55 PM

#

Hmm ok - with regards to fitting to resolution I just thought if screen equals x and card width is y add as many as fit into x - not resizing/scaling it

north spear Jul 14, 2018, 4:56 PM

#

hmm

#

I think when you have few cards it wont' do that as easily

hot gyro Jul 14, 2018, 4:56 PM

#

Sure - as I said not criticising just throwing some ideas in the room

north spear Jul 14, 2018, 4:56 PM

#

@hot gyro you can try to fit your full screen btw in lovelace

#

use a horizontal-stack card with the view set to panel: true

#

and get 3 vertical stack cards inside

#

and place rest at your discression

#

but only if you don't care of mobile 😃

#

let me try and get a sample for you

hot gyro Jul 14, 2018, 4:58 PM

#

Well let me study the docs and see what’s possible really this was just a quick assessment how far the improvements are and there are some I like some that seemed to require a bit of additional thought - at least for what I would consider practical for me

north spear Jul 14, 2018, 5:00 PM

#

what browser are you using ?

hot gyro Jul 14, 2018, 5:01 PM

#

Safari iOS/OSX

north spear Jul 14, 2018, 5:01 PM

#

it's a bit strange you only have 3 columns as for that many cards I would get 4

hot gyro Jul 14, 2018, 5:01 PM

#

Well I show the panel which usually renders the ui to 3 columns

#

If I hide it I should get 4

#

But that’s what I am saying there is plenty of unused space in my frame

#

Which could be dynamically read and filled

north spear Jul 14, 2018, 5:03 PM

#

https://imgur.com/a/QByyAZo

Imgur

#

that is my view which gets filled completely

split granite Jul 14, 2018, 5:06 PM

#

I get that with 4 cards, but with 3 I get "white" space either side of the three columns

hot gyro Jul 14, 2018, 5:06 PM

#

@north spear thats interesting as it doesnt happen here ...

split granite Jul 14, 2018, 5:06 PM

#

It seems three is the magic number, from one to two, and two to three, I get the full width, it's the three to four that gives space

#

But only with the sidebar showing 🤔

#

If I hide the sidebar, it all behaves as you're saying @north spear

hot gyro Jul 14, 2018, 5:07 PM

#

I even disabled all extension I had - same behaviour

#

3 cards with 4 without panel

#

ha - you arent showing the panet - that explains it

#

this is what i mean https://www.dropbox.com/s/5b9jyom9qkge0vd/Screenshot 2018-07-14 18.08.48.png?dl=0

#

they could fit all into one row

north spear Jul 14, 2018, 5:09 PM

#

I think it depends also on reported height

hot gyro Jul 14, 2018, 5:10 PM

#

I guess you mean width but I agree

north spear Jul 14, 2018, 5:10 PM

#

height

#

😃

#

all cards have now a "size" which is the height that is uses to calculate how much it can stack somewhere

#

I'm no expert on how the flow is calculated, but there is some logic in there

#

however if you really want to a fixed layout there are various approaches , like HADashboard or other custom UIs like Tiles

#

(in the old UI)

#

in Lovelace you get some with vertical and horizontal stacks

split granite Jul 14, 2018, 5:11 PM

#

To be honest, the vertical and horizontal stack cards work "well enough" for fixed layout

north spear Jul 14, 2018, 5:11 PM

#

but I think more is coming

split granite Jul 14, 2018, 5:11 PM

#

I've got a few views where I want to apply some logic, and they work there

north spear Jul 14, 2018, 5:11 PM

#

I think the fixed layout can be done with stacks and panel: true

split granite Jul 14, 2018, 5:11 PM

#

It ain't perfect, but then neither was the old UI 😛

north spear Jul 14, 2018, 5:12 PM

#

It is really funny in my opinion how fast people are comparing Lovelace with old ui 😄

#

this is 2 releases old only

split granite Jul 14, 2018, 5:12 PM

#

I know

north spear Jul 14, 2018, 5:12 PM

#

and much effort has been put in ground work

split granite Jul 14, 2018, 5:12 PM

#

But, frankly, it's already a replacement IMO

north spear Jul 14, 2018, 5:13 PM

#

true that

#

I love the new UI and the flexibility

#

especially the custom cards (as you can tell )

split granite Jul 14, 2018, 5:13 PM

#

I've reduced my groups, removed the history_graph entities, and I've got a better UI

hot gyro Jul 14, 2018, 5:13 PM

#

@split granite what I dont like is this is the same layout earlier: https://www.dropbox.com/s/agmlbwrypetuvdj/Screenshot 2018-07-14 17.17.14.png?dl=0 | this is now https://www.dropbox.com/s/agmlbwrypetuvdj/Screenshot 2018-07-14 17.17.14.png?dl=0 | see the position of the backyard as an example

split granite Jul 14, 2018, 5:14 PM

#

That's the same link

hot gyro Jul 14, 2018, 5:14 PM

#

https://www.dropbox.com/s/5b9jyom9qkge0vd/Screenshot 2018-07-14 18.08.48.png?dl=0

#

sorry

#

if I could sort the appearance I guess it would already be a huge improvement

north spear Jul 14, 2018, 5:15 PM

#

use some panels and stacks

split granite Jul 14, 2018, 5:15 PM

#

I use vertical and horizontal stacks for that

#

Not even panel yet

north spear Jul 14, 2018, 5:15 PM

#

@split granite try the setup with panel:true

#

use a panel: true with 1st card being horizontal-stack

#

then inside decide how many veritcal stacks you want (how many columns)

#

and sh*t just stays in place

#

let me give an example

#

https://hastebin.com/kubaqiqara.css

#

this gives you two columns that stretch the whole freakin' screen, no longer how big you have it (no pun intended)

hot gyro Jul 14, 2018, 5:18 PM

#

AAAAAAAH

#

that might just do the trick

split granite Jul 14, 2018, 5:19 PM

#

Nice, I'll have to play with that

hot gyro Jul 14, 2018, 5:20 PM

#

so basically you define a table with horizontal/vertical stacks and fill them with your cards ...

#

I think this may work

north spear Jul 14, 2018, 5:20 PM

#

one horizontal.. and then just fill the Column

#

you define how many columns you want with vertical stacks

#

in my sample I used two

#

the nice thing is that horizontal stack fills the whole screen because it's set as "panel: true"

hot gyro Jul 14, 2018, 5:21 PM

#

thats what I understood - let me try that - but I think you said that doest work with mobile?

north spear Jul 14, 2018, 5:22 PM

#

it will.. but will try to maintain the layout

hot gyro Jul 14, 2018, 5:22 PM

#

but I could use a different landing page for mobile - so it shouldnt matter

north spear Jul 14, 2018, 5:22 PM

#

squeezing the sh*t out of your cards

hot gyro Jul 14, 2018, 5:22 PM

#

let me have a play with that cheers

north spear Jul 14, 2018, 5:22 PM

#

use can use deeplinks with Lovelace, so yea

#

no problem

hot gyro Jul 14, 2018, 5:25 PM

#

thats seems to work

north spear Jul 14, 2018, 5:30 PM

#

@wheat current

📎 card-tracker.gif

buoyant skiff Jul 14, 2018, 5:30 PM

#

😃

#

is it working now ?

north spear Jul 14, 2018, 5:30 PM

#

yes

buoyant skiff Jul 14, 2018, 5:30 PM

#

neat 😃

#

using bignumbers card also now

#

so i should use the card tracker

north spear Jul 14, 2018, 5:35 PM

#

I like it 😃

mortal cape Jul 14, 2018, 5:36 PM

#

@raven nacelle trying out the glance/title thing and it isn't working for me

#

      - type: glance
        title: Kitchen Stats
        entities:
          - entity: sensor.kitchen_temp_68
            title: Temp
          - entity: sensor.kitchen_ambient_69
            title: Brightness
          - entity: sensor.kitchen_humidity_70
            title: Humidity```

#

no error, but no change in appearance

#

(or @north spear ?)

north spear Jul 14, 2018, 5:38 PM

#

@mortal cape title ?

#

not name ?

#

https://www.home-assistant.io/lovelace/glance/ see last example

mortal cape Jul 14, 2018, 5:39 PM

#

oh...arsaboo has - type: glance title: Doors entities: - binary_sensor.back_door - binary_sensor.front_door - entity: binary_sensor.door_window_sensor_158d0001bf26df title: Garage - entity: binary_sensor.ring_front_door_motion title: Front Motion

#

in his config

#

I'll try name

wheat current Jul 14, 2018, 5:39 PM

#

@north spear amazing work 🎉 : 💯

north spear Jul 14, 2018, 5:40 PM

#

@mortal cape that was b03 code

#

https://www.home-assistant.io/lovelace/changelog/#changes-in-0730b3

#

always use docs 😉

mortal cape Jul 14, 2018, 5:41 PM

#

it works, but the ... are still there which is what I was curious about

north spear Jul 14, 2018, 5:41 PM

#

... is CSS meaning it can't get whole text in

mortal cape Jul 14, 2018, 5:41 PM

#

I think I just don't like the glance card

north spear Jul 14, 2018, 5:41 PM

#

overflow ellipsis

#

it will be useful @mortal cape with entity filter

mortal cape Jul 14, 2018, 5:42 PM

#

📎 unknown.png

#

there would seem to be plenty of space heh

north spear Jul 14, 2018, 5:42 PM

#

:))

buoyant skiff Jul 14, 2018, 5:42 PM

#

dont like the glance view

#

most of my entries has spacing issues like that

mortal cape Jul 14, 2018, 5:43 PM

#

yeah

#

for now...anyway

buoyant skiff Jul 14, 2018, 5:43 PM

#

yeah

north spear Jul 14, 2018, 5:46 PM

#

I'd set 4 per row and allow two title lines 😉

#

but css for a more dynamic layout (like filling view if less then 5) it's a pain

hot gyro Jul 14, 2018, 5:51 PM

#

@north spear works but as you say mobile doesnt - I guess I only want a single vertical stack on mobile - seems like /lovelace is hardcoded for the ui-lovelace.yaml - shouldnt be that difficult to get a second entry in that to allow ui-lovelace-mobile.yaml 😃

north spear Jul 14, 2018, 5:51 PM

#

You can get around this if you want with a bit of hacking

#

you make a mobile friendly view in lovelace

#

something like /lovelace/mobile

hot gyro Jul 14, 2018, 5:52 PM

#

just thought for consistency

#

true could do that as well

north spear Jul 14, 2018, 5:52 PM

#

and implement a custom HTML to set the default to that view

#

at the moment to set a path as default is a simple JS command

hot gyro Jul 14, 2018, 5:53 PM

#

ok

#

will have a play with that as well ...

north spear Jul 14, 2018, 5:54 PM

#

<script>
  localStorage.defaultPage = 'lovelace/mobile';
</script>

#

that would work if you are able to load that HTML only on your mobile platform

#

or add code in there to execute that command only when user agent matches what you have on mobile

hot gyro Jul 14, 2018, 5:54 PM

#

I was just thinking about user-agent matching

north spear Jul 14, 2018, 5:55 PM

#

you can be as creating as you wish

#

😃

#

"I'm just going to try Lovelace to see what everyone is talking about, just a test card, no more" https://78.media.tumblr.com/e0e87cf77dfecb79d78afb94f12d3b17/tumblr_inline_oauhktAydg1raprkq_400.gif

undone egret Jul 14, 2018, 6:05 PM

#

reporting to spca

north spear Jul 14, 2018, 6:06 PM

#

It's funny because it's true 😃

undone egret Jul 14, 2018, 6:07 PM

#

so your saying alll in or nothing?

north spear Jul 14, 2018, 6:07 PM

#

you try a couple of cards, and usually end up doing your whole UI :))

#

and then never going back

undone egret Jul 14, 2018, 6:08 PM

#

well i use the ui like 1% of the time ... but i think what you are doing is great

north spear Jul 14, 2018, 6:08 PM

#

I'm thinking of a new card, a weather card just with images from https://www.pexels.com/search/weather/

#

I think that is the right way to go, 1% of the time, but if you have a few things on the walls to glance at it every now and then... like time to work, schedule, etc. it has to look pretty

undone egret Jul 14, 2018, 6:10 PM

#

yea been on hadash for years now... so controls are simple ... but mostly everything is automated

north spear Jul 14, 2018, 6:10 PM

#

I end up using grafana more just to track anomalies 😃

undone egret Jul 14, 2018, 6:10 PM

#

true that

#

i just wish we could get alexa/home to be duplex

empty heath Jul 14, 2018, 6:13 PM

#

Can someone with at least history_graph, plant, and weather entities provide me with a dump of their /api/states page so that I can use it for testing? If you'd like, feel free to sanitize the data first. Regardless, all data will be kept private and deleted after development and testing is complete. Do not post the link here in chat, but instead PM me.

half osprey Jul 14, 2018, 6:13 PM

#

@empty heath run the demo component at home ?

#

just add demo: to your setup

north spear Jul 14, 2018, 6:14 PM

#

demo is the best

empty heath Jul 14, 2018, 6:14 PM

#

@half osprey Haha, never thought of that one. Thanks!

north spear Jul 14, 2018, 6:14 PM

#

but plant doesn't work

#

you can build one with random sensors tho 😃

#

@empty heath if you want changing values, use random sensor platform

empty heath Jul 14, 2018, 6:15 PM

#

Thank you.

#

I just need something to know what to base the cards off of, lol

vapid field Jul 14, 2018, 7:11 PM

#

i see the card-tracker is avaliable now, i have follow steps and i can see the card there but isnt showing the cards i have installed, when i click check it dont shows no cards
is this supose to show the current cards you have installed or will only shows when updates is available?

north spear Jul 14, 2018, 7:14 PM

#

@vapid field it needs the custom component installed

#

and added to your configuration.yaml

#

I think docs on that side are not yet updated

#

but it's easy, install custom components and add custom_cards: in your configuration.yaml

vapid field Jul 14, 2018, 7:16 PM

#

i have put the sensor folder and custom_cards.py inside custom components
configuration.yaml i have add

custom_cards:
  auto_update: False

sensor:
  platform: custom_cards

north spear Jul 14, 2018, 7:16 PM

#

no need for the sensor part

#

it auto adds

#

and don't use the sensor from outside the custom_cards

vapid field Jul 14, 2018, 7:16 PM

#

ahh let me test

north spear Jul 14, 2018, 7:17 PM

#

I've updated https://github.com/custom-components/sensor.custom_cards with text

#

but you just need the custom_components folder here: https://github.com/custom-components/custom_cards

#

I will update docs soon, apologies

vapid field Jul 14, 2018, 7:18 PM

#

no problem i have removed sensor folder and configuration entry for it

#

restarting....

#

for some reason still wont show the installed cards

north spear Jul 14, 2018, 7:22 PM

#

it looks for cards in www/ folder

#

if you have them in a subfolder they won't show

#

but one thing at a time, can you check you get the sensor? do you see any errors in your logs ?

vapid field Jul 14, 2018, 7:24 PM

#

ahh i have sub folders

#

would be nice to have them in folders for organization hehe´

north spear Jul 14, 2018, 7:27 PM

#

can you try it without folders? I will add an option for configuring folder location after if it works

vapid field Jul 14, 2018, 7:27 PM

#

trying now

north spear Jul 14, 2018, 7:28 PM

#

soon 😃

📎 Screen_Shot_2018-07-14_at_22.27.57.png

vapid field Jul 14, 2018, 7:28 PM

#

wow damm amazing

north spear Jul 14, 2018, 7:29 PM

#

states work, just need to fix buttons

vapid field Jul 14, 2018, 7:29 PM

#

looking awsome!!!!!

#

still wont show grr

north spear Jul 14, 2018, 7:32 PM

#

ok, let's take it slow

#

do you see components loading in logs ?

#

you should see two warnings , one for component other for sensor

#

2018-07-14 19:36:26 WARNING (MainThread) [homeassistant.loader] You are using a custom component for sensor.custom_cards which has not been tested by Home Assistant. This component might cause stability problems, be sure to disable it if you do experience issues with Home Assistant.

vapid field Jul 14, 2018, 7:33 PM

#

018-07-14 20:29:16 INFO (SyncWorker_6) [custom_components.custom_cards] version 1.1.7 is starting, if you have ANY issues with this, please report                   them here: https://github.com/custom-components/custom_cards
2018-07-14 20:29:16 DEBUG (SyncWorker_6) [custom_components.custom_cards] Checking for installed cards in  /config/www/
2018-07-14 20:29:16 DEBUG (SyncWorker_6) [custom_components.custom_cards] Checking which cards that are in use in ui-lovelace.yaml
2018-07-14 20:29:17 DEBUG (SyncWorker_6) [custom_components.custom_cards] These cards where found: ['bignumber-card', 'beer-card', 'gauge-card', 'sample-card', 'monster-card', 'entity-attributes-card', 'card-tracker']
2018-07-14 20:29:17 DEBUG (SyncWorker_6) [custom_components.custom_cards] Local version of bignumber-card is 14

north spear Jul 14, 2018, 7:34 PM

#

ok, that is working properly

#

can you go to your dev panel and check if the sensor is there?

vapid field Jul 14, 2018, 7:34 PM

#

sec

north spear Jul 14, 2018, 7:34 PM

#

sensor.custom_card_tracker

#

that is the name of the sensor

#

and that you should have set as entity under the card-tracker as well

vapid field Jul 14, 2018, 7:35 PM

#

sensor.custom_card_tracker wont find

north spear Jul 14, 2018, 7:35 PM

#

that means your sensor is not properly installed

#

can you check if your sensor is in custom_components/sensor/custom_cards.py ?

vapid field Jul 14, 2018, 7:36 PM

#

is not there

north spear Jul 14, 2018, 7:38 PM

#

you need the sensor as well from the repo there

vapid field Jul 14, 2018, 7:38 PM

#

k

buoyant skiff Jul 14, 2018, 7:41 PM

#

seems the beer card is popular 😛

vapid field Jul 14, 2018, 7:42 PM

#

@north spear working great, awsome job

#

will this detect also if new cards are available or just updates?

north spear Jul 14, 2018, 7:43 PM

#

updates only for installed cards

vapid field Jul 14, 2018, 7:44 PM

#

ya thats what i tought

wheat current Jul 14, 2018, 7:45 PM

#

It can be used to install new card to, jeg create a blank card-name.js file and give it a version number in Lovelace config

vapid field Jul 14, 2018, 7:47 PM

#

Interesting

vapid quartz Jul 14, 2018, 7:56 PM

#

Does anyone know what the plan is for alerts in lovelace?

cedar coyote Jul 14, 2018, 7:56 PM

#

is there anyone who has shared some it's own Lovelace on github? I would love to see how certain things are working

north spear Jul 14, 2018, 7:56 PM

#

@cedar coyote @raven nacelle has

cedar coyote Jul 14, 2018, 7:57 PM

#

ty

split granite Jul 14, 2018, 7:57 PM

#

My Lovelace config is on my Github, and I've put some screenshots in the wiki that's there too

sudden lion Jul 14, 2018, 7:58 PM

#

.tinkerer

kind shellBOT Jul 14, 2018, 7:58 PM

#

You can find his GitHub at https://github.com/DubhAd/Home-AssistantConfig/ and his blog at https://ceard.tech/

split granite Jul 14, 2018, 7:58 PM

#

(the picture glance cards are blurred out, because the house isn't tidy enough to show you all 😛 )

cedar coyote Jul 14, 2018, 8:01 PM

#

@split granite thanks will have a look 😉

split granite Jul 14, 2018, 8:01 PM

#

Pretty much everything I do ends up there automatically

sudden lion Jul 14, 2018, 8:02 PM

#

Looking good

buoyant skiff Jul 14, 2018, 8:11 PM

#

hehe @north spear i went another route with the big number card im color switching instead of having it fill up the value 😃

#

https://cdn.discordapp.com/attachments/145302980512448512/467785012184612875/unknown.png

north spear Jul 14, 2018, 8:13 PM

#

😄 I made it flexible enough

buoyant skiff Jul 14, 2018, 8:13 PM

#

works like a charm 😃

north spear Jul 14, 2018, 8:13 PM

#

as long as you don't specify min/mx it will not use filling , but just make whole thing colorful

vapid field Jul 14, 2018, 8:27 PM

#

@north spear just one question i wanted to add a name on banner for updates

  - title: UPDATES
    cards:
      - type: entities
        entities:
          - sensor.custom_card_tracker

but when i click on UPDATES name it will only show custom card tracker
any way to show in table like in frontview, or iam not calling in correct way?

empty heath Jul 14, 2018, 8:28 PM

#

Here's the progress on the migration script refactor so far (compatible with 0.73.x): https://github.com/dale3h/python-lovelace/tree/refactor

north spear Jul 14, 2018, 8:29 PM

#

@vapid field not sure I understand. Your setup there has nothing to do with my custom card

#

📎 alarm.gif

vapid field Jul 14, 2018, 8:31 PM

#

was trying to use views https://www.home-assistant.io/lovelace/views/
but for some reason will only show sensor

north spear Jul 14, 2018, 8:33 PM

#

to show it you need:

      - type: custom:card-tracker
        entity: sensor.custom_card_tracker

#

not sure what you mean by using views

buoyant skiff Jul 14, 2018, 8:47 PM

#

type: entity-filter ❤

#

can hide stuff 😄

north spear Jul 14, 2018, 8:51 PM

#

yep