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
    689 Posts 82 Posters 2.8m Views 86 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 @ThaliaFromPrussia
      last edited by

      @ThaliaFromPrussia CalExt3 displays events read and processed by the default calendar module.

      this sounds like one of the utc/tinezone shift errors in one of the libraries we use.

      can u download the ics file and extract those two appointments before and after the change so I can examine the issue?

      to download the ics

      curl -sL cal_url > sonefile.txt
      

      then edit the somefile.txt

      events look like

      BEGIN VEVENT
      .
      .
      .
      END VEVENT
      

      change anything that look personal
      don’t change the times or uuid

      if u don’t want to post the events here you can send it to me in a chat message or email.

      my email is my userid at gmail.

      Sam

      How to add modules

      learning how to use browser developers window for css changes

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

        @ThaliaFromPrussia thanks for the info… another library bug …

        the event was set in summer time
        the recurrence is in standard time

        the library returned the repeating as

        date :x , time :07:30

        I fix this one, adjusting for std time adjustments

        but on the recurrence

        date: y, time:08:30

        then the calendar module uses the tz, and it gets adjusted twice…
        once for berlin utc+1, and once for std time adjustment

        i haven’t figured out a way to fix this, the lib is not our code…

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        T 1 Reply Last reply Reply Quote 0
        • T Offline
          ThaliaFromPrussia @sdetweil
          last edited by

          @sdetweil Thank you and let me know if there is a way to fix it.

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

            hi everyone, another dumb question from yours truly, i’m looking to get this original calendar layout… which i cant get from default module calendar either for some reason
            019f8dbb-a492-4d97-bec7-69f3d45d2351-image.png
            how can i do this

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

              @megagprime this calendar ?

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              M 1 Reply Last reply Reply Quote 0
              • M Offline
                megagprime @sdetweil
                last edited by

                @sdetweil yes, any of the ext or even the original calendar module, whats the view for the simple list?

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

                  @megagprime that is the default calendar view.

                  you add your ical url to the module config, replacing the US holidays url…

                  note the ical url, not the embed url.

                  really simple. if u use Google calendar

                  open calendar.google.com on a PC
                  in left nav, hover mouse over your calendar name,
                  3 dots appear, click, select properties

                  new stuff appears right,
                  scroll down to sharing, ical
                  select the public or secret url click copy

                  that’s the url to use in mm

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  1 Reply Last reply Reply Quote 0
                  • F Offline
                    fedale
                    last edited by

                    Does anyone have a working config for google calendar. The old code i had in EXT2 isnt working with the new EXT3.
                    In the new EXT3 one i cannot get any feedback from google.

                    Screenshot 2023-01-16 at 12.44.32.png

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

                      @fedale ext3 does not read the calendar itself, like old ext2 did.
                      .ext3 depends on the default calendar to read the ics data and broadcast the events

                      so add your url to the default calendar module, and remove it’s position so it doesn’t show.
                      then ext3 will receive the broadcast message

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      F 1 Reply Last reply Reply Quote 0
                      • F Offline
                        fedale @sdetweil
                        last edited by

                        @sdetweil Thanks, that worked like a charm.

                        Have some other questions.

                        1. How to remove the CW wording, infront of the weeks number?

                        2. The eventTransformer does not color not-fullday items. Is there a quick work around for that?
                          So if i have only an hour in my calendar will still show color.

                        /*
                        eventTransformer: (ev) => {
                        if (ev.title.search(‘garbage’) > -1) ev.color = ‘green’
                        return ev
                        }
                        */

                        1. Also i add picture to the eventTransformer? I had a recyle one for this garbage earlier.
                        S F B 3 Replies Last reply Reply Quote 0
                        • S Do not disturb
                          sdetweil @fedale
                          last edited by

                          @fedale not sure on cw,

                          you could check if it’s full day event. not sure. not my module

                          Sam

                          How to add modules

                          learning how to use browser developers window for css changes

                          1 Reply Last reply Reply Quote 0
                          • F Offline
                            fedale @fedale
                            last edited by

                            @MMRIZE Any surgestions?

                            Have some other questions.

                            1. How to remove the CW wording, infront of the weeks number?

                            2. The eventTransformer does not color not-fullday items. Is there a quick work around for that?
                              So if i have only an hour in my calendar will still show color.

                            /*
                            eventTransformer: (ev) => {
                            if (ev.title.search(‘garbage’) > -1) ev.color = ‘green’
                            return ev
                            }
                            */

                            1. Also i add picture to the eventTransformer? I had a recyle one for this garbage earlier.
                            F 1 Reply Last reply Reply Quote 0
                            • B Offline
                              bicolorbore586 @fedale
                              last edited by

                              @fedale
                              I have the below in my custom.css

                              /* MMM-CalendarExt3 */
                              .CX3 .cw {
                              display:none;
                              }
                              
                              F 1 Reply Last reply Reply Quote 0
                              • F Offline
                                fedale @bicolorbore586
                                last edited by

                                This post is deleted!
                                1 Reply Last reply Reply Quote 0
                                • F Offline
                                  fedale @fedale
                                  last edited by

                                  I learnt something new, never thought to look into the module folder css file.
                                  Always though only the main.css and custom.css was the only ones to change.

                                  Found the wordning now in MMM-CalendarExt3.css file within the module.
                                  Removing the CW, the way i wanted. Just wanted to share.

                                  MMM-CalendarExt3.css file and remove the CW to only get the week number:
                                  .CX3 .cw::before {
                                  content: 'CW ’
                                  }

                                  S B K 3 Replies Last reply Reply Quote 0
                                  • S Do not disturb
                                    sdetweil @fedale
                                    last edited by

                                    @fedale u can override that in the custom.css

                                    don’t change the modules files, it will break upgraded and fixes

                                    Sam

                                    How to add modules

                                    learning how to use browser developers window for css changes

                                    1 Reply Last reply Reply Quote 0
                                    • B Offline
                                      bicolorbore586 @fedale
                                      last edited by

                                      @fedale yes, as Sam says, don’t modify the module css, all css work should be done in the custom.css

                                      F 1 Reply Last reply Reply Quote 0
                                      • F Offline
                                        fedale @bicolorbore586
                                        last edited by

                                        @bicolorbore586 Thanks guys.

                                        1 Reply Last reply Reply Quote 0
                                        • F Offline
                                          fedale
                                          last edited by

                                          Could i have icons on different words in calendar?
                                          I only have one calendar, but previously cx2 could get with differnt pictures like this example.

                                           if (event.title.search("Work") > -1) {
                                          	event.icon = "ic:outline-work-outline";
                                          	event.className = "work" 
                                          

                                          }
                                          else if(event.title.search(“Trash”) > -1) {
                                          event.icon = “mdi:recycle”;
                                          event.className = “Trash”
                                          }

                                          S M 2 Replies Last reply Reply Quote 0
                                          • S Do not disturb
                                            sdetweil @fedale
                                            last edited by

                                            @fedale I think it works the same

                                            Sam

                                            How to add modules

                                            learning how to use browser developers window for css changes

                                            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
                                            • 15
                                            • 16
                                            • 17
                                            • 18
                                            • 19
                                            • 34
                                            • 35
                                            • 17 / 35
                                            • 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