function start() { // 2. Initialize the JavaScript client library gapi.client.init({ 'apiKey': 'AIzaSyBkD3ruBqYIWIpw5cGwVHPvMe6PA5U8P7U', }) .then( function() { // 3. Initialize and make the API request return gapi.client.request({ 'path': 'https://www.googleapis.com/calendar/v3/calendars/northcoteint.school.nz_c3i0krul61jakjpdistv6asq38@group.calendar.google.com/events?timeMin={{currentDateTime}}-12:00&orderBy=startTime&singleEvents=true&maxResults=3', }); }) .then( function(response) { console.log(response.result); // If the response result contains an item (there are term dates entered in the calendar) if ( response.result.items.length > 0 ) { var events = response.result.items; var i; var text = ''; // for each event item in the array for ( i = 0; i < events.length; i++ ) { // set the term var eventName = events[i].summary; // Start Date --- // // if the event only has a start date (ie no time) if ( undefined !== events[i].start.date && events[i].start.date.length ) { // set the start date and format it var eventStart = moment(events[i].start.date).format('dddd D MMMM'); } else { // do nothing } // if the event has a start date AND time if ( undefined !== events[i].start.dateTime && events[i].start.dateTime.length ) { // set the start date and format it var eventStart = moment(events[i].start.dateTime).format('dddd D MMMM, h:mma'); } else { // do nothing } // End Date --- // // if the event only has a end date (ie no time) if ( undefined !== events[i].end.date && events[i].end.date.length ) { // set start date var startDate = events[i].start.date; // set end date var endDate = events[i].end.date; // set adjusted end date (subtract 1 day due to Google Calendar's exclusive all-day event end date protocol) var adjustedEndDate = moment(endDate).subtract(1, 'days'); // if the adjusted end date is after the start date (ie if it is a multi all day event) if ( moment(adjustedEndDate).isAfter(startDate) ) { console.log(i + ': this event is multi-day!'); // set the end date and format it var eventEnd = ' - ' + moment(adjustedEndDate).format('dddd D MMMM'); } else { console.log(i + ': this event is a single day!'); // set end data as blank and mark as "all day" var eventEnd = ' (all day)'; } } else { // do nothing } // if the event has an end date AND time if ( undefined !== events[i].end.dateTime && events[i].end.dateTime.length ) { // set the end date and format it var eventEnd = ' - ' + moment(events[i].end.dateTime).format('dddd D MMMM, h:mma'); } else { // do nothing } // if the start date and end date are the same if ( moment(events[i].start.dateTime).isSame( moment(events[i].end.dateTime), 'day' ) ) { // set the end date and format it as time ONLY var eventEnd = ' - ' + moment(events[i].end.dateTime).format('h:mma'); } var eventLink = events[i].htmlLink; // set the HTML to be appended text += '

' + eventName + '' + eventStart + eventEnd + '

'; } // set "eventsList" equal to elements with class "event-list" var eventsList = document.getElementsByClassName('events-list'); // for every "eventsList" for ( var i=0; i < eventsList.length; i++ ) { // ...append the HTML eventsList[i].innerHTML = text; } } // otherwise else { console.log('No term dates entered.'); } }, function(reason) { console.log('Error: ' + reason.result.error.message); }); }; // 1. Load the JavaScript client library gapi.load('client', start);