MMM-CalendarExt3

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