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.3k 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.
    • 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
      • R Offline
        rkorell @sdetweil
        last edited by

        @sdetweil , yes, I’m fully aware of volunteer.
        So thanks a LOT!

        Ralf

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

          Dear Sam (@sdetweil ),
          short feedbacj from this end :-)
          I was able to found a compromize.
          I’ve found a months old thread with the guy whose mirror I saw and @MMRIZE regardins an equivalent “problem”.
          The mentioned CSS solution doesn’t work for me - for whatever reason

          /* In your custom.css */
          .CX3 .event.singleday .headline .title,
          .CX3 .event.singleday .headline .time {
            color: var(--calendarColor);
          }
          

          Doesn’t colour the textline.
          But in the same discoussion I identified the “idea” to use the fact that whole day events DO use the given color as I define in my config.
          So now the apperance isO.K.

          For reference to others who might have same issues the whole block here:

          {
          		  module: "MMM-CalendarExt3Agenda",
          		  position: "top_left", 
          		  //header: "Wichtige Termine",
          		  config: {
          			  
          			        eventTransformer: (ev) => {
          			            const customEvents = [
          			              { keyword: "Restmüll", symbol: ["fa-regular fa-trash-can"], color: "grey" },
          			              { keyword: "Papier", symbol: ["fa-solid fa-dumbbell"], color: "blue" },
          			              { keyword: "Gelber Sack", symbol: ["fa-solid fa-arrows-spin"], color: "yellow" },
          			              { keyword: "Biomüll", symbol: ["fa-regular fa-trash-can"], color: "brown" },
          			              { keyword: "Restmüll & Papier & Gelber Sack", symbol: ["fa-regular fa-trash-can"], color: "fuchsia" },
          			              { 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-regular fa-trash-can" ],
          			              ev.isFullday = [true], 
          			              ev.color = "grey"  
          			            }
          			            if (ev.title.search("Papier") !== -1) {
          			              ev.symbol = [ "fa-regular fa-trash-can" ],
          			              ev.isFullday = [true],
          			              ev.color = "blue"  
          			            }
          			            if (ev.title.search("Gelber Sack") !== -1) {
          			              ev.symbol = [ "fa-solid fa-arrows-spin" ],
          			              ev.isFullday = [true],
          			              ev.color = "yellow"  
          			            }
          			            if (ev.title.search("Biomüll") !== -1) {
          			              ev.symbol = [ "fa-regular fa-trash-can" ],
          			              ev.isFullday = [true],
          			              ev.color = "brown"  
          			            }
          						if (ev.title.search("Restmüll & Papier & Gelber Sack") !== -1) {
          			              ev.symbol = [ "fa-regular fa-trash-can" ],
          			              ev.isFullday = [true],
          			              ev.title = "Alle Tonnen",
          			              ev.color = "fuchsia"
          			            }			            
          						if (ev.title.search("Urlaub") !== -1) {
          			              ev.symbol = [ "fa-regular fa-trash-can" ],
          			              ev.isFullday = [true],
          			              ev.color = "green"
          			            }
          
          			            return ev
          			        },
          
          

          Thanks for your support!
          Warmest regards,
          Ralf

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

            @rkorell glad you have it working

            Sam

            How to add modules

            learning how to use browser developers window for css changes

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

              @rkorell
              CX3A is identified with CSS selector “.CX3A” to be distinguished from CX3.

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

                @MMRIZE , thanks - I was aware of this.

                Regards,
                Ralf

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