MMM-OpenWeatherForecast - Replacement for MMM-DarkSkyForecast

miniashman

@j-e-f-f Thank you it worked just the way I wanted it. Appreciate it :oncoming_fist:

Stoffbeuteluwe

@miniashman

hi… how can I get the C for Celsius behind the degree, on my mirror I only have the number …

BKeyport

Actually, I’d like the F for F#@(%**&@ stupid measurements, for mine too.

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>