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
    224 Posts 30 Posters 362.0k Views 32 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.
    • BKeyportB Offline
      BKeyport Module Developer @MMRIZE
      last edited by

      @MMRIZE 🏈 in the title for the one I want, and/or calendar name is “XFL”

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

      S 2 Replies Last reply Reply Quote 0
      • S Offline
        sdetweil @BKeyport
        last edited by

        @BKeyport

        eventFilter: (ev) => {
        	if (ev.title.search('XFL') > -1) {Set color, whatever; }
        	return true
        },
        

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        BKeyportB 1 Reply Last reply Reply Quote 0
        • BKeyportB Offline
          BKeyport Module Developer @sdetweil
          last edited by

          @sdetweil XFL isn’t in the title - just the calendar name.

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

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

            @BKeyport said in MMM-CalendarExt3Agenda:

            in the title for the one I want,

            XFL isn’t in the title

            ???
            which is it,?

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            BKeyportB 1 Reply Last reply Reply Quote 0
            • BKeyportB Offline
              BKeyport Module Developer @sdetweil
              last edited by

              @sdetweil finish reading my statement. What’s unique abou that calendar is two things:

              1. In the title, the football emoji. (stripped by a transform)
              2. The calendar name is “XFL”

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

              M 1 Reply Last reply Reply Quote 0
              • M Offline
                MMRIZE @BKeyport
                last edited by

                @BKeyport
                You may use “calendarSet: [ … ]” in configuration to allow specific calendars only.
                Or you can use “calendarName” property in the transformer function.

                1 Reply Last reply Reply Quote 0
                • luisestradaL Offline
                  luisestrada @MMRIZE
                  last edited by luisestrada

                  @MMRIZE Sorry I could not reply sooner.

                  The Tesla module is the module below

                  MMM-TeslaLogger https://github.com/spitzlbergerj/MMM-TeslaLogger

                  I use Teslamate to extract the data from the car.

                  I will send you my calendar code to your email.

                  I also realized the last event (Saturday, Feb 18, in my screenshot) shows in my calendar but not in the agenda, If I take less days it does not show the last event. I did not see the issue when the last day was the 23rd, probably because the event started on the 22nd.

                  1 Reply Last reply Reply Quote 0
                  • M Offline
                    MMRIZE
                    last edited by

                    1.2.0 (2023-04-25)

                    • ADDED: weatherNotification, eventNotification - To get data from 3rd party module which is not compatible with default modules.
                    • ADDED: weatherPayload, eventPayload - To manipulate or to convert received payload itself on time. (e.g. Convert Celcius unit to Fahrenheit unit)
                    • ADDED: Hiding day cell which has no event : onlyEventDays: n
                    • CHANGED : Display whole month events in miniCalendar regardless of agenda showing (despite endDayIndex or onlyEventDays)
                    • CHANGED: Shared library to fix many issues.
                    • CHANGED: Timing of eventFilter and eventTransformer is delayed for better-handling event data after regularized
                    • FIXED : Pooling events with multi-calendar modules’ notification
                    • FIXED: position issue (I hope so…)
                    • FIXED: some typo.
                    • FIXED: flickering for many reasons (logic error to treat notifications)

                    sc

                    BKeyportB 1 Reply Last reply Reply Quote 0
                    • BKeyportB Offline
                      BKeyport Module Developer @MMRIZE
                      last edited by

                      @MMRIZE

                      Broke: My install… Nothing is coming up. I’ve attempted removing my custom CSS, which doesn’t help, so I’m figuring it’s something in my config. Here’s one of the 3 instances.

                      Nothing showing up in the logs, which are set for info, log, warn, error, and debug.

                      		{
                      			module: "MMM-CalendarExt3Agenda", // https://github.com/MMRIZE/MMM-CalendarExt3Agenda
                      			position: "top_left",
                      			config: {
                      				instanceId: "1",
                      				showMiniMonthCalendar: false,
                      				firstDayOfWeek: 0,
                      				startDayIndex: 0,
                      				endDayIndex: 99,
                      				minimalDaysOfNewYear: 1,
                      				animationSpeed: 0,
                      				useSymbol: false,
                      				useWeather: false,
                      				calendarSet: ["Main", "Utility"],
                      				eventTransformer: (ev) => {
                      					if (ev.title.search("⚾") > -1) {
                      						ev.title = ev.title.replace("⚾️ ","");
                      					}
                      					if (ev.title.search("Bowling") > -1) {
                      						ev.color = 'yellow';
                      					}
                      					if (ev.title.search("🏈") > -1) {
                      						ev.title = ev.title.replace("🏈 ","");
                      					}
                      					return ev
                      				},
                      			},
                      		},
                      

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

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

                        @BKeyport its all in the browser, so open the developers window, console tab

                        put ext3 in the filter field

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        BKeyportB 1 Reply Last reply Reply Quote 0
                        • BKeyportB Offline
                          BKeyport Module Developer @sdetweil
                          last edited by BKeyport

                          @sdetweil You really think I forgot to check that?

                          91ae6bc0-8b98-4c31-8ff5-27a2cc1e34e4-image.png

                          I did forget to look at the console, though:
                          76a5903e-4d2d-46f3-9ff0-1a95d7e9f9ea-image.png

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

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

                            no idea that the ‘not prepared yet’ means

                            Sam

                            How to add modules

                            learning how to use browser developers window for css changes

                            BKeyportB 1 Reply Last reply Reply Quote 0
                            • BKeyportB Offline
                              BKeyport Module Developer @sdetweil
                              last edited by

                              @sdetweil Same. I figure there’s an option somewhere that’s preventing me from loading it fully. I’m sure @MMRIZE will have it fixed right away.

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

                              1 Reply Last reply Reply Quote 0
                              • M Offline
                                MMRIZE @BKeyport
                                last edited by

                                @BKeyport
                                I refactored all the duplicated logics in these modules and separate it with sub module named ‘CX3_Shared’.
                                That message happens when that submodule is not loaded(with certain reason). Most suspicious thing would be that submodule is not installed properly. Could you check it again?

                                https://github.com/MMRIZE/MMM-CalendarExt3Agenda#update-to-120

                                BKeyportB 1 Reply Last reply Reply Quote 0
                                • S sdetweil referenced this topic on
                                • N Named54 referenced this topic on
                                • BKeyportB Offline
                                  BKeyport Module Developer @MMRIZE
                                  last edited by BKeyport

                                  @MMRIZE Oh, doh! you gave in and had to install a dependancy/submodule! 🤣🤣🤣

                                  Missed that.

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

                                  BKeyportB 1 Reply Last reply Reply Quote 0
                                  • BKeyportB Offline
                                    BKeyport Module Developer @BKeyport
                                    last edited by BKeyport

                                    Doing some clean up work and some things aren’t working.

                                    The module isn’t updating in my config.

                                    Here is the configs and details.

                                    		{
                                    			module: "MMM-CalendarExt3Agenda", // https://github.com/MMRIZE/MMM-CalendarExt3Agenda
                                    			position: "top_left",
                                    			config: {
                                    				instanceId: "1",
                                    				showMiniMonthCalendar: false,
                                    				firstDayOfWeek: 0,
                                    				startDayIndex: 0,
                                    				endDayIndex: 99,
                                    				minimalDaysOfNewYear: 1,
                                    				animationSpeed: 0,
                                    				useSymbol: false,
                                    				useWeather: false,
                                    				calendarSet: ["Main", "Utility"],
                                                                    eventTransformer: (ev) => {
                                    					if (ev.title.search("Bowling") > -1) {
                                    						ev.color = 'yellow';
                                    					}
                                    					return ev
                                    				},
                                    			},
                                    		},
                                    //top_center
                                    		{
                                    			module: "MMM-CalendarExt3Agenda", // https://github.com/MMRIZE/MMM-CalendarExt3Agenda
                                    			position: "top_center",
                                    			config: {
                                    				showMiniMonthCalendar: false,
                                    				instanceId: "2",
                                    				firstDayOfWeek: 0,
                                    				startDayIndex: 0,
                                    				endDayIndex: 99,
                                    				minimalDaysOfNewYear: 1,
                                    				animationSpeed: 0,
                                    				useSymbol: false,
                                    				useWeather: false,
                                    				calendarSet: ["Seahawks", "Sounders", "Bluejays", "Mariners", "Kraken", "Huskies", "XFL", "ARES", "Holdays"],
                                    				eventTransformer: (ev) => {
                                    					if (ev.title.search("⚾") > -1) {
                                    						ev.title = ev.title.replace("⚾","");
                                    					}
                                    					if (ev.title.search("🏈") > -1) {
                                    						ev.title = ev.title.replace("🏈 ","");
                                    					}
                                    					return ev
                                    				},
                                    			},
                                    		},
                                    		{
                                    			module: "MMM-CalendarExt3Agenda", // https://github.com/MMRIZE/MMM-CalendarExt3Agenda
                                    			position: "top_center",
                                    			config: {
                                    				instanceId: "3",
                                    				showMiniMonthCalendar: false,
                                    				firstDayOfWeek: 0,
                                    				startDayIndex: 0,
                                    				endDayIndex: 99,
                                    				minimalDaysOfNewYear: 1,
                                    				animationSpeed: 0,
                                    				useSymbol: false,
                                    				useWeather: false,
                                    				calendarSet: ["IRS"], 
                                    			},
                                    		},
                                    

                                    Here’s all the public calendars for testing. My “Main” calendar is a private google calendar.

                                    // First Calendar
                                    // Stand in public calendar to protect private data:
                                    					{ 
                                    						url: "https://calendar.google.com/calendar/ical/brendan.keyport%40gmail.com/public/basic.ics",
                                    						name: "Main",
                                    					},
                                    					{
                                    						url: "https://recollect.a.ssl.fastly.net/api/places/BC71002A-F27F-11E8-B5B7-6853A40EAB6C/services/579/events.en-US.ics?client_id=91264B66-7113-11ED-8C28-2101D6C077E5",
                                    						name: "Utility",
                                    					},
                                    // Second Calendar
                                    					{
                                    						url: "http://cal.events/VReW45.ics",
                                    						name: "Seahawks",
                                    						color: "#69BE28",
                                    					},
                                    					{
                                    						url: "https://calendar.google.com/calendar/ical/3vejg64nfe9hk5odcphufgis14%40group.calendar.google.com/private-ae3d986ef6488a425755baf7198a1c99/basic.ics",
                                    						name: "Sounders",
                                    						color: "#69BE28",
                                    					},
                                    					{
                                    						url: "https://calendar.google.com/calendar/ical/mp4efjqgjiq6hphri5ppkkm66k%40group.calendar.google.com/private-81bfdc024de66a7639ac010dfe56263a/basic.ics",
                                    						name: "Bluejays",
                                    						color: "#E8291C",
                                    					},
                                    					{
                                    						url: "https://calendar.google.com/calendar/ical/fgl0a1o8duc3quq3mpjlcopk50%40group.calendar.google.com/private-c55f9de420fe504de01c18f263d70fa7/basic.ics",
                                    						name: "Mariners",
                                    						color: "#69BE28",
                                    					},
                                    					{
                                    						url: "https://calendar.google.com/calendar/ical/a6fras24hof5ibrk9q1aeg0igg%40group.calendar.google.com/private-147cebc733aab31784e2ab7f18c13cbc/basic.ics",
                                    						name: "Kraken",
                                    						color: "#69BE28",
                                    					},
                                    					{
                                    						url: "https://gohuskies.com/calendar.ashx/calendar.ics?sport_id=3",
                                    						name: "Huskies",
                                    						color: "#69BE28",
                                    					},
                                    					{
                                    						url: "webcal://calendar.google.com/calendar/ical/d2dba52c05b47583471f0eccbdb79938b9b0d5ef7711298f4c3455fe64ae6ffa%40group.calendar.google.com/public/basic.ics",
                                    						name: "XFL",
                                    						color: "#e93b16",
                                    					},
                                    					{
                                    						url: "https://calendar.google.com/calendar/ical/en.usa%23holiday%40group.v.calendar.google.com/public/basic.ics",
                                    						name: "Holdays",
                                    					},
                                    					{
                                    						url: "https://calendar.google.com/calendar/ical/futpub9jb1fisumog0u68s9pdc%40group.calendar.google.com/public/basic.ics",
                                    						name: "ARES",
                                    						color: "#FF1493",
                                    					},
                                    					
                                    // Third Calendar
                                    					{
                                    						url: "https://calendar.google.com/calendar/ical/ufeoastn72l4rcaact44k3iff3pfcun5%40import.calendar.google.com/public/basic.ics",
                                    						name: "IRS",
                                    					},
                                    

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

                                    M 1 Reply Last reply Reply Quote 0
                                    • M Offline
                                      MMRIZE @BKeyport
                                      last edited by

                                      @BKeyport
                                      6c183bb2-9786-49b3-94e2-d8d41be53a8b-image.png

                                      This is what I’ve got with your config.
                                      Is it different with what you want? Tell/Show me what you expected. (AS-IS and TO-BE)

                                      BKeyportB 1 Reply Last reply Reply Quote 0
                                      • BKeyportB Offline
                                        BKeyport Module Developer @MMRIZE
                                        last edited by BKeyport

                                        @MMRIZE It seems to be loading everything now, but it’s not refreshing with the calendar app. If I add an event, it misses it until it refreshes at the top of the hour. This includes events going “live” - (bold).

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

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

                                          @BKeyport what is the calendar refresh rate set to ?

                                          Sam

                                          How to add modules

                                          learning how to use browser developers window for css changes

                                          BKeyportB 1 Reply Last reply Reply Quote 0
                                          • BKeyportB Offline
                                            BKeyport Module Developer @sdetweil
                                            last edited by

                                            @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 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
                                            • 6
                                            • 7
                                            • 8
                                            • 9
                                            • 10
                                            • 11
                                            • 12
                                            • 8 / 12
                                            • 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