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 - how to hide days with no events and hide/filter out events with a keywords

    Scheduled Pinned Locked Moved Unsolved Troubleshooting
    22 Posts 4 Posters 3.1k Views 4 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.
    • R Offline
      rkorell
      last edited by

      Dear gurus,
      I’m pretty new here and i do have the exact same problem as the original thread owner.
      I’ve identified and tried the conig.cs approach with “onlyEventDays: 5,” but this doesn’t work for me unfortunately.
      In addition other documented switches of this module
      // useWeather: false ,
      // showMiniMonthCalendar: false,
      don’t work either for me.
      Any idea?
      Because of the other two switches I don’t want to play with CSS right now…
      Thanks for any hint/advise!

      Warmest regards,
      Ralf

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

        @rkorell can you show your ext3 config please

        Sam

        How to add modules

        learning how to use browser developers window for css changes

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

          Dear @sdetweil ,
          yes for sure, sorry…
          It’s VERY basic, because my trials were ignored I doesn’t spent too much time on it yet…
          As you can see I’ve disabled the not working parts (currently except the asked one - “onlyEventDays”.

          
          // Kalenderübersicht (Agendaview)
          
          		{
          		  module: "MMM-CalendarExt3Agenda",
          		  position: "top_left", 
          		  header: "Wichtige Termine",
          		  // useWeather: false ,
          		  // showMiniMonthCalendar: false,
          		  onlyEventDays: 1
          
          		},
          
          
          

          Thanks for your prompt reply - I was tired yesterday night, so seen your query rigth now.
          Warmest regards,
          Ralf

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

            @rkorell ok, the problem is the config description

            according to the documentation, all of these config items belong to MagicMirror
            https://docs.magicmirror.builders/modules/configuration.html#module-configuration
            everything INSIDE the config:{} section belongs to the module

            but you don’t have a config section, should look like this

            {
                             module: "MMM-CalendarExt3Agenda",
                             position: "top_left", 
                             header: "Wichtige Termine",
                             config: {    
                                   // useWeather: false ,
                                   // showMiniMonthCalendar: false,
                                   onlyEventDays: 1
                             }
            },
            

            Sam

            How to add modules

            learning how to use browser developers window for css changes

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

              .Dear Sam, @sdetweil ,

              shame on me!
              This is dumb.
              thanks a lot for this hint.

              If you are doing it right - it works …

              I’m terribly embarrassed.
              Regards,
              Ralf

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

                @rkorell we all learn new things every day…

                Sam

                How to add modules

                learning how to use browser developers window for css changes

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

                  @sdetweil , yes indeed.
                  After making a little bit of progress now I’m not able to understand why the module doosn’t do what I expect…
                  I try to change the icons as well as the color of the calendar events.
                  Icon works fine, color for icon as well but the “event” itself doesn’t change color.

                  I’ve figured out that the searchword is found - because it triggers the icon color as well as the icon color (regardless that the current searchword contains an German “Umlaut” (‘ü’).

                  I found a code snippet here and modified it to my requirements.

                  ev.color is the attribute I’ve used - this seems the right one.
                  But It only changes the icon color…

                  
                  		{
                  		  module: "MMM-CalendarExt3Agenda",
                  		  position: "top_left", 
                  		  //header: "Wichtige Termine",
                  		  config: {
                  			  
                  			        eventTransformer: (ev) => {
                  			            const customEvents = [
                  			              { keyword: "Gelber Sack", symbol: ["fa-solid fa-arrows-spin"], color: "yellow" },
                  			              { keyword: "Restmüll", symbol: ["fa-regular fa-trash-can"], color: "green" },
                  			              { keyword: "Biomüll", symbol: ["fa-regular fa-trash-can"], color: "brown" },
                  			              { keyword: "Papier", symbol: ["fa-solid fa-dumbbell"], color: "blue" },
                  			              { keyword: "Urlaub", symbol: ["fa-solid fa-dumbbell"], color: "cyan" },
                  			            ]
                  			            const found = customEvents.find((condition) => {
                  			              return ev.title.search(condition.keyword) !== -1
                  			            })
                  			            if (found) {
                  			                ev.icon = [ found.symbol ]
                  			                ev.color = found.color
                  			            }
                  			            if (ev.title.search('Restmüll') !== -1) {
                  			              ev.symbol = [ "fa-solid fa-cake-candles" ]
                  			            }
                  			            if (ev.title.search('Papier') !== -1) {
                  			              ev.symbol = [ "fa-regular fa-trash-can" ]
                  			            }
                  			            if (ev.title.search('Gelber Sack') !== -1) {
                  			              ev.symbol = [ "fa-solid fa-arrows-spin" ]
                  			            }
                  			            if (ev.title.search('Biomüll') !== -1) {
                  			              ev.symbol = [ "fa-regular fa-trash-can" ]
                  			            }
                  			            if (ev.title.search('Geb.') !== -1) {
                  			              ev.title = ev.title.replace('Geb.', '')
                  			              ev.symbol = [ "fa-solid fa-cake-candles" ]
                  			            }
                  			            return ev
                  			        },
                  
                  
                  
                  					// useWeather: false ,
                  					showMiniMonthCalendar: false,
                  					//onlyEventDays: 10  -- Nur Tage mit terminen anzeigen ist in der custom.css eingetragen, DAS funktioniert...
                  		  
                  		  } 
                  
                  		},
                  
                  
                  
                  

                  Where is my error now?

                  :-)

                  TIA for any hint.
                  Regards,
                  Ralf

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

                    @rkorell sorry, don’t know… not my module… @MMRIZE will have to reply

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

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

                      @sdetweil , thanks anyway!

                      should I place a separate posting?
                      Regards,
                      Ralf

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

                        @rkorell no, my reference of his userid will send him here when he has time. just understand that this is all volunteer, as time is available, no commitment for support.

                        maybe others will jump in.

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

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