• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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
654 Posts 77 Posters 1.8m Views 81 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 May 30, 2023, 7:36 PM

    @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 May 31, 2023, 8:32 AM May 31, 2023, 8:29 AM

      @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 Jun 3, 2023, 3:25 PM

        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 Jun 3, 2023, 3:42 PM Reply Quote 0
        • S Away
          sdetweil @Fjerdrumsmoen
          last edited by Jun 3, 2023, 3:42 PM

          @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 Away
            sdetweil @Fjerdrumsmoen
            last edited by Jun 3, 2023, 3:43 PM

            @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 Jun 3, 2023, 4:00 PM

              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 Jun 3, 2023, 4:05 PM Reply Quote 0
              • S Away
                sdetweil @Fjerdrumsmoen
                last edited by sdetweil Jun 3, 2023, 4:25 PM Jun 3, 2023, 4:05 PM

                @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 Jun 3, 2023, 4:59 PM Jun 3, 2023, 4:58 PM

                  @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 Jun 3, 2023, 9:04 PM

                    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 Jun 4, 2023, 12:12 AM Reply Quote 0
                    • S Away
                      sdetweil @Fjerdrumsmoen
                      last edited by Jun 4, 2023, 12:12 AM

                      @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
                      • 65
                      • 66
                      • 27 / 66
                      27 / 66
                      • First post
                        269/654
                        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