Custom animated weather card for Lovelace


#191

How did you get the translation of the names of the days of the week?

EDIT:
I changed line 98 in js file to:

<span class="dayname">${new Intl.DateTimeFormat('pl-PL', {weekday: 'short'}).format(new Date(daily.date)).split('.')[0].toUpperCase()}</span>

and now names of the days are in polish.


#192

It’s incorrect. I’ve pasted this line and console was all red :wink:
This works:

<span class="dayname">${(new Intl.DateTimeFormat('pl-PL', {weekday: 'short'})).format(new Date(daily.datetime)).split('.')[0].toUpperCase()}</span>

#193

Of course, you’re right.


#194

How do you get the written forecast at the bottom of the panel? Is it a darksky thing?


#195

Sorry, I didn’t get notifications (I’ll have to check the settings for this) glad you figured out by the way


#196

I’m not sure if it’s a darksky thing, I added language on my yaml, not sure if that did it, I’ll take a look later today at my files and let you know


#197

So I tried following this and everything seems be implemented correctly, but it just doesn’t work.
I get this error in the log and the ui lovelace just pops up with a blank screen.

Error:

http://hassio:8123/local/custom_ui/weather-card.js:73:37 Uncaught TypeError: Cannot read property 'state' of undefined

Any ideas?

EDIT: Fixed!!!
I didn’t set up the yweather platform. When I did, it worked!


#198

I’ve just added this to my setup. Works and looks great. I just have 2 issues.

  1. The minimum/low temp is all listed as undefined.
  2. There is no forecast at the bottom.

Are these related to darksky not having these values?

Also, is it possible to change the hourly forecast to daily along the bottom?


#199

Thank you very much, it (almost) works. Where do I actually specify the location for the weather data? I have my latitude and longitude in the configurations.yaml but it is not giving me the weather for my location.


#200

Follow the instructions to set up yweather, specifically you need a WOEID:

https://www.home-assistant.io/components/sensor.yweather/


#201

Hi! Still no solution on blurring?


#202

Same issue with blurring here. Only in Safari though, it works fine in Chrome and Firefox.


#203

I am using native app


#204

True, in native app on iOS as well.


#205

Hi

I’m getting errors upgrading to 0.81.0 Hassio on the weather-card an also with themostat-card and some others, not with swipe card for example.

Anyone else?
Any suggestion?

Thanks


#206

is it in a vertical stack?


#207

Yes, it is.
And it was also before, working properly.


#208

there is a bug with stacks in 0.81. Hotfix 0.81.1 soon


#209

@woody4165 what @DavidFW1960 said bug with stacks getting fixed soon - next up[dater I would think


#210

Hi! Great custom card, thank you!

Is there any way to add a title to the card?