(I've only just got up and had breakfast)
Yeah, thanks.
The wind direction bit is "work in progress". I'm not sure I need/want such accuracy.
This next bit throws a spanner in the works.
Ok you have given me the link, but that doesn't show me their individual names.
So.... I went off searching.
I have a basic bit of code/flow with an inject
change
and they go to a template
node.
I put the icon's name in the change
and press the inject
.
I then look at the dashboard to see the icon. Or that's the idea.
It isn't working.
I'll have to look at what is going on.
Oh, something else - kind of off topic:
When I imported that flow, I got a warning about "nodes already exist in the flow".
Hmmm. Ok.
Opened a new tab and imported. Same error.
And there were quite a few tabs listed, yet I only imported 5.
Back to the weather icons.
Ok, so just thinking.
The link in the template
node you gave me is:
<link href="https://cdnjs.cloudflare.com/ajax/libs/weather-icons/2.0.10/css/weather-icons.min.css" rel="stylesheet">
That is the minimum set. .min
I've been using the ones from Paul Reed on his site.
Though this isn't the same kind of link you gave me.
https://github.com/Paul-Reed/weather-icons-lite/blob/master/css_mappings.md
Anyway, so I'm not quite getting why it isn't working.
This is the code:
Oh, I have also modified (and put back to the original with no change) I deleted the .min
to maybe point to the complete set of icons. Sorry, just in case.....
No difference. Doesn't work either way.
[{"id":"51fd0507.98a774","type":"inject","z":"e43e3902.57c4e8","name":"","repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":210,"y":3050,"wires":[["17de4414.091dcc"]]},{"id":"17de4414.091dcc","type":"change","z":"e43e3902.57c4e8","name":"Night rain","rules":[{"t":"set","p":"payload","pt":"msg","to":"<i class=\"wi-night-alt-cloudy\"></i>","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":370,"y":3050,"wires":[["530b398c.0b0738"]]},{"id":"530b398c.0b0738","type":"ui_template","z":"e43e3902.57c4e8","group":"5ed75eac.331a3","name":"","order":12,"width":3,"height":2,"format":"\n<div style=\"font-size: 48px;\"\n ng-bind-html=\"msg.payload\">\n</div>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":620,"y":3050,"wires":[[]]},{"id":"918e7bfc.d5a75","type":"inject","z":"e43e3902.57c4e8","name":"","repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":210,"y":3100,"wires":[["ff9a9b79.3aa198"]]},{"id":"ff9a9b79.3aa198","type":"change","z":"e43e3902.57c4e8","name":"Night rain","rules":[{"t":"set","p":"payload","pt":"msg","to":"<i class=\"wi-wu-nt_rain\"></i>","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":370,"y":3100,"wires":[["73da0eff.5b571"]]},{"id":"73da0eff.5b571","type":"ui_template","z":"e43e3902.57c4e8","group":"5ed75eac.331a3","name":"","order":12,"width":3,"height":2,"format":"\n<div style=\"font-size: 48px;\"\n ng-bind-html=\"msg.payload\">\n</div>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":620,"y":3100,"wires":[[]]},{"id":"b21e2569.ef1118","type":"ui_template","z":"e43e3902.57c4e8","group":"93fae10c.09faa","name":"","order":7,"width":0,"height":0,"format":"<link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\n<link href=\"https://cdnjs.cloudflare.com/ajax/libs/weather-icons/2.0.10/css/weather-icons.css\" rel=\"stylesheet\">\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"global","x":420,"y":3140,"wires":[[]]},{"id":"5ed75eac.331a3","type":"ui_group","name":"Group 2","tab":"c7a5e8aa.a9df28","order":1,"disp":true,"width":"15","collapse":true},{"id":"93fae10c.09faa","type":"ui_group","name":"Default2","tab":"273de47d.2d2bac","order":2,"disp":true,"width":"9","collapse":false},{"id":"c7a5e8aa.a9df28","type":"ui_tab","name":"Weather","icon":"dashboard","order":4,"disabled":false,"hidden":false},{"id":"273de47d.2d2bac","type":"ui_tab","name":"TEST","icon":"dashboard","order":13,"disabled":false,"hidden":false}]
Looking more at the link:
https://cdnjs.com/libraries/weather-icons
I see there is this woff
thing.
I went through a similar thing with an LCD node a while back and I have this:
me@me-desktop:~/.node-red/public/myfonts$ ls
DSEG14Modern-Italic.woff DSEG7Modern-Italic.woff
DSEG7Modern-BoldItalic.woff DSEGWeather.woff
me@me-desktop:~/.node-red/public/myfonts$ ^C
So..... Can I download that woff
thing and have them local?
Just asking.
In the mean time:
I'll try to work out why this isn't working as is.
Oh, just to (maybe) save you more time and me not bothering you more.
The output of the openweathermap node... has a field with the name icon
.
In an example I got 11d
shown to me.
Looking at the site I am using, there is no such beast. But there will/should be.
That's probably something I need to as the node makers - yes?
Just then it may save me a lot of messing around decoding the output as much as I am and greatly simplify the flow.
On the icon: 11
... What ever. I'm guessing thunderstorm and d
for day
. I don't know.