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 daily not shown

    Scheduled Pinned Locked Moved Unsolved Troubleshooting
    3 Posts 1 Posters 1.0k Views 1 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.
    • M Offline
      MerlijnAlmer
      last edited by

      so i was configuring the MMM-CalendarExt2 but now it doesn’t work correctly anymore
      i can only see 1 of the 2 upcoming. (i also dont see the +1 under it)

      and on the daily part i don’t see the new meetings i make only the one that i can see on upcomming wil be displayed there.

      after some fricking around i got it that if i make a new meeting it does show it on upcoming but i still can’t see it on daily.

      here is my .js contents and .css is under it.
      Myconfig:

      /* 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: "nl",
      	timeFormat: 24,
      	units: "metric",
      
      	modules: [
      		{
        		module: "MMM-CalendarExt2",
      		  config: {
      		    calendars : [
      		      {
      		        url: "",
      		      },
      		    ],
      		    views: [
      		      {
      		        name: "vergaderkamer",
      		        mode: "daily",
      			type: "column",
      		        position: "top_left",
      		        slotTitle: "meeting van vandaag",
      			fromNow:0,
      		        slotCount:1,
      		        slotMaxHeight: "480px",
      		        hideOverflow:false,
      		        transform:(event) => {
      			  event.name = event.description
      		          if (event.startDate < ((Date.now()/1000 + 60*5))) { // Check whether 60*5 seconds remain until start
      		           
      		            event.icon = "flat-color-icons:alarm-clock" // redefine icon
      		            event.className = "blueStyle" // redefine CSS style name. (You can define CSS style selector `.CX2 .redStyle`)
      		          }
      		          return event
      		        },
      		      },
      			  {
      			    name: "VIEW3",
      			    mode: "upcoming",
      			    type: "column",
      			    position:"top_right",
      			    maxDays: "0",
      			    transform:(event) => {
      			        var inBetween = function(target, from, to) {
      			          from = Date.now()/1000 + 60 * from
      			          to = Date.now()/1000 + 60 * to
      			          if (target >= from && target < to) {
      			            return true
      			          } else {
      			            return false
      			          }
      			        }
      				if (inBetween(event.startDate, 14, 15)) {
      			          event.className = "greenStyle"
      			          event.title = "[15 MIN!] " + event.title
      			        }
      			        if (inBetween(event.startDate, 13, 14)) {
      			          event.className = "greenStyle"
      			          event.title = "[14 MIN!] " + event.title
      			        }
      			        if (inBetween(event.startDate, 12, 13)) {
      			          event.className = "greenStyle"
      			          event.title = "[13 MIN!] " + event.title
      			        }
      			        if (inBetween(event.startDate, 11, 12)) {
      			          event.className = "greenStyle"
      			          event.title = "[12 MIN!] " + event.title
      			        }
      			        if (inBetween(event.startDate, 10, 11)) {
      			          event.className = "greenStyle"
      			          event.title = "[11 MIN!] " + event.title
      			        }
      				if (inBetween(event.startDate, 9, 10)) {
      			          event.className = "orangeStyle"
      			          event.title = "[10 MIN!] " + event.title
      			        }
      			        if (inBetween(event.startDate, 8, 9)) {
      			          event.className = "orangeStyle"
      			          event.title = "[9 MIN!] " + event.title
      			        }
      			        if (inBetween(event.startDate, 7, 8)) {
      			          event.className = "orangeStyle"
      			          event.title = "[8 MIN!] " + event.title
      			        }
      			        if (inBetween(event.startDate, 6, 7)) {
      			          event.className = "orangeStyle"
      			          event.title = "[7 MIN!] " + event.title
      			        }
      			        if (inBetween(event.startDate, 5, 6)) {
      			          event.className = "orangeStyle"
      			          event.title = "[6 MIN!] " + event.title
      			        }
      			        if (inBetween(event.startDate, 4, 5)) {
      			          event.className = "redStyle"
      			          event.title = "[5 MIN!] " + event.title
      			        }
      			        if (inBetween(event.startDate, 3, 4)) {
      			          event.className = "redStyle"
      			          event.title = "[4 MIN!] " + event.title
      			        }
      			        if (inBetween(event.startDate, 2, 3)) {
      			          event.className = "redStyle"
      			          event.title = "[3 MIN!] " + event.title
      			        }
      			        if (inBetween(event.startDate, 1, 2)) {
      			          event.className = "redStyle"
      			          event.title = "[2 MIN!] " + event.title
      			        }
      			        if (inBetween(event.startDate, 0, 1)) {
      			          event.className = "redStyle"
      			          event.title = "[1 MIN!] " + event.title
      			        }
      			        return event
      			      }
      			},
      		    ],
      		    scenes: [
      		      {
      		        name: "Vergaderkamer",
      		        views: [],
      		        className: "myClass",
      		      },
      		    ],
      		  },
      		},
      			{
      			module: "clock",
      			position: "top_center",
      			config: {
      			    timeFormat: "24",
      			    displaySeconds: "true",
      			    clockBold: "true",
      			    displayType: "both",
      			    anologFace: "face-006",
      			    timeZone: "Europe/Amsterdam",
      			}
      		},
      	]
      };
      /*************** DO NOT EDIT THE LINE BELOW ***************/
      if (typeof module !== "undefined") {module.exports = config;}
      
      

      Mycustom.CSS

      /*****************************************************
       * Magic Mirror                                      *
       * Custom CSS                                        *
       *                                                   *
       * By Michael Teeuw http://michaelteeuw.nl           *
       * MIT Licensed.                                     *
       *                                                   *
       * Add any custom CSS below.                         *
       * Changes to this files will be ignored by GIT. *
       *****************************************************/
      
      .calander .xlarge{
      font-size: 25px;
      }
      
      
      .CX2 {
         --row-min-width: 650px;
         --row-max-width: 650px;
         --column-min-width: 650px;
         --column-max-width: 650px;
         --font-size: 25px;
      }
      
      .CX2 .redStyle {
        color:#000;
        background-color:#E99;
        border-left:2px solid #F00;
      }
      
      .CX2 .greenStyle {
        color:#000;
        background-color:#090;
        border-left:2px solid #0C0;
      }
      
      .CX2 .orangeStyle {
        color:#000;
        background-color:#C60;
        border-left:2px solid #F80;
      }
      
      .CX2 .blueStyle {
        color:#000;
        background-color:#44F;
        border-left:2px solid #66F;
      }
      
      
      
      M 1 Reply Last reply Reply Quote 0
      • M Offline
        MerlijnAlmer @MerlijnAlmer
        last edited by

        might have found the issue its probably in the ICS link
        if i try my personal link it works but the shared link doesn’t

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

          nope wasn’t it
          I know for sure that it should work now i just need to get it to work again.

          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 / 1
          • 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