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.
    • T Offline
      ThaliaFromPrussia
      last edited by

      I also have a problem. I have a series of appointments on Tuesday and Wednesday. If I change one appointment in length with the same starting time, it shifts one hour back. The source is correct, the displaying hour on the MM is incorrect. Does anybody else have this problem?

      MagicMirror
      2022-12-27 15_03_16-Window.png

      Source in browser
      2022-12-27 15_05_39-Window.png

      S 2 Replies Last reply Reply Quote 0
      • S Offline
        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 Offline
          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 Offline
                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 Offline
                    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 Offline
                        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 Offline
                            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 Offline
                                      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

                                            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
                                            • 31
                                            • 32
                                            • 33
                                            • 34
                                            • 35
                                            • 34 / 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