MMM-CalendarExt2

Turtle

So, all day yesterday, I had everything working with just one calendar and the MM working find. Today, I tried adding three other calendar to the code and now I’m getting a screen that’s telling me the “Must create a config file”. I must have done some syntax wrong that I’m just not seeing. Anyone show me what I’m doing wrong? I removed my url links. Here is my whole config file code…

c/* Magic Mirror Config Sample
 *
 * By Michael Teeuw http://michaelteeuw.nl
 * MIT Licensed.
 *
 * For more information how you can configurate this file
 * See https://github.com/MichMich/MagicMirror#configuration
 *
 */

var config = {
	address: "localhost", // Address to listen on, can be:
	                      // - "localhost", "127.0.0.1", "::1" to listen on loopback interface
	                      // - another specific IPv4/6 to listen on a specific interface
	                      // - "", "0.0.0.0", "::" to listen on any interface
	                      // Default, when address config is left out, is "localhost"
	port: 8080,
	ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1"], // Set [] to allow all IP addresses
	                                                       // or add a specific IPv4 of 192.168.1.5 :
	                                                       // ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.5"],
	                                                       // or IPv4 range of 192.168.3.0 --> 192.168.3.15 use CIDR format :
	                                                       // ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.3.0/28"],

	language: "en",
	timeFormat: 12,
	units: "metrics",
	// serverOnly:  true/false/"local" ,
			     // local for armv6l processors, default 
			     //   starts serveronly and then starts chrome browser
			     // false, default for all  NON-armv6l devices
			     // true, force serveronly mode, because you want to.. no UI on this device
	
	modules: [
		{
			module: "alert",
		},
		{
			module: "updatenotification",
			position: "top_bar"
		},
		{
			module: "clock",
			position: "top_right"
		},
		{
  			module: 'MMM-CalendarExt2',
  			config: {
    				calendars : [
      					{
					name: "Turtle's Calendar"        					
					url: "",
      					},
					{
					name: "Work Calendar"
					url: "",
					},
					{
					name: "Bill Calendar"
					url: "",
					},
					{
					name: "Payday Calendar"
					url: "",
					},
    					],
    				views: [
      					{
        					mode: "weekly",
      					},
    					],
    				scenes: [
      					{
        					name: "DEFAULT",
      					},
    				],
  			},
		},
		
	]

};

/*************** DO NOT EDIT THE LINE BELOW ***************/
if (typeof module !== "undefined") {module.exports = config;}

sdetweil

@Turtle after each name: line needs to end with a comma ,

Turtle

@sdetweil said in MMM-CalendarExt2:

@Turtle after each name: line needs to end with a comma ,

@sdetweil - after putting the post up there, I saw that and added them. Also, added quotes around module name “MMM-CalendarExt2”.

But I’m still getting the same message.

Turtle

@sdetweil - wait a minute…do you mean after the name as in “Turtle’s Calendar”? I have them after each of the URL.

Turtle

@sdetweil - thank you again…I got it up and working. Just got to do some tweaking!

sdetweil

@Turtle yes.

One thing to think about, as u encounter errors, is … What did I do last?

BKeyport

@sdetweil and “config check is cool” 😏

sdetweil

@BKeyport once u know how to read it!

Turtle

I’m confusing myself with all these examples I’m looking out from the main documentation to other people’s examples. When MM starts, I get the monthly calendar the entire screen but with none of my information from any of the four calendars that I have. Also, I do get the “Upcoming” view in the top_left hand corner with only my information from “Turtle’s Calendar” but not the other calendar. Here is my code…

config: {
    				calendars : [
      					{
					name: "Turtle's Calendar",        					
					url: "",
      					},
					{
					name: "Work Calendar",
					url: "",
					},
					{
					name: "Bill Calendar",
					url: "",
					},
					{
					name: "Payday Calendar",
					url: "",
					},
    					],
    				views: [
      					{
						name: "MONTHVIEW",        					
						mode: "month",
						position: "bottom_bar",
						calendars: ["Turtle's Calendar", "Work Calendar", "Bill Calendar", "Payday Calendar"],
      					},

					{
						name: "DAILYVIEW",        					
						mode: "upcoming",
						Title: "Upcoming Events",
						slotCount: 10,
						hideOverflow: false,
						filterPassedEvent: true,
						calendars: ["Turtle's Calendar", "Work Calendar", "Bill Calendar", "Payday Calendar"],
      					},
    					],
    				scenes: [
      					{
        					name: "DEFAULT",
						views: ["MONTHVIEW", "DAILYVIEW"],
      					},
					
    				],
  			},
		},
		
	]

A Former User

@Turtle
I suspect maxItems of each view, but not confirm the reason without real ical data. send me your ical’s URL to inspect what happens. (eouia0819@gmail.com)

Turtle

@Sean said in MMM-CalendarExt2:

@Turtle
I suspect maxItems of each view, but not confirm the reason without real ical data. send me your ical’s URL to inspect what happens. (eouia0819@gmail.com)

@Sean - it was sent. Thank you!

A Former User

@Turtle

@Sean - it was sent. Thank you!

Result of Inspection.

It seems

Turtle’s Calendar - Personal Public calendars
Other 3 Calendars - Has only access allowed to Your G Suite Group.

In this case; the other 3 Calendars’ ical addresses will not be accessible from externs.

For example; Open the browser and put the URL of your “Work calendar” in the address form. It will show 404 error
In your Google Calendar settings, you can see warns.

Warning: The address won’t work unless this calendar is public.

Turtle

This weekend I’m going to be working some more on the MM especially the CSS to get the calendars the way I want. So, I’m going to be making the “custom.css” file. Which of the current “.css” file am I going to us to fill the “custom.css” file? Also, on the next updating of MM am I going to lose the “custom.css” file?

Turtle

sdetweil

@Turtle no. Custom.css is no longer tracked, so u won’t lose it. The updater script also saves it.

Custom.css starts out empty, so u add whatever u need.

BKeyport

@Turtle find what you want to modify in the existing css files, then copy them over to custom.css - example:


/* Bottom Bar Adjustments */
.region.bottom.bar {
	background-color:rgba(0,0,0,.90);
}

/* Left adjustments */
.region.left {
	text-align: center;
}

Turtle

Thank you @sdetweil and @BKeyport for the information.

BKeyport

@Sean Is there a way to center the title for “daily” view? Normally, I’d just use .css for the region, but that doesn’t work with your module.

Thanks!

A Former User

@BKeyport
@BKeyport
what kind of title? event title like this?

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

Marcel1803

Hi,
i’m looking for a daily view with 5 days in one row/line. The default for the daily-view seems to be one day per row.
Is there a possibility to show the days in one row?

I also tried the week-vie

Thanks,
Marcel

A Former User

@Marcel1803

views: [
  {
    mode: "daily",
    type: "row",
    position:"bottom_bar",
    slotCount: 5,
    ...

Maybe some additional CSS adjusting might be needed for your environment, but basic concept is that.