How do I run it in debug mode? I don’t see that on github page.

@sdetweil said in Display monthly calendar and entries:

@cheapdad populate from a website… yes, google is a website.

the url needs to download an ICS file, which is what the calendar module reads to get the events

as for calendar-monthly

https://github.com/KirAsh4/calendar_monthly

that one appears JUST to draw the rectangular calendar box. no actual entries

That’s interesting because I thought I had it working in a long lost iteration of my config.js. All I’m looking for is the current month’s calendar, not any entries, i.e., the 4th is a thursday, etc. Any suggestion on how to accomplish that?

@cheapdad said in Display monthly calendar and entries:

        {
          symbol: "calendar-check",
          url: "webcal://www.calendarlabs.com/ical-calendar/ics/76/US_Holidays.ics"
        }

By way of update, I’ve continued to work on this and think I’ve figured out that if I change the above URL to the one I want to populate from a website, it solves my problem. I still need to figure out how to add the second Iphone calendar and the monthly.

In my MM, I’d like to display a current monthly calendar and then the entries below. I added the “calendar monthly” module but it does not display. Here’s my code"

{
        module: "calendar",
        header: "US Holidays",
        position: "top_left",
        config: {
          maximumEntries: 6,
          maximumNumberOfDays: 90,
          limitDays: 0,
          displaySymbol: true,
          defaultSymbol: "calendar",
          maxTitleLength: 25,
          maxLocationTitleLength: 25,
          maxTitleLines: 3,
          maxEventTitleLines: 3,
          fetchInterval: 300000,
          animationSpeed: 2000,
          fade: true,
          urgency: 7,
          timeFormat: "relative",
          dateFormat: "MMM Do",
          dateEndFormat: "LT",
          fullDayEventDateFormat: "MMM Do",
          getRelative: 6,
          fadePoint: 0.25,
          tableClass: "small",
          calendars: [
            {
              symbol: "calendar-check",
              url: "webcal://www.calendarlabs.com/ical-calendar/ics/76/US_Holidays.ics"
            }
          ],
          titleReplace: {
            "De verjaardag van ": "",
            "'s birthday": ""
          },
          locationTitleReplace: {
            "street ": ""
          },
          symbol: 'birthday-cake',
          url: 'http://localhost:8080/MMM-iCloud-Client/birthdays',
          broadcastEvents: true,
          showLocation: false,
          displayRepeatingCountTitle: false,
          wrapEvents: false,
          wrapLocationEvents: false,
          showEnd: false,
          hidePrivate: false,
          hideOngoing: false,
          hideTime: false,
          colored: false,
          coloredSymbolOnly: false,
          sliceMultiDayEvents: false,
          broadcastPastEvents: false,
          nextDaysRelative: false,
          selfSignedCert: false,
          customEvents: [],
          excludedEvents: []
        },
        order: "3"
      },
      {
        module: "calendar-monthly",
        order: "2",
        position: "top_left",
        config: {
          initialLoadDelay: 0,
          fadeSpeed: 2,
          showHeader: true,
          cssStyle: "block",
          tableClass: "small",
          updateDelay: 5,
          debugging: false
        },
        disabled: false
      },

#2, I added this code, but can’t remember what it’s for and it’s not in my language:

          titleReplace: {
            "De verjaardag van ": "",
            "'s birthday": ""
          },
          locationTitleReplace: {
            "street ": ""
          },

Can anyone give some insight into what it is/does?

Lastly, I’ve reviewed several of threads on adding calendars and, frankly, I’m confused. In the “events” portion of the default calendar, I’d like to display the contents of an Iphone (ical?) calendar and a calendar that would populate from a website. Both would obviously need a username/password to access. Could someone please provide me an example of config lines to do so?

CheapDad

Hi all! After taking a coding break to physically assemble my mirror, I’m doing the final coding to wrap this project up. For context, it is for my college-aged child who is NOT a CS major.

I think MM-Remote Control is very useful, but all it displays is a hyperlink to the mirror. I’d like to use MM-QR Code to display that hyperlink in QR form.

I’ve found that I can add a source for the QR code:

{
      module: "MMM-QRCode",
      position: "middle",
      config: {
           text: "http://cnn.com"
      }
}

Rather than display static text, how can I get it to display the output of MM-Remote Control?

CheapDad

I’d like the newsfeed to appear in the lower right corner of my MM. I have it set to bottom_right, but that simply left justifies it. I also have word wrap enabled.

In short, I’d like it appear in a box similar to weather or the calendar, with both the article title and description wrapping as needed. I realize that I likely have to reduce the font to accomplish that as well.

Can anyone give me a head start?

CheapDad

:grinning_face_with_sweat:

@sdetweil You’re right, better reading comprehension needed. I made the edits but the text is still simply right justified:

		{
			module: "newsfeed",
			position: "bottom_right",
			config: {
				feeds: [
					{
						title: "CNN News Headlines",
						url: "http://rss.cnn.com/rss/cnn_topstories.rss",
					}
				],
				wrapTitle: true,
				wrapDescription: true,
				showSourceTitle: true,
				showPublishDate: true,
				broadcastNewsFeeds: true,
				broadcastNewsUpdates: true
			}

I’m trying to clear out the center of my MM, so I’d like to move the newsfeed to either the left or right. Unfortunately, when I change it to “bottom_right” all that really does is right-justify the text. I’d like the newsfeed to word wrap, so it appears like calendar or weather does. Is that possible in custom css?

@sdetweil Thank you!

Is it possible to have the default compliments module display one compliment and then fade to black? Ideally, it would display a compliment either on start or on waking up via a PIR sensor.

I don’t see that as an option in the documentation.

@sdetweil This works if you know your IP address. My daughter will take this to college with her, so I’m not sure she will know the IP address the dorm assigns her. I also don’t know if DHCP will change over the course of the semester.

Or am I misunderstanding your suggestion?

I have a related question. I’d like to use MMM-QRCode to access my MMM-Remote Control. All I would need is for the QRCode to pull my current mirror’s IP address, add “:8080” to the end of the url and generate the code. However, I don’t see how to do that in the documentation. Can someone point me in the right direction?

@sdetweil Got it.

I think I figured it out and see where I needed a third closing brace. The weird thing is that Compliments seems to be the only module that doesn’t start with an opening brace, where all the others appear to. If I add an opening brace to it, I get an error. If I leave it out, it runs.

Forgive me for pursuing this, but I see an opportunity to really learn here. When I look at my code, I have closed all of my braces:

    },
			module: "compliments",
			position: "lower_third",
			config:  {  \\ open
				compliments: {  \\open
					anytime: ["Hey there Emma!"],
					morning: ["Good morning, Emma!", "Enjoy your day!", "How was your sleep?"],
					afternoon: ["Hello, Emma!", "You look beautiful!", "Looking good today!"],
					evening: ["Wow, you look great!", "You look nice!", "Hi, Emma!"],
					"....-01-01": ["Happy new year!"]
		}   \\close
	}, \\close
			module: "weather",

If I add another closing brace, won’t I have an error because there is no opening brace?

On the suggestion for bitvise ssh, I’m working directly off the pi itself. I would love to run the entire MM configuration in a vm until it is right and then simply copy that over to the pi, but that’s a bit beyond my knowledge level.

@sdetweil That’s the strange thing, I’m not getting any errors when I run npm run config:check.

Unfortunately, I had to rebuild my config.js since I installed a module, edited config.js and ended up with a blank screen that no commenting the config.js entries didn’t fix.

Here’s the new (old) compliments entries:

			module: "compliments",
			position: "lower_third",
			config:  {
				compliments: {
					anytime: ["Hey there Emma!"],
					morning: ["Good morning, Emma!", "Enjoy your day!", "How was your sleep?"],
					afternoon: ["Hello, Emma!", "You look beautiful!", "Looking good today!"],
					evening: ["Wow, you look great!", "You look nice!", "Hi, Emma!"],
					"....-01-01": ["Happy new year!"]
		}
	},

And my npm run config:check:

pi@emmasmagicmirror:~/MagicMirror $ npm run config:check

> magicmirror@2.15.0 config:check /home/pi/MagicMirror
> node js/check_config.js

[24.04.2021 16:58.15.197] [INFO]  Checking file...  /home/pi/MagicMirror/config/config.js
[24.04.2021 16:58.15.352] [INFO]  Your configuration file doesn't contain syntax errors :)
pi@emmasmagicmirror:~/MagicMirror $ 

My apologies for resurrecting a dead thread, but it seemed like keeping all similar questions to one thread might be useful to others.

I was happy with the default compliments, but wanted to customize them to the user. I copied the compliments entries from compliments.js and inserted them into my config.js. I don’t get any errors when I run config:check, but the compliments no longer appear on the screen. Here’s my code:

		{
			module: "compliments",
			position: "lower_third",
			config:  {
				compliments: {
					anytime: ["Hey there Emma!"],
					morning: ["Good morning, Emma!", "Enjoy your day!", "How was your sleep?"],
					afternoon: ["Hello, Emma!", "You look beautiful!", "Looking good today!"],
					evening: ["Wow, you look great!", "You look nice!", "Hi, Emma!"],
					"....-01-01": ["Happy new year!"]
		}
},

@sdetweil I’m not logged into my pi ATM so I can’t post code, but that’s not what’s in my config.js. My config.js has only two lines for “compliments” - that it exists and position.

This is not my actual file, but it looks essentially like this:

{
		module: "compliments",
		position: "lower_third",	
		}

In having this conversation, it looks like I have to add the config header and lines to do what I want and then edit that.

@sdetweil Thanks, that’s very helpful. I imagine I can simply edit that compliments.js file, since I can always download another one if I want to return to default.

Alternatively, I could copy/paste a second set of those lines, edit them, and “no comment” the defaults. (I think that’s the correct term.) However, that would add/leave in unnecessary lines of code, which strikes me as inefficient.