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

Scheduled Pinned Locked Moved Utilities
484 Posts 82 Posters 662.4k Views 82 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.
  • B Offline
    BKeyport Module Developer @Guest
    last edited by Dec 18, 2019, 1:04 AM

    @Sean I figure Google’s gonna do that to main accounts sooner or later. GSuite is usually the test bed.

    I’m likely going to be moving my calendar agenda system, depends on what my appointment manager supports.

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

    1 Reply Last reply Reply Quote 0
    • B Offline
      BKeyport Module Developer
      last edited by BKeyport Dec 19, 2019, 11:10 AM Dec 18, 2019, 9:55 AM

      @Sean,

      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
      • J Offline
        jdfraser @Guest
        last edited by jdfraser Dec 18, 2019, 5:05 PM Dec 18, 2019, 5:04 PM

        @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 Dec 18, 2019, 5:50 PM Reply Quote 0
        • ? Offline
          A Former User @jdfraser
          last edited by Dec 18, 2019, 5:50 PM

          @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.

          J 1 Reply Last reply Dec 18, 2019, 9:26 PM Reply Quote 0
          • C Offline
            Clubjack
            last edited by Dec 18, 2019, 7:08 PM

            Hello together.

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

            ? 1 Reply Last reply Dec 18, 2019, 7:11 PM Reply Quote 0
            • ? Offline
              A Former User @Clubjack
              last edited by A Former User Dec 18, 2019, 7:11 PM Dec 18, 2019, 7:11 PM

              @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 Dec 18, 2019, 7:28 PM Reply Quote 0
              • C Offline
                Clubjack @Guest
                last edited by Dec 18, 2019, 7:28 PM

                @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 Dec 18, 2019, 7:30 PM Reply Quote 0
                • S Offline
                  sdetweil @Clubjack
                  last edited by Dec 18, 2019, 7:30 PM

                  @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 Dec 18, 2019, 7:32 PM Dec 18, 2019, 7:31 PM

                    @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
                    • J Offline
                      jdfraser @Guest
                      last edited by Dec 18, 2019, 9:26 PM

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

                      S 1 Reply Last reply Dec 18, 2019, 10:00 PM Reply Quote 0
                      • 1
                      • 2
                      • 20
                      • 21
                      • 22
                      • 23
                      • 24
                      • 48
                      • 49
                      • 22 / 49
                      22 / 49
                      • First post
                        214/484
                        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