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

    Scheduled Pinned Locked Moved Productivity
    198 Posts 45 Posters 232.8k Views 45 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.
    • R Offline
      ragincajunintx
      last edited by ragincajunintx

      Hi… thank you so much for building this module… I am trying to customize the views… i originally setup weeks view with just one week… got my css where I wanted it, but I realized what i really wanted was a days view… the days view is much different and doesn’t show times on the events… can you help me get exactly like my picture, but in the days view? with the week starting on monday. I have my locale set to en-US…
      Thursday, Friday, and Saturday day names are missing though…

      0_1523887667524_MVIMG_20180404_081442.jpg

      1 Reply Last reply Reply Quote 0
      • G Offline
        ganther
        last edited by

        First of all thankyou for this great module!!

        One little question. I use my calendar in weekly View with 2 weeks shown.
        I would like to reduce the black margin left and right. Could you tell me which code I have to add in the custom.css to define the width of the calendar?

        Thank you so much
        Sandy

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

          Hi :),

          Is it possible to start MMM-CalendarExt hidden and let it show up with this.sendNotification(‘CHANGED_PROFILE’, {to:‘daddy’}) or something like that?`
          Background ist that I want to use Buttons at my Mirror to hide all other modules and show CalendarExt in fullscreen (MMM-Toggle).
          Problem is that Calendar do not refresh in hidden mode.

          my config:

          {
          			module: 'MMM-CalendarExt',
          			position: "top_left", //anywhere. It is not related to real position of view
          			config: {
          			  system: {
          				show: ["weeks"], //you can select views which you want to show.
          				locale: 'de',
          				showEmptyView: 1,
          				},
          				views: {
          					weeks: {
          						position: "middle_center",
          						showWeeks: 1,
          						weeksTitle: 'Woche',
          						weeksFormat: 'WW',
          						weekdayFormat: 'dd',
          						titleFormat : 'D',
          						overTitleFormat : 'D. MMM',
          						monthTitleFormat: "MMMM",
          						counts: 6,
          						overflowRolling: 1,
          						oneLineEvent: 1,
          					},										
          				},		
          				calendars: [
          					{
          					  name: "Kalender",
          					  styleName:"style5",
          					  url: "https://calendar.google.com...
          					},
          					{
          					  name: "Geburtstage",
          					  styleName:"style15",
          					  symbol:"birthday@em",
          					  url: "https://calendar.google.com...
          					},
          					{
          					  name: "Müllabfuhr",
          					  styleName:"style3",
          					  symbol:"wastebasket@em",
          					  url: "https://calendar.google.com...
          					},		
          					{
          					  name: "WM Kalender",
          					  symbol:"soccer@em",
          					  url: "https://calendar.google.com....
          					},						
          				],
          			}
          		},
          

          Thanks in advance :)

          1 Reply Last reply Reply Quote 0
          • R Offline
            redink
            last edited by

            I am having problems with my mirror, and I can’t figure out which module is the culprit. In my logs, I am seeing something related to this one, so maybe someone could help me out. Any ideas what the error below means?

            0|mm       | Whoops! There was an uncaught exception...
            0|mm       | TypeError: Cannot read property 'replace' of null
            0|mm       |     at new Calendar (/home/pi/MagicMirror/modules/MMM-CalendarExt/components/Calendar.js:38:32)
            0|mm       |     at Calendars.registerCalendar (/home/pi/MagicMirror/modules/MMM-CalendarExt/components/Calendars.js:37:18)
            0|mm       |     at Class.cmd_ADD_CALENDAR (/home/pi/MagicMirror/modules/MMM-CalendarExt/node_helper.js:45:20)
            0|mm       |     at Class.socketNotificationReceived (/home/pi/MagicMirror/modules/MMM-CalendarExt/node_helper.js:36:14)
            0|mm       |     at Socket. (/home/pi/MagicMirror/modules/node_modules/node_helper/index.js:113:11)
            0|mm       |     at emitTwo (events.js:125:13)
            0|mm       |     at Socket.emit (events.js:213:7)
            0|mm       |     at /home/pi/MagicMirror/node_modules/socket.io/lib/socket.js:528:12
            0|mm       |     at _combinedTickCallback (internal/process/next_tick.js:131:7)
            0|mm       |     at process._tickCallback (internal/process/next_tick.js:180:9)
            0|mm       | MagicMirror will not quit, but it might be a good idea to check why this happened. Maybe no internet connection?
            0|mm       | If you think this really is an issue, please open an issue on GitHub: https://github.com/MichMich/MagicMirror/issues
            
            1 Reply Last reply Reply Quote 0
            • V Offline
              Vauxdvihl
              last edited by

              @Sean
              I have done an update from your module.
              But know the view of my “bank holidays” does not work anymore (the google calender dates are still working fine)
              Can it be that there is some problem accordingly.
              I am using via “webcal” these datas from the following adress:
              www.ecoline-media.de/ics/bayern_gf.ics

              Thanks for you help and your great work
              Cheers

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

                @vauxdvihl
                In my system, it works.
                0_1535957696844_전체화면_2018__9__3__08_53.png

                Log:

                [CALEXT] http://www.ecoline-media.de/ics/bayern_gf.ics  >> Fetch starts.
                [CALEXT] http://www.ecoline-media.de/ics/bayern_gf.ics  >>
                { state: 'renewed',
                  lastFetchedTime: '18-09-03 08:52:25',
                  lastFetchedEvents: 8,
                  lastFetchedOldEvents: 0,
                  lastServedEvents: 8,
                  error: null }
                

                Config:

                {
                      //disabled:true,
                      module: 'MMM-CalendarExt',
                      position: "top_left",
                      config: {
                        system: {
                          show: ['monthly']
                        },
                        views: {
                          monthly: {
                            counts:6
                          }
                        },
                        calendars: [
                          {
                            url: "http://www.ecoline-media.de/ics/bayern_gf.ics"
                          }
                        ]
                      }
                    },
                

                Is there any symptom (eg. error logs) for your issue?

                1 Reply Last reply Reply Quote 0
                • V Offline
                  Vauxdvihl
                  last edited by

                  @Sean
                  It is strange
                  I have copied the file to the system

                  Log:

                  [CALEXT] http://localhost:8080/modules/bayern_gf.ics  >> 
                  0|mm       | { state: 'renewed',
                  0|mm       |   lastFetchedTime: '18-09-08 09:07:31',
                  0|mm       |   lastFetchedEvents: 17,
                  0|mm       |   lastFetchedOldEvents: 0,
                  0|mm       |   lastServedEvents: 17,
                  0|mm       |   error: null }
                  
                  

                  Config:

                  calendars: [
                  				  {
                  					name: "Ferien Bayern",
                  					url: "http://localhost:8080/modules/bayern_gf.ics",
                  					styleName: "style1",
                  					symbol: 'de@em',
                  				    maxEntries: 50,
                  					maxDays:365,
                  					interval: 24*60*60*1000,
                  				  },
                  

                  But the module will not show the datas in the calendar.
                  Other google calendars are shown

                  Any idea?

                  Thank

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

                    @vauxdvihl
                    Show me the full config of this module.

                    1 Reply Last reply Reply Quote 0
                    • V Offline
                      Vauxdvihl
                      last edited by

                      @Sean
                      Here u r

                      Thanks

                      {
                      				module: 'MMM-CalendarExt',
                      				position: "lower_third", //anywhere. It is not related to real position of view
                      				config: { // Read below
                      				system: {
                      				  show: [/*'current','upcoming',*/'weeks'],
                      				  locale: 'de', //when omitted, default value would be your system default locale by moment.js
                      				  showEmptyView: 0,
                      				  fullDayEventLocalize: 1,
                      				  redrawInterval: 30*60*1000, //minimum 60000
                      				  useProfileConfig: 0,
                      				  startProfile: ''
                      				},
                      				
                      				 views: {
                      						current: {
                      						  position: "top_center",
                      						  title: "Heute",
                      						  limit: 2,
                      						},
                      						upcoming: {
                      						  position: "top_center",
                      						  title: "Demnächst",
                      						  limit: 2,
                      						},
                      						weeks: {
                      						  position: "bottom_bar",
                      						  title: "Überblick",
                      						  counts: 2,
                      						}
                      					  },
                      		  calendars: [
                      				  {
                      					name: "Ferien Bayern",
                      					url: "http://localhost:8080/modules/bayern_gf.ics",
                      					styleName: "style1",
                      					symbol: 'de@em',
                      				    maxEntries: 50,
                      					maxDays:365,
                      					interval: 24*60*60*1000,
                      				  },
                      				 {
                      					name: "Müllabfuhr",
                      					url: "http://localhost:8080/modules/abfallkalender.ics",
                      					classPattern: [["/Gelber Sack/g", "style7"], ["/Restmülltonne/g", "style18"], ["/Biotonne/g", "style20"],["/Papiertonne/g", "style5"],["/Problemabfälle/g", "style1"]],
                      					symbol: 'put_litter_in_its_place@em',
                      					maxEntries: 50,
                      					maxDays:365,
                      					interval: 24*60*60*1000,
                      				  },
                      				  {
                      					name: "Sascha",
                      					url: "https://calendar.google.com/calendar______",
                      					styleName: "style19",
                      					symbol: 'guitar@em',
                      				    maxEntries: 50,
                      					maxDays:365,
                      					interval: 24*60*60*1000,
                      				  },
                      				  {
                      					name: "Familie Warneke",
                      					url: "https://calendar.google.com/calendar______",
                      					styleName: "style6",
                      					symbol: 'man-woman-boy-boy@em',
                      				    maxEntries: 50,
                      					maxDays:365,
                      					interval: 24*60*60*1000,
                      				  },
                      				  {
                      					name: "Benjamin",
                      					url: "https://calendar.google.com/calendar_____",
                      					styleName: "style11",
                      					symbol: 'bike@em',
                      				    maxEntries: 50,
                      					maxDays:365,
                      					interval: 24*60*60*1000,
                      				  },
                      				   {
                      					name: "Geburtstag",
                      					url: "https://calendar.google.com/calendar_____",
                      					styleName: "style12",
                      					symbol: 'birthday@em',
                      				    maxEntries: 50,
                      					maxDays:365,
                      					interval: 24*60*60*1000,
                      				  },
                      				  	{
                      					name: "Steffi",
                      					url: "https://calendar.google.com/calendar______",
                      					styleName: "style12",
                      					symbol: 'crown@em',
                      				    maxEntries: 50,
                      					maxDays:365,
                      					interval: 24*60*60*1000,
                      				  },
                      				  	{
                      					name: "Elyas",
                      					url: "https://calendar.google.com/calendar____",
                      					styleName: "style11",
                      					symbol: 'baby@em',
                      				    maxEntries: 50,
                      					maxDays:365,
                      					interval: 24*60*60*1000,
                      				  },
                      				],
                      				 },
                      
                      ? J 2 Replies Last reply Reply Quote 0
                      • ? Offline
                        A Former User @Vauxdvihl
                        last edited by

                        @vauxdvihl
                        Hmmm, in my memory of last test, there is no event of Byern holiday in September. Your config would show events in 2 weeks. I think it seems to be normal. Isn’t it?

                        1 Reply Last reply Reply Quote 0
                        • V Offline
                          Vauxdvihl
                          last edited by

                          @Sean
                          Sorry no
                          Currently school is out (summer)
                          Starts again on tuesday next week
                          So there should be an entry called “Sommerferien” in the calendar for this week and for next monday.
                          But i will set it like your request

                          Thanks

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

                            @vauxdvihl I’ve found what was wrong and fixed it. sorry. update and try again.

                            V 1 Reply Last reply Reply Quote 0
                            • S Offline
                              SK4018
                              last edited by

                              Hi all,
                              stupid question for you guys. How do I update the module? My mirror says I’m behinde two updates. Thanks!

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

                                @sk4018

                                cd ~/MagicMirror/modules/MMM-CalendarExt
                                git pull
                                
                                1 Reply Last reply Reply Quote 0
                                • T Offline
                                  Tabbe
                                  last edited by

                                  Hi all!

                                  Is there way to format the date of current and upcoming views? I used

                                            titleFormat: "dddd",
                                            overTitleFormat : "dddd",
                                  

                                  But still date format is unchanged.

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

                                    @tabbe
                                    https://github.com/eouia/MMM-CalendarExt/wiki/Configuration#defaultview

                                    Use dateFormat

                                    T 1 Reply Last reply Reply Quote 0
                                    • T Offline
                                      Tabbe @Guest
                                      last edited by

                                      @sean said in MMM-CalendarExt:

                                      @tabbe
                                      https://github.com/eouia/MMM-CalendarExt/wiki/Configuration#defaultview

                                      Use dateFormat

                                      I did try with that but still it remains unchanged.

                                              current: {
                                                              title: "Test",
                                                              dateFormat: "dddd",
                                                              titleFormat: "dddd",
                                                              overTitleFormat : "dddd",
                                                              position: 'top_left',
                                                              useRelative: 0,
                                                              limit:2
                                                },
                                      

                                      I also tried without other formating and with basic M.D format.

                                      alt text

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

                                        @tabbe ‘dddd’ means the weekday name of target date/time. What exactly do you want to display as?

                                        T 1 Reply Last reply Reply Quote 0
                                        • T Offline
                                          Tabbe @Guest
                                          last edited by

                                          @sean
                                          I want to display weekday name, like saturday.

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

                                            @tabbe
                                            I think you’ve missed useRelative field in your config. the default value of useRelative of current & upcoming is 1 or true.
                                            Set it as 0.

                                            upcoming: {
                                                        position: "top_left",
                                                        dateFormat: "dddd",
                                                        timeFormat: "HH:mm",
                                                        limit: 5,
                                                        useRelative: 0
                                                      }
                                            

                                            If you want to display only “Saturday” without time, unfortunately it is not supported. (Do you need? e.g. only starting time?)

                                            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
                                            • 6
                                            • 7
                                            • 8
                                            • 9
                                            • 10
                                            • 5 / 10
                                            • 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