• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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
654 Posts 77 Posters 1.8m Views 81 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.
  • L Offline
    luisestrada @sdetweil
    last edited by Aug 26, 2022, 7:14 PM

    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 Aug 26, 2022, 11:53 PM Reply Quote 0
    • M Offline
      MMRIZE @luisestrada
      last edited by Aug 26, 2022, 11:53 PM

      @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 Aug 27, 2022, 12:39 AM

        @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'],
        
        B 1 Reply Last reply Aug 27, 2022, 1:15 AM Reply Quote 0
        • B Offline
          BKeyport Module Developer @MMRIZE
          last edited by Aug 27, 2022, 1:15 AM

          @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 L 2 Replies Last reply Aug 27, 2022, 1:21 AM Reply Quote 0
          • M Offline
            MMRIZE @BKeyport
            last edited by Aug 27, 2022, 1:21 AM

            @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
            • L Offline
              luisestrada @BKeyport
              last edited by Aug 27, 2022, 1:47 AM

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

              B 1 Reply Last reply Aug 27, 2022, 3:46 AM Reply Quote 0
              • B Offline
                BKeyport Module Developer @luisestrada
                last edited by Aug 27, 2022, 3:46 AM

                @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
                • L Offline
                  luisestrada
                  last edited by Aug 27, 2022, 4:22 AM

                  Screen Shot 2022-08-27 at 12.05.59 AM.png

                  Thank you very much.

                  It took me some time to figure out that I could use symbol: “blank”, to not to show any icon, I was getting an error because before, I was using symbol: null :beaming_face_with_smiling_eyes:

                  It’s working exactly as I wanted :)

                  1 Reply Last reply Reply Quote 0
                  • M Offline
                    MMRIZE
                    last edited by MMRIZE Aug 29, 2022, 6:01 PM Aug 29, 2022, 6:01 PM

                    Small news.
                    Now it could get the events from randomBrainstormer/MMM-GoogleCalendar module also.

                    N 1 Reply Last reply Sep 3, 2022, 1:33 AM Reply Quote 0
                    • N Offline
                      nmacd @MMRIZE
                      last edited by Sep 3, 2022, 1:33 AM

                      @MMRIZE Thank you all for your help! I got fresh copies of everything and was more careful when making changes, it now works which is great. The new issue I am having is it’s only displaying 11 appointments, 10 Google calendar and 1 US Holiday. When I delete an event the next one later down the calendar shows up. Is there a setting to set the max entries or something to that nature?

                      N 1 Reply Last reply Sep 3, 2022, 1:43 AM Reply Quote 0
                      • 1
                      • 2
                      • 8
                      • 9
                      • 10
                      • 11
                      • 12
                      • 65
                      • 66
                      • 10 / 66
                      10 / 66
                      • First post
                        96/654
                        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