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.

    Apply color to future events in CalendarExt3

    Scheduled Pinned Locked Moved Custom CSS
    10 Posts 2 Posters 69 Views 2 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.
    • K Offline
      kkmirr04
      last edited by

      Currently, my CalendarExt3 module is only applying color to events that are within 48 hours. None of the events on the calendar past 48 hours have any coloring applied to them. I took a read through the pinned CSS guide but I’m not sure how to hunt down the sheet / items I need to change to implement this. I didn’t see anything obvious in the readme to edit this either.

      Here is what my calendar looks like right now - only Sams Birthday which is today has color applied
      calExt3 my view.png

      And here is an example from Google where all of the events for the month have color applied to them:
      calExt3 desired view.png

      S 1 Reply Last reply Reply Quote 0
      • S Do not disturb
        sdetweil @kkmirr04
        last edited by

        @kkmirr04 ext3 gets its events from the default c as lender module and can use the color definition there
        Different for each url used/defined

        Can you show your default cal Module config
        Xxx out the urls

        Sam

        How to add modules

        learning how to use browser developers window for css changes

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

          @sdetweil Yup here it is, pretty basic. I’ve tried running the default calendar module twice with one calendar in each config, but then the second calendar fails to load once I also add in the pages module. Goal is to show a list of the events on the first page, and then the second page is just the monthly calendar

          {
          			module: "calendar",
          			classes: "page0",
          			header: "What's Happening'",
          			position: "top_right",
          			config: {
          			   colored: true,
          				calendars: [
          					{
          						name: "xx_cal",
          						color: 'yellow',
          						fetchInterval: 7 * 24 * 60 * 60 * 1000,
          						symbol: "calendar-check-o",
          						url: "https://calendar/basic.ics"
          						
          					},
          				{
          						name: "yy_cal",
          						color: 'green',
          						fetchInterval: 7 * 24 * 60 * 60 * 1000,
          						symbol: "calendar-check-o",
          						url: "webcal:xx//"
          					},
          				
          				],
          			    
          			}
          		},
          
          S 1 Reply Last reply Reply Quote 0
          • S Do not disturb
            sdetweil @kkmirr04
            last edited by

            @kkmirr04 ok,

            1st does the default cal show color on the events in the list per the URL configs?

            the config you presented will show ALL the events together, intertwined. in a single list

            EXT3 could see them differently by name

            can you show the ext3 configs
            please, always use the code block wrapper around config or logs)

            to do in this message editor

            paste the text you want to present
            blank line above and below
            select the text you just pasted
            hit the code block button </> in the menu above the editor

            Sam

            How to add modules

            learning how to use browser developers window for css changes

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

              @sdetweil
              I do have color on the events list - hopefully this is what you were asking for
              events.png

              I would love to have it broken back out into two separate lists, but when I do that and integrate MMM-Pages, it refuses to load the second calendar stream on the events list and also into the calendar. Its like it just refuses to go out and check.
              I think its a limitation of the Pages module, I’ve got it setup for the classes configuration. You can call the same module on different pages, but it doesn’t seem like I can call the default calendar module twice on the same page. I haven’t done much research on the Pages issue, thats my next one to tackle.

              Interestingly, looking at the CalendarExt3 view today - none of the future events have color applied to them:

              cal2.png

              Think I got the code block correct this time - thanks for pointing that out to me.

              {
                    module: "MMM-CalendarExt3",
                    classes: "page1",
                    position: "bottom_bar",
                    title: "",
                    config: {
                      mode: "week",
                      instanceId: "main",
              	showWeekNumber: false, 
              	//useSymbol: true,
              	//displayLegend: true,
                      maxEventLines: 10,
              	//useWeather: true,
                      firstDayOfWeek: 0,
                      calendarSet: ['xx_cal', 'yy_cal'],
                      
                    }
                  },
              
              S 1 Reply Last reply Reply Quote 0
              • S Do not disturb
                sdetweil @kkmirr04
                last edited by sdetweil

                @kkmirr04 ok, there is a quirk in the EXT3 family of modules .

                They don’t know when the messages are coming. And don’t want to flash the screen with changes each time they arrive.
                Some events of today from cal 1 and more from cal 2 at a different time

                So they use a refreshInterval default 15 minutes

                But you don’t want to wait 15 mins for the first draw.
                So they have another setting waitFetch:5 seconds

                After startup wait waitFetch time and draw whatever events have arrived. Even if none

                THEN you have to wait refreshInterval time

                You have both at default

                A little downside on the waitFetch is you get NOTHING til it expires

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                S 1 Reply Last reply Reply Quote 0
                • S Do not disturb
                  sdetweil @sdetweil
                  last edited by

                  Another question. When did you install ext3

                  You DID run npm install the that module folder right?

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

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

                    @sdetweil

                    I believe ext3 was one of the first modules I installed when I started everything this weekend. I do remember having some errors so theres a good chance I messed something up. I just ran npm install again and it processed fine, but no changes on the functionality.

                    Would it make sense to delete out the folder and try downloading / configuring the module again?

                    S 2 Replies Last reply Reply Quote 0
                    • S Do not disturb
                      sdetweil @kkmirr04
                      last edited by

                      @kkmirr04 no, there was a fix a couple weeks ago, but if you just loaded it, should be fine

                      Can you add waitFetch:20000,

                      To the EXT3 module config

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      1 Reply Last reply Reply Quote 0
                      • S Do not disturb
                        sdetweil @kkmirr04
                        last edited by

                        @kkmirr04 can you try release 2.36 just released.

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        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 / 1
                        • 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