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 832 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
          • 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