@Dizzydude
Thanks for using. And interesting challenges.
Elimination of duplicated events… hmm… but they are not LITERALLY DUPLICATED. The events are independent stuffs from different calendars and just startTime and endTime would have been the same by accident.
In those case, Many Calendar applications are using shared events so it could be managed in one calendar.
Anyway, at this moment, CALEXT2 has no method to handle shared events. Very interesting topic worth to research. but. sorry, currently not supported.
each cellSlot could have these class names so you can filter by CSS.
slot : all slots have slot as its class name.
daily, weekly, monthly, week, month, current, upcoming : mode of view
period, agenda, weekSlot, cellSlot, timelineSlot… : types of slot.
seq_0, seq_1, … : slot sequence in view
thisyear, thismonth, thisweek, today : slot relation with today.
year_2018, month_12, week_51, day_25, weekday_6, dayofyear_361, … : You can specify slot with these class names.
https://github.com/eouia/MMM-CalendarExt2/wiki/4.-Styling#slot-components
You can transform events with conditions. Read these docs.
https://github.com/eouia/MMM-CalendarExt2/wiki/Filtering-and-Sorting#transforming
https://github.com/eouia/MMM-CalendarExt2/wiki/Event-Object
It is accessible in CSS with this selector .weeksmark
So… This is not my taste, but for example.
config
{
module: 'MMM-CalendarExt2',
config: {
calendars : [
{
url: "https://www.kriftel.de/pdf-pool-formulare-etc/abfall-abfallkalender/abfallkalender-2019-2.ics?cid=1u7",
name: "Abfall",
icon: "mdi-recycle",
className: "abfall"
},
{
url: "https://api.calreply.net/webcal/f2a7a232-6014-4bf3-929a-b6b9effe3a32",
name: "MLB",
icon: "mdi-baseball",
className: "sport"
},
],
views: [
{
name: "VIEW1",
mode: "month",
calendars: [],
position:"fullscreen_below",
slotMaxHeight: "120px",
transform: (event) => {
if (event.title.search("Blaue") > -1) {
event.className = "blue"
}
return event
},
},
],
scenes: [
{
name: "TEST",
views:[],
},
],
},
},
css/custom.css
/* For weekday name to over the calendar */
.CX2 .weekSlot.seq_0 .cellSlot .slotSubTitle {
position:relative;
top:-30px;
left:40%;
}
/* cells of not this month */
.CX2 .cellSlot:not(.thismonth) {
background-color:#333;
}
/* header of cells of this month */
.CX2 .cellSlot.thismonth .slotHeader{
color:#000;
background-color:#FF0;
}
/* header of cell of today */
.CX2 .cellSlot.today .slotHeader {
background-color:#FFF;
color:#000;
}
/* style blue */
.CX2 .blue.fullday {
background-color:#00F;
color:#0FF;
}
/* style abfall */
.CX2 .abfall {
background-color:#333;
color:#3F3;
}
.CX2 .abfall.fullday {
background-color:#3E4;
color:#000;
}
/* style sport */
.CX2 .sport {
background-color:#666;
color:#F33;
}
.CX2 .sport.fullday {
background-color:#F99;
color:#000;
}
/* weeks number mark */
.CX2 .weeksmark {
background-color:#F00;
}
/* slot footer for +1/+2... */
.CX2 .slotFooter {
color:#F0F;
}
