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.

    Cal EXT3 - understanding transforming

    Scheduled Pinned Locked Moved Unsolved Troubleshooting
    14 Posts 3 Posters 5.6k 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 Do not disturb
      sdetweil @_V_
      last edited by sdetweil

      @_V_

      all in one… there is only ONE eventTransformer, it has to do ALL the work for ALL events

      I used else if here… if it matched the first, there is no reason to check again

      eventTransformer: (ev) => {
           if (ev.title.search("Geburtstag") > -1) {ev.color= "#ff00ff"; }
           else if (ev.title.search("Arzt") > -1) {ev.color= "#ff0000"; };
      return ev; 
      },

      Sam

      How to add modules

      learning how to use browser developers window for css changes

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

        @_V_ as you might have overseen you can not only check several conditions (as Sam (@sdetweil ) suggested) - separated by else or not but you can make several changes to the same event at one check.

        e.g.:

        eventTransformer: (ev) => {
          if (ev.title.search("Restmüll & Papier & Gelber Sack") !== -1) {ev.isFullday = [true], ev.title = "Alle Tonnen", ev.symbol = [ "fa-regular fa-trash-can" ], ev.color = "fuchsia"}
          if (ev.title.search("Therapie") !== -1) { ev.title = "Sitzung", ev.symbol = [ "fa-solid fa-mug-hot" ], ev.color = "Forestgreen"}
        return ev
           			  }, // end Eventtransformer 
        

        In the above example you can see

        • the modification of the color (as you already had identified,
        • the change of the kind of event (from “scheduled” to “Fullday-Event”)
        • the assignment of a different symbol (with font-awesome-symbols: double check their web-page, keep in mind that only the “STANDARD” (non-payed) versions will be shown in Magic Mirror) and
        • the change of the title of the event.

        Hope this helps.
        Good luck!
        Ralf

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

          @rkorell his issue is not knowing JavaScript language and syntax

          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 :-)
            therefore I thought a detailed example would be beneficial …
            Warmest regards,
            Ralf

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