How to show events from device calendar in my app? - javascript

I'm on an ionic-app and need to show the last 2 or 3 events from the calendar of my iPhone. Moreover I need to put the attributes from the events (time, location etc.) in variables.
I tried that with the Cordova-Calendar-Plugin from Eddy Verbruggen. Creating calendars, adding events etc. works fine but how can I fetch the data from the calendar and show it in my app?

Related

Fullcalendar auto update calendar on multiple computers

My wife and I both use the one instance of fullcalendar on a website I have built and when she creates a new event on the calendar on her computer, I want it to show up on mine without refreshing. Google calendar does this if we are working on the same calendar and I am wondering if there is a way to get fullcalendar to do it so that we are not both entering an event into the same timeslot.
I know I can use calendar.refetchEvents() with a timer, but I'm after something that won't keep polling the server.

How can I start an action from inside a Google calendar event?

I have a Google script that parses email notifications from my local library about due dates and pick-up notices, then creates calendar events on a Google calendar. It's not professional code, but it works and is serviceable enough for the family.
I would like to add a feature that allows one to open a calendar event, click on something (like a button or link) and an event that spans 5 days will get shortened to end on the day it is clicked. The calendar page gets pretty full with 5-day-long events that may have been picked up on the first day. I need to keep the event on the calendar, because it also serves as a history of checkouts that the library does not keep.
I can kluge together the logic to do the event manipulation, but it's the firing off that process that is stumping me. I've seen Google spreadsheet usage as a backend db-like service, but that really feels like using Access back in school, so I'd like to find a different approach.

FullCalendar gotoDate loses drop event with multiple calendars

We are making a web application where users can create theire own calendars. They should be able to create multiple calendars (all in view agendaDay) on one page. There are external events that have to be dropped on the calendars to make appointments. Everything we want to do is working like a charm!
But we have 1 problem and we can't seem to get a solution for it.
We have a second (month) calendar (dynamicly created) and we are using this calendar to navigate between days. When a user clicks on a day we use gotoDate to change the FullCalendars day.
This is where the problem comes in. When we use gotoDate on all the calendars on the page it's not possible drop the external events on the first calendar. Dropping the events on de second or third calendar is not giving any problems.
What i have seen is that the fullCalendar gets destroyed in the renderView function in the fullcalendar.js on line 724 (version 2.2.6). After this the fullcalendar has been rendered again.
When i uncomment the destroy the problem is solved but then ofcourse the drop event gets initialized for second time (or third, or fourth).
I'm unable to find a solution so trying to find some help for this.
See my code on: http://jsbin.com/pubelo/1/
I have also submitted this to the FullCalendar issue tracker but i'm trying to find a fast solution for now.
Update 1
Still looking into the FullCalendar.js code. I have noticed that the problem is solved when i remove line 6414 in the destroy function.
this.el.empty();
But removing that line results in double javascript events.
Update 2
Changed the jsbin link.
Update 3
I have noticed that the handler 'documentDragStart' isn't called on the first calendar when using the gotoDate.
Update 4
Problem turns out to be in "var Grid = fc.Grid = RowRenderer.extend({" unbindHandlers function.
Because the seconds calendar is calling the unbindHandler after the first calendar called the bindHandlers the dragstart has been removed and only applied once (to the last calendar).
Haven't found a solution tho...
Workaround / solution
Got a work around for the problem.
I'm destroying both calendars. After that i initialize both calendars again with defaultDate paramater set to the correct date.
This seems to work fine for now.
Got a work around for the problem.
I'm destroying both calendars. After that i initialize both calendars again with defaultDate paramater set to the correct date.
This seems to work fine for now.
Update
Problem had been fixed by Arshaw and released in the newest version 2.3.0.

Universal analytics added with Google Tag Manager shows real-time events but not historical

I'm using Google Tag Manager to add Universal Analytics to a page and triggering an event with the JavaScript API. I'm able to the see the event being sent using GA Debugger and on the "Real-Time -> Events" page in GA but it never seems to make it to the "Behaviour -> Events" page (no filters or segments on). The page has been live for about 2 months so I would have thought the raw data would be well and truly processed by now. Is anyone able to provide any insight on why this is happening?
I had a similar issue. Mine was resolved by changing the default tracking period from the default in the calendar (top right) on the Events Overview -page.
I came across this 'issue'.
I had integrated google tag manager into my site, and could see that the events were showing in realtime, but not in the historical data for behaviours/events.
The solution was, looking a the calendar. The historical events for me were, by default, looking at the previous months events. This makes sense then that the real time data I was seeing was not showing.
Below is the image of my realtime events coming through.
And here is an image of what I was seeing by default in the historical events view.
The day these images were taken was the 30th January 2017, as you can see, the calendar at the top right of the events graph is searching through December. Aha... makes sense now why the events are not showing right?
So I clicked the calendar, to change the date period being searched by the events graph and set it to my desired range, in this case, I set it to search for this Month (January), as I had only just implemented the tag manager logic.
Low and behold, after clicking apply on this new date range, the events appeared as I expected them to.
I'm unsure if this answers the OP's specific issue but this is what solved it for me.

fullcalendar unable to populate pages hidden by tabs

I've got a fullcalendar setup, but there are so many pages I've got it set up with tabs, but when I change a date, only the ones currently displayed get updated, the same goes for the initial loading of calendars, it will only load the events for the displayed ones, while the "hidden" ones in inactive tabs don't' get populated at all.
I at first couldn't even get a calendar view going, but I solved this by initiating the $.tabs AFTER the fullcalendar construction was done.
I have a live copy running right now at http://www.stavanger-ishall.no/ (hitting the blue time schedule image should open it for you)
I have attempted working around the problem by adding an event to the "select" option of the tabs to fetch the calendar data then, but to no avail.
The solution was to use the $.tabs() "show" event as opposed to "select" and then running a fetch command on my calendars, this ensured the page had loaded the calendar before trying to populate it.

Categories