Add calendar event list library

1 files changed, 509 insertions, 0 deletions

diff --git a/static/js/format-google-calendar.js b/static/js/format-google-calendar.js
new file mode 100644
index 0000000..fa200b2
--- /dev/null
+++ b/static/js/format-google-calendar.js
@@ -0,0 +1,509 @@
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, {
+/******/ 				configurable: false,
+/******/ 				enumerable: true,
+/******/ 				get: getter
+/******/ 			});
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 0);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, exports, __webpack_require__) {
+
+    "use strict";
+    
+    
+    /**
+     * Format Google Calendar JSON output into human readable list
+     *
+     * Copyright 2017, Milan Lund
+     *
+     */
+    
+    window.formatGoogleCalendar = function () {
+    
+        'use strict';
+    
+        var config;
+    
+        var renderList = function renderList(data, settings) {
+            var result = [];
+    
+            //Remove cancelled events, sort by date
+            result = data.items.filter(function (item) {
+                return item && item.hasOwnProperty('status') && item.status !== 'cancelled';
+            }).sort(comp).reverse();
+    
+            var pastCounter = 0,
+                upcomingCounter = 0,
+                pastResult = [],
+                upcomingResult = [],
+                upcomingResultTemp = [],
+                upcomingElem = document.querySelector(settings.upcomingSelector),
+                pastElem = document.querySelector(settings.pastSelector),
+                i;
+    
+            if (settings.pastTopN === -1) {
+                settings.pastTopN = result.length;
+            }
+    
+            if (settings.upcomingTopN === -1) {
+                settings.upcomingTopN = result.length;
+            }
+    
+            if (settings.past === false) {
+                settings.pastTopN = 0;
+            }
+    
+            if (settings.upcoming === false) {
+                settings.upcomingTopN = 0;
+            }
+    
+            for (i in result) {
+    
+                if (isPast(result[i].end.dateTime || result[i].end.date)) {
+                    if (pastCounter < settings.pastTopN) {
+                        pastResult.push(result[i]);
+                        pastCounter++;
+                    }
+                } else {
+                    upcomingResultTemp.push(result[i]);
+                }
+            }
+    
+            upcomingResultTemp.reverse();
+    
+            for (i in upcomingResultTemp) {
+                if (upcomingCounter < settings.upcomingTopN) {
+                    upcomingResult.push(upcomingResultTemp[i]);
+                    upcomingCounter++;
+                }
+            }
+    
+            for (i in pastResult) {
+                pastElem.insertAdjacentHTML('beforeend', transformationList(pastResult[i], settings.itemsTagName, settings.format));
+            }
+    
+            for (i in upcomingResult) {
+                upcomingElem.insertAdjacentHTML('beforeend', transformationList(upcomingResult[i], settings.itemsTagName, settings.format));
+            }
+    
+            if (upcomingElem.firstChild) {
+                upcomingElem.insertAdjacentHTML('beforebegin', settings.upcomingHeading);
+            }
+    
+            if (pastElem.firstChild) {
+                pastElem.insertAdjacentHTML('beforebegin', settings.pastHeading);
+            }
+        };
+    
+        //Gets JSON from Google Calendar and transfroms it into html list items and appends it to past or upcoming events list
+        var _init = function _init(settings) {
+            config = settings;
+    
+            var finalURL = settings.calendarUrl;
+    
+            if (settings.recurringEvents) {
+                finalURL = finalURL.concat('&singleEvents=true&orderBy=starttime');
+            }
+    
+            if (settings.timeMin) {
+                finalURL = finalURL.concat('&timeMin=' + settings.timeMin);
+            };
+    
+            if (settings.timeMax) {
+                finalURL = finalURL.concat('&timeMax=' + settings.timeMax);
+            };
+    
+            //Get JSON, parse it, transform into list items and append it to past or upcoming events list
+            var request = new XMLHttpRequest();
+            request.open('GET', finalURL, true);
+    
+            request.onload = function () {
+                if (request.status >= 200 && request.status < 400) {
+                    var data = JSON.parse(request.responseText);
+                    renderList(data, settings);
+                } else {
+                    console.error(err);
+                }
+            };
+    
+            request.onerror = function () {
+                console.error(err);
+            };
+    
+            request.send();
+        };
+    
+        //Overwrites defaultSettings values with overrideSettings and adds overrideSettings if non existent in defaultSettings
+        var mergeOptions = function mergeOptions(defaultSettings, overrideSettings) {
+            var newObject = {},
+                i;
+            for (i in defaultSettings) {
+                newObject[i] = defaultSettings[i];
+            }
+            for (i in overrideSettings) {
+                newObject[i] = overrideSettings[i];
+            }
+            return newObject;
+        };
+    
+        var isAllDay = function isAllDay(dateStart, dateEnd) {
+            var dateEndTemp = subtractOneDay(dateEnd);
+            var isAll = true;
+    
+            for (var i = 0; i < 3; i++) {
+                if (dateStart[i] !== dateEndTemp[i]) {
+                    isAll = false;
+                }
+            }
+    
+            return isAll;
+        };
+    
+        var isSameDay = function isSameDay(dateStart, dateEnd) {
+            var isSame = true;
+    
+            for (var i = 0; i < 3; i++) {
+                if (dateStart[i] !== dateEnd[i]) {
+                    isSame = false;
+                }
+            }
+    
+            return isSame;
+        };
+    
+        //Get all necessary data (dates, location, summary, description) and creates a list item
+        var transformationList = function transformationList(result, tagName, format) {
+            var dateStart = getDateInfo(result.start.dateTime || result.start.date),
+                dateEnd = getDateInfo(result.end.dateTime || result.end.date),
+                dayNames = config.dayNames,
+                moreDaysEvent = true,
+                isAllDayEvent = isAllDay(dateStart, dateEnd);
+    
+            if (typeof result.end.date !== 'undefined') {
+                dateEnd = subtractOneDay(dateEnd);
+            }
+    
+            if (isSameDay(dateStart, dateEnd)) {
+                moreDaysEvent = false;
+            }
+    
+            var dateFormatted = getFormattedDate(dateStart, dateEnd, dayNames, moreDaysEvent, isAllDayEvent),
+                output = '<' + tagName + '>',
+                summary = result.summary || '',
+                description = result.description || '',
+                location = result.location || '',
+                i;
+    
+            for (i = 0; i < format.length; i++) {
+                format[i] = format[i].toString();
+    
+                if (format[i] === '*summary*') {
+                    output = output.concat('<span class="summary">' + summary + '</span>');
+                } else if (format[i] === '*date*') {
+                    output = output.concat('<span class="date">' + dateFormatted + '</span>');
+                } else if (format[i] === '*description*') {
+                    output = output.concat('<span class="description">' + description + '</span>');
+                } else if (format[i] === '*location*') {
+                    output = output.concat('<span class="location">' + location + '</span>');
+                } else {
+                    if (format[i + 1] === '*location*' && location !== '' || format[i + 1] === '*summary*' && summary !== '' || format[i + 1] === '*date*' && dateFormatted !== '' || format[i + 1] === '*description*' && description !== '') {
+    
+                        output = output.concat(format[i]);
+                    }
+                }
+            }
+    
+            return output + '</' + tagName + '>';
+        };
+    
+        //Check if date is later then now
+        var isPast = function isPast(date) {
+            var compareDate = new Date(date),
+                now = new Date();
+    
+            if (now.getTime() > compareDate.getTime()) {
+                return true;
+            }
+    
+            return false;
+        };
+    
+        //Get temp array with information abou day in followin format: [day number, month number, year, hours, minutes]
+        var getDateInfo = function getDateInfo(date) {
+            date = new Date(date);
+            return [date.getDate(), date.getMonth(), date.getFullYear(), date.getHours(), date.getMinutes(), 0, 0];
+        };
+    
+        //Get month name according to index
+        var getMonthName = function getMonthName(month) {
+            var monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
+    
+            return monthNames[month];
+        };
+    
+        var getDayName = function getDayName(day) {
+            var dayNames = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
+    
+            return dayNames[day];
+        };
+    
+        var calculateDate = function calculateDate(dateInfo, amount) {
+            var date = getDateFormatted(dateInfo);
+            date.setTime(date.getTime() + amount);
+            return getDateInfo(date);
+        };
+    
+        var getDayNameFormatted = function getDayNameFormatted(dateFormatted) {
+            return getDayName(getDateFormatted(dateFormatted).getDay()) + ' ';
+        };
+    
+        var getDateFormatted = function getDateFormatted(dateInfo) {
+            return new Date(dateInfo[2], dateInfo[1], dateInfo[0], dateInfo[3], dateInfo[4] + 0, 0);
+        };
+    
+        //Compare dates
+        var comp = function comp(a, b) {
+            return new Date(a.start.dateTime || a.start.date).getTime() - new Date(b.start.dateTime || b.start.date).getTime();
+        };
+    
+        //Add one day
+        var addOneDay = function addOneDay(dateInfo) {
+            return calculateDate(dateInfo, 86400000);
+        };
+    
+        //Subtract one day
+        var subtractOneDay = function subtractOneDay(dateInfo) {
+            return calculateDate(dateInfo, -86400000);
+        };
+    
+        //Subtract one minute
+        var subtractOneMinute = function subtractOneMinute(dateInfo) {
+            return calculateDate(dateInfo, -60000);
+        };
+    
+        //Transformations for formatting date into human readable format
+        var formatDateSameDay = function formatDateSameDay(dateStart, dateEnd, dayNames, moreDaysEvent, isAllDayEvent) {
+            var formattedTime = '',
+                dayNameStart = '';
+    
+            if (dayNames) {
+                dayNameStart = getDayNameFormatted(dateStart);
+            }
+    
+            if (config.sameDayTimes && !moreDaysEvent && !isAllDayEvent) {
+                formattedTime = ' from ' + getFormattedTime(dateStart) + ' - ' + getFormattedTime(dateEnd);
+            }
+    
+            //month day, year time-time
+            return dayNameStart + getMonthName(dateStart[1]) + ' ' + dateStart[0] + ', ' + dateStart[2] + formattedTime;
+        };
+    
+        var formatDateOneDay = function formatDateOneDay(dateStart, dayNames) {
+            var dayName = '';
+    
+            if (dayNames) {
+                dayName = getDayNameFormatted(dateStart);
+            }
+            //month day, year
+            return dayName + getMonthName(dateStart[1]) + ' ' + dateStart[0] + ', ' + dateStart[2];
+        };
+    
+        var formatDateDifferentDay = function formatDateDifferentDay(dateStart, dateEnd, dayNames) {
+            var dayNameStart = '',
+                dayNameEnd = '';
+    
+            if (dayNames) {
+                dayNameStart = getDayNameFormatted(dateStart);
+                dayNameEnd = getDayNameFormatted(dateEnd);
+            }
+            //month day-day, year
+            return dayNameStart + getMonthName(dateStart[1]) + ' ' + dateStart[0] + '-' + dayNameEnd + dateEnd[0] + ', ' + dateStart[2];
+        };
+    
+        var formatDateDifferentMonth = function formatDateDifferentMonth(dateStart, dateEnd, dayNames) {
+            var dayNameStart = '',
+                dayNameEnd = '';
+    
+            if (dayNames) {
+                dayNameStart = getDayNameFormatted(dateStart);
+                dayNameEnd = getDayNameFormatted(dateEnd);
+            }
+            //month day - month day, year
+            return dayNameStart + getMonthName(dateStart[1]) + ' ' + dateStart[0] + '-' + dayNameEnd + getMonthName(dateEnd[1]) + ' ' + dateEnd[0] + ', ' + dateStart[2];
+        };
+    
+        var formatDateDifferentYear = function formatDateDifferentYear(dateStart, dateEnd, dayNames) {
+            var dayNameStart = '',
+                dayNameEnd = '';
+    
+            if (dayNames) {
+                dayNameStart = getDayNameFormatted(dateStart);
+                dayNameEnd = getDayNameFormatted(dateEnd);
+            }
+            //month day, year - month day, year
+            return dayNameStart + getMonthName(dateStart[1]) + ' ' + dateStart[0] + ', ' + dateStart[2] + '-' + dayNameEnd + getMonthName(dateEnd[1]) + ' ' + dateEnd[0] + ', ' + dateEnd[2];
+        };
+    
+        //Check differences between dates and format them
+        var getFormattedDate = function getFormattedDate(dateStart, dateEnd, dayNames, moreDaysEvent, isAllDayEvent) {
+            var formattedDate = '';
+    
+            if (dateStart[0] === dateEnd[0]) {
+                if (dateStart[1] === dateEnd[1]) {
+                    if (dateStart[2] === dateEnd[2]) {
+                        //month day, year
+                        formattedDate = formatDateSameDay(dateStart, dateEnd, dayNames, moreDaysEvent, isAllDayEvent);
+                    } else {
+                        //month day, year - month day, year
+                        formattedDate = formatDateDifferentYear(dateStart, dateEnd, dayNames);
+                    }
+                } else {
+                    if (dateStart[2] === dateEnd[2]) {
+                        //month day - month day, year
+                        formattedDate = formatDateDifferentMonth(dateStart, dateEnd, dayNames);
+                    } else {
+                        //month day, year - month day, year
+                        formattedDate = formatDateDifferentYear(dateStart, dateEnd, dayNames);
+                    }
+                }
+            } else {
+                if (dateStart[1] === dateEnd[1]) {
+                    if (dateStart[2] === dateEnd[2]) {
+                        //month day-day, year
+                        formattedDate = formatDateDifferentDay(dateStart, dateEnd, dayNames);
+                    } else {
+                        //month day, year - month day, year
+                        formattedDate = formatDateDifferentYear(dateStart, dateEnd, dayNames);
+                    }
+                } else {
+                    if (dateStart[2] === dateEnd[2]) {
+                        //month day - month day, year
+                        formattedDate = formatDateDifferentMonth(dateStart, dateEnd, dayNames);
+                    } else {
+                        //month day, year - month day, year
+                        formattedDate = formatDateDifferentYear(dateStart, dateEnd, dayNames);
+                    }
+                }
+            }
+    
+            return formattedDate;
+        };
+    
+        var getFormattedTime = function getFormattedTime(date) {
+            var formattedTime = '',
+                period = 'AM',
+                hour = date[3],
+                minute = date[4];
+    
+            // Handle afternoon.
+            if (hour >= 12) {
+                period = 'PM';
+    
+                if (hour >= 13) {
+                    hour -= 12;
+                }
+            }
+    
+            // Handle midnight.
+            if (hour === 0) {
+                hour = 12;
+            }
+    
+            // Ensure 2-digit minute value.
+            minute = (minute < 10 ? '0' : '') + minute;
+    
+            // Format time.
+            formattedTime = hour + ':' + minute + period;
+            return formattedTime;
+        };
+    
+        return {
+            init: function init(settingsOverride) {
+                var settings = {
+                    calendarUrl: 'https://www.googleapis.com/calendar/v3/calendars/milan.kacurak@gmail.com/events?key=AIzaSyCR3-ptjHE-_douJsn8o20oRwkxt-zHStY',
+                    past: true,
+                    upcoming: true,
+                    sameDayTimes: true,
+                    dayNames: true,
+                    pastTopN: -1,
+                    upcomingTopN: -1,
+                    recurringEvents: true,
+                    itemsTagName: 'li',
+                    upcomingSelector: '#events-upcoming',
+                    pastSelector: '#events-past',
+                    upcomingHeading: '<h2>Upcoming events</h2>',
+                    pastHeading: '<h2>Past events</h2>',
+                    format: ['*date*', ': ', '*summary*', ' &mdash; ', '*description*', ' in ', '*location*'],
+                    timeMin: undefined,
+                    timeMax: undefined
+                };
+    
+                settings = mergeOptions(settings, settingsOverride);
+    
+                _init(settings);
+            }
+        };
+    }();
+    
+    /***/ })
+    /******/ ]);
+    //# sourceMappingURL=format-google-calendar.js.map
\ No newline at end of file