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
-
Congratulations to Senior Tyler Harp on signing with the Muskegon Jayhawks! Tyler will be a senior for Grand Haven this spring before join... -
Our Euchre Party scheduled for 3/21/2020 has been Postponed until further notice. Check back for more details. Grand Haven Baseball's...
We areGrand Haven
Buc Pride
District
Champions
1989
1996
2011
2012
2017
2019
Regional
Champions
2017
Final
Four
2017
