MMM-CalendarExt2

[A Former User]

@Lordy
Hmmm. this module would manage its hiding/revealing by itself. So there is no need set postion of this module itself. But you set the position by pages: {main: “bottom_bar”}, through MMM-Page-Selector by force.
Unfortunately, MM would show the module name and id even when the module has nothing to draw at that position.

Hmmm…

I think the easiest way is to hide it by CSS.

#module_7_MMM-CalendarExt2 {
  display:none;
}

The only problem is, if you change the order of modules(adding a new module or removing) in configuration, the module Id will be changed. In that case, you should modify again.

[Lordy]

@Sean said in MMM-CalendarExt2:

The only problem is, if you change the order of modules(adding a new module or removing) in configuration, the module Id will be changed. In that case, you should modify again.

Thank you for your prompt reply. And always, you were right about that. :thumbs_up_medium-light_skin_tone:

[nmeldre]

This post is deleted!

[BKeyport]

Sean:

Looks like we’re getting screwed over here:

Starting February 15, 2021, G Suite accounts will only allow access to apps using OAuth. Password-based access will no longer be supported.

Calendar
If you use CalDAV to give an app or device access to your calendar, switch to a method that supports OAuth. We recommend the Google Calendar app [Web/iOS/Android] as the most secure app to use with your G Suite account.

[A Former User]

@nmeldre
i’ve been asked this already countless times, however still the answer is same.
i regard week/month view as a kind of brief overview or summary of long periods. so have no idea to provide details on these both views.

Because;

• wrapping usually looks ugly anyhow.
• the more title means the less events to show at a same time in same area.
• can use transforming for abbreviation or using icon or assigning styles for better distinguishing than long text
• additional better views exist to show detailed info of more important and close future events. like upcoming or daily.
• real web or desktop application - google calendar and apple calendar - also don’t provide title wrapping in month style views.

So, sorry.

[A Former User]

@BKeyport
hmm i don’t use G suit, so at this moment, have no idea how things going. I’ll research.
(maybe 3rd party converter module could be possible to solve that issue without modification of this module directly)

[BKeyport]

@Sean I figure Google’s gonna do that to main accounts sooner or later. GSuite is usually the test bed.

I’m likely going to be moving my calendar agenda system, depends on what my appointment manager supports.

[BKeyport]

@Sean,

I’m trying to add an ICS file, but it’s throwing an error, but other calendars accepts it.

The url is http://www.tax.gov/calendar/employer/calendar.ics

Log from PM2 LOGS shows this error:

[CALEXT2] calendar:irs >> invalid date-time value: “2016-12-30T::”

Is it the US Government not knowing what’s going on, or is it a bug in the code?

Thanks!

[jdfraser]

@Sean
Thanks for the great module, it is the main reason for my Magic Mirror / picture frame.

Could you explain the syntax for using the “transform” command to change the title of an event to a shorter abbreviation (e.g. “jack climbing” = > “J.C.”)? I have some items in my calendar that are displayed on the monthly view with a title “Dinner: Taco Soup” and I would like to use transform to remove the "Dinner: " from the title. I have searched the documentation and the forum, but am having a tough time figuring out how I need to specify this in my config.js (or custom.css).

[A Former User]

@jdfraser

Basically, read this.
https://github.com/eouia/MMM-CalendarExt2/wiki/Filtering-and-Sorting#transforming

You need some basic skills in JavaScript. Anyway, I’ll show some examples;

0. Original

I’ve added two events on 25th Dec. Lunch:Taco Soup Once and Dinner:Taco Soup Twiceon my Google calendar.

Hmmmm Taco Soup on Christmas, what a poor…

It will be shown like this on MMM-CalendarExt2 without transforming;

1. Remove Dinner:

transform: (event)=>{
  event.title = event.title.replace("Dinner:", "")
  return event
}

will make this;

2. give more transforming.

transform: (event)=>{
  if (event.title.search("Dinner:") > -1) {
    event.title = event.title.replace("Dinner:", "")
    event.icon = "emojione-pot-of-food"
    event.className = "myDinnerClass"
  }
  return event
}

I’ve added icon and specific CSS class selector. So you can define your CSS class on MagicMirror/css/custom.css like this;

.CX2 .myDinnerClass {
  color: Black;
  background-color: Yellow;
}

It will be shown like this;
!

Of course, there would be more tricks if you know javascript somehow.

If you are not familiar with Javascript,… hmmm sorry for you. Anyway, this is DIY project. There is no ready-made out-of-box arts.