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.

    MMM-CalendarExt3

    Scheduled Pinned Locked Moved Utilities
    676 Posts 81 Posters 2.4m Views 85 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.
    • M Offline
      MMRIZE @Studio472
      last edited by

      @Studio472
      I think it could be possible with preProcessor, but I’m not in front of my computer, so cannot show example at this moment.

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

        @Studio472
        Config:

        eventTransformer: (event) => {
          if (event.calendarName === 'MLB') { // I assume you assigned 'MLB' as a calendar name.
            event.endDate = event.startDate + 1000 // I think 1000ms is safer than 1 hour
          }
          return event
        },
        

        Before:
        94f49829-9053-4304-8c66-96cf32cf20f9-image.png
        After:
        167b3560-ec7e-4e6f-98c2-abd8883e96dc-image.png

        1 Reply Last reply Reply Quote 0
        • F Offline
          Fjerdrumsmoen
          last edited by

          Hi

          Need some help here.
          Trying to get this module to work, but only the “header” of the month is showing. No events is listing, and no dates are showing. In the GoogleCalender module I can see the events, so I know that the GoogleCalender is working.

          Do someone know what is wrong? My config file is like this:

          		{
          			module: 'MMM-GoogleCalendar',
          			header: "Familie Kalender",
          			position: "top_left",
          			config: {
          				calendars: [
          					{
          						color: "red",
          						name: "FK",
          						broadcastPastEvents: true, // <= IMPORTANT to see past events
          						calendarID: "GOOGLE ID_ deleted from the code"
          					}
          						// add another calendar HERE if needed
          				]
          			}
          		},
          		{
          			 module: "MMM-CalendarExt3",
          			 position: "bottom_center",
          			 title: "Familie kalenderen",
          			 config: {
          				mode: "month",
          				instanceId: "basicCalendar",
          				locale: 'de-DE',
          				maxEventLines: 5,
          				firstDayOfWeek: 1,
          				calendarSet: ['FK']
          			  }
          			},
          
          S M 3 Replies Last reply Reply Quote 0
          • S Offline
            sdetweil @Fjerdrumsmoen
            last edited by

            @Fjerdrumsmoen calendarExt3 gets its data from the default calendar module…

            so you have to configure it, and just comment out the position: setting…

            Sam

            How to add modules

            learning how to use browser developers window for css changes

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

              @Fjerdrumsmoen said in MMM-CalendarExt3:

              module: ‘MMM-GoogleCalendar’,

              no, use

              module: "calendar"
              

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • F Offline
                Fjerdrumsmoen
                last edited by

                Hmm. All empty when I use the calendar module, also. Tested with the US holidays, and everything stays blank. (Without the heading)

                Any other tips?

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

                  @Fjerdrumsmoen 1st
                  w default cal module, does the calendar display?
                  (before u comment out position)

                  did u try the default ext3 config?

                  I used the default ext3 config from doc, with the holidays
                  commented out calendarSet, and locale…

                  {
                    module: "MMM-CalendarExt3",
                    position: "bottom_bar",
                    title: "",
                    config: {
                      mode: "month",
                      instanceId: "basicCalendar",
                     // locale: 'de-DE',
                      maxEventLines: 5,
                      firstDayOfWeek: 1,
                      //calendarSet: ['us_holiday', 'abfall', 'mytest'],
                  
                    }
                  },
                  

                  got
                  Screenshot at 2023-06-03 11-22-37.png

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

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

                    @Fjerdrumsmoen
                    For google calendar you need some additional config. See the readme.md more.

                    1 Reply Last reply Reply Quote 0
                    • F Offline
                      Fjerdrumsmoen
                      last edited by

                      Thanks. Now it shows :-)

                      But not with Google account.
                      Should i put in this code in the config.js?

                      preProcessor: (e) => {
                        e.startDate = new Date(e.start?.date || e.start?.dateTime).valueOf()
                        e.endDate = new Date(e.end?.date || e.end?.dateTime).valueOf()
                        e.title = e.summary
                        e.fullDayEvent = (e.start?.date) ? true : false
                        return e
                      }
                      
                      S M 2 Replies Last reply Reply Quote 0
                      • S Offline
                        sdetweil @Fjerdrumsmoen
                        last edited by

                        @Fjerdrumsmoen just use the Google url instead of the holidays… does it show in default calendar?
                        no… fix that

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 25
                        • 26
                        • 27
                        • 28
                        • 29
                        • 67
                        • 68
                        • 27 / 68
                        • 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