MagicMirror² v2.13.0 is available! For more information about this release, check out this topic.

MMM-CalendarExt2 daily not shown



  • 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;
    }
    
    
    


  • 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



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


Log in to reply