My second Magic Mirror (without a mirror)

[OldSunGuy]

@MadsChaves Very nice. What non default modules are you using?

[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.

[Leobo]

You have to rename all three calendars module. For example one with "calendar_monthly Prev’ one ‘calendar_monthly’ and one ‘calendar_monthly Next’. In your config.js you must also enter the three calendars.

{
				module: 'calendar_monthly Prev',
				position: 'top_left',
				config: {
				}
			},
{
				module: 'calendar_monthly',
				position: 'top_left',
				config: {
				}
			},
{
				module: 'calendar_monthly Next',
				position: 'top_left',
				config: {
										}
			}

[maxs]

Thanks gone a give it a try.
Update, now it works…

[Leobo]

Nice.:thumbs_up_light_skin_tone:

[earnestrichards]

Very nice mirror. I really like the framing as well as your content choices.

I’m working on copying some of what you did… I successfully installed the before-current-next month calendars. I figured out how to copy what you did with the ‘extra’ days on the beginning and end of each month. What I can’t seem to get going is how to have only the current month’s current day highlighted.

Pointer? Please.