Calendar Ext2 - Colour Coded Events

vinlo2

I’ve looked through a bunch of posts and comments to try to figure out how to get the transform feature to work on my calendar to colour code events and change icons. All the calendars work until I add the below code and then the calendars don’t display at all. I am clearly missing something important and since I know little about coding I cannot figure out what I am doing wrong. If anyone can help this rookie, it is greatly appreciated. I have the pa_day class defined in the CSS file also. I also apologize for formatting - again, rookie.

{
   module: 'MMM-CalendarExt2',
   config: {
      scenes: [{
         name: "DEFAULT",
         views: ["Upcoming", "Calendar View"],
      }],
      views: [
         {
            name: "Upcoming",
            mode: "weekly",
            title: "All Calendar Events",
            position: "top_right",
            maxItems: 10,
            maxDays: 1,
            fromNow: 0,
            slotCount: 1,
            locale: "en",
            timeFormat: "h:mm a",
            hideOverflow: false,
            filterPassedEvent: true,
            calendars: ["SCHOOL", "FAMILY"],
         },
         {
            name: "Calendar View",
            mode: "week",
            slotSubTitleFormat: "dddd",
            slotMaxHeight: "200px",
            type: "row",
            weeksFormat: 'wo',
            position: "lower_third",
            fromNow: 0,
            slotCount: 4,
            locale: "en",
            timeFormat: "h:mm a",
            hideOverflow: false,
            filterPassedEvent: true,
            calendars: ["SCHOOL", "FAMILY"],
            transform: function (event) {
               if (event.title.search("PA day") > -1) {
                  event.icon = "noto-softball";
                  event.className = "pa_day";
               }
               return event;
            }
         }
      ],
      calendars: [
         {
            name: "FAMILY",
            url: "https://link/calendar/ical/private.ics",
            icon: "vaadin-family",
            className: "FAMILY"
         },
         {
            name: "SCHOOL",
            url: "https://link/private.ics",
            icon: "wpf-books",
            className: "SCHOOL",
         }
      ]
   }
}

sdetweil

@vinlo2 maybe the author will post…

but he has moved new function and support to MMM_CalendarExt3

vinlo2

@sdetweil Oh no, I’ve been plugging away at the outdated version? Lol. I’ll move over to ext3

sdetweil

@vinlo2 note that the Ext3 modules don’t read the calendar directly anymore… they let the default calendar do that…

so the calendar url has to be moved into the defaut calendar config

vinlo2

@sdetweil I’ll have to take some more time to look through it. Seems like a lot of it is similar. Thanks for the direction.

MMRIZE

Yes, I can tell you and it will not be so difficult but I’m not with my PC and I have only iPhone now. I can’t type precise answer at this moment, until the day after tomorrow, return from my business trip.

MMRIZE

@vinlo2

CX2 works as standalone, so you don’t need to rely on the default calendar module. You have to include the ics URL in your config of CX2 (in calendars section. Read the Manual.)
I moved to CX3, but leave CX2 as it is. If you are satisfied with CX2, just keep to use it.