MMM-OpenWeatherForecast - Replacement for MMM-DarkSkyForecast

miniashman

@stoffbeuteluwe In the custom.css i added the following:


.MMM-OpenWeatherForecast .current-conditions-wrapper .current.temperature:after {
    content: "C";
}
.MMM-OpenWeatherForecast .extra-current-conditions-wrapper  . temperature-container . high-temperature:after,
.MMM-OpenWeatherForecast .extra-current-conditions-wrapper  . temperature-container . low-temperature:after {
    content: "C";
}
.MMM-OpenWeatherForecast .forecast-item.daily .high-temperature:after,
.MMM-OpenWeatherForecast .forecast-item.daily .low-temperature:after {
    content: "C";
}

You can change “C” to “F” if needed depending on which units you want to use.

Stoffbeuteluwe

@miniashman oh thanks 🙏 I will try today …

j.e.f.f

@miniashman said in MMM-OpenWeatherForecast - Replacement for MMM-DarkSkyForecast:

@stoffbeuteluwe In the custom.css i added the following:


.MMM-OpenWeatherForecast .current-conditions-wrapper .current.temperature:after {
    content: "C";
}
.MMM-OpenWeatherForecast .extra-current-conditions-wrapper  . temperature-container . high-temperature:after,
.MMM-OpenWeatherForecast .extra-current-conditions-wrapper  . temperature-container . low-temperature:after {
    content: "C";
}
.MMM-OpenWeatherForecast .forecast-item.daily .high-temperature:after,
.MMM-OpenWeatherForecast .forecast-item.daily .low-temperature:after {
    content: "C";
}

You can change “C” to “F” if needed depending on which units you want to use.

There’s actually a slight bug in this. The CSS should be as follows (notice he removal of the sapce between the period and class names in a few places):

.MMM-OpenWeatherForecast .current-conditions-wrapper .current.temperature:after {
    content: "C";
}
.MMM-OpenWeatherForecast .extra-current-conditions-wrapper  .temperature-container .high-temperature:after,
.MMM-OpenWeatherForecast .extra-current-conditions-wrapper  .temperature-container .low-temperature:after {
    content: "C";
}
.MMM-OpenWeatherForecast .forecast-item.daily .high-temperature:after,
.MMM-OpenWeatherForecast .forecast-item.daily .low-temperature:after {
    content: "C";
}

Biebermann

One question about this, how do you get the weather warnings from the DWD displayed in German? The language is set to German “de” but these messages are displayed in English.

Unfortunately I have not found anything.

P.S. Sorry for my English :confused_face:

miniashman

@j-e-f-f Thank you. Will correct it

karsten13

@biebermann

Unfortunately I have not found anything.

https://forum.magicmirror.builders/post/89463
https://forum.magicmirror.builders/post/90002

Biebermann

@karsten13

I have already gone through the two posts.

But thanks for your answer.

P.S. now I also have the double display since today. Let’s wait and see if there will be a solution.

j.e.f.f

@biebermann There isn’t a solution. The alerts come through as-is. There seems to be no logic in place on OpenWeather’s side to return the alerts in the configured language.

Biebermann

@j-e-f-f

Ok, then there is nothing we can do for the time being.
Is that ever fixed?

j.e.f.f

@biebermann it’s something I can’t fix. It’s a problem with OpenWeather’s API. Someone previously mentioned that OpenWeather had acknowledged it was an issue and maybe it will be fixed in the future. But the alerts don’t have a language identifier associated with them so it’s not even like I could filter out the duplicates in the wrong language.

lavolp3

@biebermann A workaround would be to additionally use MMM-DWD-WarnWeather which works pretty well.

Another option could be to run the warning through the google-translate npm module which you could add to the module.
https://www.npmjs.com/package/@vitalets/google-translate-api
Might be a bit much however.

Biebermann

@j.e.f.f
Don’t stress, if it’s not possible to correct it (yet) then so be it.

@lavolp3
I had the module running, thought since it is in this module here, I could save myself another module.

Is there then the possibility to turn off the severe weather warnings completely?

lavolp3

@Biebermann

Is there then the possibility to turn off the severe weather warnings completely?

I used a css “hack” for that

Add to custom.css

.MMM-OpenWeatherForecast .weather-alert {
    display: none;
}

You can also set showSummary: false in the config but would then lose the whole summary

Biebermann

@lavolp3

Thank you, it can be so simple when you come to it.

OberfragGER

After updating to the newest version and MagicMirror 2.15 too, the UV-index produces an extra line.

How is that possible to have every icon in the same line?

A Former User

This post is deleted!

PH1TCH

@karsten13 & @Biebermann

Probably not the most elegant solution ever, but I added the following jquery code to the index.html located in the MagicMirror folder which will check every 30 seconds for the text “There” in elements of the class "weather-alert-description " and will hide the parent element (so the whole thing) if found.

Since the English alerts usually start with “There” I can hide them this way and only leave the German ones

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<script>
	setInterval(function(){ 
		$('.weather-alert-description').each(function () {
			  if ($(this).text().includes('There')) {
				$(this).parent().hide();
			  }
		})
	}, 30000);
</script>

fillilutten

I’m sorry if this is stupid - but I’m currently showing extraCurrentConditions - high/low + precipitation. And precipitation shows in “mm” and I’d prefer if it could show in % how likely it is to rain/snow that day. So I know if I should bring an umbrella or not.

Is this possible? I tried using hourly forecast + extras and set that to 12 hours interval and only show one daily. But it didn’t work.

Thanks!

rcberg3

@j-e-f-f any way to hide the wind units in the hourly and daily forecasts? I’m finding that they’re pushing onto a second line when the wind speed is greater than 2 digits. I’d be happy just to show the number and not the units.

j.e.f.f

@rcberg3 sorry, the code doesn’t currently allow for this, nor do the units have their own CSS class that you can use to hide them.

You could instead increase the width of the module in order to give the forecast a bit more space to stop the wind units from wrapping to a second line. Instructions to do so are included in the readme.