(function( $, undefined ) {
$.extend($.ui, { calendar: { version: "0.1" } });
var PROP_NAME = 'calendar';
function Calendar() {
this.regional = []; // Available regional settings, indexed by language code
this.regional[''] = { // Default regional settings
prevText: 'Prev', // Display text for previous month link
nextText: 'Next', // Display text for next month link
currentText: 'Today', // Display text for current month link
monthNames: ['January','February','March','April','May','June','July','August','September','October','November','December'], // Names of months for drop-down and formatting
monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], // For formatting
dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'], // For formatting
dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'], // For formatting
dayNamesMin: ['Su','Mo','Tu','We','Th','Fr','Sa'], // Column headings for days starting at Sunday
dateFormat: 'mm/dd/yy', // See format options on parseDate
firstDay: 0, // The first day of the week, Sun = 0, Mon = 1, ...
free: 'free',
occupied: 'occupied',
occupiedKZW: 'occupied KZW',
occupiedOther: 'occupied Other',
reserved: 'reserved'
};
this._defaults = { // Global defaults for all the date picker instances
numberOfMonths: 1, // Number of months to show at a time
showYear: 0, // The Year this Calender should start from. 0 if current Year. If this is 0 a offset can be spezified with showYearOffset
showYearOffset: 0, // If showYear is 0 than you can specifie a offset to the current Year
showMonth: 0, // The Month this Calender should start from. 0 if current Month. If this is 0 a offset can be spezified with showMonthOffset
showMonthOffset: 0, //If showMonth is 0 than you can specifie a offset to the current Month
firstDay: 0, // The Weekday the week starts with. 0 = So by default
stepMonths: 1, // Number of months to step back/forward
showKZW: true, // Show occupations of type kzw
showOther: true, // Show occupations of type other
showReservation: true,
showOnlyOccupiedOrFree: true,
occupations: [],
widthInEm: ''
};
$.extend(this._defaults, this.regional['']);
}
$.extend(Calendar.prototype, {
/* Class name added to elements to indicate already configured with a date picker. */
markerClassName: 'hasCalendar',
/* Debug logging (if enabled). */
log: function () {
if (this.debug)
console.log.apply('', arguments);
},
/* Override the default settings for all instances of the date picker.
@param settings object - the new settings to use as defaults (anonymous object)
@return the manager object */
setDefaults: function(settings) {
extendRemove(this._defaults, settings || {});
return this;
},
/* Get a setting value, defaulting if necessary. */
_get: function(inst, name) {
return inst.settings[name] !== undefined ? inst.settings[name] : this._defaults[name];
},
/* Create a new instance object. */
_newInst: function(target) {
var id = target[0].id.replace(/([^A-Za-z0-9_-])/g, '\\\\$1'); // escape jQuery meta chars
return {
id: id,
currentShownMonthOffset: 0
};
},
_compareBelegungsDate: function( a, b ) {
return kzw.util.comparator.dateAsc( a.from, b.from );
},
_attachCalendar: function(target, settings) {
/* Replace Target */
var newId = 'calendarBox' + new Date().getTime();
$(target).replaceWith('');
target = $('#'+newId);
/* Instance */
var inst = this._newInst($(target));
inst.settings = $.extend({}, settings || {});
/* Sort Belegungen */
if( inst.settings['occupations'] == undefined ) {
inst.settings['occupations'] = this._defaults['occupations'];
};
if( inst.settings['occupations'] !== undefined && inst.settings['occupations'].length != 0 ) {
inst.settings['occupations'].sort( this._compareBelegungsDate );
}
$(target).append(this._generateHTML(inst, 0));
this._attachNextPrevLink(inst);
},
_generateHTML: function(inst) {
/*
* Get Values from Settings
*/
var widthInEm = this._get(inst, 'widthInEm');
var occupations = this._get(inst, 'occupations');
var showKZW = this._get(inst, 'showKZW');
var showOther = this._get(inst, 'showOther');
var showReservation = this._get(inst, 'showReservation');
var showOnlyOccupiedOrFree = this._get(inst, 'showOnlyOccupiedOrFree');
var showYear = this._get(inst, 'showYear');
var showYearOffset = this._get(inst, 'showYearOffset');
var showMonth = this._get(inst, 'showMonth');
var showMonthOffset = this._get(inst, 'showMonthOffset');
var numOfShownMonths = this._get( inst, 'numberOfMonths' );
var dayNames = this._get(inst, 'dayNames');
var dayNamesMin = this._get(inst, 'dayNamesMin');
var monthNames = this._get(inst, 'monthNames');
var monthNamesShort = this._get(inst, 'monthNamesShort');
var weekStartDay = parseInt(this._get(inst, 'firstDay'),10);
weekStartDay = (isNaN(weekStartDay) ? 0 : weekStartDay);
var date_now = new Date();
var date_firstShownDay;
var yearOfFirstShownMonth = ( showYear == 0 ) ? date_now.getFullYear() + showYearOffset : showYear;
var firstShownMonth = ( showMonth == 0 ) ? date_now.getMonth() + showMonthOffset + inst.currentShownMonthOffset : showMonth + inst.currentShownMonthOffset;
var html = '';
var style = '';
if( widthInEm != '' ) {
style = ' style="with:'+widthInEm+'em"';
}
if( numOfShownMonths > 1 ) {
html = '';
} else {
html = '';
}
for( var monthIndex = 0; monthIndex < numOfShownMonths; monthIndex++ ) {
var firstDayOfMonth = new Date( yearOfFirstShownMonth, firstShownMonth + monthIndex, 1, 0, 0, 0 );
var leadDays = (firstDayOfMonth.getDay() - weekStartDay + 7) % 7;
var numDaysOfMonth = 32 - new Date(yearOfFirstShownMonth, firstShownMonth + monthIndex, 32).getDate();
var numShownWeeks = Math.ceil( ( leadDays + numDaysOfMonth) / 7);
if( monthIndex == 0 ) {
html += '';
html += '