MMM-CalendarExt2

[pillbug22]

@SuperSense
In case you haven’t found this yet, try looking in MMM-CalendarExt2.css , then look for the CSS block for

.CX2 .period.daily .event.fullday.oneday .startDate {
  display:inline;
}

Change the “inline” to “none” and see if that does what you are looking for.

[Robertovj3]

@Sean got a question if you could help
I set up my magic mirror following all documentation. But I am having an issue with the MMM-Calendarext2 module.

I configured it how I want, the top left calendar works and shows where it should, but I can’t seem to get the monthly calendar in the bottom_bar, it just covers the whole screen layered on top of the other modules.
I have been trying on my own for a month, any help or direction would be helpful. Thanks!

I want it to look exactly like the example here: https://github.com/MMM-CalendarExt2/MMM-CalendarExt2/blob/master/doc/Configuration.md

Here is my code:

module: ‘MMM-CalendarExt2’,
config: {
calendars : [
{
name: “Jolliffe Activities”,
url: "https://calendar.google.com/calendar/ical/ //took out the rest of url.
},
],
views: [
{
mode: “upcoming”,
position:“top_left”,
title: “Jolliffe Upcoming Activities”,
},
{
mode: “month”,
position: “bottom_bar”,
title: “Jolliffe Monthly Activities”,
slotSubTitleFormat: “dddd”,
slotMaxHeight: “120px”,
monthFormat: “[Month:]MM”,},],scenes: [ { name: “DEFAULT”,views: [], },],},
},

[SuperSense]

@pillbug22 thanks for the advice. works fine! :)
(and sry for the late response)

[BKeyport]

If anyone is working on this module anymore - I’m having an interesting bug. It appears that just having the module installed is causing an issue with MM - if I don’t have MMM-CalendarExt2 enabled or in the config.js - the mirror will come up blank.

Any ideas why?

[sdetweil]

@BKeyport i believe no-one is working on the module at this time.

[Vauxdvihl]

Hello all,
one question
I was trying to filter from an ics datas and sign them to other icons, colors and so on…
But unfortunately nothing happend and i am really confused because i am sitting here for days and i really do not know the bug

{//MMM-CalendarExt2
		  module: 'MMM-CalendarExt2',
		  config: {
			locale: "de-DE",
			calendars : [
				  {
					name: "Ferien Bayern",
					url: "http://www.ecoline-media.de/ics/bayern_gf.ics",
					className: "Ferien",
					icon: "noto-v1:flag-for-germany",
				  },
				 {
					name: "Müllabfuhr",
					url: "http://localhost:8080/modules/abfallkalender.ics",
					transform: (event)=>{
										  if (event.title.search("Biotonne") > -1) { // If the event might include "Birthday" in its title,
											event.icon = "mdi-bio" // Set icon of that event to "fxemoji-birthdaycake"
											event.className = "AbfallBio"
										  }
										 
										  if (event.title.search("Restmuelltonne") > -1) { // If the event might include "Birthday" in its title,
											event.icon = "fa-solid:trash" // Set icon of that event to "fxemoji-birthdaycake"
											event.className = "AbfallRest"
										  } 
										  
										  if (event.title.search("Problemabfaelle") > -1) { // If the event might include "Birthday" in its title,
											event.icon = "emojione-monotone:biohazard" // Set icon of that event to "fxemoji-birthdaycake"
											event.className = "AbfallProb"
										  } 
										  
										  if (event.title.search("Papiertonne") > -1) { // If the event might include "Birthday" in its title,
											event.icon = "emojione-monotone:newspaper" // Set icon of that event to "fxemoji-birthdaycake"
											event.className = "AbfallPap"
										  } 
										  
										  if (event.title.search("Gelber Sack") > -1) { // If the event might include "Birthday" in its title,
											event.icon = "fa-solid:trash" // Set icon of that event to "fxemoji-birthdaycake"
											event.className = "AbfallGelb"
										  } 
										  
										  return event // Return that event.
											},//transform*/
					},

Can please somebody help me
Thanks a lot

[steverichab]

Hello,
I understand that this module currently has no one supporting it but this is a general question concerning this module(I am a total new bee)
Here is my entry into config.js and everything works fine except I see no entry from MMM-CalendarExt2. Can anyone tell me what I’m doing wrong ? The default calendar works fine with these google calendars.

{
  module: 'MMM-CalendarExt2',
  position: "top_left",
  rotateInterval: 1000*60,
  config: {
    calendars : [
      {
        url:"webcal://www.calendarlabs.com/ical-calendar/ics/76/US_Holidays.ics",
      },
    ],
views: [
          { 
            name: "view1",
            mode: "month",
            slotCount: "7",
            maxItems: "1000",
            hideOverflow: false,
            slotMaxHeight: "95px",
            monthFormat: "MMMM YYYY",
            position: "top_left",
            calendars: []
          },
        ],
    scenes: [
      {
        name: "DEFAULT",
      },
    ],
  },
},

[BKeyport]

@steverichab I’d name the calendar. The example is thus:

{
    name: "US holiday",
    className: "holiday", // This allows you to modify it in css
    url: "http://www.calendarlabs.com/templates/ical/US-Holidays.ics",
  },

Compare to a working config:

		{
			module: "MMM-Block",
			position: "top_right",
		},
		{
			module: "MMM-CalendarExt2",
			config: {
				calendars : [
					{
						url: "[private]",
						name: "Main Calendar", // Optional, Recommended
						maxItems: 99,
						scanInterval: 1000*60*1, // every minute, Appt Book, needs this speed
						beforeDays: 0,
						afterDays: 999,
						maxIterations: 999,
						forceLocalTZ: false,
					},
					{
						url: "http://www.trumba.com/calendars/seattle-seahawks-schedule.ics",
						name: "Seahawks Calendar",
						maxItems: 100,
						scanInterval: 24*60*60*1000,
						beforeDays: 0,
						afterDays: 999,
						maxIterations: 999,
						forceLocalTZ: false,
					},
				],
				views: [
					{
						mode: "daily",
						position: "top_right",
						slotCount: 99,
						timeFormat:"h:mm A",
						hideOverflow: false,
						filterPassedEvent: true,
						name: "Daily View",
						className: "remove_empty_slot",
						calendars: ["Main Calendar","Seahawks Calendar"],
						transform: function(event) {
							if (event.title.search("Recycle") > -1) {
								event.icon = "mdi:recycle";
								event.className = "lemay";
							}
							if (event.title.search("Yard Waste") > -1) {
								event.icon = "entypo-leaf";
								event.className = "lemay";
							}
							if (event.title.search("Seahawks") > -1) {
								event.icon = "fa-solid:football-ball";
								event.className = "seahawks";
							}
							return event;
						},
					},
				],
				scenes: [
					{
						name: "DEFAULT",
					},
				],
			},
		},

[rmcelwee]

My calendar flashes every 60 seconds but as far as I can tell, I have all my calendars updating every 180 seconds.

					{
			  module: 'MMM-CalendarExt2',
			  config: {
			   
				calendars : [
				  
				  {
				    className: "vacation",
					scanInterval: "1000*180",
					url: "https://calendar.google.com/calendar/ical/...",
				  },
				  {
				    className: "nights",
				    scanInterval: "1000*180",
					url: "https://calendar.google.com/calendar/ical/...",
				  },
				  {
				    className: "days",
				    scanInterval: "1000*180",
					url: "https://calendar.google.com/calendar/ical/...",
				  },
				  {
				    className: "bob",
				    scanInterval: "1000*180",
					url: "https://calendar.google.com/calendar/ical/...",
				  },
				  {
				    className: "bunny",
				    scanInterval: "1000*180",
					url: "https://calendar.google.com/calendar/ical/...",
				  },
				{
				    className: "special",
				    scanInterval: "1000*180",
					url: "https://calendar.google.com/calendar/ical/...",
				  },				    
						],
				views: [
				  {
					name: "view1",
					mode: "week",
					slotCount: 8,
					maxItems: "1000",
					hideOverflow: "false",
					//slotMaxHeight: "64px",
					slotMaxHeight: "105px",
					monthFormat: "MMMM YYYY",
					position: "bottom_bar",
					updateInterval: "1000*180",
					calendars: []
					
					 
				  },
				],
				scenes: [
				  {
					name: "DEFAULT",
				  },
				],
			  },
			},

[rmcelwee]

I would like to center the text on my events (or whatever they are called - the yellow, green, white, etc lines). I’ve tried a few things but it has not worked for me. My calendar position is “bottom_bar”.

body {
  color: #000;
}

.dimmed {
  color: #000;
}

.normal {
  color: #000;
}

.bright {
  color: #000;
}
.module.clock {
  background-color:rgba(255,255,255,0.5);
  border-radius:8px;
  padding:56px;
  }
.module.currentweather {
  background-color:rgba(255,255,255,0.5);
  border-radius:8px;
  padding:22px;
  }
.module.weatherforecast {
  background-color:rgba(255,255,255,0.5);
  border-radius:8px;
  padding:8px;
  height: 200;
  }/*
 .MMM-GooglePhotos {
  margin-top: -300px;
  margin-left: -123;
    }*/
    #GPHOTO_INFO {
	display:none;
}
  #GPHOTO_BACK {
	display:none;
}
.module.MMM-CalendarExt2 {
  background-color:rgba(255,255,255,0.5);
  height: 870px;
    }
.CX2 .weeksmark {
display:none;
}
.CX2 .vacation.fullday {
background-color:#00FF00;
color:#000;
}
.CX2 .nights.fullday {
background-color:#009DFF;
color:#000;
}
.CX2 .special.fullday {
background-color:#FF0000;
color:#000;
}
.CX2 .days.fullday {
background-color:#FFFF00;
color:#000;
}
/*.region.bottom_bar {
  text-align: center;
  }
.CX2 .days.eventTitle {
text-align:center;
}*/
  .module.MMM-EventHorizon {
  background-color:rgba(255,255,255,0.5);
  border-radius:8px;
  padding:8px;
  }/*
body {
  position: absolute;
  margin: 2;
  height: 100%;
  width: 99%;
}*/
.region.top.left {
  position: absolute;
  top: -52px;
  left: 0px;
  bottom: -2px;
  width: 270px;
  }
.region.middle.center {
  width: 100%;
  left: -15px;
  top: 640px;
}
body {
  margin: 0;
  height: 100%;
  width: 100%;
}