MMM-CalendarExt3

[sdetweil]

@MMRIZE as this is the 3rd or 4th time users have had trouble with this
you should put out a debugging message

unable to locate calendar with name property equal to “???”

maybe list the names you found…

[luisestrada]

Hi @sdetweil @MMRIZE

This used to be possible before, but after implementing the weather icons, it stopped working. It’s not a big deal but it’s a nice to have feature.

As you know, MagicMirror uses a very old version of Font Awesome. I updated mine to the most recent version and it now includes the Canadian flag and many other brand icons. Unfortunately, for brands, you have to use “fas” or “fa-solid”, and for brands you have to use “fab” or “fa-brands”. I solved this by tweaking the code in calendar.js and config.js. I also tried to do the same in MMM-CalendarEXT3.js, line 242, but when I try to update config.js calendar module, the calendar shows no data. The reason, because MMM-CalendarEXT3 module does not accept spaces in symbol.

CalendarEXT3.js, line 242:

symbol.className = "fa fa-fw fa" + s;

config.js, for birthday calendar

symbol: "s fa-cake-candles",

config.js, for Canadian holidays

symbol: "b fa-canadian-maple-leaf",

The space breaks my code, I wanted to choose either “b” or “s” in the symbol field

How the icons look in the native calendar

Unfortunately, not allowing spaces, forces me to decide which one to use or “fas” or “fab”

[MMRIZE]

@luisestrada
Maybe line 472-473 needs to be modified to allow ‘fa-brand’ instead of fixed ‘fa-solid’. I’ll check in a few days.

[MMRIZE]

@luisestrada

I fixed. Update your module.
I don’t know your code modification, so I applied these syntaxes.

/* In your default calendar config */
symbol: ['fa-brands fa-canadian-maple-leaf'],
/* or */
symbol: ['brands canadian-maple-leaf'],
/* of course below are also allowed */
symbol: 'brands canadian-maple-leaf',
/* But if you want multi-icons, use array */
symbol: ['brands google-drive', 'solid calendar'],

[BKeyport]

@MMRIZE

any idea why I can’t use this icon in this situation to set it up?

https://fontawesome.com/v5/icons/bowling-pins?s=solid

module: "calendar", // Built in
//position: "top_right",
config: {
	broadcastEvents: true,
	broadcastPastEvents: false,
	fetchInterval: 30000,
	maximumEntries: 20,
	customEvents: [{keyword: 'bowling', symbol: 'bowling-pins'}],
... 

Do I need to do the transform on your side, is it something else?

it does work with other icons, like “user”

thanks!

[MMRIZE]

@BKeyport
I have no idea why this “bowling-pins” icon would not appear. maybe font-awesome CSS version issue?"

[luisestrada]

@BKeyport It’s a Pro icon, do you pay for it?

[BKeyport]

@luisestrada ahh, that must be it. Although I’ve had pro icons before.

[luisestrada]

Thank you very much.

It took me some time to figure out that I could use symbol: “blank”, to not to show any icon, I was getting an error because before, I was using symbol: null :beaming_face_with_smiling_eyes:

It’s working exactly as I wanted :)

[MMRIZE]

Small news.
Now it could get the events from randomBrainstormer/MMM-GoogleCalendar module also.

[nmacd]

@MMRIZE Thank you all for your help! I got fresh copies of everything and was more careful when making changes, it now works which is great. The new issue I am having is it’s only displaying 11 appointments, 10 Google calendar and 1 US Holiday. When I delete an event the next one later down the calendar shows up. Is there a setting to set the max entries or something to that nature?

[nmacd]

@nmacd My bad just found it, the default calendar had the limit, all set thanks again

[techlady]

Hi
I would like to know how to make the calendar smaller. As you can see in the picture, my tv is in portrait, and the calendar takes up a lot of space. Where and what changes in custom css could I make to make it smaller and more rectangular? Thank you.

[MMRIZE]

@techlady
Adjust ‘maxEventLines’ and ‘eventHeight’. The heighr of day cell would be calculated by maxEventLines x eventHeight.

[KD]

Hi Guys,

Just installed a brand new MM instance and downloaded the latest MMM-CalendarExt3 but for some reason i get no entries from my google calendars…

I get entries if i setup MMM-CalendarExt2 or the default calendar but not on MMM-CalendarExt3…

Here is my Config

{
  module: "MMM-CalendarExt3",
  position: "bottom_center",
  config: {
    mode: "month",
    instanceId: "basicCalendar",
    locale: 'en-UK',
	fontSize: '25px',
	refreshInterval: 10000,
    maxEventLines: 5,
    firstDayOfWeek: 1,
    calendarSet: ["KD", "Tini"],
		}
	},
	{
  module: "calendar",
  config: {
    broadcastPastEvents: true, 
    calendars: [
	{
			name: "KD",
			className: "KD",
			url: "https://calendar.google.com/calendar/ical/basic.ics",
			color: "green"
		},
		{
			name: "Tini",
			className: "tini",
			url: "https://calendar.google.com/calendar/ical/basic.ics",
			color: "pink"
		},
	]
	}
      },

[sdetweil]

@KD if you use the calendar url in a browser, it should download a file, just text. you an edit that to see if there are events

[KD]

@sdetweil Hi there - i can download the file by putting the URL in the browser and open it in Outlook and see the events…

Also, I use both URL’s in another 2 magic mirrors I have in the house… I’m confident it’s not the URL’s

[sdetweil]

@KD ok, this looks like the bug I introduced in 2.20. fixed in 2.21, October 1

broadcastPastEvents loads up the past events then the new, and the bug cuts off after the 1st maximumEntries

so u have to increase maximum entries

[KD]

@sdetweil Thanks Sam - do you mean “maxEventLines”?

If yes I have set them up to 10 now and still nothing

  module: "MMM-CalendarExt3",
  position: "bottom_center",
  config: {
    mode: "month",
    instanceId: "basicCalendar",
    locale: 'en-UK',
	fontSize: '25px',
	refreshInterval: 10000,
    maxEventLines: 10,
    firstDayOfWeek: 1,
    calendarSet: ["KD", "Tini"],
		}
	},

[sdetweil]

@KD no in the base calendar module. default
maximumEntries defaults to 10,
that is where you have broadcastPastEvents:true