Upcoming Events
/******/ (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('' + summary + '');
} else if (format[i] === '*date*') {
output = output.concat('' + dateFormatted + '');
} else if (format[i] === '*description*') {
output = output.concat('' + description + '');
} else if (format[i] === '*location*') {
output = output.concat('' + location + '');
} 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 + '';
};
//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 = '
' + 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/t56pmc6n5sukfhr7it09qg26nc@group.calendar.google.com/events?key=AIzaSyCpdeuj3ak-KMcKOj2AMeKXYnHcWgYQXq0', past: true, upcoming: true, sameDayTimes: true, dayNames: true, pastTopN: -1, upcomingTopN: -1, recurringEvents: true, itemsTagName: 'li', upcomingSelector: '#side-events-upcoming', pastSelector: '#side-events-past', upcomingHeading: '
' + 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/t56pmc6n5sukfhr7it09qg26nc@group.calendar.google.com/events?key=AIzaSyCpdeuj3ak-KMcKOj2AMeKXYnHcWgYQXq0', past: true, upcoming: true, sameDayTimes: true, dayNames: true, pastTopN: -1, upcomingTopN: -1, recurringEvents: true, itemsTagName: 'li', upcomingSelector: '#side-events-upcoming', pastSelector: '#side-events-past', upcomingHeading: '
Upcoming Events
', pastHeading: 'Past Events
', format: ['*date*', ': ', '*summary*', ' — ', '*description*', ' in ', '*location*'], timeMin: undefined, timeMax: undefined }; settings = mergeOptions(settings, settingsOverride); _init(settings); } }; }(); /***/ }) /******/ ]); //# sourceMappingURL=format-google-calendar.js.map
Search This Blog
Follow by Email
Popular Posts
-
OVERALL: 16-12, OK RED: 9-9 Post Season L - Rockford- 6/4/19 W - West Ottawa- 6/1/19 W - Mona Sores- 6/1/19 Regular Season W - Fr... -
Congratulations to Senior Tyler Harp on signing with the Muskegon Jayhawks! Tyler will be a senior for Grand Haven this spring before join...
We areGrand Haven
Buc Pride
District
Champions
1989
1996
2011
2012
2017
2019
Regional
Champions
2017
Final
Four
2017
