MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    Problem installing new module (beginner), CalendarEXT3 not displaying

    Scheduled Pinned Locked Moved Solved Troubleshooting
    36 Posts 4 Posters 13.1k Views 4 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • S Offline
      sdetweil @Manino
      last edited by

      @Manino to use the EXT3 modules you set up the default calendar to read the ICS data and it will broadcast that out to the other modules.the EXT3 modules, Read the broadcast info and put up a different presentation

      So first thing to do, is the set of the default calendar so that it reads the right ICS file that means you have to add your calendar URL to the default calendar so that it’ll get the data later we can comment out the position setting and it won’t show on the screen but it’ll still present the data for the other modules.

      and then you do the EXT 3 module by itself understanding that it’s going to present the data now you can add certain parameters to the default calendar so that it knows which URL you’re talking about if there are multiples like a name or a color or but that’s all in the EXT3 documentation about what you need to do

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      M 1 Reply Last reply Reply Quote 0
      • M Offline
        Manino @sdetweil
        last edited by

        @sdetweil IMG_5235.jpeg

        Now I got this view! Almost fantastic. I want to see the calendar under the line as 2 or 3 weeks. I can see there is a lot of config details, how do I use them?

        {
        module: “calendar”,
        position: “top_left”,
        config: {
        broadcastPastEvents: true, // <= IMPORTANT to see past events
        calendars: [
        {
        url: “https://calendar.google.com/calendar/ical/xxxxxxxx”,
        name: “us_holiday”, // <= RECOMMEND to assign name
        color: “red” // <= RECOMMEND to assign color
        }
        ]
        }
        },
        {
        module: “MMM-CalendarExt3”,
        position: “bottom_bar”,
        title: “”,
        config: {
        mode: “month”,
        instanceId: “basicCalendar”,
        locale: ‘sv-SE’,
        maxEventLines: 5,
        firstDayOfWeek: 1,
        calendarSet: [‘us_holiday’, ‘abfall’, ‘mytest’],
        }
        },

        S 1 Reply Last reply Reply Quote 0
        • S Offline
          sdetweil @Manino
          last edited by

          @Manino said in Problem installing new module (beginner):

          module: “MMM-CalendarExt3”,
          position: “bottom_bar”,
          title: “”,
          config: {
          mode: “month”,
          instanceId: “basicCalendar”, //<-- this isn’t set on the default calendar, best to comment out first
          locale: ‘sv-SE’,
          maxEventLines: 5,
          firstDayOfWeek: 1,
          calendarSet: [‘us_holiday’, ‘abfall’, ‘mytest’],

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          M 1 Reply Last reply Reply Quote 0
          • M Offline
            Manino @sdetweil
            last edited by

            @sdetweil What do you mean?

            module: “MMM-CalendarExt3”,
            position: “bottom_bar”,
            title: “”,
            config: {
            mode: “month”,
            / instanceId: “basicCalendar”, /
            locale: ‘sv-SE’,
            maxEventLines: 5,
            firstDayOfWeek: 1,
            calendarSet: [‘us_holiday’, ‘abfall’, ‘mytest’],
            }

            S 1 Reply Last reply Reply Quote 0
            • S Offline
              sdetweil @Manino
              last edited by

              @Manino that looks good, with the open/close brace for module, {}

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              M 1 Reply Last reply Reply Quote 0
              • M Offline
                Manino @sdetweil
                last edited by

                @sdetweil What? The screen still look the same. September then a line. I have added all my calendars now but can’t view them in the month calendar. No errror.

                	module: "calendar",
                		position: "top_left",
                		config: {
                			broadcastPastEvents: true, // <= IMPORTANT to see past events
                			calendars: [
                		        {
                					url: "https://calendar.google.com/calendar/xxxxxxxx",
                					name: "Familj", // <= RECOMMEND to assign name
                					color: "red", // <= RECOMMEND to assign color
                				}, 
                				{
                					url: "https://calendar.google.com/calendar/xxxxxxxx",
                					name: "Jobb", // <= RECOMMEND to assign name
                					color: "red", // <= RECOMMEND to assign color
                				},
                				{
                					url: "https://calendar.google.com/calendar/xxxxx",
                					name: "Lila kalender", // <= RECOMMEND to assign name
                					color: "red", // <= RECOMMEND to assign color
                				},
                			]
                		}
                	},
                	{
                   module: "MMM-CalendarExt3",
                   position: "lower_third",
                   title: "",
                   config: {
                       mode: "month",
                 /* instanceId: "basicCalendar", */
                      locale: 'sv-SE',
                      maxEventLines: 5,
                      firstDayOfWeek: 1,
                     calendarSet: ['Familj', 'Jobb', 'Lila kalender'],
                

                }
                },

                S 1 Reply Last reply Reply Quote 0
                • S Offline
                  sdetweil @Manino
                  last edited by sdetweil

                  @Manino do you see all the events from the calendars in the default calendar?

                  i am not the EXT3 author…

                  I start with no calendarsets in ext3

                  I used this and it works

                        {
                    module: "MMM-CalendarExt3",
                    position: "bottom_bar",
                    title: "",
                    config: {
                      mode: "month",
                      maxEventLines: 5,
                      firstDayOfWeek: 1,
                      calendarSet: [], 
                    }
                  },
                  

                  Screenshot at 2023-09-21 09-53-49.png

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  M 1 Reply Last reply Reply Quote 0
                  • M Offline
                    Manino @sdetweil
                    last edited by

                    @sdetweil thanks for your printscreen and your time. As what I can see, I have exactly the same config when it comes to the EXT3. Including the open/close brace. (Did’nt copy paste them last time). And now for my picture i did exactly as you.

                    When I have bottom_bar the EXT3 also almost drowning. How can it be so different. Can you see something?
                    IMG_5244.jpeg IMG_5242.jpeg

                    S 1 Reply Last reply Reply Quote 0
                    • S Offline
                      sdetweil @Manino
                      last edited by

                      @Manino I do not know @MMRIZE can u help?

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      M M 2 Replies Last reply Reply Quote 0
                      • M Offline
                        Manino @sdetweil
                        last edited by

                        @sdetweil Thanks for trying, I really appreciate it!

                        1 Reply Last reply Reply Quote 0
                        • M Offline
                          MMRIZE @sdetweil
                          last edited by

                          @sdetweil @Manino
                          Maybe your 3 calendars might have tons of events(at least 10) since long long ago time(at least 1 year).
                          Past events might be too many, so all of the quota for broadcasting was already consumed by the older events.
                          To test it, remove 3 calendars, try ‘us-holiday’ calendar of the default config example.

                          If so, check maximumNumberOfDays and maximumEntries of the default calendar module.

                          I think it is not the bug of that module but unexpected behaviour. Generally, for past events, People will regard newer events than older events as more important. But broadcasting of this calendar module contains older events prior to newer ones.

                          S M 2 Replies Last reply Reply Quote 1
                          • S Offline
                            sdetweil @MMRIZE
                            last edited by

                            @MMRIZE said in Problem installing new module (beginner), CalendarEXT3 not displaying:

                            . But broadcasting of this calendar module contains older events prior to newer ones.

                            but you could walk from end of list back to before today, and now know forward looking and past looking… keep going back to the start date of the calendar view … this is what I do with a port of your code to another platform…

                            Sam

                            How to add modules

                            learning how to use browser developers window for css changes

                            1 Reply Last reply Reply Quote 0
                            • M Offline
                              Manino @MMRIZE
                              last edited by Manino

                              @MMRIZE bad news, all my calendars are new. No old event. I’m an apple user and usually not use google calendar at all. :(

                              And in september it’s kind of few events. IMG_5245.PNG

                              M 2 Replies Last reply Reply Quote 0
                              • M Offline
                                MMRIZE @Manino
                                last edited by

                                @Manino
                                But your picture above post shows you have Google Calendar. Could you send me the real URLs of icals? eouia0819@gmail.com
                                To represent your symptom, I need real data.

                                @sdetweil

                                but you could walk from end of list back to before today, and now know forward looking and past looking… keep going back to the start date of the calendar view … this is what I do with a port of your code to another platform…

                                AFAIK, without proper maximumNumberOfDays and maximumEntries values, the bunch of broadcasting will be filled with prior events first up to maximumEntries. So the casted payload will not contain recent newer ones.
                                Is something changed in default calendar?

                                M 1 Reply Last reply Reply Quote 0
                                • M Offline
                                  Manino @MMRIZE
                                  last edited by

                                  @MMRIZE You got mail! Yes, I do have Google Calendar. And it’s all brand new for me. No old event.

                                  1 Reply Last reply Reply Quote 0
                                  • M Offline
                                    MMRIZE @Manino
                                    last edited by MMRIZE

                                    @Manino
                                    I tested URL you sent me. (Green is that one. I hope this will not be too privacy things.)

                                    a226eb3e-ddde-4afc-b27b-f44df2cd26c6-image.png

                                    {
                                      module: "MMM-CalendarExt3",
                                      position: "bottom_bar",
                                      config: {
                                        mode: 'month',
                                        locale: 'sv-SE',
                                      }
                                    },
                                    {
                                      module: "calendar",
                                      position: "top_left",
                                      config: {
                                        broadcastPastEvents: true,
                                        calendars: [
                                          {
                                            symbol: "calendar-check",
                                            url: "https://ics.calendarlabs.com/709/45a0bb64/Fun_Holidays.ics",
                                            color: "red",
                                          },
                                          {
                                            url: "https://calendar.google.com/calendar/ical/7a9...4/basic.ics", // <- Your real iCAL URL
                                            color: "green",
                                          },
                                        ]
                                      }
                                    },
                                    
                                    M 2 Replies Last reply Reply Quote 0
                                    • M Offline
                                      Manino @MMRIZE
                                      last edited by

                                      @MMRIZE No pivacy things, its ok thank you.

                                      Glad to see it works for you, in that way there is’nt anything wrong with my google calendar. I appreciate you took your time and look it up!

                                      I did copy paste your config into mine and sorry to say but it did’nt work. Then i get back to my own config again but that does’nt work either.

                                      You can see I get the calendar into the default one. But the month is all empty. And I have to choose “lower_third” becuase on “bottom_bar” september is drowning, I can hardly see it then. Something is really wrong. Maybe I have to start from the beginning again. I mean, it works for you so something is really wrong over here.

                                      123.jpg 1234.jpg 12345.jpg

                                      M 1 Reply Last reply Reply Quote 0
                                      • M Offline
                                        Manino @MMRIZE
                                        last edited by

                                        @MMRIZE this one is from an all brand new installation of the MM and EXT3. I did end the installation with the ”npm install”. Copy paste your config into mine and got this. I’am clearly doing something wrong but I can’t undestand what to do different.

                                        IMG_5253.jpeg

                                        1 Reply Last reply Reply Quote 0
                                        • M Offline
                                          MMRIZE @Manino
                                          last edited by MMRIZE

                                          @Manino
                                          Let’s test things.

                                          1. Remove all other modules except calendar and MMM-CalendarExt3 then run again.
                                            1-1) If no issue; Some of other modules might make interference.
                                            1-2) Still happens; Run MM as dev mode (npm run start:dev) => This will show front-end dev console and there might be some useful console log. (or you can populate dev-console on MM with Ctrl+Shift+i or equivalent shortcut keys by your system)
                                          2. Just in case, the first rendering takes time so wait a while after running it.
                                          M 1 Reply Last reply Reply Quote 0
                                          • M Offline
                                            Manino @MMRIZE
                                            last edited by

                                            @MMRIZE Can you see something? I takes time for my posts to be accepted but now I have an all band new installation of the MM and the EXT3.

                                            I did comment out(?) all the default models except the calendar. Correct? Still got the same view as above (my latest post), except the clock and date.

                                            manino@raspberrypi:~ $ cd MagicMirror
                                            manino@raspberrypi:~/MagicMirror $ npm run start:dev

                                            magicmirror@2.24.0 start:dev
                                            DISPLAY=“${DISPLAY:=:0}” ./node_modules/.bin/electron js/electron.js dev

                                            [22.09.2023 09:26.03.030] [LOG] Starting MagicMirror: v2.24.0
                                            [22.09.2023 09:26.03.044] [LOG] Loading config …
                                            [22.09.2023 09:26.03.053] [DEBUG] config template file not exists, no envsubst
                                            [22.09.2023 09:26.03.067] [LOG] Loading module helpers …
                                            [22.09.2023 09:26.03.070] [LOG] No helper found for module: MMM-CalendarExt3.
                                            [22.09.2023 09:26.03.620] [LOG] Initializing new module helper …
                                            [22.09.2023 09:26.03.621] [LOG] Module helper loaded: calendar
                                            [22.09.2023 09:26.03.622] [LOG] All module helpers loaded.
                                            [22.09.2023 09:26.03.640] [LOG] Starting server on port 8080 …
                                            [22.09.2023 09:26.04.084] [ERROR] Whoops! There was an uncaught exception…
                                            [22.09.2023 09:26.04.097] [ERROR] Error: listen EADDRINUSE: address already in use ::1:8080
                                            at Server.setupListenHandle [as _listen2] (node:net:1740:16)
                                            at listenInCluster (node:net:1788:12)
                                            at GetAddrInfoReqWrap.doListen [as callback] (node:net:1937:7)
                                            at GetAddrInfoReqWrap.onlookup [as oncomplete] (node:dns:110:8) {
                                            code: ‘EADDRINUSE’,
                                            errno: -98,
                                            syscall: ‘listen’,
                                            address: ‘::1’,
                                            port: 8080
                                            }
                                            [22.09.2023 09:26.04.098] [ERROR] MagicMirror² will not quit, but it might be a good idea to check why this happened. Maybe no internet connection?
                                            [22.09.2023 09:26.04.098] [ERROR] If you think this really is an issue, please open an issue on GitHub: https://github.com/MichMich/MagicMirror/issues
                                            MESA-LOADER: failed to retrieve device information
                                            MESA-LOADER: failed to retrieve device information
                                            MESA-LOADER: failed to retrieve device information

                                            M 1 Reply Last reply Reply Quote 0

                                            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                            With your input, this post could be even better 💗

                                            Register Login
                                            • 1
                                            • 2
                                            • 1 / 2
                                            • First post
                                              Last post
                                            Enjoying MagicMirror? Please consider a donation!
                                            MagicMirror created by Michael Teeuw.
                                            Forum managed by Sam, technical setup by Karsten.
                                            This forum is using NodeBB as its core | Contributors
                                            Contact | Privacy Policy