frontend-archived

[tight scarab]

https://i.imgur.com/d6BUXnW.png now I just need to make this thing prettier, and probably more compact.

[deep hedge]

What am I missing? On the zwave config page under Configuration, at the bottom, is the OZW Log section. I click on the Load button and nothing ever happens. I can see the log in my config folder. It doesn’t matter if I put non-zero numbers in and use Tail instead. Nothing. Any advice? Standard HassOS install, HA 0.109.6.

[vapid field]

Anyone got tips on customising the icons for cover entities? I have cover.my_curtains defined as curtains... but it uses open/closed blinds as its icon and has up and down arrows for open and close... which are not ideal.. I'd like to replace the buttons with something like <> and >< (arrows not less/more-than), and preferably better icons for the main icon (though can't see anything suitable on mdi)

Just repeating this q in case anyone on right now knows how to do this ^^^

thanks !

[karmic tiger]

This might help with overriding the entity's icon https://www.home-assistant.io/integrations/cover.template/

For the icons for the control buttons... they're built in to the card. You may have to find another card instead.

[vapid field]

Thanks! I'll investigate icon_template ... currently searching mdi for some suitable open/closed icons - i suspect I'll end up sticking with the up/down blinds...

ref an alternative - I seem to remember seeing something where you can have several buttons on an entity row, like the thomasloven slider row but for a few buttons? so i can manually call the open/close/stop services?

[karmic tiger]

I'm not sure exactly what you mean. There are custom cards like this that are really flexible: https://github.com/custom-cards/button-card

You can build pretty much anything in that card.

In the examples (way down the bottom of that page), there's a 'row of buttons'.

[vapid field]

Thanks for this, sorry that was very unclear! I mean something like this: https://imgur.com/a/9MggKW4
First is how it looks currently, second is three buttons open stop and close on an entities card row... I was hoping there may be a way to do this ie where each button calls a service - so emulating the cover. entity...

[karmic tiger]

In that case, the button-card should achieve what you want. I think you can bind any clickable element to any action/script you want.

I haven't used it myself so I can't help with configuring it. I just have it bookmarked because I've seen so many cool cards people have created with it - when I finally get round to tidying up my dashboard, I'll be using it 🙂

[vapid field]

Great, thanks, I’ll give that a go this morning... will let you know...

[vapid field]

@karmic tiger OK after a while trying out button-card, I found multiple-entity-row instead. it worked!
https://imgur.com/Mpolfqy
Not super happy with the icons but they seem the best I can do with mdi at this stage. +37 WAF points here so all good!

@karmic tiger thanks for your help, got me on track and I'm ready to move onto next project now....

[proper mesa]

Hello guys, i'm using imgur because can't upload images here.
https://imgur.com/a/wzV1lQg

Are you aware of some cards for lovelace that would take the best of picture-glance and banner-card and put them into a single card?
In the specific, what I like about banner-card is that bottom bar with clear text/status about sensor.
About picture-glance, i like all the rest.

[hallow spear]

Hi not sure if this is an esphome question or a HA one. Have a esphome template sensor which is basically a % open for a skylight. I want to display the history for it but it shows as a linegraph with bands and text of different colours. Is there something I need to set somewhere to tell HA or esphome that the value is numeric?

sensor:

• platform: template
  name: "Window Pos"
  id: window_pos
  unit_of_measurement: "%"
  accuracy_decimals: 1
  filters:
  • multiply: 100

[limpid apex]

Is there a custom card just like custom:vertical-stack-in-card but for a horizontal stack?

Found Stack in card by RomRider

Worked perfectly 👍

[polar kelp]

Putting a horizontal stack in the vertical-stack-in card usually works. But romriders card is better.

[limpid apex]

I was trying to put in a custom:fold-entity-row and this card doesn't allow a vertical or horizontal stack

[elder pendant]

Isn't that only for the entities card?

[limpid apex]

Nope

You can put anything inside the fold entity row card

But some cards won't work, just like the vertical stack and horizontal stack don't. But for some reason custom cards do work...

[edgy canopy]

Hello! I've some updates for the old tablet! First, the brand site is down since 2019, probably closed. No chance to update Android, even the exact model of the tablet is not really present on the net.

And, best of all, yesterday, I tell you that with Firefox it isn't working. I just see that it's a totally different browser installed by default and named Firefox, with the right icon, but not the real Firefox

I installed the official one but no change, still "Initializing", I think I'll give up...

[elder pendant]

That's probably the best choice for your sanity

[wheat bone]

Has anyone had issues with installing the restriction-card? For this one, and only this one, I keep getting Custom element doesn't exist: restriction-card. shown in the lovelace UI. Even though I've added the resource just like it said when installing (though HACS), and like many others that work.

[edgy canopy]

If an IPcam viewer is available it can be a recycle idea but the favicon of the "new page" took 30+ sec to show up so I think the CPU will die in a couple seconds

[crystal moat]

Anybody here comfortable with JS templating?

I am having a bit of a roadblock and can't figure what's wrong with my code. It's probably something simple but since I have no JS training i might be overlooking it.

[wheat current]

There is a higher chance of an answer if you actually post what you are asking ;)

[kind shell]

@crystal moat posted a code wall, it is moved here --> https://paste.ubuntu.com/p/c49SzMjq43/

@crystal moat posted a code wall, it is moved here --> https://paste.ubuntu.com/p/295qgJ75dp/

[crystal moat]

Ok, i don't get it, there's like 6 lines of code, how is that a wall. And it also removes my explanation...

[kind shell]

Rule #6: Please do not post codewalls (longer than 15 lines) - use sites such as https://hasteb.in/, https://paste.ubuntu.com/, or others.

Please take the time now to review all of the rules and references in #rules.

Command '~codewall' was invoked by: Tinkerer

Rule #6: Spam will not be tolerated, including but not limited to: self-promotion, flooding, codewalls (longer than 15 lines) and unapproved bots.

Please take the time now to review all of the rules and references in #rules.

Command '.rule6' was invoked by: Villhellm

[split granite]

Your post is over 15 lines

[elder pendant]

Milliseconds late

[split granite]

Repeating it after the bot moves it... don't do that 😉

[crystal moat]

But my post contains the explanation..
Shouldn't the bot count betwen "" and ""

[split granite]

No

[crystal moat]

Between triple ticks

[split granite]

Because you posted a wall of text to the channel, which is nasty for those on mobile, with smaller screens, etc

[crystal moat]

Ooooh! Gotcha, never used Discord on a mobile, but it probably looks bad haha

[split granite]

It's called a codewall, it's just a wall of text...

[crystal moat]

I apologize, third language. I thought a code wall was only code

[split granite]

Well, it's ... not obvious 🤷

Best thing to do is post the code to the relevant code share site, and the summary here of the problem, with links

[crystal moat]

Gotcha, let me do that!

Basically, I have two JS templates.
https://pastebin.com/0DR7vBhz that doesn't work.
and
https://pastebin.com/pvGN3g8N that does work.
They both seem to have the same structure but I cannot tell why one works and the other crash my card.

[plush mountain]

hi guys, I have a question regarding Markdown and Entities - is this the right thread?

I want to display the entity names, not the entity ID's in a Markdown card

can this be done?

[elder pendant]

You mean the friendly name?

{{state_attr('domain.entity', 'friendly_name')}}

[plush mountain]

yes, kind of - I have an entity_filter - under which I defined several entities - and I want for those entities to have a friendly nae

name

`entities:

• entity: light.686633613c71bf34925d
  name: Vlad Bedside Lamp
• entity: light.686633613c71bf349873
  name: Roxi Bedside Lamp
• entity: light.desk_led
  name: Desk Leds
• entity: light.kitchen_led
  name: Kitchen Leds
• entity: light.livingroom_lamp
  name: Livingroom Lamp
• entity: light.office_lamp
  name: Office Lamp`

and it shows: The lights that are On are: light.desk_led

instead of the name - Desk Leds

[elder pendant]

What is in your markdown card?

[plush mountain]

this is all the card code - it's a manual card

[kind shell]

@plush mountain posted a code wall, it is moved here --> https://paste.ubuntu.com/p/mbx8r8rKJP/

[elder pendant]

Have you tried l.name instead of l.entity?

[plush mountain]

nope - I can give it a go - give me a sec

wowwwwww - you are the man - i could have tried several days

It did not occur to me to try l.name - it works - super duper

@elder pendant super - thank you very much - I really appreciate it. This is because I defined the names for each entity - or because it pulls it from HA directly?

[elder pendant]

Because you defined the names in the filter

If they already have friendly names you can skip that step by using state_attr(l.entity, 'friendly_name')

[wheat current]

states["light.bedroom_lights"].attributes.rgb_color[0] > 252 this will never be true, 255 is max @crystal moat

[plush mountain]

aha - ok, got it, and in the same idea, can I use the switch on/off as for buttons - eg - if a light is reported On - to have the opt to turn it off

[odd light]

is anyone using the custom-search card?

[elder pendant]

@wheat current did you misread that? Or am I misreading it?

it's checking for greater than 252

[wheat current]

ahh... I read 255 🤦

[odd light]

this isn't working for me.

type: 'custom:search-card'
  max_results: 10

[wheat current]

@crystal moat ignore the first

But are you sure you did not mix it?

https://pastebin.com/pvGN3g8N (which you claim works) is not valid.
https://pastebin.com/0DR7vBhz (which you claim does not work) is valid
Both needs some work

[crystal moat]

Wtf... The ïnvalid one"works

[elder pendant]

@plush mountain I'm not 100% sure what you're asking, but you could probably do that with some button cards and conditional cards

[crystal moat]

I can show you the entire code if you want

[wheat current]

https://hastebin.com/hiwupeveni.rb

[plush mountain]

@elder pendant that's what I am hinting about - thank you so much for the idea and your time - really appreciate it.

[crystal moat]

@wheat current What is the difference between both files? Syntax wise they look the same to me except for what they output.

[wheat current]

One of them are not valid, so there is that 🤷‍♂️

Look at the link I shared

[odd light]

ah well, search card is broken I guess lol

[crystal moat]

@wheat current Which link? The two that you posted direct to my pastebins.

[wheat current]

https://discordapp.com/channels/330944238910963714/460846676358332417/715984599058219008

[crystal moat]

I'm blind🤦‍♂️

Don't I need the tick to nest queries? (I found all my information here: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals
I see that you've removed them on your paste

[wheat current]

You need that, but it's not part of the code, just around it, so I did not include those

[crystal moat]

I need it, but it's not part of the code?
The complete thing would look like this then?

${
  states["light.bedroom_lights"].state === "on"
    ? `${states["light.bedroom_lights"].attributes.rgb_color[0] > 252
      ? states["light.bedroom_lights"].attributes.brightness / 255
      : states["light.bedroom_lights"].attributes.rgb_color[0] / 255
    : "" }`
} ```

[wheat current]

no

just around what I gave you, not inside

[crystal moat]

But, I want this snippet

      ? states["light.bedroom_lights"].attributes.brightness / 255
      : states["light.bedroom_lights"].attributes.rgb_color[0] / 255```
To only un if the light is on. (Calling those variables with the light off cause the whole card to not render)

Shouldn't it be inside ${}

[wheat current]

Share the whole thing

[kind shell]

Please use https://paste.ubuntu.com/ or https://www.hastebin.com/ to share code or logs.

Command '.share' was invoked by: Ludeeus

[crystal moat]

https://hastebin.com/saderojaba.rb Line 66 and under is for other lights. I am focusing on the entity at line 19-37.
Once opacity works there I'll duplicate to all the colored layers

[wheat current]

probably just missing the default

Change 33 to 1 }

[crystal moat]

Nop 😦

[wheat current]

Yeah, you have more issues

[crystal moat]

I figure that'd be the case, I have zero training in JS. I tried reading as much as I could and it seemed to work okay, Until i got to that Opacity thing.

All the rest works if I remove the lines for Opacity

(at line 28

[wheat current]

https://hastebin.com/ulilegomam.rb

[crystal moat]

Lemme try that

Doesn't crash, let see if the opacity is applied

[wheat current]

That is the same as I gave you before, but with 1 (default opacity) as fallback, instead of ""

[crystal moat]

omg, that works.

How come that "" didn't worked? I can't return an empty value?

[wheat current]

Should not be an issue

maybe you pasted it wrong?

[crystal moat]

Maybe. At least it works. You have no idea how grateful I am. I've been struggling with this for at least 10 hours.

[halcyon laurel]

I'm going bananas here - I installed a couple themes through HACS and I cannot for the life of me get them to show up. Same with Custom Header.

I have the following in my config.yaml

`frontend:
themes: !include_dir_merge_named themes
resources:

• url: /community_plugin/custom-header/custom-header.js
  type: module `

Rebooted

absolutely nothing shows in the log

indicating an error

But the themes dropdown is grayed out

[elder pendant]

Who told you to put resources under frontend?

And poorly indented at that

[halcyon laurel]

And while I can see Custom Header module is installed if I go to Config -> Lovelace -> Resources, there is nowhere to use it

[meager pulsar]

you only need:

frontend:
themes: !include_dir_merge_named themes

[halcyon laurel]

Ah crap caught it

[meager pulsar]

no resources bit

[halcyon laurel]

@elder pendant caught my mistake

I had a space hanging out before frontend and again before resources

The "resources" line is for custom header

It's not meant to be nested in frontend I just had my spaces screwed up

[elder pendant]

Are you using YAML mode for lovelace?

[halcyon laurel]

No

[elder pendant]

Then resources don't go in your configuration.yaml at all

[halcyon laurel]

Ah ok

Ok I got the themes to show up

I don't understand where I interact with Custom Header

I see it installed in Lovelace -> Resources

[elder pendant]

Did you read the documentation for the plugin?

[halcyon laurel]

Yes

"Much of the config can be done by using the UI editor which can be found by selecting "Custom Header" in the options menu of Lovelace"

I do not see that option anywhere

[elder pendant]

When you click the three dots in the top right of a lovelace view

you don't see a Custom Header option?

[halcyon laurel]

No.

"Configure UI" and "Help"

In editor mode, I get "Unused Entities" and "Raw configuration editor"

[elder pendant]

What version of Home Assistant are you running?

[halcyon laurel]

Latest

[elder pendant]

that

is not a version

[halcyon laurel]

0.110.3 I believe — had to step away from the PC

[elder pendant]

try clearing your browser cache/refreshing the page. If the option is still not there then try adding the configuration manually in the raw editor

[halcyon laurel]

Will do - thanks

[odd light]

anyone using the search-card custom card ?

[inner bone]

Hi -- I'm so embarrassed to ask this but I cant seem to figure it out. For whatever reason I can't get local images to show up. I'll put in the path /home/ha/images/image.png but it will not render in lovelace. Web images work fine though. "Hangs head in shame" -- been searching on this for like 2 hours

ok -- nevermind

i figured it out -- gotta be in www ... but then you list it as /local

https://tenor.com/view/the-simpsons-homer-simpson-homer-good-bye-im-done-gif-3610339

[worthy kiln]

Just updated to newest ha release. Now all custom lovelace components are not longer working with the mobile app (ios). What can i do to fix?

Its also not working within browser:(

[split granite]

Check the repos of those custom components. If there's no open issue for what you're seeing open one.

[worthy kiln]

Tought, because all of them has issues, its a general problem. Having issues with mini media player and mini thermostat for example

But i will do

[haughty dove]

@odd light yes, need help? (Icons in the search field are not visible yet, due to 110 icon change, if that is your question)

[karmic tiger]

Tought, because all of them has issues, its a general problem. Having issues with mini media player and mini thermostat for example
@worthy kiln Since you haven't described the issues, I'm relying entirely on guesswork here... by 'not working' do you mean stuff like missing icons and weird layouts? If so, update those components and clear your browser's cache for HA.

[finite pond]

Where do I paste this?

https://github.com/N-l1/lovelace-soft-ui#5-done

[swift forge]

hi guys, i've 2 lamps in lovelace, both as light entities, the rgb one is fine, but the normal on/off one has 3 dots in top right corner, so icon is a bit smaller... how to have them the same, and remove the 3 dots? thanks

[vapid field]

@halcyon laurel did you sort this? I had same issue, did a reinstall, via hacs and it works again on all my tablets and phone and computer with just a simple refresh, no cache clearing necessary.

[halcyon laurel]

@vapid field Still not working. Tried removing the module and reinstalling via hacs, tried clearing cache, even tried a different browser that I'd never accessed HA with. Still cannot get Custom Header to show up anywhere.

[verbal sand]

Hey guys. I used custom header to remove the header on one of my alternative dashboards. Is there any way to bring it back?

[molten sonnet]

Is there a weather card out there that displays local sensor data for the current conditions and then the forecast using a weather integration?

[odd light]

@haughty dove can I see the yaml for your card? I can't even get it to work using the example.

[haughty dove]

@odd light sure, here you go:
max_results: 25
type: 'custom:search-card'

@verbal sand yes, put this at the end of the url: ?disable_ch the stock header will show up and you can make changes to custom header

[odd light]

I swear I did that

@haughty dove did you just add it to a manual card?

wait

I need card-tools

argh

[haughty dove]

Yes exactly

[odd light]

it still says I need card tools, going to restart HA, I installed it through HACS

Can't find card-tools. See https://github.com/thomasloven/lovelace-card-tools
type: 'custom:search-card'
max_results: 10

wth

[haughty dove]

Try deleting cache or see if it works in incognito mode.

[odd light]

good idea

[deft trout]

👋

[odd light]

didn't work, maybe the card-tools hacs install doesn't work

@polar kelp is your card-tools HACS installer borked?

[deft trout]

I just updated to HA 110.4 from 110.1 and I'm having trouble loading the lovelace resources. I read that I have to move them to the config.yaml file but that didn't solve the issue. Any suggestions?

[haughty dove]

@odd light feel free to pm me, sure we can sort this out without the help of the busy dev

[odd light]

haha yeah

I think its the resources part, one sec

it was missing but the files are there, I put the URL as /hacsfiles/lovelace-card-tools/card-tools.js

[haughty dove]

@deft trout The placing of the resources depends on your lovelace mode. https://www.home-assistant.io/lovelace/yaml-mode/ only place them in the configuration.yaml if you have this enabled. Otherwise it should be configuration > lovelace dashboards > resources

[odd light]

yeah thats where I am

lovelace dashboards

its still not working though

argh

[haughty dove]

@odd light that wasn't for you ;) try cache/incognito again

[odd light]

ok

that worked, score

lol

his hacs installer is broken though

fyi

[haughty dove]

I also had problems with resources not getting auto-loaded, nothing to do with card-tools, probably more hacs-related

[odd light]

could be, have been lots of updates since I added stuff.

[deft trout]

@haughty dove I do have yaml mode enabled. Could it be that the directory path needs to change? I have all the resources under "config/www/community/" and this is what the resources block looks like

lovelace:
  mode: yaml
  resources:
    - url: www/community/button-card/button-card.js
      type: module

[odd light]

seach box is awesome

any other good stuff for the frontend I need to check out?

[limpid apex]

Is it possible to add a blur only to the background image of a card and not the whole card?

[haughty dove]

@deft trout try changing them to: /hacsfiles/button....

[deft trout]

@haughty dove That did it. Thank you!

[haughty dove]

@odd light mini graph card, mini media player, restriction card, lovelace swipe navigation, custom sidebar and atomic calendar revive are my favs

@deft trout perfect! Glad it works

@limpid apex what card are you using? And how do you get it to blur at the moment?

[limpid apex]

I'm using card mod and I added a background image to the entities card

But the blur applies to everything, including the content of the card

I'd like to add the blur only to the background image

[haughty dove]

Maybe not exactly what you're looking for, but can't you just blur the image in gimp or whatever and put the blurred one as background?

Otherwise you need to share your code

[limpid apex]

I could do that, but then I would lose the ability to change the values on the go

https://hastebin.com/eriladavor.makefile

[limpid apex]

thomas has a bunch of example here https://github.com/thomasloven/lovelace-card-mod/blob/master/src/example.yaml

but none of them include a blur effect sadly

[karmic tiger]

Does the background image you're adding appear in its own DOM element when it's rendered?

[limpid apex]

Idk what that means.... But it does what is says, it substitutes the black background for an image while keeping the content of the card on top

[west iron]

Hi Guys, I am trying to figure out how to add a Lovelace floorplan to HA. (https://github.com/pkozul/lovelace-floorplan). Is there a new way of doing this now as copying the files into the www folder isnt working for me?

[split granite]

Following that should work

You should have

/config/www/floorplan/floorplan-card.js
/config/www/floorplan/lib/ (three files)

Then you add a resource of /local/floorplan/floorplan-card.js?v=1.1.14 - type module

[west iron]

and I can do that using the UI?

[split granite]

The resource part, yes

-> lovelace -> Resources_

[west iron]

ok, got that.

Configure UI > add brings up the "Which card would you like to add to your "Home" view?" but nothing listed there for Floorplan.

[split granite]

You have to pick the very last option for a custom card 😉

[west iron]

manual?

[split granite]

Yup

[west iron]

Would the type just be floorplan?

[split granite]

custom:floorplan-card

https://github.com/pkozul/lovelace-floorplan#3-adding-to-lovelace

[wicked lake]

Hi. (YAML mode) In a previous version, resources for custom cards were in my ui-loveelace.yaml card and I could update cards without restarting. Now they're under lovelace in the main config and every change (e.g. new card) requires a restart. Is that the intention... or is there another way around this to avoid requiring restarting?

[wheat current]

There is a service for it

[west iron]

hmm, still getting Custom element doesn't exist: floorplan-card. type: 'custom:floorplan-card'

This is really the very first thing I am doing in Lovelace, am I missing any pre-reqs?

[wicked lake]

@wheat current - I see lovelace.reload_resources now thanks!

[sharp garden]

Hi I have a HACS card question am I in the right place?

Well since no one is telling me no so... I am just going to ask. I am reading the instructions on my first HACS card import and it says install from script ```
install /config

check output looks good

install go /config

I am running hass.io on an Unraid VM

I do have SSH installed as an add-on

am I running the script in the wrong place?

https://github.com/twrecked/lovelace-hass-aarlo

the instructions I am following

[dark dirge]

If you install it via HACS you don’t have to follow the ‘From Script’ instructions

[sharp garden]

COOL

I didn't do it right thank you for the assist

I added it into resources

[sharp garden]

Ok I was able to install it but now I can't get the card to work

https://github.com/twrecked/lovelace-hass-aarlo#how-it-looks

I don't know if it is recognizing this command ```
binary_sensor:

• platform: aarlo
  monitored_conditions:
  • motion````

The instructions specify that you have to add that before adding the entity code

so I did but then when I tried to configure my entity it threw an error

his example is more than 10 lines of code but I copied it exactly and changed the entity id and name

https://bin.cajun.pro/yucijaxuzo.makefile

I think I may be putting it in the wrong place in my yaml because I am getting general errors

starting with Integration type not found

do you need to put card configurations in a different yaml maybe?

[dark dirge]

Did you actually add the aarlo integration? Or just the card?

[sharp garden]

I see the repository in the HACS frontend

[dark dirge]

You need to add the integration before the card will work

[sharp garden]

Oh you mean the yaml in the config yes I did that as well

[dark dirge]

Not just the config entry, the integration itself

[sharp garden]

yes I can see my arlo cameras right now I am just rying to get the lovace card mod to work

what do you mean?

[dark dirge]

This: https://github.com/twrecked/hass-aarlo

[sharp garden]

yes I did that

followed all those directions

[dark dirge]

And your binary_sensor code block above goes in configuration.yaml

Not in your Lovelace YAML file

[sharp garden]

let me check on tha

[kind shell]

https://www.home-assistant.io/integrations/binary_sensor/

Command '~binary_sensor' was invoked by: RobC

[sharp garden]

yup its in

was in

[dark dirge]

Then I’ll need more context to help

[sharp garden]

ok what can I tell you

thank you so much for the help

[dark dirge]

What files did you change, what did you add, what are the errors

[kind shell]

Please use https://paste.ubuntu.com/ or https://www.hastebin.com/ to share code or logs.

Command '~share' was invoked by: RobC

[sharp garden]

https://bin.cajun.pro/yucijaxuzo.makefile

I used his example and changed it to my entity id and name

then it started throwinging errors on "type"

[dark dirge]

Where did you put that?

[sharp garden]

right below the binary sensor block

[dark dirge]

That’s wrong

[sharp garden]

in the configuration.yaml

[dark dirge]

It needs to be added as a card in Lovelace

[sharp garden]

ok awesome thats what I needed to hear

I had a theory that might be the case

do I need to create a new file I don't see a lovelace.yaml

[dark dirge]

I manage my own YAML, but you can add a custom card through the UI via the menu at the top right

I’m just Googling, but this looks reasonable: https://community.home-assistant.io/t/how-do-i-add-custom-cards-with-the-lovelace-ui/97902

[sharp garden]

still working on the yaml

@dark dirge are you still around?

[dark dirge]

I am

[sharp garden]

ok so I did what you said and I created an empty dashboard for testing can I show you the card?

https://bin.cajun.pro/vowoqiweno.makefile

nothing is showing up though

it created lines 1-5 itself

[dark dirge]

Your indentation is wrong

[sharp garden]

dang it

sorry

where did I screw it up and how do you know?

so I don't do it again

[dark dirge]

To start, you’re missing a cards: block

[sharp garden]

cards: Test

do I need a "-"

[dark dirge]

Oh, sorry. On phone

[sharp garden]

oh no problem

[dark dirge]

You need need to indent your block

[sharp garden]

I really appreciate the help on a Saturday

[dark dirge]

If you have a working view, follow that format

[sharp garden]

ok before I distract you anymore let me compare my views and hopefully that will fix it

thanks again

[dark dirge]

Card blocks under cards: need to be indented and start with ‘-‘

To allow for a list of them

[sharp garden]

https://bin.cajun.pro/newifuhoti.makefile

I looked at my funtioning dashboards and thats the way they looked to me like they were indented but it is throwing an indention error at the entity

[dark dirge]

You still haven’t fixed the indentation

Read my earlier message

You just did the first line

[sharp garden]

so like this ```
cards: Test

• entity

[dark dirge]

The whole thing, starting at type: xxx, needs to be indented under cards:

[sharp garden]

oh I am sorry

[dark dirge]

It’s all one card

[sharp garden]

one more time https://bin.cajun.pro/pococupoju.bash

[dark dirge]

does it work?

[sharp garden]

its throwing the error at type

did I indent that wrong

[dark dirge]

it takes a list

you need to add '- '

[sharp garden]

before type

• type:

[dark dirge]

badges: []
cards:
  - cards:
      - entity: camera.aarlo_front_path
        name: Front Path
        show:
          - sound
          - snapshot
          - battery_level
          - captured_today
        top_status: false
        top_title: false
        type: 'custom:aarlo-glance'

this is mine, but it has an extra cards: level that you don't need

I just can easily edit it and keep the indentation correct

[sharp garden]

oh man thank you

let me give it a shot

[dark dirge]

so get rid of the second cards: and reduce the indentation of everything below it

[sharp garden]

you just have that there because you have multiple cameras right?

[dark dirge]

yes, I have a vertical stack

and a bunch of cameras cards in there

[sharp garden]

now its throwing an error on views since I took it out

[dark dirge]

don't take it out if you're trying to define a new view

I just gave you a snippet of code

I just don't have a readymade sample that does exzactly what you need.

[sharp garden]

so do I just give it a name for a view

[dark dirge]

you seem to have working views whose format you can follow

[sharp garden]

saying object expected

this is what it says on my working version

title: Home
views:

then it gives all the entities

[dark dirge]

alright, let me work somethign up

[sharp garden]

after badges

[dark dirge]

if you understand what the blocks are, then it will make logical sense.

you have to think through it

[sharp garden]

I am trying to understand the logic thank you so much for your help

Logically it would make sense to name the view but I don't understand why it works fine in my other dashes

[dark dirge]

show me your whole file

[sharp garden]

https://bin.cajun.pro/jakeqisayi.sql

[dark dirge]

you didn't get rid of the extra cards: layer that I mentioned

[sharp garden]

I thought I could keep it since I am going to add more cameras once I get one working

sorry I can take it out

done

https://bin.cajun.pro/rerowecewo.sql

[dark dirge]

try this:

[kind shell]

@dark dirge posted a code wall, it is moved here --> https://paste.ubuntu.com/p/nJB42rfsRG/

[sharp garden]

🙂

[dark dirge]

your indentation is still off

2 spaces per level

[sharp garden]

you rock man it finally is working!!!!

I will pay it forward

Are you a developer do you have a donation jar

[dark dirge]

no, just some guy

[sharp garden]

thanks for taking time out of your day to help me get my kids camera set up

[dark dirge]

part of the community

[sharp garden]

I will do the same I promise

[dark dirge]

np

I recommend taking a moment to look through it and figure out what's going on so that it'll be clearer next time

[sharp garden]

I am doing that now

I have both next to each other and I am analyzing the changes

[dark dirge]

a lot of this is taken care of if you just configure Lovelace through the UI

[sharp garden]

Thank you so much

[dark dirge]

np

[sacred axle]

is there a way to make the light card flat instead of having the control be that semi circle? or maybe a new card similar

[sharp garden]

like a slider?

[sacred axle]

yeah that would be perfect

[sharp garden]

this looks like what you need

Light Entity Row

do you have HACS

if you don't you should get it it's awesome

[sacred axle]

I do, I'll check it out now. Thanks!

[sharp garden]

you might also check out https://github.com/thomasloven/lovelace-card-mod/blob/master/src/example.yaml

he has a bunch of cool cards

[fluid ermine]

so suddenly I cant connect to my home assistant this morning after trying to connect my phone app

I get "unable to connect to home assistant"

when browsing to it

ha logs

shows nothing wrong

I can access it via the direct IP

but not my domain apparently

[karmic tiger]

Just to be clear... are you saying you currently can't connect with your app using the external address?

[kind shell]

Not sure which install you're using?

• If you're using HassOS, flashed an image, or booted a VM with an image you're using #330990055533576204

• If you installed Linux and then ran a script to install HA and have add-ons then you have #330944238910963714

• If you're running docker commands or use a Docker manager and have no add-ons then you have #449717345808547842

• Finally, if you use pip to install or upgrade you have #551864459891703809

Command '~which' was invoked by: Tinkerer

[split granite]

Sounds like you have a DNS/port forwarding issue though

[fluid ermine]

Yes. I attempted to add it via the external address.
Ever since I tried that (and it failed) I cannot access my install through my external address, from any device

It simply gives me the "Unable to connect to Home Assistant." page

on all devices

[split granite]

Yet it works with the IP?

[fluid ermine]

yep

[karmic tiger]

DNS 😄

[split granite]

Then the problem is in your DNS hostname not resolving; in the port forward being wrong; or similar

HA is fine

[fluid ermine]

can dns be set direcly in HA

[wheat current]

no

[split granite]

Test with https://www.yougetsignal.com/tools/open-ports/

See if your WAN IP works, see if your DNS hostname works

[fluid ermine]

it does

[split granite]

Which it?

[fluid ermine]

both work and say open

[split granite]

And you've tried by disconnecting your phone from WiFi?

[fluid ermine]

at this point, forget the phone. This is happening on my PC as well

[split granite]

No

[fluid ermine]

My phone is off atm

[split granite]

Then... turn it on and try it

We need to find out where the problem is

That requires you test things 😉

[fluid ermine]

I get a 403: forbidden

[split granite]

Do you use a proxy?

[fluid ermine]

yes, ngix proxy manager. Which was working fine, and I didnt change anything on it in over a week

[split granite]

Then first step, check the proxy logs 😉

[fluid ermine]

I double checked, my IP for HA hasnt changed on my local network either

checking

just shows it delivering a 403

no related errors

[split granite]

Check your HA logs now

[fluid ermine]

403 for all the related content delivery, such as favicon, lovelace, auth/token, etc

[split granite]

Probably you didn't configure your proxy as a trusted proxy, and the proxy is now blocked

[fluid ermine]

everything in HA logs just shows info

I've rebooted it a few times though in my initial testing

[split granite]

Did you configure the proxy as a trusted proxy?

Have you checked to see if you're blocked by the ip ban?

[fluid ermine]

I did not, but my proxy is itself

found one that was banned, but its not my public IP, or one on my network.

alright I think I discovered the issue

I had been putting off the updates regarding the base_url changes
But I had plugins set to auto update, including my nginxproxymanager

updating, and fixing the url/internal IP settings, fixed it all.

its the only thing I can think of that fixed it and is the only thing I did when it started working.

[split granite]

And this is why auto updating things, including whatever a plugin is, is a bad thing 😉

[fluid ermine]

indeed

I assumed they wouldnt push me past my current compatible version

I was wrong :/

thanks for trying to fix my mistakes @split granite appreciate it

[simple scroll]

Hi, I installed custom mini-media player via HACS. Card configuration is not working. No visual editor available. Restarting server, clearing browser cache. nothing helps. Could anybody have a look? https://paste.ubuntu.com/p/pZP5GMmhJ4/

[split granite]

Not every custom card has a visual editor

[simple scroll]

OK, but nothimg seen on a seved card. ??

[split granite]

Not sure what you mean

[simple scroll]

The newle craated card is presenten as a empty card with edit and arrows..

The code behind it has apparently no function.

sorry for my misspellings..

I reinstalled mediaplayer a coulple of times. Had another issues, aparently not correct path to .js but now this..

completet recently with : frontend:
javascript_version: latest . Same issue.

I got this: cannot read property 'setconfig' of undefined

[finite lantern]

Hi, from within the states page i can see my robovac and control it via a great card. How do i add this to Lovelace? This is what the card looks like in the states page when i click on it https://ibb.co/5FCrsTG

Clicking the wheel does not reveal any 'device' https://ibb.co/Bj4VmZz

Currently using a custom plug in and it works perfectly but just cant get it in my lovelace

[tulip dome]

Hi guys, was wondering if someone can help me. Since updating to 0.110 I've been getting this weird error on my frontend; "n.setConfig is not a function". Both myself and the Mrs are using the official android app (although I've tested on Chrome and Firefox on android, and Chrome on the desktop with the same results). It seems to be something about the interaction between mod-card and a layout card judging by which cards throw the error, but I can't work out why. More annoyingly, it only does it intermittently on my phone but seems persistent on the wife's. Can't for the life of me work out why its doing it.

[karmic tiger]

This is an error you've seen in the browser's console, right? Don't worry about it if it's not actually affecting some functionality you're using.

[tulip dome]

no, its the big red square you get when a card isn't configured correctly

[karmic tiger]

😮

Ah, in place of where the card should be? Have you updated all your custom cards then?

[tulip dome]

but lik I say, its intermittent - I load the page, get the errors. Then after a minute or two (on my phone, at least) it dissapears, and the cards render correctly

yeah, I use HACS, and have been checking dilligently to make sure all custom components are upto date

[karmic tiger]

It's worth remembering that just because you have all the updates, doesn't mean all the card devs have fixed any bugs caused by 0.110. I'd suggest trying to narrow it down to specific cards, then raising a bug with the owner.

I had really weird behaviour with the mini-media-player at first but that dev fixed it within 24 hours of 0.110 releasing. Others may be slower or may not even know there's a bug until someone reports it.

[tulip dome]

I THINK its either mod-card (from card modder) or the layout-card, or possibly the interaction between them that's causing it

I'll have to make a new test view and make a bunch of combos of those cards to try and work out which it is - was just wondering if anyone else had seen similar behaviour

[vital forge]

Hello, I'm trying to use a value template in a picture card but I can't get it to work. Is that supported to use value template in a picture card?

Hello, I'm trying to use a value template in a picture card but it's not working. Is it supported to use value template in picture card?

[vital forge]

So I created already a template sensor out of my value template. I now have a sensor where the state is the http://.... value. How can I use this sensor in the picture card so the picture is taken from the http value?

[mild veldt]

@vital forge config-template-card

[low carbon]

Heya! Anyone else use Safari and has a Lovelace dashboard with lots of entities?

https://github.com/home-assistant/frontend/issues/6079

Filed this yesterday. Very significant performance issues, pretty confident it’s not just my configuration.

(Applies on anything WebKit-powered, really, so both Safari and everything using the frontend on iOS, including the official app)

Not expecting someone to just ‘solve it’ (I know this is volunteer work for most), I’m happy to help track this down (I do web stuff part-time, though in React). So would just really appreciate a pointer on where to start, even, because my investigation attempts so far have been dead-ends and unfruitful.

[fossil rampart]

Anyone else got any guides on how to setup a floor plan?

I have a 2D drawing of my house, no clue how to put it on though and there seems to be so many ways to do it

[karmic tiger]

I've seen a lot of people use either the picture-elements card or this custom card: https://github.com/pkozul/ha-floorplan

Both are well-documented and there are tons of examples/discussions on the forums.

[deep hedge]

I just added state_color: true to an Entities card in the UI using the Code Editor, and got the message Expected a value of type ``undefined`` for ``state_color`` but received ``true, and SHOW VISUAL EDITOR is greyed out. I can see that the Variable works, and can save it. Just didn't understand the error message.

@fossil rampart I think pkozul is the one who recommended this app for creating the floorplan. I haven't tried it, but downloaded it. It looks complex, but the results may be worth learning. https://inkscape.org/

[split granite]

I used Inkscape for mine https://github.com/DubhAd/Home-AssistantConfig/wiki/lovelace-ui-floorplan

Started with a bitmap floorplan and basically "traced" it in Inkscape, then added layers and details

[deep hedge]

ooo, that's nice... I pulled out my home's floorplans too. So that's on the list - way toward the bottom. 😉

[split granite]

For the state_color problem, I use it in many of mine, so it's probably a formatting issue

https://github.com/DubhAd/Home-AssistantConfig/blob/master/lovelace/view-devices.yaml#L15,L16

[karmic tiger]

I don't have a floorplan drawing to trace and I don't have the patience to create one from scratch 😦

Every time I see a floorplan in HA, I get jealous.

[fossil rampart]

How do I resize a picture elements box, it seems so small

[karmic tiger]

panel: true

By default, Lovelace will use multiple columns. You have no control over that unless you put the whole thing into panel mode and take control over sizing/positioning yourself.

https://www.home-assistant.io/lovelace/dashboards-and-views/#panel

This mode is good when using cards like map, stack or picture-elements.

[fossil rampart]

❤️ thank you

Is it possible to have icons on the panel resize with the screens, seems fine onmobile, horrible on PC

[tiny oyster]

hi there

I Add a swith for wak up on lan to configuration

how I cann add that swith to a card or a home planner image?

[torpid echo]

Use entities card. It will ask for entity and you can type the name of the switch you added it would be something lile switch.switchname

[tiny oyster]

the entity does not show

when I see all entities list

the switch didnt appear

[split granite]

#integrations-archived for sorting out the integration

This channel is for the UI side of setting things up

[grim compass]

Coming back to my HA install after few weeks not using it, auto-entities does not work anymore, is this the right way to declare it through hacs installation ?

  - url: /community/lovelace-auto-entities/auto-entities.js
    type: module

[split granite]

The URL changed a while back, it was mentioned in the release notes for HACS

https://github.com/hacs/integration/releases/tag/1.0.0

[grim compass]

is it an url rewrite to www/community ?

[split granite]

Did you read the link?

You don't move the files, you just change the URL

[grim compass]

Did you read what i wrote ?

I did not asked if i have to move files

[split granite]

Change the URL

Job done

kthnx bai

[grim compass]

🤦

so looks like i shold not ask what is behind

i like that 👌

[split granite]

None of that changed

[grim compass]

yes so it's basicaly a redirect to the old community folder

that's just my question

[split granite]

If that's where HACS puts things, yes

[grim compass]

ok thanks

[fossil rampart]

How do I make this icon bigger?

Oh hang on, image upload

https://imgur.com/TavEeKY

[elder pendant]

What do you have in your card config?

[tiny oyster]

hi there again

its possible to change Togle icon on floor planner and on cards?

if yes, how and what quine of icons I can use

[split granite]

Toggle icon?

[tiny oyster]

yes like...I have a power Icon image

on WOL

in my card and floorplanner

its possible to change that power Icon (image)

[split granite]

Almost certainly

Start by consulting the documentation for the card you're using

[tiny oyster]

ok

[hexed bramble]

What is the best way to do a conditional card with an OR condition? For example, I want the card to show when sensor.seventeentrack_packages_in_transit is not 0 or sensor.seventeentrack_packages_ready_to_be_picked_up is not 0

So the card will show if I have any packages in transit, ready to be picked up or some in both states

[polar kelp]

Two conditional cards?

Or via a template sensor that can also be reused for automations, notifications and stuff.

[hexed bramble]

Yeah, probably using auto-entities for showing the counts that are not zero, combined with a conditional card that uses a template sensor to check if there are any packages

[kind shell]

@fossil rampart posted a code wall, it is moved here --> https://paste.ubuntu.com/p/7yggMXykm6/

[fossil rampart]

That is my code @elder pendant

[elder pendant]

@fossil rampart under style: try adding --mdc-icon-size: 100px (change 100px to whatever you want)

(style in the state-icon)

[fossil rampart]

I assume no way to resize on resolution?

[elder pendant]

You could use vh or vw instead of px, but it doesn't work with %

[karmic tiger]

vh and vw always sound like such brilliant ideas until you're dealing with multiple devices with different screen sizes 😄

[elder pendant]

Isn't that the point of those units?

Or do you mean different aspect ratios

[polar kelp]

<any css property or web design element> always sound like such a brilliant idea until you're dealing with multiple devices with different screen sizes 😄

[karmic tiger]

Yes, I should have been more specific and said aspect ratios. And I'm so glad I got out of web dev.

[glad pumice]

Anyone know why all my custom cards would now throw a 404.. seems to have happened since 110.x. All the custom cards are coming through HACS

URLs looking something like /community_plugin/battery-state-card/battery-state-card.js

[elder pendant]

Did you check the HACS breaking changes before you updated?

[glad pumice]

I did not. Can you point me to where i would find that info. I've only seen breaking changes for HA not HACS

[wheat current]

https://github.com/hacs/integration/releases/tag/1.0.0

[glad pumice]

Thank you

[plucky rock]

Hi looking to add a new lovelace dashboard but not sure what to put in the url section.

[elder pendant]

Whatever your heart desires

[plucky rock]

any examples?

[polar kelp]

I has to include a dash, I think.

[late knoll]

is there a way to keep the history: integration but disable the panel in the front end? 🤔

[elder pendant]

With a custom plugin, yes

[late knoll]

gotcha - wasnt sure if it was something in the docs i'd missed! thx

[elder pendant]

Well history: is that panel. You can hide the sidebar link to it, but you can still access the panel through the url

[late knoll]

i see, i'm mainly looking to remove that from the sidebar .. it's prime real estate in my setup and doesn't get clicked much : )

[elder pendant]

The you'll need to use a custom plugin such as https://github.com/Villhellm/custom-sidebar

[next narwhal]

How to i easily upgrade all HACS addons with new HACS?

[split granite]

HACS doesn't do add-ons

So that was easy

[next narwhal]

ok let me rephrase then

[split granite]

If you were wanting to upgrade the custom components and Lovelace custom cards, you'd look at the HACS page for anything that shows it needs an upgrade

[next narwhal]

how do i upgrade all custom integrations and plugins that is installed via HACS?

as per < 1.0.0 i could do "upgrade all"

[split granite]

you'd look at the HACS page for anything that shows it needs an upgrade

I don't think it has an upgrade all button, but I've not had any upgrades since moving to HACS 1.x

[karmic tiger]

I've not seen an upgrade all button, and I've had multiple upgrade since.

[next narwhal]

what @karmic tiger said

[karmic tiger]

That's your answer, roflmao... 😉

You do them one by one.

[split granite]

You could open a feature request

[elder pendant]

https://github.com/hacs/integration/issues/865#issuecomment-566067856 context

[split granite]

That makes sense

[next narwhal]

ty @elder pendant

[split granite]

Few folks read the HA release notes, and enough have been surprised by HACS breaking changes too

[karmic tiger]

'Upgrade all' is only one level down from 'auto update', and almost as dangerous 😄

[next narwhal]

yes, but no, sure

[elder pendant]

That's a confusing statement 🤣

[split granite]

https://giphy.com/gifs/walter--well-yes-but-actually-no-SVgKToBLI6S6DUye1Y

[karmic tiger]

If a single addon/component upgrading can take down your system, upgrading them all at once is terrible.

[next narwhal]

@karmic tiger i will manuall upgrade all and not restart until all is restarted

and then break everything after all

since it doesnt show me release notes anyhow

😄

[karmic tiger]

Well as long as you're taking backups, do whatever you want

[next narwhal]

"Remember that you need to restart Home Assistant before changes to integrations (custom_components) are applied."

such Release notes

[split granite]

Release notes are always available, where the dev bothers with them anyway 😄

[elder pendant]

cba

[dark dirge]

I believe that it does have an "update all" from the three-dot menu in the upper right when there are updates available. I'm pretty sure I've used it before

[split granite]

Used to

[dark dirge]

I don't have any updates available right now, so can't confirm

[split granite]

Doesn't in 1.x

[dark dirge]

ah, I see the issue now

[mild veldt]

There should not be an "update all" IMO. Maybe people will actually read release notes then

[elder pendant]

100% positive it was removed because people were blaming HACS when their custom stuff was breaking

[wheat current]

Not just blaming HACS, but they where opening unnecessary issues for the dev to close because they did not read due to that function.
I got tiered of seeing/hearing it, so it was not reimplemented.

[karmic tiger]

It was the right call 👍

[blissful kettle]

Is there any way to put a 1px border around all cards using theme commands? I've found the radius for corners etc, and the custom-card configuration but thats going to take a LOT of work to redo every card I have to add a small outline 😦

[blissful kettle]

never mind, found a better way to achieve what I wanted 🙂

[elder pendant]

What way is that?

(for posterity)

[blissful kettle]

basically I wanted to create a border around my buttons when they were active? but I couldnt find a way to do it while it was active only.. so i ended up having a border around it all the time and just changing its colour when it was active?

I've managed to put an if-statement into the custom-card config that hides the border when the application isnt running... and only put it on when it is.

https://imgur.com/a/PQOadT5

if you're interested 🙂

netflix is running on the shield at the moment

[vapid field]

I'm trying to make my own theme, but I can't figure out how to color the background of my lovelace.

How do I do this?

[wheat current]

lovelace-background?

[vapid field]

That didn't work for me

primary-background-color: "#a742f5"

should that work?

[hexed furnace]

I have a template sensor that I change the icon with "icon_template" and it works perfectly. I decided I also wanted to change the color and figured I could just add in another line with "icon_color" into the same logic statement that I had to change the icon like this: https://paste.ubuntu.com/p/SJZpDktPPq/
But it's not working as expected. I assume I either have the syntax wrong for icon_color or I can't change the icon color in the config and I need to do that in customize.yaml. Can anyone explain (or point me towards some documentation for icon_color)?

Crap, maybe this should be in #templates-archived

[vapid field]

same problem

[ripe bison]

hi there! is it somehow possible to show the value of some entity in the title text of a lovelace card?

e.g. Coffee Machine consumtion (today xx kWh)

• Graph of acutal consumption
• Graph of total consumption

[split granite]

First one would be a utility meter #integrations-archived
Second would be a graph card
Third would be a graph card

[supple slate]

Hi, not sure if this the right place to ask,
so im editing theme, and want to add custom color to the "media-control" card,

how do i check or know which color var are used by that card?

[fossil rampart]

Hi all, I can't get my icon in my picture element to resize

THis is my code

[kind shell]

@fossil rampart posted a code wall, it is moved here --> https://paste.ubuntu.com/p/rDnbq5kJ22/

[fossil rampart]

https://imgur.com/a/BHv4ZNZ

That is what it looks like

But the --mdc-icon-size doesn't do much

[split granite]

~codewall @fossil rampart

[kind shell]

@fossil rampart Rule #6: Please do not post codewalls (longer than 15 lines) - use sites such as https://hasteb.in/, https://paste.ubuntu.com/, or others.

Please take the time now to review all of the rules and references in #rules.

Command '~codewall' was invoked by: Tinkerer

[fossil rampart]

I posted it so the bot did it, seemed easier

I assume I am not allowed to do that

[split granite]

🤦

[fossil rampart]

?

[split granite]

Go and read the rules... you clearly need to

No, you do not post code walls and have your mother the bot clean up after you

[fossil rampart]

My bad, I assumed the bot was here for ease of use too, apologies

[split granite]

It's there for when folks forget/are obliviots

[polar kelp]

That should work... it works in the demo

[fossil rampart]

Makes sense, my bad, it's a habit of me developing bots to make my life easier and using them like that, sincere apologies

@polar kelp Yeah i'm not sure what's going wrong with it

I assume my style isn't in the wrong place?

[polar kelp]

What's your HA version?

[fossil rampart]

0.108.9

I think thats the version?

Thats on the webpage but it doesn't say HA Version

[split granite]

-> Info

[fossil rampart]

version 0.108.9

Ah yes

Realised it's in big and bold

Home Assistant 0.108.9

[polar kelp]

I think that variable was introduced in 0.110. Let me spin up a test container

Yeah. Before that the icons were built on iron-icon. Try --iron-icon-width and --iron-icon-height.

[elder pendant]

#android-archived @exotic umbra

[exotic umbra]

I posted over there too, I'll remove this one

[elder pendant]

then

[kind shell]

Please DO NOT cross post. Read the channel description, post it and wait for folks to respond.

Command '.crosspost' was invoked by: Villhellm

[misty python]

hi, is there a way to have panel_iframe looking for localhost adress via some tunnel ? i was thinking something like ngrok, but its dynamic

[split granite]

An iframe is just a frame that tells the browser where the contents are

[fossil rampart]

@polar kelp I appreciate the help thank you that has made it resize!

[elder pendant]

Note that method will break when you update past 0.110

You might want to put a comment somewhere

[misty python]

@split granite i understand that, i was courious what is the correct way to do this

[split granite]

Correct 🤷

If the browser can reach the URL, then it'll (probably) work

[misty python]

by correct i mean if there is known solution, the problem is browser can not reach the url, its a service on localhost where home assistant have access, i have a nabu cassa tunel tohome assistant and i would like to reacht that local url through HA page

[split granite]

You likely can't do that through NC

[subtle root]

I have trouble to set the time zone via UI. In Configuration/General it's only possible to set UTC but no offset like "UTC+1". With the configuration.yml it was possible to direct spezify the time zone. How i can do this with the UI?

found it:
Solution is to use the TZ database names in the ui.

[distant stag]

So iantrich's config template card is pretty cool and I figured out easily how to make conditions and a specific value based on that

But how do I use the value and insert it into a string?

I don't speak javascript

[karmic tiger]

Most people don't 'speak' JavaScript. What are you trying to do?

I've never used that card but it looks like you just use JS string templates in order to build your values.

[distant stag]

I cant seem to wrap my head around that

Could you help me write a line of code where the variable vars[0] is used with some sample text

[wheat current]

var vars = [1, 2]
return vars[0]

Will return 1

The 0 indicates the first item on the array (list)

[karmic tiger]

If you're unfamiliar with JS, I'd encourage you to read a guide on the basics. It's a pretty accessible language but you'll need to know how the fundamentals (conditions, loops, data types, etc) work. This is a good place to start: https://www.w3schools.com/js/

[wheat current]

And when you are done with that, and regret everything, have a look at python ♥️

[distant stag]

Okay then my question is more about https://github.com/iantrich/config-template-card than javascript, I'm familiar with basic programming concepts
I just havent yet figured out how to stitch that piece of code into the config

[kind shell]

The XY problem is asking about your attempted solution rather than your actual problem. This leads to enormous amounts of wasted time and energy, both on the part of people asking for help, and on the part of those providing help.
The problem occurs when people get stuck on what they believe is the solution and are unable to step back and explain the issue in full.

Command '.xy' was invoked by: Ludeeus

[wheat current]

Soo... The vars there, refrense the variables key you define for the same card

[distant stag]

Damn I figured it out

You need backticks

name: "${`test` + vars[0]}"

[karmic tiger]

Or single quotes...

[distant stag]

I swear I tried them and they didnt work

but i might just be hallucinating...

[karmic tiger]

You just have to used mixed quotes. If you wrote name: "${"test" + vars[0]}", it'd break because the second double quote 'closes' the first one, then the rest is gibberish,.

[wheat current]

I GIVE UP!

[karmic tiger]

Close 😄

That might work for JS, Ludeeus, but it looks like that card explicitly requires a single template string.

Without looking at the code, we don't know how/where it uses the template. It might be doing its own interpolation.

[wheat current]

https://hastebin.com/raw/satuqoqaxa should work

[karmic tiger]

17 edits later

[wheat current]

something like that 😄

[distant stag]

Triple backticks override everything and you are free to write whatever

and discord wont try to interpret it as markdown formatting

Thanks tho

https://imgur.com/JKQOD3E

It's working finally

[wheat current]

You sure?

I don't see any "test" there 🤔

[distant stag]

I might have made a typo or two

I just have to make a full page lovelace tab for each room now

This is the fun part

At least coding frontend doesnt include soldering

Basically the only good thing about it

[karmic tiger]

If your front end doesn't involve soldering, you're not being creative enough.

[split granite]

Welding

[inner leaf]

hii

i am new user with ha . i want create button with feedback , i run script from button i use custom button so it could be active with switch but from script no active button

i mean that no feedback

[opal light]

Anyone know how to refresh a lovelace card after editing the .js file? Refreshing the page and restarting hass didn't seem to do anything

[elder pendant]

Clear your cache

[opal light]

Browser cache?

[elder pendant]

yes

[opal light]

Done that and it didn't change anything

Using private mode

[elder pendant]

Then it seems you haven't made any changes

[opal light]

I commented out the entire file

Do I need to restart as well?

[elder pendant]

How do you have it added to your resources?

[opal light]

As a URL under resources

type is module

[elder pendant]

What is the url

[opal light]

    type: module```

[elder pendant]

If you haven't changed the resource url then clearing browser cache should be all that is needed to see the changes

(and refreshing the page)

[opal light]

Where is the hacsfiles directory located?

[elder pendant]

For frontend plugins/cards it should be www/community

editing files installed with HACS is a bad idea

copy them elsewhere if you want to test changes

[opal light]

I'm on a test setup already

just messing around

[elder pendant]

Either way, it might not work. Move the files or include them with /local/community in your resources if you want to make changes

[wheat current]

don't have to use /local/, just delete the .gz variant, but it's generally a bad idea if HACS is managing it

[white hill]

(never mind me I just can't read)

[finite pond]

Can the title on top be removed?

[split granite]

There's the Custom Header card that can do that

https://github.com/maykar/custom-header

[unreal hinge]

hello,i want to add a gauge to my ha,i added in configuration.yaml file the lines to retrieve the raspberry pi temperature-what should i do now?

[elder pendant]

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

[unreal hinge]

the issue is that somehow i dont see any identity like this

i should select a gauge and then an identity-right?i miss something?

[karmic tiger]

You'll need to create a sensor of some kind for it. That's probably a question for #integrations-archived

[split granite]

From what you said, do you not already have an entity_id of an entity in -> States?

[karmic tiger]

Ah, you have the sensor already. My bad. 😦

[split granite]

Well, maybe, maybe not...

[fossil rampart]

How can I make my picture element have a button on that runs a HA script?

https://paste.ubuntu.com/p/nDc3hpjt9S/

That's what my current button does but I want it to run an entire script

[unreal hinge]

i have this in my configrations.yaml file:

sensor:

• platform: command_line
  name: CPU Temperature
  command: "cat /sys/class/thermal/thermal_zone0/temp"

  If errors occur, make sure configuration file is encoded as UTF-8

  unit_of_measurement: "°C"
  value_template: '{{ value | multiply(0.001) | round(1) }}'
  scan_interval: 3600

[split granite]

Check -> States then @unreal hinge - see if you have sensor.cpu_temperature

[unreal hinge]

checking..

configuration and then state?dont have state there...

[karmic tiger]

Developer Tools

= configuration 🙂

[unreal hinge]

no sensor.cpu_temperature 😦

[kind shell]

If you're having problems with your updates to your configuration:

• Check the troubleshooting steps
• Check your log file - remembering you may need to set logger to info or debug
• Explain what the problem you're having is - sharing configuration, errors, and logs

Command '~troubleshooting' was invoked by: Tinkerer

[unreal hinge]

what i miss?it should be easy-https://www.home-assistant.io/integrations/sensor.command_line

[karmic tiger]

It should... but it's not working.

[split granite]

So, do the troubleshooting 😉

[karmic tiger]

Check the links the bot gave you for extra help.

[split granite]

~check @unreal hinge

[kind shell]

@unreal hinge Always run the configuration check command when you make changes. Don't trust the UI check - it misses some problems.

Command '~check' was invoked by: Tinkerer

[split granite]

Start there, move through the process

[unreal hinge]

i should reboot HA?isnt enough to reload the configuration?

[karmic tiger]

Not until you've checked everything.

[unreal hinge]

ok,,ill check again

[grim compass]

I don't get how to hide an entity from the map integrat, it says to look on the lovelace map page but i dont se e anything related to hiding entities

[elder pendant]

You cannot

[grim compass]

oh

This map always shows the location of all tracked devices. If you want to hide certain entities, you should look into the [Map Card](/lovelace/map). 

[elder pendant]

You can with the map card

[grim compass]

ok thanks

[novel finch]

Hi all

I was redirected here from #ios_and_mac-archived because of the following issue

humm, just noticed I cannot past screenshot here. Which is the right way to share then ?

[earnest swallow]

@novel finch post it to imgur.com

[tame dove]

@novel finch , I saw the screenshots in #ios_and_mac-archived, did you see if refreshing the app helped?

[novel finch]

nope, doesn't

sensor code is https://pastebin.com/pG0nbC3b

[uncut arch]

Is this the right channel for Lovelace questions?

[odd light]

yes

[opal furnace]

anyone available for a noob theme question?!

[long mulch]

Hello

is possible to change the size of icon associated with each "view" panels ?

[novel finch]

@tame dove do you have the chance to check yesterday issue ?

[simple scroll]

@spice grove You've made my day, Thanks.

[tame dove]

Yea, no idea, sorry.

If it is truly updating everywhere else but the app then 🤷🏼‍♂️ , but it’s a little confusing from your post if the sensor has ever worked, never worked, occasionally works, only works in a certain browser ?

[elder pendant]

@novel finch what is the actual state of the sensor in > States on both your PC and phone?

[tame dove]

Your template will only update when vacuum.philip changes state though

[novel finch]

yes, correct, will update only on change

@novel finch what is the actual state of the sensor in > States on both your PC and phone?
@elder pendant state was the timestamp of the last cleaning;

[elder pendant]

Right, but is it reading as the same state on your devices?

[novel finch]

yes, both shows "2020-05-24 16:28:23"

[elder pendant]

okay now in the dev templates tool paste this template in both devices and compare the result {{ now().hour}} {{now().minute}}

[novel finch]

pc: 18 3

cannot select all on mobile to clean example template, takes a bit

mobile: 18 6

works fine on both

[elder pendant]

interesting

What does the frontend sensor show on both devices immediately after the sensor updates?

[novel finch]

states is updated correctly, display value is ok on PC ( 1 week ago) and on mobile il always "Invalid date" (despite my UI is in Italian)

weird behavior even with template on last reboot (from seconds to timestamp): it shows in 1 hour despite the state value is "2020-06-03 17:57:29"

on pc shows "13 minutes ago"

[elder pendant]

Huh, can confirm it's an ios issue

I get the same problem on my devices

it's not an app issue though, it's a problem with something else in the os

[glacial ledge]

is there a way to change the hvac_mode from the frontend without changing configuration.yaml and restarting?
like in this question: https://community.home-assistant.io/t/generic-thermostat-no-option-to-change-hvac-mode/194393

[elder pendant]

It's a safari issue in general. Same problem on a mac

[novel finch]

I'm running iOS 13.5.1 (latest) on iPhone 7

ah ok

so you reproduced both issue ? The invalid date and the future time ?

[elder pendant]

Just invalid date

[novel finch]

k

interesting is that I'm using also alexa_media_player

that has a "next_alarm" sensor as timestamp. That one works just fine on both pc and mobile. Always.

so maybe it's mandatory to add a timezone ? Working sensor has GMT time and then a "+2:00" in the string

my custom sensors not

I 'll try moving from " timestamp_custom('%Y-%m-%dT%H:%M:%S', true)" to " timestamp_custom('%Y-%m-%dT%H:%M:%S+02:00', false)"

[elder pendant]

you can also try using the relative_time function in the template itself

that should render on the server rather than the client

[novel finch]

interesting, let me check

[elder pendant]

Remove the timestamp device class if you use relative_time

[novel finch]

fixed, added one more as_timestamp() to the code: "{{ as_timestamp(state_attr('vacuum.philip', 'clean_stop')) | timestamp_custom('%Y-%m-%dT%H:%M:%S', true) }}

now it works fine on both pc and mobile app

[elder pendant]

looks like safari is very picky about formatting. I would think HA would take that into account when timestamp device class is set

[novel finch]

me as well

but at least we have a workaround to get it working. Lesson learned

now time to understand why I have a future time for last restart

if I click on the sensor from mobile app it shows "2020-06-03T18:41" but in the main page it says "in 1 hour"

on pc says "4 minutes ago"

[elder pendant]

I imagine it's a similar issue

[mossy prairie]

Is there a way to manage groups in the frontend yet? I just added 5 zigbee bulbs and would like to control them as one. Should I still be using groups.yaml or am I missing something in the newer frontend / lovelace stuff?

[elder pendant]

Groups are still configured with yaml only

If they are light entities then you might want to look into a light group instead https://www.home-assistant.io/integrations/light.group/

[novel finch]

I imagine as well; just compared the format of working and non working sensor. Seconds where missing in non working. Added but nothing change 😦

[novel finch]

adding the timezone now I get invalid date

bah, cannot figure out. Same format but one is working and one not

https://imgur.com/a/Ju7ycMb

if anyone has an idea, is more than welcome

[tacit cave]

you need a timezone

without it, it assumes utc

timezone needs to be +00:00 format

and microseconds: YYYY-mm-ddTHH:MM:SS.ffffff+HH:MM, ex 2020-06-03T13:14:15.123456+04:00

[novel finch]

thx, will try that way. I just don't get why this is the only sensor not working

[tacit cave]

what's not working about it

just that it's off on it's time? if that's so it's because of what I listed above.

[spare meadow]

If i'm looking for front-end help on custom:button-card... is this the right room for that?

[elder pendant]

Yesish

[spare meadow]

specifically, i want to know how to access the icon of an entity... i've output the states['mysensor'] but i dont see a variable for icon in that object... 😦

additionally... how do make the last_changed human readable, instead of iso date

hmm... looking at other sensors it has hass.states.sensor.attributes.icon available... maybe this one just doesn't have an icon defined.

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

[vapid field]

!include_dir_merge_named themes

[elder pendant]

What integration are you using for that sensor?

[vapid field]

!include_dir_merge_named themes
What does this mean?

[spare meadow]

rest

[vapid field]

Where can you find those themes?

[elder pendant]

themes would be the directory

in your configuration directory

[vapid field]

just in the config directory?

[spare meadow]

    platform: rest
    resource: !secret siteuptime_url
    value_template: "{% set text = value_json['@attributes']['stat'] %}{{ text[0]|upper}}{{text[1:] }}"
    json_attributes: 
      - monitors
    scan_interval: 60
    force_update: true

[elder pendant]

https://www.home-assistant.io/integrations/rest/#device_class you can try defining a device class to see if it creates an icon attribute

otherwise you can use customize https://www.home-assistant.io/docs/configuration/customizing-devices/#icon

[spare meadow]

will do. thank you.

any thoughts about how to output the last_updated as a time since, rather than iso date format?

is there a frontend available built in hass function that i could access?

[elder pendant]

Are you trying to display it in a custom_field?

[fossil rampart]

If I put a dynamic link to an image in an image card, does it auto update or does it store the first one?

[spare meadow]

@elder pendant indeed i am

[elder pendant]

@fossil rampart you will probably run into caching issues

[fossil rampart]

Damn

Any other way to do it, I have an external to HA script running that changes the png

But name and location is the same

[spare meadow]

@fossil rampart i swear by the custom:button-card cards... i use one that i have the background image set by a dynamic image and it works great. instant updates and no cache... BUUUUT you gotta basically make the whole card from scratch

if you're into that: https://github.com/custom-cards/button-card

additionally, i set the url of the image i want as a sensor ... so that the update of the state of that custom sensor is what triggers the update of the button-card.

it's a bit of work to set up, but beautiful once complete.

Anyone? Any thoughts/insights/advise? I'm looking to display a date from last_updated in a custom_field within a custom:button-card. I want it to be 12 hours ago not 2020-06-03T06:58:45:91455+00:00

[elder pendant]

Why not just show_last_changed?

[spare meadow]

it's not for the entity 😦

it's for an additional entity.

1 card to show several entities

sample of card so far: https://i.imgur.com/p21hffm.png

[elder pendant]

There is not a simple way to do what you're asking. It would require a lot of javascript

[spare meadow]

maybe i just try to utilize something like moment.js 😦

thanks anyway. i was hoping there was a built-in function in the front-end that all the cards use to output it

[polar kelp]

@fossil rampart https://www.home-assistant.io/integrations/generic_ip_camera/

[fossil rampart]

Ah its not a camera

[polar kelp]

But it could be.

[fossil rampart]

If that is required?

Oh I get you!

I'll certainly have a look

Thank you

[median sage]

Stupid question of the day. What on Earth is the name of the card(?) at the top (the circular ones with my name under it or the updated or sun one)

[elder pendant]

badges, not cards

https://www.home-assistant.io/lovelace/dashboards-and-views/#badges

[median sage]

That explains why I couldn’t find it in the cards options - thanks!

[fierce jetty]

Is it possible to edit the lovelace raw config using visual studio code add-on without enabling Yaml mode?

[elder pendant]

No

[fierce jetty]

what if i edit the file in .storage?

[polar kelp]

You can, but you shouldn't.

[fierce jetty]

odd its not yaml

[polar kelp]

Better to copy and paste in and out between vscode and the raw config.

It's json.

[fierce jetty]

yeah i its just weird because the raw editor is yaml

[polar kelp]

Technically, that's yaml too.

[split granite]

Editing the JSON will be ignored by HA, since clearly nobody would do that while HA is running...

[fierce jetty]

but yeah i will do that, i will copy the raw file to vs code, edit it, and then copy the whole thing back

[split granite]

As long as you don't do that with HA running

[fierce jetty]

i mean the yaml from the lovelace raw config editor

i'm just having trouble with indentation when using the built in raw editor so i wanted to use a different editor

i am trying to add this: https://github.com/rsnodgrass/hass-flo-water/blob/master/lovelace/example-mini-graph-card.yaml

but that is not really jiving with the lovelace docs i am following

[polar kelp]

It'd be cool if the hass plugin for vscode could handle the ws-calls to pull and push the config 🤔

[fierce jetty]

would be awesome

what is throwing me off is this: type: horizontal-stack at the bottom of https://github.com/rsnodgrass/hass-flo-water/blob/master/lovelace/example-mini-graph-card.yaml\

i cant get it to work with that at all no matter how i ident it

i am struggling to understand these lovelace docs. like can there be multiple cards: in a file? the "slightly more advanced example" shows multiple cards: in a file but when i did it i got an error saying i already had cards: in the file

[polar kelp]

That's just the automatic sorting of keys throwing things off. What you have there is.```yaml
type: vertical-stack
cards:

• type: 'custom:mini-graph-card'
  ...
• type: 'custom:mini-graph-card'
  ...
• type: 'custom:mini-graph-card'
  ...```

I.e. three mini-graph-cards in a vertical stack

[blissful shard]

Has anyone been able to figure out the FontAwesome Pro fix since they changed the way icons work in .110?

[tight scarab]

My biggest issue with YAML so far is understanding when to use a -

[polar kelp]

Let's see if I can make this work...

[kind shell]

YAML is the mark up language used by Home Assistant, consistent indenting (two spaces per level) is key. Here is a primer, and this explains multi-line templates. For validating YAML see YAML Lint.

Command '~yaml' was invoked by: thomasloven

[polar kelp]

Yay! I did it!

Click the Here in that.

[split granite]

It's all about dictionaries and lists...

[fierce jetty]

ok i think i get it now, so each list entry can have a cards dict

so views has a list of lovelace components, each list entry can have a cards dict

[tight scarab]

Phones:
  Home: +46 (0)XX XXXXXX
  Work: +46 (0)XX XXXXXX
``` so in this case, it is a dictionary containing two dictionaries, but that subset of dictionaries does not need to be a list?

[fierce jetty]

and then each cards dict can have a list of invidual cards

i think i get it now

[polar kelp]

@blissful shard When you apply the patch (assuming that's still possible) you'll get two new files. js/fad.js and js/far.js. Copy and paste this before the last line of those: https://github.com/thomasloven/hass-fontawesome/blob/master/js/fas.js#L7-L30

Then recompile

[vapid field]

where to start for lovelace configs

like more advanced than adding through the hamburger menu

all github pages contain 20 .yaml files

[tight scarab]

This is super helpful @polar kelp, thank you. Even just the use of node anchors is going to make some of my larger configs much more maintainable in some not-very-DRY areas where I've got lots of repetition.

[polar kelp]

I have some more examples of node anchors here: https://github.com/thomasloven/hass-config/wiki/Misc-tricks#node-anchors

[fierce jetty]

title: Basement - type: media-control entity: media_player.basement

so this is a single card

[split granite]

Well, it would be if formatted correctly

- needs to go on the first line 😉

[fierce jetty]

that was generated by HA

i copied straight from its generated config

[split granite]

Then you've got two cards there

Ah, so you just couldn't format 😉

[fierce jetty]

lets do this way lol

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

[split granite]

🤮

[kind shell]

Please use https://paste.ubuntu.com/ or https://www.hastebin.com/ to share code or logs.

Command '~share' was invoked by: Tinkerer

[fierce jetty]

the problem is when i try to copy out the snippet the identation keeps getting messed up

[elder pendant]

Make sure you're copying the entire line(s)