• 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.3k 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.
  • ? 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
                • S Offline
                  sdetweil @jdfraser
                  last edited by sdetweil Dec 18, 2019, 10:01 PM Dec 18, 2019, 10:00 PM

                  @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 Dec 19, 2019, 5:36 PM

                    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 Dec 19, 2019, 6:24 PM Reply Quote 0
                    • ? Offline
                      A Former User @Clubjack
                      last edited by A Former User Dec 19, 2019, 6:25 PM Dec 19, 2019, 6:24 PM

                      @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
                      • 1
                      • 2
                      • 20
                      • 21
                      • 22
                      • 23
                      • 24
                      • 48
                      • 49
                      • 22 / 49
                      22 / 49
                      • First post
                        217/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