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-CalendarExt3

    Scheduled Pinned Locked Moved Utilities
    676 Posts 81 Posters 2.4m Views 85 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 @MMRIZE
      last edited by sdetweil

      @MMRIZE I am the one that caused the bug in 2.20, fixed in 2.21 oct 1

      if u want to test the develop branch
      see
      https://forum.magicmirror.builders/topic/14327/testing-new-fixes-or-solving-current-problems-with-next-release-code

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

        @nmacd
        I found what’s wrong.

        calendars: ['https://calendar.google.com/'],
        

        You need to set the names of calendar, in this case you assigned “Calendar” as the name of your google calendar.
        So it should be calendarSet:[‘Calendar’], . Or just leave as blank([]) to get all the calendars.

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

          @MMRIZE as this is the 3rd or 4th time users have had trouble with this
          you should put out a debugging message

          unable to locate calendar with name property equal to “???”

          maybe list the names you found…

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          luisestradaL 1 Reply Last reply Reply Quote 0
          • luisestradaL Offline
            luisestrada @sdetweil
            last edited by

            Hi @sdetweil @MMRIZE

            This used to be possible before, but after implementing the weather icons, it stopped working. It’s not a big deal but it’s a nice to have feature.

            As you know, MagicMirror uses a very old version of Font Awesome. I updated mine to the most recent version and it now includes the Canadian flag and many other brand icons. Unfortunately, for brands, you have to use “fas” or “fa-solid”, and for brands you have to use “fab” or “fa-brands”. I solved this by tweaking the code in calendar.js and config.js. I also tried to do the same in MMM-CalendarEXT3.js, line 242, but when I try to update config.js calendar module, the calendar shows no data. The reason, because MMM-CalendarEXT3 module does not accept spaces in symbol.

            CalendarEXT3.js, line 242:

            symbol.className = "fa fa-fw fa" + s;
            

            config.js, for birthday calendar

            symbol: "s fa-cake-candles",
            

            config.js, for Canadian holidays

            symbol: "b fa-canadian-maple-leaf",
            

            The space breaks my code, I wanted to choose either “b” or “s” in the symbol field

            How the icons look in the native calendar
            Screen Shot 2022-08-26 at 3.10.57 PM.png

            Unfortunately, not allowing spaces, forces me to decide which one to use or “fas” or “fab”
            Screen Shot 2022-08-26 at 3.11.35 PM.png

            M 2 Replies Last reply Reply Quote 0
            • M Offline
              MMRIZE @luisestrada
              last edited by

              @luisestrada
              Maybe line 472-473 needs to be modified to allow ‘fa-brand’ instead of fixed ‘fa-solid’. I’ll check in a few days.

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

                @luisestrada
                99abe6e9-3d9f-4d06-80d6-353007f6458b-image.png
                I fixed. Update your module.
                I don’t know your code modification, so I applied these syntaxes.

                /* In your default calendar config */
                symbol: ['fa-brands fa-canadian-maple-leaf'],
                /* or */
                symbol: ['brands canadian-maple-leaf'],
                /* of course below are also allowed */
                symbol: 'brands canadian-maple-leaf',
                /* But if you want multi-icons, use array */
                symbol: ['brands google-drive', 'solid calendar'],
                
                BKeyportB 1 Reply Last reply Reply Quote 0
                • BKeyportB Offline
                  BKeyport Module Developer @MMRIZE
                  last edited by

                  @MMRIZE

                  any idea why I can’t use this icon in this situation to set it up?

                  https://fontawesome.com/v5/icons/bowling-pins?s=solid

                  module: "calendar", // Built in
                  //position: "top_right",
                  config: {
                  	broadcastEvents: true,
                  	broadcastPastEvents: false,
                  	fetchInterval: 30000,
                  	maximumEntries: 20,
                  	customEvents: [{keyword: 'bowling', symbol: 'bowling-pins'}],
                  ... 
                  

                  Do I need to do the transform on your side, is it something else?

                  it does work with other icons, like “user”

                  thanks!

                  The "E" in "Javascript" stands for "Easy"

                  M luisestradaL 2 Replies Last reply Reply Quote 0
                  • M Offline
                    MMRIZE @BKeyport
                    last edited by

                    @BKeyport
                    I have no idea why this “bowling-pins” icon would not appear. maybe font-awesome CSS version issue?"

                    1 Reply Last reply Reply Quote 0
                    • luisestradaL Offline
                      luisestrada @BKeyport
                      last edited by

                      @BKeyport It’s a Pro icon, do you pay for it?

                      BKeyportB 1 Reply Last reply Reply Quote 0
                      • BKeyportB Offline
                        BKeyport Module Developer @luisestrada
                        last edited by

                        @luisestrada ahh, that must be it. Although I’ve had pro icons before.

                        The "E" in "Javascript" stands for "Easy"

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