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
    486 Posts 83 Posters 942.3k Views 83 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 Offline
      sdetweil @BKeyport
      last edited by

      @BKeyport its an empty file… I can add it with the installer… if not present then touch to create the file…

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 0
      • BKeyportB Offline
        BKeyport Module Developer
        last edited by

        true, forgot it started out empty. Back to MMM-CalendarExt2 here, I guess.

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

        1 Reply Last reply Reply Quote 0
        • T Offline
          Turtle
          last edited by

          all I know is that I’m glad to hear I’m not going crazy for not seeing the custom.css. lol

          1 Reply Last reply Reply Quote 0
          • T Offline
            Turtle
            last edited by

            So, all day yesterday, I had everything working with just one calendar and the MM working find. Today, I tried adding three other calendar to the code and now I’m getting a screen that’s telling me the “Must create a config file”. I must have done some syntax wrong that I’m just not seeing. Anyone show me what I’m doing wrong? I removed my url links. Here is my whole config file code…

            c/* Magic Mirror Config Sample
             *
             * By Michael Teeuw http://michaelteeuw.nl
             * MIT Licensed.
             *
             * For more information how you can configurate this file
             * See https://github.com/MichMich/MagicMirror#configuration
             *
             */
            
            var config = {
            	address: "localhost", // Address to listen on, can be:
            	                      // - "localhost", "127.0.0.1", "::1" to listen on loopback interface
            	                      // - another specific IPv4/6 to listen on a specific interface
            	                      // - "", "0.0.0.0", "::" to listen on any interface
            	                      // Default, when address config is left out, is "localhost"
            	port: 8080,
            	ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1"], // Set [] to allow all IP addresses
            	                                                       // or add a specific IPv4 of 192.168.1.5 :
            	                                                       // ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.5"],
            	                                                       // or IPv4 range of 192.168.3.0 --> 192.168.3.15 use CIDR format :
            	                                                       // ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.3.0/28"],
            
            	language: "en",
            	timeFormat: 12,
            	units: "metrics",
            	// serverOnly:  true/false/"local" ,
            			     // local for armv6l processors, default 
            			     //   starts serveronly and then starts chrome browser
            			     // false, default for all  NON-armv6l devices
            			     // true, force serveronly mode, because you want to.. no UI on this device
            	
            	modules: [
            		{
            			module: "alert",
            		},
            		{
            			module: "updatenotification",
            			position: "top_bar"
            		},
            		{
            			module: "clock",
            			position: "top_right"
            		},
            		{
              			module: 'MMM-CalendarExt2',
              			config: {
                				calendars : [
                  					{
            					name: "Turtle's Calendar"        					
            					url: "",
                  					},
            					{
            					name: "Work Calendar"
            					url: "",
            					},
            					{
            					name: "Bill Calendar"
            					url: "",
            					},
            					{
            					name: "Payday Calendar"
            					url: "",
            					},
                					],
                				views: [
                  					{
                    					mode: "weekly",
                  					},
                					],
                				scenes: [
                  					{
                    					name: "DEFAULT",
                  					},
                				],
              			},
            		},
            		
            	]
            
            };
            
            /*************** DO NOT EDIT THE LINE BELOW ***************/
            if (typeof module !== "undefined") {module.exports = config;}
            
            S 1 Reply Last reply Reply Quote 0
            • S Offline
              sdetweil @Turtle
              last edited by

              @Turtle after each name: line needs to end with a comma ,

              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
                Turtle @sdetweil
                last edited by

                @sdetweil said in MMM-CalendarExt2:

                @Turtle after each name: line needs to end with a comma ,

                @sdetweil - after putting the post up there, I saw that and added them. Also, added quotes around module name “MMM-CalendarExt2”.

                But I’m still getting the same message.

                1 Reply Last reply Reply Quote 0
                • T Offline
                  Turtle
                  last edited by

                  @sdetweil - wait a minute…do you mean after the name as in “Turtle’s Calendar”? I have them after each of the URL.

                  S 1 Reply Last reply Reply Quote 0
                  • T Offline
                    Turtle
                    last edited by

                    @sdetweil - thank you again…I got it up and working. Just got to do some tweaking!

                    1 Reply Last reply Reply Quote 0
                    • S Offline
                      sdetweil @Turtle
                      last edited by

                      @Turtle yes.

                      One thing to think about, as u encounter errors, is … What did I do last?

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      BKeyportB 1 Reply Last reply Reply Quote 0
                      • BKeyportB Offline
                        BKeyport Module Developer @sdetweil
                        last edited by

                        @sdetweil and “config check is cool” 😏

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

                        S 1 Reply Last reply Reply Quote 0
                        • S Offline
                          sdetweil @BKeyport
                          last edited by

                          @BKeyport once u know how to read it!

                          Sam

                          How to add modules

                          learning how to use browser developers window for css changes

                          1 Reply Last reply Reply Quote 0
                          • T Offline
                            Turtle
                            last edited by

                            I’m confusing myself with all these examples I’m looking out from the main documentation to other people’s examples. When MM starts, I get the monthly calendar the entire screen but with none of my information from any of the four calendars that I have. Also, I do get the “Upcoming” view in the top_left hand corner with only my information from “Turtle’s Calendar” but not the other calendar. Here is my code…

                            config: {
                                				calendars : [
                                  					{
                            					name: "Turtle's Calendar",        					
                            					url: "",
                                  					},
                            					{
                            					name: "Work Calendar",
                            					url: "",
                            					},
                            					{
                            					name: "Bill Calendar",
                            					url: "",
                            					},
                            					{
                            					name: "Payday Calendar",
                            					url: "",
                            					},
                                					],
                                				views: [
                                  					{
                            						name: "MONTHVIEW",        					
                            						mode: "month",
                            						position: "bottom_bar",
                            						calendars: ["Turtle's Calendar", "Work Calendar", "Bill Calendar", "Payday Calendar"],
                                  					},
                            
                            					{
                            						name: "DAILYVIEW",        					
                            						mode: "upcoming",
                            						Title: "Upcoming Events",
                            						slotCount: 10,
                            						hideOverflow: false,
                            						filterPassedEvent: true,
                            						calendars: ["Turtle's Calendar", "Work Calendar", "Bill Calendar", "Payday Calendar"],
                                  					},
                                					],
                                				scenes: [
                                  					{
                                    					name: "DEFAULT",
                            						views: ["MONTHVIEW", "DAILYVIEW"],
                                  					},
                            					
                                				],
                              			},
                            		},
                            		
                            	]
                            
                            ? 1 Reply Last reply Reply Quote 0
                            • ? Offline
                              A Former User @Turtle
                              last edited by

                              @Turtle
                              I suspect maxItems of each view, but not confirm the reason without real ical data. send me your ical’s URL to inspect what happens. (eouia0819@gmail.com)

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

                                @Sean said in MMM-CalendarExt2:

                                @Turtle
                                I suspect maxItems of each view, but not confirm the reason without real ical data. send me your ical’s URL to inspect what happens. (eouia0819@gmail.com)

                                @Sean - it was sent. Thank you!

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

                                  @Turtle

                                  @Sean - it was sent. Thank you!

                                  Result of Inspection.

                                  It seems

                                  • Turtle’s Calendar - Personal Public calendars
                                  • Other 3 Calendars - Has only access allowed to Your G Suite Group.

                                  In this case; the other 3 Calendars’ ical addresses will not be accessible from externs.

                                  For example; Open the browser and put the URL of your “Work calendar” in the address form. It will show 404 error
                                  In your Google Calendar settings, you can see warns.

                                  Warning: The address won’t work unless this calendar is public.

                                  1 Reply Last reply Reply Quote 0
                                  • T Offline
                                    Turtle
                                    last edited by

                                    This weekend I’m going to be working some more on the MM especially the CSS to get the calendars the way I want. So, I’m going to be making the “custom.css” file. Which of the current “.css” file am I going to us to fill the “custom.css” file? Also, on the next updating of MM am I going to lose the “custom.css” file?

                                    Turtle

                                    S BKeyportB 2 Replies Last reply Reply Quote 0
                                    • S Offline
                                      sdetweil @Turtle
                                      last edited by

                                      @Turtle no. Custom.css is no longer tracked, so u won’t lose it. The updater script also saves it.

                                      Custom.css starts out empty, so u add whatever u need.

                                      Sam

                                      How to add modules

                                      learning how to use browser developers window for css changes

                                      1 Reply Last reply Reply Quote 0
                                      • BKeyportB Offline
                                        BKeyport Module Developer @Turtle
                                        last edited by

                                        @Turtle find what you want to modify in the existing css files, then copy them over to custom.css - example:

                                        
                                        /* Bottom Bar Adjustments */
                                        .region.bottom.bar {
                                        	background-color:rgba(0,0,0,.90);
                                        }
                                        
                                        /* Left adjustments */
                                        .region.left {
                                        	text-align: center;
                                        }
                                        

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

                                        1 Reply Last reply Reply Quote 0
                                        • T Offline
                                          Turtle
                                          last edited by

                                          Thank you @sdetweil and @BKeyport for the information.

                                          1 Reply Last reply Reply Quote 0
                                          • BKeyportB Offline
                                            BKeyport Module Developer
                                            last edited by

                                            @Sean Is there a way to center the title for “daily” view? Normally, I’d just use .css for the region, but that doesn’t work with your module.

                                            Thanks!

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

                                            ? 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
                                            • 13
                                            • 14
                                            • 15
                                            • 16
                                            • 17
                                            • 24
                                            • 25
                                            • 15 / 25
                                            • 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