" + (doShowTitle ? eventTitle : "") + dayEndTags);
// Add to event list
$(parent + ' .monthly-list-item[data-number="' + index + '"]')
.addClass("item-has-event")
.append(markupListEvent);
}
}
function addEvents(month, year) {
if(options.events) {
// Prefer local events if provided
addEventsFromString(options.events, month, year);
} else {
var remoteUrl = options.dataType === "xml" ? options.xmlUrl : options.jsonUrl;
if(remoteUrl) {
// Replace variables for month and year to load from dynamic sources
var url = String(remoteUrl).replace("{month}", month).replace("{year}", year);
$.get(url, {now: $.now()}, function(data) {
addEventsFromString(data, month, year);
}, options.dataType).fail(function() {
console.error("Monthly.js failed to import " + remoteUrl + ". Please check for the correct path and " + options.dataType + " syntax.");
});
}
}
}
function addEventsFromString(events, setMonth, setYear) {
if (options.dataType === "xml") {
$(events).find("event").each(function(index, event) {
addEvent(event, setMonth, setYear);
});
} else if (options.dataType === "json") {
$.each(events.monthly, function(index, event) {
addEvent(event, setMonth, setYear);
});
}
}
function attr(name, value) {
var parseValue = String(value);
var newValue = "";
for(var index = 0; index < parseValue.length; index++) {
switch(parseValue[index]) {
case "'": newValue += "'"; break;
case "\"": newValue += """; break;
case "<": newValue += "<"; break;
case ">": newValue += ">"; break;
default: newValue += parseValue[index];
}
}
return " " + name + "=\"" + newValue + "\"";
}
function _appendDayNames(startOnMonday) {
var offset = startOnMonday ? 1 : 0,
dayName = "",
dayIndex = 0;
for(dayIndex = 0; dayIndex < 6; dayIndex++) {
dayName += "" + dayNames[dayIndex + offset] + "
";
}
dayName += "" + dayNames[startOnMonday ? 0 : 6] + "
";
$(parent).append('' + dayName + '
');
}
// Detect the user's preferred language
function defaultLocale() {
if(navigator.languages && navigator.languages.length) {
return navigator.languages[0];
}
return navigator.language || navigator.browserLanguage;
}
// Use the user's locale if possible to obtain a list of short month names, falling back on English
function defaultMonthNames() {
if(typeof Intl === "undefined") {
return ["Jan", "Feb", "Mar", "Apr", "May", "June", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
}
var formatter = new Intl.DateTimeFormat(locale, {month: monthNameFormat});
var names = [];
for(var monthIndex = 0; monthIndex < 12; monthIndex++) {
var sampleDate = new Date(2017, monthIndex, 1, 0, 0, 0);
names[monthIndex] = formatter.format(sampleDate);
}
return names;
}
function formatDate(year, month, day) {
if(options.useIsoDateFormat) {
return new Date(year, month - 1, day, 0, 0, 0).toISOString().substring(0, 10);
}
if(typeof Intl === "undefined") {
return month + "/" + day + "/" + year;
}
return new Intl.DateTimeFormat(locale).format(new Date(year, month - 1, day, 0, 0, 0));
}
// Use the user's locale if possible to obtain a list of short weekday names, falling back on English
function defaultDayNames() {
if(typeof Intl === "undefined") {
return ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
}
var formatter = new Intl.DateTimeFormat(locale, {weekday: weekdayNameFormat}),
names = [],
dayIndex = 0,
sampleDate = null;
for(dayIndex = 0; dayIndex < 7; dayIndex++) {
// 2017 starts on a Sunday, so use it to capture the locale's weekday names
sampleDate = new Date(2017, 0, dayIndex + 1, 0, 0, 0);
names[dayIndex] = formatter.format(sampleDate);
}
return names;
}
function _prependBlankDays(count) {
var wrapperEl = $(parent + " .monthly-day-wrap"),
index = 0;
for(index = 0; index < count; index++) {
wrapperEl.prepend(markupBlankDay);
}
$("#" + uniqueId + " .monthly-event-list .monthly-list-item").hide();
}
function _getEventDetail(event, nodeName) {
return options.dataType === "xml" ? $(event).find(nodeName).text() : event[nodeName];
}
// Returns a 12-hour format hour/minute with period. Opportunity for future localization.
function formatTime(value) {
var timeSplit = value.split(":");
var hour = parseInt(timeSplit[0], 10);
var period = "AM";
if(hour > 12) {
hour -= 12;
period = "PM";
} else if (hour == 12) {
period = "PM";
} else if(hour === 0) {
hour = 12;
}
// $("#" + uniqueId + " .monthly-event-list .monthly-list-item").hide();
return hour + ":" + String(timeSplit[1]) + " " + period;
}
function setNextMonth() {
var setMonth = $(parent).data("setMonth"),
setYear = $(parent).data("setYear"),
newMonth = setMonth === 12 ? 1 : setMonth + 1,
newYear = setMonth === 12 ? setYear + 1 : setYear;
setMonthly(newMonth, newYear);
viewToggleButton();
}
function setPreviousMonth() {
var setMonth = $(parent).data("setMonth"),
setYear = $(parent).data("setYear"),
newMonth = setMonth === 1 ? 12 : setMonth - 1,
newYear = setMonth === 1 ? setYear - 1 : setYear;
setMonthly(newMonth, newYear);
viewToggleButton();
}
// Function to go back to the month view
function viewToggleButton() {
if($(parent + " .monthly-event-list").is(":visible")) {
$(parent + " .monthly-cal").remove();
$(parent + " .monthly-header-title").prepend('');
}
}
// Advance months
$(document.body).on("click", parent + " .monthly-next", function (event) {
setTimeout(function() {
$(parent + " .monthly-event-list").hide();
}, 250);
$(parent + " .monthly-list-item").hide();
setNextMonth();
$(parent +" .monthly-header-title .monthly-cal").remove();
event.preventDefault();
});
// Go back in months
$(document.body).on("click", parent + " .monthly-prev", function (event) {
setTimeout(function() {
$(parent + " .monthly-event-list").hide();
}, 250);
$(parent + " .monthly-list-item").hide();
setPreviousMonth();
$(parent +" .monthly-header-title .monthly-cal").remove();
event.preventDefault();
});
// Reset Month
$(document.body).on("click", parent + " .monthly-reset", function (event) {
$(this).remove();
setMonthly(currentMonth, currentYear);
viewToggleButton();
event.preventDefault();
event.stopPropagation();
});
// Back to month view
$(document.body).on("click", parent + " .monthly-cal", function (event) {
$(this).remove();
$(parent + " .monthly-event-list").css("transform", "scale(0)");
setTimeout(function() {
$(parent + " .monthly-event-list").hide();
}, 250);
$(parent + " .monthly-list-item").hide();
event.preventDefault();
});
// Click A Day
$(document.body).on("click touchstart", parent + " .monthly-day", function (event) {
// If events, show events list
var whichDay = $(this).data("number");
if(options.mode === "event" && options.eventList) {
var theList = $(parent + " .monthly-event-list"),
myElement = document.getElementById(uniqueId + "day" + whichDay),
topPos = myElement.offsetTop;
theList.show();
theList.css("transform");
theList.css("transform", "scale(1)");
$(parent + " .monthly-list-item").hide();
$(parent + ' .monthly-list-item[data-number="' + whichDay + '"]').show();
theList.scrollTop(topPos);
viewToggleButton();
if(!options.linkCalendarToEventUrl) {
event.preventDefault();
}
// If picker, pick date
} else if (options.mode === "picker") {
var setMonth = $(parent).data("setMonth"),
setYear = $(parent).data("setYear");
// Should days in the past be disabled?
if($(this).hasClass("monthly-past-day") && options.disablePast) {
// If so, don't do anything.
event.preventDefault();
} else {
// Otherwise, select the date ...
$(String(options.target)).val(formatDate(setYear, setMonth, whichDay));
// ... and then hide the calendar if it started that way
if(options.startHidden) {
$(parent).hide();
}
}
event.preventDefault();
}
});
// Clicking an event within the list
$(document.body).on("click", parent + " .listed-event", function (event) {
var href = $(this).attr("href");
// If there isn't a link, don't go anywhere
if(!href) {
event.preventDefault();
}
});
}
});
}(jQuery));