MMM-CalendarExt3Agenda

MMRIZE

Append below into your custom.css

.CX3A {
  width: 300px; /* to test text-wrapping */
}


.CX3A .cellBody .fullday .event {
  width: 100%;
}


.CX3A .event .startTime::after {
  content: '';
}

.CX3A .event .title {
  order: 1;
  width: 180px; /* Adjust for your region width. Here I am using fixed value to make things simple */
  flex-grow: 1;
}

.CX3A .event .symbol {
  order: 1;
}

.CX3A .event .time.startTime {
  order: 2;
  width: 90px;  /* Adjust for your region width. Here I am using fixed value to make things simple */
  text-align: right;
}

.CX3A .event .headline {
  justify-content: space-between;
}

BKeyport

@MMRIZE nearly perfect. Thanks! (I’m tweaking minor things from this)

hogedir

Hi to all !

I just installed the module MMM-CalendarExt3Agenda which looks like very good but i’m lost in the config file ! i have an error.

Here is my setup :

I’ve done 2 tests of config.js:

TEST1 :
config.js with
{
module: “MMM-CalendarExt3Agenda”,
position: “top_left”,
},

Result : TEST OK, the module is shown.

TEST2 :
When I add t config.js

{
module: “MMM-CalendarExt3Agenda”,
position: “top_left”,
title: “My Agenda”,
config: {
instanceId: “basicCalendar”,
locale: ‘de-DE’,
firstDayOfWeek: 1,
startDayIndex: -1,
endDayIndex: 10,
calendarSet: [‘us_holiday’,],
}
},

/* default/calendar module configuration */
{
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”, // <-- specify calendar name
color: “skyblue”, // <-- if you don’t want to get color, just remove this line.
broadcastPastEvents: true, // <-- need to broadcast past events
maximalNumberOfDays: 30, // <-- how old events would be broadcasted
maximumEntries: 100, // <-- assign enough number to prevent truncating new events by old events.
symbol: ‘camera’, // <-- when you want to display simbol. If you don’t want, just set as symbol:[],
},

RESULT : error (black screen) and when i do a tail -50 /home/pi/.pm2/logs/MagicMirror-error.log I don’t see nothing special

Can someone help please?

MMRIZE

@hogedir
I cleaned your config to test.

Your quotation mark and double quotation mark seem not standard ASCII code. (It sometimes happens when you copy the codes from Text Editor, which is not for coding.)
The last bracket ] for calendars and } of module config seem missing but I think it was just a mistake when you posted the code here.

Anyway, after cleaning, it works for me.

{
  module: "MMM-CalendarExt3Agenda",
  position: 'top_left',
  title: 'My Agenda',
  config: {
    instanceId: 'basicCalendar',
    locale: 'de-DE',
    firstDayOfWeek: 1,
    startDayIndex: -1,
    endDayIndex: 10,
    calendarSet: ['us_holiday'],
  }
},

{
  module: 'calendar',
  position: 'top_left',
  config: {
    broadcastPastEvents: true,
    calendars: [
    {
      url: 'webcal://www.calendarlabs.com/ical-calendar/ics/76/US_Holidays.ics',
      name: 'us_holiday',
      color: 'skyblue', 
      broadcastPastEvents: true,
      maximalNumberOfDays: 30, 
      maximumEntries: 100,
      symbol: 'camera', 
      },
    ]
  }
},

sdetweil

@MMRIZE the quotation marks will get mangled if not wrapped in a code block. the forum code treats it as document text

if u edit it, it’s correct but copy paste from here produces wird type quotes…

hogedir

@MMRIZE thank you very much !

Now i have an issue. I try to connect a FRAMAGENDA calendar to your super module.

Framagenda is a nextcloud like agenda. So, it needs an authentification (it’s not a direct .ics).

Here is the config.js with the calendar and MMM-calendarextAgenda module config :

{	
			module: "calendar",
			position: "top_left",
		config: {
		broadcastPastEvents: true, // <= IMPORTANT to see past events
		calendars: [
			{
			url: "https://framagenda.org/remote.php/dav/calendars/calendar_1/test",
			auth: {
			    user: 'myuser28632HG4',
			    pass: 'HDDBG5nSvdjgBVFBVDFFV',
			    method: 'basic',
			      },
			name: "test", // <-- specify calendar name
			color: "skyblue", // <-- if you don't want to get color, just remove this line.
        broadcastPastEvents: true, // <-- need to broadcast past events
        maximalNumberOfDays: 30, // <-- how old events would be broadcasted
        maximumEntries: 100, // <-- assign enough number to prevent truncating new events by old events.
        symbol:[],
			},
			
		]
			}
	},

	{
  module: "MMM-CalendarExt3Agenda",
  position: "top_left",
  title: "My Agenda",
  config: {
    instanceId: "basicCalendar",
    locale: 'FR',
    firstDayOfWeek: 1,
    startDayIndex: -1,
		endDayIndex: 10,
    calendarSet: [''],
  }
  },

Result : the module works now but there is not Appointment showed, nothing is get from my framagenda calendar.

Where can i see why it doesn’t dump my calendar ? a log file ?

sdetweil

@hogedir please put your config info in a code block

paste
select the text you just pasted
and pish the button on the top , looks like this
</>

hogedir

I have the connection now after multiple tests to understand the issue.

but i think I found a bug in your module @MMRIZE.

If I connect to a very simple calendar with 5 appoinments => result : it shows the calendar in the MM without any problem.

If i connect to the same calendar but imported with much more information in it (i dumped my other calendar to it which doesn’t work with your module) => it shows NO APPOINTMENT AVAILABLE.

It’s possible the french accent we use in france could be the source of the problem, Or too much info in the ics broke the connection?

The special caracter like , : ! are ok ? or long sentence ? in the title of the appointment ?

other question : what are the others symbols than camera ?
How it works to affect the correct symbol to the right appointment? I don’t understand this feature.

==>>Where can i see the log file about your module especially please?

thanks a lot

Wenike

@hogedir Try setting the max entries for your calendar higher than the default of 100.

BKeyport

@Wenike My max is set to 20, so I doubt that’s the issue. Here’s mine that works great - with events for weeks (because I follow sports)

module: "calendar", // Built in
//position: "top_right",
config: {
	broadcastEvents: true,
	broadcastPastEvents: false,
	fetchInterval: 30000,
	maximumEntries: 20,
(Calendars follow) 

(cut)

module: "MMM-CalendarExt3Agenda", // https://github.com/MMRIZE/MMM-CalendarExt3Agenda
position: "top_center",
config: {
	showMiniMonthCalendar: false,
	instanceId: "basicCalendar",
	firstDayOfWeek: 0,
	startDayIndex: 0,
	endDayIndex: 99,
	minimalDaysOfNewYear: 1,
	animationSpeed: 0,
	useSymbol: false,
	useWeather: false,
	waitFetch: 0,
	eventTransformer: (ev) => {
		if (ev.title.search("⚾") > -1)
		ev.title = ev.title.replace("⚾️ ","");
		return ev
	},
},

@hogedir - please post your configuration and screenshots like this. You can blur if needed. Alternatively, if you want a daily repeating event for testing, feel free to use my test calendar - I’ll give you the iCal address in private.