Customising the BOM Weather and lovelace - now in HACS

DavidFW1960 · July 26, 2019, 6:58am

Ok remove the quotes from the product id.

I also think you want IDN10064 not IDN60901

BradAU · July 26, 2019, 7:22am

Great thanks, I’d tried with and without the quotes with no success but changing the IDN did the trick.

DavidFW1960 · July 26, 2019, 7:24am

Excellent! Yeah it’s not all that intuitive and it’s different to what’s in the BOM sensor - which is why you weren’t getting any data. I might even slip that graphic into the readme.

In other news the Icon code I changed today appears to work.

BradAU · July 26, 2019, 7:28am

Yes the icons are working really well!

Thanks again for all your work.

tom_l · July 26, 2019, 7:40am

Same here. After I did a force refresh.

Thanks David.

Edit actually what are the forecast day icons supposed to be?

I have some night some day.

weather_night

DavidFW1960 · July 26, 2019, 7:44am

Yep. It was actually really simple once it hit me and I even discovered an error in the original code for a different icon… so it’s a bit scary I’m actually starting to work it out… for troubleshooting purposes anyway.
There’s only a few icons with night versions.

So when the sun goes below the horizon it will pick the night icon if there is one - otherwise it will use the same for both. So 2 of yours (Sat & Sun) are probably partly cloudy but no night icon for the rest.

tom_l · July 26, 2019, 7:48am

Yeah I just had a look.

I wonder if it’s worth throwing a fiver at mechanical turk or some service like that to create some more?

It would be worth it to me.

DavidFW1960 · July 26, 2019, 7:51am

I scoured the net for animated svg weather icons and found a few more that came with the original one other people found. There isn’t much around I found.

Well if you’re offering… I can easily integrate them now I know WTF I am doing…

tom_l · July 26, 2019, 7:54am

I am.

I’ll have a look for a design service latter tonight.

Do you have a list of icons needed?

DavidFW1960 · July 26, 2019, 8:03am

Just from the js these are the ones that map to BOM conditions:
The icon used is the second term

	  'sunny': `${this.dayOrNight}`,
	  'clear': `${this.dayOrNight}`,
	  'mostly-sunny': `fair-${this.dayOrNight}`,
	  'partly-cloudy': `cloudy-${this.dayOrNight}-3`,
	  'cloudy': 'cloudy',
	  'hazy': `cloudy-${this.dayOrNight}-1`,
	  'hazey': `cloudy-${this.dayOrNight}-1`,
	  'light-rain': 'rainy-1',
	  'windy': 'cloudy',
	  'fog': 'cloudy',
	  'foggy': 'cloudy',
	  'showers': 'rainy-3',
	  'shower': 'rainy-3',
	  'rain': 'rainy-5',
	  'rainy': 'rainy-5',
	  'dust': 'cloudy-day-1',
	  'dusty': 'cloudy-day-1',
	  'snow': 'snowy-6',
	  'snowy': 'snowy-6',
	  'storm': 'scattered-thunderstorms',
	  'stormy': 'scattered-thunderstorms',
	  'light-showers': 'rainy-5',
	  'light-shower': 'rainy-5',
	  'heavy-showers': 'rainy-7',
	  'heavy-shower': 'rainy-7',
	  'tropical-cyclone': 'tornado',

Some of them are compromises… they are in the /usr/share/hassio/homeassistant/www/icons/weather_icons folder and need static as well as animated versions. There are more there than I am using at the moment and I’ve picked what I think are the best matches.

tom_l · July 26, 2019, 8:34am

Hey Dave, are these first two correct:

	  'sunny': `${this.dayOrNight}`,
	  'clear': `${this.dayOrNight}`,

I may not fully understand but I don’t think I see corresponding icons (animated or static).

DavidFW1960 · July 26, 2019, 8:41am

That js expression evaluates to day or night and that is the same as the icon name

Yes it’s correct - they both use day.svg or night.svg

tom_l · July 26, 2019, 9:47am

Ok. I see that now. So it would seem we could do with these extra icons:

hazey-day
hazey-night
rainy-night-1 (rename rainy-1 to rainy-day-1)
windy-day
windy-night
foggy-day
foggy-night
rainy-night-3 (rename rainy-3 to rainy-day-3)
dusy-day
dusty-night

DavidFW1960 · July 26, 2019, 10:06am

Yeah that would pretty much cover it Tom… Theres’ also fiver,com, Upwork.com etc… if you’re looking for outsourcing… (Check your rainy ones though as I see a dupe? Oh you mean the icon name… yeah)

tom_l · July 26, 2019, 10:31am

Actually maybe only one for the wind. Not sure it needs day and night.

DavidFW1960 · July 26, 2019, 10:37am

Well it’s just a moon or a sun right? It’s like cloudy as well. I’ve done the best I can with what I could find but the ones you propose would be great additions and easy enough to add now.

tom_l · July 26, 2019, 10:44am

Going through what you’ve picked I think you’ve made excellent choices.

Yeah cloudy doesn’t need a sun or moon because you wouldn’t be able to see either if it was cloudy

Sure we could put a sun and moon behind the wind or dust icons I was just wondering if it was needed. I might as well ask for them I suppose.

Found a few good prospects on fiver. Writing up some design notes now.

DavidFW1960 · July 26, 2019, 11:00am

Sounds good Tom… just don’t forget to specify animated as well as static ones… Thanks for the comments re:choices… it’s all so subjective of course…

BradAU · July 27, 2019, 2:45am

Hey @DavidFW1960 I’ve been playing around with the card in my setup and love it, wondering if there is a setting to increase the margin between the forecast table and the detailed summary text at the bottom?

I’ve played with the margin settings in the lovelace.yaml and haven’t found one.

DavidFW1960 · July 27, 2019, 3:21am

There’s no easy way to do it… it’s part of the forecast block rather than a separate block. I can put a blank line before it though… done that for the next release. I’ll investigate if I can do it with a new div as well… I don’t speak fluent js