///
/// Calendar
/// Extender that adds functionality to the standard calendar found in the AJAXControlToolkit. The basic change made to handle
/// the new properties was to make arrays of the various header and body elements so that they can be loaded based on the
/// number of calenders that are ot be displayed. Note that the .css file and the images are included in this directory
/// and are embedded resources with the calendar.
///
///
/// additional properites:
/// {name: 'NumCalendarsDisplay', type: int} : Determines how many calendars are displayed at once. If this is changed, the
/// width parameter on the container class will need ot be changed. Changing the width in code does not seem to work.
/// {name: 'DisablePriorDates', type: bool} : Determines if prior dates are to be disabled.
/// They are denoted by being red and have a strikethrough.
/// {name: 'DisablePriorDatesDate', type: string} : If prior dates are diabled, this is the date which will be used to
/// disable all prior dates. If this is blank, the current date will be used.
/// {name: 'ShowYearsCalendar', type: bool} : Determines if the calendar can be navigated from the 12 months calendar
/// to the 10 year calendar.
/// {name: 'ShowMonthsCalendar', type: bool} : Determines if the calendar can be navigated from the single month calendar
/// to the 12 months calendar.
/// {name: 'NumMonthsPrev', type: int} : Determines how many months back you can scroll.
/// {name: 'NumMonthsNext', type: int} : Determines how many months forward you can scroll.
/// {name: 'AllMonthsPrev', type: bool} : Determines if you can have indefinite backward scrolling. This will take
/// precedence over any value in the NumMonthsPrev property.
/// {name: 'AllMonthsNext', type: bool} : Determines if you can have indefinite forward scrolling. This will take
/// precedence over any value in the NumMonthsNext property.
/// {name: 'DateSelectedMethod', type: string} : the name of a javascript function that will be called when a date is selected. It
/// will be passed the selected data as a parameter.
///
///
///
/// Brian Adix
/// Initial version.
///
///
/// Brian Adix
/// Applied changes from AjaxControlToolkit 1.0.10201
///
///
/// mgoppert
///
/// Commented out lines pointing to animation script. Trying to reduce client-side page size.
/// Look for comment starting with "MGG".
///
///
///
Type.registerNamespace('DTG.Global.Web.Controls.Ajax.Calendar');
DTG.Global.Web.Controls.Ajax.Calendar.CalendarBehavior = function(element) {
///
/// A behavior that attaches a calendar date selector to a textbox
///
/// The element to attach to
DTG.Global.Web.Controls.Ajax.Calendar.CalendarBehavior.initializeBase(this, [element]);
this._numCalendarsDisplay = 1;
this._disablePriorDates = true;
this._disablePriorDatesDate = null;
this._showYearsCalendar = true;
this._showMonthsCalendar = true;
this._numMonthsPrev = 12;
this._numMonthsNext = 12;
this._allMonthsPrev = true;
this._allMonthsNext = true;
this._format = "d";
this._cssClass = "ajax__calendar";
this._enabled = true;
this._animated = true;
this._buttonID = null;
this._layoutRequested = 0;
this._layoutSuspended = false;
this._prevDateMax = null;
this._nextDateMax = null;
this._selectedDate = null;
this._visibleDate = null;
this._todaysDate = null;
this._firstDayOfWeek = AjaxControlToolkit.FirstDayOfWeek.Default;
this._popupDiv = null;
this._prevArrow = [];
this._prevArrowImage = null;
this._nextArrow = [];
this._nextArrowImage = null;
this._title = [];
this._today = null;
this._close = null;
this._daysWrapper = null;
this._monthsWrapper = null;
this._yearsWrapper = null;
this._days = [];
this._months = [];
this._years = [];
this._daysRow = null;
this._monthsRow = null;
this._yearsRow = null;
this._header = null;
this._body = null;
this._daysBody = [];
this._monthsBody = [];
this._yearsBody = [];
this._daysTable = [];
this._monthsTable = [];
this._yearsTable = [];
this._daysTableHeader = [];
this._daysTableHeaderRow = [];
this._button = null;
this._dateSelectedMethod = null;
this._popupBehavior = null;
this._modeChangeAnimation = null;
this._modeChangeMoveTopOrLeftAnimation = null;
this._modeChangeMoveBottomOrRightAnimation = null;
this._mode = "days";
this._selectedDateChanging = false;
this._isOpen = false;
this._isAnimating = false;
this._width = 170;
this._height = 139;
this._modes = {"days" : null, "months" : null, "years" : null};
this._modeOrder = {"days" : 0, "months" : 1, "years" : 2 };
// Safari needs a longer delay in order to work properly
this._blur = new AjaxControlToolkit.DeferredOperation(((Sys.Browser.agent === Sys.Browser.Safari) ? 1000 : 1), this, this._onblur);
this._focus = new AjaxControlToolkit.DeferredOperation(((Sys.Browser.agent === Sys.Browser.Safari) ? 1000 : 1), this, this._onfocus);
this._button$delegates = {
click : Function.createDelegate(this, this._button_onclick),
focusout : Function.createDelegate(this, this._element_onblur),
blur : Function.createDelegate(this, this._element_onblur)
};
this._element$delegates = {
click : Function.createDelegate(this, this._element_onfocus),
focus : Function.createDelegate(this, this._element_onfocus),
focusout : Function.createDelegate(this, this._element_onblur),
blur : Function.createDelegate(this, this._element_onblur),
change : Function.createDelegate(this, this._element_onchange)
};
this._popup$delegates = {
activate : Function.createDelegate(this, this._popup_onfocus),
focus : Function.createDelegate(this, this._popup_onfocus),
dragstart: Function.createDelegate(this, this._popup_ondragstart),
select: Function.createDelegate(this, this._popup_onselect)
};
this._cell$delegates = {
mouseover : Function.createDelegate(this, this._cell_onmouseover),
mouseout : Function.createDelegate(this, this._cell_onmouseout),
click : Function.createDelegate(this, this._cell_onclick)
};
};
DTG.Global.Web.Controls.Ajax.Calendar.CalendarBehavior.prototype = {
get_numCalendarsDisplay : function() {
///
/// Number of months, years to display at once
///
///
return this._numCalendarsDisplay;
},
set_numCalendarsDisplay : function(value) {
if (this._numCalendarsDisplay != value) {
this._numCalendarsDisplay = value;
this.raisePropertyChanged("numCalendarsDisplay");
}
},
get_showYearsCalendar : function() {
///
/// Whether to disable linking to the years calendar showing a 10-year increment
///
///
return this._showYearsCalendar;
},
set_showYearsCalendar : function(value) {
if (this._showYearsCalendar != value) {
this._showYearsCalendar = value;
this.raisePropertyChanged("showYearsCalendar");
}
},
get_showMonthsCalendar : function() {
///
/// Whether to disable linking to the months calendar showing all 12 months
/// If months are disabled, years are automatically disables as well.
///
///
return this._showMonthsCalendar;
},
set_showMonthsCalendar : function(value) {
if (this._showMonthsCalendar != value) {
this._showMonthsCalendar = value;
this.raisePropertyChanged("showMonthsCalendar");
}
},
get_numMonthsPrev : function() {
///
/// Indicates how many months you can scroll back from the current date.
/// The allMonthsPrev value must be set to false for this to take effect.
///
///
return this._numMonthsPrev;
},
set_numMonthsPrev : function(value) {
if (this._numMonthsPrev != value) {
this._numMonthsPrev = value;
this.raisePropertyChanged("numMonthsPrev");
}
},
get_numMonthsNext : function() {
///
/// Indicates how many months you can scroll forward from the current date.
/// The allMonthsNext value must be set to false for this to take effect.
///
///
return this._numMonthsNext;
},
set_numMonthsNext : function(value) {
if (this._numMonthsNext != value) {
this._numMonthsNext = value;
this.raisePropertyChanged("numMonthsNext");
}
},
get_allMonthsPrev : function() {
///
/// Whether to be able to scroll prev indefinitely. this must be set to false to use the numMonthsPrev property.
///
///
return this._allMonthsPrev;
},
set_allMonthsPrev : function(value) {
if (this._allMonthsPrev != value) {
this._allMonthsPrev = value;
this.raisePropertyChanged("allMonthsPrev");
}
},
get_allMonthsNext: function() {
///
/// Whether to be able to scroll next indefinitely. this must be set to false to use the numMonthsNext property.
///
///
return this._allMonthsNext;
},
set_allMonthsNext : function(value) {
if (this._allMonthsNext != value) {
this._allMonthsNext = value;
this.raisePropertyChanged("allMonthsNext");
}
},
get_disablePriorDates : function() {
///
/// Whether to disable the ability to select a date prior to the current date
///
///
return this._disablePriorDates;
},
set_disablePriorDates : function(value) {
if (this._disablePriorDates != value) {
this._disablePriorDates = value;
this.raisePropertyChanged("disablePriorDates");
}
},
get_disablePriorDatesDate : function() {
///
/// the date which has all prior dates disabled
///
///
return this._disablePriorDatesDate;
},
set_disablePriorDatesDate : function(value) {
//Sys.Debug.fail("some Text");
if (value == null || value == ""){
this._disablePriorDatesDate = this.get_todaysDate();
this.raisePropertyChanged("disablePriorDatesDate");
}
else {
var tmpDate = new Date(value);
tmpDate = tmpDate.getDateOnly();
this._disablePriorDatesDate = tmpDate;
if (this._disablePriorDates)
{
//adjust the previous date so you can't scroll backwards based on the new date
this._prevDateMax = new Date(tmpDate.getFullYear(), tmpDate.getMonth() - this._numMonthsPrev, 1);
if (this._disablePriorDatesDate > this.get_todaysDate())
{
$common.removeHandlers(this._today, this._cell$delegates);
}
}
this.raisePropertyChanged("disablePriorDatesDate");
}
},
get_dateSelectedMethod : function() {
///
/// Method to execute when a date is selected
///
///
return this._dateSelectedMethod;
},
set_dateSelectedMethod : function(value) {
this._dateSelectedMethod = value;
},
get_animated : function() {
///
/// Whether changing modes is animated
///
///
return this._animated;
},
set_animated : function(value) {
if (this._animated != value) {
this._animated = value;
this.raisePropertyChanged("animated");
}
},
get_enabled : function() {
///
/// Whether this behavior is available for the current element
///
return this._enabled;
},
set_enabled : function(value) {
if (this._enabled != value) {
this._enabled = value;
this.raisePropertyChanged("enabled");
}
},
get_button : function() {
///
/// The button to use to show the calendar (optional)
///
return this._button;
},
set_button : function(value) {
if (this._button != value) {
if (this._button && this.get_isInitialized()) {
$common.removeHandlers(this._button, this._button$delegates);
}
this._button = value;
if (this._button && this.get_isInitialized()) {
$addHandlers(this._button, this._button$delegates);
}
this.raisePropertyChanged("button");
}
},
get_format : function() {
///
/// The format to use for the date value
///
return this._format;
},
set_format : function(value) {
if (this._format != value) {
this._format = value;
this.raisePropertyChanged("format");
}
},
get_selectedDate : function() {
///
/// The date value represented by the text box
///
if (this._selectedDate == null) {
var elt = this.get_element();
if (elt.value) {
this._selectedDate = this._parseTextValue(elt.value);
}
}
return this._selectedDate;
},
set_selectedDate : function(value) {
var elt = this.get_element();
if (this._selectedDate != value) {
this._selectedDate = value;
this._selectedDateChanging = true;
var text = "";
if (value) {
text = value.localeFormat(this._format);
}
if (text != elt.value) {
elt.value = text;
this._fireChanged();
}
this._selectedDateChanging = false;
this.invalidate();
this.raisePropertyChanged("selectedDate");
}
},
get_visibleDate : function() {
///
/// The date currently visible in the calendar
///
///
return this._visibleDate;
},
set_visibleDate : function(value) {
if (value) value = value.getDateOnly();
if (this._visibleDate != value) {
this._switchMonth(value, !this._isOpen);
this.raisePropertyChanged("visibleDate");
}
},
get_todaysDate : function() {
///
/// The date to use for "Today"
///
if (this._todaysDate != null) {
return this._todaysDate;
}
return new Date().getDateOnly();
},
set_todaysDate : function(value) {
if (value) value = value.getDateOnly();
if (this._todaysDate != value) {
this._todaysDate = value;
this.invalidate();
this.raisePropertyChanged("todaysDate");
}
},
get_firstDayOfWeek : function() {
///
/// The day of the week to appear as the first day in the calendar
///
return this._firstDayOfWeek;
},
set_firstDayOfWeek : function(value) {
if (this._firstDayOfWeek != value) {
this._firstDayOfWeek = value;
this.invalidate();
this.raisePropertyChanged("firstDayOfWeek");
}
},
get_cssClass : function() {
///
/// The CSS class selector to use to change the calendar's appearance
///
return this._cssClass;
},
set_cssClass : function(value) {
if (this._cssClass != value) {
if (this._cssClass && this.get_isInitialized()) {
Sys.UI.DomElement.removeCssClass(this._container, this._cssClass);
}
this._cssClass = value;
if (this._cssClass && this.get_isInitialized()) {
Sys.UI.DomElement.addCssClass(this._container, this._cssClass);
}
this.raisePropertyChanged("cssClass");
}
},
add_showing : function(handler) {
///
/// Adds an event handler for the showiwng event.
///
///
/// The handler to add to the event.
///
///
this.get_events().addHandler("showing", handler);
},
remove_showing : function(handler) {
///
/// Removes an event handler for the showing event.
///
///
/// The handler to remove from the event.
///
///
this.get_events().removeHandler("showing", handler);
},
raiseShowing : function() {
///
/// Raise the showing event
///
///
var handlers = this.get_events().getHandler("showing");
if (handlers) {
handlers(this, Sys.EventArgs.Empty);
}
},
add_shown : function(handler) {
///
/// Adds an event handler for the shown event.
///
///
/// The handler to add to the event.
///
///
this.get_events().addHandler("shown", handler);
},
remove_shown : function(handler) {
///
/// Removes an event handler for the shown event.
///
///
/// The handler to remove from the event.
///
///
this.get_events().removeHandler("shown", handler);
},
raiseShown : function() {
///
/// Raise the shown event
///
///
var handlers = this.get_events().getHandler("shown");
if (handlers) {
handlers(this, Sys.EventArgs.Empty);
}
},
add_hiding : function(handler) {
///
/// Adds an event handler for the hiding event.
///
///
/// The handler to add to the event.
///
///
this.get_events().addHandler("hiding", handler);
},
remove_hiding : function(handler) {
///
/// Removes an event handler for the hiding event.
///
///
/// The handler to remove from the event.
///
///
this.get_events().removeHandler("hiding", handler);
},
raiseHiding : function() {
///
/// Raise the hiding event
///
///
var handlers = this.get_events().getHandler("hiding");
if (handlers) {
handlers(this, Sys.EventArgs.Empty);
}
},
add_hidden : function(handler) {
///
/// Adds an event handler for the hidden event.
///
///
/// The handler to add to the event.
///
///
this.get_events().addHandler("hidden", handler);
},
remove_hidden : function(handler) {
///
/// Removes an event handler for the hidden event.
///
///
/// The handler to remove from the event.
///
///
this.get_events().removeHandler("hidden", handler);
},
raiseHidden : function() {
///
/// Raise the hidden event
///
///
var handlers = this.get_events().getHandler("hidden");
if (handlers) {
handlers(this, Sys.EventArgs.Empty);
}
},
add_dateSelectionChanged : function(handler) {
///
/// Adds an event handler for the dateSelectionChanged event.
///
///
/// The handler to add to the event.
///
///
this.get_events().addHandler("dateSelectionChanged", handler);
},
remove_dateSelectionChanged : function(handler) {
///
/// Removes an event handler for the dateSelectionChanged event.
///
///
/// The handler to remove from the event.
///
///
this.get_events().removeHandler("dateSelectionChanged", handler);
},
raiseDateSelectionChanged : function() {
///
/// Raise the dateSelectionChanged event
///
///
var handlers = this.get_events().getHandler("dateSelectionChanged");
if (handlers) {
handlers(this, Sys.EventArgs.Empty);
}
},
initialize : function() {
///
/// Initializes the components and parameters for this behavior
///
DTG.Global.Web.Controls.Ajax.Calendar.CalendarBehavior.callBaseMethod(this, "initialize");
var elt = this.get_element();
$addHandlers(elt, this._element$delegates);
if (this._button)
$addHandlers(this._button, this._button$delegates);
this._buildCalendar();
this._buildHeader();
this._buildBody();
this._buildFooter();
this._popupBehavior = new $create(AjaxControlToolkit.PopupBehavior, { parentElement : elt, positioningMode : AjaxControlToolkit.PositioningMode.BottomLeft }, {}, {}, this._popupDiv);
//MGG - Removed for code optimization
//this._modeChangeMoveTopOrLeftAnimation = new AjaxControlToolkit.Animation.LengthAnimation(null, null, null, "style", null, 0, 0, "px");
//this._modeChangeMoveBottomOrRightAnimation = new AjaxControlToolkit.Animation.LengthAnimation(null, null, null, "style", null, 0, 0, "px");
//this._modeChangeAnimation = new AjaxControlToolkit.Animation.ParallelAnimation(null, .25, null, [ this._modeChangeMoveTopOrLeftAnimation, this._modeChangeMoveBottomOrRightAnimation ]);
this._prevDateMax = new Date(this.get_todaysDate().getFullYear(), this.get_todaysDate().getMonth() - this._numMonthsPrev, 1);
this._nextDateMax = new Date(this.get_todaysDate().getFullYear(), this.get_todaysDate().getMonth() + this._numMonthsNext, 1);
var value = this.get_selectedDate();
if (value) {
this.set_selectedDate(value);
}
this.set_disablePriorDatesDate(this._disablePriorDatesDate);
},
dispose : function() {
///
/// Disposes this behavior's resources
///
if (this._popupBehavior) {
this._popupBehavior.dispose();
this._popupBehavior = null;
}
this._modes = null;
this._modeOrder = null;
if (this._modeChangeMoveTopOrLeftAnimation) {
this._modeChangeMoveTopOrLeftAnimation.dispose();
this._modeChangeMoveTopOrLeftAnimation = null;
}
if (this._modeChangeMoveBottomOrRightAnimation) {
this._modeChangeMoveBottomOrRightAnimation.dispose();
this._modeChangeMoveBottomOrRightAnimation = null;
}
if (this._modeChangeAnimation) {
this._modeChangeAnimation.dispose();
this._modeChangeAnimation = null;
}
if (this._container) {
this._container.parentNode.removeChild(this._container);
this._container = null;
}
if (this._popupDiv) {
$common.removeHandlers(this._popupDiv, this._popup$delegates);
this._popupDiv = null;
}
if (this._prevArrow) {
for (var n = 0; n < this._prevArrow.length; n++) {
$common.removeHandlers(this._prevArrow[n], this._cell$delegates);
this._prevArrow[n] = null;
}
}
if (this._prevArrowImage) {
$common.removeHandlers(this._prevArrowImage, this._cell$delegates);
this._prevArrowImage = null;
}
if (this._nextArrow) {
for (var n = 0; n < this._nextArrow.length; n++) {
$common.removeHandlers(this._nextArrow[n], this._cell$delegates);
this._nextArrow[n] = null;
}
}
if (this._nextArrowImage) {
$common.removeHandlers(this._nextArrowImage, this._cell$delegates);
this._nextArrowImage = null;
}
if (this._title) {
for (var n = 0; n < this._title.length; n++) {
$common.removeHandlers(this._title[n], this._cell$delegates);
this._title[n] = null;
}
}
if (this._today) {
$common.removeHandlers(this._today, this._cell$delegates);
this._today = null;
}
if (this._close) {
$common.removeHandlers(this._close, this._cell$delegates);
this._close = null;
}
if (this._daysRow) {
for (var n = 0; n < this._daysBody.length; n++) {
for (var i = 0; i < this._daysBody[n].rows.length; i++) {
var row = this._daysBody[n].rows[i];
for (var j = 0; j < row.cells.length; j++) {
$common.removeHandlers(row.cells[j].firstChild, this._cell$delegates);
}
}
}
this._daysRow = null;
}
if (this._monthsRow) {
for (var n = 0; n < this._monthsBody.length; n++) {
for (var i = 0; i < this._monthsBody[n].rows.length; i++) {
var row = this._monthsBody[n].rows[i];
for (var j = 0; j < row.cells.length; j++) {
$common.removeHandlers(row.cells[j].firstChild, this._cell$delegates);
}
}
}
this._monthsRow = null;
}
if (this._yearsRow) {
for (var n = 0; n < this._yearsBody.length; n++) {
for (var i = 0; i < this._yearsBody[n].rows.length; i++) {
var row = this._yearsBody[n].rows[i];
for (var j = 0; j < row.cells.length; j++) {
$common.removeHandlers(row.cells[j].firstChild, this._cell$delegates);
}
}
}
this._yearsRow = null;
}
if (this._button) {
$common.removeHandlers(this._button, this._button$delegates);
this._button = null;
}
var elt = this.get_element();
$common.removeHandlers(elt, this._element$delegates);
DTG.Global.Web.Controls.Ajax.Calendar.CalendarBehavior.callBaseMethod(this, "dispose");
},
show : function() {
///
/// Shows the calendar
///
if (!this._isOpen) {
//need to reset selected date incase it was changed since the calendar was initialized.
this._selectedDate = null;
var value = this.get_selectedDate();
if (value) {
this.set_selectedDate(value);
}
this.raiseShowing();
this._isOpen = true;
this._switchMonth(null, true);
this._popupBehavior.show();
this.raiseShown();
}
},
hide : function() {
///
/// Hides the calendar
///
this.raiseHiding();
this._isOpen = false;
this._popupBehavior.hide();
this._switchMode("days", true);
this.raiseHidden();
},
suspendLayout : function() {
///
/// Suspends layout of the behavior while setting properties
///
this._layoutSuspended++;
},
resumeLayout : function() {
///
/// Resumes layout of the behavior and performs any pending layout requests
///
this._layoutSuspended--;
if (this._layoutSuspended <= 0) {
this._layoutSuspended = 0;
if (this._layoutRequested) {
this._performLayout();
}
}
},
invalidate : function() {
///
/// Performs layout of the behavior unless layout is suspended
///
if (this._layoutSuspended > 0) {
this._layoutRequested = true;
} else {
this._performLayout();
}
},
_buildCalendar : function() {
///
/// Builds the calendar's layout
///
var elt = this.get_element();
this._container = $common.createElementFromTemplate({
nodeName : "span",
cssClasses : [this._cssClass]
}, elt.parentNode);
var containerWidth = this._width * this._numCalendarsDisplay;
this._popupDiv = $common.createElementFromTemplate({
nodeName : "div",
events : this._popup$delegates,
properties : {
tabIndex : 0,
style : { width : containerWidth }
},
cssClasses : ["ajax__calendar_container"],
visible : false
}, this._container);
},
_buildHeader : function() {
///
/// Builds the header for the calendar
///
this._header = $common.createElementFromTemplate({
nodeName : "div",
cssClasses : [ "ajax__calendar_header" ]
}, this._popupDiv);
for (var i = 0; i < this._numCalendarsDisplay; i++) {
var prevArrowWrapper = $common.createElementFromTemplate({ nodeName : "span" }, this._header);
this._prevArrow[i] = $common.createElementFromTemplate({
nodeName : "div",
properties : { mode : "prev" },
events : this._cell$delegates,
cssClasses : [ "ajax__calendar_prev ajax__calendar_prevarrow" ]
}, prevArrowWrapper);
var titleWrapper = $common.createElementFromTemplate({ nodeName : "span" }, this._header);
this._title[i] = $common.createElementFromTemplate({
nodeName : "div",
properties : { mode : "title" },
events : this._cell$delegates,
cssClasses : [ "ajax__calendar_title" ]
}, titleWrapper);
var nextArrowWrapper = $common.createElementFromTemplate({ nodeName : "span" }, this._header);
this._nextArrow[i] = $common.createElementFromTemplate({
nodeName : "div",
properties : { mode : "next" },
events : this._cell$delegates,
cssClasses : [ "ajax__calendar_next ajax__calendar_nextarrow" ]
}, nextArrowWrapper);
}
},
_buildBody : function() {
///
/// Builds the body region for the calendar
///
this._body = $common.createElementFromTemplate({
nodeName : "div",
cssClasses : [ "ajax__calendar_body" ]
}, this._popupDiv);
this._buildDays();
this._buildMonths();
this._buildYears();
},
_buildFooter : function() {
///
/// Builds the footer for the calendar
///
var footerWrapper = $common.createElementFromTemplate({
nodeName : "div",
cssClasses : [ "ajax__calendar_footer" ]
}, this._popupDiv);
var closeWrapper1 = $common.createElementFromTemplate({ nodeName : "span" }, footerWrapper);
var placeHolder = $common.createElementFromTemplate({
nodeName : "div",
cssClasses : [ "ajax__calendar_close" ]
}, closeWrapper1);
// (width * number of calendars) - width of left and right place holders + left border of number of cals + 1 right border
var containerWidth = ((this._width * this._numCalendarsDisplay) - 30 + this._numCalendarsDisplay + 1) + "px";
var todayWrapper = $common.createElementFromTemplate({ nodeName : "span" }, footerWrapper);
this._today = $common.createElementFromTemplate({
nodeName : "div",
properties : {
mode : "today",
style : { width : containerWidth }},
events : this._cell$delegates,
cssClasses : [ "ajax__calendar_today" ]
}, todayWrapper);
var closeWrapper = $common.createElementFromTemplate({ nodeName : "span" }, footerWrapper);
this._close = $common.createElementFromTemplate({
nodeName : "div",
properties : { mode : "close" },
events : this._cell$delegates,
cssClasses : [ "ajax__calendar_close ajax__calendar_closeimg" ]
}, closeWrapper);
/*
var todayWrapper = $common.createElementFromTemplate({ nodeName : "span" }, this._popupDiv);
this._today = $common.createElementFromTemplate({
nodeName : "div",
properties : { mode : "today" },
events : this._cell$delegates,
cssClasses : [ "ajax__calendar_footer", "ajax__calendar_today" ]
}, todayWrapper);
var closeWrapper = $common.createElementFromTemplate({ nodeName : "span" }, this._popupDiv);
this._close = $common.createElementFromTemplate({
nodeName : "div",
properties : { mode : "close" },
events : this._cell$delegates,
cssClasses : [ "ajax__calendar_footer ajax__calendar_today" ]
}, closeWrapper);
this._close.innerHTML = "Close";
*/
},
_buildDays : function() {
///
/// Builds all the "days of the month" views for the calendar
///
this._daysWrapper = $common.createElementFromTemplate({ nodeName : "span" }, this._body);
this._modes["days"] = this._daysWrapper;
for (var i = 0; i < this._numCalendarsDisplay; i++) {
this._buildDaysDetail(i);
}
},
_buildDaysDetail : function(calNum) {
///
/// Builds each "days of the month" view for the calendar
///
/// Which calendar is being created
var dtf = Sys.CultureInfo.CurrentCulture.dateTimeFormat;
var css = "ajax__calendar_days";
if (calNum == this._numCalendarsDisplay - 1) {
css = "ajax__calendar_days ajax__calendar_sideright";
}
this._days[calNum] = $common.createElementFromTemplate({
nodeName : "div",
cssClasses : [ css ]
}, this._daysWrapper);
this._daysTable[calNum] = $common.createElementFromTemplate({
nodeName : "table",
properties : {
cellPadding : 0,
cellSpacing : 0,
border : 0,
style : { margin : "auto" }
}
}, this._days[calNum]);
this._daysTableHeader[calNum] = $common.createElementFromTemplate({ nodeName : "thead" }, this._daysTable[calNum]);
this._daysTableHeaderRow[calNum] = $common.createElementFromTemplate({ nodeName : "tr" }, this._daysTableHeader[calNum]);
this._daysBody[calNum] = $common.createElementFromTemplate({ nodeName: "tbody" }, this._daysTable[calNum]);
for (var i = 0; i < 7; i++) {
var dayCell = $common.createElementFromTemplate({ nodeName : "td" }, this._daysTableHeaderRow[calNum]);
var dayDiv = $common.createElementFromTemplate({
nodeName : "div",
cssClasses : [ "ajax__calendar_dayname" ]
}, dayCell);
}
for (var i = 0; i < 6; i++) {
var daysRow = $common.createElementFromTemplate({ nodeName : "tr" }, this._daysBody[calNum]);
for(var j = 0; j < 7; j++) {
var dayCell = $common.createElementFromTemplate({ nodeName : "td" }, daysRow);
var dayDiv = $common.createElementFromTemplate({
nodeName : "div",
properties : {
mode : "day",
innerHTML : " "
},
events : this._cell$delegates,
cssClasses : [ "ajax__calendar_day" ]
}, dayCell);
}
}
},
_buildMonths : function() {
///
/// Builds all the "months of the month" views for the calendar
///
this._monthsWrapper = $common.createElementFromTemplate({
nodeName : "span",
visible : false
}, this._body);
this._modes["months"] = this._monthsWrapper;
for (var i = 0; i < this._numCalendarsDisplay; i++) {
this._buildMonthsDetail(i);
}
},
_buildMonthsDetail : function(calNum) {
///
/// Builds each "months of the year" view for the calendar
///
/// Which calendar is being created
var dtf = Sys.CultureInfo.CurrentCulture.dateTimeFormat;
var css = "ajax__calendar_months";
if (calNum == this._numCalendarsDisplay - 1) {
css = "ajax__calendar_months ajax__calendar_sideright";
}
this._months[calNum] = $common.createElementFromTemplate({
nodeName : "div",
cssClasses : [ css ]
}, this._monthsWrapper);
this._monthsTable[calNum] = $common.createElementFromTemplate({
nodeName : "table",
properties : {
cellPadding : 0,
cellSpacing : 0,
border : 0,
style : { margin : "auto" }
}
}, this._months[calNum]);
this._monthsBody[calNum] = $common.createElementFromTemplate({ nodeName : "tbody" }, this._monthsTable[calNum]);
for (var i = 0; i < 3; i++) {
var monthsRow = $common.createElementFromTemplate({ nodeName : "tr" }, this._monthsBody[calNum]);
for (var j = 0; j < 4; j++) {
var monthCell = $common.createElementFromTemplate({ nodeName : "td" }, monthsRow);
var monthDiv = $common.createElementFromTemplate({
nodeName : "div",
properties : {
mode : "month",
month : (i * 4) + j,
innerHTML : "
" + dtf.AbbreviatedMonthNames[(i * 4) + j]
},
events : this._cell$delegates,
cssClasses : [ "ajax__calendar_month" ]
}, monthCell);
}
}
},
_buildYears : function() {
///
/// Builds all the "years in this decade" views for the calendar
///
this._yearsWrapper = $common.createElementFromTemplate({
nodeName : "span",
visible : false
}, this._body);
this._modes["years"] = this._yearsWrapper;
for (var i = 0; i < this._numCalendarsDisplay; i++) {
this._buildYearsDetail(i);
}
},
_buildYearsDetail : function(calNum) {
///
/// Builds each "years in this decade" view for the calendar
///
/// Which calendar is being created
var css = "ajax__calendar_years";
if (calNum == this._numCalendarsDisplay - 1) {
css = "ajax__calendar_years ajax__calendar_sideright";
}
this._years[calNum] = $common.createElementFromTemplate({
nodeName : "div",
cssClasses : [ css ]
}, this._yearsWrapper);
this._yearsTable[calNum] = $common.createElementFromTemplate({
nodeName : "table",
properties : {
cellPadding : 0,
cellSpacing : 0,
border : 0,
style : { margin : "auto" }
}
}, this._years[calNum]);
this._yearsBody[calNum] = $common.createElementFromTemplate({ nodeName : "tbody" }, this._yearsTable[calNum]);
for (var i = 0; i < 3; i++) {
var yearsRow = $common.createElementFromTemplate({ nodeName : "tr" }, this._yearsBody[calNum]);
for (var j = 0; j < 4; j++) {
var yearCell = $common.createElementFromTemplate({ nodeName : "td" }, yearsRow);
var yearDiv = $common.createElementFromTemplate({
nodeName : "div",
properties : {
mode : "year",
year : ((i * 4) + j) - 1
},
events : this._cell$delegates,
cssClasses : [ "ajax__calendar_year" ]
}, yearCell);
}
}
},
_performLayout : function() {
///
/// Updates the various views of the calendar to match the current selected and visible dates
///
var elt = this.get_element();
if (!elt) return;
if (!this.get_isInitialized()) return;
var selectedDate = this.get_selectedDate();
var firstVisibleDate = this._getEffectiveVisibleDate();
var todaysDate = this.get_todaysDate();
switch (this._mode) {
case "days":
for (var i = 0; i < this._numCalendarsDisplay; i++) {
this._loadDays(i);
this._resetHandlerCSS(this.get_showMonthsCalendar(), this._title[i], this._title[i], "ajax__calendar_cursor") ;
var visibleDate = new Date(firstVisibleDate.getFullYear(), firstVisibleDate.getMonth() + i, 1);
this._title[i].innerHTML = visibleDate.localeFormat("MMMM, yyyy");
this._title[i].date = visibleDate;
//we are only scrolling one month either direction, so all arrows get set the same
this._prevArrow[i].date = new Date(firstVisibleDate.getFullYear(), firstVisibleDate.getMonth() - 1, 1);
this._nextArrow[i].date = new Date(firstVisibleDate.getFullYear(), firstVisibleDate.getMonth() + 1, 1);
if (i == 0){
// on first calendar
if (!this._allMonthsPrev){
// show arrow if you can scroll prev
var setValues = (this._prevArrow[i].date >= this._prevDateMax);
this._resetHandlerCSS(setValues, this._prevArrow[i], this._prevArrow[i], "ajax__calendar_prevarrow") ;
}
}
else {
//not on first calendar, so always remove prev image
this._resetHandlerCSS(false, this._prevArrow[i], this._prevArrow[i], "ajax__calendar_prevarrow") ;
}
if (i == this._numCalendarsDisplay - 1){
// on last calendar
if (!this._allMonthsNext){
// the arrow only advances 1 month, but we need to know what the next month is that will come into view
var nextDateToDisplay = new Date(firstVisibleDate.getFullYear(), firstVisibleDate.getMonth() + this._numCalendarsDisplay, 1);
// show arrow if you can scroll next
var setValues = (nextDateToDisplay <= this._nextDateMax);
this._resetHandlerCSS(setValues, this._nextArrow[i], this._nextArrow[i], "ajax__calendar_nextarrow") ;
}
}
else {
//not on last calendar, so always remove next image
this._resetHandlerCSS(false, this._nextArrow[i], this._nextArrow[i], "ajax__calendar_nextarrow") ;
}
}
break;
case "months":
for (var i = 0; i < this._numCalendarsDisplay; i++) {
this._loadMonths(i);
var visibleDate = new Date(firstVisibleDate.getFullYear() + i, firstVisibleDate.getMonth(), 1);
this._resetHandlerCSS(this.get_showYearsCalendar(), this._title[i], this._title[i], "ajax__calendar_cursor") ;
this._title[i].innerHTML = visibleDate.localeFormat("yyyy");
this._title[i].date = visibleDate;
//we are only scrolling one year either direction, so all arrows get set the same
this._prevArrow[i].date = new Date(firstVisibleDate.getFullYear() - 1, 0, 1);
this._nextArrow[i].date = new Date(firstVisibleDate.getFullYear() + 1, 0, 1);
if (i == 0){
// on first calendar
if (!this._allMonthsPrev){
// show arrow if you can scroll prev
var setValues = (this._prevArrow[i].date.getFullYear() >= this._prevDateMax.getFullYear());
this._resetHandlerCSS(setValues, this._prevArrow[i], this._prevArrow[i], "ajax__calendar_prevarrow") ;
}
}
else {
//not on first calendar, so always remove prev image
this._resetHandlerCSS(false, this._prevArrow[i], this._prevArrow[i], "ajax__calendar_prevarrow") ;
}
if (i == this._numCalendarsDisplay - 1){
// on last calendar
if (!this._allMonthsNext){
// the arrow only advances 1 year, but we need to know what the next year is that will come into view
var nextDateToDisplay = new Date(firstVisibleDate.getFullYear() + this._numCalendarsDisplay, 0, 1);
// show arrow if you can scroll next
var setValues = (nextDateToDisplay.getFullYear() <= this._nextDateMax.getFullYear());
this._resetHandlerCSS(setValues, this._nextArrow[i], this._nextArrow[i], "ajax__calendar_nextarrow") ;
}
}
else {
//not on last calendar, so always remove next image
this._resetHandlerCSS(false, this._nextArrow[i], this._nextArrow[i], "ajax__calendar_nextarrow") ;
}
}
break;
case "years":
for (var i = 0; i < this._numCalendarsDisplay; i++) {
this._loadYears(i);
$common.removeHandlers(this._title[i], this._cell$delegates);
$common.removeCssClasses(this._title[i], [ "ajax__calendar_cursor" ]);
this._title[i].innerHTML = minYear.toString() + "-" + (minYear + 9).toString();
var visibleDate = new Date(firstVisibleDate.getFullYear(), firstVisibleDate.getMonth() + i, 1);
this._title[i].date = visibleDate;
//we are only scrolling one set of years either direction, so all arrows get set the same
this._prevArrow.date = new Date(minYear - 10, 0, 1);
this._nextArrow.date = new Date(minYear + 10, 0, 1);
if (i == 0){
// on first calendar
if (!this._allMonthsPrev){
// show arrow if you can scroll prev
var setValues = (this._prevArrow.date.getFullYear() >= this._prevDateMax.getFullYear());
this._resetHandlerCSS(setValues, this._prevArrow[i], this._prevArrow[i], "ajax__calendar_prevarrow") ;
}
}
else {
//not on first calendar, so always remove prev image
this._resetHandlerCSS(false, this._prevArrow[i], this._prevArrow[i], "ajax__calendar_prevarrow") ;
}
if (i == this._numCalendarsDisplay - 1){
// on last calendar
if (!this._allMonthsNext){
// the arrow only advances 1 year, but we need to know what the next year is that will come into view
var nextDateToDisplay = new Date(minYear + (10 * this._numCalendarsDisplay), 0, 1);
// show arrow if you can scroll next
var setValues = (nextDateToDisplay.getFullYear() <= this._nextDateMax.getFullYear());
this._resetHandlerCSS(setValues, this._nextArrow[i], this._nextArrow[i], "ajax__calendar_nextarrow") ;
}
}
else {
//not on last calendar, so always remove next image
this._resetHandlerCSS(false, this._nextArrow[i], this._nextArrow[i], "ajax__calendar_nextarrow") ;
}
}
break;
}
this._today.innerHTML = "Today: " + todaysDate.localeFormat("MMMM d, yyyy");
this._today.date = todaysDate;
},
_fireChanged : function() {
///
/// Attempts to fire the change event on the attached textbox
///
var elt = this.get_element();
if (document.createEventObject) {
elt.fireEvent("onchange");
} else if (document.createEvent) {
var e = document.createEvent("HTMLEvents");
e.initEvent("change", true, true);
elt.dispatchEvent(e);
}
},
_switchMonth : function(date, dontAnimate) {
///
/// Switches the visible month in the days view
///
/// The visible date to switch to
/// Prevents animation from occuring if the control is animated
// Check _isAnimating to make sure we don't animate horizontally and vertically at the same time
if (this._isAnimating) {
return;
}
var visibleDate = this._getEffectiveVisibleDate();
if ((date && date.getFullYear() == visibleDate.getFullYear() && date.getMonth() == visibleDate.getMonth())) {
dontAnimate = true;
}
if (this._animated && !dontAnimate) {
this._isAnimating = true;
var newElement = this._modes[this._mode];
var oldElement = newElement.cloneNode(true);
this._body.appendChild(oldElement);
if (visibleDate > date) {
// animating down
// the newIndex element is the top
// the oldIndex element is the bottom (visible)
// move in, fade in
$common.setLocation(newElement, {x:-162,y:0});
Sys.UI.DomElement.setVisible(newElement, true);
this._modeChangeMoveTopOrLeftAnimation.set_propertyKey("left");
this._modeChangeMoveTopOrLeftAnimation.set_target(newElement);
this._modeChangeMoveTopOrLeftAnimation.set_startValue(-this._width);
this._modeChangeMoveTopOrLeftAnimation.set_endValue(0);
// move out, fade out
$common.setLocation(oldElement, {x:0,y:0});
Sys.UI.DomElement.setVisible(oldElement, true);
this._modeChangeMoveBottomOrRightAnimation.set_propertyKey("left");
this._modeChangeMoveBottomOrRightAnimation.set_target(oldElement);
this._modeChangeMoveBottomOrRightAnimation.set_startValue(0);
this._modeChangeMoveBottomOrRightAnimation.set_endValue(this._width);
} else {
// animating up
// the oldIndex element is the top (visible)
// the newIndex element is the bottom
// move out, fade out
$common.setLocation(oldElement, {x:0,y:0});
Sys.UI.DomElement.setVisible(oldElement, true);
this._modeChangeMoveTopOrLeftAnimation.set_propertyKey("left");
this._modeChangeMoveTopOrLeftAnimation.set_target(oldElement);
this._modeChangeMoveTopOrLeftAnimation.set_endValue(-this._width);
this._modeChangeMoveTopOrLeftAnimation.set_startValue(0);
// move in, fade in
$common.setLocation(newElement, {x:162,y:0});
Sys.UI.DomElement.setVisible(newElement, true);
this._modeChangeMoveBottomOrRightAnimation.set_propertyKey("left");
this._modeChangeMoveBottomOrRightAnimation.set_target(newElement);
this._modeChangeMoveBottomOrRightAnimation.set_endValue(0);
this._modeChangeMoveBottomOrRightAnimation.set_startValue(this._width);
}
this._visibleDate = date;
this.invalidate();
var endHandler = Function.createDelegate(this, function() {
this._body.removeChild(oldElement);
oldElement = null;
this._isAnimating = false;
this._modeChangeAnimation.remove_ended(endHandler);
});
this._modeChangeAnimation.add_ended(endHandler);
this._modeChangeAnimation.play();
} else {
this._visibleDate = date;
this.invalidate();
}
},
_switchMode : function(mode, dontAnimate) {
///
/// Switches the visible view from "days" to "months" to "years"
///
/// The view mode to switch to
/// Prevents animation from occuring if the control is animated
// Check _isAnimating to make sure we don't animate horizontally and vertically at the same time
if (this._isAnimating || (this._mode == mode)) {
return;
}
var moveDown = this._modeOrder[this._mode] < this._modeOrder[mode];
var oldElement = this._modes[this._mode];
var newElement = this._modes[mode];
this._mode = mode;
if (this._animated && !dontAnimate) {
this._isAnimating = true;
this.invalidate();
if (moveDown) {
// animating down
// the newIndex element is the top
// the oldIndex element is the bottom (visible)
// move in, fade in
$common.setLocation(newElement, {x:0,y:-this._height});
Sys.UI.DomElement.setVisible(newElement, true);
this._modeChangeMoveTopOrLeftAnimation.set_propertyKey("top");
this._modeChangeMoveTopOrLeftAnimation.set_target(newElement);
this._modeChangeMoveTopOrLeftAnimation.set_startValue(-this._height);
this._modeChangeMoveTopOrLeftAnimation.set_endValue(0);
// move out, fade out
$common.setLocation(oldElement, {x:0,y:0});
Sys.UI.DomElement.setVisible(oldElement, true);
this._modeChangeMoveBottomOrRightAnimation.set_propertyKey("top");
this._modeChangeMoveBottomOrRightAnimation.set_target(oldElement);
this._modeChangeMoveBottomOrRightAnimation.set_startValue(0);
this._modeChangeMoveBottomOrRightAnimation.set_endValue(this._height);
} else {
// animating up
// the oldIndex element is the top (visible)
// the newIndex element is the bottom
// move out, fade out
$common.setLocation(oldElement, {x:0,y:0});
Sys.UI.DomElement.setVisible(oldElement, true);
this._modeChangeMoveTopOrLeftAnimation.set_propertyKey("top");
this._modeChangeMoveTopOrLeftAnimation.set_target(oldElement);
this._modeChangeMoveTopOrLeftAnimation.set_endValue(-this._height);
this._modeChangeMoveTopOrLeftAnimation.set_startValue(0);
// move in, fade in
$common.setLocation(newElement, {x:0,y:139});
Sys.UI.DomElement.setVisible(newElement, true);
this._modeChangeMoveBottomOrRightAnimation.set_propertyKey("top");
this._modeChangeMoveBottomOrRightAnimation.set_target(newElement);
this._modeChangeMoveBottomOrRightAnimation.set_endValue(0);
this._modeChangeMoveBottomOrRightAnimation.set_startValue(this._height);
}
var endHandler = Function.createDelegate(this, function() {
this._isAnimating = false;
this._modeChangeAnimation.remove_ended(endHandler);
});
this._modeChangeAnimation.add_ended(endHandler);
this._modeChangeAnimation.play();
} else {
this._mode = mode;
Sys.UI.DomElement.setVisible(oldElement, false);
this.invalidate();
Sys.UI.DomElement.setVisible(newElement, true);
$common.setLocation(newElement, {x:0,y:0});
}
},
_isSelected : function(date, part) {
///
/// Gets whether the supplied date is the currently selected date
///
/// The date to match
/// The most significant part of the date to test
///
var value = this.get_selectedDate();
if (!value) return false;
switch (part) {
case 'd':
if (date.getDate() != value.getDate()) return false;
// goto case 'M';
case 'M':
if (date.getMonth() != value.getMonth()) return false;
// goto case 'y';
case 'y':
if (date.getFullYear() != value.getFullYear()) return false;
break;
}
return true;
},
_isOther : function(date, value, part) {
///
/// Gets whether the supplied date is in a different view from the current visible month
///
/// The date to match
/// The date that is the start of the calendar
/// The most significant part of the date to test
///
//var value = this._getEffectiveVisibleDate();
switch (part) {
case 'd':
return (date.getFullYear() != value.getFullYear() || date.getMonth() != value.getMonth());
case 'M':
return false;
case 'y':
var minYear = (Math.floor(value.getFullYear() / 10) * 10);
return date.getFullYear() < minYear || (minYear + 10) <= date.getFullYear();
}
return false;
},
_isPrior : function(date, part) {
///
/// Gets whether the supplied date is less than the current date
///
/// The date to match
/// The most significant part of the date to test
///
//var value = this.get_todaysDate();
var value = this.get_disablePriorDatesDate();
switch (part) {
case 'd':
return (date < value);
case 'M':
return (date.getFullYear() < value.getFullYear() ||
(date.getFullYear() == value.getFullYear() && date.getMonth() < value.getMonth()));
case 'y':
return date.getFullYear() < value.getFullYear();
}
return false;
},
_getCssClass : function(date, visibleDate, part) {
///
/// Gets the cssClass to apply to a cell based on a supplied date
///
/// The date to match
/// The most significant part of the date to test
///
if (this._isSelected(date, part)) {
return "ajax__calendar_active";
} else if (this._disablePriorDates && this._isPrior(date, part)) {
return "ajax__calendar_prior";
} else if (this._isOther(date, visibleDate, part)) {
return "ajax__calendar_other";
} else {
return "";
}
},
_getEffectiveVisibleDate : function() {
var value = this.get_visibleDate();
if (value == null)
value = this.get_selectedDate();
if (value == null)
value = this.get_todaysDate();
return new Date(value.getFullYear(), value.getMonth(), 1);
},
_getFirstDayOfWeek : function() {
///
/// Gets the first day of the week
///
if (this.get_firstDayOfWeek() != AjaxControlToolkit.FirstDayOfWeek.Default) {
return this.get_firstDayOfWeek();
}
return Sys.CultureInfo.CurrentCulture.dateTimeFormat.FirstDayOfWeek;
},
_parseTextValue : function(text) {
///
/// Converts a text value from the textbox into a date
///
/// The text value to parse
///
var value = null;
if(text) {
value = Date.parseLocale(text, this.get_format());
}
if(isNaN(value)) {
value = null;
}
return value;
},
_onblur : function() {
///
/// Handles the completion of a deferred blur operation
///
this._focus.cancel();
this.hide();
},
_onfocus : function() {
///
/// Handles the completion of a deferred focus operation
///
this._blur.cancel();
this.get_element().focus();
},
_element_onfocus : function(e) {
///
/// Handles the focus event of the element
///
/// The arguments for the event
///
/// removed the check for hte button so that the box will open when the text box gets focus.
///
//if (this._enabled && this._button == null) {
if (this._enabled) {
this._focus.cancel();
this._blur.cancel();
this.show();
}
},
_element_onblur : function(e) {
///
/// Handles the blur event of the element
///
/// The arguments for the event
if ((e.type == 'blur' && Sys.Browser.agent != Sys.Browser.InternetExplorer) ||
(e.type == 'focusout' && Sys.Browser.agent == Sys.Browser.InternetExplorer)) {
//if (this._button == null) {
this._focus.cancel();
this._blur.post();
//}
}
},
_element_onchange : function(e) {
///
/// Handles the change event of the element
///
/// The arguments for the event
if (!this._selectedDateChanging) {
var elt = this.get_element();
this._selectedDate = this._parseTextValue(elt.value);
this._switchMonth(this._selectedDate, this._selectedDate == null);
}
},
_popup_onfocus : function(e) {
///
/// Handles the focus event of the popup
///
/// The arguments for the event
if ((e.type == 'focus' && Sys.Browser.agent != Sys.Browser.InternetExplorer) ||
(e.type == 'activate' && Sys.Browser.agent == Sys.Browser.InternetExplorer) ||
(Sys.Browser.agent === Sys.Browser.Safari) ||
(Sys.Browser.agent === Sys.Browser.Opera)) {
//if (this._button == null) {
this._blur.cancel();
this._focus.post();
//}
}
},
_popup_ondragstart : function(e) {
///
/// Handles the drag-start event of the popup calendar
///
/// The arguments for the event
e.stopPropagation();
e.preventDefault();
},
_popup_onselect : function(e) {
///
/// Handles the select event of the popup calendar
///
/// The arguments for the event
e.stopPropagation();
e.preventDefault();
},
_cell_onmouseover : function(e) {
///
/// Handles the mouseover event of a cell
///
/// The arguments for the event
if (Sys.Browser.agent === Sys.Browser.Safari) {
// Safari doesn't reliably call _cell_onmouseout, so clear other cells here to keep the UI correct
for (var i = 0; i < this._daysBody.rows.length; i++) {
var row = this._daysBody.rows[i];
for (var j = 0; j < row.cells.length; j++) {
Sys.UI.DomElement.removeCssClass(row.cells[j].firstChild.parentNode, "ajax__calendar_hover");
}
}
}
var target = e.target;
Sys.UI.DomElement.addCssClass(target.parentNode, "ajax__calendar_hover");
e.stopPropagation();
},
_cell_onmouseout : function(e) {
///
/// Handles the mouseout event of a cell
///
/// The arguments for the event
var target = e.target;
Sys.UI.DomElement.removeCssClass(target.parentNode, "ajax__calendar_hover");
e.stopPropagation();
},
_cell_onclick : function(e) {
///
/// Handles the click event of a cell
///
/// The arguments for the event
//comment out - Safari kept popping up calendar after selection
//if ((Sys.Browser.agent === Sys.Browser.Safari) ||
// (Sys.Browser.agent === Sys.Browser.Opera)) {
// // _popup_onfocus doesn't get called on Safari or Opera, so we call it manually now
// this._popup_onfocus(e);
//}
if (!this._enabled)
return;
var target = e.target;
var visibleDate = this._getEffectiveVisibleDate();
Sys.UI.DomElement.removeCssClass(target.parentNode, "ajax__calendar_hover");
switch(target.mode) {
case "prev":
case "next":
this._switchMonth(target.date);
break;
case "title":
switch (this._mode) {
case "days":
if (this.get_showMonthsCalendar()) {
this._switchMode("months");
}
break;
case "months":
if (this.get_showYearsCalendar()) {
this._switchMode("years");
}
break;
}
break;
case "month":
if (target.month == visibleDate.getMonth()) {
this._switchMode("days");
} else {
this._visibleDate = target.date;
this._switchMode("days");
}
break;
case "year":
if (target.date.getFullYear() == visibleDate.getFullYear()) {
this._switchMode("months");
} else {
this._visibleDate = target.date;
this._switchMode("months");
}
break;
case "day":
this.set_selectedDate(target.date);
this._switchMonth(target.date);
this._callDateSelectedMethod(this._selectedDate);
if (this._button != null) {
this.hide();
}
this.raiseDateSelectionChanged();
break;
case "today":
this.set_selectedDate(target.date);
this._switchMonth(target.date);
this._callDateSelectedMethod(this._selectedDate);
if (this._button != null) {
this.hide();
}
this.raiseDateSelectionChanged();
break;
case "close":
if (this._button != null) {
this.hide();
}
break;
}
e.stopPropagation();
e.preventDefault();
},
_button_onclick : function(e) {
///
/// Handles the click event of the asociated button
///
/// The arguments for the event
if (!this._isOpen) {
if (this._enabled)
this.show();
} else {
this.hide();
}
},
_callDateSelectedMethod : function(selDate) {
///Private event method _callDateSelectedMethod - if property value exists...call method defined by value
/// format the call to the date selected method passing the selected date
///selected date
if (this._dateSelectedMethod && this._dateSelectedMethod != '') {
try {
eval(String.format("{0}(\"{1}\")", this._dateSelectedMethod, selDate));
}
catch(exception) {
Sys.Debug.trace(exception);
}
}
},
_loadDays : function(calNum) {
///
/// Loads the days for each calendar displayed
///
/// Which calendar is being processed
var dtf = Sys.CultureInfo.CurrentCulture.dateTimeFormat;
var todaysDate = this.get_todaysDate();
var firstVisibleDate = this._getEffectiveVisibleDate();
var visibleDate = new Date(firstVisibleDate.getFullYear(), firstVisibleDate.getMonth() + calNum, 1);
var firstDayOfWeek = this._getFirstDayOfWeek();
var daysToBacktrack = visibleDate.getDay() - firstDayOfWeek;
if (daysToBacktrack <= 0)
daysToBacktrack += 7;
//var startDate = visibleDate.subtract(AjaxControlToolkit.TimeSpan.fromDays(daysToBacktrack));
var startDate = new Date(visibleDate.getFullYear(), visibleDate.getMonth(), visibleDate.getDate() - daysToBacktrack);
var currentDate = startDate;
for (var i = 0; i < 7; i++) {
var dayCell = this._daysTableHeaderRow[calNum].cells[i].firstChild;
dayCell.innerHTML = dtf.ShortestDayNames[(i + firstDayOfWeek) % 7];
}
for (var week = 0; week < 6; week ++) {
var weekRow = this._daysBody[calNum].rows[week];
for (var dayOfWeek = 0; dayOfWeek < 7; dayOfWeek++) {
var dayCell = weekRow.cells[dayOfWeek].firstChild;
dayCell.innerHTML = currentDate.getDate();
dayCell.title = currentDate.localeFormat("D");
dayCell.date = currentDate;
$common.removeCssClasses(dayCell.parentNode, [ "ajax__calendar_other", "ajax__calendar_prior", "ajax__calendar_active" ]);
Sys.UI.DomElement.addCssClass(dayCell.parentNode, this._getCssClass(dayCell.date, visibleDate, 'd'));
if (this._disablePriorDates){
var setValues = (currentDate >= this.get_disablePriorDatesDate());
this._resetHandlerCSS(setValues, dayCell, dayCell.parentNode, "ajax__calendar_cursor") ;
}
currentDate = new Date(currentDate.getFullYear(), currentDate.getMonth(), currentDate.getDate() + 1);
}
}
},
_loadMonths : function(calNum) {
///
/// Loads the months for each calendar displayed
///
/// Which calendar is being processed
var todaysDate = this.get_todaysDate();
var firstVisibleDate = this._getEffectiveVisibleDate();
var visibleDate = new Date(firstVisibleDate.getFullYear() + calNum, firstVisibleDate.getMonth(), 1);
for (var i = 0; i < this._monthsBody[calNum].rows.length; i++) {
var row = this._monthsBody[calNum].rows[i];
for (var j = 0; j < row.cells.length; j++) {
var cell = row.cells[j].firstChild;
cell.date = new Date(visibleDate.getFullYear(), cell.month, 1);
$common.removeCssClasses(cell.parentNode, [ "ajax__calendar_other", "ajax__calendar_prior", "ajax__calendar_active" ]);
Sys.UI.DomElement.addCssClass(cell.parentNode, this._getCssClass(cell.date, visibleDate, 'M'));
if (this._disablePriorDates){
var disableMonth = new Date(this.get_disablePriorDatesDate().getFullYear(), this.get_disablePriorDatesDate().getMonth(), 1);
var setValues = (cell.date >= disableMonth);
this._resetHandlerCSS(setValues, cell, cell.parentNode, "ajax__calendar_cursor") ;
}
}
}
},
_loadYears : function(calNum) {
///
/// Loads the years for each calendar displayed
///
/// Which calendar is being processed
var todaysDate = this.get_todaysDate();
var firstVisibleDate = this._getEffectiveVisibleDate();
var visibleDate = new Date(firstVisibleDate.getFullYear() + (calNum * 10), firstVisibleDate.getMonth(), 1);
var minYear = (Math.floor(visibleDate.getFullYear() / 10) * 10);
for (var i = 0; i < this._yearsBody[calNum].rows.length; i++) {
var row = this._yearsBody[calNum].rows[i];
for (var j = 0; j < row.cells.length; j++) {
var cell = row.cells[j].firstChild;
cell.date = new Date(minYear + cell.year, 0, 1);
cell.innerHTML = "
" + (minYear + cell.year);
$common.removeCssClasses(cell.parentNode, [ "ajax__calendar_other", "ajax__calendar_prior", "ajax__calendar_active" ]);
Sys.UI.DomElement.addCssClass(cell.parentNode, this._getCssClass(cell.date, visibleDate, 'y'));
if (this._disablePriorDates){
var setValues = ((minYear + cell.year) >= this.get_disablePriorDatesDate().getFullYear());
this._resetHandlerCSS(setValues, cell, cell.parentNode, "ajax__calendar_cursor") ;
}
}
}
},
_resetHandlerCSS : function(setValues, handlerEl, cssEl, cssClass) {
///
/// Resets CSSClass and handler events if required for the element
///
/// Determine if values are added back
/// Element node containing even handler
/// Element node containing CSS Class
/// CSS Class to remove and set
//handlers and classes stack up, so remove it first, then add it back if necessary
$common.removeHandlers(handlerEl, this._cell$delegates);
$common.removeCssClasses(cssEl, [ cssClass ]);
if (setValues) {
$addHandlers(handlerEl, this._cell$delegates);
Sys.UI.DomElement.addCssClass(cssEl, cssClass);
}
}
};
DTG.Global.Web.Controls.Ajax.Calendar.CalendarBehavior.registerClass("DTG.Global.Web.Controls.Ajax.Calendar.CalendarBehavior", AjaxControlToolkit.BehaviorBase);
if(typeof(Sys)!=='undefined')Sys.Application.notifyScriptLoaded();