MMM-CalendarExt3

[MMRIZE]

@DDE12
Only in week mode, does that symptom happen?
What’s your environment? (Platform, OS, Browser)

[DDE12]

@MMRIZE
Occurs in week and month modes. I am using Windows 10 and Firefox. I just tested it in Edge to see and it is in the correct order. I also looked at it Pale Moon browser (Firefox like fork) and it shows the date and reversed chrono order, but no time.

[MMRIZE]

@DDE12 @sfb

Firefox has different behaviours with Chromium-based browsers(Chrome, Edge, Whale, …) in sorting algorithms.

The quick fix is to add eventSorter to your config for MMM-CalendarExt3 module.

// In your MMM-CalendarExt3 module config
eventSorter: null,

Related issue : https://forum.magicmirror.builders/post/103041

This will be fixed on next update.

[MMRIZE]

@DDE12
For the displaying date and not-time issue;
I don’t know about the Pale Moon browser detail. It seems it has its own JavaScript Engine but is not compatible with current mainstream JS. It is still being developed prematurely, so many features which other browsers have are not implemented yet.

I found it on its homepage

It looks like Intl object(which is used to format date and time on this module) is not implemented fully yet.

[DDE12]

@MMRIZE
Thanks! eventSorter fixed it in Firefox and it corrected the order in Pale Moon. Personally, I’m not too concerned about the date thing in Pale Moon. I just thought I would try MM there and see what it looked like.

[katalopapi]

I’m a noob…

I’m trying to create a MM for my wife. I want to display my family calendar in cx3 but I’m having troubles.
I’m using mmm-googleCalendar to access my family calendar and you can see it’s working when displayed in the bottom right but for some reason won’t display in cx3:

Here’s my config:

Any ideas what I’m doing wrong? TIA

[sdetweil]

@katalopapi CX3 depends on the calendar module broadcasting the events it read. soCX3 doesn’t read the cal itself.

I don’t know if mmm-googlecalendar does the broadcast

u can setup the default calendar and not give it a position, but have it broadcast events

[katalopapi]

@sdetweil Thanks for the info:
“u can setup the default calendar and not give it a position, but have it broadcast events”
I assume you are saying I can display the family calendar using the default calendar module, is that correct? If so, do you have a pointer to start me in the right direction? I don’t see an ICAL associated with the google family calendar. I thought I needed mmm-googleCalendar for that.

“I don’t know if mmm-googlecalendar does the broadcast”
From the CX3 github readme:
Compatible with randomBrainstormer/MMM-GoogleCalendar
eventTransformer: (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
}

Do I need to add the eventTransformer code to get it to add the googleCalendar events?
Thanks

[MMRIZE]

@katalopapi
There is some tip explanation on readme doc to use with google-calendar module.

[katalopapi]

@MMRIZE Do you have any example config you could share for using mmm-googleCalendar?

[sdetweil]

@katalopapi googlecalendar doc says broadcastEvents:true

[MMRIZE]

@katalopapi
We both posted at same time, so your previous post was right.

[katalopapi]

@MMRIZE I’m getting the following error:

I assume I’m doing something wrong with the transformer since it seems to be an issue with startDate. Here’s my config:

FYI
I had to manually update MMM-GoogleCalendar.js to enable broadcastEvents. I couldn’t seem to enable via the config.js (perhaps I did something wrong).

Any ideas regarding the error? TIA

[sdetweil]

@katalopapi all you had to do was add

broadcastEvents: true,

inside the module config: {}

section

as it is a module parameter and not a MagicMirror parameter (like position, disabled or classes)

[katalopapi]

@sdetweil Thanks! I had it before the config. Works after moving it.

[katalopapi]

I’ve figured out what was causing the error. The US holiday events didn’t have the same fields as the google calendar so the transformer was messing those event us. I’ve fixed it with the following transformer:

[agrusap]

I’m on my phone sorry if this is messed up. I’m getting this error trying to use ext3 and cannot find an answer. I’m sure it’s something easy but…
Config is same as example given.
I don’t know how to post pictures so hope this helps

In dev window

Uncaught SyntaxError: unexpected token ? (Right side)

:8080/modules/MMM-calendarext3/MMM-calendarext3.js:54

[sdetweil]

@agrusap did u edit that file? never edit any module file or mm file.

ALL config goes in config.js

[MMRIZE]

@agrusap
Check your electron version(standalone) or browser version(server mode). This module is using a modern JS features, your JS engine might be somewhat outdated.

[Screwyoudriver]

I have a problem with position: “bottom_center”,

if I place it at position: “middle_center”, the calendar is the whole width of the screen.
But not at position: “bottom_center”,

Note: I moved it to bottom_bar and its fine