• 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-CalendarExt3Agenda

Scheduled Pinned Locked Moved Utilities
192 Posts 27 Posters 257.7k Views 29 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 Away
    sdetweil @BKeyport
    last edited by May 4, 2023, 8:02 PM

    @BKeyport what is the calendar refresh rate set to ?

    Sam

    How to add modules

    learning how to use browser developers window for css changes

    B 1 Reply Last reply May 4, 2023, 8:03 PM Reply Quote 0
    • B Offline
      BKeyport Module Developer @sdetweil
      last edited by May 4, 2023, 8:03 PM

      @sdetweil

      			module: "calendar", // Built in
      			position: "top_center",
      			config: {
      				animationSpeed: 0,
      				broadcastEvents: true,
      				broadcastPastEvents: true,
      				fetchInterval: 30000,
      				maximumEntries: 99,
      ... 
      

      The "E" in "Javascript" stands for "Easy"

      S 1 Reply Last reply May 4, 2023, 8:03 PM Reply Quote 0
      • S Away
        sdetweil @BKeyport
        last edited by sdetweil May 4, 2023, 8:05 PM May 4, 2023, 8:03 PM

        @BKeyport said in MMM-CalendarExt3Agenda:

        30000

        every 30 seconds?

        default is 300000 ms, 5 minutes

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        B 1 Reply Last reply May 4, 2023, 8:06 PM Reply Quote 0
        • B Offline
          BKeyport Module Developer @sdetweil
          last edited by May 4, 2023, 8:06 PM

          @sdetweil did I miss a zero there. Damn. Worked fine until this release of MMM-CX3A, tho.

          The "E" in "Javascript" stands for "Easy"

          M 1 Reply Last reply May 5, 2023, 7:06 AM Reply Quote 0
          • M Offline
            MMRIZE @BKeyport
            last edited by May 5, 2023, 7:06 AM

            @BKeyport
            I changed that logic also, because, with some certain circumstances, the disharmony of refresh schedules of each individual calendars and notifications might make too many refreshing/flickering. So I have to change the job.

            B 1 Reply Last reply May 5, 2023, 7:15 PM Reply Quote 0
            • B Offline
              BKeyport Module Developer @MMRIZE
              last edited by May 5, 2023, 7:15 PM

              @MMRIZE I see. I need the calendar to update more frequently, which is why I have my animations off normally. More options set. it now works, like it used to.

              Thanks!

              The "E" in "Javascript" stands for "Easy"

              1 Reply Last reply Reply Quote 0
              • S Offline
                Studio472
                last edited by May 8, 2023, 3:19 PM

                How do I remove the “fade to black” at the bottom of the agenda?

                M 1 Reply Last reply May 8, 2023, 4:00 PM Reply Quote 0
                • M Offline
                  MMRIZE @Studio472
                  last edited by May 8, 2023, 4:00 PM

                  @Studio472
                  Append this to your custom.css

                  .CX3A .agenda::after {
                    display: none;
                  }
                  
                  B 1 Reply Last reply May 8, 2023, 8:18 PM Reply Quote 0
                  • B Offline
                    BKeyport Module Developer @MMRIZE
                    last edited by May 8, 2023, 8:18 PM

                    @MMRIZE Boy, we did things the hard way…

                    /* Fade adjustments */
                    .CX3A .agenda::after {
                    	position: absolute;
                    	bottom: 0;
                    	left: 0;
                    	height: 6%;
                    	width: 100%;
                    	content: '';
                    	background-image: unset;
                    } 
                    

                    The "E" in "Javascript" stands for "Easy"

                    1 Reply Last reply Reply Quote 1
                    • M Offline
                      MM19198
                      last edited by Jun 15, 2023, 11:55 PM

                      I was able to get MMM-CalendarExt3 working, but I’m struggling with MMM-CalendarExt3Agenda. I cannot figure out what I’m doing wrong. None of the events appear in the MMM-CalendarExt3Agenda module but they do appear in the MMM-CalendarExt3 module. Any help is appreciated.

                      Google Calendar Config

                      {
                      	module: "MMM-GoogleCalendar",
                      	header: "Family Calendar",
                      	classes: "calendar-agenda",
                      	config: {
                      		calendars: [
                      			{
                      				symbol: "calendar-week",
                      				calendarID: "myemail@gmail.com",
                      				name: "mycalendar"
                      			},
                      		],
                      		broadcastEvents: true,
                      		broadcastPstEvents: true,
                      		maximumEntries: 100
                      	}
                      },
                      

                      MMM-CalendarExt3 Config

                      {
                      	module: "MMM-CalendarExt3",
                      	position: "top_center",
                      	title: "Family Calendar EXT3",
                      	config: {
                      		mode: "month",
                      		instanceID: "Ext-Calendar-Month",
                      		calendarSet: ['mycalendar'],
                      		weeksInView: 3,
                      		preProcessor: (e) => {
                      			if (e.start?.dateTime) {
                      				  e.startDate = new Date(e.start.dateTime).valueOf()
                      			} else if (e.start?.date) {
                      				  e.startDate = new Date('${e.start.date}T00:00:00').valueOf()
                      			}
                      
                      			if (e.end?.dateTime) {
                      				  e.endDate = new Date(e.end.dateTime).valueOf()
                      			} else if (e.end?.date) {
                      				  e.endDate = new Date('${e.end.date}T00:00:00').valueOf()
                      			}
                      
                      			e.title = e.summary
                      			e.fullDayEvent = (e.start?.date) ? true : false
                      			return e
                      		}
                      	}
                      },
                      

                      MMM-CalendarExt3Agenda Config

                      {
                      	module: "MMM-CalendarExt3Agenda",
                      	position: "top_left",
                      	title: "Something",
                      	config: {
                      		instanceId: "Ext3-Calendar-Agenda",
                      		calendarSet: ['mycalendar'],
                      		firstDayOfWeek: 1,
                      		startDayIndex: -1,
                      		endDayIndex: 10,
                      		showMiniMonthCalendar: false,
                      		preProcessor: (e) => {
                      			if (e.start?.dateTime) {
                      				  e.startDate = new Date(e.start.dateTime).valueOf()
                      			} else if (e.start?.date) {
                      				  e.startDate = new Date('${e.start.date}T00:00:00').valueOf()
                      			}
                      
                      			if (e.end?.dateTime) {
                      				  e.endDate = new Date(e.end.dateTime).valueOf()
                      			} else if (e.end?.date) {
                      				  e.endDate = new Date('${e.end.date}T00:00:00').valueOf()
                      			}
                      
                      			e.title = e.summary
                      			e.fullDayEvent = (e.start?.date) ? true : false
                      			return e
                      		}
                      	}
                      },
                      
                      M 1 Reply Last reply Jun 16, 2023, 3:07 AM Reply Quote 0
                      • 1
                      • 2
                      • 9
                      • 10
                      • 11
                      • 12
                      • 13
                      • 19
                      • 20
                      • 11 / 20
                      • 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