A place for LoveLace Config https://sharethelove.io/
#frontend-archived
kind shellBOT
mild veldt
@night patrol
@gilded plume to ensure ordering you have to set panel: true for the view and then put everything within a vertical-stack with a horizontal-stack in for each row in the single vertical-stack
gilded plume
So make a horizontal stack with three vertical stacks and place all cards in there if i understand correctly
rigid harness
Iโm getting a 0.5 second Red flicker with error message Custom element doesnโt exist, from custom cards when doing refresh of Lovelace? Shows on every full refresh, after short flicker everything shows as expected. Anyone know of a way to fix this?
mild veldt
1 vertical-stack
a horizontal-stack for each row you want to display with the cards you want for each respective row
@rigid harness close your eyes for the first 0.5 seconds
gilded plume
Thanks @mild veldt will test it out ๐
mild veldt
seriously, no way around it for custom elements currently
rigid harness
@mild veldt Ah ok, so this is a known feature for now, just hope it gets fixed some time in the future then. Thanks anyway!
gilded plume
It's working good @mild veldt thanks!
foggy tendon
How to have the look of media players like in the old way?
Actually in lovelace i don't have the chance to see in media player cards what is streaming while before without lovelace i had the full vision and the title of the streaming...
prime umbra
- type: media-control
entity: media_player.test
Thanks, solved!
mild veldt
@foggy tendon You could also use the custom card monster-card to only display them when playing
buoyant skiff
loads of ways to about it
foggy tendon
@mild veldt ah yes, but in this way i don't have full control of the cast
i like to see what is streaming and eventually stop or rewind...
mild veldt
I don't see how that is not achieved when using the monster-card, but okay
foggy tendon
@mild veldt can you give me an example about how to filter only the media playing?
what to put in filter option?
gilded plume
not better to use it conditional so it only shows when playing?
mild veldt
- type: "custom:monster-card"
card:
title: Playing
type: entities
show_header_toggle: false
filter:
include:
- domain: media_player
state: 'playing'
@foggy tendon
@gilded plume monster card can be conditional as well, but is more powerful in some ways
foggy tendon
@mild veldt ๐
gilded plume
Indeed but now it gives a "playing" card without information when there is nothing playing?
prime umbra
@mild veldt how to go about if you wanted to show in case of 2 states?
-'playing'
-'standby'
@gilded plume in which case you could wrap it within a conditional card if wanted
empty heath
@void marten I am honestly not sure if there is a feasible alternative. @buoyant skiff might have some insight on that; he's been able to do dynamic background images on cards, so maybe something similar could work?
void marten
Will see what Toast says, cheers Dale - no biggy ๐
buoyant skiff
u rang ?
void marten
uno sec, lemme find the original query so it makes more sense
Sorry, hate searching in this thing!
Original query yesterday toast was;
qq chaps, is it possible to add a custom icon (via icon_template) to a non-standard sensor (added by z-wave) which doesn't appear in the configuration.yaml? - Would I have to define a new sensor with an icon template, setting the value as that of the old z-wave sensor?
Another user suggested I use the customise file/option, but Dale suggested I don't as the feature will eventually be superseded by lovelace... but as you saw, doesn't seem to be much alternative unless you've got any suggestions?
buoyant skiff
like a sensor that changes based on state is that the gist of it ?
void marten
changes icon, yeah
buoyant skiff
icon_template is the way to go atm
void marten
usually I'd use the icon_template but these sensors were added by z-wave, so aren't actually in the config yaml
void marten
thought so, that works for me - just wasn't sure if there was a better way to do it
buoyant skiff
not that i know of
void marten
Seemed a bit ott making a sensor overlay a sensor, just to change the icon ๐
mild veldt
the icon element needs a state_filter like the image element IMO
serene sierra
@north spear is it possible to change title with custom big number card from state? i want make template sensor which will show uv index at day and moon phase at night and use that words in title
mild veldt
@dense roost You able to get that horizontal scroll card in a repo?
@serene sierra better to create two cards and put them within conditional cards to swap them out
subtle rune
I'm working on what I'm hoping will be a good picture elements card for my camera with ptz and switchable leds
split granite
I'm right in thinking that the glance card doesn't support icon templates?
shell torrent
panel: true makes a card use full width. is there a corresponding for using full height?
Would be great together with kiosk mode and on a tablet
mild veldt
@shell torrent uses full width but height will be dependent on your image's ratios
@subtle rune That will be cool. I would like to be able to get a live stream card rather than the 10 second refresh of the still image
@split granite if you want that level of customization you'll pretty much always want to go with picture-elements
subtle rune
@mild veldt Yeah, that would be good, but I dont think it will be :/ also I'm having lots of trouble with ffmpeg I think
constantly displaying broken image
mild veldt
same
I have two amcrest cameras that are working really well (they have an actual component) but the rtsp one on ffmpeg is broken a lot and the live stream doesn't even work
subtle rune
not at all a topic for this channel, but should one make an issue about this? it was fully functional a while back
low parcel
in the normal hassio dashboard my nest cams show the latest picture when unavailable, can this be done with lovelace also?
is there an alternative for the gauge card since it really doesn't work, even with v=99 it stops working after a while, clearing cache doesn't help
subtle rune
should be doable with state_image somehow I'm sure
low parcel
@subtle rune ths will try it
gilded plume
While i like the structure now on my desktop i find out structuring / forcing the order of lovelace with the horizontal / vertical cards doesn't nicely work on mobile ๐ฆ
serene sierra
@mild veldt that was a good idea to use two card with condition card but it not works inside vertical and horizontal stacks https://hastebin.com/lukozijifa.bash
gilded plume
i thought i did read somewhere yo ucan show desktop/mobile a different interface?
serene sierra
even if condition is off https://ibb.co/fZkFLp
mild veldt
@gilded plume you can use the set_home custom card to set a default view
gilded plume
how do you mean that?
mild veldt
But you would have to define to separate views
gilded plume
@serene sierra this works with me -> https://hastebin.com/qokihitiwi.bash
mild veldt
I would recommend using the lovelace-gen if you are doing the same cards in multiple places
serene sierra
@gilded plume that inside - type: horizontal-stack?
gilded plume
inside the vertical -> see here the row -> https://hastebin.com/ozogupotev.bash
but i didn't got it working with the monstercard
empty heath
@gilded plume We also discovered yesterday that an entity-filter card will work, too, and with that one you can hide the empty space when it's not playing.
mild veldt
The conditional taking up space is a bug though, correct?
empty heath
I am not sure. It could be.
gilded plume
@empty heath Great to know, will give it a try
empty heath
mild veldt
@empty heath hmm, according to this issue ticket, an entity-filter does as well? https://github.com/home-assistant/ui-schema/issues/127
I don't use them myself
empty heath
To make sure it doesn't take up space when it's empty, set show_empty: false on the entity filter card.
serene sierra
@gilded plume @empty heath great thanks
mild veldt
so conditional is perhaps just missing that ability. good to know
empty heath
@serene sierra You're most welcome indeed.
@mild veldt Correct!
If you click the link, you'll be able to scroll up a little and see the discussion about me looking in the docs to see if conditional has that feature (which it doesn't, as you know)
gilded plume
Found what i thought to read about mobile view / desktop view -> https://community.home-assistant.io/t/lovelace-easier-setting-of-default-pages-on-your-device/62898
mild veldt
looking at docs, what a nerd! ๐
We really need a complete repo/store-front for these cards
gilded plume
would be handy indeed, now scattered over the internet ๐ฎ
mild veldt
although set_home is in custom_cards main repo, I believe
nevermind: https://github.com/custom-cards
empty heath
gilded plume
it's in this one -> https://github.com/ciotlosm/custom-lovelace/tree/master/home-setter
the custom-lovelace cards
mild veldt
Maybe we should expand sharethelove to include actual cards, not just configs
@buoyant skiff @wheat current thoughts?
@buoyant skiff , you're the worst...
polar kelp
Just make a clear separation. It's quite a step from making a detailed picture-elements to installing custom cards.
mild veldt
custom cards vs user cards?
gilded plume
But as the cards are described for example at custom-lovelace it's working fine, already using multiple custom cards from there and other sources like the google-calendar
serene sierra
@empty heath am i missing something? https://hastebin.com/gicegofofo.bash i can see two big number cards even if state is 'off' and i cant see states after some time (3-5 seconds), just titles is visible
empty heath
@serene sierra Let me check.
mild veldt
Yeah, was just toying with that. Single page or individual @buoyant skiff ? Individual seems like overkill
empty heath
@serene sierra Try setting it to hide if empty ๐
buoyant skiff
yeah indivdual is kinda overkill
gilded plume
The custom-lovecard home-setter is working as expected, at mobile i can now have a different start page then at desktop
serene sierra
beat it!
mild veldt
those could be added to the readme of the main repo
I think that would make sense
for that card
buoyant skiff
cause there are very few practical examples for the monstercard
and they dont show of the power off it
void marten
Toast...it's probably the wrong way to do it, but could you make the monster card read my telegram messages? ๐
empty heath
Totally possible.
void marten
He asked for a challenge then immediately bailed ๐ฆ
split granite
Slacker ๐
void marten
"but i would love monster card ideas"
void marten
@empty heath not sure how I even missed that, the amount of time I spend in the components section
empty heath
Use the telegram_text event as the trigger in an automation, and have the action create a persistent notification.
empty heath
And if you really want to get advanced, you can have the action just edit the ui-lovelace.yaml file using a shell_command to add a Markdown card ๐
buoyant skiff
should probly add @storm lion broken example to sharethelove.io
that one is a good one
empty heath
Mmmm, methinks a new custom component for this would be amazing. (adding/editing/removing cards in Lovelace config)
buoyant skiff
add a patch to the tracker component dale
empty heath
Nah, I'm not gonna be the one to do it ๐ lol
buoyant skiff
empty heath
Before I do anything else, I need to update the Lovelace migration module to support latest features!!! lol
serene sierra
@empty heath works some time but later states are hiding i think i cant use customcard here https://hastebin.com/dohavinuli.bash
empty heath
I am honestly not sure on that one. :/
storm lion
@buoyant skiff will do that tonight if I can get the baby to sleep
buoyant skiff
tnx
mild veldt
@buoyant skiff I think @wheat current actually said something about possibly adding to the tracker component somehow. Forgot about that
kind shellBOT
Ludeeus is away for 19m 12s with a message :point_right: ๐
mild veldt
@storm lion for the tracker?
clear vale
crazy question .. can anyone tell me what's all the monster-card do?
storm lion
no, just my use of the monster card to identify items that might be broken
mild veldt
I have a 'broken' one, that I think I got from @subtle rune , but not all that crazy
- type: custom:monster-card
card:
type: entities
title: Things that are probably broken
filter:
include:
- state: "unknown"
exclude:
- entity_id: group.*
^ that's the one
empty heath
~monster-card @clear vale
kind shellBOT
@clear vale Monster card is a magical type of card. Because it's dynamic if you're smart about it, you can have one card that adapts and that you don't need to touch when adding new entities & sensors to your setup. Supports both inclusion and exclusion filters with wildcard for entity_id: https://github.com/ciotlosm/custom-lovelace/tree/master/monster-card
wheat current
@mild veldt This may eventually be possible:
storm lion
please change the text colour at least @wheat current - the blue on black is making me die a little inside ๐
wheat current
default for links xD
Will probably be using --primary-text-color ๐
clear vale
@empty heath oh ok I waas thinking it could be use as a substitute instead of using others .js file for example, I thought the monster-card could replace cards like alarm_control_panel-card and such
buoyant skiff
neon green is the best
mossy jay
How can I easily add a scroll bar for my dimmer switch?
mild veldt
@mossy jay do you mean a slider?
empty heath
@buoyant skiff Speaking of colors... https://www.dropbox.com/s/59j780nbtfb692t/hass-t-shirt-02.JPG?dl=0
buoyant skiff
haha
mild veldt
you look...happy?
empty heath
Lol, that picture was taken a long time ago.
buoyant skiff
@mild veldt im never happy
mild veldt
except for when talking to me, right?
mossy jay
@mild veldt yes I mean slider, my mistake.
wheat current
@empty heath The coffee is empty in that picture :/
buoyant skiff
remember the talk about disappointment
empty heath
We have a Keurig here, so I'm not sure what that stuff was for.
midnight monolith
a quick question: is there a way to get the theme colors /info/options in a lovelace card? Are there some best practices to create a custom lovelace card?
half osprey
themes are just CSS properties
midnight monolith
@half osprey this I understand but can I access them in a custom component? I looked into the hass config object and I found the themes in there but how can I access the various colors, ... ? For reference, I'm using the default theme but I see that some users of the google calendar card are using different themes and then this doesn't look that nice
P.s. thanks for the swift help!
So, I'm using this: border-color: #03a9f4; which is not ideal... It's the blue color in the default theme
half osprey
well since they are CSS variables you can just use them ?
border-color: var(--primary-color); ?
buoyant skiff
@half osprey is the lazy loading bug reported ?
half osprey
I don't know
buoyant skiff
this
where stuff goes under the toolbar
unless u use z-index where it pops over the toolbar if its higher then 2
happens both in chrome and in ff
the only differance is in chrome that it doesnt happen that often
empty heath
@buoyant skiff Go look in the GitHub issues and see ๐
empty heath
Well stop slackin'! Balloob is a busy man, he shouldn't have to pick up on your slack ๐
viral sorrel
could someone demonstrate how to make a card that includes all lights that are On only (excluding Off and Unavailable).. I can't figure out how to do it
empty heath
@viral sorrel If you're willing to type out all of the entities to be included in the card, you can use Entity Filter. If you just want it to automatically find all existing and new lights, you'll need to use monster-card.
~monster-card @viral sorrel
kind shellBOT
@viral sorrel Monster card is a magical type of card. Because it's dynamic if you're smart about it, you can have one card that adapts and that you don't need to touch when adding new entities & sensors to your setup. Supports both inclusion and exclusion filters with wildcard for entity_id: https://github.com/ciotlosm/custom-lovelace/tree/master/monster-card
viral sorrel
I guess I should have mentioned that I need to include by light domain
split granite
Monster card then ๐
empty heath
Monster card.
viral sorrel
I can't figure it out
I've tried hundreds of iterations of things that might work based on the documentation
empty heath
@viral sorrel
viral sorrel
I've seen and tried to use that
wheat current
Try harder
viral sorrel
I've spent about 6 hours on it.. I don't think it's actually possible with the monster card..
tender wasp
did you use state: 'on' or state: on
viral sorrel
I've tried state with on, On, 'on', 'On', "on", and "On"
empty heath
I was able to get it working in less than 10 minutes ๐
wheat current
I get up from bed, moved to my computer, looked at the doks and got it woring in <5mins..
The card (with state filer) works, also for domain
.away Going back to sleep ๐ค
kind shellBOT
Ludeeus is away! Going back to sleep ๐ค :wave:
prime umbra
but for what he want couldnt he also use a -type: entity-filter?
viral sorrel
that doesn't support domains
prime umbra
ahh k
viral sorrel
is how to configure it a secret? because I appear incapable of uncovering it.
tender wasp
I just tried and got it working too
empty heath
No, it's not a secret. It's a combination of using both include and exclude filters.
viral sorrel
none of what you guys are hinting at are things I didn't try :/
empty heath
@viral sorrel You basically want to include the light domain, and exclude states off and unavailable ๐
viral sorrel
sure.. but any syntax I try for that doesn't work
empty heath
@tender wasp Just tried yours and it works, too! Nice!
This is what I tried: https://hastebin.com/nepobixice.bash
Both work for me. Try his (as it's cleaner, and is what one would expect it to be aside from assuming it's incorrect based on the docs)
But now knowing that it works, looking at the docs again, I definitely assumed wrong.
tender wasp
Both work for me too though so I'm not sure what is causing your issue
viral sorrel
I will now commit harakiri as I swear that I tried that within the first 30 minutes of my attemppts and it didn't work :/ shame
midnight monolith
@half osprey thx again, works like a charm!!
split granite
The bright side @viral sorrel is that you got me to try out the monster card just to see if I could work out how to use it
(took me longer than I'd like to admit that I typo'd card: to cards: and wondered why I was getting an error)
viral sorrel
i had that problem too,, I remember asking about it here ๐
split granite
I worked on the theory I was being dumb, and lo, I was right ๐
viral sorrel
I live my life by that theory but sometimes it just doesn't help..
especially when you discard the correct solution as being wrong near the beginning because for SOME reason (perhaps typo) it doesn't work
midnight monolith
.away
kind shellBOT
amber jewel
so any of you guys got some pics of what your new guis look like
glossy birch
.sharethelove
kind shellBOT
A place for LoveLace Config https://sharethelove.io/
amber jewel
oooooo love that tautulli, neato, temp, and kodi card
viral sorrel
is there a custom lovelace map card that allows setting a default zoom? I find the included card is always zoomed in much too far to the point that it shows nothing
mild veldt
"included card"?
viral sorrel
mild veldt
Did you add "map" to that question, because I swear you didn't say map initially, lol
amber jewel
just when i get my old GUI working good you guys tell me about this lovelace thing :p
mossy jay
lol
What is the easiest way to get a dimmable switch show a slider on the front end without clicking on it?
viral sorrel
can the entity-attributes-card be embedded inside the entity-filter card like it can inside the entities card?
amber jewel
@mossy jay like this? https://imgur.com/a/62iOk72
hehehe
i have no idea how to do it with lovelace
viral sorrel
yeah that's custom-ui with the old interface
amber jewel
so does this replace your whole gui or just some elements
viral sorrel
cool.. I hadn't gotten as far as customising lights yet.
replaces the entire panel..
mossy jay
@mortal cape I will still need to click on it though..
mortal cape
You could use willpower to keep yourself from clicking on it
mild veldt
just implemented some quick toggles for my main view to quick switch between 1-4 columns displayed on the view rather than the frontend decide what is best. works great, except for my camera backgrounds are slow to come backup. might be moving away from live camera feeds and just leave that in shinobi for monitoring
I might put a summarized example up on sharethelove at some point, but the gist of it is:
four input_boolean, one of them with initial: true and four corresponding scripts that will turn_on a single input_boolean and turn_off the others
the view itself has panel: true and within a vertical-stack has 4 conditional cards corresponding to the state: "on" for the input_boolean and then horizontal-stack with the number of cards in each to match
wheat current
@mild veldt ๐
2018-08-15 10:30:38 DEBUG (SyncWorker_19) [custom_components.custom_updater] Installing home-setter
width: 32em
white-space: nowrap
overflow: hidden
text-overflow: ellipsis
max-width: 32em
now cutting long messages ๐
18 lines of styling ๐
really alot for entries
my remote is only 636 lines now ๐
warm stone
Just the remote?
buoyant skiff
yepp
loads of things going on it it
dynamic icons
animated icons
info from various systems
and a whole lot of style:
buoyant skiff
that one needs a couple of fixes
midnight monolith
ok, I need help: ๐
I want to create a new custom component in which I can use a paper-toggle-button
In this custom card, I hope to do this:
<paper-toggle-button id="alarmToggleButton" checked="false" on-change="toggleAlarm">Toggle</paper-toggle-button>
so, the important part is the on-change
however, the callback is not triggered when I toggle the button
I assume this is because I do not inherit from PolymerElement
So, I tried import { PolymerElement } from '@polymer/polymer/polymer-element.js';
but then the error is as follows: Failed to execute 'define' on 'CustomElementRegistry': this name has already been used with this registry
I also tried creating a new polymer element from scratch with polymer init but to no avail
Any ideas?
The idea behind webcomponents is great but all the implementation/docs out there is not ideal
time for a ๐ฟ
polar kelp
636 lines? If only there was a way to avoid code reuse...
buoyant skiff
like a style template
buoyant skiff
cause the only thing that changes is position a minor tweaks here and there on filter fx
the rest is static
polar kelp
Ok, to be blunt; I hope you haven't missed this: https://github.com/thomasloven/homeassistant-lovelace-gen#experimental-feature
buoyant skiff
yeah missed that totally
polar kelp
I'd love to help you get started if you wish
buoyant skiff
at the moment in kinda of ina reinstall but later this evening or something ๐
gonna mess around with popos instead of windows 10
after that i got a meeting
polar kelp
Actually, this is the link I meant: https://github.com/thomasloven/homeassistant-lovelace-gen#special-commands
The point is the jinja templates, anway.
wheat current
Initial install functions from the tracker card for both cards and components are done ๐
subtle rune
Hm, I really feel the need for state_filter on icons in picture elements. There's no way for that right? Need to make it an image?
midnight monolith
Has anyone already succeeded embedding a input boolean in a custom card?
buoyant skiff
havnt tried really
buoyant skiff
@subtle rune have you used any booleans yet ?
subtle rune
nope
buoyant skiff
the only thing i tried so far is input_text and that didnt work that good
polar kelp
Doesn't the custom card example in the dev docs use input_boolean?
wheat current
https://developers.home-assistant.io/docs/en/lovelace_custom_card.html <--- uses input_boolean
midnight monolith
@wheat current excellent, thx! Using webpack, this gives me troubles though
I'll look into it
subtle rune
I needs input. picture "glance" with controls for camera: http://prntscr.com/kivvec
polar kelp
How come this isn't updating: https://www.home-assistant.io/lovelace/changelog/ ?
kind shellBOT
Lovelace changelog for 0.75 https://deploy-preview-5950--home-assistant-docs.netlify.com/lovelace/changelog/#changes-in-0750
polar kelp
I know, but that does not answer my question.
What is who waiting for? Why aren't the official docs updated almost two weeks after release?
Not trying to say the team isn't doing their job or anything. Everyone involved is doing fantastic work! But still... how come?
serene sierra
i think pr was made after 0.75 was released and we need just wait
rotund island
ok where did i screw up ? :-D
[frontend.js.latest.201808040] http://hassio.local:8123/local/monster-card.js:7:1 Uncaught SyntaxError: Unexpected token <
dense roost
Cause some of us need help ๐ http://imgur.com/2GtRrKv
polar kelp
serene sierra
@rotund island maybe you have a typo? please post your config
@wheat current but how to use it? i cant see any new components and install link
polar kelp
The link I gave describes the error, the problem and the solution. [frontend.js means it's a javascript error which is forwarded to the homeassistant log.
rotund island
@polar kelp thx the explenation was straightforward and my issue got solved in a breeze
could be interesting to have a link to the explenation in share the love ? of in each monster card onject as i was looking in the documentation how to do it and didn't find it
wheat current
@serene sierra it's not yet available ๐
rotund island
other question can the coordinates card, only used as panel ? mine isn't showing the correct coordinates?
polar kelp
Huh. Mine isn't either... but it used to... weird
polar kelp
@buoyant skiff , you're an experienced plan-coordinates user, aren't you?
buoyant skiff
not really using that card doing it by hand ๐
polar kelp
nevermind then
buoyant skiff
ok
rotund island
should i open an issue then ?
buoyant skiff
go ahead
amber jewel
so how exactly does this work? I have to make a new card for each one of these boxes in the old GUI?
buoyant skiff
run a lovelace generator
and wait
you wont ruin your old ui
lovelace is independant of the old ui
prime umbra
if you using hassio you can use the dale3h migration add on to generate a ui-lovelace.yaml
or you can have the skalavala jinja magic script
https://sharethelove.io/tools/jinja-magic-scripts
amber jewel
i tried that github python script and my lovelace ui is just blank haha
in not using hassio use the python venv
*sing
amber jewel
ok that second link you posted worked great @prime umbra , ty
oh man this is gonna take a lot of work haha
prime umbra
@buoyant skiff i have seen some pics of your frontend banner with clock, temperature etc.. in the banner section
how did you get those there?
buoyant skiff
check the greeter card on sharethelove
prime umbra
ok ty
plain torrent
Good Day everyone.
plain torrent
So yesterday, I was trying to get the plan-js to work, and I was not able to get it to work as I wanted it work. I was hoping that I could use that script to show an image of a raspberry pi with the sensor data for the system. It turns out that some of the labels are hardcode and had to scrap that idea. So Im looking to see if anyone can guide me on how to get this going.
Im trying the "state-label" but I don't see a way to increase the size of the font.
wheat current
style:
font-size: 666px
Should work
plain torrent
thank you very much..
buoyant skiff
Quattrocento Sans was a nice google font
plain torrent
@wheat current - that solved my problem, thank you ...
buoyant skiff
nice to see my lovelace ui on a different system then windows
void marten
qq, with the picture-element card, when using the icon type - is it possible to resize those mdi icons on the fly?, if you use any of them they show as normal, which is tiny....you seem to be able to control everything else in/around them such as border. I can make the borders bigger, but can't increase the size of the actual icons. Worst case I'll have to change over to images again and overlay them instead, just wasn't sure.
mild veldt
@void marten what do you mean by "on the fly"? With state changes or just in general?
void marten
sorry, on the fly was a bad way of putting it ๐
I meant in the style section
So atm I've got
- type: icon
icon: mdi:pause
title: Pause
tap_action: toggle
service: sabnzbd.pause
style:
top: 7%
left: 60%
width: 50px
height: 50px
color: black
border: 2px dotted black
border-radius: 25%
background-color: gold
I don't have an answer for you, but would be very surprised if you could not. Probably some paper/iron-icon styling or whatever. Don't have access to my stuff at the moment
void marten
not sure what the paper bit is about, butttt there is reference to it in the documentation?
"--paper-item-icon-color": pink
void marten
cool, thanks @mild veldt I'll have a read through and see if there is a way
mild veldt
Have you tried playing with it just within the dev tools on the browser to edit "on the fly" ๐ ?
void marten
nope, not yet but I shall give it a spin
mild veldt
no
wheat current
yes
@mild veldt have you seen this? :)
2018-08-15 18:28:20 DEBUG (SyncWorker_13) [custom_components.custom_updater] Installing sensor.untappd
2018-08-15 18:28:20 INFO (SyncWorker_13) [custom_components.custom_updater] Sucessfully installed sensor.untappd, make sure you read the documentation on how to set it up.
I saw that I don't have it yet ๐
seriously though, that is so awesome and makes me so happy
mostly because it is labeled as "untappd"
wheat current
It's done, just not released ๐
wheat current
that and eventually cusom json sources you add to the component
mild veldt
nice
pallid flame
Anyone know how to display value of a sensor in 'markdown' tag?
kind shellBOT
@pallid flame posted a message that is more than 15 lines. It is now available at: https://hastebin.com/hibewaruqa
buoyant skiff
read the rules @pallid flame
pallid flame
@buoyant skiff ๐
mild veldt
@pallid flame what is your goal?
polar kelp
I donโt think it can be done
mild veldt
prefix a sensor value?
pallid flame
It's been awhile since I posted on Discord. I am trying to display lights schedule as a card so that everyone knows when lights are turned on or off.
How do I attach a screenshot here?
mild veldt
hastebin/imgur usually
dreamy tendon
glossy birch
violating the rules here? @pallid flame ๐
pallid flame
@glossy birch LOL
glossy birch
lol - are you able to get the markdown working yet?
wheat current
You cant add jinja template to markdown card
glossy birch
@wheat current really?
wheat current
Yeah ๐ฆ
errant monolith
@amber jewel hey do you have the theme for your dark ui available?
wheat current
I had hopes for that card but was disappointed :/
pallid flame
Here is the screenshot. I had to upload this to imgur as I didn't find a way to upload screenshot here.
amber jewel
@errant monolith its not mine but search for PmxMononight
you are the second person to ask :p
glossy birch
nope - the jinja/templating is not supported in lovelace. The lovelace is a front-end thing, and jinja script is a backend script that needs serer to process
errant monolith
awesome, thanks
pallid flame
@wheat current don't mention Jinja to @glossy birch
glossy birch
don't listen to @wheat current
wheat current
What did/didn't I do now? ๐
glossy birch
I personally don't find that markdown card useful. It is just me. ๐
pallid flame
I want to display lights schedule as a markdown card. All my lights and outlets are scheduled to turn on/off by sunset time. So I was trying to use that as sensor value to display the values dynamically. As sunsets times vary for each season.
glossy birch
It is not very useful in its current form, as you can't dynamically create the text to display based on sensor values
I'm sure there are creative people who would argue otherwise, who am I to judge them? ๐
buoyant skiff
@glossy birch actually agree with you there its pretty useless atm
wheat current
since lovelace is decoupled from the core, I do not expect that card to get any more features.
This can be achieved with picture-elements
glossy birch
agree!
buoyant skiff
havent used markdown at all
glossy birch
same here
buoyant skiff
can do it all via css
glossy birch
I havent' used anything other than entity and picture-entity card ๐
wheat current
I tried it once, found out templates was not supported and moved to picture-elements ๐
glossy birch
and maybe glance
mild veldt
@pallid flame I think you should be able to do what you want with picture-elements and state-label: https://www.home-assistant.io/lovelace/picture-elements/#label-with-state-text
mossy jay
How would I implement this https://home-assistant-lovelace-gallery.netlify.com/#demo-more-info-light
mild veldt
carefully
๐
you talking about the slider?
"More info screens show up when an entity is clicked"
I have yet to see a slider in an actual Lovelace card, yet
mild veldt
I haven't tried, but you could probably put an input_number entity on a card. You'd just need to setup an automation to sync it with your light
mossy jay
okay I will try that out, even the basic things seem difficult for me as I am fairly new to this all.
mild veldt
just tried, an input_number within an entities card does show a slider
mossy jay
hmm
mild veldt
- type: entities
entities:
- entity: input_number.test
not showing up?
low parcel
I was wondering if it's smart to add those custom cards to your setup, who's going to update them and how do you know there's a new version?
mild veldt
@low parcel check the pinned messages for the custom_updater
@mossy jay do you have an input_number to use? If you just added one, make sure you restart as that is a new entity
low parcel
@mild veldt thx
buoyant skiff
@low parcel check the pinned messages for saved stuff that users and devs and mods said
most of the questions that are asked are already answered
that goes for any of the channels in here
pro-tip
low parcel
yeah, you guys know how to find stuff instantly, I get easily lost between all the stuff, sometimes it's deeple hidden somewhere in the forums, sometimes it's in the docs, sometimes it's on github, sometimes it's here, I don't know who started that awesome home assisstant site, but that's really helpfull
buoyant skiff
low parcel
it's also a matter of what's the right answer most of the time, or the most recent information
buoyant skiff
the pin
low parcel
yeah, I found the info in the pin no problem
mossy jay
@mild veldt Yes I have created a new input_number, now I will create the automtion.
mild veldt
awesome!
fallow oak
I am trying to use the same entity in both a history graph and an entities card... Is there a way to name the entity differently so it has one name in the history graph and another in the entities card?
mild veldt
@fallow oak you can configure a display name
available in the history-graph as well
fallow oak
Wow!! I have completely missed out on all that! SO. MUCH. CUSTOMIZATION!!! ๐ค
mild veldt
- type: entities
entities:
- entity: sensor.lovelace
name: Lovelace1
- type: history-graph
entities:
- entity: sensor.lovelace
name: Lovelace2
fossil kindle
Hello, anyone get the "error 500" on the device tracker with google maps ??
errant monolith
is it possible to make a glance card disappear if no entities are on it?
mild veldt
@errant monolith look at monster-card
and then wrap that with a conditional-card perhaps? Do you have entities that are sometimes not present?
@fossil kindle need more info than that to go off of
fallow oak
@mild veldt Sure about that...? I get an error...
fossil kindle
@mild veldt wrong chat.
mild veldt
Sure about what? The config? I typed it out on the fly, might have indentation issues
fallow oak
- type: entities
title: Energiforbruk
entities:
- sensor.aeotec_zw096_smart_switch_6_energy
name: "Kjรธkken - Totalt"
This returns:
mapping values are not allowed here in "/config/ui-lovelace.yaml", line 41, column 19
Line 41 is the last line in that snippet...
fallow oak
I donยดt get it... ๐ฉ
fallow oak
errant monolith
@mild veldt i'll take a look, thanks!
fallow oak
- type: entities
title: Entities card sample
entities:
- entity: alarm_control_panel.alarm
name: Alarm Panel
This is from the docs...
buoyant skiff
ยฏ_(ใ)_/ยฏ
ahh
lol
no
this is your entry
- sensor.aeotec_zw096_smart_switch_6_energy
you need entity:
buoyant skiff
was just about to say that
mild veldt
but you didn't
buoyant skiff
see the differance
mild veldt
cause you're slow
buoyant skiff
feck u ian ๐
buoyant skiff
im tired
fallow oak
Haha.... Jeez...
Probably a good time to call it a day here as well! ๐
Sorry guys!
buoyant skiff
@mild veldt any progress on your ui ?
mild veldt
i did those toggles to display 1-4 columns last night, but that's about it. my picture-elements cards are still a mess. have been focused on my main view which won't have any of those
for now, at least
mild veldt
sounds...excessive
mild veldt
could you have used node anchors for any of the repetitive stuff?
buoyant skiff
like styling ?
if that is possible then show me how cause that is certainly interesting
@empty heath wasnt it you that brought up achors ?
empty heath
@buoyant skiff Yes.
mild veldt
@buoyant skiff oh yeah, anchors are key, or setting up the lovelace-gen tool
buoyant skiff
any examples on anchors ?
mild veldt
hold on
mild veldt
- type: vertical-stack
cards:
- &column_selection
type: horizontal-stack
cards:
- type: glance
entities:
...
- type: vertical-stack
cards:
- *column_selection
my indentations are all off, but you should be able to get the idea
&anchor_name when creating and *anchor_name to reference
buoyant skiff
ahh
buoyant skiff
haha
split granite
Posts of code over 15 lines to go Hastebin or similar @mild veldt
mild veldt
busted
split granite
And the bot is slacking too ๐
buoyant skiff
banished to lounge ๐
& to referance and * to use basically
.ping
yeah bot is dead
mild veldt
reduced to 11 lines to appease the man
empty heath
@glossy birch Man down! Man down!
buoyant skiff
nice deffo gonna check that
wheat current
Chill ๐ @glossy birch is just hogging the bandwith with Netfilx ๐
empty heath
They are definitely useful, but also very confusing for those who do not understand what they are/how they work.
buoyant skiff
yeah reading docs now
probly gonna get stuck at times but this is more useful then doing the same thing over and over again
if i can have one styling with all the bs in it
that will save alot of lines
empty heath
empty heath
.ping
buoyant skiff
.ping
glossy birch
๐ฆ
just called my ISP, and upgraded to 500Mbps - they must have reset my internet connection
buoyant skiff
ahh yeah to get that uplink they have to
glossy birch
will restore bot in an hr or so
glossy birch
for the same price ๐
buoyant skiff
cause the ISP that i work for installed 100/100 on a lot of places
empty heath
M?! or did you mean m?
glossy birch
I pay about $59.99 per month
empty heath
Surely you meant mb/s.
buoyant skiff
but @glossy birch is this in the US ?
empty heath
Yes, it's US.
split granite
Pretty sure I mean Mega ๐
buoyant skiff
capped connection ?
empty heath
@split granite I know you did, but did he? ๐
glossy birch
yep - half a gigabt ๐
buoyant skiff
cause that is fairly common in the us right ?
split granite
Now, if I could get 50 MB/s I'd be really happy ๐
glossy birch
yes... mb/s LOL
empty heath
A few people I know have 1gb/s.
split granite
In theory I get about 50 Mb/s, in reality I see about 40...
And this is the good option from our national monopoly
buoyant skiff
in sweden we have 10 000 Mbit/s in certain cities
subtle rune
We have that ๐ฌ don't need it though
buoyant skiff
ffs BANDWIDTH that is a must
haha
if i had banhof as an option i would deffo get that
anyways back to achors
love stackoverflow there are always peeps on there that write in a good way also always good examples on there ๐
mild veldt
are you saying my example wasn't good enough...? ๐ฆ
tranquil elk
if anyone is interested, here's how I'm watching for low batteries on some of my z-wave devices in lovelace: https://community.home-assistant.io/t/low-battery-alert-in-lovelace-ui/64238?u=ekraig
lmk if you can think of improvements
prime umbra
ya those anchors they very confusing to understand
mild veldt
anchors == happy configuration
no_anchors == long/tiring configuration
prime umbra
what you gain with them?
empty heath
@tranquil elk Interesting! I am curious about why/how the entities are always in increments of 10.
"These entities will always have battery_level in increments of 10, so I donโt have to define every value in between."
tacit cave
he's doing some int division
empty heath
@tacit cave Are you sure about that? ๐
tacit cave
I mean, it looks like he's attempting to do that
empty heath
@tacit cave Read the code carefully. ๐
tacit cave
yeah, divide then multiply
empty heath
@tacit cave Just for the fun of it, have a look at this: https://github.com/dale3h/homeassistant-config/blob/master/packages/batteries.yaml#L60-L80
tacit cave
did you get that from notorious? or whatever his name is?
empty heath
Me? No. This is my rewrite of the battery level icons.
tacit cave
{% set battery_round = (battery_level|int / 10)|int * 10 %}
empty heath
What I am wanting you to see is that the division is being done in the icon_template, not in the value_template.
The division is purely for setting the correct battery level icon for the icon.
empty heath
๐
That is why I asked @tranquil elk the question that I did. If it's a feature of Z-Wave, then all is good. Otherwise, he may want to look into adding division to the value_template to ensure it's always in increments of 10.
After all, I am the one that wrote that code a long time ago ๐ ๐
tacit cave
lol
I thought this could also be handled by the battery class
or... whatever it's called
empty heath
It likely can now! I didn't know that was a thing.
tacit cave
device_class?
empty heath
Ahh, very nice! I might have to check this out and see if it automatically adjusts icons for levels.
Lol
tacit cave
It does
empty heath
Very nice. Is there an alerting level?
tacit cave
I do not know
I made my own alert automation in app daemon
that is currently off because 2 of my batteries always report 0
empty heath
Theoretically the "Unknown" is covered, so mdi:battery-alert icon should never be shown, because >= 100 and > 0 are covered, but in the event that it goes negative (or maybe unknown), it would show.mdi:battery-alert will only be shown when battery level is 0 or less.
vapid field
I did like 30 changes before saving ui-lovelace.yaml
now I recieve foolwing error: ยดfrontend_latest/app-c65b4028.js:445:3536 Uncaught TypeError: Cannot read property '_stateDisplay' of nullยด
Any idea to find out, what I did wrong?
empty heath
@vapid field Search for that error here in Discord ๐
wheat current
@vapid field You have 1 (or more) entity in there that does not exist (probably a typo)
tranquil elk
@empty heath for some reason that's what the z-wave devices seem to report. maybe that's the spec?
empty heath
@tacit cave Sweet! So the device class seems to exactly mimic my icon_template code.
@tranquil elk Awesome, that is exactly what I was wanting to know.
vapid field
@empty heath @wheat current thanks. That was easy...
empty heath
@tranquil elk As we've been talking about, you can remove the icon_template and instead add device_class: battery to the sensor using customize: (Note: The customize section will eventually be removed completely and replaced with Lovelace.)
tacit cave
@empty heath where is that configuration going to take place then?
tranquil elk
device_class is new to me. very good to know! thanks
tacit cave
thing's like device_class and other work arounds that poeple use to add attributes to their items?
tranquil elk
I copied/pasted the icon_template and knew there was some extra logic in there that I didn't need, but just rolled with it
void marten
@empty heath qq (re last nights picture-element suggestion), I looked earlier and iantrich offered some advice but I kind of drew a blank...the mdi icon used in the icon element - position and all the surround config of the icon is fine - but is the icon size hard coded?, seems be no way to override it
empty heath
@void marten I honestly have no idea >_<
void marten
hehe no worries, I suspect it is...no matter what css I pass for sizes it just ignores - almost everything else works bar the size. I'll revert to using an image then
empty heath
@tranquil elk On one hand, I am very glad to see my old code being used by many people, but on the other hand, I am sad that it is outdated and unnecessary now due to device_class: 'battery' being available. Lol
tranquil elk
@empty heath even though it's outdated, I learned a lot from looking at and using it. so there's that... ๐
void marten
Found this which works :D
--iron-icon-height: 50px
--iron-icon-width: 50px
Think that was part of Ian's suggestion earlier, think I only got round to checking the paper-icon settings not the iron-icon ones
vapid field
Based on https://www.home-assistant.io/lovelace/entities/#weblink there is no option to specity if the weblink will open in the same Tab or in a new Tab (e.g. _blank)
Does anyone know if it is possible to specify to open a new tab?
polar kelp
I'm just going to leave this here: https://github.com/thomasloven/lovelace-slider-entity-row
low parcel
can you use the gauge card to display status? for example if I'm in or out or the status of my synalogy nas, i'm not sure on how to do that
split granite
if you don't know how to get this to work, that is probably a good thing for now ๐คฃ
polar kelp
It still needs A Lot of work
tranquil elk
@empty heath I updated the forum topic to use device_class. It worked great
empty heath
@tranquil elk Awesome! ๐
faint echo
Hi, I added my climate entity to an entity card but it's not showing the "currently temp" as it does on the old ui or as it does in the Gallery examples. Is this a known issue? I tried searching but didn't come up with anything
wheat current
@vapid field https://github.com/custom-cards/ext-weblink
@polar kelp no fun... I liked "if you don't know how to get this to work, that is probably a good thing for now." ๐
faint echo
ah nvm, I think it might be part of 0.75 enhancements
polar kelp
It's still there, and still true. Even more true now, actually...
low parcel
can you change anything to a state badge, like for instance not showing title
raven nacelle
@wheat current It will be great to be able to add that external link next to a regular entity
oops....that looks too big, but you get the idea ๐
wheat current
Next to?
raven nacelle
the entity text
wheat current
Ahh, so you want that icon after the text to indicate that it is opening a new window (is external)?
raven nacelle
Something like
prime umbra
@wheat current that card ext-weblink is that supose to open the link in a new tab?
raven nacelle
and I can then link it to Google maps
wheat current
@prime umbra it should, not working for you?
prime umbra
nop
wheat current
@raven nacelle That looks like a merge ot the std entety and a weblink?
wheat current
okei, then I got the right idea ๐
raven nacelle
yes, you got the right idea ๐
prime umbra
i used the
- type: custom:ext-weblink
name: Home Assistant
url: https://www.home-assistant.io/
icon: mdi:home-assistant
but didn't open on a new windows
did it work on your side?
raven nacelle
I copied it from my Schwab account. But let me check there should be an mdi equivalent
prime umbra
ok got it to work
dont ask me why didnt work probably som typo
good job on this
raven nacelle
@wheat current mdi:open-in-new should be fine
wheat current
perfect ๐
low parcel
if you use panel:true to have that nice banner, you can't adjust the size of the cards below te banner apparently, whatever you do, they'll take the full page
i woud love full width for the banner, but the other cards need to be a bit smaller and there needs to be whitespace left and right, I don't quite get how lovelace ordens it's cards
wheat current
@raven nacelle this ok?
raven nacelle
your commute is longer than mine ๐
wheat current
<div class="state">
64 min
</div>
๐
Just for display purpose, my comute is from my bed to my PC~8sec ๐
raven nacelle
Lucky you
split granite
The downside is that it's really hard to have a day in which you turn up late to work because of "commute problems" ๐
wheat current
True ๐ but it still happens ๐
split granite
Damn cat
wheat current
polar kelp
Now it's really time for bed
wheat current
@polar kelp NICE! ๐๐
polar kelp
Javascript really is something entirely different from when we last crossed ways back in the early 2000s.
twilit zodiac
@polar kelp that will come in very handy!
polar kelp
I never thought I'd say this, but I kind of like it...
mild veldt
@polar kelp the mad lad did it!
@polar kelp @wheat current some top notch additions. Thanks guys!
kind shellBOT
Ludeeus is away for 56s with a message :point_right: ๐
low parcel
Lovelace has potential, saw some great lokking cards and very creative stuff from the community. But I need control on how big my cards are going to display and where. And I need a rich feature list. Not a separate custom card every time you want to do some fancy stuff. And I need it to be responsive. A separate view for mobile is so 2010 people. So leaving for now, I'll come back once I can use div styling to put my cards and elements where I want them.
polar kelp
You guys kept whining. Someone had to do it.
mild veldt
lol
polar kelp
I agree, though. It was pretty much useless before.
mossy jay
@polar kelp slider-entity-row was just what I was looking for....
mild veldt
@mossy jay did you finish your automations for the input_number just in time for it? lol
mossy jay
got tied up for at work
mild veldt
which worked to your advantage in this case, nice
mossy jay
yeah exactly
polar kelp
@low parcel search the forums for column-card
dense roost
@low parcel unfortunately I was told CSS import for anything but font import won't be a thing, so as far as I know there's no simple way to apply your own CSS styling and positioning(they should rename css import to font import). The frontend variables allow you to do very little.
@low parcel I've thought of one way to somewhat customize things. http://imgur.com/a/5TEk8Ga example of what I'm working on but I'm not good as JS so it's a slow process
@polar kelp made a great custom card called column card, my plan is to wrap the view in it, then have several variations of it to allow for positioning and other effects. @vapid field
dense roost
Is there a guide somewhere on how to pass a variable into a custom card? Similar to how you can pass a size into alarm card through scale: 15px in ui-lovelace? Giving me the error i.setConfig is not a function
mild veldt
@dense roost a configuration variable?
dense roost
Sure
mild veldt
Pretty much any custom card out there should point you in the right direction for that
this one is pretty straight forward in getting config variables: https://github.com/ciotlosm/custom-lovelace/blob/master/beer-card/beer-card.js
dense roost
in the CSS portion of the Custom Card JS file I have a css property height as height: ${cardConfig.item_height}; then later in setConfig(config) i have const cardConfig = Object.assign({}, config); if (!cardConfig.item_height) cardConfig.item_height = '250px';
if I change height back to height: 25px; then I don't get an error but it obviously doesn't pass my variable through
so is ${cardConfig.item_height} supposed to be wrapped in something?
currently the css for the card is inside this.attachShadow({ mode: 'open' }); this.shadowRoot.innerHTML = ` <style>
i'm trying to do this in a custom card by @polar kelp column-card. I've just been at it awhile.
mild veldt
I would recommend allowing all css styling
but if you just want height, use this._root.querySelector('.myContainerName').style.setProperty('height', cardConfig.item_height); where .myContainerName is the name the element you want it applied to in your HTML
๐ค that works, as I'm mostly guessing here ๐
This might be a better example to look at
dense roost
where would I put that in the JS file
i tried a bunch of places but keep getting errors
mild veldt
no idea without looking at your code. ping me something for github or hastebin and i'll try to help
buoyant skiff
or u guys can use codeshare to collab
subtle rune
@polar kelp useful-markdown-card โค๏ธโค๏ธ
dense roost
@buoyant skiff oh neat didn't know there was such a thing
buoyant skiff
.codeshare
kind shellBOT
Click on the link https://codeshare.io/GA7rWr and paste your code there. It makes it easy to collaborate and make changes in real-time.
buoyant skiff
its as simple as that
dense roost
We couldn't figure it out
steady pumice
Hi guys, I'm pretty new to Home Assistant, especially lovelace. I kind of love the way it works, and it can be improved ๐ Actually, I'm working on the picture glance card, which is really nice looking, but I'd like to add some functionnalities to it (for example, toggle on simple click, more info on double click). Do you know if there is a way to implement a double click listener ?
dense roost
You could do it with a custom card. @steady pumice
mystic root
good morning/evening all. Hungry to get started with Lovelace and have some questions regarding the development. Is the core of Lovelace still beta? I am concerned to start building in depth and have a ton of breaking changes in the future (pain of early adoption). I don't see through my reading that Lovelace is easier to adopt through a particular load of HA (Hassbian or Hass.io) other than initial load, is that correct?
split granite
There's a script (or few) for migrating your current config over, so that initial adoption is now easy
I used one of those for the heavy lifting, then went back and improved upon things with the new card types
As for being in development, there's been some minor breaking changes, but no major ones
mystic root
Thanks bud! Looks like I have a weekend of hyper focusing ahead of me
split granite
The great thing is, you can run one of the scripts, and use both in parallel while you poke around
buoyant skiff
@mystic root remember to check the pinned messages in this channel for commonly asked questions
split granite
To be fair, there's no "how stable is Lovelace" pin ๐
wheat current
Lovelace == Stable enough
split granite
Stavle? That's a new one ๐
wheat current
Demn you autocorrect...
mild veldt
@wheat current has decreasing mental stavlibility
prime umbra
sense you guys yesterday was talking about anchors, i found a ok video that the guy actually talking about it
https://youtu.be/cdLNKUoMc6c?t=7m20s
still somehow a little confusing lol in when and where to use
polar kelp
It's useful for not repeating yourself.
polar kelp
From my config (not lovelace as it happens, but still): ```yaml
input_datetime:
tod_morning:
name: Morning
<<: &time { has_time: true, has_date: false }
tod_day: { name: Day, <<: *time }
tod_evening: { name: Evening, <<: *time }
can i use service_data_template or there are no templates allowed?
serene sierra
lovefest ๐
bronze plover
Howdy all, Is there a way to show only the state of an entity in a card, or state and the icon, just not the name?
amber jewel
Is there a good place to look at screenshots of whole peoples lovelace setups
trying to convince myself to dive in to this haha
mild veldt
@bronze plover do you want it as a row in a card or a badge?
bronze plover
probably a row it is for what is open
mild veldt
@amber jewel @subtle rune and @raven nacelle have some good setups (not sure if their repos are updated with pictures)
@bronze plover https://www.home-assistant.io/lovelace/entities/
Just set the name for the entity to be blank
split granite
I've got some pictures on my GitHub, but there's no eye candy
buoyant skiff
hehe
mild veldt
- type: entities
show_header_toggle: false
entities:
- entity: sensor.is_open
name: ''
i feel mine is to personal to share on github
thats why i do my cards on sharethelove
bronze plover
@mild veldt Ok works but leaves a wide gap reserved for the name even if blank any ideas how to correct that?
mild veldt
@bronze plover what is this for exactly? things that are open in general? like doors?
@mild veldt cries to himself ๐ข
bronze plover
Yes, it is actually the alarm panel display, It shows faults
Using the alarm card but want a display of faults
mild veldt
faults? I'm not following. Is there a single "open/fault" or multiple
buoyant skiff
Thinking of expanding my greetercard with more weather forecast
bronze plover
Multiple it rotates to show what alarm faults or if ready but all I want is the rotation of faults not the entity name
mild veldt
ah, so the state is the fault?
bronze plover
Yes
bronze plover
Yes
buoyant skiff
applauds @mild veldt quick thinking :P
buoyant skiff
just realized im gonna do massive amounts of jinja on the greeter card ๐
mild veldt
- type: custom:useful-markdown-card
content: >
Current Alarm Faults: [[ sensor.alarm_faults.state ]]
@mild veldt Will Try
polar kelp
Yay! A use case!
raven nacelle
@polar kelp Looks like a small bug in the slider custom card
We should have them aligned right may be
polar kelp
Let me push some changes
There. Try the version from github now
I'm not sure it'll work better, but it might
mild veldt
that took 30 seconds...getting slow @polar kelp
polar kelp
It's some code cleanup that I made earlier, but it might change this also. I seriously have no idea, but it's worth a shot.
mild veldt
"we'll test it live"
on that note, my real prod environment at work is currently on fire...oh boy...
polar kelp
Well.. the whole thing is in beta
mild veldt
crisis averted. can get back to dicking around with lovelace ๐
polar kelp
Damn! I think I actually DID accidentaly fix the issue!
It looks good at my end, at least
raven nacelle
@polar kelp Looks good now ๐
@wheat current Seeing this for external link
Looks like name is not optional
wheat current
@raven nacelle You are correct ;)
wheat current
You wanted if to be optional?
raven nacelle
Why are the labels also linking to the URL?
wheat current
Me beeing lazy ๐
raven nacelle
Yeah, some of the variables should be optional
or it should be picked from the underlying entity
wheat current
This started as an extention of the weblink, an there all of them are required, will have a look on what I can do ๐
bronze plover
@mild veldt where is the custom markdown I lost it! github site
duh im blind found it
subtle rune
I will try to update the pictures in my github soon, I've done some changes ๐
empty heath
@mild veldt You're not in here trying to be helpful again, are you? ๐
amber jewel
@subtle rune you got a clicky to your setup?
bronze plover
@empty heath He is awesome!
empty heath
@bronze plover We told him he's not allowed to be useful!!! ๐ก HOW DARE HIM!!! ๐ [/sarcasm]
serene sierra
why i cant have same result when using style left: 2em and right: 2em or how i can achieve same result?
bronze plover
Luv it!
serene sierra
im using .png file for placing buttons and need same space from both sides i was inspired from that card https://sharethelove.io/cards/kodiremote-card
buoyant skiff
@empty heath should make a profile that cant write in the channel
that way @mild veldt can only sit on the sideline and watch ๐
empty heath
๐ Now that's just mean ๐
buoyant skiff
naaa its only @mild veldt ๐
mild veldt
Wtf
empty heath
We โค you @mild veldt!
mild veldt
Awww
buoyant skiff
267 chars on that state
:/
but i can split it
gonna have something awesome to show in a minute ๐
more like 10 min perhaps ๐
mild veldt
5 minutes to go
bronze plover
@mild veldt Ok it worked great now how to center on card??
- type: custom:useful-markdown-card
content: >
<p align="center">
[[ sensor.alarm_panel_display.state ]]
</p>
Thats not working to center??
I know now I'm asking so much!!
๐
buoyant skiff
geez that shadow dom is really kicking my ass
gilded plume
oke i have found myself another question...i want to use my own weather station (get the information by node-red in HASS) but that's only actual so i want to combine it with buienradar (dutch sensor just like weatherunderground / dark sky) but now i want to make a weather-forecast card with the actuals from my weather station but the forecast frm the other sensor. Bottem line question can i make my own yweather to serve the info for the weather-forecast card?
for the complete information for my own weatherstation i make use of weatherflow a air and sky unit ๐
buoyant skiff
BAH break-word does work
mild veldt
@bronze plover don't have an answer for you on that one. If you put it in a picture-elements you could apply css styling to it...? Maybe look into applying styles in the .js file
bronze plover
OK thanks!
upper cedar
is there any way to factor in light brightness to tap_action: toggle
buoyant skiff
think i have to rethink my idea since the shadow dom presents a problem
no way currently to break lines that are outside the box
wheat current
mild veldt
@upper cedar can you expand on that?
buoyant skiff
here is what i had planned
have that in the greeter card
but that presents a bigger challange then i expected
had to break it down into two sensors
got that working buuuut none of the css tricks to break a line when it goes over a speficed limit works
wheat current
add the content to an attribute of a sensor, and use the attribute in LL, attributes do not have a 255char limit ๐
buoyant skiff
yeah still it doesnt solve the other issue
its all one long ass line that doesnt break
@half osprey any ideas on what i can do about it ?
upper cedar
@mild veldt for example, when i tap on the icon of a lightbulb, turn it on to only 50%
mild veldt
@upper cedar what card type?
upper cedar
glance and/or picture elements
mild veldt
@upper cedar for glance set to call-service and likely you would trigger a script for the light
and you could step through brightness levels 0% -> 25% -> 50% -> 100% -> 0%
raven nacelle
@wheat current Something wrong there
wheat current
๐
raven nacelle
It put everything in the same row
subtle rune
oh noo.. I want a conditional card with a monster card in it. can't figure out how to configure
prime umbra
@polar kelp was testing your new card
- type: custom:useful-markdown-card
content: >
the current time is [[ sensor.time ]] [[ sensor.time.attributes.icon]]
the output im getting is:
any ideas why not getting the value of the time
subtle rune
@prime umbra sensor.time.state
mild veldt
@subtle rune no console errors, I take?
subtle rune
@mild veldt not in console no, but lovelace says no card type configured
prime umbra
ohh
subtle rune
Might do it the other way, first monster, then conditional with entites?
mild veldt
@subtle rune try this: https://hastebin.com/qewunuwuwe.bash
I don't think it liked the indentation, I remember something similiar happening to me
glossy birch
@buoyant skiff I use similar weather report - except I use TTS. https://github.com/skalavala/smarthome/blob/master/templates/home_status.yaml#L129-L140
glossy birch
problem is when you have too much stuff on your dashboard, it is easy to overlook critical information. TTS helps me with the critical information at real-time
@buoyant skiff to break text into multiple lines, you can use this trick https://github.com/skalavala/smarthome/tree/master/jinja_helpers#9-word-wrapping-long-text-into-multiple-lines
subtle rune
@mild veldt yeees thanks!
buoyant skiff
hmm how do i apply that to my current jinja ?
subtle rune
so simple but so hard to see
glossy birch
@buoyant skiff can you share jinja as text, and not as image?
buoyant skiff
.codeshare
kind shellBOT
Click on the link https://codeshare.io/G8V8bE and paste your code there. It makes it easy to collaborate and make changes in real-time.
glossy birch
I can't test it as I am at work, but I can write some ugly code that will surely gives you headaches
mild veldt
@buoyant skiff he's asking you to share your jinja code as text, not an image
buoyant skiff
@mild veldt open your eyes ๐
buoyant skiff
you always do
mild veldt
time to delete some messages to save face...
glossy birch
@buoyant skiff can you try that code? from codeshare.io?
buoyant skiff
sure
glossy birch
I can't test it, if that doesn't work, I will tweak things a little
of course you can set the length - it is set to 32 characters, you can change that to your needs
buoyant skiff
threw an error
glossy birch
yup - quotes issue - fixed that
you can simply cut and paste that code in the template editor - you do not have to restart your HA for every change
{% set message = "Today's weather is {{ states.weather.yweather.state }} with a temperature of {{ states.weather.yweather.attributes.temperature }}โ and the current weather alerts calls for
{{ states('sensor.outside_alerts') }} and the forecast for tomorrow is {{ states.weather.yweather.attributes.forecast[0]['condition'] }} with temperatures ranging from
{{ states.weather.yweather.attributes.forecast[0]['templow'] }}โ to {{ states.weather.yweather.attributes.forecast[0]['temperature'] }}โ" %}
{%- for item in (message | wordwrap(32, true, "|")).split("|") %}
{{item}}
{%- endfor %}
just copy and paste that code in your template editor, you should see the output right there
wheat current
@raven nacelle ๐ https://github.com/custom-cards/ext-weblink/releases/tag/0.2.1
This time I tested with two. ๐
raven nacelle
@wheat current Still not quite right
the alignment and may be there is some extra spacing
better than last time ๐
wheat current
You demand to much of me ๐
raven nacelle
Coz, I know you can deliver ๐
Put the external link entities with couple of regular entities to test it out
mild veldt
@raven nacelle do you use your phone as a device tracker? Thinking you should just have a single commute option showing. i.e. if at home, show commute to work. if at work, show commute home
glossy birch
@buoyant skiff I will do that when I get home - it hard to write without access to HA ๐
in a few hours for sure!
glossy birch
will do!
raven nacelle
@mild veldt I do use the phone as device tracker. I guess you are right, I can create a template sensor with commute time to show only the relevant commute time
wheat current
@raven nacelle https://github.com/custom-cards/ext-weblink/releases/tag/0.2.2 ๐
I hope you are using the tracker-card for these updates, and not copy+paste everytime ๐
raven nacelle
@wheat current I created a script to update all the files https://github.com/arsaboo/homeassistant-config/blob/master/update_files.sh ๐
wheat current
Aha ๐ Old school ๐
raven nacelle
still works ๐
The problem with tracker card is that it only tracks few custom cards
and I have too many custom components/cards
wheat current
did
https://github.com/custom-components/custom_updater/releases/tag/2.0.0 <--- Added the posibility to track virtually any card/component ๐
raven nacelle
Oh...that is nice