Dakboard layout for family dashboard

QuackingPlums

wip family dashboard.jpeg

Sorry for yet another boring family dashboard, but I thought I’d share the progress I’ve made so far with making MMM-CalendarExt3 look like the calendar module in Dakboard.

I haven’t decided which modules I’ll keep for sure (I was having some compatibility issues between certain combinations) but the other ones you can see here are:

Clock (standard)
Calendar (standard by invisible)
Weather (standard)
MMM-AnyList (because we use AnyList for everything)
MMM-WiFiPassword (for guests to access the wifi without bothering me)
MMM-Remote-Control (for me to issue shutdown request via my phone)

I’m looking into building the mirror/frame next, as well as the necessary modules to give me a physical safe-shutdown button and any other physical controls that might be needed, depending on how much bloat I build into this device.

I’d really like to have an alternative to the standard weather module — perhaps to look more like the Dark Skies app or even the old yellow-and-blue Meteo weather app with the graphs, but sadly I’d have to develop my non-existent node.js skills before I could even consider building my own modules.

sdetweil

@QuackingPlums see the piratesky provider also a standalone module
see https://github.com/dankerthrone/MMM-PirateSkyForecast

plainbroke

@sdetweil
Does this still function?
If so is it better than open weather forcast.?
I should say is it, more accurate. Open weather said we where supposed to get 15 inches of snow last night, maybe got 1.
I am kind of disappointed in it lately…
Looking for something better I guess.

sdetweil

@plainbroke i dont use weather much, so no idea

plainbroke

@sdetweil
Gotcha. Thanks.

com1cedric

@QuackingPlums hello, nice work ! how did you manage to make your calendar DAK like? Kind regards.

QuackingPlums

@com1cedric Hi, and thanks!

It took me a fair bit of trial and error since I’m not really an FE dev! This is the part of my custom.css that deals with MMM-CalendarExt3:
https://codeishot.com/3ukwf76l

I’ve only tested it with my specific screen and with the MMM-CalendarExt3 module in the two-week mode that is shown above. Other configs may break it — I notice that if I open the URL in a browser tab on my laptop then the red circle gets squashed, so it’s probably very much dependent on the screen size and possibly even the pixel dimensions.
I should come back and take another look at that at some point.

I also had to make a tiny tweak in the MMM-CalendarExt3.js file to allow single-character day-of-week initials, because I couldn’t work out how to change that in the config:

headerWeekDayOptions: {
    weekday: "narrow" // ##### EDITED FROM "long" #####
},

com1cedric

@QuackingPlums impressive, thank you! I am currently using calendarExt2 with satisfaction, but I will try calendarExt3 during the spring and test it. Take car and one more time, congrats for your work.