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.

    Default calendar customEvents not working

    Scheduled Pinned Locked Moved Unsolved Troubleshooting
    22 Posts 2 Posters 2.6k Views 2 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 @pauabaer
      last edited by

      @pauabaer customEvents do not go IN the calendar definition

      rather like this

                 {
                              module: "calendar",
                              header: "Familienkalender",
                              position: "top_left",
                                      config: {
                                              customEvents: [
                                                              {
                                                              keyword: "Geburtstag",
                                                              symbol: "fire"
                                                              }
                                                      ],                                    
                                             calendars: [
                                                     {
                                                           url: "my-url“,
                                                          symbolClass: "fas fa-fw fa-",
                                                    }
                                             ]
                                     }
                      },
      

      the calendar module documentation is organized into sections

      1. applies to all calendar definitions (refresh rate, maximumDays…etc)
      2. applies to A calendar definition (color, symbol, url)

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 0
      • P Offline
        pauabaer
        last edited by

        Thank you a lot @sdetweil
        Now the right symbol is shown on my screen.

        Next I tried to use the transform option:

        
                        {
                                module: "calendar",
                                header: "Familienkalender",
                                position: "top_left",
                                        config:{
                                                customEvents: [
                                                        {
                                                        keyword: "Geburtstag",
                                                        symbol: "birthday-cake",
                                                        transform: {           
                                                                search: "^(.+) (\\d{4}) Geburtstag$",           
                                                                replace: "$1 ($2)",           
                                                                yearmatchgroup: 2
                                                                }
                                                        }       
                                                                ],
                                                calendars: [
                                                        {
                                                        url: "my-url“,
                                                        symbolClass: "fas fa-fw fa-"
                                                        }
                                                          ]
                                                }
                        },
        

        But when I refresh the browser whithin the Kalender „Familienkalender“ is no entry anymore but the word „loading…“ but nothing new is shown after a while.

        What could this circumstance cause?

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

          @pauabaer that means there was an error

          open the developers window
          ctrl-shift-i
          select the console tab
          put cal in the filter field
          and you may see the error , I changed to match one of my cal event titles
          but the regex doesn’t work…

          Screenshot at 2025-05-09 16-46-53.png

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          P 1 Reply Last reply Reply Quote 0
          • P Offline
            pauabaer @sdetweil
            last edited by

            @sdetweil
            Thanks for helping.

            I tried to figure out. Went to the console tab and put the filter on cal.
            I get an error your yearmatch is that right? But I don’t know how to deal with it. Can you give me a hint?

            Bildschirmfoto 2025-05-17 um 15.12.20.jpeg.png

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

              @pauabaer its a regular expression to extract the parts of the date,

              i would use the developers window sources tab to locate that code in the calendar module and examine the data it is working with

              i might get a chance later today

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

                @pauabaer could you add

                ,"DEBUG"
                

                to the config.js logLevel property
                as well as your transform
                and run MM with (stop pm2 version , with pm2 stop MagicMirror)

                npm start >somefile.txt 2>&1

                so we can see the actual text of the event
                (watch out, the log output contains the COMPLETE text of the calendar url)

                I only need the text of the event… (it supposedly has the date in it)

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                P 1 Reply Last reply Reply Quote 0
                • P Offline
                  pauabaer @sdetweil
                  last edited by

                  @sdetweil
                  Finally I got some time to test. See the pic below:

                  IMG_2563.jpeg

                  I got the message that there is one entry but no title is shown. Did I do something wrong?

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

                    @pauabaer you didn’t add the debug setting to config.js

                    the transform happens in the front end, the backend (node_helper) gets the events from source and formats them for frontend.tye log you showed is from the backend

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    P 1 Reply Last reply Reply Quote 0
                    • P Offline
                      pauabaer @sdetweil
                      last edited by

                      @sdetweil
                      I did add the debug setting but presumably at the wrong position.
                      Thought I should add it here:

                      
                      module: "calendar",
                      header: "Familienkalender",
                      position: "top_left",
                                         config:{
                                                loglevel: ["DEBUG"],
                                                              customEvents: [
                                                                      {
                                                                      keyword: "Geburtstag",
                                                                      symbol: "birthday-cake",
                                                                      transform: {
                                                                              search: "^([^\']*) \'(\\d{4})$",
                                                                              replace: "$1 ($2)",
                                                                              yearmatchgroup: 2
                                                                              }
                                                                      }
                      
                      
                      S 1 Reply Last reply Reply Quote 0
                      • S Offline
                        sdetweil @pauabaer
                        last edited by sdetweil

                        @pauabaer logevel is above the modules list
                        its not a module setting

                        IMG_1297.png

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

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