• 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
656 Posts 78 Posters 2.0m Views 82 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 @pastormingle
    last edited by Jul 28, 2023, 2:50 PM

    @pastormingle replied. From now on, let’s discuss this with email. I’ll leave the summary here later.

    1 Reply Last reply Reply Quote 0
    • P Offline
      pastormingle @pastormingle
      last edited by Aug 3, 2023, 1:27 PM

      @pastormingle Seems that when i loaded the outlook.ics it takes it about 10 min loaded when add addiational calendars. I have not errors in the log but it just slow to load when you restart if you have other calendars. What could it be? Do you have a fix for this?

      M 1 Reply Last reply Aug 3, 2023, 1:54 PM Reply Quote 0
      • M Offline
        MMRIZE @pastormingle
        last edited by Aug 3, 2023, 1:54 PM

        @pastormingle
        Is fetching slow? Or is drawing slow? Different reason, different solution.
        If fetching is slow; That is not my bad. Adjust interval of fetching calendar in calendar module.
        If drawing is slow(after fetched normally); Adjust waitFetch and refreshInterval. This thing is not “FIX”, just “configuration”

        However more frequent Fetching would give the ics host server more traffic.
        10mins late change, I think it’s sufficiently affordable. Your mirror is not the train time signboard of the station.

        P 1 Reply Last reply Aug 3, 2023, 4:59 PM Reply Quote 0
        • P Offline
          pastormingle @MMRIZE
          last edited by Aug 3, 2023, 4:59 PM

          @MMRIZE Not sure which is just doesn’t work till after 10 min passes… If i only put the outlook calendar in it’s instentances. where do you abjust the fetch?

          1 Reply Last reply Reply Quote 0
          • W Offline
            whimsicality @MMRIZE
            last edited by Aug 12, 2023, 3:52 PM

            @MMRIZE thank you so much for this! I successfully hid the times with the CSS you gave. But when I input the eventtransformer code, it causes NaN:NaN to show before all the events. Do you have any insight?
            )

            M 1 Reply Last reply Aug 12, 2023, 6:54 PM Reply Quote 0
            • M Offline
              MMRIZE @whimsicality
              last edited by Aug 12, 2023, 6:54 PM

              @whimsicality
              Show me what you did.

              W 1 Reply Last reply Aug 16, 2023, 2:19 AM Reply Quote 0
              • W Offline
                whimsicality @MMRIZE
                last edited by Aug 16, 2023, 2:19 AM

                @MMRIZE
                IMG_3610 Large.jpeg

                IMG_3611 Large.jpeg

                IMG_3609 Large.jpeg

                M 1 Reply Last reply Aug 16, 2023, 3:27 PM Reply Quote 0
                • M Offline
                  MMRIZE @whimsicality
                  last edited by Aug 16, 2023, 3:27 PM

                  @whimsicality
                  Hmmm. Works for me.
                  713414d0-f4b4-4da2-90f5-f478241914ff-image.png

                  Maybe your ev.startDate would not be a valid format. (Are you using default calendar module? Or others? - like MMM-GoogleCalendar or something)
                  You can check with this code.

                  eventTransformer: (ev) => {
                  	if (!ev.isFullday) {
                  		console.log("Check", ev.title, ev.startDate)
                  		let t = new Date(ev.startDate)
                  		let time = (t.getMinutes() == 0) ? String(t.getHours()) : String(t.getHours() + ":" + t.getMinutes())
                  		ev.title = `<span class="myTime">${time}</span> ${ev.title}`
                  	}
                  	return ev
                  }
                  

                  It will show additional info in your dev-console.
                  17daf202-0747-4367-9984-9c4b202984cd-image.png

                  1 Reply Last reply Reply Quote 0
                  • F Offline
                    furry131
                    last edited by Aug 18, 2023, 7:26 PM

                    Hello Good Sirs,

                    I have been banging my head against the wall for 2 days on this and cannot get my calendar to show up with any of the dates. I went back and read a few days back and saw the basic set up you did for fun holidays and tried to replicate it with the same code but I get the same results.

                    I can see my default running on the right side like it is supposed to. But the C3 loads on the bottom but doesn’t give any cells. (see screenshot) Just the header. I deleted the Module and reinstalled same thing. So I am assuming it is something to do with my config.

                    Any help is appreciated.

                    2023-08-18-132341_1920x1080_scrot.png

                     {
                    			disabled:false,
                    			module: "calendar",
                    			header: "Furlong Calendar",
                    			position: "top_right",
                    			config: {
                    				broadcastPastEvents: true, // <= IMPORTANT to see past events
                    				maximumNumberOfDays: 45,
                    				calendars: [
                    					{
                    						fetchInterval: 7 * 24 * 60 * 60 * 1000,
                    						symbol: "calendar-check",
                    						name: 'us_holiday',
                    						url: "webcal://www.calendarlabs.com/ical-calendar/ics/76/US_Holidays.ics",
                    						color: "rgb(235,20,16)", // <= RECOMMENDED to assign color
                    					},
                    									{
                    						name: "Furlong Family",
                                                                    url: "webcal://p132-caldav.icloud.com/published/2/MTYxOTc4Nzc3MTYxOTc4N0UtCeAoDU9jR_G3F17Eh3VRz9FwPUKI9GaiJPDRlUx9w0xueLmCtnzAAks9h8v7F0TiHM6R7cKBwKH_2PXqGZ0",
                                                                    //color: "rgb(235,20,16)"
                    					},
                    									{
                    					
                    						name: "Soccer",
                                                                    url: "https://api.playmetrics.com/calendar/304/team/111688-1156AA5E.ics",
                                                                    // color: "rgb(235,20,16)"
                    					},
                    					
                    					
                    				]
                    			}
                    		},
                            
                    
                    {
                    	module: "MMM-CalendarExt3",
                    	position: "bottom_bar",
                    	header: "My Calendar for 3 weeks",
                    	config: {
                    		mode: 'week',
                    	}
                    },
                    S 1 Reply Last reply Aug 18, 2023, 7:32 PM Reply Quote 0
                    • S Offline
                      sdetweil @furry131
                      last edited by Aug 18, 2023, 7:32 PM

                      @furry131 quick test… use the calendar url from the commandline

                      change webcal to https in the url

                      curl -sL the_url >somefile.ics
                      

                      see if it downloads the file… that is effectively all we do… download the file(it is text) and then process it…

                      i bet there is an error reported in the place u start MM (npm start)

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      F 1 Reply Last reply Aug 18, 2023, 8:02 PM Reply Quote 0
                      • 1
                      • 2
                      • 30
                      • 31
                      • 32
                      • 33
                      • 34
                      • 65
                      • 66
                      • 32 / 66
                      • 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