Problem installing new module (beginner), CalendarEXT3 not displaying

sdetweil

@BKeyport said in Problem installing new module (beginner):

One of the most important things to do is to run npm config:check in the magicmirror directory to catch any errors in your config. Will help you follow through with some of the things Sam has mentioned here.

he did that, the error is listed as line 102… which is just before the if at the bottom…

I pasted his config in my editor to see what is going on…

Manino

@sdetweil Thanks for trying to explain for me. I started over from the beginning instead. Couldn’t see what I had done, as you said it was a jumble.

Now im stuck at, where to put the code. I do not understand how to use both the default calendar and the calendarext3 at the same time.

It’s at the “config” im stuck. https://github.com/MMRIZE/MMM-CalendarExt3

sdetweil

@Manino to use the EXT3 modules you set up the default calendar to read the ICS data and it will broadcast that out to the other modules.the EXT3 modules, Read the broadcast info and put up a different presentation

So first thing to do, is the set of the default calendar so that it reads the right ICS file that means you have to add your calendar URL to the default calendar so that it’ll get the data later we can comment out the position setting and it won’t show on the screen but it’ll still present the data for the other modules.

and then you do the EXT 3 module by itself understanding that it’s going to present the data now you can add certain parameters to the default calendar so that it knows which URL you’re talking about if there are multiples like a name or a color or but that’s all in the EXT3 documentation about what you need to do

Manino

@sdetweil

Now I got this view! Almost fantastic. I want to see the calendar under the line as 2 or 3 weeks. I can see there is a lot of config details, how do I use them?

{
module: “calendar”,
position: “top_left”,
config: {
broadcastPastEvents: true, // <= IMPORTANT to see past events
calendars: [
{
url: “https://calendar.google.com/calendar/ical/xxxxxxxx”,
name: “us_holiday”, // <= RECOMMEND to assign name
color: “red” // <= RECOMMEND to assign color
}
]
}
},
{
module: “MMM-CalendarExt3”,
position: “bottom_bar”,
title: “”,
config: {
mode: “month”,
instanceId: “basicCalendar”,
locale: ‘sv-SE’,
maxEventLines: 5,
firstDayOfWeek: 1,
calendarSet: [‘us_holiday’, ‘abfall’, ‘mytest’],
}
},

sdetweil

@Manino said in Problem installing new module (beginner):

module: “MMM-CalendarExt3”,
position: “bottom_bar”,
title: “”,
config: {
mode: “month”,
instanceId: “basicCalendar”, //<-- this isn’t set on the default calendar, best to comment out first
locale: ‘sv-SE’,
maxEventLines: 5,
firstDayOfWeek: 1,
calendarSet: [‘us_holiday’, ‘abfall’, ‘mytest’],

Manino

@sdetweil What do you mean?

module: “MMM-CalendarExt3”,
position: “bottom_bar”,
title: “”,
config: {
mode: “month”,
/ instanceId: “basicCalendar”, /
locale: ‘sv-SE’,
maxEventLines: 5,
firstDayOfWeek: 1,
calendarSet: [‘us_holiday’, ‘abfall’, ‘mytest’],
}

sdetweil

@Manino that looks good, with the open/close brace for module, {}

Manino

@sdetweil What? The screen still look the same. September then a line. I have added all my calendars now but can’t view them in the month calendar. No errror.

	module: "calendar",
		position: "top_left",
		config: {
			broadcastPastEvents: true, // <= IMPORTANT to see past events
			calendars: [
		        {
					url: "https://calendar.google.com/calendar/xxxxxxxx",
					name: "Familj", // <= RECOMMEND to assign name
					color: "red", // <= RECOMMEND to assign color
				}, 
				{
					url: "https://calendar.google.com/calendar/xxxxxxxx",
					name: "Jobb", // <= RECOMMEND to assign name
					color: "red", // <= RECOMMEND to assign color
				},
				{
					url: "https://calendar.google.com/calendar/xxxxx",
					name: "Lila kalender", // <= RECOMMEND to assign name
					color: "red", // <= RECOMMEND to assign color
				},
			]
		}
	},
	{
   module: "MMM-CalendarExt3",
   position: "lower_third",
   title: "",
   config: {
       mode: "month",
 /* instanceId: "basicCalendar", */
      locale: 'sv-SE',
      maxEventLines: 5,
      firstDayOfWeek: 1,
     calendarSet: ['Familj', 'Jobb', 'Lila kalender'],

}
},

sdetweil

@Manino do you see all the events from the calendars in the default calendar?

i am not the EXT3 author…

I start with no calendarsets in ext3

I used this and it works

      {
  module: "MMM-CalendarExt3",
  position: "bottom_bar",
  title: "",
  config: {
    mode: "month",
    maxEventLines: 5,
    firstDayOfWeek: 1,
    calendarSet: [], 
  }
},

Screenshot at 2023-09-21 09-53-49.png

Manino

@sdetweil thanks for your printscreen and your time. As what I can see, I have exactly the same config when it comes to the EXT3. Including the open/close brace. (Did’nt copy paste them last time). And now for my picture i did exactly as you.

When I have bottom_bar the EXT3 also almost drowning. How can it be so different. Can you see something?

sdetweil

@Manino I do not know @MMRIZE can u help?

Manino

@sdetweil Thanks for trying, I really appreciate it!

MMRIZE

@sdetweil @Manino
Maybe your 3 calendars might have tons of events(at least 10) since long long ago time(at least 1 year).
Past events might be too many, so all of the quota for broadcasting was already consumed by the older events.
To test it, remove 3 calendars, try ‘us-holiday’ calendar of the default config example.

If so, check maximumNumberOfDays and maximumEntries of the default calendar module.

I think it is not the bug of that module but unexpected behaviour. Generally, for past events, People will regard newer events than older events as more important. But broadcasting of this calendar module contains older events prior to newer ones.

sdetweil

@MMRIZE said in Problem installing new module (beginner), CalendarEXT3 not displaying:

. But broadcasting of this calendar module contains older events prior to newer ones.

but you could walk from end of list back to before today, and now know forward looking and past looking… keep going back to the start date of the calendar view … this is what I do with a port of your code to another platform…

Manino

@MMRIZE bad news, all my calendars are new. No old event. I’m an apple user and usually not use google calendar at all. :(

And in september it’s kind of few events.

MMRIZE

@Manino
But your picture above post shows you have Google Calendar. Could you send me the real URLs of icals? eouia0819@gmail.com
To represent your symptom, I need real data.

@sdetweil

but you could walk from end of list back to before today, and now know forward looking and past looking… keep going back to the start date of the calendar view … this is what I do with a port of your code to another platform…

AFAIK, without proper maximumNumberOfDays and maximumEntries values, the bunch of broadcasting will be filled with prior events first up to maximumEntries. So the casted payload will not contain recent newer ones.
Is something changed in default calendar?

Manino

@MMRIZE You got mail! Yes, I do have Google Calendar. And it’s all brand new for me. No old event.

MMRIZE

@Manino
I tested URL you sent me. (Green is that one. I hope this will not be too privacy things.)

{
  module: "MMM-CalendarExt3",
  position: "bottom_bar",
  config: {
    mode: 'month',
    locale: 'sv-SE',
  }
},
{
  module: "calendar",
  position: "top_left",
  config: {
    broadcastPastEvents: true,
    calendars: [
      {
        symbol: "calendar-check",
        url: "https://ics.calendarlabs.com/709/45a0bb64/Fun_Holidays.ics",
        color: "red",
      },
      {
        url: "https://calendar.google.com/calendar/ical/7a9...4/basic.ics", // <- Your real iCAL URL
        color: "green",
      },
    ]
  }
},

Manino

@MMRIZE No pivacy things, its ok thank you.

Glad to see it works for you, in that way there is’nt anything wrong with my google calendar. I appreciate you took your time and look it up!

I did copy paste your config into mine and sorry to say but it did’nt work. Then i get back to my own config again but that does’nt work either.

You can see I get the calendar into the default one. But the month is all empty. And I have to choose “lower_third” becuase on “bottom_bar” september is drowning, I can hardly see it then. Something is really wrong. Maybe I have to start from the beginning again. I mean, it works for you so something is really wrong over here.

Manino

@MMRIZE this one is from an all brand new installation of the MM and EXT3. I did end the installation with the ”npm install”. Copy paste your config into mine and got this. I’am clearly doing something wrong but I can’t undestand what to do different.