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-CalendarExt2

    Scheduled Pinned Locked Moved Utilities
    486 Posts 83 Posters 942.3k Views 83 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.
    • V Offline
      vulkandosii
      last edited by

      I seem to be having an issue with the month view and hope someone here might have a solution.

      Currently I have 7 calendars setup and am using daily view in the top left with month view in the fullscreen_below section.

      The daily view displays all events just fine when setting the slotCount to 2 or even 10 (although I cant figure out how to not overlap the month view) and it correctly displays all calendar events from all 7 calendars. All the calendars are from gmail and pulled from each gmail account using the link under “secret address in iCal format”. I have omitted that part in the code I shared below.

      The month view is only displaying a few events for the entire month, Dec 29 through Jan 7 is populated and it doesn’t have all the events listed for January 7th, the rest of the days in the month are completely empty. Last month (December) was displaying all events just fine. Is there something I am missing?

      I have recently update MM and MMM-CalendarExt2. The updates showed that they were completed successfully.

      module: "MMM-CalendarExt2",
      config:
      {
      	rotateInterval: 5 * 60 * 1000,
      calendars: [
      	{ // Calendar 1
      		name: "Calendar One",
      		className: "Cal1",
      		url: '<omitted>',
      	},
      	{ // Calendar 2
      		name: "Calendar Two",
      		className: "Cal2",
      		url: '<omitted>',
      	},
      	{ // Calendar 3
      		name: "Calendar Three",
      		className: "Cal3",
      		url: '<omitted>',
      	},
      	{ // Calendar 4
      		name: "Calendar Four",
      		className: "Cal4",
      		url: '<omitted>',
      	},
      	{ // Calendar 5
      		name: "Calendar Five",
      		className: "Cal5",
      		url: '<omitted>',
      	},
      	{ // Calendar 6
      		name: "Calendar Six",
      		className: "Cal6",
      		url: '<omitted>',
      	},
      	{ // Calendar 7
      		name: "Calendar Seven",
      		className: "Cal7",
      		url: '<omitted>',
      	},
      ],
      views: [
      	{
      		name: "MONTHVIEW",
      		mode: "month",
      		position: "fullscreen_below",
      		showWeekends: false,
      		timeFormat: "h:mm A",
      	},
      	{
      		name: "DAILYVIEW",
      		mode: "daily",
      		title: "Upcoming Events",
      		slotCount: 10,
      		timeFormat: "h:mm A",
      		hideOverflow: false,
      		filterPassedEvent: true,
      	},
      ],
      scenes: [
      {
      	name: "DEFAULT",
      },
      ],
      }
      
      ? 1 Reply Last reply Reply Quote 0
      • ? Offline
        A Former User @vulkandosii
        last edited by A Former User

        @vulkandosii set maxItems of month view to a bigger value. Current Default is 100. See the log and find enough value for that view.
        The reason is, you might have tons (at least over 100) of events in your ical files. Unless you filter or sort events(In other views, those are somehow filtered already), the first 100 items will be loaded for month view. And probably those events would be too old to display. Because you might have many repeated events before this month, so 100 would be consumed already for old events.

        V 1 Reply Last reply Reply Quote 0
        • T Offline
          Thekk
          last edited by

          Thanks for your amazing work. I was wondering if events have a property that marks them as part of a repeating sequence. I would like to filter based on that. I couldn’t find anything about that in the (very complete) documentation.

          ? 1 Reply Last reply Reply Quote 0
          • V Offline
            vulkandosii @Guest
            last edited by

            @Sean I added maxItems: 2000 to the month view. This fixed the issue. Is there any concerns having the maxItems set this high? will this slow it down or cause issues later?

            Also a side note, the daily view overlaps if I set the slotCount past 2 or 3 when there are many events populated. Is there a way to cut it off if it hits the month calendar? Currently I just have slotCount set to 2 and this usually works to keep it small enough. Just wondering if there is a better solution.

            Also thanks for this mod, it has been a huge benefit to my whole family. We use this to keep track of all the kids’ events and don’t think we can go back to anything else after using this.

            ? 1 Reply Last reply Reply Quote 0
            • ? Offline
              A Former User @Thekk
              last edited by A Former User

              @Thekk
              Hmmm… I think there is no flag about repeated events. I’ll research about it.
              For filtering; See this; https://github.com/eouia/MMM-CalendarExt2/wiki/Filtering-and-Sorting
              And this also; https://github.com/eouia/MMM-CalendarExt2/wiki/Event-Object

              T 1 Reply Last reply Reply Quote 0
              • ? Offline
                A Former User @vulkandosii
                last edited by

                @vulkandosii
                Well, 2000 seems not too burdensome. I think it will be OK.

                Your second question… hmmm Sorry I can’t catch the meaning. Would u tell me more detailly? Picture will be a great help to understand.

                Thanks for using.

                V 1 Reply Last reply Reply Quote 0
                • V Offline
                  vulkandosii @Guest
                  last edited by

                  @Sean I have attached the MM image of what I am seeing. This is what it looks like when the Daily view is overlapping the monthly calendar. I would like to get as many events listed before it hits the calendar. So far the only solution I have found is to just have 2 days listed, since anymore than that can cause an overlap, depending on how many events occur in any given day.

                  0_1578243483317_screenshot-name.jpg

                  ? S 2 Replies Last reply Reply Quote 0
                  • ? Offline
                    A Former User @vulkandosii
                    last edited by

                    @vulkandosii
                    Frankly, MM screen is not so big enough to display many things. :)
                    set slotMaxHeight of month view to smaller value might be a help.

                    V 1 Reply Last reply Reply Quote 0
                    • V Offline
                      vulkandosii @Guest
                      last edited by

                      @Sean I was hoping to control the daily view to prevent it from moving down too far. I like having the monthly calendar large as it is now. I will just go back to controlling it with slotCount since hideOverflow and SlotMaxHeight doesn’t seem to affect Daily views. Thanks.

                      ? 1 Reply Last reply Reply Quote 0
                      • ? Offline
                        A Former User @vulkandosii
                        last edited by

                        @vulkandosii
                        There could be some tricks like hiding day-slot when there is no event or filtering unimportant events on view… However, it needs some knowledge about JS and CSS.

                        1 Reply Last reply Reply Quote 0
                        • J Offline
                          Jas @Guest
                          last edited by

                          @Sean said in MMM-CalendarExt2:

                          @Jas

                          1. Weird. if you are using timeFormat: "h:mm A", it will show 11:00 AM not 11 or 11AM.
                            https://github.com/eouia/MMM-CalendarExt2/wiki/Event-Time
                          2. In that case, just use daily view with filterPassedEvent: true
                            https://github.com/eouia/MMM-CalendarExt2/wiki/2c.-Configuration:View
                          3. use fromNow to skip days.
                            https://github.com/eouia/MMM-CalendarExt2/wiki/2c.-Configuration:View
                          4. like this?
                            0_1578188119325_7897ec12-3972-4d80-a7d6-ee3545b69220-image.png
                            add this into your css/custom.css
                          .CX2 .view.upcoming .eventCount_0 .slotFooter::after {
                            content: "There is no event."
                          }
                          

                          https://github.com/eouia/MMM-CalendarExt2/wiki/4.-Styling

                          @Sean Thanks. Got some of them working but not all.

                          1. I’ll keep tweaking.

                          2. How do I filter the events for Today’s date only in “daily view”. I see Today, Tomorrow, Tuesday, Wednesday listed in my daily view but can’t figure out how to filter that to today’s date only.
                            0_1578268987914_37058269-f12c-4ef5-a284-4ad6eb3a74e0-image.png

                          3. Works! :-) Thank you!

                          4. The suggestion about showing “There is no event” does not work. Nothing shows up. I used the same syntax as above and also tried to modify it but no luck.

                          Thanks

                          ? 1 Reply Last reply Reply Quote 0
                          • ? Offline
                            A Former User @Jas
                            last edited by A Former User

                            @Jas
                            For 2. filterPassedEvent makes not loading passed events at this moment, so it will not affect to tomorrow or future days. Only today will be affected.

                            For 4. It will work on upcoming view. For daily view, this selector might work (not tested). Try yourself with documents.

                            .CX2 .view.daily .eventCount_0 .slotFooter::after
                            
                            J 1 Reply Last reply Reply Quote 0
                            • J Offline
                              Jas @Guest
                              last edited by

                              @Sean I just want Today’s events to show up. So that should not list Tomorrow or any other day’s events. Sorry if I wasn’t clear.
                              Thanks

                              ? 1 Reply Last reply Reply Quote 0
                              • ? Offline
                                A Former User @Jas
                                last edited by

                                @Jas
                                set slotCount: 1
                                https://github.com/eouia/MMM-CalendarExt2/wiki/2c.-Configuration:View

                                J 1 Reply Last reply Reply Quote 0
                                • J Offline
                                  Jas @Guest
                                  last edited by

                                  @Sean Thank you so much! Yup all working now. I got the “No more events” to show up by using the following in the daily view if that helps anyone else.

                                  .CX2 .slot.eventCount_0 .slotContent::after {
                                    content: "No Scheduled Meetings"
                                  }
                                  

                                  Thanks for the amazing work and support!

                                  ? 1 Reply Last reply Reply Quote 0
                                  • ? Offline
                                    A Former User @Jas
                                    last edited by A Former User

                                    @Jas
                                    .CX2 .slot.eventCount_0 this is not only for daily view, so could be risky on other views. Anyway, if it works at this moment, don’t mind. :D

                                    1 Reply Last reply Reply Quote 0
                                    • J Offline
                                      JRB1988 @JRB1988
                                      last edited by

                                      @Sean Hey Sean, not sure if you saw my last response. I updated to static with still no luck. Any ideas. I was thinking it might have to be with telling timeline the right name or something along those lines. This is my configure except dynamic switched to static. Thanks!

                                      0_1578277021369_21be1e9c-eea3-4571-96c9-830e64eb1316-image.png

                                      1 Reply Last reply Reply Quote 0
                                      • T Offline
                                        Thekk @Guest
                                        last edited by Thekk

                                        @Sean said in MMM-CalendarExt2:

                                        @Thekk
                                        Hmmm… I think there is no flag about repeated events. I’ll research about it.
                                        For filtering; See this; https://github.com/eouia/MMM-CalendarExt2/wiki/Filtering-and-Sorting
                                        And this also; https://github.com/eouia/MMM-CalendarExt2/wiki/Event-Object

                                        I haven’t seen any mention about that property in the filtering or event-object. I did browse through your parser and didn’t see any mention about repeating objects. I did Google a little further and found this function in (what I gather is) the underlying parser: http://mozilla-comm.github.io/ical.js/api/ICAL.Event.html#isRecurring

                                        Rather proud that I did (eventually) get it to work. I added

                                        // Check if an event is recurring and make a filterable property
                                              ev.isRecurring = ri.isRecurring()
                                        

                                        around line 140 in node_helper.js and added the following filter:

                                        filter: (event) => {
                                          if (event.isRecurring) {
                                             return false
                                          } else {
                                              return true
                                          }
                                        },
                                        

                                        to remove all recurring items from one of the views.

                                        E ? 2 Replies Last reply Reply Quote 0
                                        • A Offline
                                          Arjan Project Sponsor
                                          last edited by

                                          Last week I switched from MMM-CalendarExt to MMM-CalendarExt2 due to problems with showing full day events one day to late.
                                          I have almost everything setup the way I would like with the custom.css, but have a few points left where I need some help with.

                                          • Can you make the font larger for slotTitle in only “current” and “upcomming”.
                                          • Can you make slotMaxHeight auto size in “week” and “current ”so that is always shows all events and not a +2.
                                          • Can an event in “week” be bigger than 1 line, so no data is lost.

                                          That’s all.

                                          ? 1 Reply Last reply Reply Quote 0
                                          • ? Offline
                                            A Former User @Arjan
                                            last edited by

                                            @Arjan
                                            Well.
                                            There are already hundreds of questions similar with this.

                                            1. possible. See the MMM-CalendarExt2.css then find proper selector, then redefine it on your css/custom.css.
                                            2. impossible. autosize? fit for what? How about number of events are over 100 in those views?
                                            3. possible but not recommended. MM screen is too narrow to display week/month view with ALL DATA.
                                            1 Reply Last reply Reply Quote 0

                                            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                            With your input, this post could be even better 💗

                                            Register Login
                                            • 1
                                            • 2
                                            • 3
                                            • 4
                                            • 5
                                            • 24
                                            • 25
                                            • 2 / 25
                                            • 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