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.
    • 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
                      • P Offline
                        pauabaer @sdetweil
                        last edited by

                        @sdetweil
                        Meanwhile I found the right place. Sorry for this.
                        In the pic below you can see the entry.

                        IMG_2565.png

                        Does help you?

                        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