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.

    Calendar / CalendarExt3 Font-Color and Symbol

    Scheduled Pinned Locked Moved Unsolved Troubleshooting
    13 Posts 3 Posters 10.3k Views 3 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
      svenpisa @MMRIZE
      last edited by

      @MMRIZE Many thanks for the quick reply, but unfortunately that didn’t work either.

      This is how I stored it in Config.js

      		{
      			module: "MMM-CalendarExt3",
      			position: "bottom_bar",
      			title: "Kalender",
      			config: {
      				mode: "week",
      				useSymbol: true,
      				eventTransformer: (ev) => {
      						const customEvents = [
      							{ keyword: "Gelber Sack", symbol: ["fa-solid fa-arrows-spin"], color: "yellow" },
      							{ keyword: "Hausmüll", symbol: ["fa-regular fa-trash-can"], color: "green" },
      							{ keyword: "Fitness", symbol: ["fa-solid fa-dumbbell"], color: "pink" },
      						]
      						const found = customEvents.find((condition) => {
      							return ev.title.search(condition.keyword) !== -1
      						})
      						if (found) {
      								ev.icon = [ found.symbol ]
      								ev.color = found.color
      						}
      						return ev
      				},
      			}
      		},
      

      result
      d2d16f9c-4869-49b6-92cd-47cd356ef3af-image.png

      The all-day events are yellow and green.
      I can understand the colorful font, but then I’ll see how I can get it into the .CX3. Can you do it there only for the keywords or only completely? I just want Fitness to be pink but everything else to stay black or white.

      Unfortunately, the desired symbols are still not displayed.
      They still remain at "arrow-right as I set it in the module: “Calendar”.
      I have tried it in the config with [] and also without. Both here the same result.

      I’ll try the “replace” later. Thank you! :-)

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

        @svenpisa

        Original. (All these test events are from the same calendar)
        ffaa57a1-97e3-42b5-97a4-3d8bfffc40e8-image.png

        eventTransformer: (ev) => {
        	if (ev.title.search('Fitness') !== -1) {
        		ev.symbol = [ 'fa-solid fa-dumbbell' ]
        		if (!ev.isFullday) ev.title = ev.title.replace('Fitness', '<font color="pink">Fitness</font>')
        	}
        	return ev
        }
        
        

        After.
        d05f254f-10a4-4774-9665-253af9dd4d3c-image.png

        S 1 Reply Last reply Reply Quote 0
        • S Offline
          svenpisa @MMRIZE
          last edited by

          @MMRIZE Awesome!!!

          It’s awesome!!! Thank you very very much. It works perfectly.
          Since I use both CalendarExt3 and CalendarExt3 Agenda, I have stored the key lines and if lines in both modules in the config.

          For all-day events, the symbols are displayed in the calendar, but not in the agenda. And only for all-day events. But I don’t care. I’m happy.
          Just in case you want to make an improvement here or I have made a mistake!!!

          So thank you very much. I will post my project soon in the forum under “Show my Mirror” incl. all information from the config and custom.
          Maybe someone will be interested… :-)

          1 Reply Last reply Reply Quote 0
          • J justme2024 referenced this topic on
          • 1
          • 2
          • 2 / 2
          • 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