MMM-CalendarExt2

A Former User

Slightly narrow event’s width is intentional to avoid margin of error on calculation. It is hardcoded. But if you want to modify it by yourself,
https://github.com/eouia/MMM-CalendarExt2/blob/a5d509ada997034f91e0790ad72e87512cb24c60/CALEXT2_Slot.js#L250

eventDom.style.width = width - 15 + "px"

Change 15 to what you want.

Can I also shrink the gap between events vertically somehow?

Tell me more exact details? Even a picture will help.

A Former User

@scuppasteve
The default method of displaying time on agenda views(current and upcoming) is defined as relative form. So, you can use just useEventTimeRelative: false, to display event time absolute format.
But what you want is just removing time of events from specific calendars or specific views, you can control it with CSS.
For example, when you want to hide time of all events from Chores calendar on current view, try this.

...
calendars : [
  {
    name: "Chores",
    scanInterval: 1000*60*240,
    url: "CAL URL",
    className: "CHORES_CAL"
  },
...

Then, add this code to your css/custom.css

.CX2 .current .CHORES_CAL .eventTime {
  display:none;
}

This means hide eventTime of CHORES_CAL of current view. Of course you can specify your target in other ways.
And you might need some additional CSS adjustment to beautify the empty area. Try it yourself.

BKeyport

@Sean - This don’t seem to work. Did I break my code? (line numbers added to show result from error check) - MM won’t start with code enabled - “Please create file”

65: transform: (event) => {  
66:	if (event.title.search("Recycle") > -1) {
67:		event.icon = "mdi:recycle",
68:	},
69:	return event
70: },

Results in:

Checking file...  /home/pi/MagicMirror/config/config.js
Line 65 col 46 'arrow function syntax (=>)' is only available in ES6 (use 'esversion: 6').
Line 68 col 33 Unexpected '}'.
Line 67 col 63 Expected an assignment or function call and instead saw an expression.
Line 67 col 64 Missing semicolon.
Line 68 col 34 Expected an identifier and instead saw ','.
Line 68 col 34 Expected an assignment or function call and instead saw an expression.
Line 68 col 35 Missing semicolon.
Line 69 col 45 Missing semicolon.

Thanks!

sdetweil

@BKeyport said in MMM-CalendarExt2:

“mdi:recycle”,

Remove the trailing comma

scuppasteve

@Sean That worked perfectly . How would you go about making the slot event background not be a black gradient? I just want the whole thing to be transparent.

cskenney

@Sean Similar to the Transform method used to identify a keyword in a title and change the icon (birthday is the example) is there a way to do the same thing (identify a key word) and change the color and background-color for that specific item?

My example would be if the word “Softball” is found in the title of a calendar entry it would transform the icon to a softball icon (already have this figured out). I also want to change the background-color and possibly the (font) color.

jani.karna

This post is deleted!

BKeyport

@sdetweil - It gets worse.

65:  transform: (event) => {  
66:	if (event.title.search("Recycle") > -1) {
67:	event.icon = "mdi:recycle"
68: 	},
69: 	return event
70: },

Checking file...  /home/pi/MagicMirror/config/config.js
Line 65 col 46 'arrow function syntax (=>)' is only available in ES6 (use 'esversion: 6').
Line 67 col 63 Missing semicolon.
Line 68 col 34 Expected an identifier and instead saw ','.
Line 68 col 34 Expected an assignment or function call and instead saw an expression.
Line 68 col 35 Missing semicolon.
Line 69 col 45 Missing semicolon.

0|mm     | WARNING! Could not validate config file. Starting with default configuration. Please correct syntax errors at or above this line: /home/pi/MagicMirror/config/config.js:68
0|mm     |                                                              },
0|mm     |                                                               ^
0|mm     | SyntaxError: Unexpected token ,
0|mm     |     at new Script (vm.js:74:7)
0|mm     |     at createScript (vm.js:246:10)
0|mm     |     at Object.runInThisContext (vm.js:298:10)
0|mm     |     at Module._compile (internal/modules/cjs/loader.js:678:28)
0|mm     |     at Object.Module._extensions..js (internal/modules/cjs/loader.js:722:10)
0|mm     |     at Module.load (internal/modules/cjs/loader.js:620:32)
0|mm     |     at tryModuleLoad (internal/modules/cjs/loader.js:559:12)
0|mm     |     at Function.Module._load (internal/modules/cjs/loader.js:551:3)
0|mm     |     at Module.require (internal/modules/cjs/loader.js:658:17)
0|mm     |     at require (internal/modules/cjs/helpers.js:20:18)

sdetweil

@BKeyport said in MMM-CalendarExt2:

Please correct syntax errors at or above this line: /home/pi/MagicMirror/config/config.js:68
68: }, < ------- remove THAT trailing comma

Line 65 col 46 ‘arrow function syntax (=>)’ is only available in ES6 (use ‘esversion: 6’).

need node V6, which we should be LONG past.
do a node -v

cskenney

@sdetweil @BKeyport I had the same issue with the arrow function. I did node -v and my system is v10.15.2. I was able to work around the issue by using the older notation like shown below.

FYI - I just revised your code so you can copy and try it.

65:  transform: function(event)  {  
66:	if (event.title.search("Recycle") > -1) {
67:	event.icon = "mdi:recycle";
68: 	}
69: 	return event;
70: },

EDIT - line 68 revised to fix an error