GithubHelp home page GithubHelp logo

mmm-calendarext's People

Contributors

eouia avatar mbalfour avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

mmm-calendarext's Issues

Cannot load this module

On adding this module in config.js and trying to start , I get the error

[SyntaxError: Unexpected token =]

Is it a known issue?

Add eventDescription as displayable element

Happy New Year! Thanks for the great extension! Trying to understand all the options. ;-)
Instead of event locations, I am more interested in event descriptions. Could you add an option to include event description in the display of an event? Maybe with it's own style?

Add option to ignore certain events

Hi,

I would like to be able to exclude events from a calendar with a certain title like 'Birthday xx'. The default MM calendar plugin has the option 'excludedEvents'. Would it be hard to implement the same in this plugin?

If you can point me in the correct direction I want to try this myself, but I get a bit lost in all the javascript files as I'm not a dev :)

Thx!

Complete sample DOM for styles

I know you have some snippets of the DOM for each event and slot in the wiki, but I was wondering if you could include a complete sample DOM from the wrapper all the way down (ideally for each of the 7 view types) so I could recreate the layout and test out styling changes on it with custom.css?

Monday start for Weeks/Month views

I have been trying to get the weeks view I use to change from starting on a Sunday to starting on a Monday, but no luck. Is it even possible and how can I do it if it is?

How to change from Military time to Standard time on calendar

Let me just tell you how pleased I am with your creation! This was just what I was looking for. I have it up and running with 2 linked calendars with different styles and symbols. SO COOL! Only issue is...how can I change the calendar to show Standard Time instead Military. My Clock is standard. It's probably something simple that I'm missing. Thank you for your help:)

Cannot load module

I have declared the following configuration:

{
module: 'MMM-CalendarExt',
header: 'Calendar',
position: "top_left", //anywhere. It is not related to real position of view
config: { // Read below
defaultView: {
position: 'bottom_bar',
positionOrder: -1,
overflowRolling: 0,
overflowHeight: 0,
overflowDuration: 2,
timeFormat: 'HH:mm',
dateFormat: "MMM Do",
fullDayEventDateFormat: "MMM Do",
ellipsis: 0,
limit:0,
oneLineEvent:0,
replaceTitle:[],
classPattern:[],
classPatternWhere:["title"]
},
calendars: [
{
url: "mycalendar.ics",
view: ['month', 'upcoming'],
styleName: "style1",
symbol: 'us@fi',
maxEntries: 50,
maxDays:365,
interval: 246060*1000,
name: 'My calendar'
}
]
}

}

But when I try to start the magic mirror , it throws config error and when I change the name of the module from MMM-CalendarExt to CalendarExt or anything else , it starts, but even after starting it shows blank screen ,the error seen in the Chrome developer tools is :

loader.js:190 Error on loading script: modules/CalendarExt//CalendarExt.js

Not sure why its not loading with name MMM-CalendarExt , the error while starting is :

WARNING! Could not validate config file. Please correct syntax errors. Starting with default configuration.
Loading module helpers ...
Whoops! There was an uncaught exception...
[SyntaxError: Unexpected token =]

classPattern not working right

I use classPattern on my wifes calendar to give the Kids records other color. Now the Problem when i set styleName to 15 and use smaller styles in classPattern like classPattern: [["xxx", "style9"], ["xxx", "style5"], ["xxx", "style11"]], only the names with style number higher then the styleName working. lower classPattern style only showing the styleName style.
This problem is only with classPattern, symbolPattern is working as aspected

How to have symbolPattern see upper and lower case?

My issue is just for saving time typing. I'm using the symbolPattern for different events in the calendar and works perfect. Only question: is there a way to have it match upper and lowercase. See my code below:
symbolPattern: [["Softball", "baseball@em"],
["Soccer", "soccer@em"],
["Basketball", "basketball@em"],
["School", "straight_ruler@em"],
["Birthday", "birthday@em"],
["Gymnastics", "woman-cartwheeling@em"],
["sewing", "scissors@em"],
["envirothon", "turtle@em"]],

I have to use "sewing" as lowercase because it is in the calendar that way but if it gets added as "Sewing" the symbol won't show. Is there a way to cover upper and lower without having to type all of them 2 times: ["sewing", "scissors@em"], ["Sewing", "scissors@em"],
Thank you again for your help. This calendar is so amazing and work so well.

MMM-CalendarExt not showing on MM until access it from a web browser

Bug Description:
The calendar does not show up on the MagicMirror until I point a browser to the MagicMirror and refresh the page once or twice. Only then does the calendar "magically" appear. This happens every time I reboot the Pi OR restart MagicMirror.

I have modified the css file to display the calendar as I want it to, so if you require my modified css file to figure this out, please reply with an email address I can send the file to.

Screenshots
Display on MagicMirror BEFORE going to http://192.168.x.x:8080 on web browser from another device, it looks like this for days until I go to a web browser:
nocalendar

Display on MagicMirror AFTER going to http://192.168.x.x:8080 on web browser from another device:
calendar

Other Info:
-Node Version: 10.15.0
-MagicMirror Version: 2.5.0

MMM-CalendarExt config:

		{
			module: 'MMM-CalendarExt',
			position: 'lower_third',
			config: {
				system: {
					show: ['month'],
					locale: 'en',
					showEmptyView: 1,
					fullDayEventLocalize: 0,
					redrawInterval: 1 * 60 * 1000,
					useProfileConfig: 0,
					startProfile: '',
				},
				defaultView: {
					position: 'lower_third',
					positionOrder: 1,
					overflowRolling: 1,
					overflowHeight: 50,
					overflowDuration: 3,
					onlyStartingTime: 0,
					timeFormat: 'h:mm a',
					dateFormat: 'ddd, M/D',
					fullDayEventDateFormat: 'ddd, M/D',
					ellipsis: 0,
					limit: 0,
					oneLineEvent: 1,
					replaceTitle: '',
					classPattern: '',
					classPatternWhere: '',
					symbolPattern: '',
					symbolPatternWhere: '',
				},
				views: {
					month: {
						showWeeks: 0,
						weeksTitle: 'Weeks',
						weeksFormat: 'wo',
						weekdayFormat: 'dddd',
						titleFormat: 'D',
						overTitleFormat: 'MMM D',
						monthTitleFormat: 'MMMM YYYY',
					},
				},
				defaultCalendar: {
					profiles: [],
					views: [],
					symbol: '',
					styleName: 'styleBW',
					replaceTitle: [],
					classPattern: [],
					classPatternWhere: ['title'],
					symbolPattern: [],
					symbolPatternWhere: ['title'],
					maxEntries: 50,
					maxDays: 180,
					interval: 300000,
				},
				calendars: [
					{
						name: 'Holly',
						url: 'url hidden for privacy',
						profile: ['holly'],
						symbol: 'atom@md',
						//styleName: 'styleHolly',
					},
					{
						name: 'Sunday',
						url: 'url hidden for privacy',
						profile: ['sunday'],
						symbol: 'pistol@md',
						//styleName: 'styleSunday',
					},
					{
						name: 'Cameron',
						url: 'url hidden for privacy',
						profile: ['cameron'],
						symbol: 'football@md',
						//styleName: 'styleCameron',
					},
					{
						name: 'Mayan',
						url: 'url hidden for privacy',
						profile: ['mayan'],
						symbol: 'peace@md',
						//styleName: 'styleMayan',
					},
					{
						name: 'Charline',
						url: 'url hidden for privacy',
						profile: ['charline'],
						symbol: 'cat@md',
						//styleName: 'styleCharline',
					},
					{
						name: 'Cassiel',
						url: 'url hidden for privacy',
						profile: ['cassiel'],
						symbol: 'tractor@md',
						//styleName: 'styleCassiel',
					},
					{
						name: 'Bills Due',
						url: 'url hidden for privacy',
						profile: ['bills'],
						symbol: 'currency-usd@md',
						//styleName: 'styleBills',
					},
					{
						name: 'Roger',
						url: 'url hidden for privacy',
						profile: ['Roger'],
						symbol: 'crosshairs@fa',
						//styleName: 'styleRoger',
					},
					{
						name: 'Nancy',
						url: 'url hidden for privacy',
						profile: ['Nancy'],
						symbol: 'christianity-outline@md',
						//styleName: 'styleNancy',
					},
					{
						name: 'Holidays',
						url: 'url hidden for privacy',
						profile: [''],
						symbol: 'pine-tree@md',
					},
					{
						name: 'Birthdays & Anniversaries',
						url: 'url hidden for privacy',
						profile: [''],
						symbol: 'cake-variant@md',
					},
				],
			},
		},

update?

Hey All,
How do I update I have looked here and on the MagicMirror mmm-calendarext subfourm but can not find it.

Also how do i disable the modular so that it still shows my calendar even if I do not update. I think it should still work even with out updating it. why fully disable it because there is an update?

Thanks in advance.

update available for mmm-calendarExt module

Hello

My Magic Mirror alert did put that on the screen:

Update available for mmm-calendarExt module. The current installation is 2 commits behind on the master branch

What is the procedure?

Thank you

Display start time for Event in weeks or month Mode

Hello everyone,
i´m looking for a way do display the start time for an event in weeks-mode.
i´ve be looking through "custom.css" but only could find:

.CALEXT .weeks .fulldayevent .eventTime,
.CALEXT .month .fulldayevent .eventTime,
.CALEXT .daily .fulldayevent .eventTime {
display:none;
}

is this the right one? am i missing something?

Thanks,
F

Nothing displayed

Hello there,

i cloned your repository as mentioned and used the default config:

module: 'MMM-CalendarExt',
position: "top_left",
config: {
calendars: [
{
url: "mycalendar.ics"
}
]
}
},

But if i start the Mirror there is nothing displayed. I only get a black window. Did you notice this error?

Best regards

Michael

iCloud calendar not showing

I cannot get MM to show my public iCloud calendar (have also tried with https instead of webcal):
{
module: "MMM-CalendarExt",
position: "middle_center",
config: {
calendars: [
{
url: "webcal://pXX-calendars.icloud.com/published/2/XXX"
}
]
}
},

where as this shows up fine:
{
module: "MMM-CalendarExt",
position: "middle_center",
config: {
calendars: [
{
url: "https://www.fck.dk/fck.ics"
}
],
}
},

Turn on/off event location based on calendar

I know there is a way to turn on event location and/or event time in the month view, but that is global to the view. Is there any way to turn off and on event locations in each calendar?

Module Not Loading

Hi, I ran through all steps like you explained in your directions to install and include a module line in my config.js file to run the module. However, everything but this module loads in the Magic Mirror, it's like I don't even have te module plugged in or installed. Below is my full config.js code, could you tell me if you see any issues with my setup or what I could do differently? Is there something with the other modules that it is not playing nicely with? So far, the only custom module I have is the calendar_monthly.

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: [], // 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: "en",
	timeFormat: 12,
	units: "imperial",

	modules: [
		{
			module: "MMM-CalendarExt",
			position: "top_left",
			config: {
				calendars: [
					{
						url: "http://mlb.am/tix/mariners_schedule_full"
					}
				]
			}
		},
		{
			module: "alert",
		},
		{
			module: "updatenotification",
			position: "top_bar"
		},
		{
			module: "clock",
			position: "top_left"
		},
		{
			module: "calendar_monthly",
			position: "top_left"
		},
		{
			module: "compliments",
			position: "bottom_bar"
		},
		{
			module: "currentweather",
			position: "top_right",
			config: {
				location: "Iowa City",
				locationID: "4862034",  //ID from http://www.openweathermap.org/help/city_list.txt
				appid: "API_Key_Text",
				showHumidity: "true"
			}
		},
		{
			module: "weatherforecast",
			position: "top_right",
			header: "Weather Forecast",
			config: {
				location: "Iowa City",
				locationID: "4862034",  //ID from http://www.openweathermap.org/help/city_list.txt
				appid: "API_Key_Text",
				showRainAmount: true,
				fade: false,
				fadePoint: 1,
				colored: true
			}
		},
		{
			module: "newsfeed",
			position: "bottom_bar",
			config: {
				feeds: [
					{
						title: "New York Times",
						url: "http://www.nytimes.com/services/xml/rss/nyt/HomePage.xml"
					}
				],
				showSourceTitle: true,
				showPublishDate: true
			}
		}
	]

};

/*************** DO NOT EDIT THE LINE BELOW ***************/
if (typeof module !== "undefined") {module.exports = config;}

calendar not updating

Not sure why but switched my calendar feed (and updated magic mirror) to an outlook.com ical and the calendar loads perfectly fine but doesn't seem to update unless I restart magic mirror.... I do have the redrawInterval at 60000. Not sure if this is a weird sync issue with outlook.com or something else.

ERROR! Could not validate main module js file.

Getting the following error when loading MM. The calendars never load on electron (on the Pi), however when loading from an external browser, the calendars load without a problem. Could be an issue with the node version, but i have updated, and it had no effect.

/home/pi/.pm2/logs/mm-error-0.log last 15 lines:
0|mm       | ERROR! Could not validate main module js file.
0|mm       | /home/pi/MagicMirror/modules/MMM-CalendarExt/MMM-CalendarExt.js:182
0|mm       |   addCalendars: async function() {
0|mm       |                       ^^^^^^^^
0|mm       | SyntaxError: Unexpected token function
0|mm       |     at Object.exports.runInThisContext (vm.js:76:16)
0|mm       |     at Module._compile (module.js:528:28)
0|mm       |     at Object.Module._extensions..js (module.js:565:10)
0|mm       |     at Module.load (module.js:473:32)
0|mm       |     at tryModuleLoad (module.js:432:12)
0|mm       |     at Function.Module._load (module.js:424:3)
0|mm       |     at Module.require (module.js:483:17)
0|mm       |     at require (internal/module.js:20:19)
0|mm       |     at Class.loadModuleDefaultConfig (/home/pi/MagicMirror/modules/MMM-Remote-Control/node_helper.js:254:17)
0|mm       |     at /home/pi/MagicMirror/modules/MMM-Remote-Control/node_helper.js:211:10

similar discussion here.

Need to display event times in 'weeks' calendar view

Is there a way to do this?

I'd actually prefer to use the "daily" view as it contains the times AND looks better, but there doesn't seem to be a way to force it to display, say, in 4 rows of 7 days to simulate a "weeks" look.

For now, I hacked the MMM-CalendarExt.css file by setting the flex-basis on the .slot class so only 7 days appear per row in the "daily" view. I'm obviously looking for a more elegant solution than this though!

CALEXT .slot {
    margin-left:5px;
    margin-right:5px;
    flex-grow: 1;
    /* HACK */
    /*flex-basis: 100px;*/
    flex-basis: 12%;
    box-sizing:border-box;
    margin-bottom:5px;
}

Provide config.js files for examples

It would be great to have the config.js files for your examples. I'm having basic problems with positioning of the calendar on the screen. If you could provide all of your great examples as separate config.js files in an examples directory, that would be very helpful.

cannot see event times

Hi, I really like this module, but I can't get the event times to show up on the calendar. I set 'oneLineEvent' to 0 but I still only see the event name.

This is my config:

            {
                    module: 'MMM-CalendarExt',
                    position: "top_left",
                    config: {
                            system: {
                                    show: ['weeks']
                            },
                            views: {
                                    weeks: {
                                            position: 'lower_third',
                                            showWeeks: 0,
                                            counts: 4,
                                            oneLineEvent: 1
                                    }
                            },
                            calendars: [
                                    {
                                            styleName: "style1",
                                            url: "https://calendar.google.com/calendar/ical/<private>/basic.ics",
                                    }
                            ]
                    }
            },

/

Thank you for any assistance,

flamtapgt

timezone/daylight savings

I have an ical with timezone UTC+1, and there is on top of this daylight savings for my local settings. Now here is the issue - my calendar shows an event today at 19:00-21:00 - but the magicmirror shows it at 18:00-20:00. How do you adjust for this? I have been looking all around for this...

Limiting upcoming events to the end of the day

Is there a way to limit displaying the upcoming events from the current time to the end of the day?
Either hiding past events from 'daily' view, or limiting 'upcoming' view to EOD may help me out.

full day events shows up in every month

I've been tinkering around with the views for a few hours and all my all day events show up in every month? I thought it was a locale/dateformat issue but no luck using different settings. I'm currently using my private gmail but the error persist even with a Swedish holiday calendar. Any thoughts?

Weekly entries don't sort properly

The recurring entry in the first week is not properly sorted. It also appears that sorting across multiple calendars is not working as seen in the second week.

capture

Changing appearance for dummies

Hi there,

I'm using your calendar module as a family planner, on the background images are displayed by using the RandomBackground module. I've assigned an own text color (style) to every family member (4) and tried to remove all other background colors. That did not work for me.

Is it possible to display the calendar with just text and no background?

This is in my custom.css
.CALEXT .styleB .eventContainer{
background-color:#000000;
color:#00FFFF;
}

.CALEXT .styleB.fulldayevent .eventContainer{
background-color:#000000;
color:#00FFFF;
}

.CALEXT .styleA .eventContainer{
background-color:#000000;
color:#FF5D00;
}

.CALEXT .styleA.fulldayevent .eventContainer{
background-color:#000000;
color:#FF5D00;
}

.CALEXT .styleD .eventContainer{
background-color:#000000;
color:#B6FF00;
}

.CALEXT .styleD.fulldayevent .eventContainer{
background-color:#000000;
color:#B6FF00;
}

.CALEXT .styleY .eventContainer{
background-color:#000000;
color:#FF70FF;
}

.CALEXT .styleY.fulldayevent .eventContainer{
background-color:#000000;
color:#FF70FF;
}

.CALEXT .styleH .eventContainer{
background-color:#000000;
color:#FFFFFF;
}

.CALEXT .styleH.fulldayevent .eventContainer{
background-color:#000000;
color:#FFFFFF;
}
schermafbeelding 2017-11-08 om 12 08 46

can't get a monthly view

hello all
i have been trying to get a monthly view with no results, tried following the example with no luck. I am getting a week view just fine.

John

Question: Symbol in classPattern?

If there a way to assign symbols to events using classPattern? If not, might I recommend this.
I have a 1 calendar with multiple sport events. Hockey, Baseball, Soccer etc. It would be nice to assign symbols to etc type of sport.
TIA! Keep up the great work on this module.

exdate[name].toISOString

Hi,
It came with new version last week. I think its about returnung appointments in the exchange ical.
Thank you.

Whoops! There was an uncaught exception...
TypeError: exdate[name].toISOString is not a function
at Object.EXDATE (/home/pi/MagicMirror/modules/MMM-CalendarExt/vendor/ical.js/ical.js:200:35)
at Object.handleObject (/home/pi/MagicMirror/modules/MMM-CalendarExt/vendor/ical.js/ical.js:379:41)
at Object.parseICS (/home/pi/MagicMirror/modules/MMM-CalendarExt/vendor/ical.js/ical.js:420:20)
at Request._callback (/home/pi/MagicMirror/modules/MMM-CalendarExt/vendor/ical.js/node-ical.js:18:23)
at Request.self.callback (/home/pi/MagicMirror/node_modules/request/request.js:186:22)
at emitTwo (events.js:126:13)
at Request.emit (events.js:214:7)
at Request. (/home/pi/MagicMirror/node_modules/request/request.js:1163:10)
at emitOne (events.js:116:13)
at Request.emit (events.js:211:7)

Facebook Birthday Calendar events not seen as fullDayEvent

Let me start with saying I'm very impressed with this nice module! furthermore I'm not a coder!

When I import Facebook birthdays webcal://www.facebook.com/ical/b.php?uid=********&key=******* some odd things happen. They are displayed over two days and the event time is displayed in endDateTime - beginDateTime (jan 2nd 23:59 - jan 1st 00:00 ).

Is I initially thought this was me making a config mistake I opened a forum topic about this too;
link

I believe the calendar event is not recognized as fullDayEvent as the CSS formatting for that is not applied. I think the code is exspecting "duration" not to be filled.
example facebook ical;

BEGIN:VCALENDAR

PRODID:-//Facebook//NONSGML Facebook Events V1.0//EN
X-WR-CALNAME:Friends' Birthdays
X-PUBLISHED-TTL:PT12H
X-ORIGINAL-URL:/events/birthdays/
VERSION:2.0
CALSCALE:GREGORIAN
METHOD:PUBLISH
BEGIN:VEVENT
DTSTART:20180219
SUMMARY:Martin van Drunen's birthday
RRULE:FREQ=YEARLY
DURATION:P1D
UID:*****@facebook.com
END:VEVENT

thanks!

Calendar isn´t showing after latest MM update

Hey eouia!

Thirst of all, thanks a lot for the awesome work, if been enjoying your module a lot so far.

My problem is, that since I updated MM to the latest version of the master branch today, I can´t seem to get your calendar to work again.

Things I´ve tried:
-Starting MM with dev didn´t give me any errors but the calendar was of course still not showing.
-I backed up the small changes I made to your repository and downloaded it again. Nothing changed
-I deleted the config.js entry for your calendar and added the simple one you suggest at the end of your wiki page about configuration. Unfortunately to no avail.

I´d be very thankful if you could help me troubleshoot this problem.
Are any other users experiencing the same issue?

Thanks and kind regards!
Phil

Toggle month shown

Is there anyway to cycle forward (or backward) in month view? Would using profiles work. This could be done either with a touch screen or physical buttons...

Seek for css class

Hello.

I've do some change on my look but and don't find how change color of day's font. Someone can help me ?

A map with all class could be great...

I want to change this:
image

And if you know, how make a fixed height of empty weeks and why my titlemonth have no caps on first letter, i take too...

Add separation between the current week and following week

Is it possible to add separation between the current week and following week when the calendar is displayed in weeks? I would like to add some space between the bottom and top of the calendars see attached image with red arrow mark.
"system": {
"show": ["weeks"]
2018-07-16_15-39-05

authentication of calendar

I'm struggling to get a calendar to show that requires login. I know user and password, but am unsure what 'method' is used for and what options for that field. Thanks

Global Background styling

This calendar module is great. It has a lot of flexibility which is very nice.

My MagicMirror isn't build at a mirror. Really it's a calendar and weather station. Saves costs a little bit. The calendar displays with a transparent background. It looks like opacity 0.5 or so. I dived down into styles see if I could set a global background color of black (#00000). That way it looks like it is on top of my background not in my background.

img_20181203_060159 1

I was able to get the background color on the default clock.

image

I apologize for the poor quality of the pictures.

Recurring Events Appear In Multiples Today

Had an issue with recurring, all day events appearing in multiples today on the "daily" view. Changed the following in components/Calendar.js:

On line 177 around this recurring section:

// The "dates" array contains the set of dates within our desired date range range that are valid
                                        // for the recurrence rule.  *However*, it"s possible for us to have a specific recurrence that
                                        // had its date changed from outside the range to inside the range.  For the time being,
                                        // we"ll handle this by adding *all* recurrence entries into the set of dates that we check,
                                        // because the logic below will filter out any recurrences that don"t actually belong within
                                        // our display range.
                                        // TODO: Find a better way to handle this.
                                        if (event.recurrences != undefined)

...changed:

if (event.recurrences != undefined)

to:

if (event.recurrences == undefined)

...I'm a brewer, not a coder, but this solved it for me...at least for now.

forRPI1 branch error

Uncaught TypeError: nameSet.add is not a function
    at MMM-CalendarExt.js:422
    at Array.forEach (<anonymous>)
    at Class.makeIndex (MMM-CalendarExt.js:414)
    at Class.socketNotificationReceived (MMM-CalendarExt.js:581)
    at module.js:246
    at r.<anonymous> (socketclient.js:25)
    at r.emit (index.js:83)
    at r.onevent (index.js:83)
    at r.MMSocket.self.socket.onevent (socketclient.js:19)
    at r.onpacket (index.js:83)

I used git clone --single-branch --branch forRPI1 https://github.com/eouia/MMM-CalendarExt.git
Just to get that branch is that incorrect?
RaspberryPi0 hence RPI1

Calendar icons

I am trying to change the icons for specific calendars. I have 6 total and was able to change one using the following code "symbol": "user-secret@fa", in config.js But when i add a different one for another calendar it doesnt show up or no icon appears. this screen shot shows it wortking with one calendar, the second shows two calendars configured to use two different icons

2018-07-20_13-49-03
2018-07-20_14-00-37

Here is the code for my config.js
"calendars": [ { "name": "Ingo&Jen", "symbol": "user-friends@fa", "styleName": "style2", "url": "Calendar link here" }, { "name": "US Holiday", "url": "Calendar link here", "symbol": "us@fi", "styleName": "style6", "interval": 24*60*60*1000, "maxEntries": 50, "maxDays":365, }, { // "name": "", "symbol": "calendar", "styleName": "style3", "url": "Calendar link here", }, { // "name": "", "symbol": "calendar", "styleName": "style4", "url": "Calendar link here", }, { // "name": "", "symbol": "calendar", "styleName": "style5", "url": "Calendar link here", }, { "name": "Ingo RCPD", "symbol": "user-secret@fa", "styleName": "style1", "url": "Calendar link here", "interval": 24*60*60*1000, }, ],

custom.css doesn't seem to work

I have made the following addition to MMM-CalendarExt/custom.css

pi@raspberrypi:~/MagicMirror/modules/MMM-CalendarExt $ git diff
diff --git a/custom.css b/custom.css
index 58b01e7..bbb683c 100644
--- a/custom.css
+++ b/custom.css
@@ -158,8 +158,12 @@

     */
 }
 
-
-
+.CALEXT .weeks .eventTime {
+    display: block;
+    font-weight:normal;
+    font-size:50%;
+}
 
 .CALEXT .events {
     list-style:none;

When I inspect localhost:8080 and add the .CALEXT .weeks .eventTime block, the event times are shown as expected.

Doesn't seem like neither changes to custom.css or MMM-CalendarExt.css make the css addition to be effective.

Running MMM-CalendarExt version: f10031d
Running version of MagicMirror: 6db61b

pi@raspberrypi:~/MagicMirror $ git log
commit 6db61b43572d163efb6369f60238975c3e6c3efc

pi@raspberrypi:~/MagicMirror/modules/MMM-CalendarExt $ git log
commit f10031d

Witdh 100%?

Hello.

I have this board:
image
Do you know, how can i make ma calendar more large ?

Only display events on the day of Start time

on the Weeks or Month view, I have events that span past midnight.

Ex. Apr 14th 20:00 - Apr 15th 06:00

It shows this spanning both days, so there's two events like a multiday all-day event. Is there any way to disable that?

Additionally when displaying event times, I'd prefer to show the Start and End time of the event without the date as well. If it says 20:00 - 06:00, that makes perfect sense. I don't need "Apr 14th 20:00 - Apr 15th 06:00" before the event title.

capture

503 Service Unavailable on ICS pull kills process

I have an outlook.com hosted ICS, I noticed that often CalendarExt would not display and looking at the logs it seems to happen when it gets a 503 Service Unavailable response when trying to download the ICS file. (in Calendar.js). Other modules pulling from the same file don't seem to have any issue.
Is the code expected to retry at the next refresh interval (It doesn't seem to) when this happens it looks like the only recovery method is to restart mm, should this intstead retry a certain number of times before giving up (or retry on every refresh)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.