MMM-CalendarExt3

[DDE12]

@sdetweil
I’m completely lost now. I thought all of this went in config.js.

[sdetweil]

@DDE12 all of THAT goes.in config.js

but if you want to change the color of the text for the second day of the week

in custom.css

. MMM-CalendarExt3  .weekday_1 {
      color:green;
}

[bicolorbore586]

@fedale @MMRIZE @chadjohn2 I am also trying (unsuccessfully) to have the Calendar event change color depending on which name is in the title.

With the original magicmirror calendar, I’ve used
customEvents: [ {keyword: “Ben”, color: “Brown”} ], which shows the event title and associated symbol in Brown.

In EXT3, using eventTransformer, only the symbol shows in color

I’ve tried to use
eventTransformer: function(event) {
if (event.title.search(“Ben”) > -1) {
event.className = “Ben”;
}
}
with customer.css
.CX3 .Ben {
color: brown;
}

However, this then shows a blank calendar

Have any of you been successful?
Where am I going wrong?

Thanks

[MMRIZE]

@bicolorbore586
You have to return event object in eventTransformer function. When you omit ‘return’ statement in a function, implicitly it is same with ‘return null’

[bicolorbore586]

@MMRIZE have tried that, still doesn’t show anything.

eventTransformer: function(event) {
if (event.title.search(“Ben”) > -1) {
event.className = “Ben”;
return event
}
}

[mumblebaj]

@bicolorbore586 If I am not mistaken, your return goes outside the IF statement

[BKeyport]

@mumblebaj

Try this:

eventTransformer: function(ev) {
  if (ev.title.search(“Ben”) > -1)  ev.className = “Ben”;
  return ev
}

directly off the README.md :

eventTransformer: (ev) => {
  if (ev.title.search('John') > -1) ev.color = 'blue'
  return ev
}

[bicolorbore586]

@mumblebaj so that now means I can see the events again, but still not coloured how I want.

[mike23pizzo]

I’m having some issues with broadcastPastEvents: true. Past events aren’t showing up on the calendar. Below is the default calendar code and the MMM-CalendarExt3 code. As well as a screenshot.

{
			module: "calendar",
			header: "Events",
			position: "top_left",
			config: {
				fetchInterval: "1000",
				colored: true,
				broadcastPastEvents: true,
				calendars: [
					{
						name: "us_holidays",
						url: //URL//,
						symbol: "calendar-check",
						color: "#338FFF",
						broadcastPastEvents: true,
					},
					{
						name: "mikes_cal",
						url:  //URL//,
						
					},
					{
						name: "dinners",
						url:  //URL//,
						symbol: "utensils",
						color: "#FFFB21",
						broadcastPastEvents: true,
					},
				]
			}
		},

{
			module: "MMM-CalendarExt3",
			position: "bottom_right",
			weekIndex: "0",
			config: {
				broadcastPastEvents: true,
				mode: "week",
				firstDayOfWeek: "0",
				refreshInterval: "10000",
				calendarSet: ['us_holidays','mikes_cal','dinners'],
			}
		},

[sdetweil]

@mike23pizzo it’s only set before the calendars list.

what mm version are u on? fix in latest 2.20 for events being truncated

[mike23pizzo]

@sdetweil when I start MM it says Starting MagicMirror: v2.21.0.

When you mention that it’s only set before the calendars list, do you mean as long as it’s listed in the config on the default calendar it should feed down to MMM-CalendarExt3?

EDIT: It seems the past events are now showing. I didn’t change anything in the config file, so I’m not quite sure what fixed it. But as of now they are there.

[sdetweil]

@mike23pizzo yes, in the common calendar config not with each calendar/url entry

glad it’s working… past events can be a big pile

I see just fromm 2015

[DDE12]

My events are displayed in reverse chronological order in mode: “week”. Where is the setting the for this? I can post the config.js settings if necessary.

[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