#frontend-archived
1 messages · Page 115 of 1
If you are having problems with a custom card, open an issue on the repository
ok yeah guess that's the route to go.
who's the theme master here?
is there any way to track light brightness_pct level on a history graph?
what do you need to do with themes? its just basic IDs and color
i.e. primary-color: "#EA1111"
is brightness_pct a attribute of a entity or sensor?
entity
Okay
for a light on a dimmer
let me remember my templating.
{{states.calendar.vdmaul_gmail_com.attributes.start_time}}
Okay so if you go into the side panel on the bottom there should be a button that looks like a peice of paper
if you go in there you can test out templating for values.
so I want you to try {{states.<NAME OF LIGHT ENTITY>.attributes.<NAME OF ATTRIBUTE YOU WANT>}}
if you get a number or value then we can make a custom sensor or thing for history to graph
Yeah.
That should get us something
Oh actually {{states.bar_level.attributes}} will get us all the attributes shown that we can grab and the proper names
even tried {{states.light.bar_level.attributes.brightness_pct}}
on the states icon for this one i get this brightness: 75
node_id: 3
value_index: 0
value_instance: 1
value_id: 72057594093076481
friendly_name: Bar
supported_features: 1
Hmmmm
hmmmm
ah, brightness_pct doesnt work but brightness does
Now if we turn that into a template sensor we should be able to have history graph it
so how do i get {{states.light.bar_level.attributes.brightness}} into a history graph?
We make something like this in configuration.yaml
sensor:
- platform: template
sensors:
Lite_Brite:
friendly_name: "Light Brightness"
unit_of_measurement: 'Brightness'
value_template: "{{states.light.bar_level.brightness}}"
if you already have sensor: in your YAML you don't need that part
then just double check it validates and restart HA
and it should show up as a graph in history
got it, didnt like the Lite_Brite.... caps, so just LC'd it
so i add history graph card?
You can add a history graph card. Though I think it should show up in the history tab too
If you want it on home screen then yeah add history graph card
^_^
I think so
so really i need to copy that for all my lights i want to track?
I think so. Let me check
odd the scale is -1.0 to 1.0 but dont really care about that
Did it give a value yet?
no value yet
it sets scale based on the value given
birghtness is currently 75
hmmm went back to template editor with {{states.light.bar_level.brightness}} and now get nothing again
actually says None
no wait, i lost attributes out of it
{{states.light.bar_level.attributes.brightness}}
but now it says no state history found.... maybe since no change since reboot?
i can make sensor card from sensor.bar_bright and shows 75
Shoot.
was just trying to plot the light level on history graph
Hmmm
Does the sensor update on specific time table? or when only the light level changes
also i wonder if it will track transition command sent to light
I probably screwed up the formatting
i just changed the level and no change
oh weird, i just made a sensor card to watch the level sange and the history graph updated.
guess its just slow to update.
hmm, not sure lovelace is updating very fast
when i refresh page it shows all the changes, but just made a change and watching it now to see how long it takes lovelace to update
so my history graph card yaml is this:
entities:
- sensor.bar_bright
- sensor.lounge_bright
- sensor.artwall_bright
- sensor.centerlights_bright
- sensor.chandelier_bright
hours_to_show: 10
refresh_interval: 10
type: history-graph
but it groups the last 5 but keeps the first one seperate
cant seem to figure out why
Hi I'm having an issue with my frontend not showing correct state of lights. It will show lights as on when they are off. If I toggle the switch to the off state it will turn on itself after 1 or 2 seconds. This only affects the switch in the interface, the light itself does not turn on.
Running on Docker, home assistant version 0.92.2. Tried using both google chrome and Samsung internet on my phone.
To add, this only happens for ikea Tradfri devices
correct state in
?
@gaunt shuttle Over here for Lovelace things
error is:
custom element does not exists: timer-card
altough i have installed and is detected by updater
Then it's not installed correctly
Show us the config
@gaunt shuttle posted a message that is too long, it is moved here --> https://paste.ubuntu.com/p/83GwC3sjx9/
And the card definition?
entity: switch.toalheiro_wc_suite
name: Toalheiro
type: 'custom:timer-card'
Timer card...
Switch entity...
🤷
You do realise that the timer card is for a timer...
oh...
what i want is :
i have a switch i control by mqtt...i have automation so that after turns on, 45 minutes after it turns off...what i want is that near the icon show the remaining time to turn off
i think i must create a timer first right
Yes
Duh 😉
Create timer
Start timer when switch turns on
When timer stops, turn switch off
Show pretty timer in pretty UI
like this?
- alias: Timerswitch
id: 'Timerstart'
trigger:
- platform: state
entity_id: switch.toalheiro_wc_suite
to: 'on'
action:
- service: timer.start
entity_id: timer.test
And give it a time, unless you've defaulted it to 45 minutes
so above it can be my automation right?
@gaunt shuttle that timer-card is a WIP. It looks pretty lame right now. I think it at least works 🤷
There's also a big number card, and probably others
How do I change the colors of lovelace?
thank you @elder pendant
I'm trying use a picture card that points to a photo that gets updated routinely, but it appears that the front end is caching it hard. any suggestions?
iirc people get around this by creating a "camera" entity for the picture. You set the still_image_url to the image you update regularly
Hello and go easy, first post 😃 I have installed motion eye and can now showing on the left, click on log in and thats good. however all the images are in one above the other, Can I create a tab that just shows the feeds in a like 4. I want this like this so it can be on the tablet (on wall) in hall. Ta
Have a look at https://github.com/custom-cards/surveillance-card too
Thank you 😃
There's also other options, including horizontal and vertical stacks, and some of @polar kelp's custom layout cards
Thanks you both. reading 😃
Just stacks and panel mode is a good start with no custom stuff.
simple question: how do i get my camera feed to match the screen so i dont have to scroll? https://hastebin.com/ugeqiyohec.makefile
Change the aspect ratio of the picture in the cameras settings?
But seriously, in panel mode the picture will be as wide as your screen and the height will follow along regardless.
Adjusting stuff to the height of the browser window is way harder than it should be.
Can't you change the ratio in the card as well?
But you can limit the width of a card with layout-card.
You can change the aspect ratio of a few cards.
Actually... only the map card iirc...
Oh. And iframe
https://www.home-assistant.io/lovelace/picture-entity/#aspect_ratio picture entity as well it would appear
Huh. What do you know. Neat!
There's your answer then, @silver crescent. It seems it should work with picture-glance too: https://www.home-assistant.io/lovelace/picture-glance/#aspect_ratio
I've searched a bit, but haven't found a concrete answer.
Do we have a solid solution for icon color in Lovelace based on state yet?
Custom_UI icon templates seem to work... but, at the same time, Custom_UI and Lovelace aren't supposed to play together. Plus, this functionality isn't working in the 0.93 beta.
In my opinion, card-modder is the best way, but I may be slightly biased.
There's no official way to color individual icons.
Not opposed to using a plug-in, since HA seems to be dropping the ball on this basic functionality.
Could you show a direct, icon-color-only example on the github page? That alone would probably push a bunch of people to use card-modder.
Even better would be a templated icon-color example. lol
The first example has a colored icon.
And you can mod individual rows in an entities card through the Lovelace Triality: https://github.com/thomasloven/hass-config/wiki/Misc-tricks#cardelemententity-row-triality
I saw that example, but have no idea (yet) where "--paper-item-icon-color" comes from.
Looking at my HA page in the browser's inspector and I don't see that.
Yeah.... unfortunately it's getting harder and harder to find the variable names, because chrome - for some weird reason displays litElement styles as user agent stylesheet...
You can still find the variables in firefox, though... and I'm slowly trying to rename them all to something sensible and compile a list...
I think the main issue with HA is that many elements don't use the "--paper-item-icon-active-color" style at all.
So... I'm trying to template the icon color based on state.
Actually, anything using an icon at all should use that and/or --paper-item-icon-color.
Can the card-modder templates use logic? Don't see an example of that.
Feels like I'm using a backhoe to plant a seedling. lol
Actually, that readme is a bit outdated as well... <then> can also be an if now...
If you want more advanced stuff, making a custom card might actually be the way to go.
No offense meant. I use many of your plugins!
That's more of a dig at HA. Why they don't have Custom_UI-type stuff built-in is kinda weird.
The only thing I'm looking to do is change icon and icon color based on state, regardless of entity type.
Template sensors work for the icon itself, but not color.
Even that's silly... I have to create an extra layer over the entity to tweak the icon.
BOOM.
variables:
- states['input_boolean.dummy'].state
entities:
- input_boolean.dummy
card:
type: 'custom:card-modder'
style:
'--paper-item-icon-color': "${vars[0] === 'on' ? '#fdd835' : '#2050a0'}"
card:
type: entities
entities:
- input_boolean.dummy```
nice
Took far too much effort for icon color. lol
Now I get to remove Custom_UI and replicate this all over the place on my frontend.
That would be '--paper-item-icon-color': [[ if(input_boolean.dummy == "on", '#fdd835', '#205010') ]] with just card-modder.
Thought I had tried that... one sec.
Hi community! I have multiple 10" Samsung tablet mounted on my walls,, running Fully Kiosk with Home Assistant. I have a vertical stack card running 3 picture entities with live camera feed with cameras running in Blue Iris. My problem, scaling/resizing. When I reload the webpage, or refresh Lovelace, the cameras shows perfectly. But when time goes (minutes, hours) the camera pictures resizes. I want them to stay at the excact same point, same scaling, size, zoom level ++ as they are after reloading. I've tried using aspect_ratio 16x9 under each camera, that results in the picture height/width stay the same size, but the camera inside will zoom in when time goes. Aspect ratio 16:9 and without aspect ratio results in resizing the cards to adjust to the fit the whole camera picture. Is this a Blue Iris issue? This also happens in a webbrowser on my laptop. Can anyone please help? Thank you
That's throwing an error for me.
It's yelling about a missing comma before the )
Even with the example I posted above, it's messy for multiple entities. You still have to stack a bunch of those awkward code blocks for. every. entity... 🤣
@mild veldt think it would be possible to template an anchor with your template card?
@tacit cave no I don't think so
how do i get this card?https://i.imgur.com/QrPh0Sy.png
thats mini-media-player custom card @old whale
Buttons underneath are shortcuts option.
ohhh, interesting
There's a demo example on their github page somewhere
got a new receiver and trying to figure out a nice way to turn on zones and sources 😃
yeah, i just found that. I must have glanced over it
For auto entities and/or Monster card. Can one use other custom cards rather than built in types, say custom:mini-media-player? I don't think so, but figured I'd check
Only with auto-entities.
That’s actually the reason I made it...
But it only works with cards that has a parameter named entities:. NOT entity:
@polar kelp Noted. Thank ye.
Now that I have sensors out the wazoo, it's time to spruce up the ole dashboard
Ah. And thank you for autoentitites btw
I would like to get my history_graph card to load faster - it takes a few minutes to show. I am using the default database. recorder: is configured with purge_keep_days: 7, the db file is around 1 gigabit in size (via remote NFS mount)
any low hanging fruit? keeping the db file local would probably help
is anyone here using compact-custom-header? I can't get it to work for me
i put it in ui-lovelace.yaml and added it as a card
im converting to mariadb
@candid stump reload without cache
Also, make sure you add it as the last card in all views
@dark dirge the documentation doesn't say it need to be at the end of the view, but I just moved it there. Tried reloading with ?clear_cch_cache and still no result
it's pretty straightforward install so I don't know what I could be doing wrong...
Putting it at the end apparently fixes some spacing issues
just to sanity check, here's my yaml https://hastebin.com/obihijolix.bash
it's pretty simple as I just switched to lovelace last night and I'm still learning
looking at mine
is anyone else having issues with darksky sensors?
@candid stump is your path right?
my resource line looks like this:
- type: module
url: /customcards/github/maykar/compact-custom-header.js?track=true
/customcards is just a nocache version of /local, but make sure that it's pointing to where you installed it
should be in config/www/xxxx
it is correct, triple checked that... and the other custom card (mini graph) is working
what is track=true?
i intentionally made the path incorrect and it threw an error... so it's 100% seeing the .js
I have quotes around my type, like so:
- clock_date: true
clock_format: '12'
main_config: true
options: clock
type: 'custom:compact-custom-header'
voice: hide
track=true makes it check and autoupdate via custom_updater
hmm.. quotes didnt seem to matter
not sure then. I used the other installation method, but it looks the same except for the path
did you try this? http://192.168.1.42:8123/lovelace/0?clear_cch_cache (with appropriate substituation)
and guess by "not working", it's still showing the full-size header?
I did try that, and yeah still the full size header
I even just straight-up copy and pasted your example and saw it remove the voice option, but header is still full size
I think this part is going away in teh latest HA build, but maybe relevant:
You may need to have javascript_version: latest in your configuration.yaml under frontend:.
oh you know I had that set but commented it out due to an error
I think it'll do nothing in the upcoming 0.93 build
you copied the raw *.js files from github?
it's kinda working, so I suspect so
I would start looking at logs
and maybe temporarily cut the rest of ui-lovelace.yaml to just leave CCH
good idea.. just tried that. No cards show up, no errors, and still the fat header lol... even with ?clear_cch_cache
time to give up for now i think
weird. what browser?
sometimes ad blockers mess with Hass, too
just tried firefox, no dice
hmm.. very strange, no change at all
still kinda feels like a cache problem
but I'm out of ideas
or an ad blocker problem
i disabled ublock for HA, and pihole completely, restarted the server and cleared cache 😐
Can someone guide me why my cards is not able to stack horizontal?
https://hastebin.com/lezodeduxi.bash
just restyling my dashboard with mostly Picture entetys.
an good Idea to include motion sensors?
atm using this- But does not look to nice
https://hastebin.com/wafudaluzi.bash
would need an better idea
hello from austria... i do have a camera, and in the picture-entity card i included to show a sensor (amount of alarms) - when i click on the cam i get the 'inner' card showing the count in a timeline. i do wanna have the live image instead... how can i change this?
this is the card:
show_name: true
type: picture-entity
show_state: true
name: 'Aufzeichnungen:'
camera_image: camera.camfront
entity: sensor.cam_front_count
tab_action:
action: call-service
service_data: null
entity_id: camera.camfront
Please use https://www.hastebin.com/ or https://paste.ubuntu.com/ to share code or logs.
wrong command
die config in 3x ' (neben ß) einschließen dass die leerzeichen besser zum lesen sind
probier mal tap_action: dialog
auch aus der Hauptstadt?
danke underknowledge für deine hilfe. nein, salzkammergut. hier das aktuelle:
show_name: true
type: picture-entity
show_state: true
name: 'Aufzeichnungen:'
camera_image: camera.camfront
entity: sensor.cam_front_count
tab_action:
action: dialog
service_data: null
entity_id: camera.camfront
übrigens: ged ned.
nur
tab_action: dialog ```
English please
nein, kommt auch wieder die timeline mit dem zähler...
🤦
camera.camfront dialog
otherwise
tab_action:
action: dialog
service_data:
entity_id: camera.camfront
you want to show the sensor data and when you press on it the viedeo feed?
here what I use for my android ip webcam - camera_image: camera.front_door entity: camera.front_door show_info: true tap_action: dialog title: Front Door type: picture-entity
yes, youre right. the sensor data is included - kinda overlay wich is fine. on a click i wanna pop up the livestream of the cam.
the sensor value comes in from mqtt, not from the cam itself. maybe important to know...
copied your snip to mine and changed the values - didnt work either.
thats very odd
maybe i screwed it up - lemme checkit again.
thats a whole card for his own btw - should get ya an camera feed directly to your screen
and when you press on it you shoud get an bigger pic
on a other page i do have the same image without the counter - simple version. work at a glance.
but crazy as i am: wanna see the counter!
not even that... here is the (working) same cam on a other page, without the counter:
show_name: false
type: picture-entity
show_state: false
entity: camera.camfront
name: CamFront
camera_view: live
it works as expected and wanted.
livestream on click. thats the goal, but including the 'Aufzeichnungen: <counter>' on the card,.
a picture-elements card with state-label for the sensor and image for the camera 🤷
ur right
and while were talking from wishes a wanna have a markdown card as well with the possibility to skin everything 😃 but thats a whole other topic i dont wanna discus here and now....
back to the cam. any further ideas to get this done?
well.. just create an picture entety card and throw everything in
when youre lazy - go to https://demo.home-assistant.io/#/lovelace/0 and copy out the pats you need
cool!!!!
lovelace-card-modder seems to be the right. i need to check this at night.
demo link is pretty cool, think i've seen it before... however no surveilancecam on it. ok, dont mind. i play around again if im bored, and i'll see if it can work or not. tnx for your help and the useful links. greetings to vienna!
bye.
sure there is - click on one of the camera icons
...thats now sounds like an browser problem
safari. newest version, newest macos....
had more often problems with that and lovelace, especially in the beginning of lovelace.
ouh boy.... i managed it to see a complete other site. thats why...
so better gif
https://im2.ezgif.com/tmp/ezgif-2-07fde7115e65.gif
ok, he had an map kinda thing with a camera symbol - clicking on that shows a stream (live or not... who knows).
ya, works same way here.
in this case not - but you can map your camera on there
(its just an demo page)
i know this new feature, read about it as it was released. cool thing no doubt, but not the right way for me.
thats not the stram component
on my campage i do have all 2 cams (front & back), and another card who shows of the recordings those axis did. works fine so far, exept my wish to have the counter in the little grey area on bottom of the image whos normally show the name or state. i wanna have to number of recordings here. but u already understand what i want.
and the reasor for saying goodbye earlier on was, that i need to go soon. im very sorry about that, but i cant spend any longer time here by now - work is calling.
i'll be back. thanks for all your help. good bye!
np ^^
but here
https://im2.ezgif.com/tmp/ezgif-2-59640295998f.gif
this is a icture-elements card with state-label for the sensor and image for the camera
there is no problem what so ever to make the stream big and put the sensor data (here from the bath) over it
Hi everyone. New here and new with HasIO. Am making a Lovelace panel and can't find how to make a Horizontal Stack with buttons that controlls lights. Am making a button thats going to switch on and off 3 lamps with one press. One lamp was no problem but multi i dont find how to :S
here is my singel
- entity: light.sofias_lampa
tap_action:
action: toggle
type: entity-button
@analog hare you'd want to have a script that toggles the three lights and have a button that calls the script.
I hope this is the right channel with the issue I'm having. I tried logging into lovelace but the GUI won't even load. I'm getting the "This site can't be reached" error. I didn't make any changes, but I can access the config folder.
I've restarted my computer, restarted the rasp, updated my computer, tried all my browsers (chrome, IE, Edge), and I can ping the rasp. Anyone have any suggestions on how to troubleshoot this?
@limpid radish posted a message that is too long, it is moved here --> https://paste.ubuntu.com/p/d4HJvKDTFq/
@analog hare edit the scripts first of course
tnx gonna test
I hope this is the right channel with the issue I'm having. I tried logging into HA but the GUI won't load. I'm getting the "This site can't be reached" error. I didn't make any changes, but I can access the config folder.
I've restarted my computer, restarted the rasp, updated my computer, tried all my browsers (chrome, IE, Edge), and I can ping the rasp. Anyone have any suggestions on how to troubleshoot this?
Hmm did not make it with a script but made a group and that fixed it 😄 Tnx anyway 😄
yeah thats probably more straight forward 😄 no worries
Happy to report changing to mariadb has (so far) fixed all the delays with my lovelace history_graphs - they now load within 1-2 seconds instead of minutes !! if you are having problems with recorder or history stuff maybe switch to mariadb
( and its a non-local DB!)
My motion sensor still takes 1-2min with Maria
@violet talon that's what you get for storing it on floppies 😘
It's on an SSD!
But my motion sensor practically trips once a second all day if someone is home
maybe disable it if someone is home?
what's a good card to try to get the lock_status for a lock?
I've tried searching but has been kind of elusive of my keywords just aren't right
entities:
- entity: lock.schlage_allegion_be469_touchscreen_deadbolt_locked
secondary_info: lock_status
title: Lock
type: entities
This is a must-have Chrome extension when you're editing your Lovelace UI: https://chrome.google.com/webstore/detail/materialdesignicons-picke/edjaedpifkihpjkcgknfokmibkoafhme
What does this mean? https://xxxxxxxxxx.duckdns.org:8123/lovelace/0:0:0 Uncaught
I have a strange error that has been growing. It started showing at my work computer (no issues on my home PC or mobile). But this morning my home PC was also seeing the same ugly GUI (mobile still working fine).
I have no errors in homeassistant.log and the yaml code for lovelace has no issues (can still change design without any errors etc).
I've tried multiple webbrowsers, cleared all history/cache and a couple of computers at each location.
https://ibb.co/zZ4nQYZ (imagebb.com link)
Any advice?
Well... it’s a bit cramped, like you have everything in a single stack and forgot to set panel: true... But what’s ”ugly” is highly subjective, and we can’t read your mind.
Perhaps you could also tell us how it differs from your expectations?
oh right 😃 hang on and you'll get the normal "state" of the gui
https://ibb.co/JrJHhz7 this is what it looks like from my mobile, and used to look like from a normal pc as well
Thomas do you have time to take this in PM to not spam this channel?
https://ibb.co/5L2Gm49 this happends if I set panel: true on that view, I've never used it because I never had any issues before (been running that design for 4-5 months at least
Has anyone come across a countdown card that you can have multiple dates with titles and have it show how many days until? I've search around and just want to check before I decide to build my own.
@wind tusk That's the custom button-card, right? Did you set show_name: false on all of them?
That's probably your problem then. According to the documentation, default is true.
(I tried it on the first one)
no difference when using it
But thats the strange part, it has worked for several months, the appearing as an issue at work, and now a week later also at home
If it would have been a code issue, or a recently updated custom-card, it should have been an issue before
Sounds like caching. Your home computer might have had an older version of the script cached. Also, the default value seems kind of new.
that could be it, doing some tests now
seems like I'll need to redo that page from scratch to find the issue, It wont accept any changes I do to it, nothing changes in the gui and there are no logs that I've done an incorrect config (using your yaml generator)
I've had problems with that myself lately... make sure it actually runs. Check the output file that your changes have gone through.
Looks like it's working now, I removed all code and added show_name: false to everything.
and now the generator works
next step to troubleshoot, the popup's aren't working, guessing I'll start to check if there are any updates recently
All good now, seems like everything had to do with updates on the custom-button card
Thanks for the assistance @polar kelp !
Template sensor is the easiest way
anyone knows if there's a request for tap_action in lovelace? @polar kelp maybe u know? I saw this request on one of your plugins, https://github.com/thomasloven/lovelace-slider-entity-row/issues/17 and you mention it
hi, i try to follow the guide on this page:
https://github.com/thomasloven/lovelace-flower-card
But i have no clue what im doing, and cant get it right. anyone have converted DB to send me?
https://github.com/khronimo/MiFloraDB
thanks
been trying for days now and cant figure out what to do :/
@urban shale
- entity: lock.front_door
secondary_info: >-
[[ if(zwave.front_door_lock.attributes.battery_level < 30, "<b
style=color:red>Low Battery</b>", lock.front_door.attributes.lock_status)
]]
type: 'custom:secondaryinfo-entity-row'
- binary_sensor.front_door_contact
show_header_toggle: false
type: entities```
Any template sensor/entity can do it, but I like to try and save space for mobile use.
Hello everyone... Is there anyone who have a lights component he enjoy using on a tablet with percentage mostly ? I am not fan of the circle slider, I would like to find something more like the homekit vertical slider when holding a tap on the button.
How does slider-entity-row look to you? https://github.com/thomasloven/lovelace-slider-entity-row
I will need to try. I think it does not reach the feeling of a control like homekit but maybe already easier to manipulate than doing circle slide
Hello guys, I developed a sensor component that fetches data from my water provider. Data is updated on daily basis and I have:
- previous day consumption
- last month and previous month daily consumptions
- history of monthly consumption for the last 26 months
- last year total consumption
- this year to-date total consumption
Ideally, I'd display current month and last month with lines on the same graph, then yesterday consumption with numbers.
Is there any lovelace card you can recommend to display such information? A unique card would be great.
Thanks.
I created user for my friend to control some switches. Is there any way to set up for him custom views with disabled UI modifications?
@molten elm posted a message that is too long, it is moved here --> https://paste.ubuntu.com/p/2CJbCzFXFc/
@keen belfry try mini-graph-card
@little geyser maybe try https://github.com/maykar/compact-custom-header or another flexible option: https://github.com/thomasloven/lovelace-state-switch both have different methods for user control
hey is there a way to wrap text on a glance card?
@past falcon I looked into this a while ago and I think the answer is no
There was a request that essentially ended with ‘it would be hard’
You can limit the number of columns to give each entry more space
And then I further limited the columns on the page using vertical stacks to give the columns a more uniform width
in what folder/files are love lace configs if you do it from the web interface?
@azure scarab They aren't in a folder/files. They are saved in the Hass Database
hmm ok, I'll have to get a copy from the editor. Just trying to move to a new instance. Thanks!
in the .storage folder you will find the json file called lovelace with the lovelace config... but don't edit it otherwise you can break everything.
Hi @mild veldt, I'm already using it but it seems limited to the last 24 hours. I'll look if I can tweak it.
Thanks.
@polar kelp I've created a card and I'd like to get it to be tracked by the tracker card... is there anything special I need to do?
I dunno
I see your cards show up, but I'm not seeing mine
My cards get special treatment by @wheat current
Ok, just wondering if I need to submit my repo somewhere so it can be considered for it, or if it somehow figures it out dynamically
https://custom-components.github.io/custom_updater/cards @umbral jasper
I'm looking for some way to make a card that looks kind of like https://github.com/Gluwc/check-button-card
- Same general size/look of the button
- But instead of MQTTing last pressed, is a checkbox todo item; when checked it toggles over to a checked/crossed off state (and triggers whatever service to make that real)
Is there any cards that are kind of what I'm looking for?
@umbral jasper add it to the custom-cards org and you'll get special treatment as well 👍
Is the only way to get stream working to not have Lovelace auto-configured?
If anyone is interested in a Fire TV remote card, I did all of the positioning on top of a picture of a fire TV remote last night: https://gist.github.com/dale3h/22726b71a6af4e3991385e571ce49798
@polar kelp Do you have a quick link to a card that allows manual control of width? This Fire TV remote is too tall if it's by itself.
@polar kelp Nvm, solved it with your layout-card: https://www.dropbox.com/s/ztjt3iddcmxiolv/Screenshot 2019-05-14 21.03.38.png?dl=0
Hey, I'm trying to setup a floorplan to show when diff lights are on / off. Does anyone know of some way I can do this conditionally, instead of overlapping images over certain sections of the main floorplan.
if (light1 == off && light2 == on && light 3 == off) show light 2 picture
if (light1 == on && light 2 == on && light 3 == off) show light 1 + 2 picture
And so on. Reason why is I have a single room, and rendering these images with specific lights on / off will require tons of photoshop due to all of the shadows from the lights. Here is a pic showing the complications https://imgur.com/a/x1Z1vnp
The first way that comes to mind is to have a bunch of cards, and use the conditional card: https://www.home-assistant.io/lovelace/conditional/, but I don't think this is the most efficient way of doing it.
But maybe I'm not fully understanding.
So far I tried creating multiple renders with specific light on / off. But because of how shadows / reflections works It wouldn't be ideal for me to use the image portion of Picture Elements. (Due to how it overlays images over the original layout)
(I'm just getting back into Lovelace after being away from Home Assistant for many many many months)
Let me take a look at that.
Looks like that one will work, ill give it a show. Never saw that element before.
*card
My thought would be to use PNG with partial transparency on most of it.
Yeah, I was trying that but was ending up not looking how I wanted it to
Lame 😦
Also was giving me some issues with some over the overlayyed images being resizes for some odd reason. That conditional element seems like it will work
That rendering is awesome btw. What are you using to render it?
Sweet Home 3D. Was super easy to do, took me less than 2 hours first time touching the software.
Based on what I'm reading, the paid version just comes with more images.
Only issue is there arn't THAT many assets. So you will end up with a bunch of genericish looking stuff.
"a paid version available on the Mac App Store, sandboxed, automatically updated and bundled with 1235 pieces of furniture and 418 textures."
However there are tons of furniture / material packs you can download.
"a free version available at SourceForge.net bundled with 100 pieces of furniture and 26 textures"
So by changing the material on the included objects you can get pretty close to what your stuff looks like.
Yeah, there are like 500ish peices of furniture and couple hundred materials so you can make things look "pretty" good but not exact
I think if you use solidworks or something you could import your own designs
I haven't touched SW in years >_>
I guess the first step is to get everything lain out, though.
So you're pretty much just going to go the route of rendering a bunch of images and show the correct image based on the current state collect of all entities?
Yeah exactly.
I only have 3 lights, so combination of 8 images.
And i wanna show each one depending on current combination of lights
Ahh, that's not too bad then. 😃
Yeah, its only really needed if you have multiple lights in a room that cast shadows.
Looked really fake to have incomplete / broken shadows
I would have needed to be a PS god, which I suck at lol
Anyone know how I can change the original Image in Picture Elements? Whenever I try to add an image using the Type : Image. It seems like I cant shift the image to the right without it being automatically resized. (Some css property, tried to find it but no lucky)
Ah figured it out. Was some issue with transform: translate and the height / width of elements added to the picture element
@empty heath Thanks for the push in right direction btw, ended up getting it working!
Nice! Glad it worked out, man.
can anyone help me with comparing numbers in @mild veldt template card?
I have a variable, say vasr[10] and I want to check if it is a number 100000000
What are the numbers?
vars[10]
Link to the card?
(vars[10] =! 100000000 ? Number.parseInt(vars[10] /1000): 'Unlimited' ) is the bit having trouble with
getting link
I'm pretty sure the bit after the ? is right but it's the condition that is screwing me
tried using vars[10].equals(100000000) but nope
What is =!?
not equal to... but jinja doesn't work for java
so if vars[10] equals 10000000 I want it to return Unlimites, else convert the Mb to Gb
gaa... lemme try that
Is vars[10] a string or an int?
it's an integer
Ok, so then do this:
vars[10] === 10000000 ? 'Unlimited' : Math.floor(vars[10] / 1024)
ok let me try that
Well, they aren't now! 😛
I mean, the interpreter doesn't care, but I do. 😄
That's why YAML is so amazing: it cares.
I don't want 2 decimal places... only an int
If you don't care about converting 99.99 GB to 99 GB.
Math.floor, Math.round, Math.ceil
pick your poison
Well, technically it would be floor because he said he wants an int.
ok mathfloor works
(In Javascript, "floats" [not a thing in JS] are converted to an int by dropping everything after the .)
(vars[10] < 100000000 ? Math.floor(vars[10] /1000) : 'Unlimited' + '\xa0' + 'GB')
but it's not putting the space GB on it now
@timid burrow You're missing a space (hex 20, dec 32) character after the /
it doesn't seem to care as it's showing the right value.... lemme change it....
Lol, as I stated before, the interpreter doesn't care, but I do. 😄
(serious now) try "\xa0" instead of '\xa0'
can't because it starts and ends with that
name: "${'Total' + '\xa0'.repeat(19) + (((vars[2] +vars[3]) / 1E3).toFixed(2)) + '\xa0' + 'GB of' + '\xa0' + (vars[10] < 100000000 ? Math.floor(vars[10] / 1000) : 'Unlimited' + '\xa0' + 'GB')}"
PEMDAS
that is the full string
Right now it's wanting to add "nbsp GB" to "Unlimited"
Total 202.58 of 500
Gotta surround it with parenths
and I want
Well, just move the nbsp and GB to behind floor
Total 202.58 of 500GB
name: "${'Total' + '\xa0'.repeat(19) + (((vars[2] + vars[3]) / 1E3).toFixed(2)) + '\xa0' + 'GB of' + '\xa0' + (vars[10] < 100000000 ? (Math.floor(vars[10] / 1000) + '\xa0' + 'GB') : 'Unlimited')}"
Unless you really want unlimited gee-bees. I know I do!
yes I do
Ugh, nbsp is so ugly in Javascript. 😂
didn't fix it
(vars[10] < 100000000 ? (Math.floor(vars[10] / 1000)) : 'Unlimited' + '\xa0' + 'GB')
same result
oh shit I think I need a closed btacket after unlimited
yeah instead of the one after GB
Nice remote, @empty heath
Whoever made this card is a dummy...this looks awful 😂
no shit! I'm just happy I can even DO it
thanks for the help @empty heath & @green ice
@timid burrow So you finally figured it out?
@polar kelp Thanks -- it'll probably rarely get used, but you know how I like to play with stuff. 😂
yep.... I just needed to move the close bracket
Just getting back from my hiatus, I needed something to play with, lol.
((vars[10] < 100000000 ? Math.floor(vars[10] /1000) : 'Unlimited') + '\xa0' + 'GB')
more parenthesis...
Otherwise it only puts Unlimited GB
@green ice He doesn't listen to us, don't worry 😉
I WANT UNLIMITED GEE-BEES!!!!!! WARE KAN I HAZ?!!!
Sorry, my Discord is slow to update.
Hey, I'm not always right. That's my girlfriend's job. 😂
Also, going on 1 AM here
@green ice That's because you no haz unlimited gee-beez
hahaha
so brain is about dead 😃
and I've got Fishwaldo engaged in #zwave-archived for an issue I've been having for months 😃
we have unlimited gee-beez
Almost midnight here. Whereabouts are you located @green ice ?
Charlotte, NC
haha
Hi not sure if this is the right channel for my question:
Is it possible to display icons to the left and the right of the sliders for position and angle of a cover?
I'm always confused and icons would help a lot to see what the actual state is or in what direction I have to push the sliders 🙃
@green ice Charlotte here as well
A factory that builds custom lovelace cards? 🤔
I do have a different day job, actually...
(And I hope my boss never finds out about how much work time I spend here...)
Don't we all 🤣
Luckily, there's always xkcd 303
I've looked over the Lovelace docs, Lovelace developer docs, and the source in home-assistant-polymer, but I still don't understand the difference between how module and js are handled internally. Could anyone shed some light on this?
it is not a home-assistant thing but a javascript thing
home-assistant just makes a script tag with either module or not
you should read up on javascript modules: https://developers.google.com/web/fundamentals/primers/modules
Both js and module are both loaded as script
And the default type for _load appears to be module (I don't know TS very well, though, so I could be mistaken): https://github.com/home-assistant/home-assistant-polymer/blob/3348405518301b20591acee87e32af8a5b4d67dd/src/common/dom/load_resource.ts#L7
<script type="module" src="module.js"></script> <script src="nomodule.js"></script>
Modules are more isolated (can't use global variables the quite same way), and can use more modern js stuff, like import statements.
@winter hollow Does line 7 set module as the default value for type if it is not provided?
Or is that a schema?
Ok, I think it makes more sense now then.
these are the functions that are called: https://github.com/home-assistant/home-assistant-polymer/blob/dev/src/common/dom/load_resource.ts#L40-L43
Ok, so if the function definition were to be this (see below), then it would load both as modules, right?
const _load = (
tag: "link" | "script" | "img",
url: string,
type?: "module" = "module"
) => {
The reason I was misunderstanding is because I thought "module" was the default if nothing was provided for type (in the case of loadJS())
no, the ? means it is optional, and the : "module" means module can be the only value
and yes, = "module" would set a default if not provided
Perfect, thank you for helping me understand!
np!
Somebody meight know a weather forecast Wich I met could use with mini graph?
The next 12 hours would be nice.
Just imagine the graph with the different colors. And see right away how the temp LL be over the day
Thanks!
Will still lock for an opportunity to use mini graph ahain.
The colour options are too neat
It's beautiful.
It's hard, though, to force the backend supporting it to present stuff in the future...
Yes really.. thinking bout 8-12 template sensors.. or wait.. that's stupid too
i have a light group defined. Can I show a glance card which shows the current state of all the lights in the light group?
basically i want it to treat the light group as an array of entities, and show all the individual lights
or an entities card
I'm afraid this can't be done the way light groups are implemented.
There's no way to find out which lights belong to the group from the frontend.
hmm
i guess not
you can use the custom fold-entity-row card (well, it's not really a card but I'm not sure what you call it) to do something like this (but with the regular group component instead of a light group) https://github.com/thomasloven/lovelace-fold-entity-row#groups-will-populate-the-fold-automatically
yeah, i think i have to change away from using a light group. it seems to not do what i need
that fold-entity-row custom card looks great. Thanks for mentioning that, @gray kernel
anyone know does custom: button-card support shell commands or do I need make a simple script?
the button-card supports based on domain, not the particular details of the entity
your best bet is a command line switch it sounds like
I'm trying to understand how to get a card in a card he he. So I have this custom slider entity card and I wan't to have that only showing in another entity card when a lamp is on. I just can't wrap my head around the code for that.
I want
To be in this https://hastebin.com/yaboxebeha.sql
I'm probably doing it much harder than it needs top be, as always.
Simplest possible configuration: ```yaml
type: entities
entities:
- type: custom:slider-entity-row
entity: light.bed_light
Start from there. Make each part work by itself before trying to combine things.
Trying to figure out something,
I want to create a card that will show a sensor state + his history bar (same bar that show for sun.sun for example)
Can someone help me with that ?
On a picture elements card, is there a way to change the icon of an entity depending on its state? I specifically want to change the colour of the icon depending on its state, I see there's a state-icon type, but for my light groups this doesn't change the colour of the icon when the group's state is 'on'
hi all, are this the right steps to revert back to lovelace yaml mode? : 1 , add lovelace yaml to config , 2 copy the lovelace raw config to the ui-lovelace.yaml file, 3 restart ?
yup
ok, thanks , then the most difficult part , how to get the cards config with an order a human can understand .
@dusky mist you can change color depending on state with card-modder
Thanks, I'll take a look at that
Trying to figure out a good way of presenting some power measurements with Current consumption and Current cost, and the history for latest hour, day, week etc. The sensors are working fine but I'm out of idéas on how to present it in the GUI in a good way
Do you guys have any idéas? Maybe you've done something yourself?
https://ibb.co/yy8jxNv
A gauge, perhaps. Ticking up to some limit over the day.
I've been down that road, on the dual-gauge card, but it's a bit to much. Was thinking of creating a template sensor that combines consumption with cost to cut down the number of sensors to half
maybe i'll give the custom-button a chance again, there might be possible to configure the sizes to be minimal
last time I tried it there wasn't as much configuration available as now regarding sizes
it's also possible with the monster-card
whoops, ignore what i said. it was probably for something really old
😄
I'm still figuring out how to use discord
aaw crap.. couldn't use - type: horizontal-stack within the items list of a custom:fold-entity-row card
that could have been nice
@polar kelp is this something you think could be doable? (worth adding as a feature request) https://ibb.co/47PyK7k
I can use button-card within the fold-entity-row, but not a horizontal stack
Is it possible to nest an existing card (eg: horizontal-stack) into a lovelace custom card?
@dusky mist yes
Check out my podcast-card https://github.com/custom-cards/podcast-card/blob/master/src/podcast-card.ts#L94
I'm should bring that function over to the custom-helper-functions
Are you writing a custom card then?
Do you guys know of a way to have unique state colored icons for Lovelace? I know CustomUI can do it but its not supported by lovelace. I need something that i can add to customize_glob, for example to make all motion detection sensors turn red on trigger
Also anyone figure out how to include mini media player in auto-entities / monster card? I can add it but i can't have them dynamically filter based on state
Actually figured out the second part, for anyone who is interested
@pliant eagle posted a message that is too long, it is moved here --> https://paste.ubuntu.com/p/wHYzxjbqp4/
Thanks @pliant eagle i'm going to steal that. I can see needing that in my own setup
i just need to check out auto-entities
Do I change my colors and layout with CSS or themes? Or is it themes using CSS?
layout using lovelace cards (native or custom)
colors (and drop shadows and fonts) using CSS custom properties
just about any theme e.x. https://community.home-assistant.io/t/clear-theme/100464
@mild veldt sorry, didn't see your response - I'm trying to add cards to a picture elements card, I think the way to do this is to wrap them in a custom card?
no need to wrap it, just refrence it as a custom element
- type: custom:hui-horizontal-stack-card or something like that
Is there a reason (other then no one has added it) that it's not documented?
nvm.. it's there, just not with an example
Is it? Where?
That's probably a typo, to be honest. Should say custom element
It works by accident, not by design. Documenting it makes it a feature which must be maintained.
Sooo you are saying it's a bug, not a feature? 😄
For now it makes sense for all elements to have the same interface, but that may not be true forever.
Well... not a bug... more of a lucky coincidence.
But definitely not a feature
Oh cool, thanks guys!
@polar kelp I consider it a feature at this point 😉 I use it quite a lot
hello everyone, I just migrated from a Pi to a NUC and had to pull files over manually since the snapshot restore feature wasn't working. I mostly have things up and running by my lovelace config is off. I have two files: lovelace.yaml and ui-lovelace.yaml. The latter is the up-to-date version. How do I get my config to use that one instead of the lovelace.yaml?
AFAIK it will never use lovelace.yaml
@unkempt warren if you weren't using yaml mode your file is stored in config/.storage/
@unkempt warren "take control" then use the lovelace ui config editor and paste the contents of your ui-lovelace.yaml there. Then you can have ui editing and your old lovelace back.
@mild veldt thanks. I got the Lovelace part figured out now
👍
Hello all. I added a couple MQTT switches but when I add those in the UI, instead of showing a switch it shows two on/off buttons (https://cl.ly/168a3cf1863d)
How can I make it a regular switch?
How do you uninstall custom cards?
Hi guys, need some advise on how to display pictures of the same height in lovelace (picture-entity), if four of my state images are of different resolutions. Is this possible?
You can set the 'width' of the pictures to change the size see the https://demo.home-assistant.io example card as an example. You can then position the pictures left/right with 'top' and 'left'
I just realized you said picture-entity and not picture-elements 🤦
In the default card you can force the aspect ration, but the size is based on the actual resolution of the picture
Thanks @elder pendant for the quick reply. Is there any custom card around that is able to do this?
https://github.com/thomasloven/lovelace-card-modder I believe it's possible with the card modder
Or you can use picture-elements as a workaround
Yes, I have tried that (report_size), unfortunately, I am unable to get it to work. My images are all displaying different sizes.
I do need to use picture-entity in order to show different states.
On a separate note, my heartfelt thanks to @polar kelp. 80% of my custom cards are his! Thank you.
Glad you like them!
That’s not what report_size is for. It’s for changing the size the layout engine thinks a card has, not what it actually has. Unfortunately, it hasn’t worked since like .83 or so anyway...
Perhaps you can set height: 200px or something in styles: with card-modder.
I added a couple MQTT switches but when I add those in the UI, instead of showing a switch it shows two on/off buttons (https://cl.ly/168a3cf1863d)
How can I make it a regular switch?
Oooohh! @polar kelp himself coming forward to help! I am honoured! 😀
Just tried height: 200px. It cuts off my images.
Try playing around with padding-left and padding-right as well.
Any clue as to what sets the size for the numbers in an input_select (as in time/date inputs)? I've looked here: https://github.com/home-assistant/home-assistant-polymer/tree/master/src/components , but I am a bit clueless 😐 @polar kelp font doesn't work on popups for the numbers 🙅🏻
Probably —paper-something-or-other. It’s a paper-listbox full of paper-items. I suggest googling their code and see what you can find.
hmm... I did find the value that sets the title size for popups/more-info (tested on Chrome) in case anyone else has the need , as I did "--app-toolbar-font-size": 1.25em will keep looking...
@polar kelp I've added several of your custom cards but I am struggling to get the slider entity to work
The most conmon problem is trying to use it as a card rather than as an entity row.
After upgrading hassio all the tabs in lovelace-ui were removed. Also the edit button has been removed. Anyone else run in to this?
@polar kelp oh.... I see
How to edit lovelace?
top right (...) -> Configure UI
@wheat current after the update it is no longer there
@polar kelp Wow! I'm dumb! I had everything right except pointed to the wrong file because of a spelling error
Hello everyone. Fiddling around with a custom card for the first time. How do I get my frontend to update with js code changes? I read on github something about I need to increment version number - url: /local/my-custom-card.js?v=1 for each code change? So change v=1 to v=2. Is that really the case?
yes and no
that is one way, the other is to run it without cache
what that number does is "force" the client to grab the new file
aah, completely disable cache in Chrome? Cause I tried clearing cache and no dice.
you can disable cache via dev tools (network tab) temporarily
There's a pinned message in this channel about that.
Yeah, sorry just found it. Also I was a bit impatient with the refresh. I was testing this through duckdns so there was a bit of delay. All good now thanks for your help!
Is there anyway to use lovelace to create light groups without showing them?
That does not make sense?
Lovelace is the UI (frontend) it's main purpose is to show things?
Right but if i like to search and add lights to a group instead of writing the names it would be useful
did the monster-card github move? I see https://github.com/custom-cards/monster-card but there are no installation instructions
@mild veldt ?
yes, it did. I just copied the files that were already there. It's just like any other custom card
ok thanks
any idea why my secondary pages in HA aren't showing the "dark" theme even though its set? The home page works fine
user selected theme or backend theme
(i dont know the answer no matter what you say, i just know someone is gonna ask you that)
user selected I guess
not the Backend-selected or default
I've picked "dark" which I've set up in config.yaml
@timid wigeon are they panel views?
I have the panel mode toggle off
should all be the same even on secondary pages, no?
hey guys, is there any way I can lock state-icon/state-badge scale in any platform I browse regardless on pc chrome or phone app for my lovelace floorplan?
on pc chrome, https://imgur.com/a/s3GLThg
on phone app, https://imgur.com/a/7IfSeqP
is there any solution to fix the icon scale?
@tepid locust May I humbly suggest auto-entities instead of monster-card. It's maintained. https://github.com/thomasloven/lovelace-auto-entities
Hi everyone, having some fun getting the upcoming-media-card working. I think I've followed all the instructions (using Radarr + Sonarr custom components which both show data and sensor.xxxx_upcoming_media are all fine)
I have the resource added, its in my tracker card, have the javascript set to Latest etc
this is result...
yaml for my 2 cards https://pastebin.com/5eeT13vk
entry in my resources section is:
- url: /local/upcoming-media-card/upcoming-media-card.js?v=0.1.1
type: js
@mossy gale you have entities instead of entity
FFS!!!!
Cheers, looking for most complex fix and its right infront of my eyes all the time!
cheers @mild veldt
im unable to add an unused entity to my lovelace, because the entity is changing (earthquake isgn)... is there kind of a wildcard maybe?
ty very much!
unable to add themes configuration to general config
using themes: !include themes.yaml
#330944238910963714 @teal shell
Hello, I am trying to display a timestamp sensor in relative format in a entities card, but the display do not change with any format I choose. There are something that I make wrong?
that is the code:
cards:
- show_header_toggle: false
title: Bus
type: entities
entities:
- entity: sensor.next_bus
format: datetime
name: A3641
¬¬ that similar quotes.... xD
I am starting to look at custom cards by thomasloven and when I am using popup_cards I can't get them to popup. Here is my current config for my view:
title: Pool
path: pool
icon: 'mdi:pool'
popup_cards:
switch.pool_heater:
title: Pool Heater Settings
card:
type: custom:simple-thermostat
entity: climate.pool
cards:
- type: entities
entities:
- switch.pool_heater
When I press the switch, the standard more-info with history and a switch pops up. I have changed the card that pops up and it is also not showing up.
@cedar kestrel posted a message that is too long, it is moved here --> https://paste.ubuntu.com/p/cFJB9hgCdV/
@flint elbow did you add the card as a resource?
I did and I am going to try card-loader to see if that was the issue
I then get an error message:
Setup failed for title: Integration not found.
Setup failed for resources: Integration not found.
Setup failed for title: Integration not found.
Oops- my post dissapeared
hey there, i have a question about the popup-card. I wrote the following at the end of my configuration.yaml
@flint elbow None of my cards require card-loader. Did you try the debug mode in the installation instructions?
How to make my lovelace background a background from my www folder
@polar kelp , I love your stuff. I'm trying to use the auto-entities card, and I think I've got everything installed correctly (but obviously don't). The card isn't showing up in the UI... is there a place I can look for errors?
I was trying this as a simple place to start:
- type: custom:auto-entities
card:
type: entities
title: Battery warning
filter:
include:
- domain: device_tracker
options:
secondary_info: last-changed
attributes:
battery: "<=100"
source_type: gps
...I've got two phones that should be met by the above filter criteria. But I'm not sure how to debug this as I've got no messages at all.
I am having trouble styling the background of the following:
I have the buttons and all
However, they appear on a white background
when my theme is a dark theme
everything else is the color I want except for the region around the buttons
Seems to be something with the panel: true setting
That is a known issue
@rare frigate see code example here: https://www.home-assistant.io/lovelace/yaml-mode/
@desert reef did you go through the troubleshooting tips in the install guide?
Hey there,
I am quite new to HA and I want to use the pop-up Card for levelace-ui by @polar kelp . I do not really know where to start. I tried to simply copy the example from github and change the enitites for my fittings. But I just get errors like "Setup failed for title: Integration not found.
Setup failed for resources: Integration not found.
Setup failed for title: Integration not found."
Could you guys give me a hint, what i am doing wrong?
You’re adding lovelace code to configure.yaml?
Oh man - i am just to new to HA. The code has to be placed in levelance configuration, yes?
Just tried it now: New error 😃
Tried to serve up '/home/homeassistant/.homeassistant/www/github/thomasloven/popup-card.js' but it does not exist
Does it?
oh no - i check this
ok. now the files are there. the next error is
Integration not found: views
ah - i had a relict in my configuration.yaml.
for now there are no error messages but the popup still does not appear. is there a debug chance?
@polar kelp is there an debug option somewhere - perhaps a stupid question but i am really new to HA
hi all, can someone suggest the best method to list the most recent events of a specific type on one of the lovelace pages? I have a "car" page using the automatic integration and I'm looking to show the 5 most recent events with timestamps that are reported by the integration. e.g. "Ignition ON - 5 minutes ago"
@vapid field Not for that card, but the browser log usually has the most interesting information.
Though custom cards is not a good place to start with Home Assistant. I'd suggest getting some experience with customizing the stock options of lovelace first.
@zenith umbra I think you should start with setting up a backend method of collecting that data first.
@polar kelp ; sure thing, backend method as in an automation that edits custom entities based on event data?
Sounds reasonable.
Then a normal entities card could be a nice way of displaying it, or maybe
entity-attributes https://github.com/custom-cards/entity-attributes-card or
useful-markdown https://github.com/custom-cards/entity-attributes-card
thanks
Anyone know of a way to add a template / sensor as title on an entity card?
Hi, i am trying to get an SV3C camera to work in a Lovelace card, I have got them working via the "onvif" platform with a 10 second update it seems
I want to use the generic platform to stream in HA if I click on one
I can get the stream to work in VLC using
rtsp://user:password@192.168.0.30:554/11
Using FTP to upload an image to the samba share of "share" under a folder called "images/Garden"
The still image is uploaded fine
This is the yaml I am using for the whole thing (can't see a still image, nor stream)
- platform: generic
name: Front Door Stream
stream_source: rtsp://user:password@192.168.0.30:554/11
still_image_url: /share/images/Garden/Garden.jpg
username: !secret ipcam_username
password: !secret ipcam_password
@mossy gale drop the username and password since you have it in the url
yes was just thinking I shouldn't have left that in there
Do you think that path is correct to access files in the /share folder on Hass.io
if the camera doesn't provide one I think you want to leave it null
it doesnt provide one that I can find documentation for, hence the FTP still shot from Blue Iris
You can use ffmpeg instead to get a preview image. I've been trying both ffmpeg and generic
input: rtsp://user:pass@192.168.1.29/live
name: front view``` is what I use for a camera that doesn't have a still image
this uses a little more resources
my setup running on Mac Mini VM
yeah it pops open a window
i have 4 cameras running
i will give it a go now on one
ok cool have a picture now for a camera on ffmpeg
how you got the setup for the picture-entity?
mine is like this
nowt happening when i click on it
for the above I just have entity: camera.front_view type: picture-entity
and it opens a window
yes it sure does, thanks
see what you mean about the resources 😃
can hear my mac mini's fan coming on
i did find an article about using Blue Iris feeds, but never got it working
that's a livestream up there
they're going through something now but I haven't been paying attention
Dr.Zzs
yeah
I want to write custom_card for lovelace. How to disable caching of it for developing?
It's described in the pinned posts @surreal agate 😉
@wheat current Hey. Have you seen the issue with custom cards that appear and disappear from the custom updater (tracker-card), as described here: (https://community.home-assistant.io/t/lovelace-simple-thermostat-card/82659/131)
Any idea?
Experienced with both the simple-thermostat card and the banner-card from the same developer...
That 💩 be broken
What is broken? The cards? The tracker card? The custom updater?
no 💩
Do you know if it will be fixed at some point or if it is left behind from now on....?
I will probably not use time troubleshooting that (if it where a blocking issue for all elements that would be different)
When it's done 😛
@fallow oak posted a message that is too long, it is moved here --> https://paste.ubuntu.com/p/mt63k4hqM5/
I am testing a custom card, and I paste the following in the Lovelace config:
- type: custom:banner-card
background: "#EDE7B0"
heading: "\U0001F6CB Living room"
link: /lovelace/living_room
entities:
- light.fibaro_system_fgd212_dimmer_2_level
- light.fibaro_system_fgd212_dimmer_2_level_3
- sensor.aeotec_zw100_multisensor_6_temperature_6
After restarting HA, it looks like this:
cards:
- - background: '#EDE7B0'
entities:
- light.fibaro_system_fgd212_dimmer_2_level
- light.fibaro_system_fgd212_dimmer_2_level_3
- sensor.aeotec_zw100_multisensor_6_temperature_6
heading: "\U0001F6CB Living room"
link: /lovelace/living_room
type: 'custom:banner-card'
I am also getting the following error:
No card type configured
Any ideas?
Where are you posting that?
resources:
- type: module
url: /local/banner-card.js?v=1
in "Configure UI" -> Raw Editor
And the above card config in "Configure UI" -> Card Configuration -> Manual Card
Just found this in the HA log, if it is of any help:
https://xxxxxxxxxx.duckdns.org/local/banner-card.js?v=1:120:23896 NotSupportedError: Cannot define multiple custom elements with the same tag name
For " Manual Card" your indention is off, everything should be at "the base" https://hastebin.com/raw/nevinunizo
Thanks! 😕
is there something like a dropdown combo-box thingy for lovelace UI?
I want to call a service with various arguments
Just in case anyone missed it, I wanted to share this guy's beautiful work here: https://www.reddit.com/r/homeassistant/comments/bpa5h1/i_am_a_little_addicted_to_lovelace_atm/
anyone get vertical-stack-in-card working with card modder?
having an odd issue. Adding card modder removes the bg color and i'm not adjusting that in card-modder
@fallow oak did you got the banner-cardto work, cant seem to figuer out what to set on the heading: "\U0001F6CB Living room"
Yeah... so as it turns out it's possible to monkey patch ha-card to, say, add an icon to any card which has card_icon: mdi:something in their config... yep...
@outer pendant https://github.com/custom-cards/config-template-card
I got an odd problem. If I add card modder to the top vertical stack, it removes the transparency
type: custom:vertical-stack-in-card
cards:
- type: 'custom:card-modder'
style:
--ha-card-background: "rgba(0, 0, 0, 0.0)"
--ha-card-box-shadow: 'none'
card:
type: markdown
content: "Title"
removes transparency on the top vertical stack, all i'm adjusting is the radius. It's like it's combining the card-modders from the markdown and vertical stack on the vertical stack
type: custom:card-modder
style:
border-radius: 20px
card:
type: custom:vertical-stack-in-card
cards:
- type: 'custom:card-modder'
style:
--ha-card-background: "rgba(0, 0, 0, 0.0)"
--ha-card-box-shadow: 'none'
card:
type: markdown
content: "Title"
@empty heath he's actually featured on the Lovelace demo page, but obviously he's changed it a lot since then 😃
@prime umbra Yes.... The heading: is the title of the card. You can modify that to your liking. The \U0001F6CB is simply the emoji (icon) in front of the title...
ahh cool thanks
I have an idea... not sure if its something already available or might be available in the future... but that lovelace works with multiple users... if you didn't specify mode: yaml it would just use the standard raw editor way, but if you specify the mode, then any user that didn't have a custom yaml file (i.e. [username]-ui-lovelace.yaml) would just use the main ui-lovelace.yaml file.
do you think this could be possible?
my intent is so that I can make difference lovelace interfaces for either tablets, spouse's device, or guest users who come on my network and I can give them a guest account to be able to control things.
It can also be used for advanced style changes.
@polar kelp I see a super secret next card... any sneak peaks? 😃
@polar kelp you have any idea why the style is propigating upwards in my previous post? For card modder
With some different icons. Just to show it's not hard-coded.
@tacit cave Not entirely sure, to be honest... but you can try adding recurse: false to the top card-modder.
Does it work if you also make the background transparent for the top mod?
Well, I can actually add the background color in and the shadow
using the card modder and setting those attributes to what they should be inheriting
To be honest, I've given up on trying to accommodate for vertical-stack-in-card. It keeps changing and breaking card-modder.
ah
I'd actually suggest you use an entities card instead...
Ok, how about this, do you know of an entities card that will let me 'create a title'?
entities row i mean
Yah, that's my work around
Especially since you modify the drop shadow manually anway.
I'm trying to create a title with a style associated with it essentially
Remember that you can put any card inside an entities card: https://github.com/thomasloven/hass-config/wiki/Misc-tricks#cardelemententity-row-triality
Including card-modder
yeah, that's what I'm doing. I was just wondering if you know of an hui title row card, not the full markdown card because it adds 16px padding that I can't mod out
unless I have the wrong padding style
Sorry, can't help you there.
You should try this, btw @mild veldt. It's really fun! You basically monkeypatch HaCard and replace customElements.get('ha-card').prototype.render and/or prototype.firstUpdated, fire ll-rebuild and have at it.
Interesting
@polar kelp on the veritical stack in card front, isn't the answer to PR the card itself and not try to have card modder work around it?
You're too used to working freely from the outside 😂
Yeah. I've been thinking about taking a break from my cards and new ones and patching some annoyances I have with other cards
Where would be the best place to submit my idea for the multi-user lovelace files?
whats the custom card that is the equivalent of an updated monster-card?
auto-entities
When was monster-card not custom?
I think the keyword is "updated"
@umbral jasper https://github.com/home-assistant/ui-schema/issues/144
thanks @mild veldt
is there a way to get a more-info pop-up "card" to work when tapping on a pictures entity
entities:
- light.light1
- light.light2
image: /local/rooms/bedroom.png
tap_action:
action: more-info
title: Bedroom
type: picture-glance```
I'm not sure what to use for the entity for the popup card
For the Lovelace conditional card, can you use weekday as a condition?
Set up a sensor for weekday that turns on if it's a week day and have the conidtion be "sensor on"?
This might help
yeah, I think that's going to be my only option. I really wish there was a condition that just said - day: Sunday
@polar kelp that did the trick. thanks!
yay updated my HA landing page with some custom cards and improved WAF factor
@acoustic mural you could use the config-template-card to get that
@acoustic mural I created a template sensor that displays the day of week, I have one for day month and year
using that you can fire automations on specific days
Good info. Thanks!
@acoustic mural you could create a sensor with the following
- platform: template
sensors:
day_of_week:
friendly_name: "Day of the Week"
value_template: >
{{ ['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'][now().weekday()] }}
or just "{{ now().strftime('%A') }}" lol
don't forget to make it update with entity_id: [sensor.date] (and to have that sensor set up)
Hi, can I make the views menu as a hamburger style of menu? It would work much better as I have a big house and to many rooms to have the menu horizontal.
Or I guess having a sub views menu would be an option if its possible
Thoughts?
@polar kelp , yes but in trying to document my testing for you I found the problem and perhaps a minor bug? I was filtering for the non-existent attribute 'battery' (just like I posted) rather than 'battery_level'. When I do this, I get no error in Chrome or the logs, and the card doesn't show.
Sounds correct. Attributes can be manually set by the user. There’s no eay of knowing if one should exist or not.
@polar kelp - Ok, well, it's working now anyway. Thanks for your work!
Ok ... any pointers where i could research further?
The simplest way is to just have two conditionals in parallell, each displaying a different card depending on the state of the sensor.
You can also, actually, put a conditional card inside an entities card, but you'd have to do one conditional for each entity, and it quickly gets really messy.
The first one seems simpler. Just put them in a vstack. Nice!
Will give that a shot. Thanks 😃
when I do a new card or some changes in the ui config for lovelace, where does it save that config, I can't see it in my ui-lovelace.yaml
I think i saw a lovelace button where the AC fan was spinning when turned on, but cannot recall card it was / howto. anybody rings a bell?
custom button card from the custom-cards org on github
think indeed it was that fan , but it isn't spinning. Assume you can just drop an animated in there too..
@sinful scarab it’s stored in HAs internal storage area. <config dir>/.storage
so i dropped in james mccarthy's theme control package (https://github.com/JamesMcCarthy79/Home-Assistant-Config/blob/master/config/packages/theme_control/theme_control.yaml ) and now all my gauge cards look crappy... any CSS gurus?
Hi, Is there a way to load a modified .js file instead of the .js that is in the HA docker? I want to modify the colors that are hard-coded into the home-assistant-polymer/src/components/entity/ha-chart-base.js to something I prefer.
the colors are coded in the static getColorGenerator(staticColors, startIndex) function
I just want to substitute my own hex values. Is there a card-modder that can do that? Is there a way to have the frontend load my version of the js file instead of the docker version? thanks.
on one of my picture-entity cards, where I have my entity: set to a light group, it doesn't switch from grayscale to color unless I refresh the page
all the other picture-entity cards work. except one...
doesn't work:
entity: light.living_room_lights
entities:
- light.couch_lamp
- light.front_lamp
- binary_sensor.family_room_motion
- media_player.living_room_speaker
image: /local/rooms/livingroom.png
title: Living room
type: picture-glance
works:
entities:
- light.lauren_bed_lamp
- light.chris_bed_lamp
- media_player.bedroom_speaker
entity: light.bedroom
image: /local/rooms/bedroom.png
tap_action:
action: more-info
title: Bedroom
type: picture-glance
light.living_room_lights is a light group with two mqtt lights in it
when I click on the picture it opens the card for light.living_room_lights and it shows as On but the image is still grayscale
refreshing the page or opening "configure UI" causes it to update correctly
I dont understand this path on some of the custom cards. Are they just examples? /customcards/github/
just trying to get customer updated all setup correctly, realized some werent being tracked
if you are just getting started with it, don't
all my js files are in /local ei www
what about the tracker card iteself?
thats not in www
As long as HA can reach it, it does not matter where it is
Cards you are using can be on my computer
it may, to be fair I don't know how it works anymore
lol gotcha
Im realizing not all cards are supported
so have to keep an eye for updates
currently, yes
/customcards is just an uncached version of /local
so that it can update without worrying about being cached
true-ish, since it's not built-in, that only apply to users that have custom_updater installed and working.
oh, didn't know that. so it'll be an invalid path without custom_updater?
yup