why not use GUI mode, ROX!!!!!!!
#frontend-archived
prime umbra
marble falcon
No
mortal cape
lol "no because look how much control I have now"
marble falcon
So, what it sounds like is there is no way to hide this group
This group that I never asked to show as a card, this group I've tried to hide, set visibility to no, etc.
mortal cape
show a sample of the lovelace yaml for this view
marble falcon
I already did
mortal cape
do it again?
prime umbra
on DEV show a pic of what you got and System Health for whe know what mode you in
mortal cape
those are groups. that's not your lovelace yaml
marble falcon
There is no "lovelace.yaml" btw
wheat current
Lovelace in auto mode
marble falcon
But I'm happy to show you my config
If I go to the states UI, that card does not automatically appear
prime umbra
you make them is easy
mortal cape
@marble falcon did you click on "configure UI" from the upper right 3 dots menu?
marble falcon
No. I refuse to use a wysiwyg cofiguration tool. I did that for my automations and completely mangled my yaml
mortal cape
this is not the same
prime umbra
lol
mortal cape
you're in auto mode. You don't even have a lovelace yaml file to mangle
marble falcon
Maybe the answer is to not be in lovelace mode. So far it has not been an improvement
mortal cape
There are 3 modes here. Auto mode, which you are in. The second mode is where you take control. The third mode is where you have an actual lovelace yaml file and you have the kind of control you think you have now.
prime umbra
dont see whats the problem you being in GUI mode, you want control, but right now you got no control of nothing lol
mortal cape
You're outside looking in right now but claiming to be in. Jump in the pool.
marble falcon
Hmm
mortal cape
You'll be fine with the 2nd mode, I'm sure.
Go to the 3 dots and "take control" and see
prime umbra
yep
mortal cape
It isn't the same as the automation ui editor
mortal cape
But you just got here
marble falcon
?
mortal cape
You're young
marble falcon
No I've been here for 2 years
mortal cape
To this lovelace thing, I mean
prime umbra
lovelace is the future, there is no way to run away from it, is here to stay....
dive in and take control of it...
mortal cape
@marble falcon another thing I forgot to point out: your lovelace UI was generated based on your existing groups, but Lovelace doesn't use groups to control the UI. Once that initial setup is made groups are done. I haven't touched mine since starting with lovelace, and recently deleted the majority of them
marble falcon
No more groups?
mortal cape
Not in terms of manipulating the frontend and cards
It's completely separate from the backend. It only uses your groups the one time to base the cards on
marble falcon
That's a significant departure
marble falcon
I'm sure it'll be easier overall, and particularly for new users
mortal cape
Did you try it yet?
marble falcon
I did, but haven't done more than delete the unnecessary card so far
mortal cape
You can always revert back to auto mode (just leave your groups in place for the initial ui generation)
Auto mode pulls new things in as you add new devices, but you have no control over placement or style
prime umbra
@mortal cape is there anyway to define the size of a card when using panel true in views?
mortal cape
I think people make use of horizontal stacks and custom cards
or it's only meant for using a single card like you would when doing a floorplan
I don't use panel mode for anything myself.
@prime umbra
prime umbra
will look into it mate
winged pecan
Hi All
polar kelp
🎉 A new release of card-tools has been posted to github. This might make my cards work better with HACS. Please let me know if it worked.
winged pecan
i would like to use https://github.com/thomasloven/lovelace-slider-entity-row
but i dont understand how to do it
where i need to put the JS file
and where do i configure it
any help or referral to the right place will give you a free pass to heaven 😃
polar kelp
Start by reading this https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins
winged pecan
Thanks
icy cradle
On a fresh install I am geting the following error "Custom element doesn't exist: hui-empty-state-card."
polar kelp
Yeah... that's an odd one. I think an include is missing somewhere in the code. Haven't taken the time to look into it because I didn't think anyone would ever get there...
It'll probably go away once you have some entities.
icy cradle
it happend after changing it to something else, well trying to get a weather card up and running and then reverting back to default
Also the default weather with default config is also broken
With the same error that the entity cannot be found
So there is just a bug within Lovelace?
polar kelp
Well... do you have a weather.dark_sky entity?
icy cradle
No my config is also default
polar kelp
It says "Example:" for a reason...
icy cradle
This is pretty much out-of-the-box install. I didnt change a thing, and by just changing this default card I managed to break it all ??
polar kelp
The examples have to be adjusted for your personal situation.
icy cradle
This https://www.home-assistant.io/components/yr/ wont work in this UI?
polar kelp
No, it won't - unfortunately.
icy cradle
Why?
polar kelp
It hasn't been updated to work with the new way of doing weather entities.
You could try SMHI. They share a lot of their data and models with YR.
icy cradle
I don't know what that is yet. And why would something that is not compatible be part of the default config.
polar kelp
That's a very good question, actually.... I'd guess noone thought of removing it, and it's one of few weather services which doesn't require an API key or an account or anything, so it's used to be a good example that was guaranteed to work...
vapid field
Hi,
I use a Monstercard, I use lovelace
I have a card with a video
- type: picture-glance
title: Living Room
camera_image: camera.livingroom
entities:
- sensor.0x00158d0002789812_temperature
- sensor.0x00158d0002789812_humidity
The image is well displayed, the icon for temp and humidity also, but not the values.
Do you have an idea why ?
These sensor are well displayed out from the image.
polar kelp
That's just how picture-glance works. It doesn't display sensor values.
vapid field
so what is rhe goal to have just icon on the image ?
polar kelp
There's ongoing work to add that feature, but it's kind of tricky to get right.
It works well for things like lights and switches.
vapid field
I saw people having values on image
polar kelp
Or binary sensors, like doors which change their icon when something happens.
That was probably a picture-elements card then.
icy cradle
If it is one of the weather services that doesnt require an API key then why would this UI not support it?..
In any case I setup Darksky now. And while the card is loading after couple of restarts.. I am still seeing this error in the small balloon that an entity cannot be found
polar kelp
@vapid field I think picture-elements actually works with cameras too... but it seems to be undocumented... Let me try
Yes. It does.
@icy cradle The short answer is: Because this project is run by volunteers in our spare time
We really appreciate feedback, though , and I've already brought up your excellent point about yr.no being incompatible with the recent UI changes up with the dev team.
What error are you seeing? Could you post a screenshot to some image sharing site and give me a link?
vapid field
@polar kelp How do I have to adapt my code, first time I tried with picture-elements and I was unable to dosplay the video
polar kelp
Oh wait.. sorry. It works with camera_image, but not with camera_view...
icy cradle
@polar kelp https://imgur.com/jqGqeIX, the error with the card is resolved by using an entity.
split granite
@icy cradle The weather card requires a weather entity, and the default config has a sensor entity, because that's where weather entities used to live
icy cradle
@split granite in the documentation there are two Dark Sky options, one of them is a sensor I believe. And both state they are alternatives to each other. Not sure what the difference is between them. But that means that the 'sensor' option doesn't work also within this UI.
split granite
They do
They don't work with the stock weather card
I use the DarkSky sensor with a custom card
polar kelp
@icy cradle I'd guess that missing entity at the top in your old yr.no sensor (which you removed, correct?).
When you chose to add a card manually, the automatically generated interface was frozen and won't update automatically anymore
So you'll need to manually remove that "bubble"
polar kelp
You do that in edit mode by pressing the little pen next to the view name and choosing the .. is it "badges" tab, perhaps?
polar kelp
By removing the file lovelace in the hidden directory .storage in your config directory.
icy cradle
😐 This is totally not user friendly
split granite
Welcome to an open source project that's a work in progress
icy cradle
I guess this project misses some steering
split granite
You have the choice of:
a) Helping make it more user friendly
b) Using something else
c) Putting up with it
Being negative doesn't encourage anybody to help you
icy cradle
I am not being negative, it is an obvervation. Like the questions I am having, I am sure tons of others had these also.
vapid field
Is the code good ?
- type: picture-element
image: 1.png
elements:
- type: image
camera_image: camera.livingroom
entities:
- sensor.0x00158d0002789812_temperature
- sensor.0x00158d0002789812_humidity
For my point of view people are nice and reactive
When you see how long you wait and how much you pay to reach your provider.
and here it's fast and free help
fringe wave
hey ppl. Im in the making of my very first custom card for lovelance.
is there any way I can access the LIGHT_PROFILES_FILE ??
split granite
@vapid field You'll need to provide the path to the image, eg /local/1.png if the file is really /config/www/1.png
prime umbra
@polar kelp sorry to tell you but popup card and browser commader dont work with HACS
polar kelp
Thank you
@vapid field You'd need to split the sensors out into different elements. Something like ```yaml
type: picture-elements
camera_image: camera.livingroom
elements:
- type: state-label
entity: sensor.blahblahbla_temperature
style:
left: 40%
top: 50% - type: state-label
entity: sensor...._humidity
style:
left: 60%
top: 50%```
vapid field
@split granite Thank you, I will do next time, I think my router 4G switch offline
polar kelp
It's a bit more work than a picture-glance card, but that's part of the fun.
vapid field
@polar kelp : Thank you, but the tag image is not required ???, I read it, or I understood wrong ?
polar kelp
Shouldn't be. As I said, there's a miss in the documentation there.
@fringe wave Afraid not
fringe wave
@polar kelp daaam. no way to whitelist the file either so its accessible ?
vapid field
and it's writen we have to use image and also elements:
so your code looks like wrong if I trust the doc
polar kelp
Ah yes. sorry. Elements, not entities.
But the code says you can use image, camera_image or state_image. And camera_image works when I try it on 0.93.
And all the logic is there for camera_view to work too, but it's stopped by a sanity check... Seems someone didn't quite get all the way..
fringe wave
@polar kelp can I add profiles as an resource in lovelance yaml and access it that way?
polar kelp
No. You can only add resources which are in www/.
vapid field
@polar kelp I will ave to test next saturday. My HA is in a house that is connected to internet only few hours every saturday. The internet connexion just switch off, so no more access
polar kelp
Don't think symlinks work there
fringe wave
dont think either but really want this to work 😛
vapid field
I will try to install exactly the same here some I will be able to work on it the whole week and upadate the config on saturday
polar kelp
You could... make a python_script that reads the file and stores its contents as an attribute to some entity ? 🤷
prime umbra
@polar kelp its working the popup and the browser commander with HACS
awesome
☝ @atomic glacier
atomic glacier
Awesome 👍
polar kelp
Ok. Here we go!
Now I'm taking an early night and leaving you to mess everything in your configurations up on your own.
short dagger
For me popup card still don't work 🤔
prime umbra
@short dagger its working here
short dagger
Then it's me I'm doing something wrong
prime umbra
maybe
short dagger
Installed with hacs, added the resource, added the popup_cards: with my card options to ui-lovelace.yaml
prime umbra
showed be working
prime umbra
hehe awesome
timid burrow
@polar kelp why is this not working?
- type: 'custom:text-divider-row'
style: |
ha-card {
--secondary-text-color: var(--primary-text-color);
}
text: Blah
gray kernel
should it be custom:hui-text-divider-row ?
timid burrow
I don't think so.. Using the card-modder like this:
- type: 'custom:card-modder'
style:
--secondary-text-color: 'var(--primary-text-color)'
card:
type: 'custom:text-divider-row'
text: Household
that one works
gray kernel
what about your snippet doesn't work? there is no text dividing row visible? or it doesn't accept your styles?
timid burrow
This is Thomas' new card-mod a plugin replacement for card-modder
gray kernel
oh ok I have no familiarity what this new card-mod is
timid burrow
It uses the default secondary-text-color instead of the primary-text-color
both of those slices of code show the correct divider row but the new card-mod isn't changing the color
gray kernel
y'know what it probably doesn't work because you can't style an ha-card because one doesn't exist with custom:text-divider-row (as far as I'm aware)
I didn't realize text-divider-row was a custom thing, I thought it was a native one
timid burrow
gray kernel
When exploring the cards using the element inspector, you might run into something called a shadow-root and notice that you can't apply styles to anything inside that. wow, thank god for this; I've had this problem multiple times '
would you mind trying * in place of ha-card
gray kernel
try .text-divider in place of ha-card
https://github.com/custom-cards/text-divider-row/blob/master/src/text-divider-row.ts#L30
timid burrow
no change
sleek ginkgo
I was having issues reloading my Lovelace configuration (YAML mode with includes). Looks like it might be linked to the latest version of card-tools. I rolled back to the previous version and it's working fine now. Anyone else seeing something similar?
Nvm I think the issue is on my end
polar kelp
@timid burrow card-mod works only on cards.
But with some css magic, you can apply it to the entities card, and have it happen only to one row in it.
timid burrow
So the text-divider-row isn’t a card?
I thought it was a custom card.. it works with card-madder so I’m confused..
polar kelp
No, that’s a row
timid burrow
Ok but it’s not enclosed or contained in any card
So I’m confused... or are you saying card-modded is the card?
polar kelp
It should be enclosed in a card.
Card-mod only works on things that have a ha-card element.
timid burrow
Ah! Yeah I couldn’t find one of those so looks like I’m stuck with card-modded then
polar kelp
Why don’t you want to use your entities-row in an entities card anyway?
timid burrow
It’s just a divider between 2 cards... and the cards use auto-entities as well
white marten
Is it possible to have an horizontal stack that break line on mobile (say 3 in a row on a large screen, but 1 in a row on smaller)
white marten
Altso is it possible to use the custom button-card to remove background, or is it possible to add a text line on the bottom of a picture?
vapid field
A recent change broke my FFMPEG m3u8 stream. I click play and it loads forever. When I look in the network tab of Chrome, I see several "playlist.m3u8" entries and those URLs actually work in VLC. That makes me think there is something wrong on the frontend.
Any ideas? (btw nothing appears in logs)
next dirge
@polar kelp Thank you for sending me the blog on Yaml for no -programmers. It helped a lot and I am running the custom layout card now. Is there any way to include badges? As a part of the layout card or before?
polar kelp
no
Badges wasn't really a thing back when I made it, and I haven't updated to include them yet... will think about it, though...
next dirge
Thats ok - of course
gray kernel
am I delusional or did switching to the yaml lovelace mode and splitting things up into !includeable files cause my ui to slow down and often freeze?
no one can know about my setup for sure, but has anyone here felt like they've experienced a similar problem?
heavy cove
Those lovelace gauges...would it be possible to define your own custom colours.... instead of: Green, Yellow and Red... sometimes depending on what you are using them for different colours would be more useful.... just sayin
atomic glacier
@gray kernel 👋🏻 Just put it on the back burner and plan to revisit it again someday...
atomic glacier
I just figured maybe I didn't format correctly, but the UI changes I make every few minutes 🙄 seemed to make it even worse...so just stickin' with one long YAML file for now
gray kernel
if I had to guess it's doing file i/o literally every time instead of caching in-memory until you click the refresh button from the dropdown (or listening for file change events if such a thing is possible)...
though this could be wrong because I feel like I experience the problem on mobile more (either due to a resource or network constraint) than on pc
I am writing based on like 36 hours of experience so all I can do is conjecture
atomic glacier
Until I reach a point where I quit making so many changes, I'm just keeping it this way and adding anchors and decluttering templates to get it shorter
devout hatch
I am trying to show dark-sky custom ui card
I followed this github documentation: https://github.com/iammexx/home-assistant-config/tree/master/ui/darksky
and for the moment it works..I saw the card on my dashboard ui
but now when I changed only locale: en to locale:de
I can't see anymore
here is my setup of lovelace-ui.yaml
timid burrow
space before the de?
devout hatch
but it works..that is a thing that bother me
😄
I could see a temperature, weekly forecast..
timid burrow
I thought you said it didn't work?
timid burrow
ah well I use English
devout hatch
and reverted back to english still nothing
timid burrow
perhaps clear cache - are you on chrome?
devout hatch
yes
timid burrow
F12 and right-click the refresh button and select empty cache and hard reload - I always do that if I have lovelace issues
devout hatch
haha I will check
I am at work now, and been connected via teamviewer to my machine, and in all desparate state I did ipconfig /release
haha so now I can't access to my home network 😃
stupid me
slow wave
This is why I have 5 ways into my system, and you should rather do /renew than /release 😛
silent light
Is it expected that a user can bypass the Lovelace UI by specifying a URI (ie, homeassistant:8123/states)? Is there anyway to enforce/redirect the user to the Lovelace UI?
static steeple
The following is not working
sensors:
dark_sky_alt_daily_summary:
value_template: >-
{{ states('sensor.dark_sky_daily_summary') }}
{% if states('binary_sensor.meteoalarm') %}
{{ state_attr('binary_sensor.meteoalarm', 'description') }}
{% else %}
{% endif %} ```What do I miss ?
fallen falcon
i had a custom component in my www directory that wasn't working properly. I deleted it but I'm still getting this error: https://xxx.duckdns.org/local/custom-lovelace/swipe-card/js/swiper.min.js?v=1:6:469 SyntaxError: unterminated regular expression literal. This suggests that its looking in 'local' directory not www directory for this component, but I don't know where 'local' directory is. (not a linux guy sorry!)
fallen falcon
thx will go look for it
do you mean /config/www ? I don't have a 'configurationdirectory'
slow wave
all my resource URLs in ui-lovelace.yaml is like this
- url: /local/custom_ui/calendar-card/calendar-card.js?v=1.0.1
type: js
and all my files are in /home/homassistant/.homeassistant/www
fallen falcon
i think i've got it. I deleted the directory containing the code, but i didn't delete the reference to it (the URL) in ui-lovelace.yaml
thanks for hints
small pike
Anyone have experience using the mini-media-player and having the buttons cast spotify with the spotcast custom component?
fallen falcon
this is weird. even with no reference to the card in ui-lovelace.yaml and with custom-lovelace directory completely deleted from www i till get this error on start up: 2019-06-10 11:00:40 ERROR (MainThread) [frontend.js.latest.201906040] https://xxx.duckdns.org/local/custom-lovelace/swipe-card/js/swiper.min.js?v=1:6:469 SyntaxError: unterminated regular expression literal
somehow 'local' isn't pointing to /config/www where i expected it to point
this is Hassio btw, if that helps anyone guide me
wheat current
Home Assistant, is Home Assistant
https://www.home-assistant.io/components/http/#hosting-files Look at the note there.
fallen falcon
ok
thx
@wheat current this basically tells me what i thought....that local resource files should be put in /config/www. Which they were. And they are now gone.....yet error is still there
wheat current
ctrl+shift+r
fallen falcon
sorry, I don't understand what you are telling me
wheat current
basically: Clear your cache
silent light
Is there a way to force users to the Lovelace UI? I ask because it seems that it can be bypassed by providing a direct URI such as: http://$your_host:8123/states
I would like to completely disable the states UI if possible, as I'm trying to restrict access to some switches based on the suggestion here:
https://community.home-assistant.io/t/password-protected-switch-or-and-view-tab-child-lock/6102/18
But the states UI bypasses any restrictions built through Lovelace, exposing those switches
wheat current
Empty the default view
silent light
I don't quite follow. I've added switches to my configuration.yaml, I didn't explicitly add them to the states UI, only to the Lovelace UI, but they appear on the states UI seemingly automatically.
wheat current
https://www.home-assistant.io/components/group/ add one named default_view with no entities
fallen falcon
@wheat current and @slow wave just fyi in case you ever see it come up again: clearing cache didn't fix it, but I found a reference to the custom card in a lovelace file in .storage directory (not really sure what that directory is used for). After making a backup 'just in case' i deleted the entry and that eliminated the error message. Thanks for working to help me.
wheat current
That's from the raw UI config editor
You use Lovelace in storage mode (configure with UI) that is where it store it's data
fallen falcon
got it. will remember that.
autumn fossil
Does anyone know if there's a way to see the detail from a service call made by lovelace? I'm having a weird behavior that I can't tell if my YAML is not right, or if I'm hitting a bug in the component.
ruby fiber
after instating themes my overview is white page. Any idea to get back ? thx
quaint tundra
is there anyway to text-align state-labels in picture-elements
vernal gazelle
Hello lovelace folks, is there a guide that I cant find online that will help me split my Lovelace config, or is better to just stick with Config UI? I essentially want to put my Pi-Hole on the UI, and some other items, but being knew to all of this it seems a bit overwhelming. Ive looked at a few config files from the demo UIs and I jsut cant seem to find something to explain it for me. Example when I create the ui-lovelace.yaml and lovelace folder, I place two files in their one for media streaming devices and one for network. I can see the mdi icons at the top of the page but nothing else shows up. but in a single lovelace file it all shows.. thanks
frank ocean
After putting the js of a custom card in the www folder. Do you need to do anything else
?
Custom element doesn't exist: slider-entity-row.
vernal gazelle
never mind found this https://www.awesome-ha.com/#lovelace-user-interface maybe a great way for me to see if I should be basic or not
latent moss
@frank ocean you need to also add to resources: section of your ui-lovelace.yaml file (or in raw config editor if using UI mode). otherwise HA doesn't know about it. see step 3 here https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins#3-import-the-plugin-in-your-lovelace-config
shadow kernel
Hello. Sorry if this is not the correct place to ask... I want a lovelace image card with h264 stream from raspberry pi camera, without any re-coding , and I cant figure how to get it...
I can create a local HLS stream (m3u8 file and proper h264 (without audio) ts parts
I can figure how to expose this in a nginx or cherrypy server (CORS related, and proper js-player), but I dont know how to make it in HA and lovelace...
I have read that from 0.92 there are HLS support...
but I cant find any doc about...
this is my question at forum... https://community.home-assistant.io/t/ffmpeg-camera-from-rtsp-without-reencoding/73707/2
shadow kernel
I have posted a howto prof-of-concept to see rpi camera showing at browser at 720p@15fps and <3% CPU, served in HA (as static files).
sturdy bough
is it possible to display the zone icon/name of a person/device_tracker item?
dim cloud
How would you show the "update available" notice with a conditional card?
would I need a 2nd sensor which checks whether updater.updater exists?
atomic glacier
@dim cloud I used to use this for custom_cards https://paste.ubuntu.com/p/5Y8rWBNX6R/ ...but would be even nicer on a pop-up card for what you are looking for that way it would show on all devices
river grotto
hey guys, i updated my home-assistant from 0.93 to the latest .94 but now my lovelace is completely blank on all my devices
it was working fine before the update
autumn fossil
Does anybody see an issue with this entry in a picture-glance?
- entity: switch.zone_4
tap_action:
action: call-service
service: rainmachine.start_zone
service_data:
zone_id: 5
zone_run_time: 680
anytime I trigger it it only runs for 10 minutes
If I execute the service from the service interface in HA it will go for however long I request it
polar kelp
@icy cradle I'm happy to let you know that based on your feedback Home Assistant will ship with met.no as default weather service starting with version 0.95.
Thank you for contributing to making Home Assistant better! https://github.com/home-assistant/home-assistant/pull/24470
timid burrow
is that a breaking change? any change to config?
polar kelp
No
It's a change to the default configuration that's generated automatically the first time you launch Home Assistant on a new installation
It'll only affect new users.
timid burrow
so if I have a sensor:
sensor:
- platform: yr
that will still be valid?
what if I wish to switch to the new one? or is the what you are talking about completely different?
split granite
Yes, it's valid
The change is to the default config, so that it works with the Lovelace weather card
timid burrow
So what is being added to default_config then? https://github.com/home-assistant/home-assistant/blob/dev/homeassistant/components/default_config/manifest.json
split granite
Home Assistant will ship with met.no as default weather service starting with version 0.95
From what @polar kelp posted 😉
polar kelp
If you wish to switch to the new one, instructions are here: https://www.home-assistant.io/components/met/
It's not a drop-in replacement, since yr.no is a weather sensor while met is a weather component
timid burrow
oh I just looked in the PR and there's a weather with platform: met that replaces the sensor
hahaha
gotcha
split granite
There's a slow piece of work going on to move all the weather sensors to their own domain
timid burrow
a good idea
devout hatch
Why my darksky component shows so much little details like on this img:
when I put a bunch informations into my sensros.yaml
split granite
Is that the custom weather card for Darksky?
devout hatch
I included in config.yaml
sensor: !include sensors.yaml
yes
it works finally
but just basic darksky I affraid
split granite
Probably asking in the forum thread about that custom card is the best bet, though if you don't share your config for both the Dark Sky sensors, and the card, nobody can help
devout hatch
this is my sensors.yaml file
I assume that my config "can read" sensors.yaml because I receive response from a service and there is my key
split granite
Check in 
devout hatch
I have bunch of sensors like
sensor.dark_sky_nearest_storm_distance etc
all sensors have values
split bridge
Hello everyone
After I switched to lovelace, I'm having sporadic issues with logging in
polar kelp
@devout hatch Could it be that your theme makes the text invisible?
split bridge
2 out of three 3 connects results in "Unable to connect to Home Assistant."
Does anyone have an idea to why?
polar kelp
Honestly, there's aproximately a 0% chance that's related to lovelace.
Just to have a starting point.
Might be caching problems...
What do you mean "switched to lovelace"? Does that mean "Upgraded from 0.83" (or whenever it was made default)?
split bridge
All right, I'll try the other channels
It's almost certainly related to caching, as it seems to correlate with "Auto login"
However, clearing website data only fixes this temporarily as the problem comes back quite quickly
polar kelp
Just to make sure I'm not talking out my a** (as has been known to happen), you could go to /dev-info and click "Set states as default page on this device" and see if the problems persist.
split bridge
That does not change anything
polar kelp
Clicking on "Overview" brings you to /states now?
polar kelp
Ok. Then I think you'll have better luck in #330944238910963714. I'm out of ideas.
split bridge
No worries, thank you for your time
devout hatch
@polar kelp nope, I've just returned to default theme, still the same
maybe, just maybe is because, i put in my resources:
type: module```maybe it should be a js type?
and I saw that I need to put at then end ?v=7.1
maybe the version is different?
split granite
resources:
- url: /local/custom_ui/dark-sky-weather-card.js?v=7.1
type: module
``` is from the readmeyes, and I put it just as its written in documentation
now I am looking my config file and I have customize: !include customize.yaml
frail iron
any way to have one card of a lovelace view be displayed as an android widget?
devout hatch
and in customize.yaml => weather.dark_sky: {}
I think I will delete this include it is unnecessery
polar kelp
@frail iron No
frail iron
@polar kelp yeah figured its not so easy to do, what about the whole view?
polar kelp
I'm no Android user, but I can't see why not... if there's a way to display arbitrary websites
frail iron
ok, i just think it makes more sense to stick to lovelace and reuse it than configure some random custom widget app with a ton of API calls just to have some sensors 😃
polar kelp
The thing is that lovelace is very much built on top of all of Home Assistant, and can't really stand on its own without all that support structure. That makes it hard to break stuff out out it.
frail iron
yeah that would be ok if the web view in widget would work properly, but cant get further than the login page
fringe wave
@polar kelp am I allowed to promote my very first lovelace card here? would love some feedback etc
fringe wave
Okay. pretty new to HA, and I love lovelace. But I also loved my light profiles in HUE. I could not find a card that supported light profiles so I made one myself...
Disclaimer. Im sure theres some things I could have done in a better way. But I need to learn HA :-P
polar kelp
Nice!
fringe wave
Thx. Was looking alot on you row card. But didn't fit my needs with my lights
polar kelp
I was thinking this might make sense as an entity row rather than a card, actually...
fringe wave
You make that separately as well?
How do you register a new row type?
(PS. Was missing a good api doc on custom cards etc)
Was just browsing others cards to see how they did stuff
polar kelp
You make the rows the same way, they have exactly the same interface. Here are some of mine: https://github.com/thomasloven/hass-config/wiki/My-Lovelace-Plugins#entity-rows
fringe wave
Will check it out. Thx
autumn fossil
Is there a place to enable/turn up lovelace debugging? Having an issue with a service call on a picture-glance card that is triggering the service, but appears to not be passing the service data.
icy cradle
@polar kelp 👍 sounds good. Small change but with big impact. Happy to hear that something has been done with my feedback.
atomic glacier
I can't seem to find any documentation on where or how this was added. Clue please? 🙄 DEPRECATED! time-input-row is now a standard feature of lovelace @polar kelp Thanks!
polar kelp
Try adding an input_datetime to an entities card
fringe wave
@polar kelp just as a future refrence, this f**king worked:
ln -s /config/light_profiles.csv /config/www/custom_ui/light-with-profiles/light_profiles.csv
polar kelp
Huh. I didn’t think it would...
May have portability problems, but if it works for all but windows users, you’ll probably never hear a complaint...
... was sure I had tried that at some point...
wheat current
If you use Windows, issues are expected😜
wheat current
The issue is other users that might run on windows and might try the same thing
fringe wave
I added (sorry windows users) to readme.. im clean
ornate grotto
Hi, with glance card, I would like to show only the name of the entities of first row (so it looks like I get column header)
is that possible ?
I can set an empty name to entities of other rows but then I get an extra space
polar kelp
Use two cards and put them in a vertical-stack-in-card
ornate grotto
Yeah, thought to that, but then I 'll have some space between the two, don't I ?
ornate grotto
looks like I'll need to create some custom glance card 😄
mild veldt
there shouldn't be any space when using vertical-stack-in-card
vapid field
hey there
I`m quite new to HA and i´ve a question about adjusting a script. Am I right here?
polar kelp
You should probably be in #330944238910963714. This channel is specifically for frontend questions.
vapid field
ok thank you - will try there
icy cradle
@polar kelp , this seems to be not working: The Light card allows you to change the brightness of the light. Note: Long-press on the bulb to bring up the more-info dialog.
Also as a general comment, it isn't really mobile friendly. A single card takes up way to much space on a mobile device.
polar kelp
The forums or github (https://github.com/home-assistant/home-assistant-polymer) is the correct channel for bug reports
icy cradle
Maybe it is intended, as the documentation could be wrong. Is it a feature that is supposed to be working?
Or maybe it belongs to an old version
You can never tell with HASS it seems
This issue has been reported last year already @polar kelp https://community.home-assistant.io/t/lovelace-button-card-hold-and-android-chrome/76718/30
white marten
Is it any cards or mods for the "more info" modal? I would love a nicer graph on that modal - possible?
polar kelp
Regular reminder to Be the change you want to see in the world.
@white marten https://github.com/thomasloven/lovelace-popup-card
polar kelp
All my cards work in hacs. They're just not in the standard repo yet.
white marten
hmm, I could not see that one there
polar kelp
But there's a pretty updated list here: https://github.com/thomasloven/hass-config/wiki/My-Lovelace-Plugins
icy cradle
@polar kelp maybe this is the reason https://github.com/thomasloven/lovelace-popup-card the lovelace light card no longer has long press option?
polar kelp
Maybe, if you installed that in your setup and did something horribly wrong in doing so.
icy cradle
no I havent installed it yet
but it is all related to lovelace and similar functionality, except this one has the option to show a different card
polar kelp
Either way. If you want the more-info dialog for your light, you can press the three dots in the top right corner of the card.
icy cradle
Yes, but is this functionality that this document decribes something that is supposed to be working. I tried 2 browers on desktop FF and Chrome, and on an Android device Chrome and Samsung
clever ore
tranquil dome
Hi everyone
is there a way to set a default gap or padding on a theme
so that on mobile, my cards dont touch the edges of the screen
white marten
@clever ore great HA is getting better and better. No doubth I did choose the best HA system out there. Now we just need an advanced automation editor
midnight nexus
Are there better choices for a card to support my newly functioning (see) #cameras-archived D-Link DCS-5030L I'm new to cameras and just barely wet behind the ears with lovelace UI
white marten
@midnight nexus just use something like: camera_view: live
entity: camera.back_yard
type: picture-entity
back yard changed to your cam ofc
no need for a custom card from what I know
kind shellBOT
brittle forge
anyone able to help a noob with a lovelace question?
midnight nexus
😃 cool! I got the D-Link DCS-5030L working in a picture_glance Thanks for the tip @white marten
brittle forge
I'm trying to graph the current temp state of a climate sensor but it doesn't seem to want to let me map the state or at least I can't find the syntax for it...
brittle forge
nvm it was an issue with my templete sensor...
atomic glacier
Does the service shell_command.lovelace_gen have to be ran every time a change is made? or only when adding a new file? Got it working on my dev setup to give it a test run before adding to my main instance and not sure 🤔
polar kelp
Every time a change is made.
It entirely overrides the normal way lovelace updates work.
sand nebula
Hello everyone. Does anyone know if it is possible to sort entities within a card based on its state/attribute. Use case would be to have a list of sensor batteries and show the ones having a smaller value before the ones with a higher value...
atomic glacier
@sand nebula The easiest way is just show only the %'s that are below a certain level, but this can be achieved using lovelace-auto-entitiesif you want multiple parameters to be displayed, you could use an entities card containing the auto-entities cards and would require one for each different percentage you wish to display using the filters to . e.g. include 0-25% on one card then another with 26%-60% then 61%-100%.
polar kelp
Adding sorting options to auto-entities is high on my list too, btw.
atomic glacier
would be easier on me instead of typing all that 👆🏻 🤣
sand nebula
@atomic glacier It had crossed my mind also, but it doesn't pay off... Let's wait for @polar kelp to add sorting to one of his already amazing cards
polar kelp
🎉 Major code overhaul to slider-entity-row! https://github.com/thomasloven/lovelace-slider-entity-row
Some fixes too
fringe wave
im watching 2 repos of yours and my inbox was a miss this morning 😛
ornate grotto
Hey guys, I'm playing with polymer based custom card but am a bit stuck : in a forEach loop, it looks like the html`` code is not rendered, any other function like map() works correctly, any idea ?
guess it is soehow related to the scope inside forEach , but no idea how to fix it
radiant drum
Hi! Is it possible to add a picture to plant-status card? i have this but i also want to add a picture - id: testing type: vertical-stack cards: - type: custom:card-modder card: type: plant-status entity: plant.drivhus name: Drivhus
polar kelp
Add an entity_picture attribute to the plant.drivhus entity in customize:
radiant drum
@polar kelp Thanks! 👍
radiant drum
Is there any tricks to get picture larger?
wheat current
Zoom inn in your browser
radiant drum
Was thinking on getting the picture to fit 100% to card
wheat current
Picture-elements card
slow wave
Also I don't believe that is your greenhouse 😛 
wheat current
Same here, there are no 🍺 in there
formal folio
I just installed HACS and am trying to get the "mini-media-player" working. I have installed the repo, added the resource into lovelace and added the card. I get no errors but the card doesn't pop up. I can only see the "edit" row. Any ideas?
slow wave
Have you restarted ha?
slow wave
What does your code look like?
kind shellBOT
formal folio
This is my lovelace config: https://www.hastebin.com/odokuvogaz.bash Row 25 & 26 is the media player card
Here is configuration.yaml
slow wave
Oof GUI editor
formal folio
Have mercy, I merely began with hassio yesterday :d
slow wave
slow wave
I prefer it, but it is a user preference 😛
formal folio
Copied your mediaplayer, still same thing :/
slow wave
Not even errors?
slow wave
This is what mine looks like Media https://imgur.com/gallery/wF4PVvc
Pretty sure you have two overlapping cards then 😛
formal folio
Link broken 😄
slow wave
It is not 😘
formal folio
Ah, work blocked imgur appearently haha
Oh my god I'm so dumb
Should've read the entity row
slow wave
I love that emoji 😂
slow wave
formal folio
Is it possible to change the names of the devices? https://i.imgur.com/5PfJCBm.png
slow wave
Yes, look at the docs for the mini player, look for alias
formal folio
Lovely, thanks :d
ornate grotto
anyone has a code snippet to show how to use colored ha-icon based on state ?
(on a custom card)
winter karma
just made an entity card that basically groups all my lights - can i add a transition to the toggle of 2 seconds?
icy plover
afaik only if your lights support it
I have some esp8266 based lighting but I couldn't get the transition option to work for automations when I tried a while ago, I guess because the software on the esp didn't support it
winter karma
hey - trying to setup the tuya component and It keeps telling me to check the config
i entered my username, password, country code and platform - i tried both username and email in the username... any suggestions?
is the TUYA component still supported?
wheat current
This is the #frontend-archived channel, try #330944238910963714 😉
winter karma
sorry, @wheat current wasnt really sure where to post what. 😐
lofty ravine
Hei everyone, this might be really obvious, but i cant for the love of anything get the power consumption graph in lovelace to work from fibaro wall plug.
I am using this switch: https://imgur.com/Nd7YgbU
Anyone know how to set it up?
I couldnt find anything on the internet
elder pendant
What card are you trying to use? You're going to have to make a template sensor to store the power data. Right now it's just an attribute. Attributes are not tracked in history
lofty ravine
@elder pendant I am trying to use the history-graph card.
Would you mind showing me an example of a template sensor? The one on the hassio docs is not making sense to me
elder pendant
https://www.home-assistant.io/components/template/ you add one of these to your configuration.yaml
The value_template would be {{state_attr('switch.fibaro_wall_plug_eu_zw5','current_power_w')}}
lofty ravine
hmm, i tried this: sensor:
- platform: template
sensors:
friendly_name: "KWh"
unit_of_measurement: 'KWh'
value_template: "{{state_attr('switch.fibaro_wall_plug_eu_zw5','current_power_w')}}"
but i am getting an error
lofty ravine
sorry, my bad. this is the error:
Invalid config for [sensor.template]: expected a dictionary for dictionary value @ data['sensors']['friendly_name']. Got 'KWh'
expected a dictionary for dictionary value @ data['sensors']['unit_of_measurement']. Got 'KWh'
expected a dictionary for dictionary value @ data['sensors']['value_template']. Got "{{state_attr('switch.fibaro_wall_plug_eu_zw5','current_power_w')}}". (See ?, line ?). Please check the docs at https://home-assistant.io/components/sensor.template/
split granite
Did you try reading that link 😉
elder pendant
You need to define the sensor first. Something like
- platform: template
sensors:
energy_usage:
friendly_name: "KWh"
unit_of_measurement: 'KWh'
value_template: "{{state_attr('switch.fibaro_wall_plug_eu_zw5','current_power_w')}}"
yes i did 😉
but i am still completely lost
elder pendant
You need to give the sensor an id. energy_usage: is the id in the example I gave
split granite
The format needs to be the same as in the docs, and yours was missing a key line
- platform: template
sensors:
friendly_name: "KWh"
``` vs
```yaml
- platform: template
sensors:
energy_usage:
friendly_name: "KWh"
Basically, if you get an error like that, check that what you've written matches the format in the doc
lofty ravine
thanks for the tip
broken jetty
Hi Folks, I have a bit of a newb question on Lovelace. For all the resources shown here https://github.com/rollover77/home-assistant/blob/master/ui-lovelace.yaml do I have to go and manually install them initially? Is there a way to install via custom_updater or should I be looking at HACS as an alternative?
elder pendant
HACS is the replacement for custom_updater, so that's the one to go with if you want a managed system for custom cards
broken jetty
great. thanks.
broken jetty
Another quick question. I had a couple of custom components under custom_updater. Can I add both the python script updates and the component urls to hacs?
custom_updater:
track:
- cards
- components
- python_scripts
component_urls:
- https://raw.githubusercontent.com/keatontaylor/alexa_media_player/master/custom_components.json
- https://raw.githubusercontent.com/pnbruckner/homeassistant-config/master/custom_components.json
python_script_urls:
- https://raw.githubusercontent.com/pnbruckner/homeassistant-config/master/python_scripts.json
split granite
More of a #330944238910963714 question really
broken jetty
Well this all relates to trying to get HACS setup with Lovelace so think it's relevant.
I don't see any of the common lovelace cards listed on HACS
compact-custom-header, tracker card, card-tools, etc.
I'm trying to get a laundry list of custom components installed from this https://github.com/rollover77/home-assistant/blob/master/ui-lovelace.yaml
Am I missing something?
broken jetty
thanks! I see it now.
Are these of type intergration or plugin?
custom_updater:
track:
- cards
- components
- python_scripts
component_urls:
- https://raw.githubusercontent.com/keatontaylor/alexa_media_player/master/custom_components.json
- https://raw.githubusercontent.com/pnbruckner/homeassistant-config/master/custom_components.json
python_script_urls:
- https://raw.githubusercontent.com/pnbruckner/homeassistant-config/master/python_scripts.json
elder pendant
But tracker-card is part of custom_cards, so I don't know why that one doesn't show up
kind shellBOT
broken jetty
Custom_Cards doesn't show up in the store.
wheat current
- This is not relevant to #frontend-archived (use #330944238910963714 as @split granite suggested or #general-archived )
- Read the link @elder pendant shared with you (from your postings you should probably read the entire site)
- As stated multiple times on anything for that component, issues should be posted to GitHub
broken jetty
I still don't understand how it's not relevant to lovelace? I'm trying to figure out how to get the right components installed for ui-lovelace.yaml and as a somewhat newb this seems relevant to others as well. Pretty strict interpretation if you ask me.
HACS seems to be a new approach and I'm sure other folks are trying to transition too.
wheat current
That is a (custom) component, there are no components in Lovelace 😉 it is a new-ish approach, and the repository for it is the best place for issues/help with it, trust med on that, I know the developer 😉
split granite
TL/DR: HACS != Lovelace
broken jetty
Thanks for the explanation. Way to encourage participation in the community through ridicule.
split granite
🤷
elder pendant
Encouraging participation is directing people to the correct channels
split granite
And if you don't want to listen... we may be less subtle
broken jetty
Assuming they know what the correct channels are. At least I now know it's not a lovelace component.
split granite
Well, it's not like we haven't told you already
broken jetty
How was I not listening?
split granite
🤷
broken jetty
Seriously guys, I find this discord very helpful but you're assuming everyone has the same knowledge base as you.
which is the whole point of coming here in the first place to learn more.
split granite
That's why I pointed you to #330944238910963714
Where this would have been more on topic
But, you said you didn't see the point...
split granite
It's (still) not
broken jetty
It's related to getting lovelace working
split granite
Nope
elder pendant
You could tie literally anything in HA to lovelace.
That doesn't make it the best place to discuss it
broken jetty
so you're saying it's interpretation
split granite
If it's about the UI itself it belongs here
If it's about anything else it doesn't
HACS is not the UI
broken jetty
Right which assumes I have the same mental model as you do for the system. which I did not.
Just relax and have a bit of patience for folks who are trying to learn thats all I'm suggesting.
white marten
Is it a card where I can do the same thing as in "markdown", just without the border/bg and custom font?
@polar kelp can style be set on the markdown mod?
azure scarab
is there a way to change the color of an entity on a picture element?
or change the entity color based on state?
azure scarab
nvrm figured it out
wheat current
@polar kelp whats the smalest card you have? (lines of code)
tough quiver
I'm using a picture entity to show my cameras.
They're set to live.
However, sometimes some of them dont load.
sometimes if i just wait more will work
but usually a refresh makes more work.
if i click them they load their streams fine.
atomic glacier
@wheat current pretty sure it's lovelace-gap-card it's 15 lines., but I''m not Thomas 😂
split granite
@distant silo ``` entity_id": switch.pool_sump_pump
That quote looks lonely
I'm also unsure why you've got ``` service_data: null
distant silo
Hey ya'll I'll fix picture location, but the following seems to toggle many lights, any ideas? It is a lovelace picture card.
type: picture
image: >-
http://www.pergolakitsusa.com/product_images/uploaded_images/ab138a11c2f353c96e718bb161b779c3.jpg
tap_action:
action: call-service
service: switch.toggle
service_data: null
entity_id": switch.pool_sump_pump
That is added by default
split granite
Sell, that lonely misplaced quote isn't added by default
Yes, we've seen that
You can stop posting it time and time again
distant silo
No the null is added by default
split granite
Well, you're ignoring the other thing I said
And... how are you creating that?
service_data:
entity_id: switch.pool_sump_pump
```That's what I'd expect to see thereahh i see that now, i'll try but pretty sure i didn't have that on first attempt
Same
without the loney "
split granite
Check your HA log file to see what's being logged
tap_action:
action: call-service
service: input_boolean.toggle
service_data:
entity_id: input_boolean.lovelace_person3_more
I've got that and it works, the same format should work for you
distant silo
2019-06-15 13:18:54 WARNING (MainThread) [homeassistant.helpers.service] Not passing an entity ID to a service to target all entities is deprecated. Update your call to switch.toggle to be instead: entity_id: all
split granite
There you go, it's having issues with whatever you've currently got
distant silo
Agreed
I am not passing it to all entities, I am passing it to switch.pool_sump_pump
split granite
You're using the UI to create this?
distant silo
yes, and the toggle editor
distant silo
I get this at the top with my code
Your config is not supported by the UI editor:
Expected a value of type `{action,navigation_path,service,service_data} | undefined` for `tap_action.service_data` but received `null`.
Falling back to YAML editor.
There you go, so there's something wrong with what you're doing
Which may also explain the stray double quote
distant silo
ok, so that is why I am here for help, not to be told i did it incorrectly
I'll try your code
split granite
Yeah, but you've not said what you're doing with the editor...
distant silo
I showed you the code, the editor is built into the picture card
Is the picture card included in lovelace
There is the toggle editor
Thanks anyway, happy Father's day!
mild veldt
type: picture
image: http://www.pergolakitsusa.com/product_images/uploaded_images/ab138a11c2f353c96e718bb161b779c3.jpg
tap_action:
action: call-service
service: switch.toggle
service_data:
entity_id: switch.pool_sump_pump
Funny, that looks rather like what I posted 😉
distant silo
@mild veldt Thanks
It appears that lovelace / HA doesn't like it so much when you start in the gui and move to the toggle editor screws with the formatting
rocky token
Hi guys
is there any way I use external libraries in my custom card?
import { LitElement, html, property, customElement } from 'https://unpkg.com/@polymer/lit-element@^0.5.2/lit-element.js?module';
@customElement('simple-greeting')
export class SimpleGreeting extends LitElement {
@property() name = 'World';
render() {
return html`<p>Hello, ${this.name}!</p>`;
}
}
this custom card doesn't work for example
seems like the way i try to emport external .js is the problem
is there a solution?
mild veldt
@rocky token start here: https://github.com/custom-cards/boilerplate-card
thorny valve
hi
i'm trying to get an animated weather card working using Darksky as a source. i've been following this guide: https://github.com/iammexx/home-assistant-config/blob/master/ui/darksky/README.md
It mentions about putting a resource section at the start of the config for Lovelace which i've done, but it's not clear where the other items futher down the configuration should be placed.
For example:
Required entries must be present in your configuration. The card will not work at all if any of these lines are missing.
type: 'custom:dark-sky-weather-card'
entity_current_conditions: sensor.dark_sky_icon
entity_temperature: sensor.dark_sky_temperature
entity_forecast_high_temp_1: sensor.dark_sky_daytime_high_temperature_1d
entity_forecast_high_temp_2: sensor.dark_sky_daytime_high_temperature_2d
entity_forecast_high_temp_3: sensor.dark_sky_daytime_high_temperature_3d
entity_forecast_high_temp_4: sensor.dark_sky_daytime_high_temperature_4d
entity_forecast_high_temp_5: sensor.dark_sky_daytime_high_temperature_5d
Can someone please help me and explain where these lines need to appear? Anywhere in the file or do they need to be further down in the config?
If anyone is able to assist in this then i'd be very grateful. 😃
rocky token
@mild veldt thanks for the lead, it helped me understand how custom cards work
i have a problem though
import 'https://unpkg.com/chart.js@2.8.0/dist/Chart.bundle.js'; adding this line to my custom-card.js crashes it
do you know why?
calm rock
hi , when i configure a surveillance-card , only one of the cameras is shown the others just empty , would like to know if this is currently a general issue , or something i need to discover on my side , ( all cameras are working fine and shown correctly with other cards type) , tks
probably, the type of configured cammera ?
robust garden
Is there some nice curtains card? Or maybe people that can show how they have the curtains in lovelace? 😃
atomic glacier
@calm rock The last camera that has detected motion( assuming you have it set up per the docs), is displayed as the larger image to the right. The remaining cameras display in a column on the left. I still have the card active in a view, but don't open that view much anymore.
calm rock
i got it , the problem is that on the left only one camera is shown , the others , just a blue line
atomic glacier
Ah okay👌🏻
robust garden
hmm not really but thnx for sharing 😄
mild veldt
@rocky token bundle it
e.g.
yarn add chart.js
npm run bundle
rocky token
Wow @mild veldt is it posible to install npm packages on homeassistant ui?
If that is doable i can also use google chart web component
I have been trying for the last 5+ hours but cant find a way :/
mild veldt
It is if you bundle it like the boilerplate card
rocky token
Okay thanks
latent bramble
hi, in lovelace, what is the best way to show a attribute as entity , i got a rest sensor which has attribute, can i use that attribute as entity within lovelace , i have try this, but didnt work
- type: glance
title: Storage
entities:
- sensor.harddisktorrent
- sensor.harddisktorrent.externalStorageD
sensor.harddisktorrent.externalStorageD didnt work
latent moss
@latent bramble i believe you would need to create a template sensor like this first, probably something along these lines:
sensor:
- platform: template
sensors:
externalstoraged:
friendly_name: "externalStorageD Attribute"
value_template: "{{ states.sensor.harddisktorrent.attributes.externalStorageD }}"
Test it in the Template Editor first under Developer Tools in the sidebar (
icon).
next dirge
In a fresh install of 0.94 the system is in control of the UI. If I choose to take control - as I am used to - is there any way of reverting back, That is, give the system control again?
timid burrow
Yes you can delete the storage file and it will switch back but need to stop HA, delete and then restart
next dirge
@timid burrow Thank you. Don’t really know if it will be necessary, ever. But now I know
rocky token
Hi @storm lion, I would like to make a PullRequest to github.com/custom-cards/. My repository is here: https://github.com/Samilkarahisar/piechart-card.
I have read that I need to ask you for this :)
Thanks in advance.
latent bramble
thanks @latent moss that works 😃
outer scroll
Does anyone know of a Lovelace card that when pressed reveals other entities? My idea is to have “lights” view, which is full of large buttons, each representing a room. If the button is pressed, the lights for that room are revealed (probably using custom button card. ) Otherwise, I have too many lights for my wall panel display!
wheat current
I think popup-card can do that
outer scroll
Thanks - I’ll take a look
wheat current
outer scroll
That looks good, but I was hoping to reveal the excellent custom-button cards, which I would then be able to press to bring up the more-info card (to change colour etc). From a quick read, this would replace the more-info card.
By the way, this is a fun problem to have - I have been getting too carried away over the last year with my new home automation obsession, and have far too many controllable bulb😀 s now!
prime umbra
@polar kelp does the new markdown-mod works with picture elements card?
for some reason not able to make it work...
with the type: 'custom:useful-markdown-card' works ok
prime umbra
was wondering why markdown-mod is the type type: markdown when the HA core markdown card is also type: markdown will not that cause conflict?
polar kelp
That’s the point. It overrides the behavior of the normal markdown card. That way lovelace itself does all the heavy lifting, and I just need to tweak it a little bit.
prime umbra
ok cool, just for some reason not able to make it work combine with the picture elements cards, with the useful-markdown-card works ok
@polar kelp does this has to do with the custom elements in picture elements that requires the type of card to be custom?
according to info(string)(Required)Card name with custom: prefix (e.g., custom:my-custom-card)
so in this case wouldn't be possible to use this card with the picture elements sense is not type: 'custom:markdown'?
prime umbra
was wondering in 0.94.3 using the storage mode, is the cards delete button not working or is just one me?
crisp otter
@latent moss Just a quick "thanks there" as you answered my question just before I even had asked it! Had a sensor attribute I was trying to dig out and make available for oled showing and an external source! You awesome!
empty rampart
Hi, would appreciate if anyone could help me out here on broadlink switch. Have setup the broadlink switch according to the docs in yaml and i can see the switch entity in Lovelace Developer tools under States. Current state is on and there is no error in home-assistant.log. However, when i tried to add the switch entity in an entities card in Configure UI, Lovelace throws me an error "Saving Failed: t.cards is not iterable". Wonder what am i missing here.
In addition, when i configure it manually in the raw config editor, using an entities card, nothing shows up. No error is shown as well.
When i configure the switch as a badge in lovelace, it does shows the badge and the state. And i can click on the badge to toggle the on and off state. My aircon responded to the toggling
title: Home
views:
- title: Home
path: default_view
cards:
show_header_toggle: true
title: Entities card sample
type: entities
entities:
- entity: switch.aircon_power
badges:
- switch.aircon_power
Hi, I got my gauge as follows ;
severity:
green: 60
yellow: 30
red: 0
for 0-100, but 5 appear as black, i think its conflicting with theme, is there is a way to fix it by assigning a custom colour in theme?
granite prawn
Hey Guys, im having a bit of an issue with using the tap action button
kind shellBOT
granite prawn
tapping on th icon, doesnt call the script
ornate grotto
Hey there, creating a custom card, it looks like my shouldUpdate parameter is always empty
any idea why ?
keen belfry
Hi, I have a sensor that gets history data in its attributes. I'd like to plot this data in a card, is there a card that I can use directly?
Data looks like that https://snag.gy/8cP1bG.jpg
elfin badge
is it normal, that i cant see my badges if i set panel mode to true?
wheat current
yes
elfin badge
ok thank you
granite prawn
hey guys
i've tried a few different configurations, but i just cant get the tap action to work with the picture glance card
it just keep sowing the more info panel
any help or insights would be highly appreicated
This is what im trying with - entity: script.sync_google_assistant_service tap_action: action: toggle service: script.sync_google_assistant_service
mild veldt
@empty rampart under cards you should have a list. e.g. every card should start with -
title: Home
views:
- title: Home
path: default_view
cards:
- show_header_toggle: true
title: Entities card sample
type: entities
entities:
- entity: switch.aircon_power
badges:
- switch.aircon_power
@granite prawn action: call-service
@ornate grotto you'd have to provide us a link to your source code to give any real insight
@keen belfry no. That's a very poor way to store history
keen belfry
Thanks @mild veldt for your answer. This data I put in the attributes is a summary of monthly water consumption that is fetched when getting last day's consumption.
granite prawn
@mild veldt i tried that option too, didnt work 😦
mild veldt
@granite prawn did you get errors in your logs?
granite prawn
nope
this is my code - entities: - light.ceiling_bulb - switch.ceiling_fan - switch.ceiling_light - binary_sensor.moksh_s_bedroom_door - script.hassio_restart - entity: script.sync_google_assistant_service tap_action: action: call-service service: script.sync_google_assistant_service - script.backup_services image: /local/bedroom.jpg title: Bedroom type: picture-glance
ornate grotto
the code might not be perfect, as this is my first custom card
but right now, everything works. except this shouldUpdate stuff
mild veldt
@ornate grotto I'll try to remember to check it later. My work's firewall is blocking that 😦
FYI, I've put together what I believe is a good boilerplate for custom cards for others: https://github.com/custom-cards/boilerplate-card
ornate grotto
yeah. looked at that one already 😃
guess I'll use it to fix most of my code to be TS compliant
do you want me to paste it somewhere else ? does gist work for you ?
mild veldt
I should probably get back to work actually 😉
You could also post in #devs_frontend-archived
mild veldt
nah
empty rampart
@mild veldt Thanks for pointing out my mistake! I am grateful. 😀
analog hare
Hello everybody. I was going to check if there is someone who can help me. I keep on doing a button that you have to press when leaving home and when you come home. I don't really know how to get it. I use groups because that's what I know how to use
type: picture-entity
entity: group.nohome
state_image:
'on': /local/hemma.jpg
'off': /local/intehemma.jpg
I have 2 group. One that turnes off everything and one the starts only some things.. group.nohome and group.hemma
is it possible?
mild veldt
@analog hare you could use a conditional-card to display either
analog hare
Yes but does not look so nice :S wanna have a picture for when its on and one for off. But its not possible the way i thing maybe :S
mild veldt
your config doesn't look nice?
polar kelp
@analog hare You should start over. Think about how to handle this in the backend first.
The "correct" way would be to have an input_binary which you controll from the frontend, and then a number (at least two) of automations that are triggered when that input_boolean is turned on or off.
If you're ever wondering how to make the fronted do different things at different times, you probably shouldn't.
If you still should, I have a whole slew of plugins for lovelace to enable you to do it, but they shouldn't be the first resort.
devout hatch
Does anybody know why HA doesn't show any details from dark-sky component?
here is my config.yaml
as you can see, I have a bunch parameters like pressure, uv index etc.
but from some reason, I am getting just stripped version 😃
this is my ui-lovelace.yaml
split granite
Do all those listed entities show up in ?
devout hatch
I just copied image to you
😃
yes..I have a bunch of sensors
like sensor.dark_sky_pressure_1d
split granite
https://community.home-assistant.io/t/custom-dark-sky-animated-weather-card/59816 suggests you're not seeing details because you're missing configuration 😉
devout hatch
really? 😄 I am missing? 😃 Good to know, because I thought I need to factory reset my HA
and starts from clean version 😃 I will try again, based on documentation..good to know that my config is broken 😃 @split granite thanks!
split granite
Well, all I did was look at the guide there, and yours 😉
split granite
What?
No
Look at your card configuration
Look at the docs
Notice you're missing a lot of lines
Fix it 😉
split granite
You'll likely have most luck on that forum thread, since it's a custom card
split granite
You never need to restart HA for changes to Lovelace
split granite
For that, yes you have to restart HA
devout hatch
I started clean machine on my Pi, HA from 0, ofc I added some add-ons, and now when I hit check config it says to me Integration not found: resources
still having troubles with dark-sky custom card
ok, got it where is the error
moving forward 😃
wheat current
it needs to go in your lovelace configuration, not configuration.yaml
devout hatch
yes, I moved there
but now I do not avy any screen. my dashboard is empty @wheat current
I tried ctrl+shift+r to hard refresh it and nothing
devout hatch
I added lovelace: mode:yaml
already, and tested with test code below 😃
I added also
frontend:
javascript_version: latest
Correct 😃
So now you need to configure your lovelace by adding stuff to the ui-lovelace.yaml file
devout hatch
@wheat current I've already vreated ui-lovelace.yaml and added stuff there
here is the code
devout hatch
I am reading, but I don;t know what I am doing wrong..
should I open raw config editor?
wheat current
no
devout hatch
Your previously customized Lovelace UI won’t be modifiable anymore and won’t follow after you start writing code in the <config>/ui-lovelace.yaml file, but you can easily import it if you wish.
ah
ok, thats I am doing
wheat current
Look at the example in the docs, then at your config
devout hatch
Ok, I needed cards section 😃
still nothing
😄
moving forward..slow as a turtle 😄
I am convinced that now is everything as should be
but still, I get blank dashboard
it works
thanks, @wheat current
devout hatch
what is the name of the whether radar?
I want map radar, I saw somewhere tutorial, but I've forgot how it's called
elder pendant
In https://demo.home-assistant.io it's done using iframe
devout hatch
@elder pendant thanks!
devout hatch
Interesting.. on blank hassio image, I succeded to make it to work dark-sky custom card
then, I restore my snapshot from yesterday
and when I add identical code, it wont work 😃
winter karma
can I call any card as a popup on hold_action?
i have a custom roku controller card and I want to press and hold on the media player icon to bring up the remote
#frontend-archived any suggestions 😃
worldly trout
Hello everyone, any idea why we cant use HA under a subfolder? for instance, https://sub.mydomain.com/ha/
mortal cape
@winter karma an entity-button card will let you configure hold_action
@worldly trout crossposting and also completely unrelated to lovelace ui
split granite
Well, it is UI related more than Hass.io related
Hence why I directed them here to see if somebody could tell them why it's this way
worldly trout
sooo any ideas, or is it just an oversight in the frontend?
winter karma
im creating a picture card with a state-icon with a hold_action and I would like to bring up the card as a pop up
mortal cape
you want the hold_action to trigger the pop up?
winter karma
yes sir
split granite
@worldly trout You'll need to be patient for somebody who knows the answer to turn up, see your question, and decide if they want to answer it 😉
winter karma
so more-info brings up the obvious i want a similar action of the custom remote card i installed...
mortal cape
where's @atomic glacier ...kind of the master of pop-ups I think
first time I'm looking at this card
mortal cape
Much more important, lol
atomic glacier
Unless I skipped something (on mobile ATM) You can use browser-commander to open any popup
winter karma
on another note --iron-icon-height: 20px --iron-icon-width: 20px arent working on the state-icon for media_player
browser-commander?
atomic glacier
So calling it from any place you can call a service
atomic glacier
The origin of the pop-up card
atomic glacier
Don't have the link handy, but browser-commander works using scripts and one of the functions is popup
winter karma
im using venv
winter karma
so im guessing the command: would have something to do with custom: roku-card
atomic glacier
Easy to install and use
winter karma
thanks! ill check it out
winter karma
card . modder needs to be installed?
atomic glacier
Nope
mild veldt
hold on
back up
I think we're getting ahead of ourselves
@winter karma can you reiterate your goal
I think we all know how much @atomic glacier loves his browser-commander 😃 but not sure that's what he needs, is all
atomic glacier
😂
winter karma
i want to trigger a custom popup from my picture card ie - creating a picture card with a state-icon with a hold_action and I would like to bring up the card as a pop up
mild veldt
I'm guessing "trigger" is what got @atomic glacier 's mind chugging, lol
mild veldt
you just want a hold_action to bring up the roku-card, is that right?
winter karma
right
mild veldt
yeah, I know it. I made it 😃
mild veldt
"hold the media icon", I'm not sure I follow you here
is that your icon on the picture-card?
winter karma
yes -and it is the state-icon of the media player
mild veldt
so yea, @mortal cape had you on the right path, I think
hold_action:
action: more-info
and then you'll need to implement the popup-card from thomas
winter karma
mild veldt
browser-command is a way to bring up popups auto-magically.
e.g. you turn on your tv, the remote would popup on its own
winter karma
i like automagically
mild veldt
well there's nothing stopping you from having both ways, but I would start with just the popup-card
@atomic glacier has a pretty wild video floating around with his setup
winter karma
so install the popup card and go from there?
mild veldt
@winter karma yeah
winter karma
no magic
atomic glacier
Okay, second day on the job here, so back to work. Be on in a few hours
mild veldt
Here's mine
popup_cards:
media_player.bedroom_roku:
card:
entity: media_player.bedroom_roku
type: 'custom:roku-card'
title: Bedroom Remote
nice (where do you put that)
mild veldt
same level as cards. read the popup-card docs though
winter karma
signing out
mild veldt
for future reference: https://github.com/Dino-Tech/Home-Assistant-Main
mortal cape
by calling in @atomic glacier I accidentally set phaser settings to overkill 🤣
mild veldt
@atomic glacier when you get back, post your demo video. That thing was wild. I can't find it ATM
found it https://youtu.be/BN_0hNpCzOA
atomic glacier
@mild veldt Thanks for finding the links....really need to do an audio edit on that vid😂
winter karma
Got it working! thanks every on in #frontend-archived
winter karma
@mild veldt where did you get your darkpurple theme for the card. Thanks
mild veldt
I don't have a darkpurple
devout hatch
can you suggest me entity type for LED controll (colors and brightness level?) is there any example? entity-button is not suitable for this type of light
mild veldt
I only have the one's I've stolen from frenck; https://github.com/frenck/home-assistant-config/tree/master/config/themes
mild veldt
just grab them all and play around
can also make your own: https://www.juanmtech.com/themes-in-home-assistant/
dark purple is there, actually. lol
wheat current
I like this one :D
https://i.ibb.co/kVTjxQ5/image.png
winter karma
@wheat current me too but my picture cards look crappy on a dark theme
mild veldt
midnight?
wheat current
Yeah 👍
winter karma
any suggestions for getting floorplan picture cards to look good on dark BGs?
wheat current
Dark floorplan
winter karma
@wheat current make the image dark themed?
wheat current
sure
winter karma
#alotofwork
sorry another question: the lovelace-popup-card can you set a theme in the attributes? would be awesome ie theme: dark_purple
not working though
mild veldt
no, there is no theme option
winter karma
can i inject it into the original card? to hhave the default theme something else?
hmm @mild veldt even though i edited the roku-card.js theme default to dark_purple something is overriding it... and it remains white... (I dont know why I'm spending so much energy on this - haha) 🤣
winter karma
@mild veldt yeah ill revert my changes...
maybe i just have to live with a white popup
mild veldt
@winter karma the card itself can be given a theme. are you talking about the popup's header?
that's dictated by the system theme, I believe
calm rock
hi all! , i realize today that there exists a lovelace-car-mod , and a lovelace card-modder , is one a replacement of the other ?, i was trying to customize the alarm pannel and i saw the the card-mod is needed nstead of modder if i understood correctly
winter karma
@mild veldt "crap!"
mild veldt
@calm rock without links to actual context, I have no idea
atomic glacier
You can style the entire background of a pop-up including the header. That was an enhancement I asked Thomas for a while back. It looks much better for camera images when using them as a pop-up and also full background images you don't have to look at the header portion the image fills the entire card.
@calm rock card-mod allows you to change things that couldn't be styled before, as in the example for the alarm-panel card. The numbers couldn't be enlarged and with card-mod you can. Not a replacement as of yet
scenic bolt
hey there, im trying to setup my lovelace UI through using the ui-lovelace.yaml method rather than the UI option as that was recommended to me, but I can't seem to figure out how to get iframes to be next to each other? I added type: horizontal-stack before the cards, but it still doesnt want to do it
calm rock
@atomic glacier , @mild veldt , i installed the new -mod , and is working now , thanks , now looking for some CSS to make it look nice
mild veldt
@atomic glacier just saw the new style option 👍
charred frigate
say I want to put in group.all_lights but I don't want a single entry for the group per sei I just want all the lights included in the group (which may be 30 or 40) - do I have to type each light as an entity?
can I somehow make an entities card 'evaluate' a group?
atomic glacier
@scenic bolt This should be very helpful : http://thomasloven.com/blog/2018/08/YAML-For-Nonprogrammers/
@charred frigate maybe this: https://github.com/thomasloven/lovelace-auto-entities
past falcon
hey, I'm trying to mess around with the entity button cards, and the colors don't seem to be changing with the state of my input boolean. Is there something I need to fix in my theme for this?
atomic glacier
@past falcon What are you trying to change? What have you tried ?
Anyone on that uses: https://github.com/thomasloven/homeassistant-lovelace-gen ? Was hoping to check out someone's repo or at least ask a few questions if possible. Thanks!