#frontend-archived | Home Assistant | Page 64

wheat current Jul 31, 2018, 4:08 PM

#

Awesome 😄

mossy gale Jul 31, 2018, 4:12 PM

#

ive had 2 days off work, my family are in France, and I have spent the entire time on Lovelace and HA!!!

wheat current Jul 31, 2018, 4:13 PM

#

Time well spendt 😄

mossy gale Jul 31, 2018, 4:17 PM

#

my Evernote notebook is brimming with snippets now 😃

mossy gale Jul 31, 2018, 4:58 PM

#

i am in awe of Lovelace... so much you can do, im only scratching the surface im sure

icy kettle Jul 31, 2018, 5:15 PM

#

Guys, is there any way to have old-style badges inside a glance card?!

north spear Jul 31, 2018, 5:25 PM

#

@icy kettle use picture-elements

icy kettle Jul 31, 2018, 5:27 PM

#

@north spear Thanks!

north spear Jul 31, 2018, 5:47 PM

#

I am not sure who wanted this, but here you go: https://github.com/ciotlosm/custom-lovelace/tree/master/group-card

#

- type: custom:group-card
  card:
    type: entities
    title: Group card
  group: group.bedroom

#

@shell torrent @weak salmon @hot gyro @hoary coyote see above group-card maybe you were interested

mossy gale Jul 31, 2018, 6:02 PM

#

hi @north spear just tried the group-card, i used that same as above with group.all_lights and I get a blank page. I added the resource and .js file

north spear Jul 31, 2018, 6:03 PM

#

what do you see in your javascript console ?

#

there should be an error if you get blank page

mossy gale Jul 31, 2018, 6:06 PM

#

so i am not a developer, just to be sure you are talking about Chrome -> Inspect Element -> Console

north spear Jul 31, 2018, 6:06 PM

#

yep

#

do a clear and page refresh

#

and see red errors

mossy gale Jul 31, 2018, 6:08 PM

#

refreshing on the empty page I get this https://hastebin.com/toqazanaho.js

north spear Jul 31, 2018, 6:09 PM

#

what is your ui-lovelace.yaml config ?

mossy gale Jul 31, 2018, 6:10 PM

#

  - type: custom:group-card
    card:
      type: entities
      title: Group card
    group: group.all_lights

north spear Jul 31, 2018, 6:10 PM

#

and resources section ?

mossy gale Jul 31, 2018, 6:11 PM

#

It is https://hastebin.com/ajuyehamep.bash

north spear Jul 31, 2018, 6:11 PM

#

and you copied group-card.js in your www folder ?

mossy gale Jul 31, 2018, 6:12 PM

#

I did https://imgur.com/a/ZMPo8BU

north spear Jul 31, 2018, 6:12 PM

#

the error in your console is not relevant for group-card so it's either not loading at all

#

maybe your config for it is not well aligned or has some tabs

#

weird you get a blank page

#

there should be other errors as well in your javascript console

mossy gale Jul 31, 2018, 6:14 PM

#

its first time I have had no display on a custom card

north spear Jul 31, 2018, 6:15 PM

#

so all others show, just this doesn't ?

#

or nothing shows now that you added it ?

mossy gale Jul 31, 2018, 6:15 PM

#

interesting.. the group is there in the standard UI

#

and in the dev console it has many lights associated with it

#

here is the group.all_lights in the dev console https://imgur.com/xqlNgub

#

just changed the group and same blank display

north spear Jul 31, 2018, 6:32 PM

#

and removing the custom card makes it work again ?

#

I am using 'demo' and works for me with group.all_lights

#

@mossy gale any other errors in your console? Keep it open and do some refreshes

mossy gale Jul 31, 2018, 6:35 PM

#

that was the only thing i had in that view

winter wasp Jul 31, 2018, 6:35 PM

#

can anyone suggest a way to display a temperature value in a picture-glance card?

north spear Jul 31, 2018, 6:36 PM

#

@winter wasp don't use picture-glance

#

use https://sharethelove.io/temperature-glance

#

which simulates picture-glance with picture-elements

winter wasp Jul 31, 2018, 6:39 PM

#

@north spear lot more to configure, but i guess it'll do for now

#

thanks!

north spear Jul 31, 2018, 6:39 PM

#

oh well, there is no other way to do it I think

#

or none that I know of

hot gyro Jul 31, 2018, 6:40 PM

#

@north spear will have a look - when I get the tracker card to work - seems like the sensors dont populate

mossy gale Jul 31, 2018, 6:40 PM

#

@hot gyro i have same too

#

for the sensors

north spear Jul 31, 2018, 6:40 PM

#

@hot gyro you need to delete your old custom comopnent and sensor, you just need one custom component and that creates sensors for you

#

we can do a share screen if you want

#

if you had troubles getting it to work

hot gyro Jul 31, 2018, 6:41 PM

#

I just downloaded the entire folder - didnt had any previous - downloaded them manually

#

so not as per github? https://github.com/custom-cards/tracker-card/tree/c0202bd32c2ca90aeac105214c4024488b0b567d

north spear Jul 31, 2018, 6:42 PM

#

mmm, no, use https://github.com/custom-components/custom_updater

#

I will update docs

#

hmm

#

already updated

mossy gale Jul 31, 2018, 6:45 PM

#

i followed those instructions, had no previous files to delete etc

#

i get the card but its empty

#

common issue for me today it seems 😉

hot gyro Jul 31, 2018, 6:49 PM

#

^^ did you use .homeassistant/custom_components or like me .homeassistant/www/custom_components

mossy gale Jul 31, 2018, 6:49 PM

#

www/custom_components

hot gyro Jul 31, 2018, 6:49 PM

#

and thats obviously wrong

#

https://github.com/custom-components/custom_updater

mossy gale Jul 31, 2018, 6:50 PM

#

sorry what am i tlaking about

#

i meant config/custom_components

hot gyro Jul 31, 2018, 6:51 PM

#

needs to be .homeassistant/custom_components no config if you did it

#

mine works fine now by the looks of it

mossy gale Jul 31, 2018, 6:51 PM

#

are u using Hassio

hot gyro Jul 31, 2018, 6:51 PM

#

no venv

#

but config means the folder where you find the configuration.yaml

mossy gale Jul 31, 2018, 6:52 PM

#

yes

#

but also where custom components are for every other i have installed

#

From info on site .... Install this component by copying /custom_components/custom_updater.py from this repo to <config directory>/custom_components/custom_updater.py on your Home Assistant instanse.

#

my config directory is config

hot gyro Jul 31, 2018, 6:55 PM

#

hmm ok then its something else

#

@north spear do I need to remove the versioning in the resources with this updater?

north spear Jul 31, 2018, 6:55 PM

#

no, it will update that for you

#

want to try screen sharing ?

mossy gale Jul 31, 2018, 6:56 PM

#

with me or collse?

north spear Jul 31, 2018, 6:56 PM

#

either or both 😃

#

ping me as PM

hot gyro Jul 31, 2018, 6:56 PM

#

I got it covered I guess

mossy gale Jul 31, 2018, 6:56 PM

#

ok i will

hot gyro Jul 31, 2018, 6:57 PM

#

thanks for the offer though

mossy gale Jul 31, 2018, 6:57 PM

#

love to get the card working, and shed some light on the group-card being blank

hot gyro Jul 31, 2018, 7:07 PM

#

got it

serene sierra Jul 31, 2018, 7:09 PM

#

@north spear for some reason that code not work and return me list of all entities and not from my filter and not apply glance card https://hastebin.com/pupagojuvo.bash why? its not supported?

north spear Jul 31, 2018, 7:13 PM

#

your code seems missalgined

#

or maybe not

#

@serene sierra try https://hastebin.com/zatepuvede.bash

serene sierra Jul 31, 2018, 7:17 PM

#

now its better but filter is not aplied i can see all entities but with glance card

#

@north spear here is new code https://hastebin.com/aluxuquneq.bash

#

i need to add exclude section or what?

#

seems its kinda bug because when im added ```yaml
exclude:
- domain: sun.*
- domain: alarm.*
- domain: light.*
- domain: automation.*
- domaim: camera.*

#

i can see that with that code https://hastebin.com/uyurakoliq.bash

📎 Screen_Shot_2018-07-31_at_14.25.16.png

#

one more line in exclude section and i cant see anything later

north spear Jul 31, 2018, 7:44 PM

#

don't need to post images @serene sierra i belive you 😃

mossy gale Jul 31, 2018, 7:44 PM

#

@north spear you are a gentleman and a star.. thanks for correcting my mistakes

north spear Jul 31, 2018, 7:46 PM

#

@mossy gale if you navigate to official folder for cards https://github.com/ciotlosm/custom-lovelace/tree/master/monster-card like that you can check "changelog.md" and see what changed, what got updated

mossy gale Jul 31, 2018, 7:47 PM

#

ok many thanks

north spear Jul 31, 2018, 7:52 PM

#

@serene sierra 😦

#

I found your problem

#

there is an inconsistency in the way we define entity

#

in filters / include: you need to say entity_id in when you need to say entity

mossy gale Jul 31, 2018, 7:53 PM

#

@north spear can you have more than one group in the same card using the group-card

north spear Jul 31, 2018, 7:53 PM

#

the docs have it correct, but it's confusing

#

@mossy gale one group per card but I guess it can be extended to take multiple

mossy gale Jul 31, 2018, 7:54 PM

#

I was just thinking if you had an upstairs and downstairs group for lights, but for some reason wanted to shove them all together

#

i dont need to do it, just asking

north spear Jul 31, 2018, 7:55 PM

#

or you could use https://github.com/custom-cards/vertical-stack-in-card

mossy gale Jul 31, 2018, 7:55 PM

#

good call

#

@north spear do you have a buy me a beer/coffee link?

north spear Jul 31, 2018, 7:58 PM

#

nope, just a patreon link

mossy gale Jul 31, 2018, 7:59 PM

#

not sure what that is, but send me the link

north spear Jul 31, 2018, 8:00 PM

#

you have it on pm 😃 maybe I should add it somewhere in the readme link if people are interested

dapper rain Jul 31, 2018, 8:04 PM

#

post it here

serene sierra Jul 31, 2018, 8:04 PM

#

@north spear so you that must be correct? ```yaml
filter:
include:
- entity_id: input_boolean.kodi_tv_1_state
- entity_id: input_boolean.kodi_tv_2_state

north spear Jul 31, 2018, 8:05 PM

#

yes

serene sierra Jul 31, 2018, 8:05 PM

#

but no luck

#

i can see all entites again

dapper rain Jul 31, 2018, 8:06 PM

#

@north spear you should get self employed as lovelace consultant lol

north spear Jul 31, 2018, 8:07 PM

#

I used this:

      - type: custom:monster-card
        card:
          type: glance
          show_state: false
          show_name: false
          column_width: calc(100% / 8)
        filter:
          include:
            - entity_id: input_boolean.notify
        when:
          entity: input_boolean.notify
          state: 'off'

#

and that worked for me, just 1 entity

prime umbra Jul 31, 2018, 9:21 PM

#

@north spear was wondering after awhile resources: will become a huge list with all custom cards insert
would it be possible to in 1 line call all the cards that would be inside in a folder, like some type of include?

north spear Jul 31, 2018, 9:45 PM

#

@prime umbra doable, but will probably break tracker-card

#

and you need two cache busters (already a problem for modules like thermostat)

prime umbra Jul 31, 2018, 9:46 PM

#

ya

north spear Jul 31, 2018, 9:46 PM

#

you can already try it yourself

#

create a new file test.js and include that in resources via type: module instead of js

#

and have it use includes like thermostat card uses for it's library

prime umbra Jul 31, 2018, 9:47 PM

#

k

#

@north spear just one more question
did you notice on cards when you resize windows text or pic will not keep all aligned

#

was wondering if is even possible to keep all together

north spear Jul 31, 2018, 9:48 PM

#

I don't resize often so probably didn't notice

#

it depends on measurement types

#

you can try opening and issue with some examples, i'll take a look at it when i have time

prime umbra Jul 31, 2018, 9:49 PM

#

sounds good

wheat current Jul 31, 2018, 9:49 PM

#

https://github.com/custom-cards/text-element/issues/3 i have done some light troubleshooting in the topic here

stable kindle Jul 31, 2018, 9:50 PM

#

anyone using climate in an entity card?

#

my current temp doesn't show anymore, just that it's cooling

north spear Jul 31, 2018, 9:51 PM

#

@stable kindle known issue fixed in 0.75

stable kindle Jul 31, 2018, 9:52 PM

#

thanks @north spear

prime umbra Jul 31, 2018, 9:55 PM

#

@wheat current i have tryed before with px but it seems that the pic will still move not according to the text
so when you view in a desktop you see perfect the way you designed sense you did in desktop, but most likely when you see in a phone you will see out of place

wheat current Jul 31, 2018, 9:58 PM

#

It's most likely the two bottom pictures in that issue you will encounter.
By using px for left and defining transform: none text elements should not move at all.
This should work for any element you put in there

prime umbra Jul 31, 2018, 9:59 PM

#

the text will not move but the pic will

#

not proportional

wheat current Jul 31, 2018, 10:03 PM

#

that is true, but if you only use % the elements will "merge"

#

If you mainly use your cell phone to see the GUI activate device emulation when you design the cards https://image.ibb.co/gHuaae/image.png

prime umbra Jul 31, 2018, 10:06 PM

#

still hopefully we will get the perfect solution for that in future :)
if that will be even possible

serene sierra Jul 31, 2018, 10:07 PM

#

@north spear thanks now works but im a little bit confused how to use tap_action: toggle with that card https://hastebin.com/nakotubibi.bash

north spear Jul 31, 2018, 10:08 PM

#

did you try my suggestion using "options:" as per monster-card docs?

serene sierra Jul 31, 2018, 10:08 PM

#

yes is it correct? ```yaml
- entity_id: input_boolean.kodi_tv_1_state
option:
tap_action: toggle

north spear Jul 31, 2018, 10:09 PM

#

no

#

options

serene sierra Jul 31, 2018, 10:09 PM

#

aaaah

#

yes yes yes thank you, missed it, now everything works well 😄

winter wasp Jul 31, 2018, 10:24 PM

#

has there been talk about integrating any of the more popular custom cards into the standard release?

dense roost Jul 31, 2018, 10:36 PM

#

@prime umbra design your phone layout on a phone. Don't view it in your computer browser. Design your tablet interface on a tablet, etc. Perfect interface for each device.

native kiln Jul 31, 2018, 10:52 PM

#

@winter wasp Is there a repository or list of custom cards?

winter wasp Jul 31, 2018, 10:54 PM

#

@native kiln they’re linked from this channel regularly

native kiln Jul 31, 2018, 10:55 PM

#

@winter wasp, k good to know sounds like I should follow this channel more closely
Thanks!

#

Also is there a bug with icon: in 73.2?

cold sedge Jul 31, 2018, 10:56 PM

#

@native kiln there are some on https://sharethelove.io/

native kiln Jul 31, 2018, 11:01 PM

#

@cold sedge Thanks! looking through them now!

viral sorrel Jul 31, 2018, 11:57 PM

#

I wish monster-card allowed for regexp renaming of friendly names

#

or at LEAST stripping a string from friendly name

#

as an alternative to the group specific naming feature in custom-ui

sudden tusk Aug 1, 2018, 12:11 AM

#

Just whipped up my first lovelace ui views. Pretty smooth, great docs, clear error messages when I goofed. Really nice experience!

viral sorrel Aug 1, 2018, 12:48 AM

#

hmm.. how do you back out of lovelace? you can jump in by clicking on the link at the info page.. but is there an equivalent to go back?

#

📎 unknown.png

#

shouldn't the home and away cards have titles? SPOILER: it's card: not card_config:

tame dove Aug 1, 2018, 2:01 AM

#

Is there a way to do persistent notifications in Lovelace yet?

iron locust Aug 1, 2018, 2:13 AM

#

What's a good solution for a Raspberry Pi kiosk with Lovelace? I've got an Rpi3 hooked to the official7" touchscreen, just need the software side setup. Is there a prebuilt image for that kind of thing?

tame dove Aug 1, 2018, 2:17 AM

#

Not sure what you are looking to do? Replace Home Assistant UI?

iron locust Aug 1, 2018, 2:18 AM

#

I just want to setup a kiosk on an RPi other than my HA server one. Something that will just boot up straight to the UI. Could be lovelace or the default HA UI

#

basically this : https://community-home-assistant-assets.s3-us-west-2.amazonaws.com/optimized/2X/d/d0cbe65456aa1a11804ad1bc9f6543e213bbdc8b_1_375x500.jpeg

#

I've already got the hardware

tame dove Aug 1, 2018, 2:19 AM

#

Auh. My bad. When you say image you mean for the pi

iron locust Aug 1, 2018, 2:19 AM

#

yah

#

oh, I see how what I said was kinda confusing re: the image thing

#

refined my search a bit, and looks like this might work https://github.com/futurice/chilipie-kiosk

mild veldt Aug 1, 2018, 2:59 AM

#

@tame dove yes with a monster card

dense roost Aug 1, 2018, 3:33 AM

#

@iron locust I think kiosk mode is coming really soon

iron locust Aug 1, 2018, 3:34 AM

#

but like, with an install image to use for a PI?

#

FWIW, this chilipie-kiosk seems to work, but it's using some witch-finger keyboard layout and I can't figure out how to change it

#

oh snap, got it up and running with the chilipie image. Works great with very little work

timid burrow Aug 1, 2018, 3:46 AM

#

Anyone have any idea why this won't display as a graph?

          - type: history-graph
            title: Day Length Change
            hours_to_show: 168
            refresh_interval: 1800
            entities:
              - sensor.daylengthchange

#

the entity sensor.daylengthchange has a value

north spear Aug 1, 2018, 5:29 AM

#

You could give https://gist.github.com/ciotlosm/1f09b330aa5bd5ea87b59f33609cc931 a try

iron locust Aug 1, 2018, 6:09 AM

#

Thanks, that was going to be a follow-up question: how to hide the top bar

wheat current Aug 1, 2018, 6:23 AM

#

See the link @north spear posted

viral sorrel Aug 1, 2018, 6:29 AM

#

how would one show EVERYTHING like in the default view of the old interface?

wheat current Aug 1, 2018, 6:30 AM

#

Goto /state instead of /lovelace

viral sorrel Aug 1, 2018, 6:30 AM

#

is that the equivalent of the old ui?

wheat current Aug 1, 2018, 6:31 AM

#

That is the "old" ui.
Use monster-card with * for entity include filter

viral sorrel Aug 1, 2018, 6:32 AM

#

I've been trying to figure out how to get out of lovelace so I could see the old ui 😛 thanks

buoyant skiff Aug 1, 2018, 6:32 AM

#

morning

viral sorrel Aug 1, 2018, 6:32 AM

#

I was planning on trying that with monster-card.. but it's really not quite the same

wheat current Aug 1, 2018, 6:32 AM

#

To see a list of unused entities klick the three dots in top right and show unused entities

north spear Aug 1, 2018, 6:32 AM

#

use a picture card with link in lovelace ot point to old UI when needed

viral sorrel Aug 1, 2018, 6:33 AM

#

oh hell yes! Now THAT is useful!

#

@north spear great idea!

#

shit.. burning smell from a wemos

#

📎 image.jpg

#

Not even entirely sure what that is!? On the other side is.. I think the serial to USB chip?

north spear Aug 1, 2018, 6:40 AM

#

@viral sorrel wrong channel, maybe try dyi, this is for lovelace 😉

viral sorrel Aug 1, 2018, 6:40 AM

#

oh shit yes.. just got such a shock (more of a burn really) that I had to share it immediately 😛

radiant drum Aug 1, 2018, 7:23 AM

#

Hi! Have anyone made a card for Sensibo or HVAC?

vapid field Aug 1, 2018, 7:34 AM

#

Hi all. I'm trying to build a Lovelace entity filter card based on remote control battery levels to only show devices if their battery percentage drops below 20%. A simple state filter card (lights on) seems to work OK but I can't figure out how to start on this. Any clues?

winter knoll Aug 1, 2018, 7:45 AM

#

Is it possible to combine Glance and Entities card somehow? I'd like to create layout like this in one card:

Room name
Glance with temp, humidity, pressure
Classic entity switches

mild veldt Aug 1, 2018, 7:46 AM

#

@radiant drum; it's still a work in progress: https://github.com/ciotlosm/custom-lovelace/tree/test_thermo/thermostat-card

north spear Aug 1, 2018, 7:47 AM

#

@vapid field doable with a custom card : monster-card

mild veldt Aug 1, 2018, 7:47 AM

#

@winter knoll try a Picture Elements card

#

Can do pretty much anything you desire with it

north spear Aug 1, 2018, 7:48 AM

#

Or a custom card that reuses entities and glance

vapid field Aug 1, 2018, 7:48 AM

#

Oh, monster-card, didn't know about that (noob here)

north spear Aug 1, 2018, 7:48 AM

#

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

winter knoll Aug 1, 2018, 7:49 AM

#

@north spear thanks, that is the exact thing!

radiant drum Aug 1, 2018, 7:51 AM

#

@mild veldt Great! will test it and see how it looks

vapid field Aug 1, 2018, 7:58 AM

#

There's a comment on the monster-card that states like "<20" are not supported. Might have to have a rethink when I get back from work later. Not as simple as I was hoping it would be.

north spear Aug 1, 2018, 8:12 AM

#

It should be supported

#

@vapid field can you link that comment?

vapid field Aug 1, 2018, 8:20 AM

#

Arrgghhh, I just closed the tab. Two ticks.

fading sorrel Aug 1, 2018, 8:20 AM

#

So there are 2 monstercards now?

vapid field Aug 1, 2018, 8:21 AM

#

https://community.home-assistant.io/t/lovelace-bringing-back-entity-filter-monster-card/58701/16

north spear Aug 1, 2018, 8:24 AM

#

@vapid field read official docs

#

That was added in a later version

#

https://github.com/ciotlosm/custom-lovelace/blob/master/monster-card/README.md

#

You can also see the changelog: https://github.com/ciotlosm/custom-lovelace/blob/master/monster-card/changelog.md

#

It was added in 0.2.1

#

@fading sorrel no. Just one. The one is custom-cards is a clone that was part of an initial experiment

fading sorrel Aug 1, 2018, 8:27 AM

#

ok

#

That confused me indeed

north spear Aug 1, 2018, 8:27 AM

#

I was supposed to keep them in sync but failed

fading sorrel Aug 1, 2018, 8:27 AM

#

custom-cards & yours

north spear Aug 1, 2018, 8:27 AM

#

I will probably delete the one on custom-cards until I decide to switch

vapid field Aug 1, 2018, 8:34 AM

#

Thanks @north spear , my Google skills failed me this morning for sure. Time to dig in.

winter knoll Aug 1, 2018, 9:05 AM

#

Is there anything to show all entities in a group in lovelace?

#

I mean to show eg. all automations from group.all_automations

#

Like in default UI

#

ahh thats what monster_card can do

north spear Aug 1, 2018, 9:44 AM

#

Or group card

#

@winter knoll I guess group-card is more appropriate if you just want to expand those

winter knoll Aug 1, 2018, 9:59 AM

#

Yea I found it and using it now. Even found a bug in it 😅

north spear Aug 1, 2018, 10:00 AM

#

Bug is fixed

#

😉

winter knoll Aug 1, 2018, 10:07 AM

#

Cool 🙂 pretty fast

north spear Aug 1, 2018, 10:14 AM

#

just make sure you update your card

winter knoll Aug 1, 2018, 10:15 AM

#

Yea I did and now it's working without issues

storm lion Aug 1, 2018, 10:16 AM

#

just seen the group card.. very cool work as always @north spear

winter knoll Aug 1, 2018, 10:16 AM

#

Thanks for the quick fix 😃

storm lion Aug 1, 2018, 10:17 AM

#

Oh @winter knoll just remember I owe you a config - will do tonight - sorry

winter knoll Aug 1, 2018, 10:20 AM

#

I totally forgot about it 😄

viral sorrel Aug 1, 2018, 10:44 AM

#

is it possible to apply regexp's in a card? say globally on friendly names

#

and I mean is it possible not has it been done

north spear Aug 1, 2018, 10:53 AM

#

Can you post a sample config on what you are trying to@achieve?

fiery light Aug 1, 2018, 12:10 PM

#

Guys, am using the lovelace UI and none of the entities are showing up in the front-end instead I see this error in system logs http://hassio.lan:8123/frontend_latest/app-6e4d53ede29a686d41a2bb0807ecd12c.js:2:12753 Object doesn't support property or method 'setConfig'. Has anyone seen this before?

serene sierra Aug 1, 2018, 12:15 PM

#

@fiery light This is usually caused by running an older frontend. If you're already running 0.73 or newer please make sure you have cleared browser cache. On mobile app you can also force a few refreshes. If you're running IOS device check next question.

fiery light Aug 1, 2018, 12:16 PM

#

hmmm ok, makes sense and yeah a hard refresh did the trick. Am running on 0.74.

#

Also, how do you place the entities, I mean what is the order, left to right or top to bottom? and what if we have to resize the photo-entity

raven nacelle Aug 1, 2018, 12:23 PM

#

You decide the layout that works for you.

fiery light Aug 1, 2018, 12:24 PM

#

that's where am struggling. The documentation looks to be limited currently (I might be missing something here)

raven nacelle Aug 1, 2018, 12:32 PM

#

What do you mean?

serene sierra Aug 1, 2018, 12:32 PM

#

which card supports persistent_notification?

raven nacelle Aug 1, 2018, 12:32 PM

#

Which card are you using @fiery light

#

@serene sierra Not yet...they will be added soon

serene sierra Aug 1, 2018, 12:40 PM

#

@fiery light here is oficial documentation https://www.home-assistant.io/lovelace if you using custom cards you need this docs too https://github.com/ciotlosm/custom-lovelace

faint echo Aug 1, 2018, 12:44 PM

#

Hi, I am using a picture-glance card that has lights for entities, The icon that shows is a bulb when on is white in color and turns to gray when off. Is there any way to change the color of that bulb, such as to yellow when on? It's hard to differentiate now between white and a light gray when off.

fiery light Aug 1, 2018, 1:22 PM

#

@raven nacelle @serene sierra am using the picture-entity card and a huge picture is displayed. Want that image to be a little smaller, don't see any such setting in the documentation. Also, am not going for the custom card yet

subtle rune Aug 1, 2018, 1:32 PM

#

I just made a custom element for showing light slider in an entity card, my only problem is that it shows more-info after I adjust the brightness. Can I get around that somehow? How it looks : http://prntscr.com/kddlso

winter knoll Aug 1, 2018, 1:34 PM

#

@north spear One more thing I've noticed with group_card. Is it normal that all entities in group used in group_card are also listed in Unused entities?

north spear Aug 1, 2018, 1:36 PM

#

@winter knoll that is normal for all "dynamic" cards

#

the unused entities looks for entities specified in clear

#

you could exclude 'group' domain I think soon

#

from unused entities

winter knoll Aug 1, 2018, 1:38 PM

#

I don't want to exclude all groups, just the ones used in group_cards.

north spear Aug 1, 2018, 1:38 PM

#

to be honest my philosophy is that 'unused entities' is useless

#

only new entities might be somehow useful

#

because you need to understand how it is named

#

but if it's unused and you don't miss it on your UI on daily use ... than why put it there ? 😃

winter knoll Aug 1, 2018, 1:41 PM

#

Well I have some sensors that I plan to add to my UI, but haven't had time to do it yet so it's nice to look at the Unused entities to remember what I wanted to do 😄

grim light Aug 1, 2018, 1:43 PM

#

Unused entities also seems supremely helpful for initial setup.

Personally I also have a number of entities and automations that I don't want displayed in my regular frontend, but it's nice having a semi-hidden place where I can check just those specific things easily when I need to.

subtle rune Aug 1, 2018, 1:46 PM

#

@north spear Do you know if there's any way to get around that more-info opens on an entity card. Say you'd not want that to open when you press the attributes card when in an entities card?

north spear Aug 1, 2018, 1:47 PM

#

probably you send tap action

#

I will have a look in a minute, have to help my gf out with a theme 😃

subtle rune Aug 1, 2018, 1:49 PM

#

@north spear Thanks. I looked but I don't see that the entities card can take that config option

north spear Aug 1, 2018, 1:52 PM

#

You are right

subtle rune Aug 1, 2018, 1:53 PM

#

Otherwise I almost have a functioning light slider

north spear Aug 1, 2018, 1:53 PM

#

can't you catch mouse and prefent default ?

#

should be a normal event, and avoid it bubbling up

subtle rune Aug 1, 2018, 1:55 PM

#

I'm trying to find how they do it in glance card

halcyon mantle Aug 1, 2018, 2:05 PM

#

Is it possible to change the icons on the picture-glance type card?

north spear Aug 1, 2018, 2:27 PM

#

@halcyon mantle I think starting with 0.75

#

yes

#

📣 [picture glance card]: Add support for custom icons

#

not sure why the changelog is not updated for next release, but it's been documented there

#

all changes for lovelace

halcyon mantle Aug 1, 2018, 2:30 PM

#

Thx!

north spear Aug 1, 2018, 2:30 PM

#

https://deploy-preview-5928--home-assistant-docs.netlify.com/lovelace/changelog/#changes-in-0750b0

dense roost Aug 1, 2018, 2:30 PM

#

so if I can do this to the sidebar in the chrome inspect tools, css import would allow me to apply the same styles without limitation, correct?
https://i.imgur.com/GJuvXAE.png

north spear Aug 1, 2018, 2:30 PM

#

those are changes coming in 0.75

#

@dense roost depends on the shadowdom implementation

#

if stuff sits in shadowdom, than probably no

dense roost Aug 1, 2018, 2:32 PM

#

but but but muh gradients

twin kelp Aug 1, 2018, 2:32 PM

#

hi i am confused, i have loaded love lace on my HA but was having some issues with my config .yaml so i relashed my SD card and started again ,why is the new image saying could not find ui-lovelace.yaml in your config.dir

north spear Aug 1, 2018, 2:33 PM

#

@dense roost if it's not in shadowdom it will work, but you might get away with redefining vars

#

@twin kelp because it's not there?

wheat current Aug 1, 2018, 2:33 PM

#

@north spear https://deploy-preview-5928--home-assistant-docs.netlify.com/lovelace/changelog/#changes-in-0750b0 <--- temp link to the changes

north spear Aug 1, 2018, 2:34 PM

#

thanks @wheat current !

#

I'm awful with spelling, missed another one

wheat current Aug 1, 2018, 2:35 PM

#

could be worse, could be like me 😂

dense roost Aug 1, 2018, 2:36 PM

#

Ooo I see some variables I could change. why didn't I think of that

cinder rapids Aug 1, 2018, 2:38 PM

#

Thanks to whoever added the “row dividers”.👍🏼

dense roost Aug 1, 2018, 2:40 PM

#

is secondary_info a new option to entities?

wheat current Aug 1, 2018, 2:41 PM

#

from 0.74 I think

dense roost Aug 1, 2018, 2:41 PM

#

oh geez I see it got included in .74

twin kelp Aug 1, 2018, 2:41 PM

#

where is the config.dir please Could not find ui-lovelace.yaml in your config dir.

wheat current Aug 1, 2018, 2:42 PM

#

/config on hassio/docker

#

you need to create it (the file)

twin kelp Aug 1, 2018, 2:42 PM

#

hi i am confused, i have loaded love lace on my HA but was having some issues with my config .yaml so i relashed my SD card and started again ,why is the new image saying could not find ui-lovelace.yaml in your config.dir

dense roost Aug 1, 2018, 2:44 PM

#

@twin kelp click hassio in the left menu, go to addon store, Install the SAMBA addon, edit the username and password, then connect to home assistant through your network in your file explorer

twin kelp Aug 1, 2018, 2:44 PM

#

done that

#

dashboard dont load

#

Could not find ui-lovelace.yaml in your config dir.

serene sierra Aug 1, 2018, 2:50 PM

#

anyone know how to set thumbnail for media_player card when no thumbnail available? i was tried use templates for entity_picture: but it not set thumbnail

dense roost Aug 1, 2018, 2:50 PM

#

did you create the ui-lovelace.yaml file in your config directior

twin kelp Aug 1, 2018, 2:51 PM

#

@dense roost no it was loaded on a old image i have reflashed the sd card with new image bur still saying Could not find ui-lovelace.yaml in your config dir.

#

shoudnt be any trace of the old system

dense roost Aug 1, 2018, 2:52 PM

#

@twin kelp why not recreate the file

twin kelp Aug 1, 2018, 2:53 PM

#

do i just copy my conf.yaml and rename that

dense roost Aug 1, 2018, 2:54 PM

#

no lovelace is different. it's actually really easy to make the lovelace file. read this: https://www.home-assistant.io/lovelace/

fathom tree Aug 1, 2018, 2:54 PM

#

best bet smartie is to use the Lovelace Migration add-on

dense roost Aug 1, 2018, 2:54 PM

#

@fathom tree completely forgot about that

fathom tree Aug 1, 2018, 2:54 PM

#

or that page Nick just gave you has an example lovelace file.

twin kelp Aug 1, 2018, 2:54 PM

#

but why is it there its a new image

fathom tree Aug 1, 2018, 2:55 PM

#

it is there? or is not there?

twin kelp Aug 1, 2018, 2:55 PM

#

i have loaded love lace on my HA but was having some issues with my config .yaml so i relashed my SD card and started again ,why is the new image saying could not find ui-lovelace.yaml in your config.dir

#

i dont want to use lovelace yet

fathom tree Aug 1, 2018, 2:56 PM

#

oh, it's trying to load lovelace by default.

dense roost Aug 1, 2018, 2:56 PM

#

I was just updating to .75, I thought it updated but it still says i'm on .74.2, and the update button is gone agh

winter knoll Aug 1, 2018, 2:56 PM

#

go to info and unset lovelace as default

fathom tree Aug 1, 2018, 2:56 PM

#

yes, boos has the solution

twin kelp Aug 1, 2018, 2:56 PM

#

i am still trying to get your holiday lights working and screwed up my system so started agon

winter knoll Aug 1, 2018, 2:57 PM

#

because that setting is saved in your web browser, not in HASS instalation

twin kelp Aug 1, 2018, 2:59 PM

#

Boos thank you it worked ,now back to the holiday lights LOL

north spear Aug 1, 2018, 3:44 PM

#

people complain about finding where files sit, I'm having troubles drawing a simple chevron in svg 😃

winter wasp Aug 1, 2018, 3:59 PM

#

anyone using @empty heath's 'header' example in the docs?

#

maybe i misunderstand what it's supposed to do, but it's always displaying in its own separate view which isn't really a "header"

icy kettle Aug 1, 2018, 4:47 PM

#

@wheat current I was messing up around lovelace and divider and has no success to get rid of the issue entity object at position 1 missing entity argument

wheat current Aug 1, 2018, 4:48 PM

#

Did you try creating a backup of the ui-lovelace file and only adding that?

icy kettle Aug 1, 2018, 4:48 PM

#

@wheat current I'll do it right now

#

@wheat current the same result, I have an error in Chrome Dev Console c5a5df3ec278008029fa.chunk.js:853 hui-entities-card Error: Entity object at position 0 is missing entity field. at S.t.map (c5a5df3ec278008029fa.chunk.js:330) at Array.map (<anonymous>) at S (c5a5df3ec278008029fa.chunk.js:330) at HTMLElement.setConfig (c5a5df3ec278008029fa.chunk.js:370) at Z (c5a5df3ec278008029fa.chunk.js:853) at G (c5a5df3ec278008029fa.chunk.js:853) at t.cards.map.t (c5a5df3ec278008029fa.chunk.js:915) at Array.map (<anonymous>) at HTMLElement._createCards (c5a5df3ec278008029fa.chunk.js:915) at Object.D [as fn] (property-effects.js:815)

wheat current Aug 1, 2018, 4:53 PM

#

And the config is?

icy kettle Aug 1, 2018, 4:53 PM

#

views:
  - name: Home
    icon: mdi:home
    cards:
      - type: entities
        title: Brightness Level
        show_header_toggle: false
        entities:
          - type: divider```

wheat current Aug 1, 2018, 4:55 PM

#

📎 unknown.png

#

Maybe try upgrading again?

icy kettle Aug 1, 2018, 4:59 PM

#

I'll try, that is most weirdest thing I've met before 😃

#

@wheat current anyway, Thank you very much for your help!

north spear Aug 1, 2018, 5:10 PM

#

http://www.giphy.com/gifs/BZiRWqhlUO6yMsSuNq

raven nacelle Aug 1, 2018, 5:15 PM

#

@north spear Can we make the chevrons little bolder

#

they look too small compared to the temp

north spear Aug 1, 2018, 5:15 PM

#

I could make them configurable

#

the hit target is as big as you can think of

#

no chance to miss it

#

just symbols are smaller

raven nacelle Aug 1, 2018, 5:16 PM

#

Got it

north spear Aug 1, 2018, 5:16 PM

#

but I will make them configurable

#

had to refactor a lot so number don't jump around

#

and chevrons stay in position

raven nacelle Aug 1, 2018, 5:17 PM

#

I guess after this you can submit it

#

We also need a resume service. This is how it appears on Ecobee

📎 unknown.png

#

may be a configurable option is fine

north spear Aug 1, 2018, 5:21 PM

#

if the information is exposed somewhere could be done

#

you can try new version, I added chevron_size

#

default is 50, but you can go with 100 for example

#

soooo, ship it as it looks now ?

dense roost Aug 1, 2018, 5:33 PM

#

I upgraded to .75 but the i panel still shows .74.2, I left the beta channel, downgraded to .74.2(when i panel said I was already there) downgraded, then rejoined the beta, upgraded to .75, i panel still shows .74.2, but the system log shows I'm at .75 beta, css import doesn't work as far as I can tell, on anything I've tried it on.

#

Oops should probably post that in the beta channel

north spear Aug 1, 2018, 5:33 PM

#

@dense roost wrong channel

dense roost Aug 1, 2018, 5:34 PM

#

My bad!

north spear Aug 1, 2018, 5:34 PM

#

you can force a downgrade if you have hassio

#

and upgrade again

wheat current Aug 1, 2018, 5:35 PM

#

Can do that with any install 😉

north spear Aug 1, 2018, 5:35 PM

#

yes, but for hassio is 1 liner and you don't worry about dependencies 😃

#

anyway, not for this channel

#

I think I'll release the thermostat in master now that it has chevrons

#

if anyone still wants to test the version before the release let me know

#

https://github.com/ciotlosm/custom-lovelace/tree/test_thermo/thermostat-card

winter wasp Aug 1, 2018, 5:50 PM

#

is a monster the best way to show/hide a built-in card based on state/attribute?

north spear Aug 1, 2018, 5:51 PM

#

Conditional card in 0.75 😃

#

Monster works but not ideal to use all that logic just to show/hide static stuff

winter wasp Aug 1, 2018, 5:52 PM

#

ooh, what?

north spear Aug 1, 2018, 5:52 PM

#

Next week we get 0.75 i think

winter wasp Aug 1, 2018, 5:55 PM

#

ah, i wasn't looking in the polymer repo

#

"next week" as in this upcoming weekend?

north spear Aug 1, 2018, 5:56 PM

#

No. The other weekend 😃

raven nacelle Aug 1, 2018, 6:01 PM

#

@north spear Testing now. Yes, I think this is enough for a MVP

#

we can keep adding options

tawdry moat Aug 1, 2018, 6:12 PM

#

is it possible to change the map layer? the default one doesn't show a lot of details

halcyon mantle Aug 1, 2018, 6:13 PM

#

I'm struggling to get entity-filter to do what I want it to do - Could someone perhaps cast a second pair on eyes on my code

#

https://hastebin.com/legucacuxa.bash

#

When I click on the input_booleans it open more info, it doesn't toggle them, and also when I switch then on it doesn't show the other cards as expected...

north spear Aug 1, 2018, 6:16 PM

#

ok, thermostat-card released 🎉

split granite Aug 1, 2018, 6:16 PM

#

@tawdry moat Pretty sure it comes from OpenStreetMap, so you can add the details yourself by submitting edits

tawdry moat Aug 1, 2018, 6:17 PM

#

@split granite yes, indeed! don't get me wrong, I am really satisfied with the quality and level of detail in OSM, just don't like the grey-ish presentation in HA

split granite Aug 1, 2018, 6:17 PM

#

Ah, that's a different statement to "doesn't show a lot of details" 😉

tawdry moat Aug 1, 2018, 6:17 PM

#

https://d33wubrfki0l68.cloudfront.net/1765e6235956ca68c86501ab8a69873fc44dc5ca/7ff71/images/lovelace/lovelace_map_card.png

winter wasp Aug 1, 2018, 6:31 PM

#

thermostat-card looks cool. i agree with @raven nacelle that a 'resume' button would be very nice

north spear Aug 1, 2018, 6:35 PM

#

I've added that to the TODO list 😃

#

I'll let people test it out for a bit and see what feedback I get. I'll take a look at that weather card now for relaxation 😃

worn rain Aug 1, 2018, 6:43 PM

#

I can't use a camera in a picture-elements card correct? was hoping to use the 'Temperature Glance' config with a camera image (BloomSky weather station data on top of it's camera picture)

radiant drum Aug 1, 2018, 6:46 PM

#

Where do i find this thermostad-card?

polar kelp Aug 1, 2018, 6:47 PM

#

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

mild veldt Aug 1, 2018, 6:48 PM

#

@north spear you're working on the weather card that Toast suggested?

north spear Aug 1, 2018, 6:48 PM

#

@mild veldt looking at it to see the complexity at the moment

mild veldt Aug 1, 2018, 6:49 PM

#

Excellent, I was thinking about taking a look this evening myself. It looks beautiful

north spear Aug 1, 2018, 6:50 PM

#

The more the merrier. I just hope releasing thermostat-card won't bring a lot of issues 😃

#

https://codepen.io/ste-vg/pen/Gqakbo that one

mild veldt Aug 1, 2018, 6:50 PM

#

haha, yeah. I just added it to my configuration. Looks great. Need to through it up in a picture elements and play with it

#

Yeah, that's the weather card I was thinking of. Love it. Let me know if you throw up a branch for it and I can try to contribute

north spear Aug 1, 2018, 6:52 PM

#

sure

polar kelp Aug 1, 2018, 6:52 PM

#

@halcyon mantle I don't think entity-filter is supposed to work that way. It passes the entities matching te filter to the selected card type.

halcyon mantle Aug 1, 2018, 6:53 PM

#

@polar kelp - Thankz, was just busy reading the documentation - And I believe I misunderstood it the first time round 😳

polar kelp Aug 1, 2018, 6:53 PM

#

I agree it's amissing feature in lovelace, though...

halcyon mantle Aug 1, 2018, 6:54 PM

#

Would be awesome to have something like that...

#

Will open the door for a dynamic interface

polar kelp Aug 1, 2018, 6:55 PM

#

Hm... gives me ideas...

north spear Aug 1, 2018, 6:55 PM

#

what are you guys talking about ?

polar kelp Aug 1, 2018, 6:56 PM

#

ekkesa was trying to use an entity filter as a way to add/remove cards

north spear Aug 1, 2018, 6:56 PM

#

it was done in the past

polar kelp Aug 1, 2018, 6:56 PM

#

Right before your release message

north spear Aug 1, 2018, 6:57 PM

#

and there is a new card coming in 0.75 just for this purpose called conditional

polar kelp Aug 1, 2018, 6:57 PM

#

Great! Thanks. Now I can get other stuff done tonight...

north spear Aug 1, 2018, 6:57 PM

#

you can do it already with monster card

polar kelp Aug 1, 2018, 6:58 PM

#

Via when: ?

#

Neat

north spear Aug 1, 2018, 7:10 PM

#

yes

#

@mild veldt https://codepen.io/GooeyIdeas/pen/NRvoQv

#

darn, it's written in jquery 😃

loud thistle Aug 1, 2018, 7:23 PM

#

OK, nice that Lovelace, especially very fast regarding state changes. But I miss one thing compared to the default one. My bar on the top with sensor values...

#

(Yes, I auto converted)

north spear Aug 1, 2018, 7:24 PM

#

I think that is available

loud thistle Aug 1, 2018, 7:25 PM

#

Think so too, but still investigating how to get it

north spear Aug 1, 2018, 7:26 PM

#

should be from 0.74 according to the changelog ( i wrote that so might be wrong 😅 )

loud thistle Aug 1, 2018, 7:26 PM

#

😛

north spear Aug 1, 2018, 7:34 PM

#

@loud thistle if you success please help with docs 😉

loud thistle Aug 1, 2018, 7:34 PM

#

Will do ^^

north spear Aug 1, 2018, 7:35 PM

#

actually it's quite easy =))

#

@empty heath maybe you can integrate in script

kind shellBOT Aug 1, 2018, 7:36 PM

#

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

north spear Aug 1, 2018, 7:36 PM

#

not sure if there were more people interested in badges

#

but see the above sample 😃

#

no need for the panel: true & horizontal-stack

loud thistle Aug 1, 2018, 7:39 PM

#

Well... I added em, but right now only as Card

winter wasp Aug 1, 2018, 7:39 PM

#

what does a badge do?

loud thistle Aug 1, 2018, 7:42 PM

#

Good question

north spear Aug 1, 2018, 7:42 PM

#

......

#

didn't you ask you wanted badges on top like old UI ?

loud thistle Aug 1, 2018, 7:43 PM

#

Yes. Lets see. Didnt see the connection between the sensor status and badges ^^

subtle rune Aug 1, 2018, 7:45 PM

#

@loud thistle it's under view of you haven't found it in docs yet

loud thistle Aug 1, 2018, 7:45 PM

#

Niiice ^^ Got em back ^^

broken mango Aug 1, 2018, 7:46 PM

#

Hello everyone. Is it possible to set text align for entities card for entity with multiline string state?

loud thistle Aug 1, 2018, 7:46 PM

#

It's terrible how much time I could spend on the UI of Home Assistant now... Right now my UI is... functional and that's it. Seeing @raven nacelle 's GIT made me shiver

#

Soon I have 14 days of holidays ^^

radiant drum Aug 1, 2018, 7:53 PM

#

is it possible to implement this: https://hastebin.com/dolumuvape.cs when using the thermostat-card?

#

this is the state attributes i have: https://hastebin.com/tojosirayi.json

north spear Aug 1, 2018, 7:56 PM

#

you can see your operation mode probably with default settings

#

unfortunately the automation you build is not possible to be replaced yet

#

probably could be done that the UI supports multiple entities for various functions

#

but not in current phase

#

why do you have input selects to set the various states? isn't your current climate card working properly ?

radiant drum Aug 1, 2018, 7:58 PM

#

i am using Sensibo

#

https://www.home-assistant.io/components/climate.sensibo/

north spear Aug 1, 2018, 7:59 PM

#

why did you have to setup all those input select and such ?

radiant drum Aug 1, 2018, 8:07 PM

#

is it possible to add more attributes on the thermostat-card?

north spear Aug 1, 2018, 8:11 PM

#

Yes, with development 😃

#

Next phase will probably implement some sort of custom panel on the bottom and alloe people to call custom services

loud thistle Aug 1, 2018, 8:12 PM

#

Hmm, anyone running this on hassio? I try to load a custom card and it says it's not existing. url: /config/custom_ui/gauge-card.js it should be and is

north spear Aug 1, 2018, 8:12 PM

#

Did you read docs specific to lovelace custom cards?

#

You add them in www

#

And use them using /local

radiant drum Aug 1, 2018, 8:13 PM

#

If i want to change from "heat" to "cool" on the card, i that possible?

loud thistle Aug 1, 2018, 8:13 PM

#

I did before and had the same error, so I stole from others again ^^

north spear Aug 1, 2018, 8:13 PM

#

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

#

Read also the FAQ

#

@radiant drum changing operation mode is not currently supported

#

It will probably be in next release

radiant drum Aug 1, 2018, 8:15 PM

#

Great! 👍

loud thistle Aug 1, 2018, 8:15 PM

#

Meeeh, restart home assistant ^^ ok.

north spear Aug 1, 2018, 8:17 PM

#

Docs save time sometimes 😉

raven nacelle Aug 1, 2018, 8:20 PM

#

@loud thistle It looks more complicated than it is....start simple. one step at a time

#

most of those are repetitions BTW (just because I like to experiment)

loud thistle Aug 1, 2018, 8:22 PM

#

@raven nacelle It was such a milestone that ALexa can push now thx to the nice script that my Echo is very talkitive now ^^ Maybe a bit too much. Will do so and tinker step by step

raven nacelle Aug 1, 2018, 8:23 PM

#

ARe you using @keatontayler's script for Alexa?

loud thistle Aug 1, 2018, 8:23 PM

#

The plain one, yeah

raven nacelle Aug 1, 2018, 8:23 PM

#

it has a different service for TTS right?

#

I haven't had a chance to play with it

loud thistle Aug 1, 2018, 8:25 PM

#

I use it inside shell_command: to output text

#

data:
text: Automatisches_Abschalten_aller_Lampen_zum_Sonnenaufgang!
service: shell_command.alexa_speak

#

Only Problem here: The texts sounds... strange when you have two sentences, because it skips trhe pause you should speak there

raven nacelle Aug 1, 2018, 8:38 PM

#

why the shell command?

#

I thought it has a TTS service

#

media_player.alexa_tts

wheat current Aug 1, 2018, 8:42 PM

#

Put in a . or three to make it pause.
sidenote: I can't really see the relevance to #frontend-archived 😉

halcyon mantle Aug 1, 2018, 8:45 PM

#

Quick question - Is it possible to hide entities based on time. E.g. I would like to hide travel time to work from view and only show it in the morning

buoyant skiff Aug 1, 2018, 8:46 PM

#

monster card might be able to do that

#

but it is kinda messy

wheat current Aug 1, 2018, 8:47 PM

#

A template sensor + monster-card or conditional-card (in 0.75+) should give you that

halcyon mantle Aug 1, 2018, 8:47 PM

#

Hmmm... Still very new to lovelace - Will look into it. Must say so far I like it

#

@wheat current Thx! think I will hold up for 0.75+

loud thistle Aug 1, 2018, 8:55 PM

#

@raven nacelle dunno if it does, I went and folowed the manual of the script ^^ http://blog.loetzimmer.de/2017/10/amazon-alexa-hort-auf-die-shell-echo.html

halcyon mantle Aug 1, 2018, 8:56 PM

#

I apologise for all the questions - Is it possible to determine which cards go into which column? horizontal-stack seems to try and fit them into one column

raven nacelle Aug 1, 2018, 8:57 PM

#

@halcyon mantle Cards are arranged based on algorithm (that I don't fully understand). You cannot specify how cards are arranged across the three columns

halcyon mantle Aug 1, 2018, 8:57 PM

#

Thx! Kinda confusing...

halcyon mantle Aug 1, 2018, 9:21 PM

#

Am I understanding these entity filter type incorrectly - shouldn't this card be hidden if the media player is off

#

https://hastebin.com/onekeqobef.bash

fickle cobalt Aug 1, 2018, 10:05 PM

#

Hi all, I am using a split configuration for lovelace as such:

#

views: !include_dir_list lovelace

#

how can I specify the order of the lovelace views? File names don't seem to matter :/

tranquil yarrow Aug 1, 2018, 10:10 PM

#

Hey everyone! Has anyone gotten weblinks to show properly in lovelace? I've tried entities card but it just shows the links next to the name and they are not even clickable

signal pine Aug 1, 2018, 10:11 PM

#

have you looked at the markdown card?

tranquil yarrow Aug 1, 2018, 10:17 PM

#

Ah! Did not think about that, will check it out, thanks!

tranquil yarrow Aug 1, 2018, 10:38 PM

#

Did not get as pretty, but works for now, hope that entities card will support weblinks in the future and that markdown isn't the only option!

mild veldt Aug 1, 2018, 11:27 PM

#

@fickle cobalt https://github.com/thomasloven/homeassistant-lovelace-gen

#

@tranquil yarrow weblinks are slotted for the next release

tranquil yarrow Aug 1, 2018, 11:40 PM

#

@mild veldt Great to hear! Thanks!

drowsy summit Aug 2, 2018, 4:21 AM

#

I have a view with only 3 cards on it and lovelace is forcing them into a single column, but I would like them to display next to each other. Is there a way to force this?

timid burrow Aug 2, 2018, 4:36 AM

#

horizontal stack

mild veldt Aug 2, 2018, 4:42 AM

#

Horizontal stack with the ‘panel: true’ for the view

timid burrow Aug 2, 2018, 4:44 AM

#

i have not used panel: true anywhere in my lovelace file... it it essential??

#

i have not used a horizontal stack though - only a vertical stack

mild veldt Aug 2, 2018, 4:46 AM

#

Just a horizontal stack will place all cards given in a single column

#

‘panel: true’ makes that single card use the full width

#

Which in their case will be 3 cards inside a horizontal stack

#

Combining that with an outer vertical stack you can achieve a full definition of your layout with no randomization of order

timid burrow Aug 2, 2018, 4:53 AM

#

ah well there ya go... I've only done vertical stacks on mine... then on mobile it stacks them up instead of sidebyside but the order is what I want

drowsy summit Aug 2, 2018, 5:04 AM

#

tried horizontal and vertical stacks. I'll try adding panel:true

drowsy summit Aug 2, 2018, 5:28 AM

#

panel: true did the trick! Thanks!

timid burrow Aug 2, 2018, 6:09 AM

#

any way to align text in lovelace card?

buoyant skiff Aug 2, 2018, 6:09 AM

#

tnx Ian for the patch

wheat current Aug 2, 2018, 6:10 AM

#

@timid burrow use transform

timid burrow Aug 2, 2018, 6:10 AM

#

ok.... how?

buoyant skiff Aug 2, 2018, 6:12 AM

#

transform: none

#

re align

#

there are examples david

#

.sharethelove

kind shellBOT Aug 2, 2018, 6:12 AM

#

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

buoyant skiff Aug 2, 2018, 6:12 AM

#

look at those

timid burrow Aug 2, 2018, 6:12 AM

#

ok..hmm i was looking. ok i'll check there. thanks

#

hmm i was trying text-align: right but didn't realise I needed a style section

buoyant skiff Aug 2, 2018, 6:14 AM

#

again there are so much resources setup that already coveres the basic struggles

#

most of us has already covered and found a way to do what we wanted in the cards so asking the basics instead of looking at the pinned messages in this channel is kinda of a waste of time 😉

timid burrow Aug 2, 2018, 6:18 AM

#

I understand that but it's almost impossible to find anything

#

so can I use style: with an entity card?

#

style is not listed as an attribure for an entity card in the docs

buoyant skiff Aug 2, 2018, 6:20 AM

#

yes

#

again try and fail

#

most of the stuff we did wasnt covered by the docs

#

we tried and we failed

#

or succeeded

wheat current Aug 2, 2018, 6:22 AM

#

.awesome @timid burrow 😉

buoyant skiff Aug 2, 2018, 6:22 AM

#

that didnt go as planned @wheat current 😛

kind shellBOT Aug 2, 2018, 6:22 AM

#

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

wheat current Aug 2, 2018, 6:22 AM

#

Mobile @buoyant skiff 😅

timid burrow Aug 2, 2018, 6:26 AM

#

thanks... none of that has anything like a basic entity card with aligning text

#

          
          - type: entities
            title: Dark Sky
            show_header_toggle: true
            style:
              transform: none
              text-align: right
            entities:
              - sensor.dark_sky_cloud_coverage

#

which doesn't work

#

should that style part be inder entities?

wheat current Aug 2, 2018, 6:30 AM

#

For that card I think it's only decided that support style

timid burrow Aug 2, 2018, 6:30 AM

#

i don't understand

wheat current Aug 2, 2018, 6:33 AM

#

I think the display of enteties are at a fixed style, and it is only the type divider that supports styling

timid burrow Aug 2, 2018, 6:34 AM

#

ah ok so I can't do it them

wheat current Aug 2, 2018, 6:34 AM

#

Autocorrect... ^^^

#

I can't test until about 10h but by looking at the docks, then no

timid burrow Aug 2, 2018, 6:35 AM

#

ok thanks

frank garnet Aug 2, 2018, 10:39 AM

#

Only I cann't use mdi:pirate for tab icon?

#

All other icons work

wheat current Aug 2, 2018, 10:48 AM

#

That icon was added to mdi 25 days ago, it take some time for new icons to be available for use in HA.

viral sorrel Aug 2, 2018, 11:36 AM

#

I'm using monster-card to grab all office and tv_area entities.. but is there a way to strip Office and TV Area from the friendly names?

#

📎 unknown.png

wheat current Aug 2, 2018, 11:37 AM

#

yes, give them friendly names in customize.yaml

viral sorrel Aug 2, 2018, 11:37 AM

#

they all have friendly names

#

I normally used custom-ui for this.. as the names need to be different in different... what used to be groups

#

cards in this case I guess

raven nacelle Aug 2, 2018, 11:39 AM

#

@viral sorrel as @wheat current said, use customize to change the friendly names

viral sorrel Aug 2, 2018, 11:40 AM

#

but how does that work when you need many friendly names?

#

ie

#

Door in Office group

📎 unknown.png

#

📎 unknown.png

#

and Office door in Door group

#

you would have to rename the friendly name in each card as things stand as far as I can see

raven nacelle Aug 2, 2018, 11:42 AM

#

Not sure about your organization, but once you define a friendly name, it will be used everywhere

viral sorrel Aug 2, 2018, 11:42 AM

#

that's the problem

#

currently I use custom-ui to get around that

#

justr searching for some sort of lovelace alternative

#

my idea was some sort of regexp for the entity friendly names in a monster-card for example

#

not sure if that's the best way

wheat current Aug 2, 2018, 11:44 AM

#

Two ways of doing this:
1: Define friendly name that will be used everywhere.
2: Create template devices, and give each device a friendly name (You can have multiple template devices from one "master")

raven nacelle Aug 2, 2018, 11:45 AM

#

What card are you using?

#

Entities card allow name to be changed for entities

wheat current Aug 2, 2018, 11:46 AM

#

he is using monster-card with wildcard for ~~search~~ include

viral sorrel Aug 2, 2018, 11:47 AM

#

currently on my main config (pre-lovelace) I'm doing the following using cutom-ui

#

    binary_sensor.office_door:
      friendly_name: "Office Door"
      device_class: opening
      group:
        group.office:
          friendly_name: "Door"
        group.doors:
          friendly_name: "Office"

#

not sure why hassbot doesn't like it

raven nacelle Aug 2, 2018, 11:49 AM

#

Don't think you can do that

viral sorrel Aug 2, 2018, 11:49 AM

#

anyway, I'm searching/hoping/longing for a lovelace cards alternative to this sort of feature.. even if it's defined per card

#

but not per entity :/

wheat current Aug 2, 2018, 11:50 AM

#

with the default entities card you can do that

viral sorrel Aug 2, 2018, 11:51 AM

#

If i have to redefine every entity friendly name in every card then that's a bit too much..

#

a better way would be desirable

#

even if it's just a per entity filter friendly name regexp

#

ie match (Office) (.*) on friendly name and rename using the 2nd group

#

or whatever so long as regexp is even a possibility in cards :/

raven nacelle Aug 2, 2018, 12:27 PM

#

I can't even imagine how it will be implemented or if it is a widely needed feature....custom cards is the way to go

rose ether Aug 2, 2018, 12:27 PM

#

it might be a feature worth adding to monster card

#

@viral sorrel it's possible to implement, just not currently supported

viral sorrel Aug 2, 2018, 12:31 PM

#

well that still makes me optimistic 😃

#

I gotta learn javascript one of these days :/

placid geyser Aug 2, 2018, 1:41 PM

#

Public transport for the Rhein-Main are https://imgur.com/a/gAJBmS2

north spear Aug 2, 2018, 1:46 PM

#

soon TM

#

          - type: custom:thermostat-card
            title: Hvac
            entity: climate.hvac
            services:
              - name: operation_mode
                values: operation_list
                icon: mdi:fan
              - name: swing_mode
                values: swing_list
              - name: fan_mode
                values: fan_list

placid geyser Aug 2, 2018, 1:47 PM

#

soon TM?

north spear Aug 2, 2018, 1:47 PM

#

as in coming soon to a repository near you

#

😃

#

this was you would integrate any service

#

not sure yet where to put it... maybe an expandable drawer at the bottom

placid geyser Aug 2, 2018, 1:53 PM

#

@north spear me? If you refer to my wish to be able to explicitly set attributes as displayed states, yes.

north spear Aug 2, 2018, 1:54 PM

#

not sure I saw that wish

#

I was just talking mostly to myself about new features for the thermostat to allow vairous service calls

#

without hardcoding anything, and allowing things in configuration

#

was your wish related ot the thermostat ?

placid geyser Aug 2, 2018, 1:56 PM

#

@north spear more or less, yes. https://github.com/home-assistant/ui-schema/issues/126

north spear Aug 2, 2018, 1:56 PM

#

er....

#

@placid geyser with my thermostat card you get both

#

by default the big number is the ambient temperature

placid geyser Aug 2, 2018, 1:57 PM

#

yeah, I noticed that.

north spear Aug 2, 2018, 1:57 PM

#

and when you tap you get the setpoints

#

either target if only 1 or low / high if two

placid geyser Aug 2, 2018, 1:59 PM

#

It looks pretty cool. I haven't tried that yet though.

night patrol Aug 2, 2018, 3:11 PM

#

I've been playing with Lovelace for about 15 minutes, and I'm impressed.

#

Are you all using it as your main interface yet?

raven nacelle Aug 2, 2018, 4:08 PM

#

yeah....have been using it as a main interface for quite some time now

wheat current Aug 2, 2018, 4:09 PM

#

I didn't use the "old" UI at all, but I have started using the UI with Lovelace

split granite Aug 2, 2018, 4:49 PM

#

I switched my "admin" use from the traditional UI to Lovelace and haven't looked back. Lovelace might be enough to persuade the wife to try something other than HA Dashboard 😉

lost turret Aug 2, 2018, 4:53 PM

#

I am having issues with custom cards, place them in /config/www and getting error "Custom element doesn't exist: weather-card. " . have tried multiple cards, all have the same error. seems like HA can't read them in the www directory, but I know it can since I have been using state-card-custom-ui for a long time.

mild veldt Aug 2, 2018, 4:54 PM

#

Are you adding them to your resources section in ui-lovelace.yaml?

lost turret Aug 2, 2018, 4:55 PM

#

yes

#

resources:
- url: /local/custom-ui/guage-card.js?v=1
type: js
- url: /local/custom-ui/group-card.js?v=1
type: js

mild veldt Aug 2, 2018, 4:55 PM

#

typo on gauge-card

lost turret Aug 2, 2018, 4:56 PM

#

ah, well, that's one issue fixed:)

mild veldt Aug 2, 2018, 4:58 PM

#

And you said you put them in www, but didn't say you put them in www/custom-ui, so is what said or what you have configured incorrect?

lost turret Aug 2, 2018, 4:59 PM

#

I have tried both but they are in www/custom-ui right now

mild veldt Aug 2, 2018, 5:00 PM

#

for gauge, the version should be v=0.0.1 and group should be v=0.0.2

#

and other errors in the browser console?

#

can you put your ui-lovelace.yaml on hastebin and share?

lost turret Aug 2, 2018, 5:02 PM

#

Loading failed for the <script> with source “https://xxx.com/local/custom-ui/group-card.js?v=0.0.1”. 0:1
uncaught exception: /local/custom-ui/group-card.js?v=0.0.1
SyntaxError: expected expression, got '<'

#

I removed gauge to simplify

mild veldt Aug 2, 2018, 5:05 PM

#

share your config on hastebin

lost turret Aug 2, 2018, 5:07 PM

#

https://pastebin.com/UAkeLmxP

#

full config, https://pastebin.com/kEJTfCtT

mild veldt Aug 2, 2018, 5:10 PM

#

try changing your indents to 2 spaces instead of 4

north spear Aug 2, 2018, 5:19 PM

#

@lost turret you are using wrong file

#

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

lost turret Aug 2, 2018, 5:20 PM

#

ah raw file

icy kettle Aug 2, 2018, 5:35 PM

#

@wheat current the divider issue was fix by installing a new version of home-assistant-frontend==20180802.0

kind shellBOT Aug 2, 2018, 5:35 PM

#

Ludeeus is away for 45m 2s with a message :point_right: Lurking in the shadows.

dense roost Aug 2, 2018, 5:42 PM

#

@split granite wife approval factor is real man

split granite Aug 2, 2018, 5:43 PM

#

Getting approval from the less technical people is key

#

That's why I have very limited use of smart lights - everything must work as normal

mild veldt Aug 2, 2018, 5:45 PM

#

@split granite I've had to scale back my smart light usage

#

Smart switches are what I should have went with initially and is what I'm slowly switching over to now

fair hamlet Aug 2, 2018, 6:31 PM

#

Just started to play with lovelace. I used the migration tool, but my original UI was only a default. Just saved a lot of typing.
So I have looked at some custom cards, but I have not seen any on covers, are there any cover cards that I need to look at?
In particular garage door ones.

cold locust Aug 2, 2018, 6:45 PM

#

I am having trouble displaying images in my /config/www folder.

mild veldt Aug 2, 2018, 6:45 PM

#

@fair hamlet there are none for covers that I know of. What are you looking for that isn't covered by the current cards?

cold locust Aug 2, 2018, 6:46 PM

#

I created a picture entity card with the - type: picture-entity
image: https://www.home-assistant.io/images/default-social.png
entity: light.bed_light

#

that works fine, but if I change it to /config/www/default-social.png (after uploading the file there) it doesn't work

mild veldt Aug 2, 2018, 6:48 PM

#

use /local/default-social.png

#

for the path

#

in your configuration. don't change the physical path of the image at all

cold locust Aug 2, 2018, 6:52 PM

#

ok that worked

#

thanks

#

if I wanted to display a picture from another rpi on my network, can I use it's ip address as the location?

rose ether Aug 2, 2018, 6:54 PM

#

if it's running a webserver

mild veldt Aug 2, 2018, 6:54 PM

#

^

cold locust Aug 2, 2018, 6:56 PM

#

I am using the rpi zero with a picamera and I need to transfer the picture that the camera took

fair hamlet Aug 2, 2018, 6:57 PM

#

@mild veldt That's the problem, I am so new, I don't know what I want.
Right now I am playing with this weather https://community.home-assistant.io/t/custom-animated-weather-card-for-lovelace/58338?u=frenck
I did some hello world, but I looking for ideas. OK I looking to copy. 😊

cold locust Aug 2, 2018, 6:58 PM

#

is there a card that just displays a jpg without being tied to an entity?

mild veldt Aug 2, 2018, 6:59 PM

#

@cold locust check the docs. https://www.home-assistant.io/lovelace/picture/

#

@fair hamlet play around with the built-in cards first

#

You can do a lot with them, especially the picture elements card. That is totally freeform

fair hamlet Aug 2, 2018, 7:04 PM

#

@mild veldt Again, just looking for ideas, If I have to do something for scratch, I would start with a picture of the garage door open/closed.
Just figured there are those who are way past that for now.
For example I saw some cool gauges and thermostats. Have not even got to them. I found a lot, just did not see any cover kind. So just asking.

mild veldt Aug 2, 2018, 7:05 PM

#

with a picture-elements card you could do pictures of garage door open/closed

#

you have your set background image of the front of your house or whatever and then put a image on top of where the actual garage door and use the state_image option to specify an open and closed image to overlay there

#

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

icy kettle Aug 2, 2018, 7:13 PM

#

Is it possible to have old-style badges inside glance card

raven nacelle Aug 2, 2018, 7:14 PM

#

@icy kettle Yes, badges are supported...please read docs

icy kettle Aug 2, 2018, 7:14 PM

#

@raven nacelle please point me out to the proper docs, thank you in advance

raven nacelle Aug 2, 2018, 7:16 PM

#

@icy kettle https://www.home-assistant.io/lovelace/views/#badges

cold locust Aug 2, 2018, 7:16 PM

#

if I want to use a picture that I receive via MQTT, can I direct MQTT to place the file in /local/lastsnap.jpg? I used node red with a mqtt node and a save file node

icy kettle Aug 2, 2018, 7:16 PM

#

@raven nacelle Thanks!

raven nacelle Aug 2, 2018, 7:17 PM

#

@cold locust Does not sound like a Lovelace question

#

Ask in #node-red-archived

#

or in #330944238910963714

cold locust Aug 2, 2018, 7:17 PM

#

Ok, will do.

#

Does the file have to be in a png format to display on a picture card?

raven nacelle Aug 2, 2018, 7:18 PM

#

no....any image format works

#

I like to use PNG though

cold locust Aug 2, 2018, 7:20 PM

#

I have tried to display the same image that works in a picture card as the background image. It won't display as a background image.

#

any idea why it won't show as a background image?

raven nacelle Aug 2, 2018, 7:22 PM

#

@cold locust How are you adding it?

cold locust Aug 2, 2018, 7:22 PM

#

background: center / cover no-repeat url("/carl6.png") fixed

icy kettle Aug 2, 2018, 7:22 PM

#

@raven nacelle Sorry, for bothering, but I got badges on top of all the cards. I'm looking of opportunity to put badges inside of Glance Card, is it possible?!

raven nacelle Aug 2, 2018, 7:23 PM

#

@icy kettle Not possible atm

cold locust Aug 2, 2018, 7:23 PM

#

I copied it from the docs and just changed the file name

icy kettle Aug 2, 2018, 7:23 PM

#

@raven nacelle Thanks, one more time! 😃

cold locust Aug 2, 2018, 7:24 PM

#

it is in the ui-lovelace.yaml file

raven nacelle Aug 2, 2018, 7:25 PM

#

@cold locust You want the entire card to have a background image? not sure if that is possible

mild veldt Aug 2, 2018, 7:25 PM

#

@icy kettle You could do it within a picture-elements card, i.e. make your own custom picture-glance card

cold locust Aug 2, 2018, 7:26 PM

#

No, I want that image as the background, I just tried it in a picture card to make sure I could display it at all

icy kettle Aug 2, 2018, 7:26 PM

#

@mild veldt I'll play around! Thanks!

mild veldt Aug 2, 2018, 7:26 PM

#

check the sharethelove link in the pinned messages

#

https://sharethelove.io/plants-card

#

that should get you going in the right direction

cold locust Aug 2, 2018, 7:28 PM

#

the docs for the plants-card refer to a plants domain. Is there a defined "plants" domain or is that just something he made up?

polar kelp Aug 2, 2018, 7:31 PM

#

@cold locust That url seems odd. Do you want url("/local/carl6.png")?

cold locust Aug 2, 2018, 7:32 PM

#

@polar kelp no, it is a local file

polar kelp Aug 2, 2018, 7:32 PM

#

Local?

#

Where do you have it? <ha config>/carl6.png or <ha config>/www/carl6.png

cold locust Aug 2, 2018, 7:34 PM

#

in my config/www/carl6.png

polar kelp Aug 2, 2018, 7:34 PM

#

Then it should be /local/carl6.png

cold locust Aug 2, 2018, 7:36 PM

#

Thanks, that worked. I left off the first slash when I first tried it

mild veldt Aug 2, 2018, 7:37 PM

#

@cold locust don't worry about the plant domain. The main thing I wanted you to get from that was the use of state-badge inside of a picture-elements card

cold locust Aug 2, 2018, 7:40 PM

#

@mild veldt I am actually interested in the plants! Where would I find the information on how that card is put together? (string)(Required)Entity id of plant domain isn't very helpful

mild veldt Aug 2, 2018, 7:45 PM

#

haha

#

fair enough. I think all that info is listed there

split granite Aug 2, 2018, 7:47 PM

#

https://www.home-assistant.io/components/plant/ @cold locust

#

One of those

cold locust Aug 2, 2018, 7:48 PM

#

sweet! I never looked in the "other" category

buoyant skiff Aug 2, 2018, 7:49 PM

#

tnx for the submit Ian 😃

split granite Aug 2, 2018, 7:50 PM

#

The component list has a search feature FYI 😉

mild veldt Aug 2, 2018, 7:51 PM

#

@buoyant skiff it's currently broken. I got excited and didn't wait for for my pull request to circle-sensor-card to be merged

buoyant skiff Aug 2, 2018, 7:52 PM

#

well just do another pr once you got it all done

mild veldt Aug 2, 2018, 7:52 PM

#

yup

buoyant skiff Aug 2, 2018, 7:52 PM

#

ill try and merge it

#

currently enjoying my vacation 😄

mild veldt Aug 2, 2018, 7:52 PM

#

mine is already over 😦

buoyant skiff Aug 2, 2018, 7:52 PM

#

thats why im kinda afk

mild veldt Aug 2, 2018, 7:53 PM

#

friday - wednesday

#

i was up in the mountains which was nice, though

cold locust Aug 2, 2018, 8:08 PM

#

Does lovelace cache images? I am overwriting a file with a new image, but the picture frame uses the old image. Could this be a chrome thing?

polar kelp Aug 2, 2018, 8:08 PM

#

Could be chrome, could be your computer, could be the server computer, could be anything in between. The internet is made up of caches.

#

Right click anywhere, select Inspect. Press F1. Scroll down to Network and check Disable cache (while DevTools are open). Refresh the page.

cold locust Aug 2, 2018, 8:13 PM

#

Yep, it was a chrome thing! Is there a way to force a refresh from HASSIO?

polar kelp Aug 2, 2018, 8:14 PM

#

The console of the devtools are good to keep an eye on too while experimenting, btw. It will tell you things like if you have the wrong url of a background image 😛

mild veldt Aug 2, 2018, 8:14 PM

#

@cold locust are you trying to regularly update the background image?

cold locust Aug 2, 2018, 8:16 PM

#

@mild veldt No, I am now trying to put the current image from the picamera in the picture card. The background image is working just fine now

mild veldt Aug 2, 2018, 8:16 PM

#

...

polar kelp Aug 2, 2018, 8:16 PM

#

Try picture-glance or picture-entity

#

They have a camera_image property

cold locust Aug 2, 2018, 8:21 PM

#

The camera is on a pi zero (on my network as 10.1.10.42) and my hassio is at 10.1.10.77. I am using mqtt to send the image to the hassio /config/www directory as lastpic.jpg. The picture card is displaying the local lastpic.jpg file repeatedly. I don't know how to access the camera directly. The hassio is on a RPi3

polar kelp Aug 2, 2018, 8:23 PM

#

If you're not using the pi zero for anything else, I suggest motioneyeos. That basically turns it into a very capable network camera.

cold locust Aug 2, 2018, 8:25 PM

#

The sole purpose of the pi zero is to take pictures on the end of the robot arm.

mild veldt Aug 2, 2018, 8:27 PM

#

@cold locust if you configure it as a mqtt camera and then add that camera entity as the camera_image it should do the trick

#

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

polar kelp Aug 2, 2018, 8:28 PM

#

mqtt camera... the things they come up with...

cold locust Aug 2, 2018, 8:56 PM

#

I can't seem to get an image via the mqtt camera. Where should I ask for help setting it up?

#

@mild veldt have you used the mqtt camera before?

mild veldt Aug 2, 2018, 9:12 PM

#

I have not. Try the main channel

cold locust Aug 2, 2018, 9:13 PM

#

@mild veldt ok thanks

faint echo Aug 2, 2018, 9:19 PM

#

Hi, When I add an image to a picture-element card I can use the style to position such as top: 10% left:25% etc however when it is viewed on two different screens such as a computer monitor versus a 7 inch tablet the positioning is not the same. Is there a way to make it absolute on both?

mild veldt Aug 2, 2018, 9:20 PM

#

transform: none

faint echo Aug 2, 2018, 9:20 PM

#

where would that go?

#

oh I see in the style section, thanks I'll try that

gilded basin Aug 2, 2018, 10:47 PM

#

I've created a view that has the Lovelace: Alarm card, a card with door and motion sensors and another card for locks. I want to have the Alarm card in the left column and the other two stacked vertically in the right column. I've tried the Horizontal Stack card with the Alarm card and a Vertical Stack card inside it. Inside the Vertical Stack card I had the door sensor card and locks card, but that squished everything into a single column card. without the Horizontal and Vertical cards, it stacks cards under the Alarm card, which doesn't fit on the Fire 7 screen. Any ideas on how to get the Alarm card in it's own column and the other cards stacked in a second column?

mild veldt Aug 2, 2018, 10:51 PM

#

panel: true for the view

#

Will stretch one card the full width

gilded basin Aug 2, 2018, 11:15 PM

#

This "works", although I was looking for a solution that would keep the cards their normal size and force them to be in specific columns instead of auto-filling columns. Is panel: true the only way right now?

mild veldt Aug 2, 2018, 11:17 PM

#

This is it. Nothing like a grid system yet, but hopefully there will be in the future

#

I would add a fillter card for now to get the normal 3 card width

gilded basin Aug 2, 2018, 11:44 PM

#

I'll make something work with that. Thanks @mild veldt !

paper finch Aug 3, 2018, 12:20 AM

#

im currently experimenting with custom cards and im a bit confused. i used the example in https://developers.home-assistant.io/docs/en/lovelace_custom_card.html and it works but, now when i edit anything in content-card-example.js nothing changes on the card

mild veldt Aug 3, 2018, 12:28 AM

#

@paper finch refresh your cache?

paper finch Aug 3, 2018, 12:32 AM

#

@mild veldt yes that worked thanks

#

kind of annoying though

calm rock Aug 3, 2018, 12:49 AM

#

How to show ids horizontally with no background ( glance can’t do it) , by applying just an entity and state filter ?( monster card) .

mild veldt Aug 3, 2018, 12:50 AM

#

@calm rock I don't follow what you're going after

calm rock Aug 3, 2018, 12:53 AM

#

For example for presence detection , you apply a “home” filter over the ids, if you won’t to show the “badges” over an image , without configuring each entity , and aligning them horizontally , monster + glance , is ideal, but glance has a gray background

#

You can’t get rid of

thorn matrix Aug 3, 2018, 12:55 AM

#

Am having monster-card that have glance card to display all lights that are on..

calm rock Aug 3, 2018, 12:56 AM

#

Sure , but

thorn matrix Aug 3, 2018, 12:56 AM

#

When i set tap_action to toggle

mild veldt Aug 3, 2018, 12:56 AM

#

@calm rock something like this: https://i.imgur.com/Zde9OlH.png

calm rock Aug 3, 2018, 12:56 AM

#

All gray background

thorn matrix Aug 3, 2018, 12:56 AM

#

Still open the more info

mild veldt Aug 3, 2018, 12:56 AM

#

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

thorn matrix Aug 3, 2018, 12:57 AM

#

Anybody knows what the issue ? Am setting it under the card glance is that the wrong place?

calm rock Aug 3, 2018, 12:57 AM

#

Close, but without the gray auto background of the glance card

mild veldt Aug 3, 2018, 12:59 AM

#

well that's a custom card so you can easily remove that part

calm rock Aug 3, 2018, 1:00 AM

#

But the point is , there is no combination of cards , to make what I’m looking . Arrange horizontally , appear by filters , and locate over an image .

#

It would be very easy if , glance could have , transparent background

mild veldt Aug 3, 2018, 1:11 AM

#

no

#

you're looking for an easy solution with an unfinished product. lovelace is still experimental. the end goal is a draggable gui at which time you will really be unrestricted, but for now you have to put in more work

calm rock Aug 3, 2018, 1:23 AM

#

sure , thanks

#

@mild veldt , by just making the gray background configurable , it opens big possibilities, https://imgur.com/a/RoCpkTm

mild veldt Aug 3, 2018, 1:51 AM

#

if you're looking for high configurability, picture-elements is the best option

plain torrent Aug 3, 2018, 2:33 AM

#

Good Evening.. Hope everyone is having a great day.

I have a question, I starting with lovelace, and trying to get the coordinates of the elements.

my ui-lovelace.yaml . has the following:

#

type: custom:plan-coordinates
- type: picture-elements

#

resource:

url: /local/plan-coordinates.js?v=2

#

getting an error . custom element does not exsist

mild veldt Aug 3, 2018, 2:45 AM

#

you have type: js in there?

#

and double check the faq: https://github.com/ciotlosm/custom-lovelace#faq

plain torrent Aug 3, 2018, 3:26 AM

#

I believe I do

  - url: /local/plan-coordinates.js?v=10
    type: js```

#

thank you for the link...

torn patio Aug 3, 2018, 5:11 AM

#

Heya, wonder if anyone can help me with developing a custom card. I've got it working nicely already already

#

https://pastebin.com/TSzD8a1n

#

It's a persistent notification card, lovelace doesn't have the persistent notifications like the standard UI has

#

The issue I've got is that I want to put a button on the side with 'dismiss' on it, I just don't know how to get it

#

I've tried putting HTML in the header field, but that doesn't work.

north spear Aug 3, 2018, 5:14 AM

#

@torn patio check tracker-card

torn patio Aug 3, 2018, 5:15 AM

#

Is there some docs for that somewhere? I can't even find where the JS comes from

north spear Aug 3, 2018, 5:15 AM

#

@calm rock have you tried to see if a var is available for background?

#

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

torn patio Aug 3, 2018, 5:18 AM

#

@north spear that's not what I'm looking for.

north spear Aug 3, 2018, 5:19 AM

#

Keep in mind that this is coming: https://www.youtube.com/watch?v=ug0I8e4qvRw

torn patio Aug 3, 2018, 5:20 AM

#

I can't see youtube at work

north spear Aug 3, 2018, 5:22 AM

#

📎 image.png

torn patio Aug 3, 2018, 5:23 AM

#

Oh yeh, that's coming up soon? I just coded what I posted there last night, was pretty straightforward really.

north spear Aug 3, 2018, 5:24 AM

#

In 0.76 probably

torn patio Aug 3, 2018, 5:24 AM

#

I can probably just make the title the first child of the custom card, rather than using the title attribute. I was thinking there's a simple way to put the switch / link / whatever icon there

north spear Aug 3, 2018, 5:24 AM

#

That is why I didn’t build one 😃

#

It is. But probbaly harder to bind

#

You can see alarm card positioning of icons

torn patio Aug 3, 2018, 5:25 AM

#

I'd kinda like to know how to do it anyhow. It seems like it should be something that's in the ha-card, but it seems not

north spear Aug 3, 2018, 5:25 AM

#

It puts it in header

torn patio Aug 3, 2018, 5:26 AM

#

if you put HTML in the header tho it doesn't work

#

or can you create HTMLElements and assign them direct to the header?

north spear Aug 3, 2018, 5:26 AM

#

Did you append child or just =

torn patio Aug 3, 2018, 5:26 AM

#

just =, so you can't do that then I guess 😃

#

I tried surrounding like 6 with '<em>'+title+'</em>' but that didn't work

#

But yeh I can put in an HTML element instead I guess.

north spear Aug 3, 2018, 5:30 AM

#

If you want to bind some action to it is a must

torn patio Aug 3, 2018, 5:30 AM

#

ahh OK then, so yeh you'll have to bind onclick

#

Heh, amazing how much you remember, I haven't been a pro coder for over 10 years.

#

I might make my custom card a bit more customisation, like being able to filter on the persistent notification ID. Despite what's coming up it could still be useful to have that. Then will submit to that repo you posted before.

#

Anyhow, off for lunch, thanks for your help @north spear

north spear Aug 3, 2018, 5:34 AM

#

Np

#

@torn patio you need to add checks to your set(hass) to avoid building UI multiple times. You also need to destroy UI on setConfig to be able to rebuild on major changes. Also you could reuse markdown card for display in case notifications have some formatting. Don't forget that binding click and doing innerHTMl causes leaks.

mortal cape Aug 3, 2018, 6:22 AM

#

found a mini https://codepen.io/liamj/pen/KXepbq

azure scarab Aug 3, 2018, 6:29 AM

#

Hi all. Any help would be great, my Entitie is showing like this
https://gyazo.com/52127cfa0cb5a6cecada5462c697727c
and I want it to look like this
https://gyazo.com/8cf08fb753f0781722c27c920a0d6668
I can't seem to figure it out

signal pine Aug 3, 2018, 6:29 AM

#

The second one looks like a weather card, not an entity card

azure scarab Aug 3, 2018, 6:30 AM

#

OH F

#

Clearly it's a little too late for me

#

Thank!

signal pine Aug 3, 2018, 6:31 AM

#

Heh. The doc page should have a nice description of how to use the weather card

#

No worries, we've all been there

azure scarab Aug 3, 2018, 6:31 AM

#

omg I probably spent the last 20 min trying to figure that out 😩

#

Thanks @signal pine

#

Is there a way to move cards into another column?

signal pine Aug 3, 2018, 6:33 AM

#

I'm having trouble with that too. I think it comes down to creative use if horizontal-stack and vertical-stack

azure scarab Aug 3, 2018, 6:35 AM

#

dang yeah that and adjusting the width/height of iframes

#

I have a few iframes that looks good in homeassistant but not lovelace

hot gyro Aug 3, 2018, 7:17 AM

#

^^ seen this https://home-assistant-lovelace-gallery.netlify.com/#demo-hui-iframe-card ?

#

or https://home-assistant-lovelace-gallery.netlify.com in general? but weather is indeed missing

grand veldt Aug 3, 2018, 7:33 AM

#

Is the Conditional Card supposed to work in 0.75.0b1?

wheat current Aug 3, 2018, 7:40 AM

#

yes

grand veldt Aug 3, 2018, 7:47 AM

#

Ok, must be doing something wrong then, only get error "Unknown card type encountered: conditional"

buoyant skiff Aug 3, 2018, 7:47 AM

#

post a snipplet

#

.share

kind shellBOT Aug 3, 2018, 7:47 AM

#

:point_down:

Format Code:

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

supple basalt Aug 3, 2018, 7:49 AM

#

Hi. I'm trying to run the migration script and I keep getting a RecursionError.

#

Has anyone had similar problems? I can't seem to find anything except this post but no resolution was noted.

#

''' File "/root/lovelace_migrate.py", line 273, in from_group_config
control = group['attributes'].get('control') != 'hidden'
RecursionError: maximum recursion depth exceeded in comparison
[cmd] /usr/bin/run.sh exited 1'''

#

oops https://www.hastebin.com/oluwidafew.cs

grand veldt Aug 3, 2018, 7:55 AM

#

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

north spear Aug 3, 2018, 8:01 AM

#

@grand veldt still not working?

grand veldt Aug 3, 2018, 8:07 AM

#

@north spear no

north spear Aug 3, 2018, 8:23 AM

#

I will have a look. Not sure if there are docs about it

grand veldt Aug 3, 2018, 8:24 AM

#

Thanks!

torn patio Aug 3, 2018, 8:28 AM

#

@north spear you said before that JS stuff leaks and I shouldn't rebuild everything every run. Can you register an onupdate with the state objects from hass.states so that if say a notification has say the message updated it updates in the UI? It seems overkill to check the message has changed every time.

dense roost Aug 3, 2018, 8:29 AM

#

So I cannot get css import to do anything at all. In the chrome inspect tool I can see in sources that my styles.css file is included from /local. There's no errors in console.

    type: css```

torn patio Aug 3, 2018, 8:29 AM

#

Or can you just use a map from the state object to the display? Or stash the tab object actually in the state object so that it disposes with it?

north spear Aug 3, 2018, 8:30 AM

#

@torn patio is not overkill, it's how you should do it

#

set(hass) is ran anytime hass object updates

#

you run an extra check if the content you receive and are interested in is different from what you already ahve (save state on object)

#

and update only when needed

#

also, ideally you build your wireframe (without content) in setConfig and do it only once

torn patio Aug 3, 2018, 8:32 AM

#

So you'd have to copy out the message and then compare it each run to what's displayed? (or probaby rather than the message, the last update time)

north spear Aug 3, 2018, 8:34 AM

#

whichever is easier

torn patio Aug 3, 2018, 8:34 AM

#

So each run, pull out the objects you're interested in and put them in a map to their last update time, then toss out any in your current state list that don't have the same update time and recreate anything missing.

#

(probably makes more sense just to rebuild, the message is hardly ever gonna update)

north spear Aug 3, 2018, 8:34 AM

#

some logic like that yes

#

@torn patio no

#

if you rebuild you rebuild everytime hass changes

#

this means if your thermostat gets an update you will redo notifications

#

etc

#

that is really messy, and causes tons of repaints

torn patio Aug 3, 2018, 8:35 AM

#

yeh, but the persistent messages hardly ever change. although I guess it could

north spear Aug 3, 2018, 8:36 AM

#

but you redo all in your code

torn patio Aug 3, 2018, 8:36 AM

#

So rebuild each object only when either it's created, or when the update time changes. Obs for some other more dynamic object you'd not do that.

north spear Aug 3, 2018, 8:36 AM

#

anyway, it's up to you, I'm just recommending improvements so your card is nicers to use

torn patio Aug 3, 2018, 8:36 AM

#

Although I suppose changing the message isn't such a big deal

#

Yep you've convinced me

north spear Aug 3, 2018, 8:37 AM

#

it's not just your card, redoing your card probably causes full repaint

torn patio Aug 3, 2018, 8:37 AM

#

ahh kk

north spear Aug 3, 2018, 8:37 AM

#

anyway, might even work with full repaint as it's temporary until official release of Notifications

#

still good practice for any custom cards

#

and nicer practice is to use shadowdom, to encapsulate stuff

torn patio Aug 3, 2018, 8:39 AM

#

I dunno, I can see benefit to having something like what I'm doing even with the notification side bar. You can say set ID of your notification to blah_front and have it only paint the _front messages on a particular tab or something

#

More just me mucking around really 😄

#

ECMA script wasn't even standardised last time I was using it :p

north spear Aug 3, 2018, 8:40 AM

#

my last javascript experience was in 2010

#

(which feels like yesterday)

#

and I've recently refreshed knowledge with lovelace

#

no more frameworks and hacks, especially with custom elements

torn patio Aug 3, 2018, 8:41 AM

#

I think for me maybe 2006ish?

north spear Aug 3, 2018, 8:41 AM

#

Firefox is still behind a bit and Edge is unusable , but rest work natively

#

I did JS 2005 - 2012

torn patio Aug 3, 2018, 8:41 AM

#

I got out of software entirely in 2009, I'm now a doctor

north spear Aug 3, 2018, 8:41 AM

#

anyway, not the point, it's just like any other programming language, just needs a syntax refresh

torn patio Aug 3, 2018, 8:41 AM

#

pretty much, it's all the same

#

plus the API

north spear Aug 3, 2018, 8:42 AM

#

plenty of docs around

torn patio Aug 3, 2018, 8:44 AM

#

Kinda, the ha-card isn't documented anywhere I could see. Where's the source code for it anyhow?

#

Or is it just CSS only?

north spear Aug 3, 2018, 8:45 AM

#

ha-card is just a custom element from home assistant polymer. You can search the repo for it

#

css as well it's in there, mostly based on css variables

#

https://github.com/home-assistant/home-assistant-polymer/search?q=ha-card&unscoped_q=ha-card

#

https://github.com/home-assistant/home-assistant-polymer/blob/5c5a7e50da1802957b14e7ad046a716ba41a1ee0/src/components/ha-card.js

#

not much to it

#

a simple container with a header styled properly

#

I think we're getting everyone bored with all this es6 talk

torn patio Aug 3, 2018, 8:53 AM

#

Ahh, I didn't realise the UI was in a different repo. Makes sense now

north spear Aug 3, 2018, 9:04 AM

#

@grand veldt make sure you clear cache

#

it does seem to be a bit buggy

cedar girder Aug 3, 2018, 9:12 AM

#

Hmm when camera-preview card was removed it was replaced by picture-glance and pictire-entity, but those two cards cannot make a SIMPLE camera preview, without any other entities assigned to it

north spear Aug 3, 2018, 9:12 AM

#

@cedar girder try simple picture

cedar girder Aug 3, 2018, 9:13 AM

#

There's a picture card which could do a simple picture preview but this doesn't work with camera entities according to the documentation

north spear Aug 3, 2018, 9:14 AM

#

@cedar girder did you read docs?

#

(string)(Optional)Camera entity_id to use. (not required if entity is already a camera-entity).

#

that is in the docs for picture-entity

#

why do you say you don't make a simple camera preview?

cedar girder Aug 3, 2018, 9:15 AM

#

But this is for a pixture-entity card, not picture card

north spear Aug 3, 2018, 9:16 AM

#

yes, my bad with picture, forgot it doesn't take entities

cedar girder Aug 3, 2018, 9:16 AM

#

And picture-entity card also requires entities option

north spear Aug 3, 2018, 9:17 AM

#

nope

#

not required

#

picture-entity takes an entity parameter

#

if that is a camera, it will do camera preview for you

#

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

#

read docs there, no entities config required

mossy gale Aug 3, 2018, 9:18 AM

#

My camera works fine using this

#

      - type: picture-entity
        title: Bay Window Camera
        entity: camera.bay_window_camera
        camera_image: camera.bay_window_camera
        show_info: true
        tap_action: dialog

#

if its any help @cedar girder

toxic bridge Aug 3, 2018, 10:09 AM

#

is it possible to change the size of an iframe other than using aspect ratio?

buoyant skiff Aug 3, 2018, 10:46 AM

#

aspect ratio seems good enough but if you provide more info we might figure out what your trying to do

dense roost Aug 3, 2018, 10:55 AM

#

@buoyant skiff did you try css import? Can't get it to do anything anywhere. It's imported correctly and it's shown in chrome inspect sources. Wondering if anyone has tested it.

north spear Aug 3, 2018, 10:58 AM

#

@dense roost try something really basic, like changing background color and using !important to force it

buoyant skiff Aug 3, 2018, 10:58 AM

#

barely been around so no

#

enjoying that vacation 😄

#

and im currently installing hassbian to a ssd instead of sd

#

https://www.raspberrypi.org/documentation/hardware/raspberrypi/bootmodes/msd.md

#

then im off again 😄

#

cause i want beer 😄

dense roost Aug 3, 2018, 11:15 AM

#

@north spear Alright, played around with CSS import more using important, the only change I could see was setting the body background-color to some color, but I could only see that change between page loads when clicking between the different sections of the sidebar,(logbook, history, hassio, etc). Once the page loaded it immediately would overwrite the imported style.
@buoyant skiff I couldn't find an emoji for jealous 😑

subtle rune Aug 3, 2018, 11:16 AM

#

In two hours it's beer o'clock at work! 🍻

north spear Aug 3, 2018, 11:17 AM

#

@subtle rune lucky, they canceled beer o'clock at my work

subtle rune Aug 3, 2018, 11:18 AM

#

I usually drink non-alcoholic, but it's something about that cold beer during the last hours of the work friday...

buoyant skiff Aug 3, 2018, 11:20 AM

#

/dev/sda1 on /boot type vfat (rw,relatime,fmask=0022,dmask=0022,codepage=437,iocharset=ascii,shortname=mixed,errors=remount-ro)
/dev/sda2 on / type ext4 (rw,noatime,data=ordered)

No more sd card on raspberry pi 3

#

running straight off a intel ssd disk connected via usb

north spear Aug 3, 2018, 11:21 AM

#

@buoyant skiff if you can do that for hassos would be nice 😄

buoyant skiff Aug 3, 2018, 11:21 AM

#

everyone can

#

its in the rpi itself

#

the pi doesnt care what distro your running

#

https://www.raspberrypi.org/documentation/hardware/raspberrypi/bootmodes/msd.md

#

so tired of swapping sd cards when they are worn out

#

so no more shitty chargers and no more shitty sd cards just straight production 😄

subtle rune Aug 3, 2018, 11:24 AM

#

I have not one second regretted changing to an Intel nuc 😍

buoyant skiff Aug 3, 2018, 11:24 AM

#

i can make most trash work like a charm even rpis 😛

#

sure intel nuc is awesome

#

but why waste money when i got the hardware and its only collecting dust 😄

#

and an rpi is a capable hardware in the right hands

subtle rune Aug 3, 2018, 11:26 AM

#

It was getting too slow for me, even with external drive

buoyant skiff Aug 3, 2018, 11:27 AM

#

$ sudo hdparm -tT /dev/sda

/dev/sda:
 Timing cached reads:   1326 MB in  2.00 seconds = 662.51 MB/sec
 Timing buffered disk reads: 110 MB in  3.00 seconds =  36.62 MB/sec

#

doubt ill be having that issue 😄

#

even if its limited via usb its still better then sd card

#

plus its fun to see if it was possible 😄

#

sorry for hijjacking the lovelace chat 😛

mossy gale Aug 3, 2018, 11:52 AM

#

@buoyant skiff that sounds amazing, i have a brand new SSD here doing nothing be good to do something similar using HassOS as @north spear said earlier. Too techy for me potentially...

buoyant skiff Aug 3, 2018, 11:53 AM

#

so follow the instructions its not rocket sience 😄

mossy gale Aug 3, 2018, 11:54 AM

#

yes just reading it, doesnt look that hard after all.....

#

theres no going back once you set that OTP if it all goes horribly wrong with the SSD

#

@buoyant skiff is there enough juice in the Pi to run the ssd usb enclosre

buoyant skiff Aug 3, 2018, 11:56 AM

#

not with the default charger

#

need a proper multi charger

#

i have 6x40w at 10A

#

tinkerer recommend getting a multi port adapter