MMM-CalendarExt3

sdetweil

@Fjerdrumsmoen 1st
w default cal module, does the calendar display?
(before u comment out position)

did u try the default ext3 config?

I used the default ext3 config from doc, with the holidays
commented out calendarSet, and locale…

{
  module: "MMM-CalendarExt3",
  position: "bottom_bar",
  title: "",
  config: {
    mode: "month",
    instanceId: "basicCalendar",
   // locale: 'de-DE',
    maxEventLines: 5,
    firstDayOfWeek: 1,
    //calendarSet: ['us_holiday', 'abfall', 'mytest'],

  }
},

got
Screenshot at 2023-06-03 11-22-37.png

MMRIZE

@Fjerdrumsmoen
For google calendar you need some additional config. See the readme.md more.

Fjerdrumsmoen

Thanks. Now it shows :-)

But not with Google account.
Should i put in this code in the config.js?

preProcessor: (e) => {
  e.startDate = new Date(e.start?.date || e.start?.dateTime).valueOf()
  e.endDate = new Date(e.end?.date || e.end?.dateTime).valueOf()
  e.title = e.summary
  e.fullDayEvent = (e.start?.date) ? true : false
  return e
}

sdetweil

@Fjerdrumsmoen just use the Google url instead of the holidays… does it show in default calendar?
no… fix that

MMRIZE

@Fjerdrumsmoen
In CX3 module config not global or calendar module.

MMRIZE

1.4.0 (2023-06-04)

popover

ADDED (Experimental) Show popover of event details on click/touch (Chrome 114 or Electron 25 needed)

See https://github.com/MMRIZE/MMM-CalendarExt3/discussions/80

FIXED Clarify code for using MMM-GoogleCalendar module #78 (Thanks to @jcherniak)
UPDATED Updated CX3_Shared submodule #76 / More robust oppositeColor calculation. (Thanks to @btastic)

Preview video is here: https://github.com/MMRIZE/public_ext_storage/issues/1

luisestrada

@MMRIZE This is awesome!! Congrats!!!
Unfortunately I don’t have a touch screen but this opens a new world of possibilities for those who have.

MM19198

How do I use MMM-CalendarExt3 to show events from MMM-GoogleCalendar? I have MMM-GoogleCalendar setup and it’s displaying events. However, I tried adding MMM-CalendarExt3 to the config and it won’t display anything. Any help is much appreciated.

My config file…

{
	module: "MMM-GoogleCalendar",
	header: "Family Calendar",
	position: "top_left",
	classes: "calendar-agenda",
	config: {
		calendars: [
			{
				symbol: "calendar-week",
				calendarID: "myemail@gmail.com",
				name: "mycalendar"
			},
		],
		fade: false,
		maximumNumberOfDays: 5,
		showlocation: true,
		tableClass: "medium",
		
	}
},
{
	module: "MMM-CalendarExt3",
	position: "top_left",
	config: {
		instanceID: "I-calendar-month",
		calendarSet: ['mycalendar'],
		weeksInView: 3
	}
},

BKeyport

@MM19198 https://github.com/MMRIZE/MMM-CalendarExt3#compatible-with-randombrainstormermmm-googlecalendar

There’s a config snippet there to make it work.

MM19198

@BKeyport I appreciate the quick reply. I tried adding that but unfortunately it didn’t change anything.

Is there anything I need to do with eventNotification?

{
	module: "MMM-GoogleCalendar",
	header: "Family Calendar",
	position: "top_left",
	classes: "calendar-agenda",
	config: {
		calendars: [
			{
				symbol: "calendar-week",
				calendarID: "myemail@gmail.com",
				name: "mycalendar"
			},
		],
		fade: false,
		maximumNumberOfDays: 5,
		showlocation: true,
		tableClass: "medium",
		
	}
},
{
	module: "MMM-CalendarExt3",
	position: "top_left",
	title: "Family Calendar EXT3",
	config: {
		mode: "week",
		instanceID: "I-calendar-month",
		calendarSet: ['mycalendar'],
		weeksInView: 3,
		preProcessor: (e) => {
			if (e.start?.dateTime) {
				  e.startDate = new Date(e.start.dateTime).valueOf()
			} else if (e.start?.date) {
				  e.startDate = new Date(`${e.start.date}T00:00:00`).valueOf()
			}

			if (e.end?.dateTime) {
				  e.endDate = new Date(e.end.dateTime).valueOf()
			} else if (e.end?.date) {
				  e.endDate = new Date(`${e.end.date}T00:00:00`).valueOf()
			}

			e.title = e.summary
			e.fullDayEvent = (e.start?.date) ? true : false
			return e
		}
	}
},