/** * @license e-Calendar v0.9.2 * (c) 2014-2016 - Jhonis de Souza * License: GNU */ (function ($) { var eCalendar = function (options, object) { // Initializing global variables var adDay = new Date().getDate(); var adMonth = new Date().getMonth(); var adYear = new Date().getFullYear(); var dDay = adDay; var dMonth = adMonth; var dYear = adYear; var instance = object; var settings = $.extend({}, $.fn.eCalendar.defaults, options); function lpad(value, length, pad) { if (typeof pad == 'undefined') { pad = '0'; } var p; for (var i = 0; i < length; i++) { p += pad; } return (p + value).slice(-length); } var mouseOver = function () { $(this).addClass('c-nav-btn-over'); }; var mouseLeave = function () { $(this).removeClass('c-nav-btn-over'); }; var mouseOverEvent = function () { $(this).addClass('c-event-over'); var d = $(this).attr('data-event-day'); $('div.c-event-item[data-event-day="' + d + '"]').addClass('c-event-over'); }; var mouseLeaveEvent = function () { $(this).removeClass('c-event-over') var d = $(this).attr('data-event-day'); $('div.c-event-item[data-event-day="' + d + '"]').removeClass('c-event-over'); }; var mouseOverItem = function () { $(this).addClass('c-event-over'); var d = $(this).attr('data-event-day'); $('div.c-event[data-event-day="' + d + '"]').addClass('c-event-over'); }; var mouseLeaveItem = function () { $(this).removeClass('c-event-over') var d = $(this).attr('data-event-day'); $('div.c-event[data-event-day="' + d + '"]').removeClass('c-event-over'); }; var nextMonth = function () { if (dMonth < 11) { dMonth++; } else { dMonth = 0; dYear++; } print(); }; var previousMonth = function () { if (dMonth > 0) { dMonth--; } else { dMonth = 11; dYear--; } print(); }; function loadEvents() { if (typeof settings.url != 'undefined' && settings.url != '') { $.ajax({url: settings.url, async: false, success: function (result) { settings.events = result; } }); } } function print() { loadEvents(); var dWeekDayOfMonthStart = new Date(dYear, dMonth, 1).getDay(); var dLastDayOfMonth = new Date(dYear, dMonth + 1, 0).getDate(); var dLastDayOfPreviousMonth = new Date(dYear, dMonth + 1, 0).getDate() - dWeekDayOfMonthStart + 1; var cBody = $('
').addClass('c-grid'); var cEvents = $('').addClass('c-event-grid'); var cEventsBody = $('').addClass('c-event-body'); cEvents.append($('').addClass('c-event-title c-pad-top').html(settings.eventTitle)); cEvents.append(cEventsBody); var cNext = $('').addClass('c-next c-grid-title c-pad-top'); var cMonth = $('').addClass('c-month c-grid-title c-pad-top'); var cPrevious = $('').addClass('c-previous c-grid-title c-pad-top'); cPrevious.html(settings.textArrows.previous); cMonth.html(settings.months[dMonth] + ' ' + dYear); cNext.html(settings.textArrows.next); cPrevious.on('mouseover', mouseOver).on('mouseleave', mouseLeave).on('click', previousMonth); cNext.on('mouseover', mouseOver).on('mouseleave', mouseLeave).on('click', nextMonth); cBody.append(cPrevious); cBody.append(cMonth); cBody.append(cNext); for (var i = 0; i < settings.weekDays.length; i++) { var cWeekDay = $('').addClass('c-week-day c-pad-top'); cWeekDay.html(settings.weekDays[i]); cBody.append(cWeekDay); } var day = 1; var dayOfNextMonth = 1; for (var i = 0; i < 42; i++) { var cDay = $(''); if (i < dWeekDayOfMonthStart) { cDay.addClass('c-day-previous-month c-pad-top'); cDay.html(dLastDayOfPreviousMonth++); } else if (day <= dLastDayOfMonth) { cDay.addClass('c-day c-pad-top'); if (day == dDay && adMonth == dMonth && adYear == dYear) { cDay.addClass('c-today'); } for (var j = 0; j < settings.events.length; j++) { var d = settings.events[j].datetime; if (d.getDate() == day && d.getMonth() == dMonth && d.getFullYear() == dYear) { cDay.addClass('c-event').attr('data-event-day', d.getDate()); cDay.on('mouseover', mouseOverEvent).on('mouseleave', mouseLeaveEvent); } } cDay.html(day++); } else { cDay.addClass('c-day-next-month c-pad-top'); cDay.html(dayOfNextMonth++); } cBody.append(cDay); } var eventList = $('').addClass('c-event-list'); for (var i = 0; i < settings.events.length; i++) { var d = settings.events[i].datetime; if (d.getMonth() == dMonth && d.getFullYear() == dYear) { var date = lpad(d.getDate(), 2) + '/' + lpad(d.getMonth() + 1, 2) + ' ' + lpad(d.getHours(), 2) + ':' + lpad(d.getMinutes(), 2); var item = $('').addClass('c-event-item'); var title = $('').addClass('title').html(date + ' ' + settings.events[i].title + '