You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
132 lines
3.5 KiB
132 lines
3.5 KiB
var EXPO = EXPO || {}; //isolated namespace
|
|
EXPO.profile = EXPO.profile || {};
|
|
if (EXPO.profile.calendar) {
|
|
console.warn('WARNING: EXPO.profile.calendar is already defined!');
|
|
} else {
|
|
|
|
EXPO.profile.calendar = (function () {
|
|
// dependencies
|
|
var com = EXPO.common;
|
|
|
|
// variables
|
|
var that = {};
|
|
|
|
that.opt = {}; //свойства по умолчанию
|
|
//private
|
|
$(function () {
|
|
});
|
|
|
|
// methods
|
|
//инициализация общих свойств
|
|
that.init = function (options) {
|
|
$.extend(this.opt, options);
|
|
|
|
/**
|
|
* scrolling calendar object
|
|
* depend on mCustomScroll Jquery plugin
|
|
* @type {*|jQuery|HTMLElement}
|
|
*/
|
|
var self = this,
|
|
$scrollBox = $('#' + this.opt.scrollBoxId),
|
|
$calendar = $('#' + this.opt.calenadrId),
|
|
currentDayOffset = $calendar.find('td.' + this.opt.currentDayClass).index() * this.opt.cellWidth,
|
|
$leftScroll = $('#' + this.opt.scrollLeftId),
|
|
$rightScroll = $('#' + this.opt.scrollRightId),
|
|
$noEventsField = $('.' + this.opt.noEventsClass),
|
|
$calendarToggle = $('.' + this.opt.calendarToggleClass),
|
|
scrollStep = this.opt.cellWidth * this.opt.cellsToScroll,
|
|
index = 0,
|
|
currentWeekOffset = function () {
|
|
var offset = 0,
|
|
result = 0,
|
|
width = self.opt.cellWidth,
|
|
$calendar = $('#' + self.opt.calenadrId),
|
|
currentDay = $calendar.find('td.' + self.opt.currentDayClass).index()+1,
|
|
onestep = self.opt.cellsToScroll,
|
|
allDays = $calendar.find('.'+self.opt.daysClass+' td').length,
|
|
stepsCount = allDays / onestep,
|
|
currenCount = allDays / currentDay;
|
|
result = stepsCount - currenCount;
|
|
if (result) {
|
|
result = Math.round(result);
|
|
offset = onestep * result * width;
|
|
} else {
|
|
|
|
offset = 0;
|
|
}
|
|
|
|
|
|
return offset;
|
|
|
|
};
|
|
|
|
$(function () {
|
|
$noEventsField.each(function () {
|
|
if (!$(this).attr('colspan') || $(this).attr('colspan') == 1) {
|
|
$(this).find('.' + self.opt.eventWrapClass).addClass('small');
|
|
}
|
|
});
|
|
$('.' + self.opt.eventsClass).each(function () {
|
|
index++;
|
|
if (index == 3) {
|
|
$(this).addClass('grey');
|
|
}
|
|
if (index == 4) {
|
|
$(this).addClass('grey');
|
|
index = 0;
|
|
}
|
|
});
|
|
});
|
|
|
|
$(window).load(function () {
|
|
$scrollBox.mCustomScrollbar({
|
|
axis: 'y',
|
|
horizontalScroll: true,
|
|
advanced: { // Advanced options
|
|
autoScrollOnFocus: false,
|
|
updateOnContentResize: false, // Scrollbar will be updated on content resize
|
|
updateOnBrowserResize: false // Scrollbar will be updated on browser resize
|
|
}
|
|
});
|
|
$scrollBox.mCustomScrollbar("scrollTo", currentWeekOffset());
|
|
});
|
|
$leftScroll.on('click', function () {
|
|
$scrollBox.mCustomScrollbar("scrollTo", '+=' + scrollStep);
|
|
});
|
|
$rightScroll.on('click', function () {
|
|
$scrollBox.mCustomScrollbar("scrollTo", '-=' + scrollStep);
|
|
});
|
|
$calendarToggle.on('click', function () {
|
|
var $switch = $(this);
|
|
var $sect = $switch.closest('.ep-sect');
|
|
var $sectBody = $sect.children('div.ep-sect-body');
|
|
|
|
if ($sect.hasClass('eps-opened')) {
|
|
$rightScroll.hide();
|
|
$leftScroll.hide();
|
|
$sectBody
|
|
.stop()
|
|
.animate({
|
|
opacity: 0
|
|
}, 300, function () {
|
|
$sect.removeClass('eps-opened');
|
|
});
|
|
} else {
|
|
$rightScroll.show();
|
|
$leftScroll.show();
|
|
$sectBody
|
|
.stop()
|
|
.animate({
|
|
opacity: 1
|
|
}, 300, function () {
|
|
$sect.addClass('eps-opened');
|
|
});
|
|
}
|
|
|
|
return false;
|
|
});
|
|
|
|
};
|
|
return that;
|
|
}());
|
|
}
|
|
|