jQuery(document).ready(function($) {
var $cal_fields = $('#calendar_fields');
// I'm overriding this method from JQ UI because it's acting
// strangely. Note the changes in the return value.
$.datepicker._isInRange = function(inst, date) {
// during range selection, use minimum of selected date and range start
var newMinDate = (!inst.rangeStart ? null : this._daylightSavingAdjust(
new Date(inst.selectedYear, inst.selectedMonth, inst.selectedDay)));
newMinDate = (newMinDate && inst.rangeStart < newMinDate ? inst.rangeStart : newMinDate);
var minDate = newMinDate || this._getMinMaxDate(inst, 'min');
var maxDate = this._getMinMaxDate(inst, 'max');
// Solspace
//return ((!minDate || date >= minDate) && (!maxDate || date <= maxDate));
return ((!minDate || date.getTime() >= minDate.getTime()) && (!maxDate || date.getTime() <= maxDate.getTime()));
};
// Overriding this method for the same reason.
$.datepicker._generateHTML = function(inst) {
var today = new Date();
today = this._daylightSavingAdjust(
new Date(today.getFullYear(), today.getMonth(), today.getDate())); // clear time
var isRTL = this._get(inst, 'isRTL');
var showButtonPanel = this._get(inst, 'showButtonPanel');
var hideIfNoPrevNext = this._get(inst, 'hideIfNoPrevNext');
var navigationAsDateFormat = this._get(inst, 'navigationAsDateFormat');
var numMonths = this._getNumberOfMonths(inst);
var showCurrentAtPos = this._get(inst, 'showCurrentAtPos');
var stepMonths = this._get(inst, 'stepMonths');
var stepBigMonths = this._get(inst, 'stepBigMonths');
var isMultiMonth = (numMonths[0] != 1 || numMonths[1] != 1);
var currentDate = this._daylightSavingAdjust((!inst.currentDay ? new Date(9999, 9, 9) :
new Date(inst.currentYear, inst.currentMonth, inst.currentDay)));
var minDate = this._getMinMaxDate(inst, 'min', true);
var maxDate = this._getMinMaxDate(inst, 'max');
var drawMonth = inst.drawMonth - showCurrentAtPos;
var drawYear = inst.drawYear;
if (drawMonth < 0) {
drawMonth += 12;
drawYear--;
}
if (maxDate) {
var maxDraw = this._daylightSavingAdjust(new Date(maxDate.getFullYear(),
maxDate.getMonth() - numMonths[1] + 1, maxDate.getDate()));
maxDraw = (minDate && maxDraw < minDate ? minDate : maxDraw);
while (this._daylightSavingAdjust(new Date(drawYear, drawMonth, 1)) > maxDraw) {
drawMonth--;
if (drawMonth < 0) {
drawMonth = 11;
drawYear--;
}
}
}
inst.drawMonth = drawMonth;
inst.drawYear = drawYear;
var prevText = this._get(inst, 'prevText');
prevText = (!navigationAsDateFormat ? prevText : this.formatDate(prevText,
this._daylightSavingAdjust(new Date(drawYear, drawMonth - stepMonths, 1)),
this._getFormatConfig(inst)));
var prev = (this._canAdjustMonth(inst, -1, drawYear, drawMonth) ?
'' + prevText + '' :
(hideIfNoPrevNext ? '' : '' + prevText + ''));
var nextText = this._get(inst, 'nextText');
nextText = (!navigationAsDateFormat ? nextText : this.formatDate(nextText,
this._daylightSavingAdjust(new Date(drawYear, drawMonth + stepMonths, 1)),
this._getFormatConfig(inst)));
var next = (this._canAdjustMonth(inst, +1, drawYear, drawMonth) ?
'' + nextText + '' :
(hideIfNoPrevNext ? '' : '' + nextText + ''));
var currentText = this._get(inst, 'currentText');
var gotoDate = (this._get(inst, 'gotoCurrent') && inst.currentDay ? currentDate : today);
currentText = (!navigationAsDateFormat ? currentText :
this.formatDate(currentText, gotoDate, this._getFormatConfig(inst)));
var controls = (!inst.inline ? '' : '');
var buttonPanel = (showButtonPanel) ? '' + (isRTL ? controls : '') +
(this._isInRange(inst, gotoDate) ? '' : '') + (isRTL ? '' : controls) + '
' : '';
var firstDay = parseInt(this._get(inst, 'firstDay'),10);
firstDay = (isNaN(firstDay) ? 0 : firstDay);
var dayNames = this._get(inst, 'dayNames');
var dayNamesShort = this._get(inst, 'dayNamesShort');
var dayNamesMin = this._get(inst, 'dayNamesMin');
var monthNames = this._get(inst, 'monthNames');
var monthNamesShort = this._get(inst, 'monthNamesShort');
var beforeShowDay = this._get(inst, 'beforeShowDay');
var showOtherMonths = this._get(inst, 'showOtherMonths');
var calculateWeek = this._get(inst, 'calculateWeek') || this.iso8601Week;
var endDate = inst.endDay ? this._daylightSavingAdjust(
new Date(inst.endYear, inst.endMonth, inst.endDay)) : currentDate;
var defaultDate = this._getDefaultDate(inst);
var html = '';
for (var row = 0; row < numMonths[0]; row++) {
var group = '';
for (var col = 0; col < numMonths[1]; col++) {
var selectedDate = this._daylightSavingAdjust(new Date(drawYear, drawMonth, inst.selectedDay));
var cornerClass = ' ui-corner-all';
var calender = '';
if (isMultiMonth) {
calender += '';
}
calender += '
' +
'';
var thead = '';
for (var dow = 0; dow < 7; dow++) { // days of the week
var day = (dow + firstDay) % 7;
thead += '= 5 ? ' class="ui-datepicker-week-end"' : '') + '>' +
'' + dayNamesMin[day] + '';
}
calender += thead + '
';
var daysInMonth = this._getDaysInMonth(drawYear, drawMonth);
if (drawYear == inst.selectedYear && drawMonth == inst.selectedMonth)
inst.selectedDay = Math.min(inst.selectedDay, daysInMonth);
var leadDays = (this._getFirstDayOfMonth(drawYear, drawMonth) - firstDay + 7) % 7;
var numRows = (isMultiMonth ? 6 : Math.ceil((leadDays + daysInMonth) / 7)); // calculate the number of rows to generate
var printDate = this._daylightSavingAdjust(new Date(drawYear, drawMonth, 1 - leadDays));
for (var dRow = 0; dRow < numRows; dRow++) { // create date picker rows
calender += '';
var tbody = '';
for (var dow = 0; dow < 7; dow++) { // create date picker days
var daySettings = (beforeShowDay ?
beforeShowDay.apply((inst.input ? inst.input[0] : null), [printDate]) : [true, '']);
var otherMonth = (printDate.getMonth() != drawMonth);
//Solspace
var unselectable = otherMonth || !daySettings[0] ||
(minDate && printDate.getTime() < minDate.getTime()) || (maxDate && printDate.getTime() > maxDate.getTime());
//var unselectable = otherMonth || !daySettings[0] ||
//(minDate && printDate < minDate) || (maxDate && printDate > maxDate);
tbody += '| ' + // actions
(otherMonth ? (showOtherMonths ? printDate.getDate() : ' ') : // display for other months
(unselectable ? '' + printDate.getDate() + '' : '' + printDate.getDate() + '')) + ' | '; // display for this month
printDate.setDate(printDate.getDate() + 1);
printDate = this._daylightSavingAdjust(printDate);
}
calender += tbody + '
';
}
drawMonth++;
if (drawMonth > 11) {
drawMonth = 0;
drawYear++;
}
calender += '
' + (isMultiMonth ? '
day(s).
',
extra: ''
};
return output;
};
var _html_repeat_interval_weekly = function() {
var output = {
options: '
',
extra: ''
};
return output;
};
var _html_repeat_interval_monthly = function() {
var output = {
options: '
Only on:
',
extra: ''
};
return output;
};
var _html_repeat_interval_yearly = function() {
var output = {
options: ' year(s).
',
extra: ''
};
return output;
};
var _html_repeat_interval_dates = function() {
var output = {
options: '',
extra: ''
};
return output;
};
var _html_end_by_date = function() {
var output = '';
return output;
};
var _html_end_after = function() {
var output = ' time(s)
';
return output;
};
var _html_new_rule = function() {
var output = '
';
if (data.calendar_id) {
string += _create_hidden_input('calendar_id', data.calendar_id);
}
$.each(data.rules, function(k, rule) {
$.each(rule, function(name, value) {
string += _create_hidden_input(name+'['+k+']', value);
});
});
$.each(data.dates, function(k, date) {
$.each(date, function(name, value) {
string += _create_hidden_input('occurrences['+name+'][]', value);
});
});
string += '
';
$('#entryform').append(string);
// TODO: We could check for errors at some point...
success = true;
return success;
};
var _get_rule_id = function($context) {
var val = $context.val();
return (val == undefined) ? '' : val;
};
var _get_rule_type = function($context) {
var val = $context.find('select[name=type]').val();
return (val == undefined || val == '') ? '+' : val;
};
var _get_rule_date = function($field) {
var val = $field.val();
if (val == undefined) {
return '';
}
val = $.datepicker.formatDate('yymmdd', _get_date(val), SSCalendar.dateFormatSettings);
return val;
};
var _get_rule_all_day = function($context) {
return ($('.all_day input:checkbox', $context).is(':checked')) ? 'y' : '';
};
var _get_rule_time = function($field) {
var val = String($field.val());
if (val == undefined || val == '') {
return '';
}
var minute = '';
var hour = '';
var ampm = ($field.siblings('select[name=ampm]').length == 1) ? $field.siblings('select[name=ampm]').val() : '';
// Just an hour
if (val.length == 1 || val.length == 2) {
minute = '00';
hour = val;
} else if (val.indexOf(':') != -1) {
var temp = val.split(':');
hour = temp[0];
minute = temp[1];
} else if (val.length == 3 || val.length == 4) {
minute = val.substring(val.length - 2);
hour = val.substring(0, val.length - 2);
} else {
minute = '00';
hour = '00';
}
// Remove leading zero, or else we won't like what parseInt() gives us
if (hour.substring(0, 1) == 0) {
hour = hour.substring(1);
}
if (ampm == 'pm' && parseInt(hour) < 12) {
hour = parseInt(hour) + 12;
} else if (ampm == 'am' && parseInt(hour) == 12) {
hour = '00';
}
if (parseInt(hour) < 0 || parseInt(hour) > 23) {
hour = '00';
}
if (parseInt(minute) < 0 || parseInt(minute) > 59) {
minute = '00';
}
if (hour.length == 1) {
hour = 0+hour;
}
return hour+minute;
};
var _get_rule_years = function($context) {
var val = '';
if ($('select[name=interval]', $context).val() == 'yearly') {
val = $('input[name=every]', $context).val();
}
return val;
};
var _get_rule_months = function($context) {
var val = '';
if ($('select[name=interval]', $context).val() == 'monthly') {
val = $('input[name=every]', $context).val();
}
return val;
};
var _get_rule_weeks = function($context) {
var val = '';
if ($('select[name=interval]', $context).val() == 'weekly') {
val = $('input[name=every]', $context).val();
}
return val;
};
var _get_rule_days = function($context) {
var val = '';
if ($('select[name=interval]', $context).val() == 'daily') {
val = $('input[name=every]', $context).val();
}
return val;
};
var _get_rule_dow = function($context) {
var val = new Array;
$('.dows .selector .item', $context).each(function() {
if ($(this).data('selector') == true) {
val.push($(this).data('value'));
}
});
return val.join('|');
};
var _get_rule_relative = function($context) {
var val = new Array;
if ($('select[name=by]', $context).val() == 'by_relative') {
$('.by_relative .selector .item', $context).each(function(){
if ($(this).data('selector') == true) {
val.push($(this).data('value'));
}
});
}
return val.join('|');
};
var _get_rule_dom = function($context) {
var val = new Array;
if ($('select[name=by]', $context).val() == 'by_date') {
$('.by_date .selector .item', $context).each(function(){
if ($(this).data('selector') == true) {
val.push($(this).data('value'));
}
});
}
return val.join('|');
};
var _get_rule_end_after = function($context) {
var val = '';
if ($('select[name=end]', $context).val() == 'after') {
val = $('input[name=end_after]', $context).val();
}
return val;
}
var _create_hidden_input = function(name, value) {
return '';
};
var show_hide_x = function() {
var $rules = $('.rule', $cal_fields);
// Hide X if there is only one rule
if ($rules.length == 1) {
$('.rule_close, .type', $rules).addClass('inactive');
}
// Hide X on the first rule if there is only one include rule
else if ($('.type select[value=+]', $rules).length == 1) {
$('.type select[value=+]', $rules).closest('.rule').find('.rule_close, .type').addClass('inactive');
}
// Show X on first rule
else {
$('.rule:first .rule_close', $cal_fields).removeClass('inactive');
}
}
/***************************************************************************/
// Systems are go!
initialize();
// 12 hour or 24 hour?
var time_format = ($('.rule.first select[name=ampm]', $cal_fields).length > 0) ? '12' : '24';
// When the user clicks submit, the work is just getting started...
$('input[name=submit]').click(function() {
var result = false;
result = save_calendar_data();
return result;
});
// Toggle open/close the Dates & Options fields
$('.label a', $cal_fields).click(function() {
// Hide 'em, Danno
$('#calendar_wrapper', $cal_fields).toggle();
// Swap the +/- image
$(this).find('img').toggle();
return false;
});
// Toggle the time fields when switching between Include and Exclude
$('select[name=type]').live('change', function() {
var val = $(this).val();
if (val == '+') {
$(this).closest('.inner').find('.date_range, .date_range *').removeClass('inactive');
}
else if ($(this).closest('.rule').find('select[name=interval]').val() == 'select_dates') {
$(this).closest('.inner').find('.date_range').addClass('inactive');
}
else {
$(this).closest('.inner').find('.date_range').find('.time, .all_day').addClass('inactive');
}
show_hide_x();
});
// Toggle display of time fields
$('div.all_day input:checkbox').live('click', function() {
toggle_time_fields($(this));
});
// Toggle display of event details
$('#calendar_calendars select[name=calendar_calendar_id]', $cal_fields).change(function() {
toggle_event_details();
});
// Toggle display of interval details
$('.repeat_select select', $cal_fields).change(function() {
toggle_interval_details($(this));
});
// Selector widget actions
$('.selector .item a', $cal_fields).live('click', function() {
var $item = $(this).closest('.item');
toggle_selector_item($item);
return false;
});
// Add a new rule
$('#calendar_new_date a').click(function() {
var $rule = $(_html_new_rule());
// Get rid of am/pm dropdowns if we're in 24 hour time
if (time_format == '24') {
$rule.find('select[name=ampm]').remove();
}
// Add rule number
$rule.find('div.rule_number span').text($('.rule', $cal_fields).length+1);
// Add date picker to From field
$('input[name=start_date]', $rule).datepicker({
dateFormat: SSCalendar.dateFormat,
changeMonth: true,
changeYear: true,
onSelect: function() {
update_to_field_mindate($rule, true);
update_picker_three_mindate($rule);
update_end_by_mindate($rule);
update_picker_three_mindate($rule);
}
});
// Add date picker to To field
$('input[name=end_date]', $rule).datepicker({
dateFormat: SSCalendar.dateFormat,
changeMonth: true,
changeYear: true
});
update_from_field_mindate($rule);
update_to_field_mindate($rule, true);
// Toggle display of interval details
$('.repeat_select select', $rule).change(function() {
toggle_interval_details($(this));
});
$('#calendar_wrapper div.rule:last').after($rule);
show_hide_x();
return false;
});
// Close the rule
$('.rule_close', $cal_fields).live('click', function() {
$firstrule = $(this).closest('.rule.first');
if ($firstrule.length == 1) {
var $includes = $('.type select[value=+]', $cal_fields).not($firstrule.find('.type select'));
if ($includes.length > 0) {
$includes.eq(0).closest('.rule').addClass('first').replaceAll($firstrule).find('.group').addClass('first');
}
} else {
$(this).closest('.rule').remove();
}
renumber_rules();
show_hide_x();
return false;
});
});