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
	}
}