Can't get mmm-calendarext3 - customEvents to display the changed events, or more than 9 days.

cheminge

Hello,

I am working on my very first MagicMirror, and I am having a few issues with this 3rd party module.

If anyone can help, I am having trouble with the customEvents section to show different color for different summary of a calendar event.

I have 2 problems,
1.) doesn’t change the color or symbol of the entry,

2.) I can only see yesterday, and 8 days in the future. I wanted to be able to see the entire month if possible (from the 1st to the 31st) (or even the days that are currently showing on the one month screen).

This is what I have in my config file:

let config = {
	address: "localhost",	// Address to listen on, can be:
							// - "localhost", "127.0.0.1", "::1" to listen on loopback interface
							// - another specific IPv4/6 to listen on a specific interface
							// - "0.0.0.0", "::" to listen on any interface
							// Default, when address config is left out or empty, is "localhost"
	port: 8080,
	basePath: "/",	// The URL path where MagicMirror² is hosted. If you are using a Reverse proxy
									// you must set the sub path here. basePath must end with a /
	ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1"],	// Set [] to allow all IP addresses
									// or add a specific IPv4 of 192.168.1.5 :
									// ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.5"],
									// or IPv4 range of 192.168.3.0 --> 192.168.3.15 use CIDR format :
									// ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.3.0/28"],

	useHttps: false,			// Support HTTPS or not, default "false" will use HTTP
	httpsPrivateKey: "",	// HTTPS private key path, only require when useHttps is true
	httpsCertificate: "",	// HTTPS Certificate path, only require when useHttps is true

	language: "en",
	locale: "en-US",
	logLevel: ["ERROR", "WARN", "INFO", "LOG"], // Add "DEBUG",  for even more logging
	timeFormat: 12,
	units: "imperial",
	showPeriod: "true",

modules: [
	{module: "calendar",
			fade: false,
//            maximumEntries: 10,
//            maximumNumberOfDays: 3,
            flipDateHeaderTitle: true,
			broadcastPastEvents: true,
            hideDuplicates: true,
            coloredText: true,
            coloredBackground: false,
            coloredSymbol: true,
			pastDaysCount: 35,
			wrapEvents: true,
			config: {
				calendars: [
					{
						name: "Unit Days",
						url: "https://calendar.google.com/calendar.... someurl,						
						symbol: "fire-extinguisher",
						className: "Unit Days",
						beforeDays: 60,
						afterDays: 180,
						color: "orange",
						fetchInterval: 60000, //900000 is 15 minuets
					},
				],
				customEvents: [{keyword: "1 - Unit", symbol: "fire-extinguisher", color: "red"}, {keyword: "2 - Unit", symbol: "fire-extinguisher", color: "green"}, {keyword: "3 - Unit", symbol: "fire-extinguisher", color: "blue"}],
			},
		},
	{module: "MMM-CalendarExt3",
			pages: {"ATFD - Work Calendar": "middle_center"},
			position: "middle_center",
			config: {
				mode: "month",
				firstDayOfWeek: 0,
				locale:'en-US',
				headerTitleOptions: {month: 'long'},
				fontSize: "20px",
				eventHeight: "22px",
				maxEventLines: "6",
				useWeather: false,
				displayLegend: true,
				useIconify: true,
				calendarSet: ["ATFD 3 Unit", "Unit Days"],
			}
		},	
]
};
/*************** DO NOT EDIT THE LINE BELOW ***************/
if (typeof module !== "undefined") { module.exports = config; }

sdetweil

@cheminge is this the latest MM release??

did you install the broadcast clipping fix??
https://forum.magicmirror.builders/topic/19282/version-2-30-0-calendar-fix-for-clipping-broadcast-events

also, please use the code block for any config/logs…

paste text into editor
select pasted text
hit the </> button

sdetweil

@cheminge said in Can't get mmm-calendarext3 - customEvents to display the changed events, or more than 9 days.:

customEvents: [{keyword: “1 - Unit”, symbol: “fire-extinguisher”, color: “red”}, {keyword: “2 - Unit”, symbol: “fire-extinguisher”, color: “green”}, {keyword: “3 - Unit”, symbol: “fire-extinguisher”, color: “blue”}],

those would only change the events in the calendar UI. not in Ext3…
and you are not showing the default calendar (no position setting)

cheminge

Yes, I am running the latest mmm-calendarext3, but I also ran the script as suggested. “Already up to date” comes up when I run the update for mmm-calendarext3.

The EXT3 does show the color and symbol, but not the CustomEvents. Is this because EXT3 doesn’t support that function?

I just did the broadcast clipping fix and I am still having the two problems.

I have other pages that show other calendarEXT3, and they seem to be working, I just left them out as they are not having these issues, so I made a simple config file with just this calendar, and it is still the same result.

sdetweil

@cheminge customevents in the default calendar is done at the UI , long after the events are broadcast

in Ext3 there it the eventtransformer () function to allow you to
manipulate the events before they appear

if you look at this person’s Ext3 config here
https://forum.magicmirror.builders/post/122721
you will see an example of that function in the Ext3 config

cheminge

Thank you!!!

I now have the color and symbol working!!!

now, onto issue number 2. how do I get it to show more of the events?

sdetweil

@cheminge did you put on the fix as I asked before… this is not an EXT3 fix, its a base MM fix

see https://forum.magicmirror.builders/post/122703

cheminge

Ok,

After some deep diving I realized I have broadcastPastEvents: true, in the wrong location in my config file.

I moved it down to be inside the “config” location and it now works!

Do I need to move the other items inside of the “config” location?

modules: [
	{module: "calendar",
			fade: false,
                        flipDateHeaderTitle: true,
                        hideDuplicates: true,
                        coloredText: true,
                        coloredBackground: false,
                        coloredSymbol: true,
			pastDaysCount: 90,
			wrapEvents: true,
			updateOnFetch: true,
			colored: true,
			config: {
				broadcastPastEvents: true,
				calendars: [
					{
						name: "**CalendarName**",
						url: "https://**My Google Calendar Link**.ics",
						symbol: "person-military-to-person",
						className: "**ClassName**",
						beforeDays: 30,
						afterDays: 90,
						maximumEntries: 100,
						pastDaysCount: 40,
						color: "green",
						fetchInterval: 60000, //900000 is 15 minuets
					},

sdetweil

@cheminge yes

everything BEFORE config:{
belongs to Magicmirror, and the module will not see it

ONLY stuff inside config goes to the module

config:{
..... here
}

see
https://docs.magicmirror.builders/modules/configuration.html#example

sdetweil

@cheminge did you get it working?