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

    Scheduled Pinned Locked Moved Utilities
    486 Posts 83 Posters 940.9k Views 83 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.
    • jdfraserJ Offline
      jdfraser @Guest
      last edited by jdfraser

      @Sean
      Thanks for the great module, it is the main reason for my Magic Mirror / picture frame.

      Could you explain the syntax for using the “transform” command to change the title of an event to a shorter abbreviation (e.g. “jack climbing” = > “J.C.”)? I have some items in my calendar that are displayed on the monthly view with a title “Dinner: Taco Soup” and I would like to use transform to remove the "Dinner: " from the title. I have searched the documentation and the forum, but am having a tough time figuring out how I need to specify this in my config.js (or custom.css).

      ? 1 Reply Last reply Reply Quote 0
      • ? Offline
        A Former User @jdfraser
        last edited by

        @jdfraser

        Basically, read this.
        https://github.com/eouia/MMM-CalendarExt2/wiki/Filtering-and-Sorting#transforming

        0_1576689031621_49ee04d5-231c-4662-a911-b93f39f5694e-image.png

        You need some basic skills in JavaScript. Anyway, I’ll show some examples;

        1. Original

        I’ve added two events on 25th Dec. Lunch:Taco Soup Once and Dinner:Taco Soup Twiceon my Google calendar.
        0_1576690912487_8cbe4a94-566c-41f3-aa75-763fe1b0a31a-image.png
        Hmmmm Taco Soup on Christmas, what a poor…

        It will be shown like this on MMM-CalendarExt2 without transforming;
        0_1576691004690_1f64ad4d-7173-45f2-bc25-284d12ff46d2-image.png

        1. Remove Dinner:
        transform: (event)=>{
          event.title = event.title.replace("Dinner:", "")
          return event
        }
        

        will make this;
        0_1576691065376_58de8515-e43f-47cd-a7d2-5fa9f7f6b19c-image.png

        1. give more transforming.
        transform: (event)=>{
          if (event.title.search("Dinner:") > -1) {
            event.title = event.title.replace("Dinner:", "")
            event.icon = "emojione-pot-of-food"
            event.className = "myDinnerClass"
          }
          return event
        }
        

        I’ve added icon and specific CSS class selector. So you can define your CSS class on MagicMirror/css/custom.css like this;

        .CX2 .myDinnerClass {
          color: Black;
          background-color: Yellow;
        }
        

        It will be shown like this;
        0_1576691287656_a36b2008-915c-4bdb-8029-9786042beef9-image.png !

        Of course, there would be more tricks if you know javascript somehow.

        If you are not familiar with Javascript,… hmmm sorry for you. Anyway, this is DIY project. There is no ready-made out-of-box arts.

        jdfraserJ 1 Reply Last reply Reply Quote 0
        • C Offline
          Clubjack
          last edited by

          Hello together.

          Is it possible to Show two different calendars, on two different pages (mmm-pages)?

          ? 1 Reply Last reply Reply Quote 0
          • ? Offline
            A Former User @Clubjack
            last edited by A Former User

            @Clubjack
            Possible.
            You need 2 scenes which have independent views of your calendars.
            Then, read this;
            https://github.com/eouia/MMM-CalendarExt2/wiki/3.-Usage#user-defined-notification-trigger

            C 1 Reply Last reply Reply Quote 0
            • C Offline
              Clubjack @Guest
              last edited by

              @Sean
              OK.
              But i want to same looking calendars with same View.
              I try it, with coping the mmm-calendarext2 and rename it to mmm-calendarext2.2

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

                @Clubjack ust make another scene like the 1st one with a different name, and put that on the next page

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                1 Reply Last reply Reply Quote 0
                • ? Offline
                  A Former User @Clubjack
                  last edited by A Former User

                  @Clubjack said in MMM-CalendarExt2:

                  I try it, with coping the mmm-calendarext2 and rename it to mmm-calendarext2.2

                  This module will not work like that.

                  But i want to same looking calendars with same View.

                  Just make one more view with the same configured values.

                  1 Reply Last reply Reply Quote 0
                  • jdfraserJ Offline
                    jdfraser @Guest
                    last edited by

                    @Sean Thank you for your quick response! I will practice my Javascript :)

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

                      @jdfraser really no javascript , just stuff in config…

                      you have for Ext2 a config section
                      which has

                      scenes: {
                           [
                               { name:  "scene1",
                                   viewes: ["view1", "view2"]
                               },
                               { name:  "scene2",            // < --- make secodn scene that looks like the 1st
                                   viewes: ["view1", "view2"]
                               },
                          ]
                      }
                      Views: {
                           [
                               { name:  "view1"
                               },
                               {  name: "view2"
                               }
                           ]
                      }
                      

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      1 Reply Last reply Reply Quote 0
                      • C Offline
                        Clubjack
                        last edited by

                        I think there’s a little misunderstanding.
                        I would like to create several pages with mmm-pages and control them via alexa. Therefore I have to specify in the configs of mmm-pages which modules should be there on the pages.

                        Example:
                        Page 1: mmm-clock, mmm-calendarext2
                        Page 2: mmm-waether, mmm-calendarext2

                        How should I insert different scenes or views there?

                        ? 2 Replies Last reply Reply Quote 0
                        • ? Offline
                          A Former User @Clubjack
                          last edited by A Former User

                          @Clubjack
                          MMM-CalendarExt should exist on all the pages. And give it an order to change scenes by notification from whatever(mmm-pages?)

                          1 Reply Last reply Reply Quote 0
                          • ? Offline
                            A Former User @Clubjack
                            last edited by

                            @Clubjack
                            I just looked inside MMM-Pages(edward-shen/MMM-pages) shortly, It has no feature to emit notifications about current page sequence to other modules. It has PAGE_NUMBER_IS but it is only as the response of QUERY_PAGE_NUMBER. So there is no way to recognize which page at that moment. So CalendarExt2 cannot know what scene to show.
                            My previous answers are somewhat confused because MMM-Page-Selector(Veldrovive/MMM-Page-Selector) has PAGE_CHANGED to inform the current page when page is changed.

                            1 Reply Last reply Reply Quote 0
                            • C Offline
                              cskenney
                              last edited by cskenney

                              Hi @Sean
                              After the syntax corrections you highlighted my MM was working fine. Today I added an entry into one calendar and it did not show up on my MM. I looked at the log and the [CALEXT2] tasks are not showing up to query any calendars.

                              I went and looked at my mm-out.log file and found some strange messages.

                              [CALEXT2] calendar:BOPA >> Scanning start with interval:60000
                              [CALEXT2] calendar:BOPA >> Scanned: 7, Selected: 7
                              [CALEXT2] calendar:Chris >> Scanning start with interval:60000
                              [CALEXT2] calendar:Chris >> getaddrinfo EAI_AGAIN calendar.google.com calendar.google.com:443
                              [CALEXT2] calendar:Kim >> Scanning start with interval:60000
                              [CALEXT2] calendar:Kim >> getaddrinfo EAI_AGAIN calendar.google.com calendar.google.com:443
                              [CALEXT2] calendar:BOPA >> Scanning start with interval:60000
                              [CALEXT2] calendar:BOPA >> Scanned: 7, Selected: 7
                              [CALEXT2] calendar:BOPA >> Scanning start with interval:60000
                              [CALEXT2] calendar:BOPA >> Scanned: 7, Selected: 7

                              It appears that when the getaddrinfo… messages appear that the calendar is no longer accessible to the module and it is no longer scanned. Above I show the message for 2 calendars but eventually every calendar I have programmed gets this error message.

                              What is happening and is there a way to automatically recover from this error?

                              Note: it looks like this may be a Google issue but I am wondering if there is a way to elegantly handle the error or get a notification that an error occurred? It also happened to different calendars at different times so I don’t think it was an issue with my network.

                              Edit: further inspection this may be a local network issue. Would still like to know if there is a way to recover from these errors.

                              1 Reply Last reply Reply Quote 0
                              • M Offline
                                MJhere
                                last edited by

                                I have a calendar showing week view. But cannot get event text to overflow. Help would be appreciated. TIA

                                1 Reply Last reply Reply Quote 0
                                • J Offline
                                  JRB1988
                                  last edited by

                                  I’m having trouble getting MMM-CalendarExtTimeline to populate. The CalendarExt2 is filled in. Here is what I have in my configuration (with my personal info blocked out) and what I am seeing on my screen. Any ideas?

                                  0_1578017838204_tempsnip.png

                                  0_1578017877727_Capture.PNG

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

                                    hey, @Sean Did you happen to miss this?

                                    I’m trying to add an ICS file, but it’s throwing an error, but other calendars accepts it.

                                    The url is http://www.tax.gov/calendar/employer/calendar.ics

                                    Log from PM2 LOGS shows this error:

                                    [CALEXT2] calendar:irs >> invalid date-time value: “2016-12-30T::”

                                    Is it the US Government not knowing what’s going on, or is it a bug in the code?

                                    Thanks!

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

                                    ? 1 Reply Last reply Reply Quote 0
                                    • ? Offline
                                      A Former User @JRB1988
                                      last edited by

                                      @JRB1988

                                      type: "dyanmic",
                                      

                                      seems wrong.

                                      J 1 Reply Last reply Reply Quote 0
                                      • ? Offline
                                        A Former User @BKeyport
                                        last edited by A Former User

                                        @BKeyport
                                        Sorry for the late answer. I was hospitalized due to my broken ankle, so I couldn’t inspect.
                                        The issue looks like invalid format of ics. Unfortunately, iCAL format is not so strict (despite of standard rule, RFC-5545, RFC-5546 and so many standards), some iCAL could have ambiguous formats. Well, my parser cannot understand yours. At this moment, I have no time to fix it. (Or, … I’m not sure it should be fixed.) Sorry.

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

                                          @Sean oh, damn man. Hope the ankle heals quickly and cleanly. What did you do?

                                          Glad to know what’s going on with the code, noting it’s the gov not knowing how to format the iCal (Not a surprise, actually). It would be wonderful if it could be understood and fixed, give your module some more flexibility to handle screwed up ical.

                                          Again, get well soon!

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

                                          S 1 Reply Last reply Reply Quote 0
                                          • S Offline
                                            SARCux @BKeyport
                                            last edited by

                                            Hi Guys,

                                            My MMM-CalendarExt2 is very small. How can I enlarge the font with the appointments?
                                            can i do this in the custom.css?
                                            What is the code?

                                            1 Reply Last reply Reply Quote 0

                                            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                            With your input, this post could be even better 💗

                                            Register Login
                                            • 1
                                            • 2
                                            • 3
                                            • 4
                                            • 5
                                            • 24
                                            • 25
                                            • 2 / 25
                                            • 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