Default Calendar Custom Events

doogy_rev

Hi All,

I am looking to create a custom event for the default calendar and I can’t get the example in the guide to work.

https://docs.magicmirror.builders/modules/calendar.html#configuration-options

Here is my code …

{
			module: "calendar",
			header: "Celebrations",
			position: "top_left",
			config: {
				calendars: [
					{
						fetchInterval: 7 * 24 * 60 * 60 * 1000,
						symbol: "calendar-check",
						maximumEntries: "8",
						customEvents: [{keyword: 'Birthday', symbol: 'birthday-cake', color: 'Gold', transform: { search: '^([^\']*) \'(\\d{4})$', replace: '$1 ($2.)', yearmatchgroup: 2}}],
						url: "https://calendar.google.comxxxxxxxxxxxxxxxxxxxxxxxxxbasic.ics"
					}
				]
			}
		},

No matter what I try I can’t get the symbols to change to the cake icon or have the birth year transformed to the persons age.

All my calendar events are titled “DoogyRev Birthday '1982” a per the example. Has any one got this to work? any suggestions welcome.

Thanks

DoogyRev

sdetweil

@doogy_rev url is part of the event {} object

{ url:… same as in calendar def, symbol:…, color:… keyword:, …}

the url is needed cause you could have 10 calendars defined. which calendar should this customEvent thing apply to, as there is only one customEvents list for this module instance

sdetweil

@doogy_rev customEvents list is OUTSIDE the calendars:[] list

that is why you have to supply the url to match which calendar events to affect

doogy_rev

@sdetweil When I put it outside the Calendar:[] I can’t get it to load.

Do you have a example how it should look, I have searched other posts relating to custom events but can’t suss it.

Apologies I am a noob at this :-)

sdetweil

@doogy_rev i posted this in discord the other day

in calendar you can have multiple url sources of events that will be merged together in one output.

now
customEvents is a list []
each entry
has a url: property to match it to the url config in the calendars list[]
then properties for the individual items for that url
keyword
symbol
color

keyword is the text in the event summary to match to specific events
so each entry is (with the array/list marker)

customEvents:
[
  {  url, keyword,  symbol, color },
  {another},
  {another}
]

example layout

{
   module:'calendar',
   position:'...',
   config:{
         customEvents:[
                   {},
                   {}
          ],
          calendars:[
              {},
               {}
          }
      }
}

doogy_rev

@sdetweil This is useful, thanks. Based on that I now have this…

		{
			module: "calendar",
			header: "Celebrations",
			position: "top_left",
			config: {
				colored: true,
				customEvents: [
					{keyword: 'Birthday', symbol: 'birthday-cake', color: 'Gold'},
					{transform: { search: '^([^\']*) \'(\\d{4})$', replace: '$1 ($2.)', yearmatchgroup: 2}}
				],
				calendars: [
					{
						fetchInterval: 7 * 24 * 60 * 60 * 1000,
						symbol: "calendar-check",
						maximumEntries: "8",
						url: "https://calendar.google.com/xxxxxxxxxxxxxxxxxxxxxxxxx/basic.ics"
					}
				]		
			}
		},

I can get the colours working if I comment out the transform. as soon as I enable that calendar does not load. Can you see any errors in the transform string?

Thanks

sdetweil

@doogy_rev i don’t know about transom, i thought that was only for ext3.

and you didn’t put in the url

doogy_rev

@sdetweil Where am I supposed to put the calendar URL in again? not sure I am understanding.

sdetweil

@doogy_rev url is part of the event {} object

{ url:… same as in calendar def, symbol:…, color:… keyword:, …}

the url is needed cause you could have 10 calendars defined. which calendar should this customEvent thing apply to, as there is only one customEvents list for this module instance

doogy_rev

Got it, Thank you! @sdetweil

sdetweil

@doogy_rev cool