#frontend-archived

1 messages · Page 60 of 1

long cosmos
#

got it

woven blaze
#

hi all
how to create a picture-elements with state_image on/off?

empty heath
#

@woven blaze What is your use case? Picture Elements card is meant to be a large group of things, not just to control one entity.

woven blaze
#

@empty heath i would like to have picture-glance style (with image change by light state) per room. while having the ability to add labels such as room temperature.

empty heath
#

@woven blaze So why not use an element to overlay the entire card?

woven blaze
#

@empty heath i tried.. but it seems that the picture-elements image card is being on top of the image elements if that makes any sense...

#

ohh i figured it out

#

i forgot the style settings for the image

placid geyser
#

Hi, I have a card with all my indoor temperature sensors. The mqtt senors work fine, but I just noticed that for my climate entity (Netatmo Thermostat) it displays the state (currently: idle) and '°C' but neither the set nor the current temperature. Is there a way to set a specific attribute to display? https://imgur.com/a/Gz3m4qA

timid burrow
#

i have a hisrory graph - in the old UI, clicking on it opens it up but in lovelace it doesn't do anything?

buoyant skiff
#

Morning

placid geyser
buoyant skiff
#

Template to display attributes

wheat current
placid geyser
#

@buoyant skiff Of course templates would work, but creating a template for every value I'd want to display in the UI seems unnecessary to me. I was thinking about something like seconday_info. e.g. ```yaml

  • entity: climate.wohnzimmer
    name: Wohnzimmer
    attribute: current_temperature```
buoyant skiff
#

Haven't looked at secondary info

placid geyser
buoyant skiff
#

Should probably do that

#

At work now

placid geyser
#

hehe, same here

wheat current
#

@placid geyser For secondary-info it is only entity-id and last-changed that are valid acording to the docs

placid geyser
#

@wheat current Right, I know. I was just comparing to it. So, to have another attribute like secondary_info to explicitly set an attribute.

wheat current
woven blaze
#

state-icon element for group appears blue no matter what the state is.
anyway to fix?

placid geyser
#

@wheat current Yeah, will do. I just wanted to check whether that is already on someones plate and what other think about it. Or if I just missed an easy way.

rocky merlin
#

Hey, when using LitElement, will _render be called everytime a state chage in hass object or do I have to make sure the render get called some how when state updates?

#

Like in the set hass property

#

I have the config and hass object in get properties property getter

#

Like the example

north spear
#

you need to make the extra checking yourself

#

or move the render in setConfig and do updates only in set(hass)

rocky merlin
#

Ahhh thanks mate!

rocky merlin
#

I ended up making a property "state" that I set if state was different that the current known state... It worked like a charm 😃 Thanks @north spear

north spear
#

no problem

#

usual approach:

    if (entity && entity.state != this._state) {
      this._state = entity.state;
      this._updateCardContent(entity);
    }
#

this makes sure you don't update dom if state hasn't changed

rocky merlin
#

Yea I check to see if not updated but since I am using the LitElement and it renders in the _render method how can I use _updateCardContent directly?

#

Like force the update?

#

I saw there was a _requestRender method

vapid field
#

Morning all. I'm sure this is just another thing I've missed in the docs but is there a way to change an icon for a group? My use case is a group of lights and it would be nice to have the single light functionality where the status icon matches the current state. This works ok on a single light but the group reverts to the group icon. I've tried adding an icon statement to the Lovelace configuration as well as to the customize.yaml but both seem to be ignored.

wheat current
vapid field
#

Thanks @wheat current , I knew it would be there somewhere, it's just knowing what to search for. 😁

wheat current
#

It's a well hidden gem 😃

north spear
#

@rocky merlin _updateCardContent was a custom example in my code, not an available method. Not sure what LitElement exposes as I haven't used it yet

rocky merlin
#

Ahh got ya...

#

thanks

#

Think I figured it out with your help mate

north spear
#

cool

placid geyser
buoyant skiff
placid geyser
#

hm, maybe I should have checked the other issues first. This one is probably the even more versatile solution.

wheat current
#

Don't think so, it looks like that only applies to a "when did this last changes"

placid geyser
#

@wheat current value_template: could be anything, not just last_changed, no? ```yaml

  • entity: binary_sensor.kitchen_motion
    name: Top Floor
    # Instead of just clear/detected, show last activation time:
    value_template: {{ states.binary_sensor.kitchen_motion.last_changed | timeago }}```
wheat current
#

templates will never be a part of lovelace

placid geyser
#

Well, balloob reopened that issue, so, it might not be about templates but the idea behind it is very similar though.

buoyant skiff
#

i really dont want templating back into the ui file

#

gets so messy

wheat current
#

agreed, but defining an attribute to use for entites make sense

placid geyser
#

@wheat current balloob seems to disagree.

wheat current
#

aiit 👌

placid geyser
#

aiit?

wheat current
#

alright*

placid geyser
#

oh... hehe, ok

foggy tendon
#

updated to 0.74.0 and sensor.custom_card_tracker disappeared...

#

maybe there is an update?

wheat current
#

There is

foggy tendon
#

found it... so i must restart hass to get again the sensor?

wheat current
#

Correct

foggy tendon
#

is ther also an update for custom_cards.py?

wheat current
#

Probably

buoyant skiff
#

lol

foggy tendon
#

where to find it?

#

found.. !

#

ok i updated custom_cards.py, custom_components.py and tracker-card.js but still don't gt anymore that sensor

wheat current
#

Then you have a config issue

#

should only be:

custom_cards:
custom_components:
foggy tendon
#

yes, i have them

wheat current
#

Look for errors in you log

foggy tendon
hardy zealot
#

I regularly get the red error card showing followed by the correctly rendered cards. The error cards "flash" by, they are on the screen for 1/10 second before being replace by a correctly rendered card. Happens on refresh (Shift+Cmd+R).

#

How can I start to debug / provide more info / provide PR?

wheat current
#

I think that is because of how custom elements are loaded

hardy zealot
#

Where is the code where cards are loaded?

#

I'm poking around in the lovelace/common directory.

rocky merlin
#

I have the same problem @hardy zealot

forest star
#

hi

#

one quesiton

#

whenever I use lovelace a message from HA pops up at the bottom, saying “Service system_log/write called

hardy zealot
#

Yes. That happens.

buoyant skiff
#

that might be bad config

#

or or the browser

forest star
#

@hardy zealot only with lovelace ?

#

@buoyant skiff in all browsers and no erros on config

buoyant skiff
#

if its in a browsers its deffo something that giving you an issue

#

ie bad config

forest star
#

@buoyant skiff when you use lovelace you dont see that message ?

buoyant skiff
#

i only use lovelace

placid geyser
#

@forest star that message usually appears when you have a config problem. I'd suggest to comment out half of your (lovelace) config and try again.

hot gyro
#

@forest star I had that a few time but didnt see that recently

buoyant skiff
#

and the only time isee that is when i miss something

#

when im doing my cards

placid geyser
#

@forest star also, did you check the logs? What is written to the logs after that message pops up?

#

It usually gives a clue of what is broken.

forest star
#

frontend_latest/c5a5df3ec278008029fa.chunk.js:206:11497 TypeError: null is not an object (evaluating 'this.shadowRoot.querySelector("paper-slider").offsetWidth')

#

kind of this one:

buoyant skiff
#

do you use any sliders ?

forest star
#

no sliders

buoyant skiff
#

use customui ?

forest star
#

Oh maybe yes for radio

buoyant skiff
#

yeah sliders isnt supported yet under lovelace

#

so anything customui related is broken

forest star
#

Oh thats why

buoyant skiff
#

indeed 😃

#

told ya something was broken 😄

hot gyro
#

I wish you could add a picture to a picture-glance as a place holder in case the picture is not available from the sensor

buoyant skiff
#

i added a camera in picture element 😛

#

for my robot vacuum

hot gyro
#

thats not what I mean - but nice - I mean you get a picture from a camera.x but the picture for some reason doesnt come through - have that with Ring quite a few times ... so instead of showing nothing I would like a placeholer picture

buoyant skiff
#

havent bothered with picture glance at all

#

seems kinda limited

hot gyro
#

on the flipside - would actually be better for the component to work

buoyant skiff
#

but u can try and add something like this

#
    image: /api/camera_proxy/camera.jeaves_cleaning_map?token=*
#

if you look under dev info

#

and sort on cameras you will find entity pictures from cameras

#

and they look like that

#

but with a random generated token

#

that should work for you @hot gyro

hot gyro
#

just reading up on camera proxy could indeed work

buoyant skiff
#

worked for me

#

it does update the image with the wildcard at the ends doesnt use older cached file

forest star
#

do you know how to change the color of the background page to that gray that the original dashboard has ?

placid geyser
hot gyro
#

@buoyant skiff nice try but doesnt seem to work with either of the cameras I have

buoyant skiff
#

worked for me can try setting up a picture glance for shit and giggels

#

post me a snipplet of what your trying to do

hot gyro
#

the proxies dont work thats what I mean

buoyant skiff
#

and ill see what i can do with it

hot gyro
#

I guess you need to mjpeg cam for that

#

I only got Ring/Yi cams

buoyant skiff
#

post a snipplet

#

we go from there

rocky merlin
#

I am building a custom component in lovelace using LitElement. So sick, using the lit-html to render the html output, use the same variable in the <style> section and in <div> and different results. In the <style> it returns another instance value but in the div tag it is correct... How the h...l is that possible???

hot gyro
#
  - platform: yi
    name: Yi Nursery
    host: !secret yi_nursery
    usert: root
    password: !secret yi_password
    ffmpeg_arguments: '-vf scale=800:450'
  - platform: proxy
    entity_id: camera.yi_nursery
    max_stream_width: 360
    max_image_width: 480
    image_refresh_rate: 30.0```
#

this doesnt even populate the proxy

buoyant skiff
#

err

#

thats not a glance card

honest herald
#

I didnt know you can add a refresh rate to yi

hot gyro
#

for the glance card to work the core functionality of proxy needs to work - and it doesnt

buoyant skiff
#

saying it doesnt work isnt gonna make it work 😉

#

@wheat current check out this crazy combo

#
          left: 0%
          text-align: center
          top: 0%
          transform: none
          font-size: 140%
          font-family: Verdana
          text-shadow: 2px 2px black
          font-weight: 550%
          text-transform: uppercase
          pointer-events: none
          width: 100%
hot gyro
#

well if the proxy doesnt get a picture and I cant access it via the api either - I guess that is telling enough

buoyant skiff
#

then you have to set up you sensor so it works

#

that uses 100% of the card width

#

and centers the item

long cosmos
#

trying to set a wallpaper for my main view with background: center url("/local/background.jpg") fixed but it's not working. What am I missing?

verbal grove
#

You're nonstop working on Lovelace @buoyant skiff I'm very impressed! 😎

buoyant skiff
#

messing around

#

@long cosmos is that a theme ?

#

tnx @verbal grove

long cosmos
buoyant skiff
#

try without the center stuff and just /local/background.jpg

#

background: /local/background.jpg

#

does that work ?

long cosmos
#

nope

buoyant skiff
#

guess it could be broken

#

didnt get it to work either

long cosmos
#

sort of got it, gotta work on sizing url("/local/background.jpg")

#

background: url("/local/background.jpg")

#

maybe the fixed at the end was throwing it off

buoyant skiff
#
background: center / cover no-repeat url("/local/banners/wooden_panel.jpg") fixed 
#

works

long cosmos
#

I'll try that

buoyant skiff
long cosmos
#

I like that wood panel

#

Thanks for the assist

mild veldt
#

wood paneling...you guys are getting classy, lol

long cosmos
#

In my main view and I tap a picture glance card, when it navigates to another view, is there a way to put a card in that view that goes back to the "main" view? A back button of sorts?

mild veldt
#

to the main, sure, but to get a true "back" button you would need to get a little more clever

buoyant skiff
#

gradient background

#

background: content-box radial-gradient(black, DarkSlateGrey)

#

neat

#

background: background1, background 2, ..., backgroundN

#

multiple backgrounds

long cosmos
#

do they cycle?

mild veldt
#

oooo

rocky merlin
#

Ohh shit didnt know that ! @buoyant skiff ....

buoyant skiff
#

really havent seen much of other peoples cards 😛

verbal grove
#

I need to play around with Lovelace.. haven't touched it yet!

mild veldt
#

I need to create some more. I got side tracked by doing a floorplan and cleaning up my configurations in general

empty heath
buoyant skiff
#

dale 😄

#

how do u like my vacuum card 😛

#

my little picture hack 😛

empty heath
#

It's very nice!

verbal grove
#

@empty heath .. Except for installing it on Hassio! 😛

empty heath
#

@verbal grove What do you mean?

buoyant skiff
#

todd ssh your hassio installation

#

and download the python script

empty heath
#

Yeah, Hass.io is by far the easiest to run it on. Lmao

#
  1. Download Community SSH & Web Terminal add-on.
  2. Login to the shell (either through SSH or the web terminal).
  3. Run these commands:
$ cd /share
$ wget https://raw.githubusercontent.com/dale3h/python-lovelace/master/lovelace_migrate.py
$ pip3 install "requests>=2.14.2" "pyyaml>=3.11,<4"
$ python3 lovelace_migrate.py -o /config/ui-lovelace.yaml
```4. Profit!
buoyant skiff
#

made that a sticky

empty heath
verbal grove
#

Ok, I feel like I'm a rookie again..

buoyant skiff
#

^^

verbal grove
#

I usually use Putty.. but downloaded terminal.. I get this error when running: Try:

Checking the connection
Checking the proxy and the firewall
ERR_CONNECTION_REFUSED

mortal cape
#

@verbal grove did you use the one called "SSH & Web Terminal"

forest star
#

@empty heath do you think this works with a regular hass installation ?

buoyant skiff
#

@forest star if your wondering about his python script then yes

verbal grove
#

@mortal cape I clearly didn't, attempting to add the url into my repository so I can download "SSH & Web Terminal", but it's not getting added.

mortal cape
#

the community repo should be visible by default

#

same repo as "terminal"

buoyant skiff
#

😉

verbal grove
#

It is.. but SSH & Web Terminal isn't listed.. only "Terminal"

#

among others..

#

ugh..

#

im an IDIOT!!!

#

give me a minute >.>

#

I'm not going to say what I did wrong.. 🙄

mortal cape
#

this is valuable @buoyant skiff space we are consuming 😛

verbal grove
#

Haha, ok. Jumping to Hassio

forest star
buoyant skiff
#

haha

#

@mortal cape nice one 😉

empty heath
#

@forest star Did you read the docs? 😜

#

You have to type your Home Assistant API URL at the end of the command.

#

And if you use a password, add -p before the URL.

forest star
#

Oh

mild veldt
#

reading docs is for suckers!

forest star
#

Let me see

#

Yeah we are all grown up !!!

#

😂

#

404 your github

buoyant skiff
#

its better then 451 😛

forest star
buoyant skiff
#

wrong link 😛

wheat current
buoyant skiff
#

for the script as text

empty heath
#

I merged everything to master branch last night 😊

forest star
#

Could not create backup: /home/homeassistant/.homeassistant/ui-lovelace.yaml: Permission denied

empty heath
#

You no has access!

wheat current
#

That does not look like hassio 🤔

empty heath
#

Maybe that dir is root?

forest star
#

no

empty heath
#

It’s not Hass.io. He asked if it would work for Home Assistant. Lol

forest star
#

thats Homeassistant

buoyant skiff
#

hassbian ?

wheat current
#

😦 I though he converted 😄

forest star
buoyant skiff
#

lol

#

yeah

forest star
#

jajajajaajajajajaja

buoyant skiff
#

real men does linux 😛

forest star
#

no way conversion is for girls

wheat current
#

@forest star run it as the homeassistant user

forest star
#

running as pi right now

#

"Traceback (most recent call last):
File "lovelace_migrate.py", line 15, in <module>
import yaml
ImportError: No module named 'yaml'"

empty heath
#

You gotta make sure you install the pip3 packages for that user.

#

If you activate your venv, it should already have the necessary modules 😉

forest star
#

@empty heath do I need to run from inside the venv ?

mild veldt
#

I run hassio on my ubuntu server. Love me some add-ons

subtle rune
#

@mild veldt I'm rocking it the same way 😱

buoyant skiff
#

hassbian 😛

#

old sysadmin ways dies hard

forest star
#

yeah same here

#

full installation rules !!!!

mortal cape
#

I've got 4 hassio installs going including one on a linux server. I want some emojiis!

mild veldt
#

@buoyant skiff stay on topic. This is about lovelace 😂

buoyant skiff
#

haha

#

indeed

mortal cape
#

2 are using lovelace...now I am on topic

buoyant skiff
#

dont make me fetch Tinkerer

forest star
#

who is @split granite

kind shellBOT
#

Tinkerer is away for 18h 22m 8s with a message :point_right: To sleep! To work! Hopefully not to the far ends of the universe, again 😉

mild veldt
forest star
#

sleeping....

#

jajajajajajjja

wheat current
#

neineineineineineinei

forest star
#

@empty heath !!!!!!!!!

#

on topic

#
  File "lovelace_migrate.py", line 15, in <module>
    import yaml
ImportError: No module named 'yaml'```
buoyant skiff
#

pip3 install pyaml

forest star
#

on venv ?

wheat current
#

1: change to homeassistant user
2: ativate venv
3: run it

forest star
#

OH ok

mild veldt
#

with full installation rules come full responsibility

#

@buoyant skiff you going to submit some picture-elements examples to the lovelace gallery ballob put up? Need to open as many eyes as possible to things outside floorplans

buoyant skiff
#

probly gonna do my own repo

#

but who knows if i get some time over then ill might submit something 😄

#

depends on how bored i got during my vacay

forest star
#

Oh wow @empty heath worked pretty good not excelent buy pretty god save me probably an hour of re doing this shit

buoyant skiff
#

@forest star dale is offline

mild veldt
#

@buoyant skiff here's hoping to you having a boring vacay! 🍻

buoyant skiff
#

haha u pinged the wrong user 😛

forest star
#

@buoyant skiff he will read don't worry its no like us that never read old post

mild veldt
#

Noooooooo

foggy tendon
#

Now getting problems with lovelace frontend... since 10 minutes it tries to load but it stops at "loading data" and nothing more... while old frontend is working as always....

buoyant skiff
#

bad config then

foggy tendon
#

also if doesn't says nothing in the log?

mild veldt
#

check browser's dev console

foggy tendon
#

how?

#

hmmm... maybe custom_ui?

#

if yes, how to load lovelace with custom_ui disabled?

buoyant skiff
#

begin with a empty lovelave ui file

#

and add a little bit at the time

#

until u find the error

foggy tendon
#

with previous release none of all these new problems

buoyant skiff
#

...

foggy tendon
#

directly from chrome dev console

mild veldt
#

you might be using something that has been removed. best to follow @buoyant skiff 's advice

foggy tendon
#

Uncaught (in promise) TypeError: Failed to execute 'fetch' on 'ServiceWorkerGlobalScope': 'only-if-cached' can be set only with 'same-origin' mode
at Object.<anonymous> (frontend_latest/workbox-v3.3.0/workbox-core.prod.js:1)
at Generator.next (<anonymous>)
at n (frontend_latest/workbox-v3.3.0/workbox-core.prod.js:1)
at self.babelHelpers.asyncToGenerator (frontend_latest/workbox-v3.3.0/workbox-core.prod.js:1)
at new Promise (<anonymous>)
at Object.self.babelHelpers.asyncToGenerator (frontend_latest/workbox-v3.3.0/workbox-core.prod.js:1)
at Object.workbox.core.j.fetch (frontend_latest/workbox-v3.3.0/workbox-core.prod.js:1)
at frontend_latest/workbox-v3.3.0/workbox-strategies.prod.js:1
at Generator.next (<anonymous>)
at n (frontend_latest/workbox-v3.3.0/workbox-core.prod.js:1)

#

direct from dev consolo of chrome

wheat current
icy kettle
#

Hi Guys, could you please help me out to figure out how to get the installed version of Lovalace?!

#

I have latest version of Hass v0.74 and was trying to update Lovelace config with dividers, but it doesn't work

raven nacelle
#

@icy kettle that is not shipped yet

#

will be part of the next beta

icy kettle
#

Oh, got it! Thank you very much. I was mislead by change log on lovelace page

rocky merlin
#

Sorry for my noob javascript question. Is it possible to not have to use unpkg and use import {LitElement, html} from '@polymer/lit-element' cause unpkg keeps lock me out , prolly thinks its a DOS attack or smth haha

foggy tendon
#

still getting problems with lovelace frontend... since 0.74.0 cannot anymore load the lovelace frontend... i did not changed anything inside the config files

north spear
#

@icy kettle which part of the changelog?

icy kettle
#
❤️ Lovelace card gallery
🔧 Async communication improvements``` There is the link to Lovelace Gallery with a bunch of examples
north spear
#

Ah right. The gallery is for devs mostly and it’s on different release cycle. Better use official docs to see if a card is released

icy kettle
#

Thanks for make it clear! Now I'm going to wait till Official release 😃

#

By the way, that is awesome! Thank you! Can't wait to use it

mild veldt
#

The main thing is that the gallery can currently include changes that are not in lovelace releases yet, but is still a great place to check. Those dividers look nice

north spear
#

I luv the secondary info line

#

works even with monster card

#

btw @fathom tree you can always ask more info around cards

#

I watched your live stream (offline) and it seemed you missed some info on why monster vs other

hot gyro
#

@raven nacelle your state-icon setup - can it be used with mdi-icons as well or only the supplied one from hass ?

raven nacelle
#

@hot gyro I think state-icon uses built-in icons

#

there is no icon configuration option there

mild veldt
#

@hot gyro you can define an icon in you customize: section that will then hit state-icon. Only thing I've ran into so far that I've needed to use a regular icon element is for my cameras where I don't want the preview

vapid field
#

was wondering why is always pop up message of:
service system_log/write called

#

when in frontend lovelace´

#

is that normal?

split granite
#

I usually only see that when I got something wrong

#

The log then has the details 😉

vapid field
#

@split granite what would this mean:
2018-07-23 19:17:48 ERROR (MainThread) [frontend.js.latest.201807200] https://myurl.duckdns.org:8123/frontend_latest/app-6e4d53ede29a5676d41a2bb0807ecd12c.js:445:3536 Uncaught TypeError: Cannot read property '_stateDisplay' of null

mild veldt
#

@vapid field you use any old custom_ui stuff?

#

I get that because I'm still using the custom_ui mini_media_player card

vapid field
#

its possible so many changes that is hard to follow up hehe

#

i have many of those errors

#

hard to know now where they come from 😃

buoyant skiff
#

probly copy pasting

mild veldt
#

is there another way? 😉

vapid field
#

that is very likely @buoyant skiff

buoyant skiff
#

@split granite please pin a message about system call/write that the users should check their config

#

today has been an repeatition day

#

system write = bad config

mild veldt
#

I don't think it's 100% config, however. Like I mentioned, old custom_ui stuff can cause it as well

buoyant skiff
#

yeah sliders

mild veldt
#

well, "lovelace" config, I mean

#

yeah, sliders is why I get it

vapid field
#

ya the problem is how to fix it if not knowing how to troubleshoot 😃

empty heath
#

What's all this talk about "system write" and "bad config?"

buoyant skiff
#

most users that popped into today has had bad configs

vapid field
#

only sliders i have is from iframe from grafana for some reason it will make appear sliders bars

buoyant skiff
#

trying to use customui

empty heath
#

Ahh, interesting.

buoyant skiff
#

and or missing stuff in ui-lovelace.yaml

mild veldt
#

@vapid field strip your ui-lovelace.yaml down to the bare minimum and see if you still get that

empty heath
#

We need to patch the frontend to be more specific about why the error is happening, then.

buoyant skiff
#

If you are experiencing service system_log/write called popping up please check your ui-lovelace.yaml most likely that the error is in that file and please don't use sliders from customui since it breaks lovelace

#

perfect pin message

empty heath
#

I love that people ignore this warning in the logs:
**```
WARNING (MainThread) [homeassistant.loader] You are using a custom component for media_player.alexa which has not been tested by Home Assistant. This component might cause stability problems, be sure to disable it if you do experience issues with Home Assistant.

buoyant skiff
#

hehe

frosty pelican
#

lmao

#

its a nice reminder that you have it installed

buoyant skiff
#

nice pinned tnx Dale

empty heath
#

At least use proper grammar @buoyant skiff 😛

buoyant skiff
#

im swedish

#

kan ta de på svenska om de funkar bättre ? 😛

#

haha

vapid field
#

@mild veldt at minimum still see that error but no more pop ups

empty heath
#

I read that as "If my experiencing system ..." 😛

mild veldt
#

@vapid field any warnings in your logs as @empty heath pointed towards?

buoyant skiff
#

spellchecked and edited 😃

empty heath
#

You're* hehe

mild veldt
#

that also means that you have some issues in your ui-lovelace.yaml that was causing the initial popups

vapid field
#

have some of those for my camera

mild veldt
#

@empty heath god damn!

#

relentless, haha

buoyant skiff
#

well to be fair i asked for it 😛

empty heath
#

@buoyant skiff I am genuinely saying this part to help you better understand English, not to be facetious. Your = possessive, the indirect form of "my." You're = You are, the indirect form of "I am"

buoyant skiff
forest star
#

@empty heath how do you change the lovelace background to gray like the original

empty heath
#

There = "Put the food over there on the kitchen counter."
They're (They are) = "They're putting the food on the kitchen counter."
Their = "When they come in, ask them to put their food on the kitchen counter."

"They're putting their food over there on the kitchen counter."

forest star
#

ESL clasess plus

#

great

buoyant skiff
#

@empty heath i love that none of us matters in here to @forest star 😛

empty heath
#

@forest star No idea -- I am not the Lovelace expert here. Our resident Lovelace expert is @buoyant skiff

buoyant skiff
#

your his personal support 😛

mild veldt
#

on the note of sliders, anyone know if that is something that is planned to be supported or should we be working on something to put in one of the custom repos like the text-element?

forest star
#

Ohhhhhhhhh

#

didn't know that !!!!

empty heath
#

😂 Apparently. He's not the only one that thinks that. Hahaha

buoyant skiff
#

noo carlos 😛

#

im a n00b

#

trust me

forest star
#

I asked the question before he did not answer shit

buoyant skiff
#

haha

#

see im not answering shit

forest star
#

and that is a must

empty heath
#

Hahahaha

mild veldt
forest star
#

thought @empty heath was the lovelace man with the migration script and others

#

but seriously this white background is giving me a fucking headache

buoyant skiff
#

so change it ?

split granite
#

So change the theme 😉

buoyant skiff
#

its easy

split granite
#

It's about zero percent hard

forest star
#

no

#

I want lovelace to be fixed

split granite
#

🤦

#

The answer to "Lovelace isn't the colour I want" is themes

buoyant skiff
#

background: content-box radial-gradient(black, DarkSlateGrey)

#

thats a radial background

#
- title: Jeaves
  icon: mdi:robot-vacuum-variant
  background: content-box radial-gradient(black, DarkSlateGrey)
forest star
#

thats what I am talking about

buoyant skiff
#

looks like that in the yaml

hot gyro
#

thanks @mild veldt @raven nacelle - I am pointing at a group and I rather have a lightbulb icon ...

buoyant skiff
#
background: black
empty heath
#

@forest star So I think you can do just background: gray lol

buoyant skiff
#

for a total pitch black background

empty heath
#

Damn, @buoyant skiff beat me to it.

split granite
#

You need to put all the colours to black, so you can emulate the use of peril sensitive sunglasses 😛

forest star
#

@buoyant skiff what is the original color of HASS

buoyant skiff
#

background: center / cover no-repeat url("/local/banners/wooden_panel.jpg") fixed

split granite
#

Whatever your web browser uses @forest star

buoyant skiff
#

with a background

empty heath
#

Oooooo, pretty.

kind shellBOT
buoyant skiff
#

radi

#

use hastebin

empty heath
#

@vapid field No need to re-post it, the bot re-posted for you!

buoyant skiff
#

yeah still reminding him/her/it to use pastebin

empty heath
#

@buoyant skiff Definitely. Thank you.

split granite
#

You'd already posted that 😉

buoyant skiff
#

@forest star did that help you ?

split granite
#

No need to re-post - as you were told by @empty heath 😉

empty heath
#

@vapid field Please refer to my previous message.

buoyant skiff
#

there is no standard grey

#

for hass

forest star
#

@buoyant skiff yes but cant find the ORIGINAL background color of HASS

empty heath
#

@forest star If you provide a screenshot we can get the color code from it 😉

split granite
#

@vapid field Have you checked the log?

buoyant skiff
#

lol i have no idea what that is

#

but here is a good list of colors in name values

split granite
#

There is no original background colour for HASS

empty heath
#

@split granite I think he is still referring to the error posted earlier:

2018-07-23 19:17:48 ERROR (MainThread) [frontend.js.latest.201807200] https://myurl.duckdns.org:8123/frontend_latest/app-6e4d53ede29a5676d41a2bb0807ecd12c.js:445:3536 Uncaught TypeError: Cannot read property '_stateDisplay' of null
forest star
#

@split granite what is the one that comes by defect

split granite
#

None

vapid field
#

sec by removing all and start add in stuff this makes the logs keep coming

forest star
#

sure there is one

#

because its not white like the cards

buoyant skiff
#

🤷

empty heath
#

@vapid field Why would you post that again after being asked not to three times?

split granite
#

Resistant to clue

forest star
split granite
#

@forest star In chrome hit F11 and you can inspect the page structure

vapid field
#

lol sorry @empty heath i posted and then disapear so got confused

#

new on this noob move

split granite
#

Your second post disappeared because I deleted it after you were told not to re-post it

empty heath
#

@vapid field Hence why I reminded you, and then @split granite reminded you, and then I reminded you again.

vapid field
#

ok sorry my bad

buoyant skiff
#

carlos

#

rgb(229, 229, 229)

#

thats the color

split granite
#

What we do need @crimson wave is to know the errors in the log that relate to that

empty heath
#

@forest star Are you using Chrome?

forest star
#

Safari

empty heath
#

Ahh, ok.

buoyant skiff
#

the turd of browsers 😄

forest star
#

why

empty heath
#

I was going to send you a Chrome extension for checking color. 😃

forest star
#

have chrome too

#

but I am in a mac

empty heath
#

@forest star Open this: /Applications/Utilities/Digital Color Meter.app

#

😉

buoyant skiff
#
background: rgb(229, 229, 229)
forest star
#

R229 G229 B229 @buoyant skiff was right

empty heath
#

Boom! Toast is 18-0 now.

buoyant skiff
#

too bright for my taste

empty heath
#

@buoyant skiff Don't you absolutely love the feature of not having to restart Home Assistant to change the UI now? 😂

buoyant skiff
#

i like my doom and gloom 😛

#

indeed

#

lovelace ❤

forest star
#

now I know why your avatar

#

😛

empty heath
#

I prefer teh derk colorz.

forest star
empty heath
buoyant skiff
#

hehe

#

dark

forest star
#

how can you upload pictures @empty heath

split granite
#

Only some people have the ability to upload pictures to the channel

empty heath
#

@forest star You have to earn the privilege.

split granite
#

To stop people flooding the channels, again

empty heath
#

Actually, no, anyone can do it here in Lovelace!

forest star
#

come on !!! pal you are talking iwth me ....

split granite
#

I was asked to pull it by default

forest star
#

no I tried , not possible

split granite
#

It was apparently getting out of hand

empty heath
#

@split granite Ahh, fair enough.

forest star
#

ok guys its time to move up me on the board then

empty heath
#

@forest star I am not joking about having to earn it. Toast was the first one to earn it in this channel because of all of the neat and amazing cards he creates with Lovelace. But, once you earn it, you are allowed to post images in any channel.

split granite
#

And, if like others have done, you abuse it, it goes away... 🤷

buoyant skiff
#

Tinkerer is harsh but fair

forest star
#

Really harsh

buoyant skiff
#

yes just like old old russia 😛

split granite
#

Not harsh enough according to @empty heath 😛

steep seal
#

Having a hard time displaying a local image. Uploaded it to the www folder but nothing shows. Have /local/living.JPG as for a url.

split granite
#

Did www/ already exist?

steep seal
#

Yes

buoyant skiff
#

damn tinkerer your fast

#

@steep seal mind posting a snipplet of the config ?

split granite
#

Ok, that rules out the usual problem of needing to restart HA after you create the directory

raven nacelle
#

@steep seal Also, use the proper case.

buoyant skiff
#

please use hastebin

mortal cape
#

it got out of hand? that didn't last long

buoyant skiff
#

see if there is anything thats wrong

empty heath
#

@crimson wave Where did you get the custom card from? Has it been tested elsewhere? Is it based on a custom component?

steep seal
#

Ahhh, it doesn't support multiple entities?

buoyant skiff
#

doubt it

steep seal
#

Yep, it doesn't. Solved. Thanks guys!

buoyant skiff
#

np

empty heath
#

@steep seal I had the same issue the other day. Tinkerer's question was what fixed mine.

#

But since yours already existed, doesn't seem to be the same problem in your case.

buoyant skiff
#

according to css there is a possibiltity though

empty heath
#

@buoyant skiff When asking someone to post their config, you can do it like this (look in #botspam)

buoyant skiff
#
background: background1, background 2, ..., backgroundN
#

so there is hope for multiple backgrounds

#

this is some awesome news 😛

empty heath
#

🤤

buoyant skiff
#

doing hover effects rotating icons etc

empty heath
#

I'd love to be able to style everything separately, just like in a real web page. lol

buoyant skiff
#

anything will be possible

empty heath
#

Oooooo

buoyant skiff
#

geez

empty heath
#

@polar kelp New idea for the gen: load all JS/CSS/etc files as resources (and copy them to www/lovelace/ 😃 )

steep seal
#

Is it possible to hide the master control in a card in lovelace? I know its possible with control: hidden when using the old UI.

empty heath
#

@steep seal Have you checked the Lovelace docs? 😉

buoyant skiff
#

i missed that one too 😛

#

Balloob called me out for it

empty heath
#

~rtfm @buoyant skiff !!!!!!

kind shellBOT
#

@buoyant skiff RTFM is a well known phrase, used when someone hasn't taken time to read the documentation. Please take time to Read The $%#@ Manual - author unknown.

buoyant skiff
#

yeye 😛

#

its not font-size:600%

steep seal
buoyant skiff
#

and blinking

steep seal
#

Thanks @empty heath

subtle rune
#

It's quite easy to miss the sidebar menu if you look at it on mobile, since it's positioning itself underneath it all

buoyant skiff
#

hehe

#

@subtle rune if you dont want an item to be clickable use pointer-events: none

#

quite useful when doing ui

#

and using mobile

#

nothing more annoying then being tossed around in the ui

subtle rune
#

Oh thanks! Would be quite useful.

empty heath
#

@buoyant skiff I think it's time you finally start a "Lovelace Tips & Tricks" repo, or at least a gist.

#

Actuuuuallly...maybe I can put it on the website! 😃

buoyant skiff
#

im gonna do that on my vaction dale 😄

#

got 4 more days to go

empty heath
#

@buoyant skiff Do you know how to use GitHub? (this is a genuine question)

buoyant skiff
#

yeah

#

i know

empty heath
#

👍

buoyant skiff
#

want me to pr changes ?

empty heath
#

I'll get the first page up. Then you can add to it from there.

twin sphinx
#

Hey guys is it possible to stretch an input number slider to be the full width of a card and remove its icon and name?

buoyant skiff
#

kewl 😄

empty heath
#

~questions @buoyant skiff Btw, have a look at the newest HassBot snippet ~questions 😃

kind shellBOT
#

@buoyant skiff Before You Ask
How To Ask Questions The Smart Way: http://www.catb.org/esr/faqs/smart-questions.html

Before asking a technical question in our channels, please do the following:

  1. Try to find an answer by searching the archives of the forum: https://community.home-assistant.io/
  2. Try to find an answer by searching the Web: https://www.google.com/
  3. Try to find an answer by reading the manual: https://www.home-assistant.io/docs/
  4. Try to find an answer by reading a FAQ: https://www.home-assistant.io/faq/
  5. Try to find an answer by inspection or experimentation.
  6. Try to find an answer by asking a skilled friend.
  7. If you're a programmer, try to find an answer by reading the source code: https://github.com/home-assistant/home-assistant

When you ask your question, display the fact that you have done these things first; this will help establish that you're not being a lazy sponge and wasting people's time. Better yet, display what you have learned from doing these things. We like answering questions for people who have demonstrated they can learn from the answers.

leaden vapor
#

Can wildcards be used to include all entities of a specific pattern in an entity card?

frosty pelican
#

lol we should add "search discord" to the list 😛

empty heath
#

Discord search is lousy, unfortunately 😦

frosty pelican
#

i use it often though lol

buoyant skiff
#

really dale ? i dont think so

empty heath
#

@leaden vapor Not natively, but with a custom card, yes.

leaden vapor
#

Ummm...hmmm....

buoyant skiff
#

can search on a specific user and keyword

#

found many useful things when searching here

frosty pelican
#

@leaden vapor look up the monster card, might be what you want

empty heath
#

~monster-card

kind shellBOT
#

Monster card is a magical type of card. Because it's dynamic if you're smart about it, you can have one card that adapts and that you don't need to touch when adding new entities & sensors to your setup. Supports both inclusion and exclusion filters with wildcard for entity_id: https://github.com/ciotlosm/custom-lovelace/tree/master/monster-card

empty heath
#

There we go.

#

@leaden vapor Sorry, I would have sent the link sooner, but I wanted to get that snippet added to the bot.

buoyant skiff
#

that card is insane 😄

#

so much uses

empty heath
#

That card is a monstrosity. 😮

buoyant skiff
#

havent messed around with it that much but im thinking of doing something cool with it

leaden vapor
#

Looks like what I'm looking for.

empty heath
#

Hopefully Lovelace will have an official "release version" before we finish writing the book for Home Assistant. 😃

leaden vapor
#

Can I force the display size of a picture-element card? I have a map of the building I'm in and would like it to take up the entire view...is that also going to be a custom card?

split granite
#

You can make it a panel

leaden vapor
#

Ahhh...

split granite
forest star
#

@empty heath are you underestimating @buoyant skiff ??

empty heath
#

Damn, beat me to it @split granite! I even had it on my clipboard already, haha.

buoyant skiff
#

everyone underestimates me 😛

#

thats a perfect thing

#

that way i dont have to perform

empty heath
#

@forest star I am not even sure what urged you to ask that question. Lol

leaden vapor
#

So that means a stack could be panelized to take up the entire view.

empty heath
#

@leaden vapor Yup. 😃 I have an example somewhere...1 sec.

subtle rune
#

@empty heath that looks sooo nice

split granite
#

Ooooooh, you can panel a single card that way...

buoyant skiff
#

thinking of doing a nature theme for hass

#

for my ui

split granite
#

That solves a "problem" I have with map cards, thanks @empty heath

buoyant skiff
#

kinda like the greeter card i did

empty heath
#

@split granite The easiest way to think of panel: true is this: it uses the first card as the view.

wheat current
#

And that first card can be a vertical-stack card 😃

split granite
#

I'd never thought of using a stack as a "first card" 🤦

empty heath
#

Hehe

split granite
#

It's obvious now, but damn I feel daft 😛

empty heath
#

Just know that it only shows the first view-level card. Any other view-level cards in the view are not shown.

buoyant skiff
#

my ui blew up when i did that 😛

empty heath
#

@buoyant skiff Think you could use some CSS to make that header shorter (in height), and static position? 😃

#

(and make it 10 entities on a single line rather than 5 entities on 2 lines)

buoyant skiff
#

nice 😃

#

gonna try later on

#

atleast i know that there is an option for it

#

.away sleep and work 4 more days to go

kind shellBOT
#

Toast is away! sleep and work 4 more days to go :wave:

leaden vapor
#

@empty heath I seem to have my config screwy. I can get a vertical stack with a horizontal stack to work, but when I add panel: true, the top element of the vertical stack takes over and the horizontal stack below the top item disappears.

empty heath
#

@leaden vapor Look at you, already providing it without me having to ask! 👍

#

@leaden vapor So is "Network Devices" the view?

leaden vapor
#

Yes.

#

@empty heath If I add panel: true below title: the picture-element takes over the whole screen.

empty heath
#

Have a closer look at my example config. I only have one card directly under the view. The rest are inside of the vertical-stack 😉

leaden vapor
#

@empty heath Should I wrap both the vertical stack and horizontal stack inside of another vertical stack?

empty heath
#

With panel: true you can only have ONE card directly the cards: section of the view. Other cards will not be shown.

#

Yes.

#

That's exactly what I did, lol.

leaden vapor
#

@empty heath Oh...there's your config...sorry...I'll look through it.

empty heath
#

That's how you have to do it, otherwise it does not work.

wheat current
#

@empty heath When did discord add links?!?!?! 😮

empty heath
#

The vertical-stack now becomes the view.

#

@wheat current Lol, I just discovered it today, but apparently if we had been reading the changelogs we would have seen it a while ago 😛

wheat current
#

Ha "Reading the changelog" 😂

split granite
#

Interestingly enough, I don't see the changelog pop up any more when I update Discord

frosty pelican
#

yea it used to pop up

leaden vapor
empty heath
#

That's smexxxxyy

#

Now to make it 3D 😛

leaden vapor
#

Uh...no. That will make everyone's brain explode.

empty heath
#

Drzzs has a video on using Sweet Home 3D.

#

Lololol

leaden vapor
empty heath
#

Ouch.

#

Is this for a venue?

leaden vapor
#

Now, is there a way to control the max width of the panel?

#

@empty heath Yep.

empty heath
#

That is a @buoyant skiff question. 🤷

kind shellBOT
#

Toast is away for 15m 18s with a message :point_right: sleep and work 4 more days to go

mild veldt
#

wait, do you get to play with HA for work, @leaden vapor ?

leaden vapor
#

@mild veldt, I'm a realtor, and I'm designing our church's lighting system, as well as implementing HA at the church to solve all sorts of silly inefficiencies. I just connected all of the thermostats to the system so people aren't walking a mile every morning to set the temps... etc.,

mild veldt
#

then I'm with @empty heath , this needs to be in 3d 😉

leaden vapor
#

Like a cross section?

mild veldt
leaden vapor
#

I think I'm faster in Sketchup than I am in SweetHome3D

wheat current
#

@leaden vapor @empty heath does not looks like you can add style to views

empty heath
#

@wheat current I am fairly certain that a PR for that is welcomed! 😃 lol

#

Does anyone have any feedback on how we should lay out the "sections" for the Lovelace Tips and Tricks page?

wheat current
empty heath
#

😂 That's classic.

calm rock
#

hi , there is a problem with the latest version of card tracker

#

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

#

how can i go back to previous version?

#

just , copy and paste the js , file?

wheat current
calm rock
#

will check again, tks

calm rock
#

@wheat current , that made it , tks

kind shellBOT
#

Ludeeus is away for 17m 19s with a message :point_right: ```
When Life Gives You Questions, Google has Answers

<https://www.google.com/>
serene sierra
#

anyone use custom-weather-animated.html with unit_system: metric ? my card showing temperature in fahrenheits

calm rock
#

how to make the badges to show the state in lovelace?

sinful haven
#

is it possible to declare title on "type: entity-filter"?

mild veldt
sinful haven
#

@mild veldt thanks, I guess it was late as I tried it without the 'card'...

mild veldt
#

@calm rock in what card? A glance card or on a view itself?

timid burrow
#

i have a couple of issues with Lovelace.... wondering if they are 'issues' or by design behaviour before I log an issue

#
  1. in customize.yaml if something is set as hidden, that is ignored if the entity is included on a card in lovelace yaml. It used to be ignored in groups yaml
#
  1. history graph in old ui if I click on it it opens up but in lovelace it does nothing?
mild veldt
#

Have you reviewed the logged issues?

timid burrow
#

um... is there a specific place for lovelace?

mild veldt
#

Yes

timid burrow
#

thanks... ill look there

mild veldt
#

Not sure how #1 would be an “issue”. You explicitly describe what is to be on your Lovelace ui

timid burrow
#

i don't see those there.. but i'm not sure if they are issues or expected behaviour

mild veldt
#

Maybe if using a filter respecting hidden would make sense, I guess

frosty pelican
#

if you are explicitly calling it thats different though right?

timid burrow
#

that's true but I did that in groups as well and it was ignored. I only discovered it because I used Dale3h's script to import groups to lovelace and there it was

mild veldt
#

Sounds like you just need to do some cleanup

timid burrow
#

i would never have noticed the error otherwise

mild veldt
#

I wouldn’t consider that an issie

frosty pelican
#

it sounds like what Lovelace was intended for

mild veldt
#

The port script is a tool to help but will likely not get you 100% to what you meed

timid burrow
#

well yeah... well what's the point of having a hidden flag in customize?

frosty pelican
#

to separate the backend and front end

#

because groups have a different purpose other than the UI

mild veldt
#

Things they are a changing as @frosty pelican just said

#

Groups were never meant to define the UI but where there is a will...

undone egret
#

@frosty pelican i kinda like keeping my FE and BE kinda close ... Kinda born that way 🤣

timid burrow
#

hahahaha

#

groups were the only way to define the ui before

frosty pelican
#

yup

#

customize is more of an override almost isnt it?

timid burrow
#

so why have hidden in customize at all then? will that serve some other purpose?

frosty pelican
#

i think hidden was created for groups and the UI to begin with

#

so it may do away with at some point

mild veldt
#

Lovelace has not replaced the current ui...yet

timid burrow
#

I thought it was an overide.... hence my surprise when lovelace didn't get overidden

frosty pelican
#

yea I think I saw some discussion about allowing icons to be defined in Lovelace so we don't need to define in customize as well

#

so probably will be replaced little by little?

mild veldt
#

Can you explain the use case where hidden would be needed though?

quick beacon
#

hidden is deprecated, customize is not the future

mild veldt
#

There it is. The official word 😃

timid burrow
#

ok so it's not a bug but is expected behaviour?

#

doesn't bother me but if it's a bug i'll file an issue

mild veldt
#

C727 is pretty much Lovelace, so their word is law

frosty pelican
#

it sounds like things need to be explicit with Lovelace...so if you list the entity then it will show....even with the monster card if you use a wildcard you still need to exclude the items you do not want

timid burrow
#

so I use custimize for icons and friendly names as well... are they moving to lovelace too?

frosty pelican
#

i think friendly name got replaced with name

quick beacon
#

it's not my word. it was also mentioned before that it was a failure to allow static stuff in entity-state. the customize stuff for emulted_hue and so on was also removed in the past

frosty pelican
#

@timid burrow I am still using customize to display icons for now

quick beacon
#

glance and entities support icon: in next release

frosty pelican
#

^^ woohoo!!

timid burrow
#

what about friendly_name or name?

frosty pelican
#

you can already do name today in Lovelace

#

glance has the same feature

#

so in the next release will icon be deprecated from customize.yaml for Lovelace?

timid burrow
#

ahhhhhhhhhhhhh I hadn't seen that

#

at the moment lovelace is using friendly names from customize

frosty pelican
#

yea and you can override it using name

timid burrow
#

gotcha. so when the old ui is depreciated you will have to do that in lovelace..

frosty pelican
#

I had to do that because glance card only shows like 10 characters and it doesnt play nice when you hve a bunch of items named "Living Room ..."

timid burrow
#

i might as well do that now or maybe next release so I can do icons as well

#

i'm only using entities and media control

#

so my lovelace looks identical (pretty much) to standard ui

frosty pelican
#

I like to keep my cameras on a single page so its nice to get that grid view on those views now

mild veldt
#

I would really recommend starting from scratch. There just so much more you can do and customize now

timid burrow
#

i just don't see the point TBH

#

what about the history graph - if I click on it nothing happens. in the old ui it used to blow it up on the screen

dense roost
#

Why does a lot of text in the back end use primary color, instead of primary text color or something else. I have the primary color set to Black for the header, but it turns a lot of back end text Black as well.

mortal cape
#

@timid burrow blows up when I click on the title for me

timid burrow
#

hmm. not for me.

      - type: history-graph
        title: Speedtest Graph
        hours_to_show: 24
        refresh_interval: 1800
        entities:
          - sensor.speedtest_download
          - sensor.speedtest_download_filtered
          - sensor.speedtest_upload
          - sensor.speedtest_upload_filtered
mortal cape
#

oh I picked any old graph...my mistake

timid burrow
#

hmm... ok... do i need to log an issue for that then?

timid burrow
drowsy summit
#

the whole thing?

timid burrow
#

yeah.. I just need to know the syntax then I can fix other stuff

#

ok... lemme try that..

#

looks good....

drowsy summit
#

cool

#

how's that last edit look?

#

down by your devices 😃

calm rock
#

@mild veldt on the view itself

#

If the state is not shown , then the badge will not send any relevant information

timid burrow
#

@drowsy summit yeah looks much better. Finally a reason to prefer lovelace

#

i do love not having to restart all the time

drowsy summit
#

@timid burrow I had actually made a comment on the config down near your iOS devices... heh >:)

timid burrow
#

i'm not seeing that

drowsy summit
#

I deleted it lol

timid burrow
#

hahahahaha!!!!

#

i didn't copy and paste it back so I never noticed

#

i just wanted the syntax

#

looks much nicer now

drowsy summit
#

it was better with my comment

#

"#get a real phone" I believe it was 😃

timid burrow
#

hahahahahaha

#

tried it, didn't like it

drowsy summit
#

lol

mild veldt
#

@mortal cape can we get this pinned?

mortal cape
#

👌

buoyant skiff
#

Morning

simple jolt
#

Just installed the tracker card. Apart from sensor.tracker_card and sensor.custom_components what do I put in the oat to track the other custom cards I downloaded?

buoyant skiff
#

which are the other cards ?

#

easier question to begin with

simple jolt
#

Gauge card, vertical stack and big number

buoyant skiff
#

well those cards should be tracked by default

#

if you added it correctly

simple jolt
#

It’s showing the tracker-card and custom-ouster as up to date. But I’m pretty sure that my alarm panel card is not.

buoyant skiff
#

did u add ?v=0

#

on gauge and the others

simple jolt
#

No. I did not. Let me try that.

buoyant skiff
#

then you did wrong

#

and thats why it didnt work

#

again its important to read the docs

#

how is the script supposed to know which version is installed ? 😛

simple jolt
#

I didn’t see any versioning instructions on either of the links. Where is it located?

buoyant skiff
#

ui-lovelace.yaml

#

first lines

#

where you define resources

#

Link tracker-card inside you ui-lovelace.yaml <----

simple jolt
#

Yes but in the instructions for the update tracker it didn’t say anything about adding ?v=0 to the .js file.

buoyant skiff
#

well if you did it for one card maybe its implied that you should do it for the others aswell

#

can talk to ludeeus later on in the day

#

make him include that

#

so we really have a step by step

simple jolt
#

Yea sometimes clear instructions help us non expert users.

#

We are all eager to try Lovelace

buoyant skiff
#

well its not really expert level stuff but i see your point

#

and its good if the instructions are clear for novice or beginners

#

takes less time from the real stuff

simple jolt
#

And I’m sure updating docs is never high on your list of priorities.

#

If I click on update all will it update the card or is it best to download the latest version from the repo?

buoyant skiff
#

yes

#

there

#

did a pr

#

to add that part

#

now im off to work

placid geyser
#

Good morning.

buoyant skiff
#

.away at work

kind shellBOT
#

Toast is away! at work :wave:

frosty pelican
wheat current
#

And in the README for every supported card

empty heath
#

@buoyant skiff @wheat current Have you guys played with YAML node anchors in Lovelace yet? 😃

kind shellBOT
#

Toast is away for 1h 22m 8s with a message :point_right: at work

empty heath
#

~yaml_anchor

buoyant skiff
#

Nope

empty heath
#

It's a neat way to not have to duplicate the same stuff.

wheat current
empty heath
#

@wheat current Wanna see mine?

wheat current
#

Are you allowed to ask that? 😂

empty heath
#

😂 I had to.

#

I have so many ui-lovelace.yaml files right now I don't even know how to keep up with them.

wheat current
empty heath
#

Yup ^ That's correct.

wheat current
#

Hahahaha 😂

empty heath
#

I typed that into hastebin and hit Ctrl+S 😉

#

I think I am up to 10 HA installs now. 😢

wheat current
#

Not bad :)
I'm only at 6 7 😛

empty heath
#

Coming soon: Lovelace Migration add-on 😮 ...maybe tomorrow? 😃

wheat current
#

It's allready tomorrow here, where is the addon ? 😄

timid burrow
#

the script works really well @empty heath

#

what extra will the add-on do?

wheat current
#

Assuing it will make sure requisites are in place, un it for you, with an export to /config?

timid burrow
#

oh that would be an advantage..... but its a one off action

wheat current
#

He may have some other idea for it, I'm just guessing here 😛

empty heath
#

@timid burrow Since using the script on Hass.io is so difficult, I figured I would appease @quick beacon and make it as simple as possible. With the add-on you can install it, run it, and boom -- it does everything for you.

#

@timid burrow Which one action might that be?

timid burrow
#

well exporting to lovelace isn't something you do more than once is it?

empty heath
#

Ahh, I read that wrong.

#

Yes, it is a one-off add-on.

wheat current
#

How long have you used home Assistant. ? 😂

#

I would have ran it multiple times 😅

empty heath
#

(In most cases, it is one-off) 😂

timid burrow
#

but it was a pain installing pip etc and then using copy/paste from the output to copy to yaml but yeah an addon will be appreciated by some

empty heath
#

But, the great news is that it automagically backs up your ui-lovelace.yaml file if it already exists!

wheat current
#

💯

timid burrow
#

that's a win

empty heath
timid burrow
#

nice

wheat current
#

How about moving them to /backup/lovelace ?

#

(so I don't have to change my .gitignore) 😅

empty heath
#

I don't see that being feasible, unfortunately. I mean, it's possible, sure, but not necessary in most cases.

timid burrow
#

for a one-off hahahahahaha

wheat current
#

(I'm probably an edge case user 😛 )

empty heath
#

@wheat current You could always just have it generate to /backup and then copy it over afterward. 😃

wheat current
#

Perfect 👌

empty heath
#

@wheat current Or if you reeeeeally want, I might be able to add a post_commands or after_commands (couldn't think of a better name) option.

wheat current
#

post_commands make sense (at least to me) 😄

empty heath
#

Done. Testing.

wheat current
#

😍

empty heath
#

...still building. Damn rpi3b is way too slow. 😂

wheat current
#

That is by design, so you can get a sip of 🍺 while working 😉

empty heath
#

Man, if I start drinking now...I won't go to bed!

#

I'm sure my daughter will be up pretty early in the morning, so I need to be up with her.

#

And it is already 3:30am here.

#
[03:31:46-0500] INFO ----> Output file is set to: /config/ui-lovelace.yaml
I am the one before execution.
I am the two before execution.
ERROR:__main__:/config/ui-lovelace.yaml: file exists, backed up to: /config/ui-lovelace.yaml.4
INFO:__main__:Lovelace UI successfully written to: /config/ui-lovelace.yaml
I am the one after execution.
I am the two after execution.
[cmd] /usr/bin/run.sh exited 0
wheat current
#

Just perfect 😄

empty heath
#

@wheat current Here ya go, this I think does the trick:

{
  "log_level": "info",
  "output": "/backup/ui-lovelace.yaml",
  "init_commands": [
    "cp /config/ui-lovelace.yaml /backup/ui-lovelace.yaml"
  ],
  "post_commands": [
    "cp /backup/ui-lovelace.yaml /config/ui-lovelace.yaml"
  ]
}
#

That should ensure that the backups are only written to /backup/, and that the latest backup is of your actual /config/ui-lovelace.yaml

wraith hill
#

Hey Anyone using pushover with latest homeassistant? I have problem with the sound is very low even when i have priority: 1 When i switch back to old 0. 62 the sound is high again for priority message any tips?

wheat current
#

Looks good 😄 now I just need a repo link to install it

wraith hill
#

oh i didnt noticed i was on wrong window

empty heath
#

@wheat current I can send you a ZIP file, but it is not pushed to GitHub yet.

wheat current
#

Take your time :D
I have enough to test allready 😛

empty heath
#

😃

#

I need to try and get some sleep, seriously.

#

G'night!

wheat current
#

Good night 😃

empty heath
#

@timid burrow A situation where it would not be one-off is if you create a new view in the old UI and want to get just that view from a newly generated ui-lovelace.yaml. In this use-case, you wouldn't want to overwrite your live ui-lovelace.yaml, but instead to a separate folder, and then open the file and copy/paste just that view.

timid burrow
#

fair call..

empty heath
#

~away 😴 -- but @wheat current might be able to help!

kind shellBOT
#

dale3h is away! 😴 -- but @wheat current might be able to help! :wave:

woven blaze
#

icon-state element within picture-elements does not change color based on state. is it? why?

wheat current
#

@woven blaze It does that for me

woven blaze
#

@wheat current may you try with group (like group of lights)

wheat current
#

A group of lights or a light group?

woven blaze
#

sorry i don't understand the difference. i mean like having 2 lights and create a group for them so you can action both togather.

wheat current
woven blaze
#

ohh thats new for me.. thanks! I'll try that

#

@wheat current on a different element.
i would like my room temperature to float on the picture, i used state-label. however it's text color being too dark to read, any way turning that into white?

buoyant skiff
#

color: white

#

read up on styling in the docs

wheat current
#

@woven blaze like @buoyant skiff sugested:
add this to the element

style:
  color: white
#

Some one need to put transform: none in the docs, I use that for all my texts now 😛

paper finch
#

hi

woven blaze
#

why is all that simple..?! hehe

buoyant skiff
#

list of named color values

#

if you dont wanna do anything fancy

#

@woven blaze suggest your read the docs

wheat current
buoyant skiff
#

working half day today also

#

so quitting in 15 min

paper finch
#

i have a question

buoyant skiff
#

shoot

#

lets see if we can help

paper finch
#

id like to create a button that calls the service "light.turn_off" for "group.all_lights"

#

not a toggle switch

buoyant skiff
#

and what card are you working with ?

paper finch
#

any card

buoyant skiff
#

k there are various styles my favorite card is picture element

#

there you can define an entity and do a service call

wheat current
#

A script will give you an execute "button"
@buoyant skiff are there a botton element for picture elements?

buoyant skiff
#
  - type: picture-elements
    image: /api/camera_proxy/camera.jeaves_cleaning_map?token=*
    elements:
    - type: state-icon
      tap_action: toggle
      entity: vacuum.jeaves
      service: vacuum.locate
      style:
        top: 5%
        left: 95%
        "--paper-item-icon-color": rgb(115, 122, 130)
wheat current
#

So no 😛

buoyant skiff
#

was showing @paper finch

paper finch
#

lol... can i just get a basic button for now? maybe ill deal with picture elements later

buoyant skiff
#

for you @wheat current state-icon

paper finch
#

bit too advanced at the moment i think

#

ill keep that in mind though

#

looks cool

buoyant skiff
#

its not advanced 😄

wheat current
buoyant skiff
#

service-icon

#

thats what i use

#

then as entity the script

#

works like a charm

#

care less about button

quick beacon
#

Your service is homeassistant.turn_off if your entity is group.all_lights

paper finch
#

what yaml file do i put this in?

#

is it all done in lovelace?

buoyant skiff
#

ui-lovelace.yaml

wheat current
quick beacon
#

Lol, this is basic HA service syntax

buoyant skiff
#

time to head home 😄

#

3 more days to go

wheat current
#

docs still wrong

quick beacon
#

Indeed

paper finch
#

im new to yaml. never used it before until today

#

im an openHAB user but i like HA GUI better

wheat current
#

~yaml

kind shellBOT
buoyant skiff
#

take your time and read the docs

#

😃

paper finch
#

i have been

wheat current
#

All lovelace config goes in the ui-lovelace.yaml file, if you do not have that, just create it and get started 😃

paper finch
#

ive just been using the commented sections to understand lovelace. dont know the statements

wheat current
#

statements?

paper finch
#

commands?

#

sry... self learning programming jargon

#

so at the moment i have

#
views:
  - icon: mdi:home-assistant
    title: Home
    id: home
    cards:
      - type: entities
        title: Lights
        entities:
          - entity: group.all_lights
            name: All Lights
#

but i want a single button and not a toggle

buoyant skiff
#

then you need to change the type