MMM-CalendarExt2

Doudy

@Sean
Hello,
I just went from MMM-Calendarext to MMM-calendarExt2
By following your advice: link text
And I have a few questions:

alt text

12/04 Dim. - Pâques
It says ‘Tommorow’
Why ?
How else to translate into (french) ‘Demain’

-16/04 and 17/04
The deadline for the period is indicated: 4/19
How to modify in 19/04

-Is it possible to delete the description of the day: “lundi”, “mardi”
but leave if there is an end date on another day (period)

Thanks
:winking_face:

JohnBachini

@Doudy
Hi,

Did you manage to work out how to change from MM/DD to DD/MM ? As I have same problem.

Thanks

Doudy

I have do this :

			locale:"fr-FR",
			slotTitleFormat: "DD/MM",
			slotSubTitleFormat: "ddd",
			slotAltTitleFormat: "DD/MM",

andyriot

while using the “month” view is it possible to hide the previous/next month day slots?

I would like to only show this month Day 1 - Day 30/1

JohnBachini

@Doudy
Hi,

Did you manage to work out how to change from MM/DD to DD/MM ? As I have same problem.

Thanks

@Doudy Great, ill give that a go Thanks

SuperSense

Hi everybody,
first of all. Great Work with MM and the calendarExt2 Module.

I was wondering, is there a way to hide those date informations on fullday events in daily and upcoming view.
Crawled the through the topic, put didn’t found something.

I’m pretty sure, u have to do it with css. but i can’t figure it out. can anybody pls help me?

SARCux

@vulkandosii your screen looks very well. Can you send me your background?

BenGregg01

@Sean Is there a way to move the time to the bottom right of the event cell like in daily view, instead of it being on the left of the event title for monthly view

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%;
}

BKeyport

@rmcelwee

.CX2 .[view_mode] .eventTitle {
  text-align:center;
}

eg:

 .CX2 .daily .eventTitle {
  text-align:center;
}

rmcelwee

@BKeyport said in MMM-CalendarExt2:

 .CX2 .daily .eventTitle {
  text-align:center;
}

This is not working for me for some reason???

.CX2 .week .eventTitle {
text-align:center;
}