frontend-archived

[dapper rain]

how many cards fit in one row ?

[serene sierra]

something incorrect here? - icon: mdi:lightbulb-on-outline title: Lights # Optional unique id for direct access /lovelace/${id} id: lights theme: oliv cards: - type: custom:monster-card card: type: entities title: Your lights filter: include: - domain: light exclude: - entity_id: "light.gateway_light_*" - entity_id: "light.*_blue_led" when im trying to open the tab card is empty until i refresh page

[sudden lion]

When using state-icon in lovelace, any way to overwrite the "default" icon thats used for that entity?

[serene sierra]

@sudden lion is it a static or template icon?

[sudden lion]

For example for lights i would like to use another mdi when using them in a floorplan lovelace card to make the bulbs more visible

Does not look very nice so would like to change to outline type instead

[serene sierra]

@sudden lion yo can use tamplate sensor and set varios icons for it

[sudden lion]

i know, but then i would need to duplicate all lights in this example to be templatesensors just for use in this lovelace card

Would be nice to be able to specify icon_on and icon_off or similar when "styling" the entity

[dapper rain]

You could make custom ui for it

[calm rock]

i have updated to ha 73, i see there were changes on filters , filters on domains dont work anymore?, have to list all entities ?, im asking because it was working fine before the update .

[half osprey]

correct, we removed it

[north spear]

There custom cards adding some of that functionality. Pretty lightweight

[keen salmon]

HI guys, loving lovelace, just a question: Is it possible to add "top page" sensors, badge style?

[half osprey]

Not currently

[keen salmon]

I see, then a possibility for a 100% width card?

the panel: true works, but then I cant add any more cards to that view

[hardy zealot]

With the monster-card is it possible to get all sensors that start with "zone" AND state is "on". i.e.: entity-id: "sensor.zone_*" AND state: "on"?

I get all zones and all entitys with state "on". i.e.: union set vs what I want is intersect set.

[vapid field]

@north spear any links to where i can find custom cards to replace the functionality of wild cards?

[north spear]

@hardy zealot yes there is. Is all depends how you group objects and lists inside filter

@vapid field try https://github.com/custom-cards/monster-card

[hardy zealot]

Do you have an example. I'm new to all the intricacies of configuring stuff.

[north spear]

Show me your config

Just the filter part

[hardy zealot]

          include:
            - entity_id: sensor.elkm1_zone_*
            - state: 'Violated'

[north spear]

Remove - from state and you will get AND with entity_id

          include:
            - entity_id: sensor.elkm1_zone_*
              state: 'Violated'

[hardy zealot]

😍

I gotta learn me some more YAML!

[split granite]

~yaml

[kind shell]

YAML is the mark up language used by Home Assistant. Consistent indenting (two spaces per level) is key - read more at https://home-assistant.io/docs/configuration/yaml/

[split granite]

😉

[hardy zealot]

👍

https://gettaurus.org/docs/YAMLTutorial/ was very helpful. I get it now! Love how the site shows both YAML and JSON so you can see how something converts.

Super appreciate the help!

[half osprey]

@hardy zealot any valid json is valid yaml

I personally like for live testing http://yaml-online-parser.appspot.com

[keen salmon]

I asked some hours ago about top age panels. If anyone is interested, you can achieve the effect with panel: true and combining type: vertical-stack and type: horizontal-stack

[cedar coyote]

Hi, trying the example of Lovelace to show in my hass. But do get:
Could not find ui-lovelace.yaml in your config dir.

It is in my config dir and has been created within Atom by adding a file to the config dir.

Working in the Windows environment

[half osprey]

When you saved the file, make sure you put name as "ui-lovelace.yaml", including the quotes

So that your editor doesn't decide to add an extension

[wheat current]

porbably wrong premissions on the file (if it exist)

[half osprey]

or that

[sudden lion]

@keen salmon Can you show an example config of that?

[cedar coyote]

ok will try the quotes

[keen salmon]

views:

• name: Home
  panel: true
  tab_icon: mdi:home-assistant
  cards:
  • type: vertical-stack
    cards:
    xxxxxxxxxxxxxx
    • type: horizontal-stack
      cards:
      xxxxxxxxx

something like this

[half osprey]

@keen salmon that is very smart 😃

[quick beacon]

(hoped to see some screenshots of a grid panel)

[keen salmon]

https://imgur.com/a/nSfKVIu

[cedar coyote]

impressive!

[sudden lion]

wow, looking nice!

where did you get the images you use? 😃

[cedar coyote]

@wheat current Can I ask you how to tweak the rights? Have no idea. Tried @half osprey 's comment, but " can't be saved... So I even removed the file in the Windows folder. Added it through Windows again. So file is there with correct name, but rights seems to be the issue.

Even restarted Hass to make sure it would see it...

[north spear]

@keen salmon nice one. @storm lion maybe cook up some example with that for panel: true

[wheat current]

@cedar coyote how did you install hass?

[cedar coyote]

as homeassistant user

[wheat current]

Then that user needs access to that file

[calm rock]

@half osprey , is there a way to emulate the "domain" filter , avoiding the need to list all ids in a filter?

[north spear]

@calm rock only with custom card

[calm rock]

ok, tks

[half osprey]

List all IDs yoursel and you can easily specify order, override name etc etc

[north spear]

See https://community.home-assistant.io/t/lovelace-bringing-back-entity-filter-monster-card/58701/11 for more details

Yeah. Going entity filter card with id’s listed gives you flexibility in entity order and naming

[half osprey]

@calm rock you're the guy from Reddit with the beautiful pictures?

[calm rock]

@neon canyonloob , no im afraid that may be other gus .

[sudden lion]

Can we hide the UI menu etc in some of the lovelace views?

Like a kiosk mode for a specfic view/panel

[cedar coyote]

@wheat current I see on the ui_lovelace.yaml file that root root has the right.
Can I just chown homeassistant /../ui_lovelace.yaml ?? Is that enough to get it going?

[half osprey]

We need to move the Lovelace docs to the main website. We have docs in various places and some are getting out of date, we need to consolidate https://www.home-assistant.io/lovelace

Please contribute to the docs. Anyone can do it, there are edit buttons on each page

We won't be publishing updates to Lovelace unless we get our docs in order. Adding new cards or new options now would only contribute to the lacking docs.

https://www.home-assistant.io/lovelace/glance/ is an example how card docs should at least look

[wheat current]

@cedar coyote yes, but it looks like samba or whatever you use to access that dir on Windows is misconfigured

[cedar coyote]

I think you are right. Had issues before with that config dir. Where can I find correct steps for this to fix? Samba re install??

[wheat current]

reconfigure the share

smb.conf

[sudden lion]

@half osprey Should the docs be based on this: https://github.com/ciotlosm/docs-lovelace ?

[half osprey]

I think you guys have just outgrown the #frontend-archived channel…

@sudden lion yep

that would be the easiest

[sudden lion]

Is there any "easy" way to write docs or do i have to edit page on github and use the editor on github?

[storm lion]

@half osprey - I take it the dev docs has the currently correct syntax to cross reference against?

[sudden lion]

I've just done minor changes before to docs so ive just edited online on github

[half osprey]

Nope, the card reference was not kept up to date and it was deleted in favor of the external docs, but still some old outdated examples remained

@sudden lion that's fine, online edits welcome

[storm lion]

@sudden lion you want to start at the top or the bottom? I'll start from the other direction

[half osprey]

we can add the pictures later too

Just an example and the options is a good start

If you are running the website locally, run bundle exec rake isolate[non-existing] and it will temporarily remove component and blog pages, making the website generation go super fast

[sudden lion]

Like this: https://github.com/home-assistant/home-assistant.github.io/compare/current...sjabby:patch-3 ?

[half osprey]

yep !

[sudden lion]

ok cool

ill get them done

@storm lion ill try and take the first run at them and you can help fix it afterwards if i mess up 😛 ?

[storm lion]

@sudden lion - no problem, I started at the bottom already with weather.... race ya 😉

[sudden lion]

then you'll win 😛

How can i do all my edits for different pages in 1 patch instead of 1 patch for each page?

[storm lion]

the only way I know of would be to git clone the repo and then push them all

[sudden lion]

kk

[half osprey]

Navigate to your branch on github

and just edit docs there

[sudden lion]

aha

[half osprey]

https://github.com/sjabby/home-assistant.github.io/tree/patch-3/source/_lovelace

[sudden lion]

smart

[half osprey]

it will even update your existing PR if you already have one open

There is even an upload file button if you want to do images

[storm lion]

just using the raw from @north spear fantastic docs 😉

[sudden lion]

Yep

How many you done @storm lion ?

[storm lion]

done weather, plant, vertical stacks, just starting picture

[sudden lion]

Ok, i did the others

[storm lion]

are you referencing views somewhere so I can link to it?

[half osprey]

Jack, had a few comments.

We should not include external images. Either remove the image for now, or add it to https://github.com/home-assistant/home-assistant.github.io/tree/current/source/images/lovelace

[sudden lion]

https://github.com/sjabby/home-assistant.github.io/tree/patch-3/source/_lovelace i've done these

[storm lion]

Yeah just seen that, apologies @half osprey - I'll upload them now 😃

[sudden lion]

Tiding them up and going to upload images now

[half osprey]

No worries, that's how we learn

[storm lion]

Thanks you 😃

[half osprey]

also the links need to be pointing at the Home Assistant way of converting markdow to pages -> ie /lovelace/glance/

[storm lion]

will update when I sort out the images, just so I know what's the advantages of doing it that way?

[half osprey]

Well for 1 it's not nice to host images on other sites. they pay for our docs hosting

And 2nd, they could change the image to something inappropriate

[storm lion]

no sorry, not images, I appreciate that - the links

[half osprey]

oh, well we use a different system for rendering the pages

So on Github it will work but not when it is rendered

[next rivet]

Anyone got an example of using "State-image" on picture-glance? Trying to change the default on/off icons for lights etc

[storm lion]

makes total sense, thanks 😃

[sudden lion]

How do i link to the pictures in the editor once i've uploaded the picture? like this:

![media-control](/images/lovelace/lovelace_mediaplayer.png)

?`

[half osprey]

I prefer this:

<p class='img'>
<img src='/images/lovelace/lovelace_mediaplayer.png' alt='Screenshot of the media player control card'>
Screenshot of the media player control card.
</p>

[sudden lion]

Gotcha

[half osprey]

Alt text is nice for the visually impaired

[sudden lion]

Yep

I just saw that on https://github.com/home-assistant/home-assistant.github.io/edit/current/source/lovelace/index.markdown

Just a sanity check, does this look good @half osprey https://github.com/sjabby/home-assistant.github.io/blob/patch-3/source/_lovelace/entity-filter.markdown

[half osprey]

yes

images won't work in the github preview

[sudden lion]

figured that when looking at the other docs on how it was done

Base on next or current?

[half osprey]

current

[sudden lion]

https://github.com/home-assistant/home-assistant.github.io/pull/5677

[next rivet]

hm, so.. Can you customise entities on a picture-glance card? it sounds like you can change the icon or only have them appear if they are "On"

But Im not sure how, and my ham-fisted attempts arnt getting me anywhere 😄

[half osprey]

@sudden lion nice! did a few minor tweaks myself to your PR, ok to merge when build passes

[sudden lion]

phew 😃 First PR with more then just a few line changes in the documentation. Nice to learn this stuff

[half osprey]

Fixes were adding new lines around code blocks, fixing links in website format

[sudden lion]

I'm looking over your commits now to make sure i learn

[half osprey]

oh and converting one absolute url to a relative one for <home-assistant.io>

[sudden lion]

maybe hold on merging if i need to do more cards

@storm lion Have you done the others or should i do more?

[half osprey]

@sudden lion we can always do multiple PRs

[storm lion]

still trying to fix my errors 😛

you crack on buddy

[half osprey]

Better to have most stubs be updated

[sudden lion]

What cards have you done?

We'll get them all done now

[storm lion]

up to pictures still currently

(starting from bottom up)

[sudden lion]

on what list? the ha website or in the repo? 😃

[storm lion]

repo

[sudden lion]

Ill do picture-elements.markdown and picture-entity.markdown then as well

[half osprey]

@sudden lion merged!

[serene sierra]

picture-elements card just blowing my mind! SO AWESOME!

[half osprey]

@storm lion merging your prs

[storm lion]

thanks @half osprey 👍 - have the images come through? got myself in a bit of a muddle with them

[half osprey]

hehe, you've added them all to 1 pr

but that's fine

[sudden lion]

i know the feeling jack 😃

[half osprey]

Each PR is always related to a branch in your repo

at the top of the PR you can see your base branch

[storm lion]

keep tying myself up in knots with this thing - at least it's not just me @sudden lion

[half osprey]

the head branch is where you want your commits to be merged to, for docs of existing version, current is the place

If you would document something for the beta or dev version, it would target next

And once we cut a beta, that branch is called rc

[storm lion]

right, that makes sense, thanks for the patient guidance

[sudden lion]

+1

[half osprey]

Teach a man to fish, yadiyada 😉

Alright, it's midnight here and I am still jetlagged, going to sleep

[storm lion]

good night buddy 👋

[sudden lion]

Nighty!

[half osprey]

thanks for the work on the docs 😃

[storm lion]

no problem, thanks for fixing the work on the docs 😛

plus you did say we wouldn't get any new toys till they were updated... see the motivation that generated

[half osprey]

haha

Talking about toys, you see we merged the map card? https://twitter.com/jeradmeisner/status/1015659190067458048

Jerad (@jeradmeisner)

A preview of the new #Lovelace map card coming soon to @home_assistant

Twitter

Either have a whole tab be a map using the panel: true option or just as one of the cards

[storm lion]

can the one card use navigation_path?

I like the idea of everything being on the "home screen" and then having a click through if you want more info

It looks so good though

[half osprey]

Are you talking about the map ?

[storm lion]

yeah

[half osprey]

I was actually just talking about that in #devs_frontend-archived if we should allow the same elements as picture-elements, but on a map

and instead of % you specify latitude/longitude

So you can show the number of things on your shopping list on top of the grocery store or something

[storm lion]

so logo's for the shops and stuff could be on it

[half osprey]

Ah yes, web links with latitude/longitude

Now that's something you could hack together using customize right now

[storm lion]

true..see I have mine set up so that when my phone is near my supermarkets wifi tasker tells HA that I'm at the shop - ha then sends me a notification using pushover to a link to the project in todoist, whichin turn opens the app

it's the long way around, but hey, I want HA at the heart of my automations

[half osprey]

oh nice

I like that

I want to hear more stories like that. It's important that we hear about use cases so that we can come up with ideas to improve those or enhance

I don't want to be sitting in my ivory tower throwing solutions down for the people

[storm lion]

I love the reddit bi-weekly thread, some clever ideas in there

[half osprey]

I sometimes pick up on those

Lovelace UI is online btw https://www.home-assistant.io/lovelace/entity-filter/

[storm lion]

the best thing about Home Assistant is it's versatility, secondly in my opinion the community, but the versatility means that you can do anything, and there's a bunch of different ways of doing the same things, and you and the other devs just keep giving us more ways 😃

[half osprey]

oh markdown docs is broken, let me fix. was missing a backtick

[tender wasp]

Damn, nice work @storm lion and @sudden lion. You guys are fast

[raven nacelle]

Wow....lot of action today.

[sudden lion]

Thats what she says 😦

@half osprey how do i edit the sidebar and include more pages? Was thinking of adding pages for views under a new section like "Lovelace UI" and "Cards"

[half osprey]

File is here https://github.com/home-assistant/home-assistant.github.io/blob/current/source/_includes/asides/lovelace_navigation.html

Sorry, updated link, should have been current

And then add static pages to https://github.com/home-assistant/home-assistant.github.io/tree/next/source/lovelace

[sudden lion]

Found it

[half osprey]

Note, the cards are in the folder that starts with underscore _lovelace, normal pages in lovelace

they both end up in home-assistant.io/lovelace/

[sudden lion]

How would you like me to add views?

[half osprey]

Next up is to start thinking where to link to the Lovelace docs

Add it as a static page

[sudden lion]

Just 1 single page?

[half osprey]

What is going to be on it?

1 is a good start

[sudden lion]

icon, panel and theme options

[half osprey]

yeah 1 page is enough

[storm lion]

Right, think I've done picture card, hopefully got it right(ish) now I've had some training 😛

[sudden lion]

oh

[storm lion]

I'm off to bed now guys 👋

[sudden lion]

i also did all of those 😦

nvm, good practice 😃

  <div class='section'>
    <h1 class="title delta">Views</h1>
    <ul class='divided'>
      <li><a href='/lovelace/views/'>Views</a></li>
    </ul>
  </div>

?

[storm lion]

ahh - ditch mine then @half osprey when you get to it please

[half osprey]

@sudden lion Just add another <li> under Introduction

No need for a second block with just 1 link

[sudden lion]

Makes sense, can expand later if needed

[half osprey]

https://www.home-assistant.io/lovelace let's also think about our introduction. We can do better, and include a nice screenshot or video

Maybe embed the video by Jack

Damn @storm lion already 1500 views for your Lovelace video !

Soon a lot more as I just added it to the lovelace index

And now I really should go to bed

[upper jungle]

Possible to define button size in "picture-elements" card? on default its thin and wide
https://i.imgur.com/AeCAuod.gif

[sudden lion]

Can i link to "How it works" https://www.home-assistant.io/lovelace on this page?

how does that work

just as an example

[storm lion]

I know, it's amazing how much lovelace is drawing people (rightly so)

[half osprey]

@upper jungle the style option is just CSS, you can define height and width as you like

[storm lion]

Thanks for linking to me again @half osprey - was thinking of doing another shortly with some of the new options on show

[half osprey]

@sudden lion ah we messed up the headers. All headers should be done with {% linkable_title How it works %}

Then they get internal links

[sudden lion]

Gotcha

Ill go over and fix them

[half osprey]

@upper jungle btw your gif looks cool !

[upper jungle]

thanks

[sudden lion]

How would the link look once generated ?

[half osprey]

@upper jungle so add something like this:

style:
  width: 10px
  height: 10px;
  border-radius: 50%;

[sudden lion]

nvm, found an example

[half osprey]

add the border radius to get a circle

So they better map on top of your buttons

[sudden lion]

https://www.home-assistant.io/blog/2018/07/06/release-73/#if-you-need-help 😃

[upper jungle]

@half osprey thanks trying now

[half osprey]

@upper jungle please share another gif when you're ready, I would love to share that on the Home Assistant social media

[upper jungle]

will do

[half osprey]

As it's something completely different from what we've shown before

[quick beacon]

@upper jungle you should use one script with parameters instead of 100 scripts

[kind shell]

@upper jungle posted a message that is more than 15 lines. It is now available at: https://hastebin.com/itadivadig

[upper jungle]

@half osprey adding width and height messes button location, and border-radius has no effect

[sudden lion]

https://github.com/home-assistant/home-assistant.github.io/pull/5680 @half osprey if you want to get the rest added before sleeping 😉

[upper jungle]

maybe in customize.yaml?

[half osprey]

@upper jungle add overflow: hidden and display: block

@sjabby#0267 you got merge conflicts

[sudden lion]

😮

[half osprey]

Pr approved but I'm off. Someone else can merge if build succeeds

[upper jungle]

@half osprey its halfway there: https://imgur.com/a/9dZ8Sqp

[mortal cape]

45 min after saying he was going to bed...

[quick beacon]

make height=width and border -radius 50%

[sudden lion]

hehe

@storm lion gave me a merge conflict 😛

[storm lion]

Sorry buddy, let me close mine

[sudden lion]

no

im fixing mine now

i think..

fixed it

[storm lion]

Hmm well I closed mine now ... 😛

[sudden lion]

Just need to wait until someone reviews it again

wow i learnt so much today, this was cool

[storm lion]

Me too, great here isn't it 😁

[sudden lion]

Ill go over and do some touchups, but important stuff should be there now

[storm lion]

Great work @sudden lion

[sudden lion]

You too mate

[brittle ingot]

hey just found this channel in HA - anyone getting a 404 not found error on lovelace?

[sudden lion]

What url?

[brittle ingot]

https://hassbian.local:8123/lovelace

it was working fine until a day or two ago

I also see in the HA logs "WARNING: Overwriting Component Lovelace"

[upper jungle]

@half osprey can't make it working

      image: /local/tv_rc.png
      elements:
        - type: service-button
          title: ''
          style:
            top: 11%
            left: 50%
            display: block
            overflow: hidden
            width: 27px
            height: 27px
            border-radius: 50%
          service: script.tv_off```

https://imgur.com/a/mTI10A9

[quick beacon]

"border-radius": 50%

[upper jungle]

@quick beacon there is "border-radius": 50% one line before last, also tried without ""

[quick beacon]

yeah, it's not perfect...

[hollow dove]

Anyone know how to make Custom UI Tiles (https://github.com/c727/home-assistant-tiles) wotk woth Lovelace HA 0.73?

[raven nacelle]

With Lovelace, you already have that functionality. You just need to combine a few cards - stack cards with picture-entity should do the trick

[brittle ingot]

quick question - is ui-lovelace.yaml still the correct filename to use?

[quick beacon]

quick answer: read the docs

[dim harness]

that filename seems to work fine here at least

[brittle ingot]

@quick beacon thanks for the pro tip - clearly having errors as lovelace isn't loading that's why I'm asking

@dim harness thanks for the response - trying to narrow down what could be causing my issue, my ui-lovelace.yaml is basically an empty shell at this point...

[quick beacon]

Yeah pretty strange, seems you are the only one where Lovelace doesn't start and provides no error message

[brittle ingot]

yeah it's very bizarre as no one seems to have the same error - I think it has something to do with lighttpd

I had to stop the lighttpd service to issue a cert renewal with certbot, since then it stopped working now that i'm thinking of it

I spun lighttpd back up but no dice

[brittle ingot]

scratch that looks like pihole is running on port 80

[hollow dove]

Anyway to stop Lovelace from stretching out images? I'm using card-picture, trying to show a row of 32px icons and they are being stretch out to probably 5x normal size.

[brittle ingot]

FYI just figured out the error, you can't add an iframe for lovelace or it screws up

# lovelace:
#   title: 'Lovelace'
#   icon: 'mdi:view-quilt'
#   url: 'https://hassbian.local:8123/lovelace/'

[fair spoke]

Hello, I've been working to build a "fullscreen floorplan" interface in Lovelace. Does anyone know if there's a way to have it auto-rotate 90 deg when on a mobile device (or certain designated devices)? If not that, make different default tabs by device?

[sudden lion]

not sure, but could you share a picture of what you have so far? I'm looking for inspiration

[fair spoke]

Light positions are a WIP, but this is where I'm at so far... https://pasteboard.co/HtrFJVd.jpg

[quick beacon]

@brittle ingot please stop posting those false information in the forums... Iframes work fine and you should really read the docs how to configure the cards...

[brittle ingot]

@quick beacon I did read the docs actually thank you. I didn't post false information as soon as I add an iframe that points to/Lovelace I get 404 errors. I'll post my own experiences thanks

[quick beacon]

Do want you want..

[frosty pelican]

I think we need to start building a lovelace gallery to capture all the awesome creations for more inspiration....great job so far on everything from all the new features and the docs its coming along really well

[hollow dove]

@frosty pelican I second the lovelace gallery idea

[storm lion]

Maybe a Reddit thread is the best way of doing that?

In my experience the forums the place for technical questions but Reddit seems to get more responses to show and tell

[north spear]

😦

I missed one day and I see I caused pain for people. Apologies @half osprey for never getting to moving docs to right place

Never got around to it. What would people prefer (besides deleting my docs from master)? Should I also point branches to official docs?

[storm lion]

they've all moved now buddy, doesn't matter and me and @sudden lion learnt a lot along the way 😉

[north spear]

Thanks a lot for the help. When I get home this evening I will clean stuff up

[storm lion]

👍

[north spear]

Is there any entity attributes card?

[north spear]

@storm lion did you move to official docs Migration script section and info about Unused entities?

If those and changelog get moved I can delete the docs Alltogether

[sudden lion]

We havent moved those sections, i can get it done shortly after finishing breakfast 😃

[north spear]

Thanks @sudden lion I am still away from the computer so can only assist with limited things I can do on my mobile

@sudden lion i can give you access to my repo so you can delete sections that are already moved

[sudden lion]

👍

[north spear]

Your github user is sjabby?

[sudden lion]

Yup

got the invite

[north spear]

https://www.home-assistant.io/lovelace/lovelace_custom_card.md gives 404 on docs

It is a url on the mainpage /lovelace

[sudden lion]

ill take a look, balloob did that one i think 😛

[sudden lion]

@north spear https://github.com/home-assistant/home-assistant.github.io/pull/5683 Once that is merged and i've verified the docs live i will clean up on your repo.

[north spear]

Nice. I think if we cleanup master branch should be enough

@sudden lion i don’t think the “hack” for making it default should make it in the official docs

There is already the ui method there

Also maybe add the changelog, if that was meant to be the same format with what I originally created

[sudden lion]

I agree, was debating with myself if that should be there or not. Fixed it

[split granite]

Should the Option blocks use the {% configuration %} format?

[sudden lion]

Added changelog into same pr

@split granite i checked a few other pages and it didnt use that tag so i didnt use it.

[split granite]

The older docs don't, as it's a relatively new thing (like 6 months or so)

Hence my question to the wider audience - is it time that we started pushing towards it, or is Lovelace a special case, or are we just ignoring it 😛

[sudden lion]

😉 ill get it update on all the pages

[split granite]

I don't actually know the answer BTW

It's more a "we say we should do X, but we've not been enforcing it since forever"

That's a thing that only the Powers That Be can really answer

[sudden lion]

https://www.home-assistant.io/components/calendar.caldav/#configuration-variables Does the setup show like this then?

[split granite]

Yup

[sudden lion]

got it

I can do both, just need direction from the higher powers

[split granite]

Once Dale and co are around later, we can ask for the official view 😃

[sudden lion]

Lets move to #devs_documentation-archived

[split granite]

It's too early for the US to be awake 😃

[wheat current]

you snooze, you loose

[sudden lion]

Thats why @wheat current is a winner!

[wheat current]

Just woke up 😅

[vapid field]

every time you reload overview frontend the page will scroll down to the bottom, any way to reload and page display on top

or is supose to act like that

[vapid field]

Hello, does anybody found something strange in lovelace with picture-elements between desktop and mobile version?
They are totally different...

[split granite]

(Copy paste fail 😉 - folks can ignore the last two lines)

[sinful fulcrum]

how are the heights calculated for items in a horizontal stack?

[stoic ermine]

Hi All
I just updated HA to 0.73.0 but it looks like ui-lovelace wasn't updated.
How can I update ui-lovelace to 0.73.0 as well?
Thanks!

[north spear]

Clear browser cache. Why do you say lovelace is not 0.73.0? What are you checking?

[stoic ermine]

@north spear I've got an error message which doesn't exist in 0.73.0

see https://github.com/home-assistant/ui-schema/issues/84#issuecomment-403276048

Clearing browser cache fixed the issue. Thank you @north spear

[kind shell]

@stoic ermine posted a message that is more than 15 lines. It is now available at: https://hastebin.com/uvajovefub

[north spear]

@stoic ermine check original docs here https://github.com/ciotlosm/custom-lovelace/tree/master/monster-card

[stoic ermine]

I've read it and it all seems to match my config.
I'm afraid it has something to do with the 'resources:` but I can't find it

[mortal cape]

@stoic ermine resources should be in your lovelace file

the yaml part

the actual resources are the js files. they should be in your /www directory

[stoic ermine]

@mortal cape that's what I did.
The js files are in <config>/www/custom-ui and the ui-lovelace.yaml starts with:

resources:
  - url: /local/custom-ui/monster-card.js
    type: js

I've used this example:
https://github.com/arsaboo/homeassistant-config/blob/master/ui-lovelace.yaml

[mortal cape]

@stoic ermine ok that looks good. What happens with the card?

[stoic ermine]

https://image.ibb.co/hyaRj8/Screenshot_from_2018_07_08_17_47_04.png

I've also tried putting the js file in www dir and setting the resources path to /local/monster-card.js but the result was the same

Verified permissions as well.

[half osprey]

Browser?

Errors in browser console or logs?

[stoic ermine]

Only in browser, can't find anything related in logs

[half osprey]

Which browser..

[stoic ermine]

Chrome

[half osprey]

Try other browsers

[stoic ermine]

Same in FF

[half osprey]

Do you have a frontend version specified in your configuration yaml

Add ?latest to your url and refresh

[stoic ermine]

Sorry @half osprey I think I've missed you here.

If I understand correctly. I don't specify any version in the frontend config

Adding ?latest makes no difference

[hardy zealot]

I just added monster-card. Only way it would work for me was to restart hass.

[dapper rain]

Clearing cache is enough. As far as I know restarting hass has no effect at all on Lovelace

[forest star]

where to start with Lovelace ?

[dapper rain]

In the docs

[forest star]

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

?

[dapper rain]

Yes

[forest star]

Ummmm still not clear

[half osprey]

In that case you'll have to wait until our documentation and lovelace is more polished 👍

[forest star]

sure thanks

😃

[stoic ermine]

Reatart was done.. still no change :/

[mortal cape]

@stoic ermine I guess the only thing left is the js file? Have you double checked the contents?

[stoic ermine]

@mortal cape you were right. the file content got corrupted during wget somehow!
Moreover, when the file was in custom-ui it didn't work, when I moved it to www and restarted HA everything worked.

[mortal cape]

I've been dropping these js files into /www without a subdirectory. I'll try one.

[stoic ermine]

Sounds good, please update if it's indeed a bug or I missed something

And thank you 😃

[granite prawn]

hey guys

im playing around with lovelace

but im getting this error for my camera card\

unknown card type encountered

this is my code for it - type: camera-preview entity: camera.world_time

[mortal cape]

@granite prawn the cards have seen changes from .72 to .73 Here are the current cards (unless I'm behind again) https://github.com/ciotlosm/docs-lovelace

[granite prawn]

@mortal cape thanks a ton, ill go through them 😃

that was a quick fix, changed it to picture-entity

thanks mate

[mortal cape]

@granite prawn camera-preview is gone and picture....you got it lol

[granite prawn]

haha, yes some reading helped 😛

how do i hide the control button

i used to hide them using control: hidden

but that doesnt seem to work for LL

[mortal cape]

the bar along the bottom?

[granite prawn]

at the top

okay, got it working somehow

[mortal cape]

not finding it. I know I've seen it referenced because I saw when it was added

what did you do?

[granite prawn]

i added the same line control: hidden and then restarted HASS

okay, that didnt solve the issue :/

[north spear]

Docs moved to official location: https://home-assistant.io/lovelace

[mortal cape]

@granite prawn https://www.home-assistant.io/lovelace/entities/ show_header_toggle

can't reach?

[granite prawn]

my bad, found it and fixed it

thanks 😃

so im trying out the Picture Glance Card

and im loving it

but when i add the temperature and humidity entities to it, it shows the symbols and not the actual values

[fleet portal]

Lovelace basic yaml results with “UNNAMED VIEW” tabs - ignoring title / icon code lines... any idea what’s wrong with my setup?

[north spear]

Read docs

Parameters changed

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

[granite prawn]

@north spear any clue how to display the humidity and temp on the picture glance card?

[fleet portal]

Thanks @north spear

[north spear]

@granite prawn use status text pr state-badge not icon

Ah

On picture glance you can’t

[granite prawn]

ahh okay 😦

[north spear]

Use picture elements instead

[granite prawn]

that would be wicked nice

i prefer the clean look of the glace

since its for my single room

but i will try and mess around with elements too

for glance, i understand that the image has to be a url, does that mean we cant use a local image?

[north spear]

You can

Use /local

[granite prawn]

ahh cool

[north spear]

That means /config/www

[granite prawn]

yup

used that for customisation 😛

thanks mate

[north spear]

No problem

[half osprey]

So 0.73.1 actually shipped with an updated frontend

So the map card is available

[granite prawn]

@half osprey im a noob, could you please help me understand what you meant a bit better please

also, thanks a ton for HA, though im sure you have heard it a trillion times

[half osprey]

You're welcome

I don't have time to sit around channels and help people out

[granite prawn]

i understand that, ubnt must be keeping you busy

also thank them for making such awesome gear

i got the ac pro and love it tons

[half osprey]

good 👍

[quick beacon]

background images for view are also possbile now https://github.com/home-assistant/home-assistant.github.io/pull/5682/files

not sure if I submit this again to the current branch...

[sudden lion]

@quick beacon Because of me?

[quick beacon]

no, not everything is your fault 😂

[sudden lion]

haah 😄

[wary sable]

Has anybody been able to successfully make Lovelace the default UI? I'm trying to use the hack that is in the docs, and it keeps giving me this error: "https://hassio.local:8123/local/lovelace.html:2:112 Uncaught TypeError: Cannot read property 'shadowRoot' of null"

[dapper rain]

you can make it default from info since today

[north spear]

@wary sable that hack some some problem. I'll have to check it, the only downside if you don't use it is when you click Overview

rest should work with official way of making it default interface

@wary sable which browser are you using ?

[dapper rain]

@north spear that's exactly what's possible now

[north spear]

in 0.73.1 ?

[dapper rain]

yup

[north spear]

😦

sorry about that

[dapper rain]

it has newest ui with my pr

[north spear]

I'm behind

[dapper rain]

np you couldn't know. it is stated nowhere as this is actually more or less unofficial yet

[north spear]

I was away only for the weekend and I miss things

i'll take the hack off the docs to stop confusing people

[wary sable]

Yeah, it loads by default when I navigate to /, but I was hoping to get it to load from the overview button. I'm running Chrome on MacOs and Android

[north spear]

@wary sable are you running 0.73.1 ?

[wary sable]

Not yet. I am updating as we speak. Currently on .73

Scratch that - looks like .73.1 isn't available for hassio yet

[north spear]

@wary sable I'll try to find a temporary fix until 0.73.1 is out

[wary sable]

@north spear Thank you!

[half osprey]

@north spear Hass.io should be building already

[north spear]

ok, i'll skip trying to build that then

@wary sable seem there won't be long until hassio has 0.73.1. Not really worth investing more in a fix for a hack that you have to remove soon after

[wary sable]

Cool! So how does it function in 0.73.1?

[north spear]

you go to dev-info and click the "set lovelace default" and you're done

😃

overview will take you to lovelace

[wary sable]

@north spear great! That is exactly what I'm looking for. Thanks for the help!

[north spear]

no problem

in the meantime just remove the hack to avoid javascript errors

[fleet portal]

Will making Lovelace default work with the iOS app?

[mortal cape]

on the page. It's per device, I believe

[upper jungle]

Hi @quick beacon yesterday you said I can use one script instead of 100, can you point me in right direction? currently I have script for every IR command

[half osprey]

@upper jungle https://www.home-assistant.io/components/script/#passing-variables-to-scripts

[fair spoke]

I have no idea why, but even after upgrading to 73.1 my 'Home Assistant' pin on my Android desktop still takes me to https://my.page/states. This is after deleting the old pin, navigating to https://my.page/lovelace/home and repinning. All other redirects work as expected (https://my.page/ or going to 'Overview')

[half osprey]

@fair spoke that's a bug

we have /states hardcoded

https://github.com/home-assistant/home-assistant/blob/dev/homeassistant/components/frontend/__init__.py#L53

Pull request welcome

probably should be updated to /?homescreen=1

[fair spoke]

Ok, just making sure I wasn't crazy. Thanks for clarifying

[sudden lion]

#15368 😛

[half osprey]

👍

[fair spoke]

TY, much faster than me sir

[north spear]

btw, gauge card fixed for FF

hmm

I think we should be putting in docs query string suggestion for custom cards .. something like v=1 and suggest people increment it when they update the card

what do you think @storm lion @sudden lion ?

[buoyant skiff]

nice Marius 😄

[north spear]

no more force clear cache

[buoyant skiff]

versioning would be nice

adding repo strings to my custom_compoment stuff to ease of any faulity compoments

so that dont get reported to ha

[storm lion]

I agree @north spear

[sudden lion]

Makes sense to include versioning

[half osprey]

That's why for the frontend, all files have a hash of the file contents added to the filename

so you get something like app-abcdfgh.js

[north spear]

yep, but if you have custom components that don't build... you end up with some caching

so suggesting people do v=X would teach people to easier update all their platfroms (including mobile phones) with new version without too much trouble

not a fan of adding another step in there, but helps when you can tell people "hey, try to update v=3 in your custom resource string"

instead of having them try to find how to clear cache in an IOS for native app

[buoyant skiff]

atleast you would have some clue as to how old their card is

should make it simpler for the card dev to fix the issue if there is one present

[vapid field]

I am using 0.73 and monstercard to filter some entities, they still show up as unused entities in the menu top-right, is that correct behavior?

[north spear]

@vapid field yes, monster-card does something different from what lovelace does with entities

so they don't count towards being used

I'll have to check if there is a way to collect all monster card instance filters and reverse them and then intersect that with current unused entities functionality

should get you a shorter list and maybe allow you to filter extra stuff as well

but if you want to take advantage of unused entities and can use entity-filter instead of monster-card you could save yourself some time

[vapid field]

@north spear i see 😃 no, i love the wildcard, need monstercard 😃

[north spear]

ok

[fair plume]

https://imgur.com/a/rZtTi2Z

it worked before the update

[north spear]

@fair plume entity-filter changed structure, see docs here: https://www.home-assistant.io/lovelace/entity-filter/

[fair plume]

is there any way to get the whole domain?

or do I have to list all the entities

[half osprey]

list them all

we should create an auto response for people looking for entity filter …

[fair plume]

ok, is there a way to enumerate entities with a template?

nvm, it looks like it's in the states object

[half osprey]

@north spear should we link the monster card at the entity-filter docs ?

[north spear]

up to you, don't want to add more rogue links 😃

[half osprey]

I think it's fine

As it will help what people are looking for

[wooden hill]

Problem with nut sensor, looks like the "." in the resource name causes problem. If I try to add "sensor." as a prefix to entity I get Invalid entity ID at position and a number pointing to the number in the entities list. Any one else getting this?

[fair plume]

does ui-lovelace.yaml support templating?

[north spear]

@fair plume yes, through custom cards. There is a nice example on the dev docs on how to achieve a basic template

[fair plume]

no jinja2?

[half osprey]

Jinja2 is Python

Lovelace is JavaScript

[fair plume]

I meant in the config file

oh...

can we get something like this implemented? https://github.com/sstur/jinja-js

[north spear]

not sure why you would want jinja over template literal https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

[half osprey]

We won't pull in jinja

Look at the example custom card in the dev docs

[dapper rain]

Is there an event fired when an automation triggered?

[fair plume]

      - type: entity-filter
        entities: >
          {% for state in states.climate %}
          - {{ state.entity_id }}
          {% endfor % }}
        state: 'COOL'
        card:
          title: Units set to COOL

this is a lot less code to write

[half osprey]

@dapper rain their state is updated

@fair plume Google monster card lovelace

[fair plume]

cool, I'll try that

[polar kelp]

Because jinja2 is not another thing to learn?

[wheat current]

@dapper rain wrong channel, but yes there is an call_service event when it trigger, and as baloob said the state is updated for automation.youname

If you really want to use jinja to create your config drop this:

      - type: entity-filter
        entities:
          {% for state in states.climate -%}
          - {{ state.entity_id }}
          {% endfor %}
        state: 'COOL'
        card:
          title: Units set to COOL

in and it will give you your config with entities

[half osprey]

@fair plume also how often do your climate entities change?

[fossil kindle]

Hello, im trying to the this new lovelace but i get this error:
frontend_latest/ Uncaught TypeError: Cannot read property 'length' of undefined

[fair plume]

@polar kelp Javascript is actually my forte. I just prefer the quickest and shortest way of doing things which in my case probably would have been Jinja2 (aside from that many people here know Jinja2), so I figured it would make sense to have it the functionality. Anyhow, I respect the decisions of the maintainers (and also have a lot of gratitude to them for making such an amazing platform).

[mortal cape]

@fair plume you can filter using state (and attributes) using monster-card. Shouldn't be more lines

[fair plume]

@half osprey the idea is that we want to see at a glance what's on and what's off, they change whenever we turn them on or off

[half osprey]

@fair plume we already can filter by state with the entity filter card

No templating needed.

[fair plume]

yeah, just looking for shortcuts... I want all climate devices shown

but it's okay, by now I could've copy pasted everything a bunch of times

[wheat current]

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

- type: custom:monster-card
  card:
    type: glance
    title: Monster
  filter:
    include:
      - domain: climate

[half osprey]

Shortcuts backfire. How to sort your entities? How to override name?

[fair plume]

that's doable with optionals, point is, it's extra work when I don't need the extra functionality, but again, that's just my 2 cents. I like home assistant anyway, it's the best home automation platform by far.

[quick beacon]

You must be kidding if copy pasting some entity IDs is more work than writing the correct filter syntax

[fair plume]

24 climate devices, ~200 lights and switches

and more to be added

going up to about 50 climate devices

[half osprey]

🥺

50 thermostats?

You automating a town

[fair plume]

lol, 2 per zone, we have a geothermal heating system, and a mitsubishi hvac split unit system

[half osprey]

I see

I would go for picture elements in that case, show it on floorplan. Picking anything in a list of over 15 is cumbersome

[quick beacon]

^I also thought about how to manage this. Groups or light.group maybe

If you have 200 bulbs I don't think you care about the state of every single light

btw: I also noticed that the UI get's laggy (loading time) if you have 100+ entities in one card

[fair plume]

@vapid field you'd be surprised...

each light bulb costs electricity

we want to see what's on to make sure only necessary lights are on

anyhow, how long should it take me to set up a floorplan for 5 floors?

I would think it would take at least an order of magnitude longer than creating a good list

[half osprey]

Well you are comparing one time setup versus a more inconvenient (and probably slower) experience for managing

[fair plume]

Yeah, thing is I got a lot on my plate... anyhow...

if my case is not the standard, I'll figure it out

[north spear]

if anyone up for some random testing

you can find it here https://github.com/ciotlosm/custom-lovelace/tree/master/entity-attributes-card

[mortal cape]

@north spear

working here. my gauges broke though

cannot read property of 'map' of undefined

[quick beacon]

which domain has door_state as attribute?

[mortal cape]

it's a garage door

a cover

so yeah a little misleading

[quick beacon]

so the state is "closed" and the attribute is also "closed"?

[quick beacon]

...strange

[mortal cape]

https://www.home-assistant.io/components/cover.opengarage/

it isn't a true "cover" in that I can't set the garage door to 30% or whatever like other covers

I don't have a true cover so I don't know how they work, but I assume blinds and garage doors have a range?

[quick beacon]

these are the demo covers https://imgur.com/a/4bNYYGi

[hardy zealot]

The "Check the docs" link on https://www.home-assistant.io/lovelace/ is broken. Not sure where the page is.

[mortal cape]

@quick beacon got 73.1 installed. The background option! Nice.

I had it configured before upgrading and had forgotten about it. 😁

[quick beacon]

@tender wasp did the work, I only added 2lines code to enable the background ^^

[mortal cape]

thanks @tender wasp!

[cunning violet]

@mortal cape What background option?

[mortal cape]

@cunning violet https://github.com/home-assistant/home-assistant.github.io/pull/5682/files

[cunning violet]

Nice thanks

[cunning violet]

Love the background change.. https://i.imgur.com/1oOyREP.jpg

[past falcon]

hey, are state images working on picture-glance elements?

not sure what I have wrong here

        image: !secret bedroom_off
        state_image:
          "on": !secret bedroom_pic
        title: Bedroom
        entities:
          - binary_sensor.bedroom_occupancy
          - sensor.bedroom_multisensor_luminance
          - sensor.bedroom_bee_temperature
          - light.swirl_lamp
          - switch.bedfan
          - switch.masterbath```

[amber ginkgo]

What controls the scale of the background image in a 'picture elements card'?

[tender wasp]

@past falcon if you want to use state_images you need to also define an entity config value which is used to determine which state image to show

[past falcon]

so, would I simply add something to look like this...

        image: !secret bedroom_off
        entity: group.bedroom
        state_image:
          "on": !secret bedroom_pic
        title: Bedroom
        entities:
          - binary_sensor.bedroom_occupancy
          - sensor.bedroom_multisensor_luminance
          - etc```

[tender wasp]

@amber ginkgo it's just an img tag with 100% width so the image should fill the width of the view and take whatever height it needs

@past falcon yep. The state image will be chosen based on the state of group.bedroom

[past falcon]

excellent! thanks!

[tender wasp]

no problem

[amber ginkgo]

@tender wasp Thanks. I created an image that was 1280 x 800 to suit my tablet but it's too big. When I made it smaller, lovelace scales it back up.

[tender wasp]

Oh okay. Yeah the image will always fill the width of the main view area and then take up as much vertical space as it needs to maintain aspect ratio. If you need it smaller you can always edit it to add some white (or transparent) padding around the borders

[amber ginkgo]

@tender wasp. Ok, got it. The header on lovelace is quite chunky consuming about 10% real estate. Any way to make that smaller?

[tender wasp]

Not currently, but there may be in the future

[amber ginkgo]

Ok. I added 400 px to width and that sorted it. Thanks for your help.

Ok, another one. Docs mention "style options" (for icons) but I can't find any further reference. Anyone got a link?

[tender wasp]

style options just takes a list of css properties (like top: 20% or width: 40px)

[amber ginkgo]

Thanks, I'll have a tootoo with that and see what I can break. css not my forte.

[tender wasp]

The elements are absolutely positioned relative to the main image so you can define things like top: 10% to position the element 10% down from the top

[amber ginkgo]

Found a GitHub doc that helps but adjusting width and height of entity icon does not change anything. Top, left and color work.

[tender wasp]

You can try --iron-icon-width and --iron-icon-height they default to 24px so set them higher to make the icons bigger

[amber ginkgo]

Freak'n awesome, thank you. You need to define both but setting them at 48px looks great! Any way to control the actual icon?

[tender wasp]

No unfortunately not. Maybe later on. I have seen some requests for icon customization in other cards too

I mean you can customize the icon in the backend but not using lovelace on a per-card basis

[north spear]

@mortal cape i’ll have a look at gauge. Was this because you updated gauge card too?

[amber ginkgo]

Ok, last one. I tried navigation to /lovelace/0 but icon hover says 'undefined'. Does that need to be globally defined somewhere?

[mortal cape]

@north spear what was weird was when I removed the attribute card, the gauges returned

[tender wasp]

No shouldn't be anything special. Just make sure the element type is navigation

[north spear]

@mortal cape i will have a look today

[amber ginkgo]

Yep, type is 'navigation'. path: lovelace/0

[tender wasp]

should be navigation_path: /lovelace/0

[amber ginkgo]

That was it! Thanks. Docs date so fast around here 🙂

[tender wasp]

No problem These: https://www.home-assistant.io/lovelace should be up-to-date

[amber ginkgo]

👌

[subtle rune]

https://www.home-assistant.io/lovelace_custom_card.md seems to be down or moved? A link in https://www.home-assistant.io/lovelace is pointing there

[mortal cape]

@subtle rune I think that is supposed to go to the same page as the link further down the page under "custom cards"

[north spear]

https://developers.home-assistant.io/docs/en/lovelace_custom_card.html

that is correct page

[subtle rune]

Also, a question: I haven't been able to test yet, but could you use state_filter with a template to decide to show every state that is not something? Maybe like filtering everyone that is not home, but not having to write out every zone you have in the filter. If so or not so - wouldn't it be nice to be able to do this without templating?

    exclude: 'home'```

[storm lion]

@subtle rune look up monster card Lovelace @north spear has got a custom card to do just that

[half osprey]

I like that it's called Monster card because it's a monster 😉

[north spear]

I thought it's best to contrast with Lovelace 😃

[placid geyser]

Does the weather-forecast card only work with the yahoo weather component? Currently I'm using dark sky.

[north spear]

@placid geyser should work with any weather component. Is darksky weather or just multiple sensors ?

[placid geyser]

@north spear It's weather.dark_sky.

When I add

- type: weather-forecast
  entity: weather.dark_sky```
I get `mapping values are not allowed here in "/home/hass/.homeassistant/ui-lovelace.yaml", line 74, column 17` which corresponds to `entity: weather.dark_sky`.

[half osprey]

That means invalid yaml

probably a space error ?

Make sure you use an editor with a fixed width font

[placid geyser]

@half osprey thanks. that must have been it. Very wired as I use that editor all the time. It was probably me rather than the editor. All working now. Cheers.

[half osprey]

btw, how good is it that Lovelace shows the YAML parse errors in the UI ?!

[placid geyser]

IMO it makes debugging config errors much faster.

And the bright red is hard to miss. 😉

[viral sorrel]

time for me to try out lovelace.. I feel like I'm jumping down a rabbit hole

[amber ginkgo]

Is weather underground supported (wunderground)?

[granite prawn]

i love the gauge-css

i set it up for the temp and humidity

[candid rapids]

for custom cards, is there an easy way to open the "more info" box when you have the entity name?

[high canyon]

trying to set a custom name for a glance item (in current stable) my config matches the example but the entity is now shown.

[north spear]

@high canyon do you have a config sample? Which docs did you use?

[high canyon]

@north spear https://www.home-assistant.io/lovelace/glance/ These docs, might be a while on the config sample, forgot I had a work call now :p

[north spear]

that should work (last sample)

@candid rapids if it's not in the docs unfortunately I can't help much. Maybe some better devs can point you in the right direction

[high canyon]

        title: Location
        entities:
          -  entity: device_tracker.mexs_phone
             name: "Martin"
          -  device_tracker.mariannes_phone

oh ignore me...

I am on 0.72.1

ashamed face

[storm lion]

@north spear - that attributes card is exaclty what I wanted 😉 .... now if it looked like a glance card 😛

[north spear]

easy to do I think

and btw, now you can use the new entities card custom row to include that inside

:))

I'll show example later today

[storm lion]

oww, good point 😃 going to be perfect for my vacuum and climate

[half osprey]

@candid rapids yep, just fire hass-more-info event with as detail { entityId: 'light.kitchen' }

[candid rapids]

how do I fire off an event?

I was looking at the code for the real cards and I think it was this.fire

[half osprey]

Search the web for mdn dispatch event

[candid rapids]

oh okay, just a normal event?

[half osprey]

Correct, we added an internal helper

Yep

[candid rapids]

ok thanks!

[half osprey]

Our code is here https://github.com/home-assistant/home-assistant-polymer/blob/master/src/common/dom/fire_event.js#L46-L57

Home Assistant is just events and custom elements. No magic

Use the platform as the Polymer team used to say

[candid rapids]

gotcha, cool

[half osprey]

Really digging this thread https://www.reddit.com/r/homeassistant/comments/8x5e80/some_lovelace_love/

[storm lion]

extremely interesting the different approached to views

[half osprey]

yep!

[stable socket]

@north spear How are you sensing your oil levels?

[north spear]

that's just a demo sensor

Using random sensor to simulate

[stable socket]

Ah okay, I was going to say! haha

[north spear]

😄

[stable socket]

Looks cool though 😄

[north spear]

check this out:

[stable socket]

Hahaha, nice

[wheat current]

Sax is cool, but 10h of it?

[stable socket]

Hopefully it is on repeat, 10 hours isn't enough

[north spear]

😄 demo platform

useful for examples

See config, maybe it inspires you to embed other custom cards: https://github.com/ciotlosm/custom-lovelace/blob/master/entity-attributes-card/README.md

[high canyon]

https://www.home-assistant.io/lovelace/history-graph/ it would be nice if you could rename the keys like in the glance config

and optionally hide the key

[buoyant skiff]

nice choice of youtube vid

😛

almost as good as taking the hobbits to isengard

[north spear]

:))

[serene sierra]

guys im trying to show media.player entity on top of picture-elements card but entity not have icon and if i set it using media_player.samsung_tv: icon: mdi:television-classic the icon not showing up anyway

setting icon with using customize.yaml

[serene sierra]

ok get why if no picture for show or chanel it just have transparent icon

[north spear]

monster-card got a new update: Now you can show the card based on a random entity state. Useful when you want certain cards to show on the interface based on sun or maybe a random http sensor. A valid use case would be to show systems tab when your ISP ping sensor is down.

      - type: custom:monster-card
        card:
          type: glance
        filter:
          include:
            - domain: climate
        when:
          entity: device_tracker.demo_paulus
          state: not_home

[storm lion]

actually that might be nice addition for a number of cards... I don't really care about my internal cctv cameras unless I'm out the house, then I use them to spy on the cats/possible burglars

[north spear]

😃

lets you kind of automate your UI without the need of very complex automations

[storm lion]

very clever indeed... now to think of use cases for it

[half osprey]

This could have already been achieved by wrapping the monster card in an entity filter card right?

Example config https://github.com/home-assistant/ui-schema/issues/82

[north spear]

hmmm

I have to wrap my head around how that would work.

[storm lion]

need to try it now.. trying to figure out how a card in a card would look..

[north spear]

@half osprey I tried this:

      - type: entity-filter
        show_empty: false
        entities:
          - device_tracker.demo_paulus
        state_filter:
          - not_home
        card: 
          type: custom:monster-card
          card:
            type: glance
          filter:
            include:
              - domain: climate

But I get the same error as the issue at the moment

[half osprey]

Yeah, the PR https://github.com/home-assistant/home-assistant-polymer/pull/1431 fixes that

[north spear]

complicated clever type of filtering

[storm lion]

that is pretty clever! this whole ui overhaul thing has really brought me back into the ui (not sure if that's good or bad) but back to thinking about fire tablet 7's attached to walls in key places now 😛

here's one for you @north spear - for your big number custom card, can you have a green zone in the middle graduating to two red zones either side.. Thinking ideal temperature as a use case..

[north spear]

green with two red can't be done

[half osprey]

Not even with CSS gradients ?

[north spear]

for temperature I usually go from blue (cold), green (ok), amber (mildly warm), red (very hot)

It can be done, but not in current implementation

[storm lion]

I like that, can blue be called as a severity object?

[north spear]

hmmmmmm

wait a minute

might work red green red

testing now

doesn't work, doubling red messed up on sorting

[wheat current]

how about red -> green -> almost red

[storm lion]

adding blue as an option would fine - I can't think of many other situations where you need the target area in the middle...

[north spear]

@storm lion that already exists, use "normal" instead of any of the other

[storm lion]

Thanks, I'll add it to the documentation 😜

what determines if it displays as a gauge or not?

[north spear]

@wheat current at the moment colors are fixed

@storm lion not sure what you are asking

[storm lion]

so on your example picture, the far right is changing the whole cards color, and the far left is displaying it more like a gauge, what determines that?
https://user-images.githubusercontent.com/7738048/42441033-f4336a04-836f-11e8-906c-6e3ab7f636c2.gif

looking at the code it looks like when you use severity it can then only do the whole background of the card, are you planning on adding defining "zones"to the gauge view too?

again thinking of temperature, want green to be in the middle with the gauge straight up and then blue as the gauge swings left and red as it swings right

[north spear]

that was just an example showing how bignumber can sit together with gauge in horizontal stack

didn't think it would be confusing 😃

I'll think on how to improve severity to allow this

[storm lion]

lol, simple minds and all 😃

this is my ideal scenario - https://i.imgur.com/l81oA6p.jpg

maybe with better color graduation

[north spear]

that is different type of gauge, where you have fixed colors on gauge and a needle moves

[storm lion]

ok buddy, thanks anyway 👍

also getting "n.setconfig is not a function" with the big number card

[north spear]

make sure you're not again on a different branch with older Lovelace

and force a refresh / cache

[storm lion]

nope, both of those are fine... I'll have a play

the logs show https://website.duckdns.org/static/custom-elements-es5-adapter.js:13:615 Uncaught TypeError: Class constructor BigNumberCard cannot be invoked without 'new'

[north spear]

are you sure you downloaded the "raw" bignumber ?

[storm lion]

yup, will try it again just to check

[north spear]

and make sure you add ?v=2 or something at the end in resources to avoid caching

[storm lion]

got ?v=1

[north spear]

increment once

[storm lion]

will do

nope, didn't do it

will try dropping in monster card.. find out if it's something to do with that card or all custom cards

[north spear]

are you having javascript: latest in your config?

I see es5 adapter stuff

I haven't built the custom cards for older browsers

but maybe I am wrong about how this work 😃

[storm lion]

hmm that might be it, I had it set for es5

[north spear]

does it work now ?

[storm lion]

hmm, well lost my view:home one sec something doesn't like something

working now! 😃

thanks for your help, must have been the es5

[serene sierra]

is it possible to bypass login page with some url which be contain password? like ?api_password=YOUR_PASSWORD

[north spear]

er.. wrong channel @serene sierra this is lovelace only

[storm lion]

the loss of front end was monster card trying to include every entity... whoops

[north spear]

with great power, comes great responsibility

[past falcon]

Hey is there a way to create a link to the camera pull up when I use a camera component in a picture-glance? For example on a normal camera entity on the OG front-end if you click the image you get a closeup (and mine goes real-time). I want to be able to access that if possible. Is it possible currently?

[tender wasp]

@past falcon that functionality was just recently merged. Will be in a future release

[storm lion]

currently though you can just add it as an entity and then a little camera icon will appeat on the glance row that can take you to the image

[north spear]

Always interesting of use cases people come up with

I'm being asked for a filter on monster-card with comparison "<" for attributes state filter to get a card that shows any sensor with low battery

I have to agree that would be a card I'd use 😃

[storm lion]

that's really interesting.. So I want my battery cards to be on the settings page.. but low battery on the front page as an extra warning would be a great idea

@north spear - what's wrong with this?

  - type: custom:monster-card
    card:
      type: entities
      title: Door and Window Status
    filter:
      include:
        - attributes:
            device_class: window

[north spear]

no idea, what error do you get ?

[storm lion]

no error, just wont load the view. as soon as I comment it out works a treat

• scratch that - would help if I check the logs..

nothing in the general logs, is there a specific lovelace log somewhere?

[north spear]

On frontend

Delevoper tools

[storm lion]

yeah, that's where I checked, nothing in there about it, I'll try and investigate, thanks for your patience buddy

[north spear]

Maybe device class with that value doesn’t exist on any entity

[storm lion]

seems its not from that card, was actually the other card in the the stack - doesn't seem to like include and exclude fighting one another

  - type: custom:monster-card
    card:
      type: entities
      title: Battery Status
    filter:
      include:
        - entity_id: "*battery*"
      exclude:
        - entity_id: "battery_presence_sensor_lara_car"

it's the exclude part of that that's causing the problem

[north spear]

exclude is not a valid entity_id

[storm lion]

tried all of these:

        - entity_id: "sensor.battery_presence_sensor_lara_car"
        - entity_id: "*lara_car"
        - entity_id: "*lara_car*"

[north spear]

ok, let me test it out

[storm lion]

Thanks mate

[north spear]

oh cr*p

😦

bug

fixed now, try a new download and update v=

[storm lion]

Well at least it wasn't me being a morron :)

Thanks very much

[north spear]

sorry

[storm lion]

No need to be sorry! You built something awesome for us, we are and should be thanking you

[north spear]

let me know if it works now fine

the problem was on exclusion branch, due to a refactoring

I had to refactor to avoid global function conflict between custom cards

I should start working on a dev branch soon

[storm lion]

just trying to test it but seems I've broken atom...

working! Thank you so much 👍

[polar kelp]

Speaking of monster-card. I get `n.setConfig is not a function. (In 'n.setCOnfig(t)', 'n.setConfig' is undefied)^ on IOS 11.2.

[storm lion]

javascript: latest in your frontend?

[polar kelp]

hm... no. Just a minute. Restarting.

[storm lion]

empty cache, refresh, try in incognito etc.. fixed that for me

[polar kelp]

That was the problem. THanks

[storm lion]

@north spear - I'll add a note to your docs on that if you want?

[north spear]

Sure in a frequently asked questions section

[half osprey]

So iOS has a bug with latest. Automation and script editor crash

[storm lion]

lol, new use for monster card that I feel should go in the docs 😉

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

[half osprey]

I haven't had time to research yet so left it on es5

[storm lion]

ahh, well it seemed to fix it for him

[half osprey]

(since January🤔)

[storm lion]

what can we say, your a busy man

[half osprey]

Yes but now automation editor is broken

[storm lion]

if he's running custom cards I bet he's doing it in yaml 😉

[north spear]

@half osprey hardly any use on mobile for editors

Many flows on hassio use dialogs which are broken

[half osprey]

Broken?

[north spear]

On ios nothings that uses basic dialog works

Yep

[half osprey]

Hmm

[north spear]

Like hassio hostname change

[half osprey]

What about config entries?

[storm lion]

i guess if you had a big ipad pro and keyboard you might want to use it

[north spear]

Config entries use custom dialogs

[half osprey]

Gtg, son needs a bath

[north spear]

Not the browser “confirm”

[half osprey]

Browser confirm doesn't work? That's weirs

[north spear]

Yep

And on my ios with latest automation editor works

[storm lion]

My "things that are probably broken" list is very long... 😢

[frosty pelican]

@storm lion that is a great example of monster card 😃 I am loving all these dynamic capabilities that we get with Lovelace. I think another good example is using entity-filter on leak sensors and smoke detectors

[north spear]

leak sensor and smoke detector you should do a fixed list with entity-filter

that you must know which are the devices 😃

[frosty pelican]

yup thats what I did 😃

[storm lion]

why not by device_class?

[frosty pelican]

monster card I am using because I like to list all my automations and scripts on a single view

[storm lion]

I like the idea of setting everything up by device class on a monster card as then as my setup expands the front ed will automatically grow

[frosty pelican]

yea or if you like to name things by the room they are in using something like "kitchen*" is really useful

[north spear]

btw, would a card that shows unused entities and takes in consideration monster card be useful ?

[storm lion]

yes, extremely

if something isn't in a card of some sort then it needs to be "hidden" is my opinion, sits well with the crazy in me

[frosty pelican]

at the rate of speed the docs are changing I think a "last updated on <date/time>" stamp at the bottom would be highly useful to know if the page changed since you last viewed it

[half osprey]

@north spear you're running what version of iOS , latest?

[north spear]

11.4

[half osprey]

Btw I would say that current unused entities are not so useful. We need to show entity id

I've also had ideas for a live card editor

[north spear]

that would be cool, to allow changing type real time for those that use entities list 😃

[half osprey]

We can convert json into object and load into card

Use createCardElement and should be easy

Maybe that should be a custom card, textarea and output of it below

[north spear]

sounds doable

I've updated FAQ https://github.com/ciotlosm/custom-lovelace#faq

Not sure if some might be generic enough to get into Lovelace official docs

[half osprey]

iOS and Firefox lets port those answers over

So common

[north spear]

I had more pop to mind 😃

but for official docs those are probably worth it

not related to loading custom js ,but to the platform itself

@half osprey don't you have problems using "current" branch on CLI ?

my git doesn't like the word, it feels like it's a reserved word

[shy lantern]

Hey guys, does someone know how the new filter work ? Since the latest update this code doesn't work anymore

        entities:
          - '*light*'
        # Filter criteria. They are all optional.
        state_filter:
          - 'on'
        show_empty: false
        # This config will be passed to the card rendering the filter results
        card:
          title: Lights that are on

[north spear]

entities can't use wildcard

it's a fixed static list

[shy lantern]

so I have to list all the lights?

[north spear]

either that or use a custom component

[shy lantern]

It was really nice to list all the entities from a specific domain, so when I edit things it stay always up to date

I'll look into custom component, thanks!

[north spear]

then your option would be to use the monster

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

[shy lantern]

yes I really like the idea behind the monster-card, I'm just having a hard time to install it lol

can it be in the future as a hassio plug in or something ?

[north spear]

have you read the FAQ ?

read this page https://github.com/ciotlosm/custom-lovelace/blob/master/README.md

[shy lantern]

I just thought I didn't need it as much as the time to install it, but now the entity filter is broken then I have to try

[worn rain]

Is it possible to show value of a sensor (temperature or humidity) on a picture-glance card vs just the icon?

[tough knoll]

hi guys, is it possible to hide the main switch of a card? Before was possible to use "control: hidden"

[north spear]

@worn rain use picture-elements instead of picture-glance for that

[polar kelp]

@tough knoll show_header_toggle: false

[north spear]

@tough knoll yes, it's in the docs: https://www.home-assistant.io/lovelace/entities/#show_header_toggle

[worn rain]

@north spear okay thanks!

[north spear]

picture-glance if more for toggle entities and binary sensors

[tough knoll]

@north spear Thanks a lot!

[north spear]

https://github.com/ciotlosm/custom-lovelace/issues/7 anyone else interested in this?

[worn rain]

Can you use camera_image with picture element?

[north spear]

not sure, I know you can with picture-entity and picture-glance

but not sure how it works with picture-elements

[worn rain]

Okay thanks

[north spear]

maybe someone with more knowledge can help out

[worn rain]

I didn’t see it in the docs of picture-element vs picture-glance where it is specifically called out as a option. The glance card would work great with the values too..

[tender wasp]

@worn rain are you wanting to set the main background picture to a camera_image?

[frosty pelican]

@tender wasp I think that would be awesome for picture-elements.....why create a floorplan when you have a live feed 😃

[raven nacelle]

@frosty pelican Camera feeds are not always flattering 😉

[frosty pelican]

@raven nacelle that is a very valid point 😃

[tender wasp]

Yeah that's not currently possible, but I guess it would be easy enough to do. There's an open PR to add images as elements to a picture-elements card, but maybe this can be done later if people really want it

[frosty pelican]

yea and I am still not really sure if my UI will stay this way every day im moving things around to find that sweet spot....i dont think I am the only one either lol

[tough knoll]

I would like to ask another question: is it possible to have badge or the only way is to use glance card? Thanks

[split granite]

No badges

[calm rock]

Hi all, is it possible to filter device tracker ids, by source type ? with any of the actual cards?

[wheat current]

if it has an attribute for that you can use the custom monster card https://github.com/ciotlosm/custom-lovelace/tree/master/monster-card

[calm rock]

@wheat current , thanks will read it.

[wheat current]

Wrong link, updated my answer

[north spear]

I've just added filtering by friendly_name or title to monster-card on dev branch if someone feels brave enough to test it out @mortal cape @raven nacelle

https://github.com/ciotlosm/custom-lovelace/tree/dev/monster-card see part about "Filter entities by friendly_name or title, supports wildcards (*kitchen*). Case insensitive"

[polar kelp]

@north spear Regarding #23. Why is entities.sort() needed?

[calm rock]

@wheat current , monster attributes filter seams not to be working , probably a modifications not yet published?

[north spear]

@calm rock try downloading latest from repo using "raw" and make sure you increment ?v=X in your resources part of ui-lovelace.yaml

[calm rock]

ok, tks

[north spear]

@polar kelp I've added it for consistency. Entities showed up a bit of random. At least with that they get sorted by domain and then by entity_id

you have to take into account that conditions are a bit more complex, as you have combination of AND / OR depending on how you write your includes

[polar kelp]

How about moving it into _getEntities. Do you think that would work? Then sorting should be in order of inclued list, and then by name?

Of course, I only have my use case, and don't know much about javascript.

[north spear]

you can try it out on your side and see how it behaves

just move it around and increment v=X so you don't get cached version and see result

after you tested and have something consistent happy to discuss options

it is lower priority for me at the moment considering all other requests 😉

[polar kelp]

Sure. I was just hoping for some background so I know if it would be worth any effort at all, of if it will be struck down due to something I never thought of...

[north spear]

the background was to have entities in a more predictable way

especially as a sort will always get them by domain if you have more and if you have one domain, then by entity_id

[worn rain]

@tender wasp I like the picture-glance card but since it can’t show the values for sensors like temp/humidity I was pointed to the picture-element card. I have a cam over my son’s crib would be awesome to see the temp and humidity on top like in a picture-glance. Same for a BloomSky weather station

[fluid shoal]

Hi guys, I'm using a security camera with picture-glance and would like to be able to click on the image to get a live stream of the camera - is that possible?