MMM-CalendarExt3

sdetweil

@Rakutsi see the doc and the ext3 wiki (at the module github page)

Rakutsi

this was the solution i came up with.

eventTransformer: (event) => {
    const currentYear = new Date().getFullYear();
    const age = currentYear - event.firstYear;

    event.title = `${event.title} (${age} year)`;

    return event;
},

Chatgpt is my friend.

sdetweil

@Rakutsi awesome!

MMRIZE

@czabel said in MMM-CalendarExt3:

Do you have any insight as to how to change my CSS to get the icons to show up for every event? As I mentioned, my current setup makes my non-fullday events colored in, but this deletes the icon. The icon is still there for the real fullday events. I’d like to keep the icon, if at all possible. Thank you!

Sorry for the late reply. I was on vacation.

Append these codes to your custom.css

/* custom.css */
.CX3 .event.singleday .headline.useSymbol .symbol {
  color: var(--oppositeColor);
}

czabel

@MMRIZE said in MMM-CalendarExt3:
… Sorry for the late reply…

No problem at all, I appreciate the time you spend helping on here.

With that CSS adjustment, the events in the calendar look perfect now, thank you.

But I have a new problem that seems to have just shown up: the volleyball icon that I’m using in the eventTransformer is now being applied to the Legend somehow:

You can see the events are great (volleyball has the icon, other events are the default)

This is especially odd because in the base calendar config, I specify useSymbol: false for the “Dad” calendar, but this element is somehow getting the .useSymbol class.

Oh, I just found in a search another user that has this issue, link here