trying as we speak
#frontend-archived
prime umbra
clean yout browser cache
patent jay
my lovelace ui is completrely gone after the update but mu configuration file is still there
fiery temple
ok got the bells now on pc
worn torrent
@patent jay year lot of braking changes
prime umbra
so was cahe?
patent jay
yes i know
fiery temple
thnx @worn torrent
worn torrent
I'm fixing it right now as well. I guess you dont have https://www.home-assistant.io/lovelace/yaml-mode/
patent jay
but if i opt the gui version do i loose evrything ?
worn torrent
don't know someone else?
patent jay
or is it a migration ?
worn torrent
Year and I straight went for the yaml version π because config is already there
fiery temple
i cant use ui-lovelace code in that seciotn
unable to parse yaml, yamlexeption: unknown tag !<secret> at line 48 , column 42:
patent jay
can i change my desicion later ?
fiery temple
need to replace !secret i guess
worn torrent
the thing with the automations is repeating hihi. when the gui came out, the first thing was to not use it, because well everything was there already, but now I'm sloly migrating
polar kelp
Hey! Don't blame me for the UI editor.
People have worked very hard to make it awesome, but I'm not one of them.
fiery temple
i tought this whole lovelace was youre project?
polar kelp
woah woah woah! No no no no no
raw brook
Thomas is a legend
raw brook
Just remember if you have any issues with the editor or Lovelace. Go to @polar kelp π
worn torrent
like a good ghost you can call and he comes to rescue?
fiery temple
fixed is by replacing all secrets to hard values
raw brook
Btw @worn torrent In the latest release the service data was changed to require explicitly setting EntityID
THis is because some services do not need entityID and break it given
worn torrent
year I realized, but now there is some redundancy in most of the cases, so a default that would again remove the redundancy could help
tame dove
Some of my templates arenβt responding as well as the status of the zwave device itself. Is this because of Lovelace being in the works ?
raw brook
Im not sure what you mean
tame dove
I guess specifically my locks. I have templates that take the generic information (user1) and translate it into actual data.
Locks show locked even when unlocked
Or visa versa
mild veldt
@honest cliff .storage/lovelace
@worn torrent passing entity_id by default literally breaks some service calls. You will have to be explicit in your service calls.
worn torrent
I see, so it would need different defaults per service to be usefull.
per service-call I mean
fiery temple
im using the lovelace gui now, to edit and shit, it seemd my automations.yaml doenst worrk any more, do i still need to inject the second mothod?
mild veldt
@worn torrent, correct, and we're not going to do that
worn torrent
I see
mild veldt
@fiery temple are you saying you had an automations.yaml that you included in your ui-lovelace.yaml?
fiery temple
yes
mild veldt
please read the release notes for 0.84 as it describes breaking changes and ways around it
fiery temple
btw no i dint include ity
it
u just had the file automations.yaml which also loaded
fiery temple
i just have a folder calles packes. and it hat folder i have several yaml files
mild veldt
are you confusing configuration.yaml and ui-lovelace.yaml?
fiery temple
also the autmoations.yaml
graceful dagger
It seems like it's been somewhat discussed today already but I'm not seeing specifically. I've just started a fresh install of HA, and am trying out lovelace w/ the GUI, which is rad af. There's somethings I can't seem to tweak in the GUI though (ordering tabs, for one). I tried enabling yaml mode but everything I've customized goes away when I do that. I don't see anything written out to the ui-lovelace.yaml file. Should it be saving my GUI-configured settings to a file somewhere I can modify and rearrange items? Switching to yaml mode disables the GUI, and I feel like there's a need to go back and fourth depending on my present need and/or mood π
dire dome
im running into a strange issue, im trying to set up a conditional card, but not matter what i seem to do i get "no card type configured"
cinder rapids
@graceful dagger you could use the raw config editor instead of the yaml mode.
dire dome
- type: conditional
conditions:
- entity: media_player.shield_android_tv
state_not: "idle"
card:
- type: entities
entities:
- light.master_bedroom_lamp
am i missing something
graceful dagger
@cinder rapids Oooh I hadn't thought of that. That looks to do the trick for re-sorting the tabs. Thanks!
@dire dome try this ?
conditions:
- entity: media_player.shield_android_tv
state_not: "idle"
card:
type: entities
entities:
- light.master_bedroom_lamp```..it helps if I format correctly.
dire dome
oh
glossy birch
Did you guys know you can have emoji's in the lovelace config?
dire dome
i see
graceful dagger
I was just messing with a conditional card as well. I think you just need to knock that "- " off of the card type.
dire dome
@graceful dagger you mean exactly like the documentation shows π
amazing how blind i can go to shit if i read it too many times
graceful dagger
Dude my eyes go cross too.
mild veldt
@graceful dagger storage mode and yaml mode do not share/sync configurations
I don't recommend switching between them
pick one
hallow granite
mild veldt
The UI editor is still evolving. There are some things you can't do yet with the GUI editors along, but you can always use the raw editor that is accessible from the UI to do manual edits, just be careful, things like comments are not saved and will be removed on save
graceful dagger
@mild veldt Gotcha. Good to know regarding comments. The raw editor seems like it will do the trick for now, thanks!
mild veldt
@graceful dagger if you do decide you want to use yaml mode, you can copy what is in the raw editor and paste in your ui-lovelace and vice-versa
graceful dagger
Yup, I figure that'll be end-game once I get shit dialed in how I want for the most part and just have nitpicks to make.
hybrid bobcat
@mild veldt i did as suggested, deleted the add-on, deleted the ui-lovlace-yaml file, clear the cache (again), rebooted my hass. But still the same issue. I dont have anyting in any file now saying anyting aboute lovelace. And after reboot and log in i did not get any question about mode. everything looks the same. in dev-info i still get the same message when clicking "try out the new lovelace UI" (Error while loading this panel). I think something is really fucked up with my hass!
honest cliff
@mild veldt I found the lovelace json file, here is what was in it:
"data": {
"config": {
"views": null
}
},
"key": "lovelace",
"version": 1
}```@honest cliff I would just delete the file and then your dashboard will be autogenerated again
@hybrid bobcat check if you have a .storage/lovelace file as well
hybrid bobcat
nope. no lovelace in .storage @mild veldt
mild veldt
one note; you won't be asked about mode. don't expect that.
as for what's wrong. i'm out of ideas
you checked your logs in 
and in your browser console?
honest cliff
@mild veldt that got me running again. I put my ui-lovelace doc into Raw config editor and it shows again properly. Then I click configure ui, click the plus to add a card, on card configuration I am not able to use the editor, but when I type the thermostat to use it says YAML Error: YAMLException: can not read a block mapping entry; a multiline key may not be an implicit key at line 3, column 1: ^ and wont save
hybrid bobcat
@mild veldt damn! π well the logs give me nothing...just an error regarding a custom component in
weak flume
Is there a way to set a range for the history graph? Like min/max to display so its always showing 100%
hybrid bobcat
@mild veldt found this in chrome https://imgur.com/a/MRsk4oy
slender pond
Would anyone be able to share some screenshots of their Lovelace UI for inspiration please π
hybrid bobcat
So.... every time i try access either Lovelace or my configurator i get the same error in chrome: bootstrap:129 GET https://xxxxxxx.duckdns.org/frontend_latest/74210f7068b283428136.chunk.js net::ERR_ABORTED 404 (Not Found)
honest cliff
Brezay. This one is my favorite: https://www.reddit.com/r/homeassistant/comments/9ycr63/my_lovelace_frontend/
slender pond
@honest cliff I started to make my own like that(https://imgur.com/a/Jbv0Dvq ) but quickly realized that it would only really work on tablet. It's a shame there's so much potential otherwise.
mild veldt
@honest cliff fix your syntax error at line 3, it looks likr
@hybrid bobcat I can't make out what is in that image on mobile
honest cliff
@mild veldt that was my first thought but no matter how I change the raw config I still get the same thing. It was a resource call to load a card, so i changed the way I did it. Still the same error.
Then I removed the lines entirely, still the same error.
Now I am restarting HA to see. Not sure what it is hitting thats the issue though
@slender pond I was running into the same issue, so i started doing my font sizes in vw so that it would adjust to the screen size and it got a lot more manageable!
There are still some quirks, but Im banging on it still
hybrid bobcat
@mild veldt it says "bootstrap:129 GET https://xxxxxxx.duckdns.org/frontend_latest/74210f7068b283428136.chunk.js net::ERR_ABORTED 404 (Not Found)"
maybe i should ask i hassio insteed
slender pond
Yea I'm gonna make a usable lovelace interface then once that's done I'm gonna take the leap of faith and attempt to make my own dashboard ;o @honest cliff
honest cliff
@slender pond I feel ya on that. I like wasting all my time on flashy stuff and forgetting to do the nuts and bolts...
mossy otter
whenever i load lovelace up initially, i get a red screen with errors but then when i go to one page and back to the original page, it's fine again
honest cliff
@mild veldt nevermind, I just didnt understand how to properly input the imformation into the card configuration.
mild veldt
@mossy otter custom cards?
mossy otter
yeah
mild veldt
I'm sure you're wrong π
mossy otter
haha...nostalgia is a funny thing
kind shellBOT
@kind loom being inconsiderate, posted a message that is more than 15 lines. It is now available at: https://paste.ubuntu.com/p/hS8XKZr4Nv/
kind loom
This button from a picture-elements card stopped working after 0.84(i transfered to the new format), does anyone know what might could be wrong? thanks π
- entity: light.stua__kjkken
image: 'http://XXXXXXXXXXXXXX.com/assets/images/light_bulb_off.png'
state_filter:
'off': brightness(80%) saturate(0.8)
'on': brightness(130%) saturate(1.5) drop-shadow(0px 0px 10px gold)
state_image:
'on': 'http://XXXXXXXXXXXXXXX.com/assets/images/light_bulb_on.png'
style:
left: 50%
padding: 50px 50px 100px 50px
top: 45%
width: 10%
tap_action: toggle
type: image
oh nevermind, why didnt i think of the release logsπ«
kind shellBOT
undone egret
.edit @kind loom
kind shellBOT
@kind loom Instead of sending the message again, please edit the original message. For more information on how to edit messages in Discord, please visit: https://support.discordapp.com/hc/en-us/articles/207618817-How-do-I-edit-my-messages-
vapid field
Question: is there an order to the way camera's are displayed in Love-lace? (HA 0.84.5) I had my camera's named: 1 - name, 2 -name, 3-name.. etc.. to get them in an order in the default UI
livid ruin
My things in lovelace are ordered in the way they are in my ui-lovelace.yaml file. Yours aren't?
Sometimes it moves columns around when the display width is not big enough, but this you can steer with vertical and horizontal stacks.
vapid field
@livid ruin I'll go and check. That will probably be it
cloud sundial
Does anyone know where I should place the resources-reference to be able to access a custom component through the new UI editor? It's no longer placed in ui-lovelace.yaml, right?
vapid field
I think i discovered why my camera's don't always appear in the same order on the love-lace UI. I think they get orded by response-time! (i have 2 ip-cam's and 2 webcams) they show up on the UI in "random" order. I tried to order them by name ("1. name","2. name") i tried to order them by the tag "order: 1","order: 2", etc.. None work. For good measure i have to mention that my axis-ipcam is discovered automaticaly, my samsung ipcam doesn't, (i use wget to grab an image) and my 2 webcams are in configuration.yaml (platform: mjpeg) All the cams appear in one card.
mild veldt
@cloud sundial depends on what mode you are in
cloud sundial
I am trying out the editor mode
mild veldt
@vapid field look at the tips and tricks in the main docs on how to define order
@cloud sundial you'll use the raw editor that is available when in edit mode
cloud sundial
@mild veldt I did that you see. But now I found my fault. I'm pretty new to this system so.. I missed the "custom:" before any custom cards. It's working now, thanks π
molten crag
has anyone been using Lovelace-gen.py with any success, even copying the script from the example gives me errors! π¦
wheat current
From 0.84 there is no need to use it
molten crag
really π you can split?
wheat current
Was thinking of another thing
wheat current
I think there are some support, but not sure
molten crag
oh thats cool, so i could set up in a similar was as groups with different files liked to each page?
way not was sorry
mild veldt
in yaml mode you should be able to do anything you can do in your regular configuration.yaml files. you won't be able to use the UI editor, however
molten crag
that's brilliant, i don't use the UI editor anyway. perfect, thank you
polar kelp
I have used lovelace-gen with some measure of success...
mild veldt
@polar kelp jinja2 is still the main benefit of the script as I see. Does that sound right?
polar kelp
That's the only reason I still use it.
Oh, and the automatic cache invalidation of imported scripts and images.
That's awesome
If I dare say so myself
viral root
how to show up a switch in gui?
livid ruin
Which gui? Lovelace or states?
viral root
lovelace
livid ruin
For lovelace you put it in, either via editor or yaml file.
livid ruin
But... why is it gone?
mild veldt
@viral root how are you navigating to states? It is still there
livid ruin
If states is 404 something is wrong.
mild veldt
as for a switch, you have a lot of options on how you can represent things in lovelace, but to mimic states, it would be an entity within an entities card
livid ruin
In lovelace there is also a handy button in the top right corner where you can click "unused entities" and get a nice list.
livid ruin
The switch is represented by HASS as an entity.
viral root
ok
livid ruin
Or what do you mean with "should have an entity"?
livid ruin
Entities is the name for all the things that you can control in HASS. A light, a switch, a climate control are all entities for HASS.
livid ruin
Did you check in the list of all entities? In the "states" panel of the sidebar, for example.
viral root
yes, no switch
molten crag
thanks @polar kelp it is awesome, i thinks its just me use of it :/
livid ruin
Is there any error in the logs? Usually, if you define something in the config and it's not added, there is a reason for that and an error is thrown.
mild veldt
@viral root head over to #330944238910963714 if you need help setting up the actual switch component in Hass
viral root
config/packages/switch.yaml is
switch: !include_dir_merge_named ../switches
and in ../switches i have a file switchname.yaml with
---
- platform: command_line
switches:
switchsource:
command_on: 'curl -d "" "URL1"'
command_off: 'curl -d "" "URL2"'
friendly_name: 'switchname'
This channel is for Lovelace discussion.
livid ruin
The switchname.yaml has the wrong format. Look into the docs we linked! And go to #330944238910963714 with that problem.
kind shellBOT
@molten crag being cruel, posted a message that is more than 15 lines. It is now available at: https://paste.ubuntu.com/p/CfVy9YfPyk/
mild veldt
should there be commas?
or rather, are you missing a comma after image?
I haven't played around with that at all, but that discrepancy stands out to me
molten crag
could be, not showing that on the sample, and i am obviously looking too deep and missed the basics, will give it a go lol
sadly not
olive forge
I want to use the sensor card, but I don't see the graph in them https://imgur.com/5A74Ok8
any ideas?
mild veldt
~format
kind shellBOT
raw brook
Use the correct Tick
Next to the 1 key
But I know your problem
CHeck the Docs for the graph variable
olive forge
- badges: []
cards:
- detail: 2
entity: sensor.hourly_gas_consumption
name: Gas Consumption
type: sensor
- detail: 2
entity: sensor.power_consumption
type: sensor
icon: 'mdi:flash'
title: Power
found it!
split granite
~edit @olive forge π
kind shellBOT
@olive forge Instead of sending the message again, please edit the original message. For more information on how to edit messages in Discord, please visit: https://support.discordapp.com/hc/en-us/articles/207618817-How-do-I-edit-my-messages-
olive forge
thanks for educating me ;). Anyway, I think it defaults to
graph: line
right? If I add that line, it still doesn't work. The sensor has history data available
raw brook
It doesnt default anymore
Adding it should create the graph unless the sensor has not unit of measurement
vapid field
tried to add resource info in the raw editor in the new lovelace but now i get only a white screen. using mode: yaml i can use my old file but how can i erase the text in the raw editor when i cant see it anymore? i can see my text in the home-assistant_v2.db. how can i edit this database?
summer pasture
Integration of Ring Doorbell as a camera in HA. What is SUPPOSED to happen when you click on the image presented in a Picture card when the entity is a camera object presented from Ring?
molten crag
anyone know any suggestions why lovelace-gen.py may be struggling with a macro. error is
while scanning a simple key
in "<unicode string>", line 5, column 1:
{ type: picture-entity,
^
could not find expected ':'
in "<unicode string>", line 6, column 3:
entity: light.0720005768c63acb609c,
^
Run `lovelace-gen.py help` for help.```
flat timber
I have modified the AV Remote card from sharethelove.io to be a Sony Bravia remote without the dependency of the harmony remote component, the method I've used could actually replace the harmony remote functions for any device that connects to Home assistant
I'm looking for someone that can help me share this
vapid field
Where is the data from the lovelace ui editor stored? i need to revert an entry which broke lovelace
raw brook
.storage
vapid field
thank you Zac problem solved
short willow
Folks, I want to create a card to display in LL, but it doesn't actually use any HA entities - it's kinda like a separate reference tile. I've seen we have the iframe element, could I just create an html file, stick it in my www/ folder and reference it that way?
Ah yes I can
rare badger
Is it possible to hide the blue top header in lovelace? I'm looking to use it on a Raspberry PI touchscreen on the wall and screen space is a premium. I'm currently using HADashboard but the new lovelace UI looks so much better and easier to customise
forest mica
right now when i click tryout lovelace.. it says "error loading page"
jjust updated to 84.5
got it to at least show up by setting it to yaml mode but toggle buttons dont work
mild veldt
Probably want to check out the changelog
copper sandal
Anyone know why I have entities in lovelace that aren't showing up?
https://pastebin.com/D0JAjzsY
the binary sensors and graph are not showing up
dense thicket
I've likely missed something, but try as I might, google, searching the home-assistant.io site, or searching here, I cannot find the answer.
Is there a repo or collection of standard images that are present for lovelace? It seems to be referenced by a lot of cards I'm finding that I want to use, but they're not on my install, and I cannot find any linked anywhere.
I'm running Hass.io, and just migrated to trying lovelace today, and I love it, but i get the feeling I'm half-configured. Any help would be appreciated!
copper sandal
@dense thicket are you talking about icons?
dense thicket
Indeed. I know I can just go find some but the way so many are referenced it feels like there must be a standard collection of them somewhere.
copper sandal
yes they are mdi icons or you can use your onw and place them in a www folder in config
dense thicket
That's it :) I simply didn't know where to look. Thank you!
copper sandal
np
mild veldt
@copper sandal can you be more specific on what your issue is with the card?
plush tulip
hey hey
can anyone point me in the right direction with adding battery status from my phones?
plush tulip
I've got the battery level coming through with icloud
would love to show it on my lovelace interface
copper sandal
mild veldt
can you share the full config for that view
copper sandal
mild veldt
the image you are showing me and the configuration you are sharing with me do not line up
~vem
what version, environment and mode are you running lovelace in?
copper sandal
Yeah I know and it was working before with .82 I am on .84 now
and its running in raw mode
mild veldt
yaml mode?
copper sandal
yes
mild veldt
i don't get it...you don't have badges defined, you don't have a thermostat card defined. something is not right here. are you 100% sure you are in yaml mode and you are 100% this is the yaml?
copper sandal
No I'm not since that is kind of new terminology to me I can tell you this is from ui-lovelace.yaml file in config. but it is a fresh install on a vm
How can I check to see what mode I am running lovelace in?
copper sandal
Ahh ok
mild veldt
the ui-lovelace file is ignored
i would suggest reading the 84 release notes the specifics
copper sandal
Ok I will do that thanks
mild veldt
but for now, when you got to 'configure ui' open the menu again and select 'raw editor' and that will show you what your config looks like currently
you can then copy what you have in ui-lovelace into there
copper sandal
Ok yeah I say that was different than what I was opening in notepad++
mild veldt
the release notes should make clear the pros/cons of the different modes and let you decide which works best for you
storm ruin
where do i get a good tips and tricks of lovelace i have all my stuff on there just ready to make it look good
mild veldt
@storm ruin checked the pinned messages
storm ruin
didnt even know tht existed lol thanks
vapid field
will monster card make it into lovelace as a standard card?
wheat current
It was (a limited version of it, but is was removed) so I doubt that. π€·ββοΈ
hybrid bobcat
were should i find the UI editor?
polar kelp
Monster card was a response to the entity-filter being nerfed.
UI editor is behind the three dots at the top right corner, @hybrid bobcat .
hybrid bobcat
@polar kelp ok. i dont have any dots...but that is just one of my many problems right now... I cant even get to use lovelace at all....i just get "error while loading this panel" https://imgur.com/a/KcEdoKa
https://pastebin.com/4NgPgT50
This is the error i get in chrome.
eager fable
Hi long time user of HA (hassio on Raspberry PI) I was using the default web interface of HAΒ but now wants to start to use the lovelace one ! I'm just not sure about best way to do: Should I do everything using the tools in webinterface of Lovelace ?Β or should I go with the yaml config file for it ?Β I would prefer the yaml file as it's easier to backup π thanks
naive tulip
anyone have some problem with the shopping list on lovelace? I'm trying to add some items but it seems don't work
I have sorted it
π
restive lance
any one here using a timer, visible in the frontend ?
split granite
I'd ask in #330944238910963714 (or #frontend-archived if you're referring to the Lovelace UI)
placid pivot
is there anyway to tell HA to "save" the current lovelace to the file? right now my ui-lovelace.yaml is just a blank file but I'd like to start customizing it and having the "basic" view that displays everything would be a good start
raw brook
When you say current lovelace. Do you mean the auto generated lovelace?
raw brook
Well if you are still in Auto Mode you can click configure UI and go to storage mode and use the UI editor as a way to customize it
mild veldt
Lovelace Modes Explained: https://www.youtube.com/watch?v=BAgPPdH42Ko
Can a mod please pin this ^
undone egret
tame gazelle
QQ: Trying to use a picture entity card and I hosted the image in /images/picture.png and used the reference in my entity card but the picture does not show up?
type: horizontal-stack
cards:
- type: picture-entity
image: /images/wife.png
entity: device_device1
- type: picture-entity
image: /images/me.png
entity: device_device2
I'm a total noob but is that /images under the /www folder? I believe it needs to be to show up
raw brook
CHaotic is correct
tame gazelle
Ah ok. I see. Thanks
mild veldt
@tame gazelle once you have your path as www/images/wife.png you'll want to update the path in your card config to /local/images/wife.png
civic sedge
Could someone get me a direction whats wrong with the tab to calla script part?
type: glance
entities:
- entity: binary_sensor.zigbee2mqtt_service
tap_action:
action: call-service
service_data:
entity_id: script.shell_zigbee2mqtt_restart
service: script.turn_on
- entity: binary_sensor.mosquitto_server
WORKING YAY
civic sedge
ah.. Thank you (meight have that deleted a half hour ago)
tame gazelle
Hi another QQ: how can you get the unavailable entities to not show as yellow error text?
raw brook
Remove them
raw brook
Use an entity filter. π€· currently not possible to change the unavailable text
tame gazelle
- entity: light.shower__right
tap_action:
action: toggle
state_filter:
- on
- off
for example?
raw brook
Well you wouldnt have both state filters..
Entity filter card will hide the entities that are unavailable
State filter would be on
tame gazelle
Hmm so would only work without tap_action
tame gazelle
Trying to display a glance card for all my lights.
Also wanted to add toggle for tap
raw brook
- type: entity-filter
entities:
- entity: light.light2
tap_action:
action: toggle
- light.light1
state_filter:
- on
card:
type: glance
Try that
Something like that anyway
raw brook
That doesnt make sense
If they are off you said they were unavailable
Also there would be no point in using a filter card
You may need to put on in quotations "on"
tame gazelle
off = switched off at power
So with my lifx builbs. You can turn them off using "Soft off" (App, Google Assistant etc...) But they also get powered off at the switch
Powered off = State Unavailable message.
raw brook
Then sure you can do that
tame gazelle
OK Cool π Ill give it a shot now
placid pivot
thats one of the main reasons I switched from bulbs to switches
mild veldt
i have bulbs...i hate them. should try to sell them
tame gazelle
@raw brook π Works Perfectly π
raw brook
Nice!
copper mural
Isn't there a way to make the picture in a picture-elements card bigger? Original its 2500x2500 px, but kinda small in the GUI.
wheat current
panel: true
copper mural
Oh, thanks π
cloud latch
polar jackal
Hey guys, did the behavior for picture-elements change? The tap_action toggle doesn't respond to taps, but will respond to long press. I have a light entity I want to toggle on tap and show more-info on long press.
You beat me, let me read
Ah let me try that nested configuration
@cloud latch All fixed. Thanks!
cloud latch
π always read the release notes on updates. π
polar jackal
Of course, I did read through the main page and focused on the storage options and must've gleaned over the one paragraph on actions. Next time I'll read the comments too π
cloud latch
Don't even need to read the comments. π
There is a link in the Lovelace section
polar jackal
You're right, I didn't know there was a separate changelog. I'll pay attention next time π
I found something interesting while configuring a history card. I have a humidity sensor with all lowercase entity name. When I use an uppercase letter for the entity name in the card's config it falls back to its default. When I use all lower case, then it overrides the name.
The graph works either way
fiery temple
since is upgraded to .84 im getting this on the gui edit:
Your config is not supported by the UI editor:
Expected a value of type {entity,name,icon} | entity-id for entities.0.tap_action but received "toggle".
Falling back to YAML editor.
when i remove that tap_action it will open a popup instead of toggling the button, how can i prevent this?
polar jackal
Screenshots: https://imgur.com/a/qYxj3oJ Also, should the order in the config match the output?
sudden lion
@fiery temple take a look here https://www.home-assistant.io/lovelace/changelog/
fiery temple
its not possible anymore?
raw brook
Actually read the changelog
fiery temple
change it to toggle? im not sure
it says tap_action can now be toogle, but that exactly what errors me
fiery temple
sry i dont understand it says tap_action: toggle right/
sry my english vocab is shit
fiery temple
i did, i changed it to :
- type: entity-button
entity: switch.main_lights
icon: 'mdi:lightbulb'
name: Main Lights
- type: entity-button
entity: switch.kitchen_light
icon: 'mdi:lightbulb'
name: Kitchen
tap_action: toggle
YAML Error: TypeError: Cannot read property 'startsWith' of undefined
split granite
~format
kind shellBOT
fiery temple
sry forgot about that
polar jackal
Anyone recreate the unexpected behavior I'm seeing with the graph names?
fiery temple
- type: entity-button
entity: switch.main_lights
name: Main Lights
icon: 'mdi:lightbulb'
- type: entity-button
entity: switch.kitchen_light
name: Kitchen
icon: 'mdi:lightbulb'
not sure whats wrong about it π¦
split granite
@polar jackal Entities are always entirely lower case
Use them as they show in 
Hippo is not the same as hippo
@fiery temple Have you actually looked at the example yet?
Because if you haven't, we can't help you
And if you have, only your optician can help you π
polar jackal
Tinkerer: Got it. The graph probably converts to lowercase first then. π
fiery temple
yes i did
- type: entity-button
name: Main Lights
tap_action:
action: call-service
service: switch.main_lights
service_data:
entity_id: switch.main_lights
entity: switch.main_lights
YAML Error: TypeError: Cannot read property 'startsWith' of undefined
split granite
I really don't know why you're finding it so hard to find that example, since you've been pointed at it repeatedly by more than just myself, but π€·
fiery temple
even if i copy that whole example im getting this error
YAML Error: TypeError: Cannot read property 'startsWith' of undefined
split granite
What you posted isn't formatted like that
- type: entity-button
name: Turn Off Lights
tap_action:
action: call-service
service: script.turn_on
service_data:
entity_id: script.turn_off_lights
entity: script.turn_off_lights```if i copy that example, to card config, im still getting that error
split granite
Look at the pretty indenting
polar jackal
I got the startsWith error when copying many types from the old yaml. Leave a single type and get rid of the - indentation
split granite
Correct indenting is pretty critical too π
polar jackal
@split granite I'm checking the entities list doc, nothing on sorting. Should my entities appear in the history-graph card as configured or is there a way to hardcode their positions?
split granite
I don't think you can
Lovelace reflows things automatically, unless you use Horizontal and Vertical stack cards to lock things
fiery temple
@split granite how about if give you 50 euros right now, paypal perhaps for you to look at me settings and make some adjustments? xD easy money for you?
split granite
I know @polar jackal - I'm saying that's the only way π
polar jackal
@vapid field Alrighty π
split granite
@fiery temple 5 minutes of my time... don't think it'll be that quick π
Share your config on Hastebin or similar, and folks can help
split granite
I'm not interested in being paid to help. I chose who I help π
fiery temple
i can only learn from a working situation im so bad with this trying to hard
raw brook
~share
kind shellBOT
polar jackal
@fiery temple Just paste a screenshot of the configure UI
fiery temple
split granite
Well, if it's outdated we can't use it to help you π
fiery temple
this screenshot was working on older version when i used yaml files
split granite
Again, with the outdated stuff
If you want help with your current problem we need the current config
polar jackal
tap_action:
action: toggle
ok ill upload it anyway
split granite
What you posted also looks nothing like an actual entity-button card config
fiery temple
polar jackal
@fiery temple Now get rid of the " - " on line 1 and adjust your indentation
fiery temple
ok the error is gone now but it only toggles on not off
type: entity-button
name: Main Lights On/Off
tap_action:
action: toggle
service: script.main_lights
service_data:
entity_id: script.main_lights_on
entity: script.main_lights_off
got IT
type: entity-button
name: Main Lights On/Off
tap_action:
action: toggle
service: switch.main_lights
service_data:
entity_id: switch.main_lights
entity: switch.main_lights
thanks!
polar jackal
Where's my moneys
fiery temple
hahaha
π
if you willing too
same deal for you if you help me out with a few things
i donate on front
polar jackal
No thanks. Just paste your issues one at a time
fiery temple
how do i add a second button on this card by adding " -"?
and 2 spaces on each line? then the second code the same?
nope getting that startWith error again then,, i feel stupid D
fiery temple
so i need one card for reach but
ok
@raw brook yes it is possible if we use a entities card
cause i have another card, entities, with a speak on off switch with others scripts in that
so it should work right that way
ah, then i get the popup again ok so no not working that way
split granite
Trust me, if @raw brook says that it can't be done, he's not likely to be wrong
Slightly more likely that the Easter Bunny will pop over in a few days and leave you a little π©
raw brook
mild veldt
Ian checks on chat over his lunch break...silently backs away
@fiery temple if you define your action as toggle you don't need service and service_data. Those are only used when the action is call-service
Also, if you want multiple buttons on one "card" use stacks or picture-elements
fiery temple
will look into this thanks
fiery temple
thanks guyus got it all working now
split granite
@fiery temple Change the card type to entities to check that the thing you think is missing really is that one
fiery temple
ok haha changed it
no fade working, but light orange isnt π
see right screen is card type: entities left is glance
https://www.screencast.com/t/SdWe0N95n
split granite
Now you know the actual problem, rather than jumping to conclusions, again
fiery temple
how you mean? i still dont see it
let me search this what you mean i take anotherr look at my files first
split granite
The problem isn't with the fade entity
fiery temple
i found that orange not really excist xD
split granite
The problem you can now see is with the orange entity
That's why I said you were jumping to conclusions before
fiery temple
no script for that
split granite
You didn't actually know, you'd just assumed...
fiery temple
i never got a warrning about this on prrevious version, so indeed is assumed it worked
youre right
so i rremoved the oragen from the glance card, but its still give me that entity not available in fade, im going to check on things, maybe restart ha
split granite
You don't need to restart HA
fiery temple
when i remove it from the glance card config pressing X and save, its still there when opening, maybe try change it by toggle editr
split granite
You need to check your Lovelace config and fix spellings
split granite
It's just about checking you've not mis-spelled anything, and that you're actually reading the docs π
fiery temple
kind of autistic, sry, going to psycholog 3days a week starting next month to get myself fixed, this might look easy for you, for me its freeking hard, sorry and thanks again for you help, really really love this community and you are alot invovled, thanks il will try shut up and try fix things first
split granite
I get that it's hard, but honestly, just take it a bit slower. Check things before asking for help to ensure the problem isn't something like a typo
fiery temple
willdo
mild veldt
π€ that this all becomes a lot easier for everyone as we start rolling out full UI editors for each card type
split granite
It should, at least for all the standard stuff
vapid field
can someone give me a hint? how do i install thomaslovens lovelace plugins?
split granite
Plugins, or custom cards?
vapid field
i would like to use the slider entity row
vapid field
yup
split granite
split granite
General logic is covered in https://github.com/ciotlosm/custom-lovelace/#lovelace-custom-cards
resources:
- url: /local/slider-entity-row.js?v=1
type: js
Having put the card in www/ in your config folder
vapid field
thank you. i'll try that
i have to create the folder www in config share if it doesnt exist, right?
vapid field
@split granite mapping values are not allowed here in "/config/ui-lovelace.yaml", line 80, column 19
kind shellBOT
Tinkerer is away for 24m 29s with a message :point_right: Watching the blinkenlights and trying to ensure no more 
s are created
vapid field
ok. found it. typo
copper mural
Any tips to easy know top and left percent in a picture-element when try aligning lights?
polar jackal
I really could've used that a month ago
mild veldt
It's been in the pinned messages for a very long time
polar jackal
Fair enough. I'm still discovering all these resources, even discord
drifting pilot
so lovelace now reads groups by default?
mild veldt
No
drifting pilot
kinda not been using it since keeping groups and ui-lovelace is a pain in the ass
mild veldt
It auto generated based on the entities you have initially now. Hit not based on groups
drifting pilot
so where is that auto generated file
dont see one
lovelace just seems terribly chatty
raw brook
What does that even mean
There is no Autogenerated file
Groups are not needed for Lovelace
Light Groups which is different from normal groups are still leveraged
drifting pilot
i know..but it must read the groups file somehow..it looks identical
raw brook
Nope it groups based on entity domain
drifting pilot
iow seems to ignore ui-lovelace (whjich i had but didnt really use)
drifting pilot
umm no...
the layout is 100% same as my current old UI...which isnt domain based..
got groups with 8 diff domain sensors..it shows in the lovelace now
it just highlights sensors that doesnt exist anymore..only difference i see ..and the climate cards, etc.
this is auto converted.....must be.
views, tabs etc are same
tame dove
I think @raw brook , is one of the devs....just saying.
drifting pilot
yeah well..then something is foobared, cause my lovelace is all *group" based
just saying
tame dove
Maybe they just did a darn good job
drifting pilot
some weird hybrid π
got the lovelace menu right hand..so not crazy ,)
/lovelace etc..
tame dove
Auh, the refresh, unused entities ect.
raw brook
tame dove
The upper right drawer.
raw brook
Looks like Balloob did take into account groups for this generation
drifting pilot
not complaining..wanted it to look like my old..but not sure if i can save this setup to a lovelace config somehow.. too much work to do manually
drifting pilot
well when u goto configure UI..it askes if hass wants to take control over the UI
drifting pilot
will that leave u with a "empty" setup
drifting pilot
yeah i meant if i want to control...
ok if it copies what i have thats fine..
dont want auto generated ui π
sounds like it would be messy
raw brook
Since it works just like states it seems. Idk why?
Β―_(γ)_/Β―
It just saves you from having to add an entity to the frontend when you add it to the backend
split granite
Some people seem to want an experience like they get with the current states UI
These though are usually the same people that complain about things showing up they don't want π
drifting pilot
preferences..i just like to control exactly what i see
not saying its a bad thing ...choices are good
tame dove
So then take control or use yaml mode
drifting pilot
id keep the old UI if i could but..wont be an option for long i guess
tame dove
I went straight to yaml mode. I too like the control. I think you can flip flop back and forth as long as you backup UI-lovelace.yaml
drifting pilot
i use groups for automations also, so need to maintain more
tame dove
Once you get Lovelace configured, it is so much nicer. So much more control
drifting pilot
yeah ive used it some to test but..not extensively
tame dove
How much of groups is going away?
drifting pilot
just seems a lot more chatty to the server ..
split granite
Groups are staying
tame dove
I got rid of all my groups as they pertain to views but I still groups that use in automations and switches
split granite
Groups for the UI will go
But other uses are staying around, they're just no being abused any more
tame dove
π
drifting pilot
certainly cant drop groups..would be silly
imo
nice for certain automations where dont need to access tne triggering entity
tame dove
Correct.....I wasnβt on the old UI so I never really got used to it. To me it was a mess and very confusing. I didnβt understand why I had to create a group and then create a view.....seemed like overkill. To each is own but to me lovelace just seems so simple. It is what it is....I guess views can be related to cards.......
Anyway, the horse is dead lmao
πΊ
drifting pilot
heh yeah..so used to it myself, since ive used ahss since very early on
but surely lovelace has cooler stuff
split granite
Yeah, I was using it for nearly two years, but heck is Lovelace easier and nicer
drifting pilot
but seems to me its a lot more chatty to the back end...
not sure if in such a way its a negative performance impact on the server
split granite
Doesn't seem to be, I'm not seeing any real impact on the Pi
Though, I'm not really a heavy UI user
It's there for admin, and checking up on things, not as a "daily driver"
drifting pilot
use it mostly on my phone...
split granite
On the phone, mostly we use the Google Home app π
drifting pilot
would like a native APp but..doesnt seem like thats ever coming to android
split granite
If you listen to one of the old podcasts on the iOS app, you'll hear them say how hard it is to develop an app that does it's own UI
drifting pilot
i try to avoid google whenever i can π
yeah..i heard that podcost
cast
i bet
tame dove
Man, google Home is really cool when it comes to HA....and pretty sure I am only scratching the surface.
tame dove
Yes, but you donβt need the mini to use the app
split granite
I love the Home Mini, and the Home Hub π
tame dove
All the sudden, voice control takes on a whole new level
raw brook
There is a Android app
drifting pilot
i just dont like any cloud service really
split granite
Oooooh. I wonder if it'll have any useful features to allow me to replace other apps
Still want a thing that'll replace GPS Logger and provide notifications
raw brook
From the dev
Guess the app is pretty much complete now apart from some code cleanup but not sure yet what I'll do with it
But its only for Oreo and above
I think I have it
split granite
That's fine, I've got a Pixel π
raw brook
I just never put the effort into setting it up
1 min and Ill let you know
https://community.home-assistant.io/t/alpha-ha-client-native-android-client-for-home-assistant/69912
I think this it it. Not 100%
split granite
Ah yes, I'm on that Discord server. When I'd joined it the app looked like going nowhere fast, so I've kind of ignored it
drifting pilot
never really used the UI for media control and such..too clunky..basically want quicker access
ofc, the goal is always to require as little interaction as possible.
split granite
π
raw brook
Seems like the app has some more progess that needs made but I did get it to work (kinda)
drifting pilot
any way to hide a card in lovelace? dont see one...
got some i want to keep, but currently not using..etc..
raw brook
Delete 
drifting pilot
that was kinda the point, not to delete ,)
guess im still thinking groups π
there is always # π
and the ugly yellow "entity not available"..please drop it π
heh
UI editor is getting quite good thou....
raw brook
Its ugly for a reason
wheat current
And that reason is you are using something that does not exist, remove it
drifting pilot
well
sometimes u got entities that doesnt show up...especially when using eventstream..bit buggy..would rahter is just hides them
make it an option
wheat current
it is an option https://www.home-assistant.io/lovelace/entity-filter/
drifting pilot
no..thatts a state filter..
i meant entities not known..just ignore em..globally.. π
but im just picking feathers..nevermind
raw brook
The state filter works. I helped someone today use it for that exact reason π
But people would not know what happened to the entity if we just had it.
drifting pilot
im sure the state filter works, still not what i was thinking. π
but nevermind ..not needed
guess i still have to create my own ui-lovelace , as even if you take control in the UI, it uses a json version in .storage
talk about picking your poison π
raw brook
Correct. Which allows the Ui-editor
copper sandal
Is there a reason that it seems the syntax is backwards in lovelace. I'm sure its correct but just wanted it know if I should be formatting my code the same way?
raw brook
What?
copper sandal
I'll show you an example hold on
raw brook
You should include that first next time
copper sandal
- binary_sensor.warmer_outside
- device_tracker.b4f7a1e4c3ae
cards:
- entity: climate.stuarts_room
type: thermostat
- entities:
- light.stuarts_bedroom
title: Light
type: entities
path: stuarts_room_tab```Those are the entities that belong to that tab
raw brook
Still dont know what you are talking about
copper sandal
So before I would have thought that the title and stuff would be at the top
raw brook
oh. It doesnt matter
PRetty sure you got that from the storage mode
The JSON to YAML formats it that way
copper sandal
Oh ok just wanted to know if I was following the wrong syntax but if it doesn't matter then I will probably switch it since it hard for me to find stuff this way
raw brook
Yee
compact cypress
Hello, I need some assistance setting up lovelace. I am currently running HaasOS 1.13 and created a ui-lovelace.yaml file, but not seeing the changes made in this file. I have also selected Lovelace as default. Any ideas what I am missing?
raw brook
compact cypress
Thanks, so am I understanding correctly that I will still use the configuration.yaml and group.yaml files. Lovelace is just used to easily manage the UI?
raw brook
No..
Lovelace is the UI
There is an editor with it
Your Lovelace file isnt doing anything until you are in YAML mode for lovelace
compact cypress
oh, so if I do not use YAML mode there is no need for the ui-lovelace.yaml file?
raw brook
correct
compact cypress
perfect thanks. How can I update to 0.85?
compact cypress
ok, good to know. Thanks for your help, you have been very helpful tonight.
one last thing, do I still use configuration.yaml to add devices and group.yaml to create groups?
compact cypress
I must be missing something, how would I add a thermostat using auto generate? Or setup an automation without using automation.yaml?
raw brook
Automations are seperate
maiden atlas
Should I be able to see /Lovelace without setting it to default?
Atm it's just blank
raw brook
Go to and click try love lace
@compact cypress You add a thermostat card and give it your entity for the climate component
maiden atlas
Is the try reversable?
compact cypress
but dont you have to create the entity manually in configuration.yaml?
@maiden atlas yes click it again
raw brook
Its only a link @maiden atlas you can go back by hitting overview
Yes you have to have it created @compact cypress
lovelace is just the frontend
maiden atlas
It just send my to /Lovelace again which is blank
raw brook
hmmm What version of HA are you running?
compact cypress
ok, so we still have to manually create entities and groups using the yaml files?
maiden atlas
0.83.3
raw brook
Technically. @compact cypress But Groups are almost unnecessary for lovelace
if you control it.
If not then groups are needed
@maiden atlas I cant remember when lovelace started creating its self
one sec
compact cypress
ok, gotcha. So best practice would be to create entities in configuration.yaml and take full control by using lovelace UI. Is that correct?
raw brook
Yea if you are confident in your technical skills
Its pretty easy with the editor
So I would say taking control is the best bet
compact cypress
I created a notify.yaml too, I assume that needs to be manually maintained.
raw brook
@maiden atlas Pretty sure 0.84 is where Lovelace auto gens
So it will be blank
If you dont have the Lovelace YAML file
compact cypress
awesome, I was initially editing and creating new things by using the raw config editor. Every time it would create a blank overview page. Obviously I didnt understand how this all was supposed to work.
is there any documentation on how to stream feeds from arlo cameras or ring doorbells?
raw brook
Use a picture glance or picture entity card
compact cypress
Tried that using entity: camera.kitchen
and entity: sensor.arlo_cameras
I was able to get a picture using picture entity card, but no live stream. Is that possible>
copper sandal
Anyone know why when I edit my lovelace-ui in storage mode it keeps reformatting everything every time I restart?
vapid field
Hi, is it possible to change the size of the sensor card?
copper mural
I have a picture-elements card. And the code is identical for all entities beside the entity-name/id tho. But I cant press some of the lights to turn on/off, but some works. If I manually turn the light on, the picture-element card updates with the light on. Any tips?
split granite
@compact cypress There's no live stream support in Lovelace. However there is a custom CCTV card that can update the snapshots every half second
molten crag
morning all, silly question, is there a way to customise the size of a card?
split granite
Not really
You can make one a panel, filling the full size of the window, but that's about it for the width
You can cheat a bit by setting something as a panel, then using vertical stacks inside
But you can't make it fixed
molten crag
ah ok, the picture-entity card kind of takes lover lol
molten crag
Takes over even...
short dagger
all custom cards are broken this morning has somebody else the same experience
split granite
Did you update Home Assistant?
short dagger
yes to the latest version 0.84.6
drifting pilot
Climate cards doesn't seem to have the away mode toggle ...
split granite
@short dagger In that case, check the Lovelace change log to see if there's anything in there you need to be aware of
mild veldt
@short dagger what version were you on previously?
vapid field
Does Lovelace not update on the fly now?
Since updating to v0.84.6 I need to restart HA for changes to Lovelace to take effect
copper mural
You use yaml mode?
Have you splitted up the lovelace-files?
If you make changes in ui-lovelace.yaml, does it work?
vapid field
I have :
lovelace:
mode: yaml
In my configuration file
If I update ui-lovelace.yaml and click refresh he changes do not load.
If I restart home assistant they do
.yaml is not split
kind shellBOT
YAML is the mark up language used by Home Assistant. Consistent indenting (two spaces per level) is key - read more at https://home-assistant.io/docs/configuration/yaml/
copper mural
Thats wierd. It worked on 0.84.5 ?
vapid field
I updraded from 0.82.x to 0.84.6
Worked fine in previous version
copper mural
Ok, im on 0.84.5 and it works for me.
vapid field
Google is drawing a blank....surely I'm not the only one of this is a bug?
copper mural
I let someone else answer. I have no more ideas.
vapid field
π
fiery temple
hi, i wonder if i have done this correctly: https://pastebin.com/vK4X8Je0
action is lights on, when wife is not home, AND after sunset
but sometimes when i come home the wife is home, but shes asleep, then i needs to enable the lights, ,is this possible?
split granite
@fiery temple Questions about automations belong in #330944238910963714
restive lance
any one here using a timer, visible in the frontend ? Does it countdown properly for you? What about if you restart the timer while it is counting down, what does it display ?
twilit heron
Anyone happen to know if using card-tools / custom:layout-card should work in the 'storage mode' of LL? (I get "custom element doesn't exist: layout-card" but this is my first attempt at card-tools) Many Thanks!
mild veldt
@vapid field try the refresh found in the menu
vapid field
@mild veldt tried that, same problem
mild veldt
@restive lance timers is states and Lovelace donβt show that info to my knowledge
restive lance
@mild veldt then why https://github.com/home-assistant/home-assistant-polymer/issues/1996 π€·
spice ocean
Since upgrading to 0.84 tapping on an entity configured like this does not result in the scene being activated. It actually makes all of the lights go crazy and cycle on and off then turn off.
type: glance
entities:
- entity: scene.lights_on
tap_action:
action: call-service
service: scene.turn_on
@restive lance thatβs what I meant. They should, but donβt
restive lance
@mild veldt ahh, i see. Well it isn't working in non-lovelave either :p
spice ocean
@mild veldt Ah, thanks. Seems to work. This does seem a bit repetitive though:
type: glance
entities:
- entity: scene.lights_on
tap_action:
action: call-service
service: scene.turn_on
service_data:
entity_id: scene.lights_on
cloud escarp
Anyone have any suggestions for a tablet for wall mounting that would run Lovelace in fully kiosk?
split granite
@cloud escarp While you wait on any response, have a search of the channel - it's been asked a few times and there's likely some answers already there in the history π
mild veldt
@spice ocean there are some service calls that do not expect an entity_id to be passed and will error
sour thunder
Why do i get the "default_view" of lovelace, with having a ui-lovelace.yaml? I did input some things, but it just shows every object/device with the url "default_view". Help?
mild veldt
@sour thunder read the release notes and check the pinned message on modes
sour thunder
okay
Did only find that id was changed to path, but it changed nothing changing it
views:
# View tab title.
- title: Example
cards:
# The markdown card will render markdown text.
- type: markdown
title: Lovelace
content: >
Welcome to your **Lovelace UI**.```
Copied this, doesnt work either. Or is there a new thing that i need to restart for it to work?Okay, now it works. Added the ```
lovelace:
mode: yaml
to my config and now it works. Didnt need to do that before, so i didnt knew it even existed@mild veldt I know the last working version custom card worked was version 0.84.4
mild veldt
Yeah seeing someone saying something similar on reddit just now.
Will have to review changes but have a pretty busy day with holidays and what not.
cloud escarp
After searching the chat for tablet recommendations, I basically see that I should not get a fire tablet. Was looking for something similarly priced. I was thinking about using a rpi with a touch screen, but they would either be way more expensive and bulky, or not very nice looking and bulky. If anyone has any suggestions for tablets or other solutions, I would love to hear them.
mild veldt
Something with a newer OS should be fine
Android or Apple iOS that is
Or Linux or windows
I.e. not fireOS π
Unless itβs an older fire tablet that you can root and put a custom rom on
kindred moon
Can someone help to view media player status when the media player isn't online (TV is off so Chromecast has no power)
Any way to override the "unavailable" status? Or at least show it when unavailable?
I'm using a filter to display detailed media control when they're playing but i still want to list their statuses for some reason
mild veldt
They donβt exist. They have no state
kindred moon
Yeah, I just figured since they're on my HA states tab still that I could use them in Lovelace
sour thunder
Is there a way to make a popup using https://github.com/thomasloven/lovelace-popup-card when the doorbell rings? (sensor.doorbell is true). I need it to show the camera image, as big as possible. Maybe using Markdown image?
mild veldt
@kindred moon it is in your list of entities in entities view?
@sour thunder technically possible but not available with anything currently available that I know of
kindred moon
Yeah. If I turn on the TV so the Chromecsast gets power they'll show up no problem. I was just hoping to get it listed there as "Unavialable" because I can see that state in the States <> screen in HA
mild veldt
Would need a card that listens for an event of that type
Hmm. Not sure @kindred moon If it has a state it should be listed. Maybe that does it a different way than we are in Lovelace
sour thunder
@mild veldt okay, maybe with a custom card?
the only thing would be to show when the state of an entity changes
polar kelp
@sour thunder i have something planned for after the holidays...
sour thunder
Really? Would be awesome! Would help, if you need some π
crimson fable
how do I force a reset of the lovelace UI to default?
polar kelp
From storage mode? Remove .storage/lovelace
crimson fable
there is no such file
ah. okay it wasn't the lovelace UI which contained an invalid state
nvm then
mild veldt
@polar kelp how am I not surprised that you would be the one to provide that π excited!
copper sandal
Does anyone know anything about panels. I saw @split granite refer to them and would like to see if I can use a panel with a picture-element.
copper sandal
cool thanks I looked but didn't find it I'm sure I just didn't look hard enough
how the heck did I miss that???
sour thunder
Is there a way to check if an specified entity changes its state with a custom card/js? Want to make a small custom card that shows only when the entity's state specified is true for example
copper sandal
@sour thunder https://www.home-assistant.io/lovelace/conditional/
thats the best I can think of
sour thunder
Right after writing ive remembered this: https://home-assistant-lovelace-gallery.netlify.com/#demo-hui-conditional-card
Thanks @copper sandal
copper sandal
Yep glad I can help rather than just ask questions all the time because thats most of what I do;
sour thunder
Yea, me too π
But with asking we learn, so we can more and more help others π
copper sandal
Yep I guess we have to start somewhere.
Just very grateful there are people around that know so much and are willing to help us learn
sour thunder
Yea, definetely! Without them, my home assistant would not exist, because i would have given up π
split granite
The secret is, none of us really know anything
We're just really good at remembering where to find the answer π
sour thunder
π
Trying to build this popup image showing thingie, how do i get the image url of an entity? I made it so you can specify the camera element in the config, now how do i get the img url in JS?
const imageId = this.config.image;
const state = hass.states[entityId];
const stateStr = state ? state.state : 'unavailable';
this.content.innerHTML = '
The state of "${entityId}" is "${stateStr}"!
<br><br>
<img src="${imageId.entity_picture}">
';
Made it like this, building on top of the template/example
Need to get the image url from imageId
mild veldt
sour thunder
Found the answer myself exactly at the same time π but thanks!
Ive just console.logged this.hass etc and found the hierarchy
compact cypress
anyone have advice on how to get arlo and ring doorbell cameras to refresh using the surveillance card?
used instructions from https://github.com/custom-cards/surveillance-card but card is only showing an image, not refreshing feed.
sour thunder
I know what you mean, just had the same issue with my custom card, wait, ill search π
I think you need to change the card's js π€
The image url has to be /api/camera_proxy_stream/camera.<id>?token=<token>
the stream is the only thing that has to be changed
split granite
I'm using it, let me check what the config looks like
split granite
cards:
- type: custom:surveillance-card
thumb_interval: 10
update_interval: 0.5
cameras:
- entity: camera.front_camera```line 84 for reference
compact cypress
still not refreshing, only updates when new motion is detected.
the initial moment when motion is detected, does not refresh
I manually created a /config/www folder and added the js component, plus added resource at ui-lovelace.yaml
updated lovelace to be in yaml mode
kind shellBOT
@compact cypress being pitiless, posted a message that is more than 15 lines. It is now available at: https://paste.ubuntu.com/p/SYXWhmjkXy/
split granite
~rule6 @compact cypress
kind shellBOT
@compact cypress 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.
compact cypress
i tried to past in my ui-lovelace.yaml code, is there a way to do this? sorry!
split granite
~share
kind shellBOT
mild veldt
Doesnβt update even after 10 seconds as that is your thumb interval?
compact cypress
no, it only shows an image of the last time motion was detected
this goes for the arlo and ring doorbell
fiery temple
i edit the config bij the raw editor, somehow the old config got back, am i missing something?, not sure if thjis is a lovelace question do
heavy cove
Just saying... I HATE THE NEW "RAW CONFIG EDITOR" so hard to use !!!!!!!!!!
too easy to make errors and when it tells you there's a error you have to count every line to find out where you've made the mistake
and it doesn't keep the formatting indentation so it's easy to get lost
raw brook
Use YAML mode
glossy yoke
How do I put one of the mdi icons into a custom card? I feel like I'm missing something obvious...
heavy cove
@raw brook how does one get back to the YAMAL mode?
upbeat eagle
@heavy cove do you still have the Lovelace ui file in your confit directory?
upbeat eagle
put
wait a second that wasn't supposed to happen
mode: yaml``` in your configuration.yaml fileIt should then use the lovelace file instead of the raw config editor.
heavy cove
ok... that should be default π
as the config file editor in lovelace itself needs A LOT of work
upbeat eagle
So you got it working?
heavy cove
yeah.. it works... I just want to mostly complain because I think the ppl responsible for writing it should scrap it and rewrite it to atleast be aomething like configurator
compact cypress
Still trying to figure out if I should be able to see live feed from arlo and the ring doorbell cameras in home assistant or lovelace. Or is it only video feed from when motion is detected?
heavy cove
something*
upbeat eagle
@compact cypress What do you mean by home assistant or lovelace? They are the same thing. There is a surveillance card that I use for my cameras at the moment that works great.
compact cypress
sorry, I realized I should not have called them out separately. I am not able to get feeds to work in lovelace or not using the lovelace UI. I am using the surveeillance card and only see an image from the cameras.
compact cypress
0.84.6
I created a config/www folder and placed the surveillance-card.js file. Then used the script I pasted above. Is there anything else I need to configure?
upbeat eagle
I donβt believe so. I am on mo Ike at the moment and canβt look at my configuration. But yours looks correct. Can you view your camera feeds normally without the card?
compact cypress
I can view them from the native Arlo and Ring apps on my iPhone, but not within HA.
do I need to include ffmpeg?
I am creating the www folder in the same folder as my configuration.yaml file is found. Is that correct?
upbeat eagle
Ummm I see on the main page that it says that it canβt live streaming camera feed, it just plays the most recent video capture. Yes that is correct.
Is the ring giving you the same issue?
compact cypress
yes
I cannot event playback the most recent video capture. Just an image from the most recent video capture.
raven nacelle
Both Ring and Arlo don't provide streaming feed. Please read the docs carefully
Also this channel is only for Lovelace
compact cypress
Thanks, I am still not able to view the most recent video captured using the surveillance card. All I see is an image of the most recent video captured.
prime umbra
@raw brook was wondering if there is any plan for Raw Config Editor having some personalization, like some style theme code colours for be a little more easy to look into it and some space in between cards wouldn't be a bad idea...
i know that you can use yaml mode etc,,,, but if Raw conf editor could have some personalization it would be awesome move....
tough quiver
Strange; none of these entity-button's work.
https://paste.ubuntu.com/p/gYY9ZsDB9s/
(manually triggering scenes work fine)
AH nevermind.
https://www.home-assistant.io/lovelace/entity-button/#tap_action has a breaking change since 0.84.
tough quiver
why does this happen
(the three vertical rows are in a vertical-stack
columns are in horizontal-stacks
rose sluice
Hey @polar kelp - please could I run something by you re: card-modder?
You've seen some of my project already on the HA subreddits - now that I'm more or less done with the layout I've tried running the page on a RPi-Zero-W, and it's throwing a couple of errors:
- 'Custom Element doesn't exist' - each card then updates with the error
- 'Can't find card-tools. See (Url to your Github repo)'
PC and Android load everything fine, but the Pi Zero can't seem to find it. Per @tough quiver 's suggestion I've looked at the browser version, but Chromium seems to be at the most updated version for Rasbian Stretch 9.6
Edit: Also now tested on Firefox-ESR under a full-fat Raspbian install. Same error.
Pi Zero results - https://i.imgur.com/9PF374q.jpg & PC / Android results - https://i.imgur.com/nuvHdfO.jpg
Nabbed the console output for you if that's of any help - https://pastebin.com/raw/Sw1Sp607
tough quiver
@rose sluice What version of chrome are on each?
(because i got this problem with old chromes)
rose sluice
@tough quiver PC is Chrome 71.0.3578.98, Pi is running Chromium 65.0.3325.181
rose sluice
Okidoki, let's give that a crack. Guessing the version of ChiliPie Kiosk I prepped may be a little out of date.
tough quiver
Yea. you should just be able to sudo apt-get update sudo apt-get upgrade
mild veldt
@heavy cove thanks for your super helpful advice... /s
@prime umbra FRs can be put in the forums or ui-schema repo
tough quiver
It's almost almost like the configurator for lovelace is in early testing.
Who knew.
It's also almost like it's free.
heavy cove
@mild veldt ?? lol
split granite
To be blunt, if you think you can do better, please do so
The devs would love help, rather than complaints, I'm sure π
I mean, heck, constructive criticism can be useful - but that's not constructive
heavy cove
@split granite if I knew how to program I would.. but I'm sure you don't want a broken program... My satatement was more... if you are going to force something that is hard to use at least make an obvious alternative is all i'm getting at.. cuz i didn't know of one and I was truly lost
PS I lost my job today.. so thx
split granite
Losing your job sucks, my commiserations
As for the editor, nobody's forcing you to use it - and this is the first version
rose sluice
@tough quiver So here's a kicker. Chromium-browser is apparently at the most recent version for Raspbian Stretch 9.6
foggy tendon
It seems show_header_toggle doesn't work in this card:
- type: custom:card-modder
card:
type: custom:group-card
show_header_toggle: false
card:
type: entities
title: Google Fit
group: group.google_fit
@foggy tendon Would it not be..
card:
type: custom:group-card
card:
show_header_toggle: false
type: entities
title: Google Fit
group: group.google_fit```
Wherever I've used show_header_toggle it's with the same indent and nest as the title value.
lofty summit
Hey guys, does anyone know if there's a way to edit the CSS template lovelace uses? For example I would like to disable the shadows around each card.
tough quiver
@rose sluice doubt.
looking at the repos im pretty sure latest is 71.
eh maybe im wrong.
Perhaps try getting a deb file?
rose sluice
@tough quiver I suspect you're right - vers 65 was released at what, end of last year? and yet:
Reading package lists... Done
Building dependency tree
Reading state information... Done
chromium-browser is already the newest version (65.0.3325.181-0+rpt4).```First time I actually updated everything and then had to reflash the image I'm using because it killed some of the kiosk/reboot autologin functionality, but yeah.
foggy tendon
@rose sluice π 
rose sluice
@tough quiver Ironically, it looks like Chilipie-Kiosk's image is designed not to auto-update in case any chromium updates break anything π
tough quiver
lmao.
@rose sluice Can it be updated?
Damn, altest version august this year still using chrome 65.
rose sluice
Chiliepie is at it's most recent, yeah.
Although of course not all JS is made equal - seems to have no qualms about running the custom:list-card I've got in conjunction with feedparser
tough quiver
Cant you just run a pi with a wpa-supplicant.conf in the /boot parition for preconfiguring, ssh empty fule in there to enable ssh and then instal chromium and run it with chromium-browser --kiosk
rose sluice
Yeah, If this is a chromium problem rather than a custom JS problem then I'll likely switch to another method. Was simply hoping to use Chilipie as it pre-configured everything I needed by trimming most of the fat, and without me having to run any custom maintenance cron jobs. As a Linux/GNU semi-newbie Chiliepie is very much enabling my laziness π
rose sluice
Aye, reading through it now, might have to go with the super-lite variant as it's all off an itty-bitty RPi0-W.
..unless I just buy more RPi3s and use my 0's to make some custom sensors..
tough quiver
lol.
I haven't made any yet but im going to make my custom sensors with esp8266es
which is a way better idea than rpi0s.
rose sluice
I've seen those mentioned on the subreddit, but they're not something I've looked into much at the moment. As far as a magic mirror build goes, all of the information I'm pulling is external to my house.
twilit heron
Anyone happen to know if using card-tools / custom:layout-card should work in the 'storage mode' of LL? (I get "custom element doesn't exist: layout-card" but this is my first attempt at card-tools) Many Thanks!
forest pebble
Hello all running into some issues using custom cards in the UI editor for lovelace.
Im using the following in the card itself.
card:
https://paste.ubuntu.com/p/WxzQvqwktx/
Getting the following error:
Custom element doesn't exist: slider-entity-row.
The js file is directly under my www directory
Any thoughts
pallid flame
@forest pebble move the js file at the start of the file
ex:
resources:
- url: /local/light-entity-row.js?v=0.2.4
type: js
card: --> this needs to entities:
entity: light.lr_fan_lights
type: 'custom:slider-entity-row'
conditions:
- entity: light.all_lr_lights
state: 'on'
type: conditional
radiant drum
Trying to get this code to work.. what am i doing wrong? ```
- type: state-icon
icon: mdi:lightbulb
entity: binary_sensor.lys_vaskerom
tap_action: call-service
service: homeassistant.toggle
service_data: {entity_id: light.vaskerom_2}
style: {color: white, left: 90%, top: 94%}
@pallid flame
resources:
- type: js
url: /local/light-entity-row.js?v=0.2.4
entities:
- entity: light.lr_fan_lights
type: 'custom:slider-entity-row'
conditions:
- entity: light.all_lr_lights
state: 'on'
type: conditional
Error in card configuration.
resources:
- type: js
url: /local/light-entity-row.js?v=0.2.4
entities:
entity: light.lr_fan_lights
type: 'custom:slider-entity-row'
conditions:
- entity: light.all_lr_lights
state: 'on'
type: conditional
Same error
pallid flame
Try this way
type: conditional
conditions:
- entity: light.all_lr_lights
state: "on"
card:
type: 'custom:slider-entity-row'
entities:
- light.lr_fan_lights
resources:
- type: js
url: /local/light-entity-row.js?v=0.2.4
type: conditional
conditions:
- entity: light.all_lr_lights
state: 'on'
card:
type: 'custom:slider-entity-row'
entities:
- light.lr_fan_light
Ok no error, but now the card is simply blank and displays nothing
Oh woops the conditional was off. HAHAHAH
Ok now I am back to the original issue .
Custom element doesn't exist: slider-entity-row.
pallid flame
you need to add that one to under resources section. I am assuming you have slider-entity-row.js file in your 'www' folder.
- type: js
url: /local/slider-entity-row.js
yes the JS file is in the www directory.
Where exactly are you asking me to add what you typed above?
@pallid flame Ok I get what you mean.
Everytime I save, it reorders the Card Configuration.
card:
entities:
- light.lr_fan_light
type: 'custom:slider-entity-row'
conditions:
- entity: light.all_lr_lights
state: 'on'
resources:
- type: js
url: /local/light-entity-row.js
type: conditional
I still end up with
Custom element doesn't exist: slider-entity-row.
pallid flame
oh!, by any chance are you using lovelace GUI option?
forest pebble
Yes
pallid flame
I am talking about adding to ui-lovelace.yaml file
forest pebble
I was originally trying to ask if its not working correctly with the UI editor