MagicMirror² v2.12.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.
