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.

    Cant use showEnd icloud cal

    Scheduled Pinned Locked Moved Solved Troubleshooting
    30 Posts 3 Posters 2.3k Views 3 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 @blvk
      last edited by

      @blvk turn off showOnlyWithDuration

      this is a whole day, multiday event
      duration is tor a short term event

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      B 1 Reply Last reply Reply Quote 0
      • B Offline
        blvk @sdetweil
        last edited by

        @sdetweil said in Cant use showEnd icloud cal:

        @blvk turn off showOnlyWithDuration

        set to false, no changes, do you need some more informations i can share?

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

          @blvk sorry, didn’t think it thru

          because your events are full day (no time)

          DTSTART;VALUE=DATE:20241216
          

          there is no duration

          we do not show end for full day events
          we could, but don’t

          if (this.config.showEnd) {
          	if (this.config.showEndsOnlyWithDuration && event.startDate === event.endDate) {
          	    // no duration here, don't display end
          	} else {
          //----- we do this
          		timeWrapper.innerHTML += "-";
          			timeWrapper.innerHTML += CalendarUtils.capFirst(moment(event.endDate, "x").format(this.config.dateEndFormat));
          	}
          }
          	// For full day events we use the fullDayEventDateFormat
          	if (event.fullDayEvent) {
                  	//subtract one second so that fullDayEvents end at 23:59:59, and not at 0:00:00 on the next day
          	       event.endDate -= ONE_SECOND;
          /// then change the display of both to just the start 
                         timeWrapper.innerHTML = CalendarUtils.capFirst(moment(event.startDate, "x").format(this.config.fullDayEventDateFormat));
          

          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 @blvk
            last edited by

            @blvk I just added this to the next release calendar
            you can get my test version and try it out
            see https://forum.magicmirror.builders/topic/19070/call-for-testers-updated-calendar-module

            if showEnd:true, and start date is different then end date, then
            add end date on using dateEndFormat
            — this (dateEndFormat) might collide with dateEndFormat on events WITH time… need feedback

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            evroomE 1 Reply Last reply Reply Quote 0
            • evroomE Offline
              evroom @sdetweil
              last edited by

              @sdetweil

              At first sight I do not like it too much.
              Daily repeating events have an end time now that does not make really sense (23:59) and the Holliday end time only makes sense when the dateEndFormat is extended to see the date.
              And that makes it pretty crowded in the date/time column.

              IMHO :-)

              timeFormat: "absolute",
              showEnd: true,
              showEndsOnlyWithDuration: true,
              //dateEndFormat: "HH:mm",
              dateEndFormat: "dddd MMM D - HH:mm",
              

              Screenshot 2024-10-23 at 18.20.50.png

              I currently have
              showEndsOnlyWithDuration: true,
              but
              showEndsOnlyWithDuration: false,
              does not seem to do anything.

              timeFormat: "absolute",
              showEnd: false,
              showEndsOnlyWithDuration: true,
              dateEndFormat: "HH:mm",
              //dateEndFormat: "dddd MMM D - HH:mm",
              

              Screenshot 2024-10-23 at 18.35.01.png

              Regards,

              E.J.

              MagicMirror version: 2.30.0
              Raspberry Pi 4 Model B Rev 1.5 (8 GB RAM)
              Raspbian GNU/Linux 12 (bookworm)

              Test environment:
              MagicMirror version: v2.30.0
              Raspberry Pi 3 Model B Plus Rev 1.3 (1 GB RAM)
              Raspbian GNU/Linux 12 (bookworm)

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

                @evroom thanks… that was what I was afraid of

                can you change line calendar.js 439 to be like this, use the FullDayEventFormat, so not different that begin

                							timeWrapper.innerHTML += CalendarUtils.capFirst(moment(event.endDate, "x").format(this.config.fullDayEventDateFormat));
                

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                evroomE 1 Reply Last reply Reply Quote 0
                • evroomE Offline
                  evroom @sdetweil
                  last edited by

                  @sdetweil said in Cant use showEnd icloud cal:

                  calendar.js

                  ~/MagicMirror/modules/default/calendar/calendar.js

                  this.config.fullDayEventDateFormat
                  
                  showEnd: true,
                  showEndsOnlyWithDuration: true,
                  

                  Screenshot 2024-10-23 at 19.10.49.png

                  showEnd: false,
                  showEndsOnlyWithDuration: true,
                  

                  Screenshot 2024-10-23 at 19.09.50.png

                  MagicMirror version: 2.30.0
                  Raspberry Pi 4 Model B Rev 1.5 (8 GB RAM)
                  Raspbian GNU/Linux 12 (bookworm)

                  Test environment:
                  MagicMirror version: v2.30.0
                  Raspberry Pi 3 Model B Plus Rev 1.3 (1 GB RAM)
                  Raspbian GNU/Linux 12 (bookworm)

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

                    @evroom that looks better , is it better?
                    only w duration only applies to date-time events

                    but same day shouldnt have add end show (but i compared full internal date value, which includes a utc time value which would be different)

                    its ‘more’ consistent with end showing, but illogical to me to have start and end on the same day

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

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

                      @evroom

                      so try this , new line 437. only show end if the end date is different than the start date

                      if (this.config.showEnd && moment(event.startDate,"x").format("YYYYMMDD") !== moment(event.endDate,"x").format("YYYYMMDD")) {
                      

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      evroomE 1 Reply Last reply Reply Quote 0
                      • evroomE Offline
                        evroom @sdetweil
                        last edited by

                        @sdetweil

                        In short, I think it is looking better now.
                        To make full profit from ‘showEnd: true’ one should use a ‘dateEndFormat’ that makes sense, not like mine.
                        The only thing that I notice, is that ‘showEndsOnlyWithDuration’ is not doing anything.
                        In my examples I only see a change when I toggle ‘showEnd’.

                        calendar.js.png

                        urgency: 0,
                        timeFormat: "absolute",
                        dateFormat: "dddd MMM D - HH:mm",
                        dateEndFormat: "HH:mm",
                        fullDayEventDateFormat: "dddd MMM D",
                        showEnd: true,
                        showEndsOnlyWithDuration: true,
                        getRelative: 0,
                        

                        showEnd_true_true.png

                        showEnd: true,
                        showEndsOnlyWithDuration: false,
                        

                        showEnd_true_false.png

                        showEnd: false,
                        showEndsOnlyWithDuration: true,
                        

                        showEnd_false_true.png

                        showEnd: false,
                        showEndsOnlyWithDuration: false,
                        

                        showEnd_false_false.png

                        MagicMirror version: 2.30.0
                        Raspberry Pi 4 Model B Rev 1.5 (8 GB RAM)
                        Raspbian GNU/Linux 12 (bookworm)

                        Test environment:
                        MagicMirror version: v2.30.0
                        Raspberry Pi 3 Model B Plus Rev 1.3 (1 GB RAM)
                        Raspbian GNU/Linux 12 (bookworm)

                        S 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 3 / 3
                        • 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