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
    222 Posts 29 Posters 286.5k Views 31 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 @FMancuso5
      last edited by

      @FMancuso5 can you show the agenda config?

      here is mine

          {
            module: "MMM-CalendarExt3Agenda", // https://github.com/MMRIZE/MMM-CalendarExt3Agenda
            position: "top_left",
            classes:"page1",
            config: {
              showMiniMonthCalendar: false,
              refreshInterval: 3600000, // Should be one hour
              waitFetch: 20000,
              firstDayOfWeek: 0,
              startDayIndex: 1,
              endDayIndex: 30,
              animationSpeed: 0,
              useSymbol: true,
              useWeather: false,
            },
          }

      Sam

      How to add modules

      learning how to use browser developers window for css changes

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

        @sdetweil

        {
                    module: "MMM-CalendarExt3Agenda",
                    position: "top_right",
                    header: "Next 3 Days",
                    config: {
                        showMiniMonthlyCalendar: false,
                        instanceId: "basicAgenda",
                        locale: "en-US",
                        startDayIndex: 0,
                        endDayIndex: 3,
                        calendarSet: ["John", "Jane", "Joe", "Jill", "Family", "Important"],
                        waitFetch: 30 * 1000,
                        refreshInterval: 30 * 60 * 1000,
                    }
                }
        
        S 2 Replies Last reply Reply Quote 0
        • S Offline
          sdetweil @FMancuso5
          last edited by

          @FMancuso5 one thing, for all config and logs, PLEASE use the code wrapper here in the forums…

          to do this

          copy the text you want to post
          paste into the message editor, blank line above and below
          select the text you just pasted
          hit the </> button over the editor

          I fixed the prior post

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

            @FMancuso5 said in MMM-CalendarExt3Agenda:

                        startDayIndex: 0,
                        endDayIndex: 3,
            

            sorry to ask dumb question, are there events in the next 3 days?
            if you remove those do you get a display?

            if you comment out the calendarSets does that make a difference

            waitFecth, 30 seconds, then nothing til refreshInterval…(30 minutes)

            make waitFetch longer, 60*1000 (1 minute)
            to test

            Sam

            How to add modules

            learning how to use browser developers window for css changes

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

              Sam: Here’s a live example of no-event item, and an event item. The count don’t show unless it’s got 1 event. Module_4 is blank, Module_5 is showing one event.

              <div id="module_4_MMM-CalendarExt3Agenda" class="module MMM-CalendarExt3Agenda MMM-CalendarExt3Agenda" style="order: 0;">
                  <header class="module-header" style="display: none;">undefined</header>
                  <div class="module-content">
                      <div class="bodice CX3A_undefined CX3A">
                          <div class="agenda"></div>
                      </div>
                  </div>
              </div>
              
              <div id="module_5_MMM-CalendarExt3Agenda" class="module MMM-CalendarExt3Agenda MMM-CalendarExt3Agenda" style="order: 0;">
                  <header class="module-header" style="display: none;">undefined</header>
                  <div class="module-content">
                      <div class="bodice CX3A_undefined CX3A">
                          <div class="agenda">
                              <div class="cell thisMonth thisYear year_2025 month_8 date_10 weekday_0 seq_0 week_32 weekend weekend_2" data-events-counts="1">
                                  <div class="cellHeader">
                                      <div class="cellHeaderMain">
                                          <div class="cellDay relativeDay relativeNamedDay relativeDayGap_1"><span class="dateParts literal seq_0 unit_none">tomorrow</span></div>
                                          <div class="cellDate"><span class="dateParts weekday seq_0">Sunday</span><span class="dateParts literal seq_1">, </span><span class="dateParts month seq_2">Aug</span><span class="dateParts literal seq_3"> </span><span class="dateParts day seq_4">10</span></div>
                                          <div class="cw">32</div>
                                      </div>
                                      <div class="cellHeaderSub"></div>
                                  </div>
                                  <div class="cellBody">
                                      <div class="fullday"></div>
                                      <div class="single">
                                          <div class="event calendar_Sounders future singleday" data-calendar-seq="1" data-calendar-name="Sounders" data-color="#5D9741" data-description="Calendar not up to date? Check https://fixtur.es/up-to-date" data-title="Los Angeles Galaxy - Seattle Sounders FC" data-full-day-event="false" data-geo="false" data-location="" data-start-date="1754877600000" data-end-date="1754883900000" data-today="false" data-symbol="fas fa-fw fa-futbol" style="--calendarColor: #5D9741; --oppositeColor: white;">
                                              <div class="headline useSymbol"><span class="symbol"><span class="fas fa-fw fa-futbol"></span></span>
                                                  <div class="time startTime inDay"><span class="eventTimeParts hour seq_0">7</span><span class="eventTimeParts literal seq_1">:</span><span class="eventTimeParts minute seq_2">00</span><span class="eventTimeParts literal seq_3"> </span><span class="eventTimeParts dayPeriod seq_4">PM</span></div>
                                                  <div class="time endTime inDay"><span class="eventTimeParts hour seq_0">8</span><span class="eventTimeParts literal seq_1">:</span><span class="eventTimeParts minute seq_2">45</span><span class="eventTimeParts literal seq_3"> </span><span class="eventTimeParts dayPeriod seq_4">PM</span></div>
                                                  <div class="title">Los Angeles Galaxy - Seattle Sounders FC</div>
                                              </div>
                                              <div class="description">Calendar not up to date? Check https://fixtur.es/up-to-date</div>
                                              <div class="location"></div>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="cellFooter"></div>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
              

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

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

                @BKeyport you want the whole module gone. right?

                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 correct.

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

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

                    @BKeyport my previous has() should have worked…

                    let me see how to get empty instance

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

                      @BKeyport

                      note the CX3A class is NOT added to the module entry

                      div id="module_4_MMM-CalendarExt3Agenda" class="module **MMM-CalendarExt3Agenda** MMM-CalendarExt3Agenda" style="order: 0;">
                      

                      but to the bodice entry

                              <div class="bodice CX3A_undefined CX3A">
                      

                      so the outer div still took up space

                      this works,

                      .MMM-CalendarExt3Agenda:has(.agenda:empty){
                              /* background-color: red;*/
                              display: none;
                      }
                      

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      BKeyportB 1 Reply Last reply Reply Quote 0
                      • F Offline
                        FMancuso5 @sdetweil
                        last edited by

                        @sdetweil

                        My apologies! I’ll make sure I format correctly going forward.

                        Not a dumb question at all, that was the first thing I checked. I wish my life would go three days without an event. But I’ve tried setting endDayIndex to 10, eliminating the indexes completely, eliminating the calendarSet, stripping the entire module down to just the header, the position, the waitFetch and refreshInterval, and it’s still blank. The only way I know that there’s something happening is the header is still there. I tried commenting out the other modules and positioning CX3A top left to see if it was a graphics issue but it’s the same empty header. Yet when I fire up all the modules, CX3 weekly is still showing every event perfectly from the first fetch. I’m stumped. And then when I quit out, the terminal shows no issues, and lists all the events that are successfully being broadcasted by each calendar.

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