MMM-DWD-WarnWeather - Wetterwarnungen

[LukeCodewalker]

Hi guys !

Here’s my first MagicMirror² module which shows you weather-warnings from Deutscher Wetterdienst for your location in germany.

[card:LukeSkywalker92/MMM-DWD-WarnWeather]

Hope you’ll enjoy it ! :)

[LukeCodewalker]

Here’s a small preview:

[ostfilinchen]

Hi @LukeCodewalker! Great Module and i like it. But something is wrong with the css. If I have more than 1 Module on one position, than it’s to width. That didn’t look good.

Can u please check this?

Daniel

[LukeCodewalker]

Hey,
i did no debugging yet.
I will Check that soon and will inform you when its fixed.
Maybe you can Start an issue.

[LukeCodewalker]

Hey @ostfilinchen,
css should be fixed now.
Can you please check it?

[ostfilinchen]

@LukeCodewalker: it’s better but always the width is to great.

And now, no warnings would be loaded. It stops with “Warnungen werden geladen”. It must Display “keine Warnungen”, because there’re no warnings.

[LukeCodewalker]

@ostfilinchen : ok, now everything should be fine.
could you please check that?
Thanks for your help =)

[ostfilinchen]

now it Looks good. One Correction please. Can u Change the Headline to the Standard like calender and so on? In the pic of my post i mean the Headline “1. Bundesliga 2016/2017”.

I have commented out line 56-60 in MMM-DWD-WarnWeather.js. And in my custom.css i add these lines:

.MMM-DWD-WarnWeather div.displaytitle {
text-transform: uppercase;
font-size: 15px;
font-family: “Roboto Condensed”;
border-bottom: 1px solid #666;
line-height: 15px;
padding-bottom: 5px;
margin-bottom: 10px;
color: white;

[LukeCodewalker]

@ostfilinchen : done =)

[LukeCodewalker]

So that’s how it looks now.

[ostfilinchen]

Thanks! Great job

[LukeCodewalker]

I made some small changes to the formatting of the date. It now looks like this:

[tajno]

Nice work and thanks for shareing!

Does the german wheater forecast provide an API? Are those warnings for a special region or a general broadcast for your state (Bundesland)?

I think I have look if the Swiss guys does too, usually they provide alot of datas (ch opendata) - Need those warnings too, especially for snow/icy conditions :).

[LukeCodewalker]

Hey @tajno,
they don’t really provide an API. I did a bit of reverse engineering on their website and found that you can get a JSON file with all the warnings for Germany for a specific time.
This JSON contains warnings for all regions (Landkreise) of Germany.
If you find an API for Switzerland I can help you to implement it.

[Jopyth]

@LukeCodewalker Very interesting module, will you add this to the wiki as well?

Also why did you make a custom header? Wouldn’t it be better to use the default header functionality?

[LukeCodewalker]

@Jopyth Thank you. Yes I will add it.
Sure I will fix it soon.

[LukeCodewalker]

@weedorbeat good idea. I’ll put that on my list.

[LukeCodewalker]

@weedorbeat hey,
do you have an idea, how the warnings should show for which region they are? Just making a header for each region would not be very nice in my opinion. My first idea was to put the region in brackets behind the warning. But i definitely want to keep the appearance of the module very simple/small. Another thing I want to implement is the starting altitude of the warning (like “Schneefall ab 400m”). But there i have the same problem: I don’t had an idea how to display it with keeping the module looking nice.

[strawberry 3.141]

@LukeCodewalker to display different things in a module, i implemented kind of caroussels in a couple of my modules to show only one part per time interval e.g. 20 seconds. this will result in a small display but can handle a lot of informations. in the develop branch is a new feature to extend the header defined by the user with custom values. you could add there the region.

[LukeCodewalker]

Ok now it looks like this:

It’s using the default header functionality now.
To have more than one region you have to put the module two times in your config like

{
	module: 'MMM-DWD-WarnWeather',
	position: 'bottom_left',
	header: 'Oberbergischer Kreis',
	config: {
		region: 'Oberbergischer Kreis',
		changeColor: true,
		interval: 10*60*1000
	}
},
{
	module: 'MMM-DWD-WarnWeather',
	position: 'bottom_left',
	header: 'Kreis Deggendorf',
	config: {
		region: 'Kreis Deggendorf',
		changeColor: true,
		interval: 10*60*1000
	}
}