';
break;
} else {
cell = '
';
calendarHtml += cell;
date.add('days', 1);
}
return calendarHtml;
};
obj._getMonthsHTML = function(startDate,endDate) {
var monthsHtml = '';
var cell;
var date = moment(startDate).add('days', obj.start);
var endDate = moment(endDate).add('days', obj.start);
for (var index = 1; (date.isBefore(endDate) || date.isSame(endDate)) ; index++){
var year = date.format("YY");
var fullYear = date.format("YYYY");
var month = date.format("MMM");
var monthNumber = date.format("MM");
for(var monthIndex = 0; monthIndex < obj.emptyMonths.length; monthIndex++){
if(obj.emptyMonths[monthIndex].month === monthNumber && obj.emptyMonths[monthIndex].year === fullYear){
cell = '
';
break;
} else {
cell = '
';
}
}
cell += '
';
cell += '
'+month+' '+year+'
';
cell += '
';
monthsHtml += cell;
date.add('month', 1);
}
return monthsHtml;
};
//Genera el html de la linea del tiempo
obj._getTimeHTML = function () {
var timeHtml = '';
var cell;
var x = 15; //minutes interval
var times = []; // time array
var tt = 0; // start time
var ap = ['AM', 'PM']; // AM-PM
//loop to increment the time and push results in array
for (var i=0;tt<24*60; i++) {
var hh = Math.floor(tt/60); // getting hours of day in 0-24 format
var mm = (tt%60); // getting minutes of the hour in 0-55 format
if(hh < 10){
times[i] = ("0" + hh + ':' + ("0" + mm).slice(-2));
} else{
times[i] = (hh + ':' + ("0" + mm).slice(-2));
}
//times[i] = ("0" + (hh % 12)).slice(-2) + ':' + ("0" + mm).slice(-2) + ap[Math.floor(hh/12)]; // pushing data in array in [00:00 - 12:00 AM/PM format]
tt = tt + x;
}
for (var index = 0; index < times.length; index++){
cell = '
';
cell += '
';
cell += '
'+ times[index] +'
';
cell += '
';
cell += '
';
timeHtml += cell;
}
return timeHtml;
};
obj._updateMonths = function() {
var currentMonth = obj.calendarObj.find('.cell.selected:eq(0)').attr("month-id");
obj.monthsObj.find('.cell').removeClass('selected');
obj.monthsObj.find('.cell').removeClass('current');
obj.monthsObj.find('.cell[month-id="'+currentMonth+'"]').addClass('selected');
obj.monthsObj.find('.cell[month-id="'+currentMonth+'"]').addClass('current');
};
obj._updateRangeBar = function() {
obj.didResizeBar();
obj._initRangeBar();
};
//Define updateRangeBar para la linea del tiempo
obj._updateTimeRangeBar = function () {
obj.didResizeTimeBar();
obj._initTimeRangeBar();
};
obj._dispatchEvent = function (callback,options,el) {
if(!callback)
return false;
callback(el,options);
};
obj._placeElement = function (el) {
obj._placeElement(el,null);
};
obj._placeElement = function (el, position) {
var calendarViewWidth = $el.outerWidth();
var cellWidth = $(el).find(".cell").first().outerWidth();
var objChildrens = $(el).children().length;
var objWidth = (objChildrens*cellWidth);
var elPos = $(el).position();
left = ( !position ? parseInt(elPos.left) : -position.left);
if(calendarViewWidth > objWidth )
left = (calendarViewWidth-objWidth)/2;
else if (calendarViewWidth < objWidth && left >= 0)
left = 0 ;
else if(left < calendarViewWidth-objWidth)
left = -objWidth+calendarViewWidth;
$(el).stop().animate({left: left},300,'easeOutCirc');
};
obj._timedResize = function() {
clearTimeout(obj.resizeTimer);
obj.resizeTimer = setTimeout(obj._resize, obj.timeoutTime);
};
obj._bindEvents = function () {
if(obj.trigger){
$(obj.trigger).unbind("click");
$(obj.trigger).click(obj.toggleCalendar);
}
obj.timeout = false;
obj.timeoutTime = 100;
obj.calendarObj.find(".range-bar").on( "resize", obj.didResizeBar);
obj.monthsObj.find('.cell').bind("click",obj.didSelectMonth);
obj.timeObj.find(".time-range-bar").on("resize", obj.didResizeTimeBar);
$(window).bind('resize',obj._timedResize);
$el.hover(
function() {
if(obj.autoHideMonths)
obj.monthsObj.slideDown(100,'easeOutCirc');
},
function() {
if(obj.autoHideMonths)
obj.monthsObj.slideUp(0,'easeOutCirc');
}
);
$(obj).on('mousedown', '.range-bar', function (e) {
var topElement = document.elementFromPoint(e.clientX, e.clientY);
if($(topElement).hasClass('ui-resizable-handle')){
e.stopPropagation();
return false;
}
});
//Define mousedown para time-range-bar
$(obj).on('mousedown', '.time-range-bar', function (e) {
var topElement = document.elementFromPoint(e.clientX, e.clientY);
if($(topElement).hasClass('ui-resizable-handle')){
e.stopPropagation();
return false;
}
});
$(obj).on('mouseup', '.range-bar', function (e) {
if($(obj).find('.range-bar').hasClass('ui-resizable-resizing'))
return true;
$(this).hide();
var BottomElement = document.elementFromPoint(e.clientX, e.clientY);
$(this).show();
$(BottomElement).trigger('click'); //Manually fire the event for desired underlying element
return true;
});
//Define mouseup para time-range-bar
$(obj).on('mouseup', '.time-range-bar', function (e) {
if($(obj).find('.time-range-bar').hasClass('ui-resizable-resizing'))
return true;
$(this).hide();
var BottomElement = document.elementFromPoint(e.clientX, e.clientY);
$(this).show();
$(BottomElement).trigger('click'); //Manually fire the event for desired underlying element
return true;
});
};
obj._resize = function(){
obj._placeElement(obj.calendarObj);
obj._placeElement(obj.monthsObj);
obj._placeElement(obj.timeObj);
obj.timeout = false;
};
obj._updateView = function (startDate,endDate){
obj.calendarObj.append(obj._getCalendarHTML(startDate,endDate));
obj.monthsObj.append(obj._getMonthsHTML(startDate,endDate));
//Agrega el html de la linea del tiempo
obj.timeObj.append(obj._getTimeHTML());
if(obj.visible){
$el.css({display:"block"});
obj.showCalendar();
}
else
$el.css({display:"none"});
obj._initCalendar();
obj._initMonths();
//Inicializa la linea del tiempo
obj._initTimeline();
obj._initRangeBar();
//Inicializa la barra de la linea del tiempo
obj._initTimeRangeBar();
};
obj._generateView = function () {
var mainClass = "range-calendar";
$el.removeClass(mainClass)
$el.addClass(mainClass);
$el.empty();
obj.monthsObj = $('
');
$el.append( obj.monthsObj );
obj.monthsObj = obj.monthsObj.find(".months");
(obj.autoHideMonths ? obj.monthsObj.addClass("auto-hide-months") : '');
obj.calendarObj = $('
');
$el.append( obj.calendarObj );
obj.calendarObj = obj.calendarObj.find(".calendar");
//Define obj.time
obj.timeObj = $('
');
$el.append(obj.timeObj);
obj.timeObj = obj.timeObj.find(".timeline");
obj._updateView(obj.startDate,obj.endDate);
obj._bindEvents();
};
obj._init = function( element,options ) {
obj.themeContext = options.themeContext;
obj.lang = options.lang ;
obj.isDragging = false;
obj.minRangeWidth = options.minRangeWidth;
obj.maxRangeWidth = options.maxRangeWidth;
//Define max y min timeRangeWIdth
obj.minTimeRangeWidth = options.minTimeRangeWidth;
obj.maxTimeRangeWidth = options.maxTimeRangeWidth;
obj.weekends = options.weekends;
obj.startDate = options.startDate;
obj.endDate = options.endDate;
obj.start = (!options.start ? "+7" : parseInt(options.start)) ;
obj.startRangeWidth = ( options.startRangeWidth > options.maxRangeWidth ? options.maxRangeWidth : options.startRangeWidth);
obj._rangeWidth = obj.startRangeWidth;
obj.trigger = options.trigger;
obj.visible = options.visible;
obj.changeRangeCallback = options.changeRangeCallback;
obj.autoHideMonths = options.autoHideMonths ;
//Inicializa los rangos de la linea del tiempo
obj.startTimeRangeWidth = ( options.startTimeRangeWidth > options.maxTimeRangeWidth ? options.maxTimeRangeWidth : options.startTimeRangeWidth);
obj._timeRangeWidth = obj.startTimeRangeWidth;
//Inicializa los meses a excluir
obj.emptyMonths = options.emptyMonths;
obj.theme = (options.theme ? options.theme : defaults.theme );
obj.update();
};
obj._init(el,obj.options);
$(obj).data('rangeCalendar', obj );
});
return this.data("rangeCalendar");
};
} )( jQuery, window );