pavel
11 years ago
parent
2db0813f74
commit
f5cdb64893
5 changed files with 1604 additions and 112 deletions
File diff suppressed because one or more lines are too long
@ -0,0 +1,88 @@ |
||||
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 $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), |
||||
$calendarToggle = $('.'+this.opt.calendarToggleClass); |
||||
scrollStep = this.opt.cellWidth*this.opt.cellsToScroll; |
||||
|
||||
$(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",currentDayOffset); |
||||
}); |
||||
$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({ |
||||
height: 0, |
||||
opacity: 0 |
||||
}, 300, function () { |
||||
$sect.removeClass('eps-opened'); |
||||
}); |
||||
} else { |
||||
$rightScroll.show(); |
||||
$leftScroll.show(); |
||||
$sectBody |
||||
.stop() |
||||
.animate({ |
||||
height: 'auto', |
||||
opacity: 1 |
||||
}, 300, function () { |
||||
$sect.addClass('eps-opened'); |
||||
}); |
||||
} |
||||
|
||||
return false; |
||||
}); |
||||
}; |
||||
return that; |
||||
}()); |
||||
} |
||||
Loading…
Reference in new issue