#frontend-archived

1 messages · Page 117 of 1

mossy timber
#

{% if states.fan.bedroom_airpurifier.attributes.motor_speed = 0 %}

#

Error rendering template: TemplateSyntaxError: expected token 'end of statement block', got '='

slow wave
#

I don't have any fan devices, so I have never created template sensors for them, but that might be a discussion better suited for #330944238910963714 🤣

mossy timber
#

the '=' is the problem

#

when I make it '>' ... it works

#

so i'll just flip the statement around

#

there are like 20 different attributes for this thing

#

i wantz all the datas!

slow wave
#

🤣

mossy timber
#

the day HA doesnt require restarts when i edit the config, i'm busting out a bottle of champagne

#

absolutely positively in love with HA, but thats the one thing i dont like

slow wave
#

I try to time my restarts to when the wife is sleeping or out of the house 🤣

mossy timber
#

yeah that makes sense

#

i'm potentially moving to singapore this year, so i've stopped making permanent changes to the condo i rent. so some things i have ready to go, can't be deployed yet!

#

hrmpf

#

so

#
  sensors:
    bedroom_xiaomi_state:```
#

that should show u pas "sensor.bedroom_xiaomi_state", no?

#

up as*

#

ah there we go

eager pollen
#

Has anyone else's swipe card mysteriously stopped working with an error pulling from the CDN?

slow wave
#

@eager pollen I couldn't even get swipe to work last night, but I might be misreading the docs 🤣

#

If we are talking about swipe in CCH

timid burrow
#

I have swipe working with cch

wheat current
#

@eager pollen if you use a CDN to serve it, it can stop working for a good amount of reasons, better to keep it local 😃

timid burrow
#

@wheat current hacs 4.1 seems fine for me - no more errors. I saw on the forum that Kahlik's graph and media card support was coming - did that not make it to this version or do I need to manually add?

wheat current
#

the repo? need coffee.... yes

timid burrow
#

yeah do I need to manually add the repo?

#

hahaha

#

yes what lol

#

manually add? and it should see it now if I do that?

#

@mild veldt cards are now in the HACS store too as well as button card

wheat current
#

Everything not there, must be added manually, currently it only auto populate from the custom-* orgs, there is a FR to change that

timid burrow
#

ok... I also have a custom dark-sky card - I couldn't manually add that repo before - should it work now?

#

also custom components like authenticated and Phil Bruckners sun.py?

wheat current
#

if the repo ✅ 's all requirements for that type, it can be added.

timid burrow
#

so that's most likely a no then. What about authenticated?

#

(yours)

wheat current
#

Same answer 😉

#

hint: it's not compliant

timid burrow
#

yes indeed

mossy timber
#

I have a device which listens to a bunch of different services ... how do i build those into my lovelace interface as 'buttons' .... ideally inside an entities card

pearl hound
#

Hi, does someone know if its possible to use anchors for lovelace (when gui mode is still active) ?

wheat current
#

I doubt it

pearl hound
#

suspected that :/

keen ridge
#

I have a small question for you all. I was doing a vertical-stack but encountered this:
unknown card type encountered: entities
was using the example from ha.io but it wont accept the entities

mossy timber
#
  - type: call-service
    name: LCD
    action_name: 'ON'
    service: fan.xiaomi_miio_set_led_on
  - type: call-service
    name: LCD
    action_name: 'OFF'
    service: fan.xiaomi_miio_set_led_off```
#

how do i turn these two buttons into a single switch?

pearl hound
#

@keen ridge you got some code?

keen ridge
#

I saw it now.. Misspelled entites

#

First thing you are blind on is the eyes 😛

winter hollow
#

@eager pollen you have the card locally but the resources external? That will not work. The card was updated, so you will need to update your local version

slow wave
#

anyone doing the swipe feature of CCH ? Can you confirm if I have understood the config right by placing swipe in the default_view under main_config ? 🤷

#
          - type: custom:compact-custom-header
            main_config: true
            menu: clock
            notifications: hide
            clock_format: 24
            swipe: true ```
brisk phoenix
#

Hi everyone, Anyone get a Fitbit setup in Lovelace?

split granite
#

In what way?

eager pollen
#

@winter hollow @slow wave I managed to fix my swipe. The swipe.min.js no longer exists on the CDN which was causing me some of my errors. Changed it over to swipe.js to match the CDN and then needed to clear my cache within Chrome to kill off the old version that was cached

winter hollow
#

Uuuh you should just update to the latest version, that’s all... is that what you did?

#

And where you using the cdn version or the local version?

#

If it was the cdn you probably only had to clear your cache

eager pollen
#

I'm only using the CDN version but when I had originally setup the CDN version the resources link was https://cdn.jsdelivr.net/gh/bramkragten/custom-ui@master/swipe-card/swipe-card.min.js The minified version of this file is no longer on the CDN

winter hollow
#

Yeah it is

#

Jsdelivr will minify it if you add min in the url

eager pollen
#

I promise I'm not going nuts but that link wasn't working yesterday

winter hollow
#

But it is already minified so no need for it

#

Mmm weird

#

I think you mean swipe.min.js

#

That is correct

#

The new version doesnt use that anymore

#

Clearing you cache should have fixed that

eager pollen
#

Ah

#

Yea I cleared my cache eventually 😃

winter hollow
#

Hehe when you are having trouble try that first 😉

eager pollen
#

Yea that was dumb of me.. now to figure out why opening up my Hass triggers so many api_password errors in the logs when I'm not using api_password

#

2019-06-02 10:34:28 WARNING (MainThread) [homeassistant.components.http.auth] api_password is going to deprecate. You need to use a bearer token to access /api/history/period/2019-06-01T17:34:28.587Z from 127.0.0.1

clever ore
#

@slow wave That is correct, if you're having issues try a refresh. Also, swipe only works on mobile devices.

slow wave
#

@clever ore yeah, I did refresh, but no Bueno, does it need to be on all views?

clever ore
#

compact-custom-header needs to be added in all views, but do your config ONLY in the first main_config: true view. what browser/device are you having troubles with

slow wave
#

Android, chrome

clever ore
#

Make sure you're using the latest version and if you installed manually make sure you're adding to the version number in resources. Also try clearing the cache

slow wave
#

apparently the CCH I have I copied may 6th

#

I'll try with an update

clever ore
#

Pretty sure that would be an issue as swipe wasn't a feature then 😃

slow wave
#

doh!

#

behold, swipe works 🤣

#

@clever ore I am using exception right too ? because I can see all views with the user still 🤔

            exceptions:
              - conditions:
                  user: eirikz
                config:
                  hide_tabs: 3,4,5
brisk phoenix
#

Tinkerer had it working pre-Lovelace. I’ve tried the custom Lovelace card. No luck.

split granite
#

🤔

clever ore
#

As long as the user name is correct that should work, if you're using lovelace in storage mode you can check the user from the bottom of the cards editor

slow wave
#

DOH I see it now @clever ore

clever ore
#

case sensitive

slow wave
#

user name vs USERNAME

clever ore
#

yup

slow wave
#

user full name might be a better wording 🤣

clever ore
#

@brisk phoenix What are you referring to?

#

from the wiki user: This is the Home Assistant user's name, not username (if they're different). You can look to the bottom of the editor to see which to use. This option is case sensitive.

brisk phoenix
#

@clever ore Fitbit setup

split granite
#

Your responses are too vague

#

Presumably you've got Fitbit connected to HA?

#

You're trying to show the data in some way?

brisk phoenix
#

@split granite Thanks anyway got it. Had to go to the frontend to set it up.

frank epoch
#

Although this doesn't work for me, it should filter only when people are "Thuis" and if not don't show them; when I change the filter to something else "Crap"; it doesn't change, I though it had something to do with Helen Thuis en Thuis both containing Thuis but I don't know what is the issue now

Using this from the hass docs:
https://www.home-assistant.io/lovelace/entity-filter/

#

Oh, shoot, can post pics here

nocturne dust
#

How do I modify which fields the weather forecast card displays for the daily forecast?

charred dragon
#

can anyone help with getting a 'live' feed in a card? i'm currently trying with the stream: component in my configuration.yaml and an image entity card but i can't get it working, how does one setup the stream component? - running in venv on debian

tepid locust
#

you just put the stream: line in the config.yaml and then setup lovelace cards

#
      - type: picture-entity
        title: Back Porch Camera
        entity: camera.back_porch
        camera_image: camera.back_porch
        camera_view: live
        show_info: true

here is my lovelace card for my rpi camera

charred dragon
#

thanks for the reply

#

ah thats very helpful, what camera software are you running on the pi?

tepid locust
#

mjpeg streamer ATM

#

just found an old computer so I plan to setup motion eye or blue iris on it as an actual NVR soon

charred dragon
#

nice i haven't checked that out yet

#

yeah im running motion eye atm on one of the pi cams im trying to display

#

but as i understand it the stream component only supports rtsp streams?

tepid locust
#

the camera I have is an mjpeg stream and it seems to work fine

#

is motion eye a per camera thing or is it an NVR?

charred dragon
#

oh great

#

could you share the lines of you camera: component for the that camera?

tepid locust
#
  - platform: mjpeg
    name: Back Porch
    mjpeg_url: http://192.168.1.42:8080/?action=stream

charred dragon
#

yeah per camera

#

individual instance

tepid locust
#

hmm, may just go with blue iris then

charred dragon
#

it's great if you don't have motion sensors

#

but you get much less false positives with actual physical sensors

tepid locust
#

I use the BRUH multisensor via ESPHome

charred dragon
#

you can use motioneye easily as an nvr and sensors to trigger

#

or no sensors

tepid locust
#

im thinking blueiris with tensorflow hopefully. dont know if I have enough of a computer for that though

charred dragon
#

that sounds like a good plan

#

i still haven't setup a recognition system

#

so do you not have a stream_source: line that mjpeg camera config?

tepid locust
#

I dont have exterior camersa and rent so I dont have a need for an NVR ATM

#

I dont want to go wifi ifor cameras but may give in and get some hikvisions or something

#

or maybe Arlo

charred dragon
#

imo just push it to cloud and wipe as it gets full

#

even free cloud is more than things like arlo will give you

#

but i see the attraction if your renting

tepid locust
#

id perefer to keep it local, I like to be in control of anything used for security

charred dragon
#

yeah i meant write / use an uploader

#

i think motioneye has one

#

built in already

tepid locust
#

I would love to run nice POE cameras but that requires drilling rather large holes

charred dragon
#

yeah deffs a good solution

#

but you also need a good psu

#

and they are pretty pricey 😦

tepid locust
#

I am replacing the thermostat with a Z-Wave one once it gets here though

#

yeah

charred dragon
#

nice

#

yeah i want to do some of those rc sockets soon

tepid locust
#

wife said you can buy a thermostat for the house and I didnt ask questions lol

charred dragon
#

lol XD

#

my boiler doesn't have a thermostat

#

so i made a little servo contraption

#

works pretty well!

#

esp's are truely amazing

tepid locust
#

they are, just converted mine to ESP home, makes it much easier to manage/troubleshoot/upgrade them later

charred dragon
#

that sounds nice

#

what did you use prior to that?

#

i'm just using the standard ota library for arduino ide

#

no debug over wifi though

tepid locust
#

thats what I was using, now I can see logs from the sensors over wifi. has helped when my temo sensors report 33F instead of the correct temp

charred dragon
#

is it still regular c++ code

#

yeah thats sweet

#

with the full debug output?

tepid locust
charred dragon
#

ah yeah i have set that up before!

#

i can't remember why i but i changed back, probably too lazy to make the change

#

i might give it a whirl again now though

#

oh forgot to ask

#

do you have anything else in your configuration.yaml under the stream: component?

tepid locust
#

no

#stream Component
stream:

is all I have

charred dragon
#

ah thanks anyway - worth a shot

#

still no joy :S

charred dragon
#

located the issue - running old version 🤦

cyan ocean
#

Can someone point me to a good document that explains the lovelace file format?

nocturne dust
#

The Lovelace yaml file?

cyan ocean
#

Yea - I guess I'm just a little OCD and don't like that it doesn't matter what order things are in. Maybe that's my issue.

gray kernel
#

order matters in lists, order doesn't matter in dictionaries/mappings

cyan ocean
#

so it looks like the "- badges []" line defines each "page" (tab) of the UI. Correct?

gray kernel
#

that is the beginning of a new list item

#

the reason it marks a new page is because the - signifies that there is a new item in the list

cyan ocean
#

@gray kernel so that goes back to there being no order needed in the list, right? so it could easily be icon or title, etc. just as long as it has the '-'

gray kernel
#

that's because what you're talking about is a mapping

#

there is no contradiction to order matters in lists, order doesn't matter in dictionaries/mappings

#

the views top-level key in lovelace configuration has a value that is a list of mappings

clever ore
cyan ocean
#

@clever ore I'll review that. I think the thing that confused me is some of the examples I've seen (like the link you shared) show, for example, '- title' as the start of a view, but my config has '- badges: []' . I understand now that it's the '-' that's important, not the text following it.

#

On another note... I'd like to use the graph to show the inside temperature of my house. That's an attribute under my climate entity. But it looks like I'll need to set up a template to pull just that attribute from the entity data?

gray kernel
#

yes

blazing nacelle
#

Hi all

#

I am trying to add a custom card , but for some reaons ha cant find it

#

error: Custom element doenst exitst: thermostat-card

#
  - type: module```
#

path to thermostat = /config/www/custom-lovelace/thermostat-card/thermostat-card.js

#

What am i doing wrong ?

winter hollow
#
resources:
  - url: /local/custom-lovelace/thermostat-card/thermostat-card.js?v=1
    type: module
#

without the dash in front of module

blazing nacelle
#

and if that doenst work ? 😃

#

(changed it)

winter hollow
#

what does thermostat-card.js look like?

#

what does it start with

blazing nacelle
#
class ThermostatCard extends HTMLElement {```
winter hollow
#

and thermostat-card.lib.js is also in there?

blazing nacelle
#

Ow crap

#

2 files ....

#

I only copied the .js file

#

not .lib

winter hollow
#

always check for errors in your console

cosmic gazelle
#

Hey guys, is it possible to add tap_action to "entities card"?

cosmic gazelle
#

Or a custom plugin that allow me to do that?

nocturne dust
#

Does anyone know how to change the "in" portion of the daily forecast to "probability" on the weather forecast card?

mild veldt
#

@cosmic gazelle there is not

smoky peak
#

Hi, all. Is there such a thing as a "notify" or "notifier" card for the UI?

small pike
polar kelp
#

sure

sleek ginkgo
#

@smoky peak Nothing specifically called a "notify" card, but you could easily leverage something like the Useful Markdown custom card for something like this.

smoky peak
#

Hmm. Not sure if that's what I want or not...looking for a card which I can use to trigger a defined "notify".

#

In the UI

#

I guess it might be more like a "service" card?

small pike
#

@polar kelp really? I was trying to and it kept saying the line "- type: custom:state-switch" for the embedded set was a duplicate

polar kelp
#

Show me what you tried

civic sedge
polar kelp
civic sedge
#

Solid

polar kelp
#

@small pike It works when I try it at least...

small pike
#

@polar kelp lol I have no idea what I was doing wrong but I got it working now

polar kelp
#

... this is exactly what I promised wouldn't happen if I was allowed to post images... Sorry, whoever it was gave me that power

split granite
#

Let me take it off you for a moment, so you can repent, and then I'll grant it back, because that was funny 😄

small pike
#

Lol but thanks for responding quick!

midnight nexus
#

I just started experimenting with Lovelace today. Top right ellipsis has option 'unused entities' is there a way to copy some .yaml from 'unused entities' to paste into ui-lovelace.yaml? I'm using lovelace:
mode: yaml in configuration.yaml

midnight nexus
#

Hmm... My honeywell thermostat worked before I started experimenting with lovelace. I wonder if thermostat is a card that has to be installed? Also searching for; how to list installed cards...

midnight nexus
clever ore
#

@midnight nexus Assuming you've upgraded or installed after Nov 1, 2018 I doubt it's the same issue

#

Is your honeywell climate entity called climate.thermostat?

midnight nexus
#

It's odd that there is no entity: climate.thermostat in developer tools->states

clever ore
#

That would be why you get entity not available: climate.thermostat

midnight nexus
#

Does my old ui exist at some url?

#

I've had that thermostat working for nearly a month. Used it every day.

clever ore
#

are any climate entities listed in states?

midnight nexus
#

Used it this morning before converting to lovelace...

clever ore
#

sidebar >> dev-tools >> (i) >> "Go to the states UI"

#

will get you back to the old ui

#

info icon under "developer tools"

midnight nexus
#

@clever ore Cool! I found that. Not so cool; WTF where did my Honeywell go?

timid burrow
#

if it's not in dev tools it's not there at all

clever ore
#

switching to lovelace UI wouldn't have removed it

#

any errors in logs?

midnight nexus
#

I just commented out; # lovelace:

mode: yaml

#

and restarted. entity climate is showing in dev tools states

timid burrow
#

so that will make lovelace run in storage mode

clever ore
#

yeah, you're still technically using lovelace

#

sounds like you just needed a restart

timid burrow
#

you can copy/paste the lovelace yaml into the raw editor and it will look like yaml mode

midnight nexus
#

@timid burrow Not sure about raw editor....

timid burrow
#

top right corner 3 dots>configure ui.. 3 dots again>Raw Editor

midnight nexus
#

I'm using VS code at the moment. Also have configurator in the sidebaw

clever ore
#

Since you turned off yaml mode ui-lovelace.yaml will no longer have any effect and everything is done in the UI via "configure-ui" and "raw editor"

#

you can go either way, its a preference thing

midnight nexus
#

After commenting out lovelace yaml in configuration.yaml and restarting I'm back to 'take contro of your Lovace UI?' never mind / take control dialoug again

#

I just tried the configure ui without my previous yaml mode... Can I convert that to ui-lovelace.yaml?

clever ore
#

You can only configure manually with ui-lovelace.yaml if you are in yaml mode

midnight nexus
#

Interesting. When I click + to add a card 'thermostat' is not listed.

timid burrow
#

if you don't take control then it will always be an auto-generated 'default' lovelace config

midnight nexus
timid burrow
#

if you take control, it uses storage mode

#

and then you can add cards like thermostat

midnight nexus
#

Am I in 'storage' mode now? Now that I've commented out lovelace / yaml in configuration.yaml and restarted?

timid burrow
#

only if you took control

#

if you didn't take control it's auto generated

midnight nexus
#

Interesting the Card Configuration, after toggle editor, shows the yaml syntax, which pretty much looks like what I used when in yaml/manual mode when the climate entity didn't exhist...

clever ore
#

Yes, but it is not saved to a file you can edit outside of that editor

midnight nexus
#

Moving forward wouldn't I prefer to use the manual ui-lovelace.yaml mode?

clever ore
#

I can't tell you which you would prefer, but if you do yaml mode then you can't use the UI to add cards

#

its all manual

#

When I click + to add a card 'thermostat' is not listed. Thermostat card should most definitely be in that menu

midnight nexus
#

Interesting; I just switched back to manual mode. and restarted HA. And now climate.thermostat is listed in States !!!!!

timid burrow
#

it's listed for me

midnight nexus
#

By the way I'm running version 0.91.4

timid burrow
#

if it's not in states it's offline

#

states and lovelace are not even related

#

states is backend and lovelace is just display

midnight nexus
#

and I'm not getting the entity missing error.

clever ore
#

yeah, sounds like your thermostat just went offline or wasn't able to connect after a restart. unrelated to lovelace

#

always check your logs as I'm sure they would have displayed an error related to the thermostat

midnight nexus
#

O.K. that sounds plausible that it wasn't connected.... I got bit by my assumption that the entity would still exist but with a 'disconnected' state...

timid burrow
#

nah it just won't even exist

midnight nexus
#

But it would exist again once it connects again - event without ha restart?

clever ore
#

most likely not

#

if my xiaomi hub doesn't connect then none of its sensors exist and I get errors in the logs. it will only reconnect after a restart as the component failed to load at startup

#

but if connection on startup was successful then after a disconnect it will reconnect once online again

#

really depends on the component/device

midnight nexus
#

@clever ore Ahh... I see. The Honeywall wasn't connected when I restarted. And it doesn't connect without a restart.

#

That seems like an undesirable behavior. In a large HA instance there could be many services with a greater chance of one or more not connecting at startup...

#

Weird that I don't have any unused entities now. I had a screenfull previously.

#

Hey! Thank you both for your assistance. That just propelled me past a 90 minute head scratcher.

clever ore
#

It would be far less desirable to have every component load at startup and have each install it's dependencies that I'd never use and slow down the system

midnight nexus
#

Now I'm not getting error for the thermostat NOR am I getting it displayed! r r r r Learning Curve.

clever ore
#

Glad we got it sorted. It will make much more sense as you get used to it.

#

Lovelace that is

timid burrow
#

yeah. I also wish it could load a discovered component after startup... I ghave an issue with ring cameras going offline and they never come back unless you restart

midnight nexus
#

O.K. I got the thermostat displaying now. Added a '-' to the beginning of type: thermostat

#

@timid burrow Is there a user voice page for HA where I might upvote to "... yeah. I also wish it could load a discovered component after startup" ???

timid burrow
#

I use the VScode addon for hassio but prefer notepad++

clever ore
#

The VScode addon is great, it includes vscode-home-assistant

midnight nexus
desert quest
#

Is there any way to hide things in lovelace without taking full control?
My projector setup for example is a sensor a switch and an automation, the only bit that matters is the switch

#

I like 90% of what it's doing I just don't need to see everything 😄

#

(aka too lazy to manage my ui)

civic sedge
#

I think you can customize/hide it

#

@desert quest

devout hatch
#

hello..I am new to hassio, and I am struggling how to add a title to my horizontal stack

#
title: Our Home
cards:
    title: Moj Stan
  - type: light
    entity: light.dimmer01
  - type: light
    entity: light.light_1```
#

YAML Error: YAMLException: bad indentation of a mapping entry at line 5, column 3: - type: light ^

winter hollow
#

move the - one line up

devout hatch
#

Like this? ```type: horizontal-stack
title: Our Home
cards:

  • title: Moj Stan
    type: light
    entity: light.dimmer01
  • type: light
    entity: light.light_1```
#
title: Our Home
cards:
   - title: Moj Stan
    type: light
    entity: light.dimmer01
  - type: light
    entity: light.light_1```
winter hollow
#
type: horizontal-stack
title: Our Home
cards:
  - title: Moj Stan
    type: light
    entity: light.dimmer01
  - type: light
    entity: light.light_1
devout hatch
#

nothing happened

#

I can't see the title

winter hollow
#

title should be name for a light card

devout hatch
#

I want a label like "Living room" for whole horizontal stack

#

and preferably for each card "Light1", "Dimmer1"

winter hollow
#

a stack does not have a title

devout hatch
#

oh

#

ok, my bad

#

is there any "hack" for that? to add some text above horizontal stack?

clever ore
devout hatch
#

thanks

#

and where I can find ui-lovelace.yaml? in my config folder does not exists

#

pardon me, he created a new file

mild veldt
#

otherwise you can use the UI editor

devout hatch
#

it's a pain in the ass to use ui editor I think

wheat current
#

It's not

mild veldt
#

It's subjective; to each their own

modern plume
#

I'm failing at loading custom cards. Where am I supposed to load the resources? Top or bottom of ui-lovelace? Or does it even matter?

wheat current
#

it does not

modern plume
#

any of you using calendar-card or atomic-calendar cards with CalDav?

violet talon
#

I use calendar-card with a caldav calendar that I've imported into google calendar 😂

modern plume
#

for some reason calendar-card doesn't seem to pull any info from the calendar sensor 😦

#

atomic-calendar on the other hand does pull the data correctly, but it doesn't show the event name 😦

next narwhal
#

is there a good way to do kiosk mode in lovelace/ha frontend?

wheat current
next narwhal
#

@wheat current Takk 😉

polar kelp
wheat current
#

Theme everything 😄

polar kelp
#

Know what? Let's make the styles accept templates as well

    color: [[ if(light.bed_light == "on", "red", "blue") ]];```
brittle eagle
#

hey! Could i show an entity with the monster card, only if another entity is at a certain state?

wheat current
brittle eagle
#

Oh my, forgive me, overlooked the most basic stuff

#

Thanks!

#

Wouldnt the entity filter show both?

wheat current
#

I have never tried it, but I don't think so

brittle eagle
#

I have a battery (UPS) i want to have it display my time to go sensor, if my UPS is below 99%

#

Don't think the entity filter is gonna do that

wheat current
#

So you want a master entity to controll if other entities should show

brittle eagle
#

Yes

split granite
wheat current
#

brittle eagle
#

👌

#

was thinking way to difficult, thanks guys

split granite
#

Way too easy to over-think a problem - I know 😄

brittle eagle
#

haha

#

oh my... i'm giving myself such a hard time, most of the time

brittle eagle
#

though it doesnt seem to take '< 25' as a state:

split granite
#

You can back many entities in cards with a tap-action to toggle things

#

You might need to create yourself a template binary sensor @brittle eagle

brittle eagle
#

Used another entity to match "discharging"

#

Thanks

wheat current
#

you could wrap a custom config template card around it

brittle eagle
#

Thanks, would the conditional card also display custom cards?

split granite
#

Yes

brittle eagle
#

freakin awesome

#

😍

modern plume
#

I tried to look at the code, but it seems like it just grabs all the attributes (I assume also the icon) from the entity

wheat current
#

looks like it, use /config/customize to ovveride

polar kelp
#

Did you try icon:?

modern plume
#

icon doesn't seem to work. @wheat current is there a way to set those attributes via code rather than through the UI ?

modern plume
#

oh right, was already doing it for user icons, thanks!

polar kelp
#

Pro tip. I try to do as little work as possible. So if I can use something that already exists, I do. In this case I used a normal entities row, and just added the slider. So any setting that works for a normal entities row will work for the slider row. (Including e.g. tap_ and hold_action if that ever happens...)

fiery gyro
#

so.. umm I setup some switches and the "bolt" symbol is not changing colours on toggle, it still sends mqtt msgs tho. Anyone knows what I can do to fix it?

#

I also have a fan and that is changing colours on toggle

polar kelp
#

Do they have the correct state in /dev-states states ?

fiery gyro
#

idk what that is?

#

sorry very new to UI here

polar kelp
#

It's at the bottom of the "hassburger-menu" to the left.

#

Look for the states icon

fiery gyro
#

nope

polar kelp
#

Sidenote: Hey! :hassburger: is an emoticon here. Neat. hassburger

fiery gyro
#

now that I see it, it's turning itself off if I click anywhere on the screen

polar kelp
#

Mqtt switch?

fiery gyro
#

yes

polar kelp
#

I think they require a source of the state as well

fiery gyro
#

alright, it turns itself off after few seconds :derp

wheat current
#

You get the bolts when HA cannot know the state, you are missing state topic, or have wrong flag for assumed_state

#

sounds like you have misconfigured the entity, that is not a UI thing, try #330944238910963714 😃

fiery gyro
#

ohh

#

okay

#

thanks

modern plume
#

@polar kelp wow I mist have messed up some indentation then

#

then again, it might be good in this case to change the icon directly in customize so that whereer the light is used it will have a consistent icon

polar kelp
#

Makes sense

winter wasp
#

is there a good custom card that i could use to display separate media_player entities dynamically? ie, show a media control card for any that are actively playing

#

i don't have a predefined list of entities as they can be created dynamically

gray kernel
#

entity-filter (filter to state "playing")
optionally include mini-media-player (custom card https://github.com/kalkih/mini-media-player) for a better visual experience

nevermind just remembered you need to know what the entities are in advance for entity-filter

polar kelp
#

Well... kind of... I think. Let me try.

wheat current
#

Crazy option coming in 3...2...1...

polar kelp
#

How ever did you know?

winter wasp
#

but entity-filter still requires an explicit list of possible entities

polar kelp
#

auto-entities

wheat current
#

Do you do anything not crazy? 😜

gray kernel
#

yeah I realized, sorry, I just edited my message to address that

polar kelp
#
type: custom:auto-entities
card:
  type: entities
  title: Media players
filter:
  include:
    - domain: media_player
      options:
        type: custom:hui-media-control-card```
#

It will put the media-control cards inside an entities card, so you won't get any automatic layouting or anything.

modern plume
#

I would like to have some form of Expand button to hide/show some cards. I previously had a conditional on some cards (if any light is on, show all the single lights). But now I kinda want to just do it without binding the show/hide to the status of lights

#

i was thinking of adding an image item

winter wasp
#

ooh, i think this'll work. thanks @polar kelp !

modern plume
#

but then again, I don't think i can automate cards status

#

oh, i guess with a picture entity perhaps

modern plume
#

uhm but that's the problem, i would still need to bind it to an entity. I guess I could bind an image to a dummy input_select

clever ore
modern plume
#

that seems to be exactly what I need

winter wasp
#

hey @polar kelp what's with the custom:hui-media-control-card? I can't find a reference to it anywhere

modern plume
#

oh damn, it seems like i can't put custom:slider-entity-row within custom:fold-entity-row

gray kernel
#

you can, I have

kind shellBOT
clever ore
#

indentation is off

gray kernel
#

items, and its contents, are indented too far

modern plume
#

i did try removing an indentation already

clever ore
#
              - type: custom:fold-entity-row
                head:
                  type: section
                  label: Lights
                items:
                  - type: custom:slider-entity-row
modern plume
#

you have two type on the same level?

#

oh that was it

#

needed to pull items back

#

thanks man

clever ore
#

sorry, fixed mine

winter wasp
#

i'm gonna just pretend i understand that

modern plume
#

this worked so well!

kind shellBOT
#

@modern plume Your message has been deleted as it contains a link or a domain name 'pasteboard_dot_co' that is on the blocked list because of: 'Virus detected!'.
Please re-post by removing/changing the domain name/link. Your original message has been DM'ed to you.

modern plume
#

is there a clean way to post images here?

clever ore
#

imgur

modern plume
#

a bit bothered by the indentation after expanding

#

but hey

#

😄

#

well, i quickly hardcoded my preferred value

half quarry
#

hi guys quick question:
I want to create a view and then a card in the UI (in my example a floor plan with a picture element) and then have it in panel mode to fill out my whole screen.
The problem is when I set it into panel mode it gets so big that I have to scroll down - is there a way that I can fit in to the screen without the need for scrolling?

half quarry
#

I know that it says it scales to the full width but is there a way to get it to scale to fix the display size/aspect ratio because on my pc I can easily create a picture with the correct aspect ratio but when I view it on another device it will not fit if it scale this way

half quarry
#

and the font-and icon sizes also dont scale :/

#

there a way to make them?

#

I am so lost :(

mossy timber
#

how do you guys handle sensor names ... do you define it as just the metric being measured, do you include the device name too? maybe the location as well? as much as possible in the sensor name, and overwrite in lovelace depending on context?

half quarry
#

I include the metric being measured and the location - I think that gives you the important information

mossy timber
#

yeah that makes sense

half quarry
#

I would however like to know how I can change the display name in every view tab separately

mossy timber
#

you do that in lovelace

half quarry
#

yes but what command is it I havent found that yet - I do have a floorplan and when I create a state-badge it always adds the name of the sensor instead of just showing me the badge and I havent found the right command yet not display the name there

#

do you by any change now?

mossy timber
#
  - entity: sensor.bedroom_airqualityindex_us
    name: US AQI

#

as an example

#

the name: overrides whatever was defined elsewhere, and i imagine lovelace has the last say in whats being displayed ... given ... its what decides what to display 😃

half quarry
#

the thing is it doesnt work :D

#

for example

#

my nest has the name living room and when I do it like this

#
  • entity: climate.living_room
    name: troll
#

it still shows as living room

mossy timber
#

and this is taken from lovelace? or from configuration.yaml?

half quarry
#

from the lovelance card configuration

mossy timber
#

thats weird. indentation problem?

half quarry
#

its a picture elements card and its under elements ofc

mossy timber
#

try title:

half quarry
#

nope

#

ahhhh

#

even tried it with ' and with " and without ofc

#

give me a sec

#

but since it works in other cards

#

I will just have to leave the name black and then add it every time I make a card

#

-.-

mossy timber
#

I wish I could help, but I have zero experience with the card type. I really only use entities cards at the moment, as I am still building up the home automation. pretty interfaces will come later 😃

half quarry
#

yeah I mean it doesnt look pretty here ether but I thought I might as well start integrating things this way but then I realized that the app doesnt support this card type atm so might not even be worth my time

#

but on the upside I found out that my Hue Light Sensor has a temperature sensor built in

#

the more you know

mossy timber
#

Make sure it's accurate. I just bought a device that has a temperature sensor built in, but i've been running it against some other sensors and it reports a temperature that is 2.5-3 degrees higher than the other sensors.

half quarry
#

ohh thats not good - well it shows me 1 degree less than my 5€ temperature "station" if you can call it that (just a display that schows me the temp) and 1 degree more than my nest but that could just be because they are in 2 different corners of the room and the isolation in my house is from the 70s soooo

#

so its right in the middle lul

bright pollen
#

Hey, can anyone give me a pointer on what I'm doing wrong with Lovelace? I'm trying to add a live feed from a rtsp camera but all I get is motion snapshot idle.

#

"type: picture-entity
entity: camera.redacted_motion_snapshot
camera_view: live
tap_action:
action: call-service
service: camera.redacted_motion_snapshot
service_data:
entity_id: camera.redacted_motion_snapshot
filename: '/shared/redacted-{{ now().strftime("%Y-%m-%d-%H%M%S") }}.jpg'"

#

I'm using a Dafang Hacks firmware WyzeCam v2

atomic glacier
split granite
modern plume
#

uhm no luck. an alternative would probably be to show different maps depending on the people's status

#

https://imgur.com/a/C0i2VLh anyone aware of any custom card that would allow me to have a full-width image within an entity card? I basically want the image to be under the header

#

or, alternatively, above it. But the goal would be to have one single card

modern plume
#

HASS is complaining about this

#
    - service_template: frontend.set_theme
      data_template:
      name: >
        {% if states.sun.sun.state == "above_horizon" %}
          Light - Cyan
        {% else %}
          Midnight
        {% endif %}```
#

2019-06-05 10:58:08 ERROR (MainThread) [homeassistant.config] Invalid config for [automation]: expected a dictionary for dictionary value @ data['action'][0]['data_template']. Got None extra keys not allowed @ data['action'][0]['name']. Got '{% if states.sun.sun.state == "above_horizon" %}\n "Light - Cyan"\n{% else %}\n "Midnight"\n{% endif %}\n'. (See /config/automations.yaml, line 8). Please check the docs at https://home-assistant.io/components/automation/

#

indentationnnnnnnnnnn

split granite
#

And the wrong channel 😉

modern plume
#

well, it was about the theme 😃

split granite
#

So close...

split granite
#

Please though @light saddle - share code as code, not images

kind shellBOT
light saddle
#

will do thanks

#

Hey all just getting going with HA and lovelace and connecting my Monoprice Whole home audio system. I was trying to see if I could configure this Mini Media Player https://github.com/kalkih/mini-media-player to work with it.

I have been trying to add the card to lovelace with the card editor but having difficulty formatting code as what I see online and what works in the lovelace editor seem to be different. For example I am trying to configure this grouped cards in the mini-media-player code here https://www.hastebin.com/ziyekuyoko.bash

split granite
#

You can't put cards inside an entities card like that

#

Actually, I lied 🤔

#

That's exactly what I did, and it works

light saddle
#

haha. I am still trying to learn the best flow.

#

whats odd is that in the actual card editor inside lovelace you dont have to indent and use - etc

atomic glacier
light saddle
#

@split granite thats NICEEEE. I am trying to get there.

#

@atomic glacier but that is a yaml file right??

atomic glacier
#

Yes, but the structure for the group should be the same

light saddle
#

maybe i should back up. should I add a card in lovelace and edit the code there. or be trying to use yaml files??

wheat current
#

Does the custom card work by itself?

light saddle
#

essentially I am trying to use HA to be able to control the monoprice whole home audio zones which can push audio to each room in the house. control volume. choose the source of audio. all from one interface. I figured this mini media player would be a great option

light saddle
#

are you all using separate yaml file or putting code in the raw config editor in the GUI?? sorry for these newb questions

split granite
#

I'm still using YAML, because I started with Lovelace long before the awesomeness of the UI editor

#

There's no point in going YAML for 99% of folks

light saddle
#

so am i missing something about how the code is structured inside a card editor when using the lovelace ui

#

like it doesnt seem to get indented. use hyphens etc in order to work. Am i missing something there??

wheat current
#

No idents for the cardigan itself obly for intens om it

light saddle
#

??

split granite
#

I think your fingers are drunk @wheat current

light saddle
#

😃

#

not sure what you meant by that code structure inside the card within lovelace?

wheat current
#

notice the indents of the main card object

light saddle
light saddle
wheat current
#

no

light saddle
strong falcon
#

Trying to add a custom panel but do not have <config dir>/panels/
Do i have to create that folder on my own?

polar kelp
polar kelp
#

Hm... Any ideas how to add a deprecation message to useful-markdown-card?

wheat current
#

In markdown

polar kelp
#

Yeah... that's probably best, right? In the actual card, not as a popup or anything...

wheat current
#

You could have it print a message to consol log

polar kelp
#

Most users won't ever see that

wheat current
#

Unless you flash it over the entire screen, there is a chance they will not see it, even then it's a chance. 😜

#

Think late 90

polar kelp
#

Oh! I could probably make it a persistent notification

wheat current
#

There is a service for it, but that is also "hidden"

polar kelp
#

Next question. What should I call a plugin that does the same thing as better-markdown-card, but does it by changing the way the built-in markdown card works?

split granite
#

markdown-card-modder?

polar kelp
#

... actually I'm thinking of doing the same thing for card-modder... instead of having to wrap everything in type: custom:card-modder, you should just be able to add style: to any card and have it work...

#

I'm thinking better-markdown

#

But it would be nice to have something in the name that makes it clear that this isn't really a card, but a... mod?...

#

markdown-mod perhaps

#

But that can cause confusion with card-modder (which is a tribute to the skill in Final Fantasy VIII)

split granite
#

loven-the-markdown-modding 😛

modern plume
#

https://imgur.com/a/C0i2VLh already asked but got no answer, so maybe I'll be luckier now. anyone aware of any custom card that would allow me to have a full-width image within an entity card? I basically want the image to be under the header or right above it, but in the same card

wheat current
#

Is custom a requirement?

#

if not you can do that with core elements

#
type: entities
title: Stuff with image at the top
show_header_toggle: false
entities:
  - type: custom:hui-picture-card
    image: https://cdn-images-1.medium.com/max/1600/1*AtGi8Ylel5Uqvk-vdAbiBQ.jpeg
  - binary_sensor.remote_ui
vapid field
#

I'd like to add a card which solely acts as a button. When pressed, it triggers a service. I looked at doing this with an entity button but that must be bound to an entity. Is there a more elegant way of achieving this? Something that looks like a badge?

wheat current
#

Button card?

vapid field
#

Ah yes. I forgot about custom cards. Thank you

wheat current
vapid field
#

That one I tried but I'm running into weird issues with it. I didn't want it bound to an entity but then I figured I can just tie it to any entity. When I do that and add the service config and save that it doesn't save the name of the service. Just ends up blank again when I edit it again. Tried manual editor as well but the service name just disappears. Use the same config with a picture card and it works without a problem

wide juniper
#

Hi! After last update i have loost the dimming bar in groups\cards. I have some downlinght sones in one group\card. Befor i cold just click the titlename, and dim\adjust brightness for all lights in group\cards. How to get this back?

vapid field
#

When I click the button nothing happens. I then check the config again and it looks like this: https://imgur.com/hkplvfV @wheat current

kind shellBOT
#

Ludeeus is away for 11s with a message :point_right: "away" adverb
"to or at a distance from a particular place, person, or thing."

vapid field
mild veldt
#

@vapid field known issue

vapid field
#

@mild veldt do you have the GitHub bug so I can track?

atomic glacier
#

@vapid field I may have skipped if someone pointed out this already, but if not... you can use dummy entity instead of a real entity. I use that everywhere in my setup, as I use custom:pop-up card on every view. Like this sensor.zdummy_sensor_21 which is actually

- platform: mqtt
  name: "zdummy sensor 21"
  state_topic: "zdummy/state/one"

may be a better way, but it works...

vapid field
#

@atomic glacier great idea, thanks

prime umbra
#

@atomic glacier did you ever got the pop up or browser commander card to work with the HACS?

atomic glacier
#

After 4 snapshot restores, I waved the white flag

#

will revist again later

prime umbra
#

hehe

atomic glacier
#

totally crippled my setup without popups

prime umbra
#

HACS version: 0.5.1 has come a long way, is looking awsome, but those cards they never got to work sense

atomic glacier
#

When I get a day to mess with it I will try to catch Ludeeus and Thomas on at the same time and try to get it straight(or at least maybe figure out what is causing it)

prime umbra
#

that would be nice

modern plume
#

@wheat current I'm a bit confused, I can't seem to find custom:hui-picture-card ? or do you mean that I could just use a simple picture card? (cause i think i tried and it didnt really work)

kind shellBOT
#

Ludeeus is away for 46m 9s with a message :point_right: "away" adverb
"to or at a distance from a particular place, person, or thing."

modern plume
#

I am actually very confused. custom:hui-picture-card seems to work but I don't understand why since I didn't add any custom card with that name.

#

Plus, I still get like 10px margin left and right

#

i think it's because the image is as wide as the div containing all the entties, but i was hoping to put an element as wide as the full card

atomic glacier
modern plume
#

nice, thanks

tight quest
#

Can anyone help me with Custom UI?

#

Having trouble getting 'Last triggered' to appear underneath the name of the entity . I can't make much sense of the docs.

half quarry
#

@tight quest can you elaborate more on what you are trying to do?

sleek ginkgo
#

@atomic glacier @polar kelp I'm also having no luck getting popup-card and HACS to work together

atomic glacier
#

@sleek ginkgo Yes, just keep checking, someone will make it known as soon as there is a fix, 👌🏻

sleek ginkgo
#

@atomic glacier yeah, just adding another data point to the mix since I thought I saw that @@polar kelp said it was working for him. I'll just roll back to my local copy for now and keep an eye out.

sleek ginkgo
#

@atomic glacier @polar kelp Think I figured it out. First criteria for HACS is that the repo uses GitHub Releases. It looks like there was a release to card-tools on March 12, which HACS shows as the latest release. However, four commits have been pushed to master since then. When I pulled the latest version of card-tools.js from master, it worked fine. So, I think @polar kelp just needs to create a new GitHub release for card-tools (or remove the existing release and just push commits to master) and popup-card should be back to working fine with HACS.

wheat current
#

Correct, will work fine when the next release is pushed

half quarry
#

hey guys I have created a sensor via a template that gives me the minutes since it last saw motion

#

is there a way I can make it so that in the entity card it shows me "8 minutes" instead of just the number 8

#

ok I figured it out I had
value_template: "{{ (( as_timestamp(now()) - as_timestamp(states.sensor.ring_front_door_last_motion.last_changed)) / 60 ) | int }}"
and I just needed to add minutes at the end like this
value_template: "{{ (( as_timestamp(now()) - as_timestamp(states.sensor.ring_front_door_last_motion.last_changed)) / 60 ) | int }} minutes"
and now it works just fyi

polar kelp
#

🎉

glass oak
#

anyone have a weird issue where lovelace settings are being ignored by the card. e.g.: i have a gauge card with a title and type set, but it just uses the entity values instead.

#

and it's not using any of my severity colors, either

glass oak
#

interestingly enough, it works (from a title/uom standpoint) as a stand alone gauge card, but does not work if part of a stack

gray kernel
#

what does the working config (standalone) look like in comparison to the non-working config (as part of a stack)?

glass oak
prime umbra
#

nothing wrong with that code

#

is working

polar kelp
#

Well.. execept you using name in one case, and title in another...

glass oak
#

doh

#

it looks like they changed the parameter names

#

it used to be title and unit_of_measurement

#

now it's name and unit

#

that fixed it

#

thank you

polar kelp
#

That was changed before lovelace left beta, so it's been a while. But it's easy to miss stuff like that.

glass oak
#

i think it's cause it doesn't bomb out the card, it just ignores the extra value.

#

breaking things are easier to find than soft-fail

polar kelp
#

I seem to recall people have been asking for this... Anything else I should put in there before release?

glass oak
#

Jinja2 support for the masochists?

polar kelp
#

I think I’ll stick to my templates

tacit cave
#

@polar kelp 's templates are pretty much the same as jinja2

gray kernel
gray kernel
#

am I crazy or is it impossible to make mini-media-player ALWAYS render the active/playing view (i.e. completely disable the idle view)? https://github.com/kalkih/mini-media-player
I set all of the options in idle_view: to false and it still shows the idle view when the media_player has state off

answer: if you're using the universal media_player you can change the state to always be playing by making the state_template key playing

severe idol
#

Hi all, I have an input boolean for my washer status (checking if it's on or off) and want to display it in lovelace as an On or Off status

#

what's the best way to achieve this? currently when I use an entities card it'll show the toggle, but I don't want to be able to toggle it, I just want it to show whether it is on or off.

split granite
#

Sounds like you want to make a template sensor then

severe idol
#
    sensors:
      washer:
        friendly_name: Washer
        value template: >-
          {{ is_state("input_boolean.washer," "on")}}```
#

like that?

split granite
#

Pretty much, yes

severe idol
#

that won't show the washer icon would it?

split granite
#

You can add the icon

#

That's normal customisation

severe idol
#

ah in customize.yaml

split granite
#

Or through the UI

severe idol
#

ok cheers

#

is that code correct btw? before I reboot

split granite
#

Run a config check, find out 😉

devout hatch
#

but I dont know where to put this - url

#

under view?

split granite
#

If you're not using YAML mode in Lovelace that won't work

devout hatch
#

I am using yaml mode

#

I referenced that in configuration.yaml

split granite
#

It shows you where to put it

devout hatch
#
# Include external resources
resources:
  - url: /local/my-custom-card.js
    type: js
  - url: /local/my-webfont.css
    type: css```
#

so pottentially if I have 5 custom cards

#

I would add another urls?

#

ok I got it

#

thanks

modern plume
#

awesome

old karma
#

@polar kelp , COOL!
Does that mean we don't need the useful-markdown-card anymore?

polar kelp
#

yes

#

This makes any markdown card work just the same as useful-markdown-card

devout hatch
#

I just wanted to check with you guys syntax for incorporating dark sky sensor

#

I have yaml mode enabled

#

here is my whole ui-lovelace.yaml:

kind shellBOT
split granite
#

@devout hatch I've said it before - but please do not post your code as an image - share it as code

kind shellBOT
devout hatch
#

@split granite there is a tilda button? no?

#
goes here```
#

but no problem, I will use pastebin..

split granite
#

For short code, that works, but please read the rules too 😉

kind shellBOT
#

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.

split granite
#

However, you initially posted it as an image of your text editor... which is a PITA for folks to work with

devout hatch
#

just 15 lines ? 😄 ok

split granite
#

Because, on mobile, 15 is a lot 😉

devout hatch
#

ok..

#

above code is not working, I have a blank dashboard

#

just to tell you guys

#

I will keep trying

split granite
#

Well, let's start with your indenting being a mess

#

Then there's the fact that the structure is wrong

wheat current
#

He has hidden parts of it to trick you

split granite
#
title: My Awesome Home
resources:
  ...
views:```
#

vs

views:  
      - title: Transportation & Outside
    resources:
devout hatch
#

here is the my yaml file

#

I couldn add view properly here in syntaxed code block

#

on pastebin is a real representation of my yaml file

#

I double check it a structure

split granite
#

You need to follow the structure of the docs, not try to make it up yourself

wheat current
#

That is only acceptable, when you setup furniture from IKEA

split granite
#

I thought it was required then? Or am I thinking of the now defunct MFI 🤔

devout hatch
#

What is a error? multiple titles are allowed

#

I am trying to figure it out..

split granite
#

(still)

devout hatch
#

ahh resources must be on top?

#

to be "visible" to all tabs?

polar kelp
#

no

devout hatch
#

😦

polar kelp
#

unless you mean structure-wise.

split granite
#

He does

#

His current structure is a "bit" random chaos

polar kelp
#

Resources must be "leftmost"

winter wasp
#

so not sure if this is a LL issue, but i've noticed that if i have more than 3-4 history graphs in a view, some or all of them fail to load

devout hatch
#

I now have an error:custom element doesn't exist dark-sky-weather-card I added to ```frontend:
javascript_version: latest

#

I am in pretty much progress 😃

devout hatch
#

I can't figure it out.. in my config.yaml I added sensor: !include sensros.yaml

#

and created a new file sensors.yaml and paste it strucutraly good code

#

still I am getting that custom element doesn't exist dark-sky-weather-card

split granite
#

Your sensors (and whether you've spelt that correctly) have nothing to do with Lovelace

devout hatch
#

I know

#

but I am looking the whole set change for this add-on

split granite
#

It's not an add-on 😉

#

It's a custom card

devout hatch
#

now I am inspecting ui-lovelace.yaml

split granite
#

error:custom element doesn't exist generally means you've got the config wrong, or that the card isn't where you think it is

devout hatch
#

my path currently is

#

- url: /local/custom_ui/dark-sky-weather-card.js?v=7.1

split granite
#

~share the whole config

kind shellBOT
devout hatch
#

but I see that my path from my explorer is: \config\www\custom_ui

split granite
#

Then the URI is (probably) right

#

Assuming the file is /config/www/custom_ui/dark-sky-weather-card.js

wheat current
#

first char probably is <

devout hatch
#

here is my config

split granite
#

Your paste has triggered our automatic SPAM detection filter. This happens when certain keywords are detected in a paste.

#

🤣

#

Also, pastebin mangles your posts

#

There's a reason we don't recommend it

#

Also, your location is in there (elevation is likely wrong)

#

Finally, it's not your Lovelace config 😛

devout hatch
#

oh, I by default paste it on pastebin 😃

#

is this good?

split granite
#

Now... how about the Lovelace config and the first 5 lines (head -n 5) of that file (dark-sky-weather-card.js)?

kind shellBOT
#

@devout hatch Rather than putting sensitive information (passwords, locations, etc) into your configuration, you can store them in secrets to make sharing easier.

split granite
#

You probably don't want to tell us all where you live 😉

devout hatch
#

Maybe I don't live on that location 😛

#

here is the ui-lovelace.yaml

#

I done some mambo jumbo and now its not working

#

if you remove last tab

#

it will work, so, I want to pout in third tab Transportation & Outside wheater card

#

here are the first 5 lines of js file dark-sky

#

I am going to the bathroom..brb

split granite
#

Now... how about the Lovelace config ?

#

Third time lucky, maybe?

devout hatch
#

ok..I will start from scratch

#

😄

#

I do exactly like you advised me

#
resources:
  - url: /local/custom_ui/dark-sky-weather-card.js?v=7.1
    type: module
views:
  - title: main
    icon: mdi:home-outline
    cards:
      - type: 'custom:dark-sky-weather-card'
        title: Test```
#

still same error

#

this is my whole ui-lovelace.yaml file

#

the url is not good, I have also a www folder

#

hmm let's try

#

😃

#

nope

#

I think is not problem in .yaml whereas in .js script..

devout hatch
#

While I Have still an error in Chrome

#

in FIrefox I don't

mild veldt
#

@devout hatch www === local

devout hatch
#

si the url is good

atomic glacier
kind shellBOT
polar kelp
#

Whaat? But @kind shell, It's me!?!

#

Coming up later tonight:

#
type: entities
title: Styled
style: |
  ha-card {
    background: rgba(0,50,0,0.5);
    border-radius: 15px;
  }
  #states div:nth-of-type(2n+0) {
    color: red;
  }
entities:
  - light.bed_light
  - light.ceiling_lights
  - light.kitchen_lights
  - light.bed_light```
atomic glacier
#

@polar kelp Nice! More stuff to play with 😎

light saddle
#

hey all would love a hand. Was trying to do some tweaking in my last card as a test but something along the lines seems to have messed up my lovelace interface. If I make an edit I can get my tabs to come back but I can only click on the last two tabs. As soon as I click on the first one its blank. Then after by clicking on tabs 2 and 3 they are also blank now. seems odd any guidance would be super appreciated. Here is a copy of my Raw config editor here https://paste.ubuntu.com/p/wGPPpb8T36/

atomic glacier
#

@light saddle the resources aren't correct, try this

resources:
  - type: module
    url: /local/mini-graph-card-bundle.js?v=0.1.0
  - type: module
    url: /local/custom-lovelace/compact-custom-header/compact-custom-header.js?v=0.0.1
  - type: js  # or module whichever the card states
    url: /local/custom-lovelace/upcoming-media-card/upcoming-media-card.js
  - type: module
    url: /local/mini-media-player-bundle.js?v=1.1.3
#

and are you using the current versions of the plugins? did you just update to v0.94.0?

light saddle
#

thank you @atomic glacier so i did update the top of my config to what you suggested but whats odd is that it puts >- back in after i save
'resources:

  • type: module
    url: /local/mini-graph-card-bundle.js?v=0.1.0
  • type: module
    url: >-
    /local/custom-lovelace/compact-custom-header/compact-custom-header.js?v=0.0.1
  • type: js
    url: /local/custom-lovelace/upcoming-media-card/upcoming-media-card.js
  • type: module
    url: /local/mini-media-player-bundle.js?v=1.1.3'
#

@atomic glacier its been working ok and the I didnt update when this error started happening. I was adding some information on the last card. but then deleted it. Did I delete to many lines after I made my edit. Am I missing something on closing

atomic glacier
#

Okay, you are using the editor...thought it was yaml format. Don't use that, but give me a min and I'll check it @light saddle

light saddle
#

ah yes i am just using the raw config editor inside lovelace but clicking on the three dots in the top right

atomic glacier
#

Not sure, but path: '' is what you have for the home view and there is no paths for the other 2 views. Not sure how that works in editor, but seems like it should have a different path for each view...but not sure what was there before you made the changes. I would suggest copying the last view to a desk editor so you don't lose the work and then just add the components back in section by section, checking as you go. If that doesn't work, maybe someone else that uses the editor can jump in here

light saddle
#

ya i am confused as well. I didnt edit anything on the top. I just did a tweak to the last few lines. then deleted it after it didnt work. hope i didnt screw it up. I wonder if i didnt delete the last line or I deleted to many lines of code ??

atomic glacier
#

@light saddle just do like I suggested and remove the last view and make sure all is well as before and then add it back in sections checking as you go

light saddle
#

let me try that.

#

@atomic glacier darn that didnt seem to do it. now all tabs are blank 😦

#

I did another save. and the second view worked. but as soon as I switch to the first view all views then stop working and are just blank?

atomic glacier
#

clear cache and refresh ctrl+F5 ???

light saddle
#

`resources:

  • type: module
    url: /local/mini-graph-card-bundle.js?v=0.1.0
  • type: module
    url: >-
    /local/custom-lovelace/compact-custom-header/compact-custom-header.js?v=0.0.1
  • type: js
    url: /local/custom-lovelace/upcoming-media-card/upcoming-media-card.js
  • type: module
    url: /local/mini-media-player-bundle.js?v=1.1.3`
#

If i try to backspace out the >- after the url and move that /local... line up it will work but when i click on the first view it goes blank again. Then view it in the editor again its back like this

polar kelp
#

@atomic glacier it seems the numbers can’t be resized. They sre made to be a hardcoded fraction of the root document font-size. An odd choice...

atomic glacier
#

@polar kelp Thank you! for confirming 😜 thought I was losing it...(sounds like maybe a 'todo' item ??? ) even harder to see on mobile, this is tablet size https://snag.gy/FZO36q.jpg

light saddle
#

@atomic glacier still working through this but is there a reason why sometimes you have -url first and sometimes -type is first in the resources section??

atomic glacier
#

@light saddle in my config?

light saddle
#

sorry just meant in general haha not just yours. is it always
`- type: xxx
url: xxx

elder pendant
#

It doesn't matter what order they go in

wheat current
#

UI editors sorts it alphabetically on save

light saddle
#

hmmm. man i am so confused as to what is going on with this thing. odd that just one view screws up the rest. and its not even the one i was messing with. ahhhhh

wheat current
#

Resources are global

swift geyser
#

Is there an easy way to convert seconds to minutes and hours for display?

wheat current
#

*60

swift geyser
#

*60 where?

undone egret
#

right there

whole heron
#

@swift geyser any template sensor will do

polar kelp
#
type: alarm-panel
name: Alarm Panel
style:
  .: ha-card { --mdc-theme-primary: red; }
  "#keypad mwc-button":
    $: button { font-size: 24px !important; }
  "#keypad mwc-button:nth-of-type(12)":
    $: button { font-size: 16px !important; --mdc-theme-primary: green; }
entity: alarm_contro_panel.alarm```
atomic glacier
#

@polar kelp 🙌🏻 I had faith you would figure it out 😉 AWESOME!!! Thank you kind sir!😎

polar kelp
#

Drilling into the shadowDOMs of the cards is something I've been wanting to do for a long long time.

#

Now that I stopped having card-modder try to find the ha-card and make ha-card do the magic itself instead things got a lot easier

atomic glacier
#

Yeah, I think you were spending too much time before in the forum😂

vapid field
#

Hi, I'm planning to add quite a lot of new devices in my config, so I decided to split up my lovelace config, I noticed that hot reload changes does not work anymore. Does anyone here made a similar thing?

polar kelp
#

You need to either change something in ui-lovelace.yaml (just opening it and saving without changing anything works) or click the three dots and select "Refresh" to get changes from included files.

split granite
#

Interestingly, no you don't (at least on 0.88)

#

I regularly make changes to an included file and just Refresh without touching ui-lovelace.yaml

polar kelp
#

On dev you need to touch or select ... -> Refresh

#

Just F5ing won't work

split granite
#

Yes, now I re-read your first post that's what I'm doing 🤦

#

More ☕ needed here, or maybe just a 🍺 or few

paper oxide
#

Hi, even though i disabled the custom header card (commented it out) There's still a custom header shown. Any suggestion why?

#

I disabled the cache already

#

My guess is that it's installed somewhere else, but don't know where.

polar kelp
#

It's harder than you'd think to "disable" the cache? What browser are you using?

paper oxide
#

chrome. Enabled deveeloper toolbar and checked the disable cache. besides that i did a clear browser cache on the resource tab

vapid field
#

@split granite @polar kelp inside ui-lovelace there are only resources and this views: !include_dir_list lovelace-views/ and inside that folder there are all my tabs. Only changes made to ui-lovelace are hot reloaded, for other files which contain tabs config, I need to restart ha

paper oxide
#

(ím a developer, know my way around ;))

polar kelp
#

Ok. That should do it.

#

@vapid field Did you try either of the two options I gave you?

split granite
#

Mine is basically

title: Our Home
resources: !include lovelace/resources.yaml
views:
  - !include lovelace/view-overview.yaml
  - !include lovelace/view-floor-ground.yaml
 ...
#

(I want it ordered my way)

#

That works

vapid field
#

@polar kelp pressed all reloads and nothing appens

#

@split granite I've done like you before and it wasn't working

split granite
#

🤔 Clearly it's afraid I'll provide percussive maintenance

polar kelp
#

Just to be sure we're talking about the same thing.

vapid field
#

@polar kelp ok, I'm tired, thank you for screen

azure frigate
#

one picture is worth a thousand words 😄

vapid field
#

by pressing it it works, so it engages an harder refresh than F5 on lovelace

gray kernel
#

what happens if you click that configure ui button when you're in the yaml lovelace mode?

vapid field
gray kernel
#

thanks. and that refresh button is how you refresh the views when you make edits to ui-lovelace.yaml (or its includes)?
in contrast to being able to just reload the page to achieve that in the non-yaml mode?

polar kelp
#

If you touch ui-lovelace.yaml, reloading the page is sufficient

vapid field
#

@gray kernel I used to have a single big file, just needed to reload with F5 sometimes clear cache by adding shift, now with includes seems it needs to reload by that button, thanks to @polar kelp

split granite
#

I did contemplate that, but it seemed more work 😛

vapid field
split granite
#

Oooh, that's kinda pretty

wheat current
#

Pretty? 😮
It's official @split granite has joined the dark side

split granite
#

🤣

#

Hey, Lovelace has moved me from why would I want this to I can see why others may want this

#

And I'm slowly working out what, other than HA Floorplan, I might use it for on an ongoing basis

#

(mostly so far, HA Floorplan)

vapid field
#

It's in a early stage, but I'm planning to working on it, here a couple of screens

next dirge
#

@polar kelp Trying to use the custom layout card in UI mode. Do you create a new card or do you edit in raw mode? And could you give an example of the syntax in this mode

polar kelp
#

You can do either. All examples in the readme should make sense in raw mode.

#

If you create a new card, it should probably be the only card in that view at that point.

#

And then you'll need to use the yaml editor for that card anyway

next dirge
#

@polar kelp ok thank you. I will try the raw mode tomorrow. The syntax created in raw mode when using the UI editor is a bit different than your examples in the readme.

polar kelp
#

Anyway. Sorry, people. I said I'd release the card-mod thing tonight... But I'm tired and slightly drunk... so I'll go to bed now and write the docs tomorrow.

next dirge
#

Ok sleep well

icy cradle
#

@polar kelp interesting blog

#

I think the problem is that Yaml is being abused as a scripting language

polar kelp
#

True

#

I’m working on a better article, with pictures and stuff. Once you grok it you can do great things.

icy cradle
#

I think there is now an option to use Python right?

#

@polar kelp from yaml.org: What It Is: YAML is a human friendly data serialization
standard for all programming languages.

#

They keywords are " data serialization standard".

polar kelp
#

Not for lovelace, but in the backend there’s python_script and appdaemon...

icy cradle
#

Lovelace is just a front UI I thought?

polar kelp
#

Yeah

#

And for that yaml makes sense

#

...for most people...

icy cradle
#

To abuse Yaml as front-end configuration file? sure why not.

acoustic mural
#

Is there a way to temporarily hide a view? I just want to hide two views for the next couple of weeks and then turn them back on. I'd rather not comment out every line. Any thoughts?

#

I checked google/forums and it looks like the answer is no.

dark dirge
acoustic mural
#

thanks Rob!

dreamy flint
#

Is there a way to show a more useful graph in Lovelace? The standard one has no values on axis and no mouse over values.

#

Going to use History Graph instead

timid burrow
#

tried the mini-graph card? The custom one?

dreamy flint
#

Nope, got a link to that one?

timid burrow
dreamy flint
#

Looks very nice

proud oracle
#

Are there a way to make mqtt commands purely i Lovelace? custom card or something
So I don't have to make scripts or mqtt buttons in the backend.

split granite
#

Yes

#

You can use tap-action, for example

proud oracle
#

thanks!

prime umbra
#

@clever ore the relationship with views with panel mode true and CCH isnt that great correct?

#

or im missing something?

clever ore
#

Last bullet point

prime umbra
#

k

clever ore
#

CCH works fine with panel mode, just needs to be in a vertical stack with whatever cards you'd like in the panel view. This is true for any card really as panel mode only uses the first card displayed. So if that first card isn't a stack card then any other card isn't loaded.

#

I'm explaining that poorly...

#

As long as CCH is in a container card with the rest of the panel view's cards, you're good

prime umbra
#

ok will look into it, thanks 😃

wheat current
prime umbra
#

works perfect @clever ore

#

do you know if there is anyway to resize the panel mode view?

junior whale
#

@wheat current ah nice, but i thought something was native , but must have been mistaken..

wheat current
#

@polar kelp makes so great stuff it seems they are native 😉

junior whale
#

clicked on his profile, all i see is lovelace.. seems about right then 😃

#

since i'am busy with an alarm panel, if someone comes in the house it should popup the disarm on the screenm

prime umbra
#

@wheat current is there any fix for the browser commander and pop up card of @polar kelp cards using with HACS?

#

those card for some reason wont work with HACS~

polar kelp
#

I probably need to make a new release of card-tools. That might fix it

prime umbra
#

that woulf rox @polar kelp missing those cards 😃

polar kelp
#

I’m away rn, but can try in a few hours

prime umbra
#

awesome thanks mate for all effort 😉

wheat current
#

That will fix it, I'm also working on something (but that is a few releases out) that might have worked.

polar kelp
#

As you’ve seen I have actually started using releases now...

wheat current
#

I saw 🎉

junior whale
#

i'am now in the .. has it has hacs? no? moving along.. so much hassle to otherwise keep it up to date

polar kelp
#

That’s one of the three ways that was big

prime umbra
#

@wheat current what you working with, will it make the @winter hollow cards work with HACS also, or did you guys decide who will work for who?
hehhe 😋

wheat current
#

specifying release (or dev (master branch)) to install is what I have planed.
Multiple items in a single repo will not work, the entire codebase is based on one item pr repo.

marble falcon
#

I've got a group of lights I can't seem to hide from my main view. Any experts on the subject around?

kind shellBOT
junior whale
#

euhm, your not using lovelace?

prime umbra
#

if you using lovelace , how about delete that card to hide?

marble falcon
#

I am

#

Let's take a picture, one moment

#

So you can see I have them grouped so in my Lights group I have a "master switch" that'll turn them both on at the same time. Because of that, I don't need the other card to show up, but despite everything I've tried, I can't make it go away!

prime umbra
#

so what you saying is you want only the master switch only?

marble falcon
#

Correct, the one in the "Lights" group on the left. I want the "Main Hallway" card to go away

#

I've tried view: no, hidden: yes, visible: no

prime umbra
#

for the master switches you would ant to use show_header_toggle: false to dont show or true to show

#

not sure if is that what you trying to say

marble falcon
#

No. I want that card gone altogether.

prime umbra
#

so delete the card?

marble falcon
#

I can't

prime umbra
#

why not

marble falcon
#

Or my master switch toggle won't exist for the Lights card

#

Main Hallway button already exists on the Lights card, so I don't need it to be it's own card after the fact

prime umbra
#

so like i say delete the Main Hallway card

#

i dont see whats the problem with it

mortal cape
#

The one card doesn't depend on the other

marble falcon
#

I can't

prime umbra
#

y u can

mortal cape
#

Show what you lose when you delete it. You can always put it back

marble falcon
#

If I delete the main hallway group then that group won't exist anymore

mortal cape
#

Show this

prime umbra
#

the group is set in the yaml you will never lose it

marble falcon
#

The Main Hallway button in the lights column is the Main Hallway group

#

No, it's not

prime umbra
#

delet and you will see

marble falcon
#

No

#

If I delete the group it won't exist anymore

mortal cape
#

Don't delete the group. Delete the card

prime umbra
#

you just deleting the card

marble falcon
#

I never made the card!

#

There's no card to delete

prime umbra
#

so you not in lovelace mode

marble falcon
#

I am

prime umbra
#

are you sure

marble falcon
#

Yes

mortal cape
#

you see three dots in the upper right corner?

marble falcon
#

Yes

mortal cape
#

and can choose configure ui?

marble falcon
#

yes

mortal cape
#

and then there's no delete option when you click on that card?

prime umbra
#

then delete the card lol

marble falcon
#

I don't use that, I do everything manually in yaml

mortal cape
#

you don't have this?

prime umbra
#

he using yaml mode

mortal cape
#

then delete the yaml for the card

prime umbra
#

ya

marble falcon
#

There is no yaml for the card

prime umbra
#

lol

mortal cape
#

oy you just said you make it all yourself

marble falcon
#

Which is why this is so difficult

prime umbra
#

lovelace-ui.yaml

mortal cape
#

you're either in yaml mode or you're not

marble falcon
#

Mother of god

prime umbra
#

y