Weatherunderground - currently - hourly - daily - configurable

[RedNax]

@jagerpower Think i found the issue. The module name on github was Wunderground while it should have been MMM-Wunderground (i’ve now renamed it on git). Since you have MMM-Wunderground in your config.js the MagicMirror can’t find it as the module dir you have is just named Wunderground…

Quick fix (i hope) is to rename the dir…

[jagerpower]

@RedNax you renamed it to MMM-WunderGround but in the config it is MMM-Wunderground, (g,G) does this matter?

[RedNax]

@jagerpower Maybe, i’ve renamed the git again just to be sure :)

[jagerpower]

@RedNax ok i fixed the black screen, i changed MMM-Wunderground in the config to MMM-WunderGround, but i now it says loading

[RedNax]

@jagerpower Anything on F12/console?

[jagerpower]

@RedNax
1 error

[RedNax]

@jagerpower Doing a vanilla install… but it’s slow. BEfore you edited your post it showed IUTRECHT148 as your chosen pws… Is that correct? THe wu api returns an error on it.

[jagerpower]

@RedNax yes that is correct

[jagerpower]

@RedNax /* Magic Mirror Config Sample

       {
		module: 'MMM-WunderGround',
		position: 'top_right',  // This can be any of the regions.
                                // Best results in left or right regions.
    		config: {
		// See 'Configuration options' for more information.
        			apikey: '+++++++++++', // private; don't share!
        			pws: 'IUTRECHT148;loctype:1',
        			lang: 'NL', 
        			fctext: '1',
                		fcdaycount: "5",
            		fcdaystart: "0",
            		hourly: '1',
            		hourlyinterval: "3",
                		hourlycount: "2"
			}
	},
]

[RedNax]

@jagerpower Could you omit the loctype ie: IUTRECHT148 without the :loctype:1

[jagerpower]

@RedNax it’s still stuck on loading

[RedNax]

@jagerpower try setting pws to ‘pws:IUTRECHT148’ in your config:

pws: 'pws:IUTRECHT148',

[jagerpower]

@RedNax Thank you for this module and help, it works now

[RedNax]

@jagerpower Thanks and enjoy!!

[jagerpower]

@RedNax

is there a way to remove the time? and get more days (like weather forecast from sunday to saterday?)

[pugsly]

Thanks for all the help, its working now with the correct directory and icons in the directory and icon settings in the config.js file.

I didn’t realize that the bit temp was also part of this module so I don’t need to call the original weather module for that ether.

Great work!!!

[CommanderB]

Love this. Thanks. There are a couple of issues I’m working through, trying to help fix. The first is that beaufort icon isn’t showing because this isn’t defined in the CSS files. I would expect it to be in weather-icons-wind.css but its not.

Adding the definitions -

.wi-wind-beaufort-0:before {
  content: "\f0b7";
}
.wi-wind-beaufort-1:before {
  content: "\f0b8";
}
.wi-wind-beaufort-2:before {
  content: "\f0b9";
}
.wi-wind-beaufort-3:before {
  content: "\f0ba";
}
.wi-wind-beaufort-4:before {
  content: "\f0bb";
}
.wi-wind-beaufort-5:before {
  content: "\f0bc";
}
.wi-wind-beaufort-6:before {
  content: "\f0bd";
}
.wi-wind-beaufort-7:before {
  content: "\f0be";
}
.wi-wind-beaufort-8:before {
  content: "\f0bf";
}
.wi-wind-beaufort-9:before {
  content: "\f0c0";
}
.wi-wind-beaufort-10:before {
  content: "\f0c1";
}
.wi-wind-beaufort-11:before {
  content: "\f0c2";
}
.wi-wind-beaufort-12:before {
  content: "\f0c3";
}

to MMM-WunderGround.css fixes this.

[CommanderB]

The next issue is that the config variable hourlyInterval gets ignored. This can be fixed by changing line 238 to

var forecast = this.hourlyforecast[f * this.config.hourlyinterval];

[RedNax]

@CommanderB Thanks for cleaning up my messes! :)

The icons you seek are in the included weather-icons.css. I do agree you’d expect them in weather-icons-wind.css
However it’s entirely possible that MM uses the one weather-icons included in the vendor dir first. They’re not in that one.

.wi-wind-beaufort-0:before {
  content: "\f0b7";
}
.wi-wind-beaufort-1:before {
  content: "\f0b8";
}
.wi-wind-beaufort-2:before {
  content: "\f0b9";
}
.wi-wind-beaufort-3:before {
  content: "\f0ba";
}
.wi-wind-beaufort-4:before {
  content: "\f0bb";
}
.wi-wind-beaufort-5:before {
  content: "\f0bc";
}
.wi-wind-beaufort-6:before {
  content: "\f0bd";
}
.wi-wind-beaufort-7:before {
  content: "\f0be";
}
.wi-wind-beaufort-8:before {
  content: "\f0bf";
}
.wi-wind-beaufort-9:before {
  content: "\f0c0";
}
.wi-wind-beaufort-10:before {
  content: "\f0c1";
}
.wi-wind-beaufort-11:before {
  content: "\f0c2";
}
.wi-wind-beaufort-12:before {
  content: "\f0c3";

[pugsly]

if you put a copy of weather-icons-wind.css into the vendor/weather-icons folder that should fix it.