MMM-CalendarExt

[A Former User]

@goalie2k
Of course possible by adjusting CSS
Add this into your css/custom.css

.CALEXT .event .eventContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}


.CALEXT .eventTime {
  order: 2;
  width: 30%;
}

.CALEXT .eventContent {
  order: 1;
  width: 70%;
}

It will show like this.

[goalie2k]

@Sean said in MMM-CalendarExt:

order: 2;
width: 30%;

YOU ROCK! Thank you!

[Subintro]

Hey does anyone know how to change text on the calendars?

I’m using the ‘Current’ event, but it looks kind of confusing as it says ‘In 50 minutes’, which makes it seem like the event is in 50 minutes, but really ends in 50 minutes

[A Former User]

@Subintro

With MMM-CalendarExt, it’s not so easy. You just use useRelative:0 to display normal time. Anyway “CURRENT” event will not be thing of “START IN FUTURE”, It is already started and be a kind of “END IN FUTURE” things. “CURRENT” means that.

How about using MMM-CalendarExt2? That is new build-up and the feature can be configurable and customizable by configuration.
https://github.com/eouia/MMM-CalendarExt2/wiki/Event-Time#2-relative

[Subintro]

@Sean

Oh nice, I’ll check it out. Hopefully wont have to change too much with my config

[Smotx]

Hi,

Little help please,

how to reduce the height of the module?

It adapts automatically to the content, but suddenly exceeds the top one

Thx a lot.

[A Former User]

@Smotx
See this;
https://github.com/eouia/MMM-CalendarExt/wiki/Manipulation-of-looks#viewlimit--viewoverflow

[Smotx]

@Sean

Thx for help, with your indication, i have finally used

overflowHeight: 200,

[redink]

Is there a way to show the event start time in the same space as the even name?
Like 6p Swim Lesson

[A Former User]

@redink
More detailed adjusting might be needed, but commonly see this.

https://forum.magicmirror.builders/topic/4624/mmm-calendarext/148

And, add onlyStartingTime: 1, in your view configuration

[isaac2004]

Seems I cannot get the module to load. tried a few things, but it is just blank. I have the latest version of MM

[A Former User]

@isaac2004 I need log or more detailed info to catch what happened.

[mmmmh]

I successfully use the module on two other screens. I just set up a new one without tweaks and I run into the following error in the console (nothing gets loaded, server-side there are no errors being logged):

Uncaught (in promise) TypeError: hookDom.appendChild is not a function
    at Render.js:590
    at Array.forEach (<anonymous>)
    at Render.drawViews (Render.js:581)
    at Class.getDom (MMM-CalendarExt.js:209)
    at main.js:110
    at new Promise (<anonymous>)
    at updateDom (main.js:109)
    at Object.updateDom (main.js:518)
    at Class.updateDom (module.js:358)
    at Class.draw (MMM-CalendarExt.js:680)

[A Former User]

@mmmmh did you set a position of view? your error says there might be an issue. I’m on a business trip now so i cannot check at this moment. later i’ll look inside.

[mmmmh]

@Sean yes, I set it to top_left:

{
            module: 'MMM-CalendarExt',
            position: "top_left", //anywhere. It is not related to real position of view
            classes: "default standard everyone",
            config: { // Read below
                system: {
                    show: ['current', 'upcoming'],
                    locale: 'de',
                    showEmptyView: 0,
                    fullDayEventLocalize: 1,
                    redrawInterval: 300000, 
                },
                defaultView: {
                    position: 'calendar',
                    positionOrder: -1,
                    overflowRolling: 0,
                    overflowHeight: 0,
                    overflowDuration: 2,
                    timeFormat: 'H:mm',
                    dateFormat: "ddd, D. MMM",
                    fullDayEventDateFormat: "ddd, D. MMM",
                    ellipsis: 0,
                    limit: 20,
                    oneLineEvent: 1,
                },
                views: {
                    current: {
                        title: "Now...",
                        direction: "column",
                        showEmptyView: 0,
                        useRelative: 0,
                    },
                    upcoming: {
                        title: "Was steht an...",
                        direction: "column",
                        useRelative: 0,
                        overflowHeight: 0,
                        overflowRolling: 0,
                    },
                },
                calendars: [
                    {
                        name: "XXXX",
                        symbol: "male",
                        styleName: "style24",
                        url: "redacted",

                        auth: {
                            user: 'redacted',
                            pass: 'redacted',
                            method: 'basic'
                        }
                    },
                    
                ],

            },
        },

Don’t worry, it’s not urgent.

[A Former User]

@mmmmh

Well, I tried with yours and it works.
But two things you probably have wrong.

• url: "redacted", is it right? it will make parsing error and it could be reason of your front error message.
• showEmptyView:1 will affect on only system level, not view level. You’ve set showEmptyView:0 in system, so empty view will not appear.

[mmmmh]

@Sean thanks for making the effort to test it. I went the same way now. I removed everything and picked a public trash collection calendar (nice idea of yours) - still the same error. (I also commented out the showEmptyView options.)

The error appears locally (RPI3+) as well as in web browsers of all flavors.

Here’s the full config file:

var config = {
    address: "",
    port: 8080,
    ipWhitelist:
        [],
    language: "de",
    timeFormat: 24,
    units: "metric",
    modules: [
        {
            module: 'MMM-CalendarExt',
            position: "top_left", //anywhere. It is not related to real position of view
            classes: "default standard everyone",
            config: { // Read below
                system: {
                    show: ['current', 'upcoming'],
                    locale: 'de',
                    // showEmptyView: 0,
                    fullDayEventLocalize: 1,
                    redrawInterval: 300000, 

                },
                defaultView: {
                    position: 'calendar',
                    positionOrder: -1,
                    overflowRolling: 0,
                    overflowHeight: 0,
                    overflowDuration: 2,
                    timeFormat: 'H:mm',
                    dateFormat: "ddd, D. MMM",
                    fullDayEventDateFormat: "ddd, D. MMM",
                    ellipsis: 0,
                    limit: 20,
                    oneLineEvent: 1,
                },
                views: {
                    current: {
                        title: "Now...",
                        direction: "column",
                        // showEmptyView: 0,
                        useRelative: 0,
                    },
                    upcoming: {
                        title: "Upcoming...",
                        direction: "column",
                        useRelative: 0,
                        overflowHeight: 0,
                        overflowRolling: 0,
                    },
                },
                calendars: [

                    {
                        name: "Trash",
                        symbol: "male",
                        styleName: "style24",
                        url: "https://www.ekm-mittelsachsen.de/de/service-dienstleistungen/entsorgungstermine-abfallkalender/abfallkalender/ical/stadt/4870/year/2019/",
                    },
                ],
            },
        },
    ]

};

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

[A Former User]

@mmmmh i’m on business trip now, after back home, i’ll try your new config.

[isaac2004]

Is there a way to repaint the calendar module? I am working on hiding/showing the module with voice control, and for the life of me, I can’t get the UI to repaint after hiding. module.show() is not available in the module so it is not as simple as that

[A Former User]

@isaac2004
Sorry, I cannot catch your point. MMM-CalendarExt can be hidden and revealed by .show() and .hide(). “module.show() is not available in the module” what this means?