Problem installing new module (beginner), CalendarEXT3 not displaying

sdetweil

@Manino well, there are two problems…

calendarext3 modules use the default calendar output data , they do not read the calendar directly …
you have a jumble of old cal and ext3

    calendarSet: ['us_holiday', 'Tottenham'],
       }   // <---  this is misplaced from somewhere
       },  // <-- same here 
          {           /* default/calendar module configuration */  // <- this is default cal, shouldn't be here 
             module: "calendar",
             position: "top_left",
             config: {
             broadcastPastEvents: true, // <= IMPORTANT to see past events
             calendars: [
          {
             url: "webcal://www.calendarlabs.com/ical-calendar/ics/76/US_Holidays.ics",
             name: "us_holiday", // <= RECOMMENDED to assign name
             color: "red" // <= RECOMMENDED to assign color
      },   //<-  all the way thru here  shouldn't be here

BKeyport

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.

Once you get the things corrected to satisfy the config check, modules themselves will run at minimum (assuming all the dependencies are in place), and then you can figure out what’s wrong with your config items.

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'],

}
},