MMM-CalendarExt3 no Entries since last update

Andreas1956

Hi together,
since this afternoon, after updated Calendar and MM, Calendar looks like this no text in the colored appointments.
Any idea? thanks

Andreas1956

@MMRIZE said in MMM-CalendarExt3 no Entries since last update:

@Andreas1956
You are clicking the day cell, not event.

ok, found the event cells now.
think the problem comes from the font-awesome symbols. i removed the symbol property from all 5 calendar entries, then everything was ok but no symbols (only the standard calendar symbol)
then i added symbol:[“trash”] to the calendar garbage again - title disappeared again.

sdetweil

@Andreas1956 you mean you updated MMM-CalendarExt3??

did you npm install after git pull?

Andreas1956

@sdetweil
yes i did, no errors

MMRIZE

@Andreas1956
Share me the config and custom.css.

Andreas1956

@MMRIZE said in MMM-CalendarExt3 no Entries since last update:

@Andreas1956
Share me the config and custom.css.
custom.css all lines

body {
	/* margin: 60px;*/
	margin: 20px;
	position: absolute;
	/*height: calc(100%-120px);
	width: calc(100%-120px);*/
	height: calc(100%-60px);
	width: calc(100%-60px);
}

.CX2 .luett {
	background-color: #FF4500;
	color: #FFFFFF;
}
.CX2 .luett.fullday {
	background-color: #FF4500;
	color: #FFFFFF;
}
.CX2 .mueller {
	background-color: #7CFC00;
	color: #000000;
}
.CX2 .mueller.fullday {
	background-color: #7CFC00;
	color: #000000;
}
.MMM-Fuel .xsmall {
  font-size: 10px;
  line-height: 15px;
}

.MMM-Fuel .small {
  font-size: 15px;
  line-height: 20px;
}

.MMM-Fuel .medium {
  font-size: 25px;
  line-height: 30px;
}

.MMM-Fuel .large {
  font-size: 55px;
  line-height: 55px;
}

.MMM-Fuel .xlarge {
  font-size: 65px;
  line-height: 65px;
}
.MMM-RTSPStream .innerWrapper {
  position: relative;
  width: 352px; /* Video width + 2*border + 2*padding */
  height: 242px;
  border: 0px solid white;
}

config.js only lines of calendar module

		{
			module: "calendar",
			// position: "top_left",
			config: {
				maximumEntries: 100,
				fetchInterval:600000,
				broadcastPastEvents: true,
				calendars: [
				{
					name: "Luett",
					//className: "luett",
					url: "https://calendar.google.com/calendar/ical/TOPSECRET/basic.ics",	
					color: "red",
					//calendarSeq: 1,
					symbol: ["house"]
				},
				{
					name: "Mueller",
					//className: "mueller", 
					url: "https://calendar.google.com/calendar/ical/TOPSECRET/basic.ics",	
					color: "green",
					//calendarSeq: 2,
					symbol: ["bed"]
				},
			
				{
					name: "Termine",
					url: "https://calendar.google.com/calendar/ical/TOPSECRET/basic.ics",
					color: "blue",
					//calendarSeq: 3,
					symbol: ["clock"]					
				},
				{
					name: "Garbage",
					url: "https://calendar.google.com/calendar/ical/TOPSECRET/basic.ics",	
					color: "grey",
					//calendarSeq: 4,
					symbol: ["trash-alt"]
				},
				{
					name: "Gezeiten",
					url: "https://calendar.google.com/calendar/ical/TOPSECRET/basic.ics",
					//color: "blue",
					//calendarSeq: 5,
					symbol: ["water"]
					
				},
				{
					name: "Feiertage",
					url: "https://calendar.google.com/calendar/ical/TOPSECRET/basic.ics",
					color: "brown",
					symbol: ["tree"]
				},
						]
			}
		},

{
			module: "MMM-CalendarExt3",
			position: "middle_center",
			title: "",
			config: {
				mode: "week",
				weekIndex: 0,
				weeksInView: 4,
				instanceId: "basicCalendar",
				locale: 'de-DE',
				//useSymbol: false,
				maxEventLines: 4,
				firstDayOfWeek:1,
				//CalendarSet: ["Luett", "Mueller", "Termine", "Garbage", "Gezeiten", "Feiertage" ],
				CalendarSet: [],
			}
		},
{

MMRIZE

@Andreas1956
Not tested yet… but .CX2 in css/custom.css ???

MMRIZE

@Andreas1956
I checked your config and css but nothing seems wrong.
From which version were you updated to new one? (I think you cannot remember, but how long has it been since the previous update?)
Anyway, I think you may have missed something in the last update.

Go to the CX3 module directory, then;

git pull
npm update

I doubt you may miss npm update part in your last update process.

If it still does not work, do this in your CX3 module directory

git submodule update --init --recursive

Still not working; remove the CX3 directory and then reinstall again.
Still not working; let’s discuss deeper.

Andreas1956

@MMRIZE
ok, thanks
if i have an updatenotification, i do it same or next day
now

did Points 1.-3.,
changed .cx2 to .cx3 in css
updated magicmirror too
startet all new
checked my google calendars - everything ok. on iPhone and iPad
tried to remove the color property from one calendar entry

what i forgot to say, it’s running under windows11 (but since end of March 2023 without any problems)

Same as in screenshot, no text, only colored blocks for appointments

MMRIZE

@Andreas1956
OK. Look inside deeper.

Execute MM as dev mode.

If you are using pm2, stop it first.
In your MM directory, run this script.

npm run start:dev

Or alternatively, After MM’s normal execution, Ctrl + Shift + i (Or Alt+F12, it could be different by your system environment), Anyway, open the dev-console on the browser/client with hotkeys.
It will open this kind of dev-console as a side panel.

At the panel, you can see Elements or Console tab. Go to Elements Tab.

There would also be cursor icon (left side of the Elements Tab mark); select it and click to any event element

Now, the side Elements tab will focus on the HTML code for the element you clicked.
navigate into the title element

Check whether proper text exists there.

And See the Styles tab.(Somewhere in the side panel. Usually below the Elements window)

You can see there are --calendarColor and oppositeColor attributes there. And there is no other overridden colors.

Or you can check this in Computed tab.

There are some calculated results for the style.

Could you find any suspicious things on watching your case?

Andreas1956

@MMRIZE
Thanks, a lot of Information event =true on 19th but nothing like title
I will check for warnings or errors tomorrow