For Your Information:
as per Sam’s tip I will ignore the “not prepared” message.
For the described problem I’ve chosen the “hard” (not nice) approach:
I’ve eliminated the “intelligent” approach to set color and symbol with a functional design and have “hard” coded evere single condition.
- Not brillant, but: works.
- For my perception it is even much faster to load.
in the washup with this I finally also resolved my color problem (described in an other thread) with two very simple CSS modifications - the given guidance led to no result, I’ve T&E’rrored
.CX3A .event .title {
color: var(--calendarColor);
}
.CX3A .event .time {
color: var(--calendarColor);
}
as the appropriate items to set the color for singl events to the icon color.
The “hard” variant of my X3A module is now as folelows:
{
module: "MMM-CalendarExt3Agenda",
position: "top_left",
//header: "Wichtige Termine",
config: {
eventTransformer: (ev) => {
if (ev.title.search("Restmüll") !== -1) {ev.isFullday = [true], ev.color = "grey" }
if (ev.title.search("Papier") !== -1) {ev.isFullday = [true], ev.color = "blue"}
if (ev.title.search("Gelber Sack") !== -1) {ev.isFullday = [true],ev.color = "yellow"}
if (ev.title.search("Biomüll") !== -1) {ev.isFullday = [true],ev.color = "black"}
if (ev.title.search("Restmüll & Papier & Gelber Sack") !== -1) {ev.isFullday = [true],ev.title = "Alle Tonnen",ev.color = "fuchsia"}
if (ev.title.search("Reise") !== -1) {ev.symbol = [ "fa-solid fa-briefcase" ],ev.color = "cyan" }
if (ev.title.search("Arzt") !== -1) { ev.symbol = [ "fa-solid fa-user-doctor" ], ev.color = "red" }
if (ev.title.search("Grillen") !== -1) { ev.symbol = [ "fa-solid fa-grill-hot" ], ev.color = "red" }
if (ev.title.search("Flug") !== -1) { ev.symbol = [ "fa-solid fa-plane" ], ev.color = "Gold" }
if (ev.title.search("Urlaub") !== -1) { ev.symbol = [ "fa-solid fa-plane" ], ev.color = "Gold" }
if (ev.title.search("Krankenhaus") !== -1) { ev.symbol = [ "fa-solid fa-hospital" ], ev.color = "red" }
if (ev.title.search("Fahrt") !== -1) { ev.symbol = [ "fa-solid fa-car" ], ev.color = "cyan" }
if (ev.title.search("Auto") !== -1) { ev.symbol = [ "fa-solid fa-car" ], ev.color = "cyan" }
if (ev.title.search("Hochzeit") !== -1) { ev.symbol = [ "fa-solid fa-heart" ], ev.color = "Gold" }
if (ev.title.search("Hochzeitstag") !== -1) { ev.isFullday = [true], ev.symbol = [ "fa-solid fa-heart" ], ev.color = "Gold" }
if (ev.title.search("Abendessen") !== -1) { ev.symbol = [ "fa-solid fa-utensils" ], ev.color = "yellow" }
if (ev.title.search("Restaurant") !== -1) { ev.symbol = [ "fa-solid fa-utensils" ], ev.color = "yellow" }
if (ev.title.search("Geburtstag") !== -1) { ev.isFullday = [true], ev.symbol = [ "fa-solid fa-birthday-cake" ], ev.color = "green" }
if (ev.title.search("Workshop") !== -1) { ev.symbol = [ "fa-solid fa-screwdriver-wrench" ], ev.color = "white" }
if (ev.title.search("Service") !== -1) { ev.symbol = [ "fa-solid fa-screwdriver-wrench" ], ev.color = "green" }
if (ev.title.search("Friseur") !== -1) { ev.symbol = [ "fa-solid fa-scissors" ], ev.color = "white" }
if (ev.title.search("Rad") !== -1) { ev.symbol = [ "fa-solid fa-biking" ], ev.color = "red" }
if (ev.title.search("Fahrrad") !== -1) { ev.symbol = [ "fa-solid fa-biking" ], ev.color = "red" }
if (ev.title.search("Zahnarzt") !== -1) { ev.symbol = [ "fa-solid fa-fa-tooth" ], ev.color = "red" }
if (ev.title.search("Arzt") !== -1) { ev.symbol = [ "fa-solid fa-stethoscope" ], ev.color = "red" }
if (ev.title.search("Kino") !== -1) { ev.symbol = [ "fa-solid fa-film" ], ev.color = "blue" }
if (ev.title.search("Film") !== -1) { ev.symbol = [ "fa-solid fa-film" ], ev.color = "blue" }
if (ev.title.search("Training") !== -1) { ev.symbol = [ "fa-solid fa-book" ], ev.color = "cyan" }
if (ev.title.search("Party") !== -1) { ev.symbol = [ "fa-solid fa-ticket-simple" ], ev.color = "green" }
if (ev.title.search("Theater") !== -1) { ev.symbol = [ "fa-solid fa-ticket-simple" ], ev.color = "green" }
return ev
}, // end Eventtransformer
// useWeather: false ,
showMiniMonthCalendar: false,
//onlyEventDays: 10 -- Nur Tage mit terminen anzeigen ist in der custom.css eingetragen, DAS funktioniert...
endDayIndex: 30,
} // end config CalenderExt3Agenda
}, // End module CalenderExt3Agenda
It would be nice if I can get some information regarding background of the errors described above…
Regards,
Ralf
