My second Magic Mirror (without a mirror)

MadsChaves

@OldSunGuy I used: calendar_monthly (tweaked to also show previous and next month), MMM-BackgroundSlideshow, MMM-pages, MMM-Page-Indicator, MMM-GooglePhotos,worldclock…

Leobo

Hi @MadsChaves,
Nice job. Can you explain to me how did you calendar_monthly Next and Prev do that? Please

mrdenmark

@Leobo said in My second Magic Mirror (without a mirror):

Hi @MadsChaves,
Nice job. Can you explain to me how did you calendar_monthly Next and Prev do that? Please

I was going to ask the exact same question!

MadsChaves

@mrdenmark & @Leobo - I am not a programmer but I can understand a little bit of code :) Anyways, I essentially replicated/tweaked the calendar_monthly module of Ashley M, Kirchner - big thanks (& apologies as well) to him for this module!!
This calendar_monthly is basically using the moment() function. So for the next month module I used the "moment().add(1,‘months’)"to re-define the var month variables and for the previous month I used the “moment().subtract(1,‘months’)”…and since I was going to show prev, currrent and next months at thesame time, I removed the days (grayed days) of the other months that did not belong. I also played with the font size that was pre-defined in the wrapper as well as tweaked the cssStyle. Hope this helps :)

Leobo

Thank you for your answer @MadsChaves . I do not understand about programs and code. I like this calendar_monthly module and I won’t show next month. Can you post your next month code here? Please.

MadsChaves

@Leobo Oh, if you just want the monthly calendar, checkout the calendar_monthly module by KirAsh4 under the Utility / IOT / 3rd Party / Integration modules. The same one I used.

Leobo

Sorry for asking so many, I want two calendars, one with this month and second with next month. I do not know in which place I have to integrate the moment.add (1, ‘months’). Sorry vor my bad English (translator).

MadsChaves

So sorry for the late reply…here’s an example of what I changed…
// Override dom generator
getDom: function() {

	if ((moment() > this.midnight) || (!this.loaded)) {

		var month = moment().add(1,'months');
		var year = moment().year();
		var monthName = moment().add(1,'months').format("MMMM");
		var monthLength = moment().add(1,'months').daysInMonth();

		// Find first day of the month, LOCALE aware
		var startingDay = moment().add(1,'months').date(1).weekday();

Leobo

Thank you very mutch @MadsChaves . You are the best. That works really well. Thank you for your answer.

maxs

Hi, I would like to have also 3 calendars like @MadsChaves have, but it only shows me 1 calendar, and over the hole width from the screen, so too big. Can you help me a little bit more? Greetings Maxs.