Is there a module out there where you can say “every 60000ms, send a “PAGE_CHANGED” notification with a value of 1” and it will do that?

I tried having ChatGPT write a “MMM-NotificationTimer” module that I could start from but I can’t seem to get it to actually send the notification. JavaScript is just too foreign to me to be able to do this at this time.

I’m using MMM-pages to be able to switch between a traditional MM setup and just a picture. I use MMM-Keypress to switch between the two. I’d like it to automatically switch back to the picture after, say, 10 minutes, hence the need for timed notifications.

Is there such a module already out there somewhere?

@MMRIZE said in MMM-CalendarExt3 Formatting questions follow-up:

@UncleRoger
There would be a simpler solution, but your approach is not bad.

.CX3 .singleday.event {
  color: var(--calendarColor);
}

To use this approach; you should assign color to the calendars of the default calendar module.

Ooh, that’s perfect! Thanks! Much better, I think, to do as much setup in the config.js file as possible and, for this, to define everything about a calendar together (name, key, color, etc.).

One more question – I’ve noticed that multi-day events show a starting and ending time which is okay, but it’s also doing that for all-day events. That is, if it marked as “all-day”, it shows a start time of 00:00 and an end time of 23:59.

Is there any way to turn off the times for all-day multi-day events (or all multi-day events)?

Thanks!

@MMRIZE

Thanks! Now I just have to find 6 different colors that are readable, plus 3 more related to 3 of those that are also readable. 8^)

(Family calendar, me, the wife, 3 kids, and their 3 schools. sigh Sometimes I wish I was a mantis shrimp.)

@UncleRoger said in MMM-CalendarExt3 Formatting questions follow-up:

Re: MMM-CalendarExt3 Formatting questions
I added this code:

.CX3 .event .headline.useSymbol .symbol {
  display: none;
}

(from the above discussion) to custom.css in ~/MagicMirror/css and it had no effect – I still see the colored dot.

I had set useSymbol to false in config.js and that was preventing this css from being applied. When I removed that from the module config, the dot disappeared as it should.

And, as a follow-up, I think I saw something about coloring the text so I will do more research there but it would be nifty to have an option of something like “textColor: true” which would apply the color to the text. Not sure if I’m making sense though.

I found what I had seen previously and this is what worked:

.CX3 .calendar_<calendar>      {
  color: <color>;
}

where is the value assigned to the “name:” option of the calendar in the default calendar module. So, if you have this entry in config.js in :

{ // Family Calendar
        name:                   "Family",
        url:                    "https://calendar.google.com/calendar/ical/blahblahblah",
        broadcastPastEvents:    true,
        color:                  "#05C3DD",
},

in the calendars array of the default calendar module definition, then the CSS to change the text color in CX3 for that calendar would be:

.CX3 .calendar_Family      {
  color: #05C3DD;
}

Lastly, I’m trying to figure out how to get the time to be just “08:30” (for 8:30 am) or “22:15” (for 10:15pm) and am not having much luck.

I figured this one out with a little help from ChatGPT:

eventTimeOptions: {  hour: '2-digit', minute: '2-digit', hour12: false  },

Not sure if that’s the best way to do it, but it seems to work.

The final result looks like this:

That’s viewing it on a landscape monitor but it will eventually end up on one in portrait mode, hence the need to eliminate the dot and shorten the time.

(Just trying to document this in case someone else is looking for the same answers.)

So I don’t know what I was smoking, but I couldn’t find anything about changing event text colors. What I’d like to do is, instead of having a blue dot with white text saying “Piano Lesson”, I’d like no dot and “Piano Lesson” in blue text.

Re: MMM-CalendarExt3 Formatting questions

I added this code:

.CX3 .event .headline.useSymbol .symbol {
  display: none;
}

(from the above discussion) to custom.css in ~/MagicMirror/css and it had no effect – I still see the colored dot. I’m hoping to remove it and just apply the color to the text instead since I have limited horizontal width and don’t want to waste it on a dot. Is there something I’m missing?

And, as a follow-up, I think I saw something about coloring the text so I will do more research there but it would be nifty to have an option of something like “textColor: true” which would apply the color to the text. Not sure if I’m making sense though.

Lastly, I’m trying to figure out how to get the time to be just “08:30” (for 8:30 am) or “22:15” (for 10:15pm) and am not having much luck.

I picked up a Pi Zero 2 for $15 intending to use it for playing around with different modules and working on my mirror. At some point, in my Copious Spare Time™, I’ll replace the Pi 4B I’m using now with it so as to free up the 4 for something else (that I also don’t have time for 8^).

It’s an affordable option if you want something to play around with.

@sdetweil @MMRIZE
You guys are amazing! Thank you!

Scenes2 looks really interesting but I think it’s probably overkill for what I’m trying to do (MagicMirror swapping with Mr. Rogers’ Picture Picture). I could see that there are a lot of possibilities with it. I might play around with it for a future build.

The reason I have two calendar modules is that one is displayed for the dinner menu and one is there just to define the calendars for MMM-MonthlyCalendar. I’m planning on playing with CalendarExt3 to see if I like it better than MonthlyCalendar but the latter was quick and easy to get going.

Anyway, thanks again!

@mezcalbomb
Not necessarily… you can use the one RPi remotely. Before I got the second RPi, I was doing testing and setup on the main one downstairs. It worked fine. I have a browser tab open pointing to it so I can see what’s going on.

You didn’t specify what hardware you wanted to wait on – I assumed you meant you wanted to get the MM set up before you physically built the frame and such for it. If you have an old monitor, you can plug your RPi into it or you should be able to run it without a monitor and just see the MM in the browser on your main computer.

I managed to scrounge up a second RPi which means I can break stuff on it while the first one is still (relatively) functional downstairs, even though I haven’t gotten around to building a frame or mounting it on the wall. But you could still set things up with just one RPi as long as you’re not trying to put it into production before you finalize everything. (Or if you back up your settings frequently. Get Sam’s backup scripts.)

I apologize for what I’m sure is a bonehead question… I had a stock calendar module to show events from one calendar (and a second, hidden instance of calendar) but when I tried to implement pages (MMM-Pages), it was loading the hidden calendar along with the non-hidden one.

So I thought I’d try CalExt3Ag to replace the visible calendar. The problem is, I want it to look like the stock calendar:

but the best I could get is this:

Is it possible to get a much simplified listing (one line per event, relative dates) of events using CalExt3Ag?