diff options
Diffstat (limited to 'static/js/format-google-calendar.js')
| -rw-r--r-- | static/js/format-google-calendar.js | 509 |
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*', ' — ', '*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 |