MMM-CalendarExt

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

alt text

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?

A Former User

@Sean said in MMM-CalendarExt:

did you set a position of view? your error says there might be an issue.

@mmmmh I don’t know why I missed it. As I’ve said, you have a wrong on position.

defaultView: {
                    position: 'calendar',

position should be region name like top_left, bottom_bar, … Modify it.

(I’m in London now, so the time of events in screenshot will not match with the German time)

mmmmh

Dang! Thanks. On my other screen I have that region and I didn’t replace it at all places! I owe you one.

djtale

Hello,

I have downloaded that Docker image to make some tests on MagicMirror :
https://hub.docker.com/r/bastilimbach/docker-magicmirror/

I don’t know why the MMM-CalendarExt is not displayed. I have tested multiple settings, even the simpliest provided in the doc page but still nothing appears.

When I use the Browser debugger, I see a size of 0x0 for the div.container

The calendar urls are working fine with the default calendar module.

Is there something missing on the Docker Image ? I doubt because I have same issue with the module on my RaspberryPi MagicMirror

Would someone accept to test my config module on his MagicMirror ?

If anyone has some ideas, thanks.

A Former User

@djtale
Leave the issue on github with your configuration.