* Firefox 1.0.0.4: 1.7.8 <-- Reports 1.7
* Firefox 1.5.0.9: 1.8.0.9 <-- Reports 1.8
* Firefox 2.0.0.3: 1.8.1.3 <-- Reports 1.8
* Firefox 3 alpha: 1.9a4 <-- Reports 1.9
*
* @property gecko
* @type float
*/
gecko:0,
/**
* AppleWebKit version. KHTML browsers that are not WebKit browsers
* will evaluate to 1, other browsers 0. Example: 418.9.1
*
* Safari 1.3.2 (312.6): 312.8.1 <-- Reports 312.8 -- currently the
* latest available for Mac OSX 10.3.
* Safari 2.0.2: 416 <-- hasOwnProperty introduced
* Safari 2.0.4: 418 <-- preventDefault fixed
* Safari 2.0.4 (419.3): 418.9.1 <-- One version of Safari may run
* different versions of webkit
* Safari 2.0.4 (419.3): 419 <-- Tiger installations that have been
* updated, but not updated
* to the latest patch.
* Webkit 212 nightly: 522+ <-- Safari 3.0 precursor (with native SVG
* and many major issues fixed).
* 3.x yahoo.com, flickr:422 <-- Safari 3.x hacks the user agent
* string when hitting yahoo.com and
* flickr.com.
* Safari 3.0.4 (523.12):523.12 <-- First Tiger release - automatic update
* from 2.x via the 10.4.11 OS patch
* Webkit nightly 1/2008:525+ <-- Supports DOMContentLoaded event.
* yahoo.com user agent hack removed.
*
*
* http://developer.apple.com/internet/safari/uamatrix.html
* @property webkit
* @type float
*/
webkit: 0,
/**
* The mobile property will be set to a string containing any relevant
* user agent information when a modern mobile browser is detected.
* Currently limited to Safari on the iPhone/iPod Touch, Nokia N-series
* devices with the WebKit-based browser, and Opera Mini.
* @property mobile
* @type string
*/
mobile: null,
/**
* Adobe AIR version number or 0. Only populated if webkit is detected.
* Example: 1.0
* @property air
* @type float
*/
air: 0,
/**
* Google Caja version number or 0.
* @property caja
* @type float
*/
caja: 0
},
ua = navigator.userAgent,
m;
// Modern KHTML browsers should qualify as Safari X-Grade
if ((/KHTML/).test(ua)) {
o.webkit=1;
}
// Modern WebKit browsers are at least X-Grade
m=ua.match(/AppleWebKit\/([^\s]*)/);
if (m&&m[1]) {
o.webkit=parseFloat(m[1]);
// Mobile browser check
if (/ Mobile\//.test(ua)) {
o.mobile = "Apple"; // iPhone or iPod Touch
} else {
m=ua.match(/NokiaN[^\/]*/);
if (m) {
o.mobile = m[0]; // Nokia N-series, ex: NokiaN95
}
}
m=ua.match(/AdobeAIR\/([^\s]*)/);
if (m) {
o.air = m[0]; // Adobe AIR 1.0 or better
}
}
if (!o.webkit) { // not webkit
// @todo check Opera/8.01 (J2ME/MIDP; Opera Mini/2.0.4509/1316; fi; U; ssr)
m=ua.match(/Opera[\s\/]([^\s]*)/);
if (m&&m[1]) {
o.opera=parseFloat(m[1]);
m=ua.match(/Opera Mini[^;]*/);
if (m) {
o.mobile = m[0]; // ex: Opera Mini/2.0.4509/1316
}
} else { // not opera or webkit
m=ua.match(/MSIE\s([^;]*)/);
if (m&&m[1]) {
o.ie=parseFloat(m[1]);
} else { // not opera, webkit, or ie
m=ua.match(/Gecko\/([^\s]*)/);
if (m) {
o.gecko=1; // Gecko detected, look for revision
m=ua.match(/rv:([^\s\)]*)/);
if (m&&m[1]) {
o.gecko=parseFloat(m[1]);
}
}
}
}
}
m=ua.match(/Caja\/([^\s]*)/);
if (m&&m[1]) {
o.caja=parseFloat(m[1]);
}
return o;
}();
/*
* Initializes the global by creating the default namespaces and applying
* any new configuration information that is detected. This is the setup
* for env.
* @method init
* @static
* @private
*/
(function() {
YAHOO.namespace("util", "widget", "example");
/*global YAHOO_config*/
if ("undefined" !== typeof YAHOO_config) {
var l=YAHOO_config.listener,ls=YAHOO.env.listeners,unique=true,i;
if (l) {
// if YAHOO is loaded multiple times we need to check to see if
// this is a new config object. If it is, add the new component
// load listener to the stack
for (i=0;i-
*
- YAHOO.util.CustomEvent.LIST:
*
-
*
- param1: event name *
- param2: array of arguments sent to fire *
- param3:
a custom object supplied by the subscriber
*
* - YAHOO.util.CustomEvent.FLAT
*
-
*
- param1: the first argument passed to fire. If you need to * pass multiple parameters, use and array or object literal *
- param2:
a custom object supplied by the subscriber
*
*
The callback is executed with a single parameter: * the custom object parameter, if provided.
* * @method onAvailable * * @param {string||string[]} id the id of the element, or an array * of ids to look for. * @param {function} fn what to execute when the element is found. * @param {object} obj an optional object to be passed back as * a parameter to fn. * @param {boolean|object} overrideContext If set to true, fn will execute * in the context of obj, if set to an object it * will execute in the context of that object * @param checkContent {boolean} check child node readiness (onContentReady) * @static */ onAvailable: function(id, fn, obj, overrideContext, checkContent) { var a = (YAHOO.lang.isString(id)) ? [id] : id; for (var i=0; iThe callback is a CustomEvent, so the signature is:
*type <string>, args <array>, customobject <object>
*For DOMReady events, there are no fire argments, so the * signature is:
*"DOMReady", [], obj
* * * @method onDOMReady * * @param {function} fn what to execute when the element is found. * @param {object} obj an optional object to be passed back as * a parameter to fn. * @param {boolean|object} overrideContext If set to true, fn will execute * in the context of obj, if set to an object it * will execute in the context of that object * * @static */ onDOMReady: function(fn, obj, overrideContext) { if (this.DOMReady) { setTimeout(function() { var s = window; if (overrideContext) { if (overrideContext === true) { s = obj; } else { s = overrideContext; } } fn.call(s, "DOMReady", [], obj); }, 0); } else { this.DOMReadyEvent.subscribe(fn, obj, overrideContext); } }, /** * Appends an event handler * * @method _addListener * * @param {String|HTMLElement|Array|NodeList} el An id, an element * reference, or a collection of ids and/or elements to assign the * listener to. * @param {String} sType The type of event to append * @param {Function} fn The method the event invokes * @param {Object} obj An arbitrary object that will be * passed as a parameter to the handler * @param {Boolean|object} overrideContext If true, the obj passed in becomes * the execution context of the listener. If an * object, this object becomes the execution * context. * @param {boolen} capture capture or bubble phase * @return {Boolean} True if the action was successful or defered, * false if one or more of the elements * could not have the listener attached, * or if the operation throws an exception. * @private * @static */ _addListener: function(el, sType, fn, obj, overrideContext, bCapture) { if (!fn || !fn.call) { return false; } // The el argument can be an array of elements or element ids. if ( this._isValidCollection(el)) { var ok = true; for (var i=0,len=el.length; i-
*
- * scope: defines the default execution scope. If not defined * the default scope will be this instance. * *
- * silent: if true, the custom event will not generate log messages. * This is false by default. * *
- * onSubscribeCallback: specifies a callback to execute when the * event has a new subscriber. This will fire immediately for * each queued subscriber if any exist prior to the creation of * the event. * *
* In the U.S, Jan 1st is normally used based on a Sunday start of week. * ISO 8601, used widely throughout Europe, uses Jan 4th, based on a Monday start of week. *
* @property WEEK_ONE_JAN_DATE * @static * @type Number */ WEEK_ONE_JAN_DATE : 1, /** * Adds the specified amount of time to the this instance. * @method add * @param {Date} date The JavaScript Date object to perform addition on * @param {String} field The field constant to be used for performing addition. * @param {Number} amount The number of units (measured in the field constant) to add to the date. * @return {Date} The resulting Date object */ add : function(date, field, amount) { var d = new Date(date.getTime()); switch (field) { case this.MONTH: var newMonth = date.getMonth() + amount; var years = 0; if (newMonth < 0) { while (newMonth < 0) { newMonth += 12; years -= 1; } } else if (newMonth > 11) { while (newMonth > 11) { newMonth -= 12; years += 1; } } d.setMonth(newMonth); d.setFullYear(date.getFullYear() + years); break; case this.DAY: this._addDays(d, amount); // d.setDate(date.getDate() + amount); break; case this.YEAR: d.setFullYear(date.getFullYear() + amount); break; case this.WEEK: this._addDays(d, (amount * 7)); // d.setDate(date.getDate() + (amount * 7)); break; } return d; }, /** * Private helper method to account for bug in Safari 2 (webkit < 420) * when Date.setDate(n) is called with n less than -128 or greater than 127. ** Fix approach and original findings are available here: * http://brianary.blogspot.com/2006/03/safari-date-bug.html *
* @method _addDays * @param {Date} d JavaScript date object * @param {Number} nDays The number of days to add to the date object (can be negative) * @private */ _addDays : function(d, nDays) { if (YAHOO.env.ua.webkit && YAHOO.env.ua.webkit < 420) { if (nDays < 0) { // Ensure we don't go below -128 (getDate() is always 1 to 31, so we won't go above 127) for(var min = -128; nDays < min; nDays -= min) { d.setDate(d.getDate() + min); } } else { // Ensure we don't go above 96 + 31 = 127 for(var max = 96; nDays > max; nDays -= max) { d.setDate(d.getDate() + max); } } // nDays should be remainder between -128 and 96 } d.setDate(d.getDate() + nDays); }, /** * Subtracts the specified amount of time from the this instance. * @method subtract * @param {Date} date The JavaScript Date object to perform subtraction on * @param {Number} field The this field constant to be used for performing subtraction. * @param {Number} amount The number of units (measured in the field constant) to subtract from the date. * @return {Date} The resulting Date object */ subtract : function(date, field, amount) { return this.add(date, field, (amount*-1)); }, /** * Determines whether a given date is before another date on the calendar. * @method before * @param {Date} date The Date object to compare with the compare argument * @param {Date} compareTo The Date object to use for the comparison * @return {Boolean} true if the date occurs before the compared date; false if not. */ before : function(date, compareTo) { var ms = compareTo.getTime(); if (date.getTime() < ms) { return true; } else { return false; } }, /** * Determines whether a given date is after another date on the calendar. * @method after * @param {Date} date The Date object to compare with the compare argument * @param {Date} compareTo The Date object to use for the comparison * @return {Boolean} true if the date occurs after the compared date; false if not. */ after : function(date, compareTo) { var ms = compareTo.getTime(); if (date.getTime() > ms) { return true; } else { return false; } }, /** * Determines whether a given date is between two other dates on the calendar. * @method between * @param {Date} date The date to check for * @param {Date} dateBegin The start of the range * @param {Date} dateEnd The end of the range * @return {Boolean} true if the date occurs between the compared dates; false if not. */ between : function(date, dateBegin, dateEnd) { if (this.after(date, dateBegin) && this.before(date, dateEnd)) { return true; } else { return false; } }, /** * Retrieves a JavaScript Date object representing January 1 of any given year. * @method getJan1 * @param {Number} calendarYear The calendar year for which to retrieve January 1 * @return {Date} January 1 of the calendar year specified. */ getJan1 : function(calendarYear) { return this.getDate(calendarYear,0,1); }, /** * Calculates the number of days the specified date is from January 1 of the specified calendar year. * Passing January 1 to this function would return an offset value of zero. * @method getDayOffset * @param {Date} date The JavaScript date for which to find the offset * @param {Number} calendarYear The calendar year to use for determining the offset * @return {Number} The number of days since January 1 of the given year */ getDayOffset : function(date, calendarYear) { var beginYear = this.getJan1(calendarYear); // Find the start of the year. This will be in week 1. // Find the number of days the passed in date is away from the calendar year start var dayOffset = Math.ceil((date.getTime()-beginYear.getTime()) / this.ONE_DAY_MS); return dayOffset; }, /** * Calculates the week number for the given date. Can currently support standard * U.S. week numbers, based on Jan 1st defining the 1st week of the year, and * ISO8601 week numbers, based on Jan 4th defining the 1st week of the year. * * @method getWeekNumber * @param {Date} date The JavaScript date for which to find the week number * @param {Number} firstDayOfWeek The index of the first day of the week (0 = Sun, 1 = Mon ... 6 = Sat). * Defaults to 0 * @param {Number} janDate The date in the first week of January which defines week one for the year * Defaults to the value of YAHOO.widget.DateMath.WEEK_ONE_JAN_DATE, which is 1 (Jan 1st). * For the U.S, this is normally Jan 1st. ISO8601 uses Jan 4th to define the first week of the year. * * @return {Number} The number of the week containing the given date. */ getWeekNumber : function(date, firstDayOfWeek, janDate) { // Setup Defaults firstDayOfWeek = firstDayOfWeek || 0; janDate = janDate || this.WEEK_ONE_JAN_DATE; var targetDate = this.clearTime(date), startOfWeek, endOfWeek; if (targetDate.getDay() === firstDayOfWeek) { startOfWeek = targetDate; } else { startOfWeek = this.getFirstDayOfWeek(targetDate, firstDayOfWeek); } var startYear = startOfWeek.getFullYear(), startTime = startOfWeek.getTime(); // DST shouldn't be a problem here, math is quicker than setDate(); endOfWeek = new Date(startOfWeek.getTime() + 6*this.ONE_DAY_MS); var weekNum; if (startYear !== endOfWeek.getFullYear() && endOfWeek.getDate() >= janDate) { // If years don't match, endOfWeek is in Jan. and if the // week has WEEK_ONE_JAN_DATE in it, it's week one by definition. weekNum = 1; } else { // Get the 1st day of the 1st week, and // find how many days away we are from it. var weekOne = this.clearTime(this.getDate(startYear, 0, janDate)), weekOneDayOne = this.getFirstDayOfWeek(weekOne, firstDayOfWeek); // Round days to smoothen out 1 hr DST diff var daysDiff = Math.round((targetDate.getTime() - weekOneDayOne.getTime())/this.ONE_DAY_MS); // Calc. Full Weeks var rem = daysDiff % 7; var weeksDiff = (daysDiff - rem)/7; weekNum = weeksDiff + 1; } return weekNum; }, /** * Get the first day of the week, for the give date. * @param {Date} dt The date in the week for which the first day is required. * @param {Number} startOfWeek The index for the first day of the week, 0 = Sun, 1 = Mon ... 6 = Sat (defaults to 0) * @return {Date} The first day of the week */ getFirstDayOfWeek : function (dt, startOfWeek) { startOfWeek = startOfWeek || 0; var dayOfWeekIndex = dt.getDay(), dayOfWeek = (dayOfWeekIndex - startOfWeek + 7) % 7; return this.subtract(dt, this.DAY, dayOfWeek); }, /** * Determines if a given week overlaps two different years. * @method isYearOverlapWeek * @param {Date} weekBeginDate The JavaScript Date representing the first day of the week. * @return {Boolean} true if the date overlaps two different years. */ isYearOverlapWeek : function(weekBeginDate) { var overlaps = false; var nextWeek = this.add(weekBeginDate, this.DAY, 6); if (nextWeek.getFullYear() != weekBeginDate.getFullYear()) { overlaps = true; } return overlaps; }, /** * Determines if a given week overlaps two different months. * @method isMonthOverlapWeek * @param {Date} weekBeginDate The JavaScript Date representing the first day of the week. * @return {Boolean} true if the date overlaps two different months. */ isMonthOverlapWeek : function(weekBeginDate) { var overlaps = false; var nextWeek = this.add(weekBeginDate, this.DAY, 6); if (nextWeek.getMonth() != weekBeginDate.getMonth()) { overlaps = true; } return overlaps; }, /** * Gets the first day of a month containing a given date. * @method findMonthStart * @param {Date} date The JavaScript Date used to calculate the month start * @return {Date} The JavaScript Date representing the first day of the month */ findMonthStart : function(date) { var start = this.getDate(date.getFullYear(), date.getMonth(), 1); return start; }, /** * Gets the last day of a month containing a given date. * @method findMonthEnd * @param {Date} date The JavaScript Date used to calculate the month end * @return {Date} The JavaScript Date representing the last day of the month */ findMonthEnd : function(date) { var start = this.findMonthStart(date); var nextMonth = this.add(start, this.MONTH, 1); var end = this.subtract(nextMonth, this.DAY, 1); return end; }, /** * Clears the time fields from a given date, effectively setting the time to 12 noon. * @method clearTime * @param {Date} date The JavaScript Date for which the time fields will be cleared * @return {Date} The JavaScript Date cleared of all time fields */ clearTime : function(date) { date.setHours(12,0,0,0); return date; }, /** * Returns a new JavaScript Date object, representing the given year, month and date. Time fields (hr, min, sec, ms) on the new Date object * are set to 0. The method allows Date instances to be created with the a year less than 100. "new Date(year, month, date)" implementations * set the year to 19xx if a year (xx) which is less than 100 is provided. ** NOTE:Validation on argument values is not performed. It is the caller's responsibility to ensure * arguments are valid as per the ECMAScript-262 Date object specification for the new Date(year, month[, date]) constructor. *
* @method getDate * @param {Number} y Year. * @param {Number} m Month index from 0 (Jan) to 11 (Dec). * @param {Number} d (optional) Date from 1 to 31. If not provided, defaults to 1. * @return {Date} The JavaScript date object with year, month, date set as provided. */ getDate : function(y, m, d) { var dt = null; if (YAHOO.lang.isUndefined(d)) { d = 1; } if (y >= 100) { dt = new Date(y, m, d); } else { dt = new Date(); dt.setFullYear(y); dt.setMonth(m); dt.setDate(d); dt.setHours(0,0,0,0); } return dt; } }; /** * The Calendar component is a UI control that enables users to choose one or more dates from a graphical calendar presented in a one-month or * multi-month interface. Calendars are generated entirely via script and can be navigated without any page refreshes. * @module calendar * @title Calendar * @namespace YAHOO.widget * @requires yahoo,dom,event */ (function(){ var Dom = YAHOO.util.Dom, Event = YAHOO.util.Event, Lang = YAHOO.lang, DateMath = YAHOO.widget.DateMath; /** * Calendar is the base class for the Calendar widget. In its most basic * implementation, it has the ability to render a calendar widget on the page * that can be manipulated to select a single date, move back and forth between * months and years. *To construct the placeholder for the calendar widget, the code is as * follows: *
* NOTE: As of 2.4.0, the constructor's ID argument is optional. * The Calendar can be constructed by simply providing a container ID string, * or a reference to a container DIV HTMLElement (the element needs to exist * in the document). * * E.g.: *
* If not provided, the ID will be generated from the container DIV ID by adding an "_t" suffix. * For example if an ID is not provided, and the container's ID is "calContainer", the Calendar's ID will be set to "calContainer_t". *
* * @namespace YAHOO.widget * @class Calendar * @constructor * @param {String} id optional The id of the table element that will represent the Calendar widget. As of 2.4.0, this argument is optional. * @param {String | HTMLElement} container The id of the container div element that will wrap the Calendar table, or a reference to a DIV element which exists in the document. * @param {Object} config optional The configuration object containing the initial configuration values for the Calendar. */ function Calendar(id, containerId, config) { this.init.apply(this, arguments); } /** * The path to be used for images loaded for the Calendar * @property YAHOO.widget.Calendar.IMG_ROOT * @static * @deprecated You can now customize images by overriding the calclose, calnavleft and calnavright default CSS classes for the close icon, left arrow and right arrow respectively * @type String */ Calendar.IMG_ROOT = null; /** * Type constant used for renderers to represent an individual date (M/D/Y) * @property YAHOO.widget.Calendar.DATE * @static * @final * @type String */ Calendar.DATE = "D"; /** * Type constant used for renderers to represent an individual date across any year (M/D) * @property YAHOO.widget.Calendar.MONTH_DAY * @static * @final * @type String */ Calendar.MONTH_DAY = "MD"; /** * Type constant used for renderers to represent a weekday * @property YAHOO.widget.Calendar.WEEKDAY * @static * @final * @type String */ Calendar.WEEKDAY = "WD"; /** * Type constant used for renderers to represent a range of individual dates (M/D/Y-M/D/Y) * @property YAHOO.widget.Calendar.RANGE * @static * @final * @type String */ Calendar.RANGE = "R"; /** * Type constant used for renderers to represent a month across any year * @property YAHOO.widget.Calendar.MONTH * @static * @final * @type String */ Calendar.MONTH = "M"; /** * Constant that represents the total number of date cells that are displayed in a given month * @property YAHOO.widget.Calendar.DISPLAY_DAYS * @static * @final * @type Number */ Calendar.DISPLAY_DAYS = 42; /** * Constant used for halting the execution of the remainder of the render stack * @property YAHOO.widget.Calendar.STOP_RENDER * @static * @final * @type String */ Calendar.STOP_RENDER = "S"; /** * Constant used to represent short date field string formats (e.g. Tu or Feb) * @property YAHOO.widget.Calendar.SHORT * @static * @final * @type String */ Calendar.SHORT = "short"; /** * Constant used to represent long date field string formats (e.g. Monday or February) * @property YAHOO.widget.Calendar.LONG * @static * @final * @type String */ Calendar.LONG = "long"; /** * Constant used to represent medium date field string formats (e.g. Mon) * @property YAHOO.widget.Calendar.MEDIUM * @static * @final * @type String */ Calendar.MEDIUM = "medium"; /** * Constant used to represent single character date field string formats (e.g. M, T, W) * @property YAHOO.widget.Calendar.ONE_CHAR * @static * @final * @type String */ Calendar.ONE_CHAR = "1char"; /** * The set of default Config property keys and values for the Calendar * @property YAHOO.widget.Calendar._DEFAULT_CONFIG * @final * @static * @private * @type Object */ Calendar._DEFAULT_CONFIG = { // Default values for pagedate and selected are not class level constants - they are set during instance creation PAGEDATE : {key:"pagedate", value:null}, SELECTED : {key:"selected", value:null}, TITLE : {key:"title", value:""}, CLOSE : {key:"close", value:false}, IFRAME : {key:"iframe", value:(YAHOO.env.ua.ie && YAHOO.env.ua.ie <= 6) ? true : false}, MINDATE : {key:"mindate", value:null}, MAXDATE : {key:"maxdate", value:null}, MULTI_SELECT : {key:"multi_select", value:false}, START_WEEKDAY : {key:"start_weekday", value:0}, SHOW_WEEKDAYS : {key:"show_weekdays", value:true}, SHOW_WEEK_HEADER : {key:"show_week_header", value:false}, SHOW_WEEK_FOOTER : {key:"show_week_footer", value:false}, HIDE_BLANK_WEEKS : {key:"hide_blank_weeks", value:false}, NAV_ARROW_LEFT: {key:"nav_arrow_left", value:null} , NAV_ARROW_RIGHT : {key:"nav_arrow_right", value:null} , MONTHS_SHORT : {key:"months_short", value:["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]}, MONTHS_LONG: {key:"months_long", value:["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]}, WEEKDAYS_1CHAR: {key:"weekdays_1char", value:["S", "M", "T", "W", "T", "F", "S"]}, WEEKDAYS_SHORT: {key:"weekdays_short", value:["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"]}, WEEKDAYS_MEDIUM: {key:"weekdays_medium", value:["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]}, WEEKDAYS_LONG: {key:"weekdays_long", value:["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]}, LOCALE_MONTHS:{key:"locale_months", value:"long"}, LOCALE_WEEKDAYS:{key:"locale_weekdays", value:"short"}, DATE_DELIMITER:{key:"date_delimiter", value:","}, DATE_FIELD_DELIMITER:{key:"date_field_delimiter", value:"/"}, DATE_RANGE_DELIMITER:{key:"date_range_delimiter", value:"-"}, MY_MONTH_POSITION:{key:"my_month_position", value:1}, MY_YEAR_POSITION:{key:"my_year_position", value:2}, MD_MONTH_POSITION:{key:"md_month_position", value:1}, MD_DAY_POSITION:{key:"md_day_position", value:2}, MDY_MONTH_POSITION:{key:"mdy_month_position", value:1}, MDY_DAY_POSITION:{key:"mdy_day_position", value:2}, MDY_YEAR_POSITION:{key:"mdy_year_position", value:3}, MY_LABEL_MONTH_POSITION:{key:"my_label_month_position", value:1}, MY_LABEL_YEAR_POSITION:{key:"my_label_year_position", value:2}, MY_LABEL_MONTH_SUFFIX:{key:"my_label_month_suffix", value:" "}, MY_LABEL_YEAR_SUFFIX:{key:"my_label_year_suffix", value:""}, NAV: {key:"navigator", value: null}, STRINGS : { key:"strings", value: { previousMonth : "Previous Month", nextMonth : "Next Month", close: "Close" }, supercedes : ["close", "title"] } }; var DEF_CFG = Calendar._DEFAULT_CONFIG; /** * The set of Custom Event types supported by the Calendar * @property YAHOO.widget.Calendar._EVENT_TYPES * @final * @static * @private * @type Object */ Calendar._EVENT_TYPES = { BEFORE_SELECT : "beforeSelect", SELECT : "select", BEFORE_DESELECT : "beforeDeselect", DESELECT : "deselect", CHANGE_PAGE : "changePage", BEFORE_RENDER : "beforeRender", RENDER : "render", BEFORE_DESTROY : "beforeDestroy", DESTROY : "destroy", RESET : "reset", CLEAR : "clear", BEFORE_HIDE : "beforeHide", HIDE : "hide", BEFORE_SHOW : "beforeShow", SHOW : "show", BEFORE_HIDE_NAV : "beforeHideNav", HIDE_NAV : "hideNav", BEFORE_SHOW_NAV : "beforeShowNav", SHOW_NAV : "showNav", BEFORE_RENDER_NAV : "beforeRenderNav", RENDER_NAV : "renderNav" }; /** * The set of default style constants for the Calendar * @property YAHOO.widget.Calendar._STYLES * @final * @static * @private * @type Object */ Calendar._STYLES = { CSS_ROW_HEADER: "calrowhead", CSS_ROW_FOOTER: "calrowfoot", CSS_CELL : "calcell", CSS_CELL_SELECTOR : "selector", CSS_CELL_SELECTED : "selected", CSS_CELL_SELECTABLE : "selectable", CSS_CELL_RESTRICTED : "restricted", CSS_CELL_TODAY : "today", CSS_CELL_OOM : "oom", CSS_CELL_OOB : "previous", CSS_HEADER : "calheader", CSS_HEADER_TEXT : "calhead", CSS_BODY : "calbody", CSS_WEEKDAY_CELL : "calweekdaycell", CSS_WEEKDAY_ROW : "calweekdayrow", CSS_FOOTER : "calfoot", CSS_CALENDAR : "yui-calendar", CSS_SINGLE : "single", CSS_CONTAINER : "yui-calcontainer", CSS_NAV_LEFT : "calnavleft", CSS_NAV_RIGHT : "calnavright", CSS_NAV : "calnav", CSS_CLOSE : "calclose", CSS_CELL_TOP : "calcelltop", CSS_CELL_LEFT : "calcellleft", CSS_CELL_RIGHT : "calcellright", CSS_CELL_BOTTOM : "calcellbottom", CSS_CELL_HOVER : "calcellhover", CSS_CELL_HIGHLIGHT1 : "highlight1", CSS_CELL_HIGHLIGHT2 : "highlight2", CSS_CELL_HIGHLIGHT3 : "highlight3", CSS_CELL_HIGHLIGHT4 : "highlight4" }; Calendar.prototype = { /** * The configuration object used to set up the calendars various locale and style options. * @property Config * @private * @deprecated Configuration properties should be set by calling Calendar.cfg.setProperty. * @type Object */ Config : null, /** * The parent CalendarGroup, only to be set explicitly by the parent group * @property parent * @type CalendarGroup */ parent : null, /** * The index of this item in the parent group * @property index * @type Number */ index : -1, /** * The collection of calendar table cells * @property cells * @type HTMLTableCellElement[] */ cells : null, /** * The collection of calendar cell dates that is parallel to the cells collection. The array contains dates field arrays in the format of [YYYY, M, D]. * @property cellDates * @type Array[](Number[]) */ cellDates : null, /** * The id that uniquely identifies this Calendar. * @property id * @type String */ id : null, /** * The unique id associated with the Calendar's container * @property containerId * @type String */ containerId: null, /** * The DOM element reference that points to this calendar's container element. The calendar will be inserted into this element when the shell is rendered. * @property oDomContainer * @type HTMLElement */ oDomContainer : null, /** * A Date object representing today's date. * @property today * @type Date */ today : null, /** * The list of render functions, along with required parameters, used to render cells. * @property renderStack * @type Array[] */ renderStack : null, /** * A copy of the initial render functions created before rendering. * @property _renderStack * @private * @type Array */ _renderStack : null, /** * A reference to the CalendarNavigator instance created for this Calendar. * Will be null if the "navigator" configuration property has not been set * @property oNavigator * @type CalendarNavigator */ oNavigator : null, /** * The private list of initially selected dates. * @property _selectedDates * @private * @type Array */ _selectedDates : null, /** * A map of DOM event handlers to attach to cells associated with specific CSS class names * @property domEventMap * @type Object */ domEventMap : null, /** * Protected helper used to parse Calendar constructor/init arguments. * * As of 2.4.0, Calendar supports a simpler constructor * signature. This method reconciles arguments * received in the pre 2.4.0 and 2.4.0 formats. * * @protected * @method _parseArgs * @param {Array} Function "arguments" array * @return {Object} Object with id, container, config properties containing * the reconciled argument values. **/ _parseArgs : function(args) { /* 2.4.0 Constructors signatures new Calendar(String) new Calendar(HTMLElement) new Calendar(String, ConfigObject) new Calendar(HTMLElement, ConfigObject) Pre 2.4.0 Constructor signatures new Calendar(String, String) new Calendar(String, HTMLElement) new Calendar(String, String, ConfigObject) new Calendar(String, HTMLElement, ConfigObject) */ var nArgs = {id:null, container:null, config:null}; if (args && args.length && args.length > 0) { switch (args.length) { case 1: nArgs.id = null; nArgs.container = args[0]; nArgs.config = null; break; case 2: if (Lang.isObject(args[1]) && !args[1].tagName && !(args[1] instanceof String)) { nArgs.id = null; nArgs.container = args[0]; nArgs.config = args[1]; } else { nArgs.id = args[0]; nArgs.container = args[1]; nArgs.config = null; } break; default: // 3+ nArgs.id = args[0]; nArgs.container = args[1]; nArgs.config = args[2]; break; } } else { } return nArgs; }, /** * Initializes the Calendar widget. * @method init * * @param {String} id optional The id of the table element that will represent the Calendar widget. As of 2.4.0, this argument is optional. * @param {String | HTMLElement} container The id of the container div element that will wrap the Calendar table, or a reference to a DIV element which exists in the document. * @param {Object} config optional The configuration object containing the initial configuration values for the Calendar. */ init : function(id, container, config) { // Normalize 2.4.0, pre 2.4.0 args var nArgs = this._parseArgs(arguments); id = nArgs.id; container = nArgs.container; config = nArgs.config; this.oDomContainer = Dom.get(container); if (!this.oDomContainer.id) { this.oDomContainer.id = Dom.generateId(); } if (!id) { id = this.oDomContainer.id + "_t"; } this.id = id; this.containerId = this.oDomContainer.id; this.initEvents(); this.today = new Date(); DateMath.clearTime(this.today); /** * The Config object used to hold the configuration variables for the Calendar * @property cfg * @type YAHOO.util.Config */ this.cfg = new YAHOO.util.Config(this); /** * The local object which contains the Calendar's options * @property Options * @type Object */ this.Options = {}; /** * The local object which contains the Calendar's locale settings * @property Locale * @type Object */ this.Locale = {}; this.initStyles(); Dom.addClass(this.oDomContainer, this.Style.CSS_CONTAINER); Dom.addClass(this.oDomContainer, this.Style.CSS_SINGLE); this.cellDates = []; this.cells = []; this.renderStack = []; this._renderStack = []; this.setupConfig(); if (config) { this.cfg.applyConfig(config, true); } this.cfg.fireQueue(); }, /** * Default Config listener for the iframe property. If the iframe config property is set to true, * renders the built-in IFRAME shim if the container is relatively or absolutely positioned. * * @method configIframe */ configIframe : function(type, args, obj) { var useIframe = args[0]; if (!this.parent) { if (Dom.inDocument(this.oDomContainer)) { if (useIframe) { var pos = Dom.getStyle(this.oDomContainer, "position"); if (pos == "absolute" || pos == "relative") { if (!Dom.inDocument(this.iframe)) { this.iframe = document.createElement("iframe"); this.iframe.src = "javascript:false;"; Dom.setStyle(this.iframe, "opacity", "0"); if (YAHOO.env.ua.ie && YAHOO.env.ua.ie <= 6) { Dom.addClass(this.iframe, "fixedsize"); } this.oDomContainer.insertBefore(this.iframe, this.oDomContainer.firstChild); } } } else { if (this.iframe) { if (this.iframe.parentNode) { this.iframe.parentNode.removeChild(this.iframe); } this.iframe = null; } } } } }, /** * Default handler for the "title" property * @method configTitle */ configTitle : function(type, args, obj) { var title = args[0]; // "" disables title bar if (title) { this.createTitleBar(title); } else { var close = this.cfg.getProperty(DEF_CFG.CLOSE.key); if (!close) { this.removeTitleBar(); } else { this.createTitleBar(" "); } } }, /** * Default handler for the "close" property * @method configClose */ configClose : function(type, args, obj) { var close = args[0], title = this.cfg.getProperty(DEF_CFG.TITLE.key); if (close) { if (!title) { this.createTitleBar(" "); } this.createCloseButton(); } else { this.removeCloseButton(); if (!title) { this.removeTitleBar(); } } }, /** * Initializes Calendar's built-in CustomEvents * @method initEvents */ initEvents : function() { var defEvents = Calendar._EVENT_TYPES, CE = YAHOO.util.CustomEvent, cal = this; // To help with minification /** * Fired before a date selection is made * @event beforeSelectEvent */ cal.beforeSelectEvent = new CE(defEvents.BEFORE_SELECT); /** * Fired when a date selection is made * @event selectEvent * @param {Array} Array of Date field arrays in the format [YYYY, MM, DD]. */ cal.selectEvent = new CE(defEvents.SELECT); /** * Fired before a date or set of dates is deselected * @event beforeDeselectEvent */ cal.beforeDeselectEvent = new CE(defEvents.BEFORE_DESELECT); /** * Fired when a date or set of dates is deselected * @event deselectEvent * @param {Array} Array of Date field arrays in the format [YYYY, MM, DD]. */ cal.deselectEvent = new CE(defEvents.DESELECT); /** * Fired when the Calendar page is changed * @event changePageEvent */ cal.changePageEvent = new CE(defEvents.CHANGE_PAGE); /** * Fired before the Calendar is rendered * @event beforeRenderEvent */ cal.beforeRenderEvent = new CE(defEvents.BEFORE_RENDER); /** * Fired when the Calendar is rendered * @event renderEvent */ cal.renderEvent = new CE(defEvents.RENDER); /** * Fired just before the Calendar is to be destroyed * @event beforeDestroyEvent */ cal.beforeDestroyEvent = new CE(defEvents.BEFORE_DESTROY); /** * Fired after the Calendar is destroyed. This event should be used * for notification only. When this event is fired, important Calendar instance * properties, dom references and event listeners have already been * removed/dereferenced, and hence the Calendar instance is not in a usable * state. * * @event destroyEvent */ cal.destroyEvent = new CE(defEvents.DESTROY); /** * Fired when the Calendar is reset * @event resetEvent */ cal.resetEvent = new CE(defEvents.RESET); /** * Fired when the Calendar is cleared * @event clearEvent */ cal.clearEvent = new CE(defEvents.CLEAR); /** * Fired just before the Calendar is to be shown * @event beforeShowEvent */ cal.beforeShowEvent = new CE(defEvents.BEFORE_SHOW); /** * Fired after the Calendar is shown * @event showEvent */ cal.showEvent = new CE(defEvents.SHOW); /** * Fired just before the Calendar is to be hidden * @event beforeHideEvent */ cal.beforeHideEvent = new CE(defEvents.BEFORE_HIDE); /** * Fired after the Calendar is hidden * @event hideEvent */ cal.hideEvent = new CE(defEvents.HIDE); /** * Fired just before the CalendarNavigator is to be shown * @event beforeShowNavEvent */ cal.beforeShowNavEvent = new CE(defEvents.BEFORE_SHOW_NAV); /** * Fired after the CalendarNavigator is shown * @event showNavEvent */ cal.showNavEvent = new CE(defEvents.SHOW_NAV); /** * Fired just before the CalendarNavigator is to be hidden * @event beforeHideNavEvent */ cal.beforeHideNavEvent = new CE(defEvents.BEFORE_HIDE_NAV); /** * Fired after the CalendarNavigator is hidden * @event hideNavEvent */ cal.hideNavEvent = new CE(defEvents.HIDE_NAV); /** * Fired just before the CalendarNavigator is to be rendered * @event beforeRenderNavEvent */ cal.beforeRenderNavEvent = new CE(defEvents.BEFORE_RENDER_NAV); /** * Fired after the CalendarNavigator is rendered * @event renderNavEvent */ cal.renderNavEvent = new CE(defEvents.RENDER_NAV); cal.beforeSelectEvent.subscribe(cal.onBeforeSelect, this, true); cal.selectEvent.subscribe(cal.onSelect, this, true); cal.beforeDeselectEvent.subscribe(cal.onBeforeDeselect, this, true); cal.deselectEvent.subscribe(cal.onDeselect, this, true); cal.changePageEvent.subscribe(cal.onChangePage, this, true); cal.renderEvent.subscribe(cal.onRender, this, true); cal.resetEvent.subscribe(cal.onReset, this, true); cal.clearEvent.subscribe(cal.onClear, this, true); }, /** * The default event handler for clicks on the "Previous Month" navigation UI * * @method doPreviousMonthNav * @param {DOMEvent} e The DOM event * @param {Calendar} cal A reference to the calendar */ doPreviousMonthNav : function(e, cal) { Event.preventDefault(e); // previousMonth invoked in a timeout, to allow // event to bubble up, with correct target. Calling // previousMonth, will call render which will remove // HTML which generated the event, resulting in an // invalid event target in certain browsers. setTimeout(function() { cal.previousMonth(); var navs = Dom.getElementsByClassName(cal.Style.CSS_NAV_LEFT, "a", cal.oDomContainer); if (navs && navs[0]) { try { navs[0].focus(); } catch (e) { // ignore } } }, 0); }, /** * The default event handler for clicks on the "Next Month" navigation UI * * @method doNextMonthNav * @param {DOMEvent} e The DOM event * @param {Calendar} cal A reference to the calendar */ doNextMonthNav : function(e, cal) { Event.preventDefault(e); setTimeout(function() { cal.nextMonth(); var navs = Dom.getElementsByClassName(cal.Style.CSS_NAV_RIGHT, "a", cal.oDomContainer); if (navs && navs[0]) { try { navs[0].focus(); } catch (e) { // ignore } } }, 0); }, /** * The default event handler for date cell selection. Currently attached to * the Calendar's bounding box, referenced by it's oDomContainer property. * * @method doSelectCell * @param {DOMEvent} e The DOM event * @param {Calendar} cal A reference to the calendar */ doSelectCell : function(e, cal) { var cell, d, date, index; var target = Event.getTarget(e), tagName = target.tagName.toLowerCase(), defSelector = false; while (tagName != "td" && !Dom.hasClass(target, cal.Style.CSS_CELL_SELECTABLE)) { if (!defSelector && tagName == "a" && Dom.hasClass(target, cal.Style.CSS_CELL_SELECTOR)) { defSelector = true; } target = target.parentNode; tagName = target.tagName.toLowerCase(); if (target == this.oDomContainer || tagName == "html") { return; } } if (defSelector) { // Stop link href navigation for default renderer Event.preventDefault(e); } cell = target; if (Dom.hasClass(cell, cal.Style.CSS_CELL_SELECTABLE)) { index = cal.getIndexFromId(cell.id); if (index > -1) { d = cal.cellDates[index]; if (d) { date = DateMath.getDate(d[0],d[1]-1,d[2]); var link; if (cal.Options.MULTI_SELECT) { link = cell.getElementsByTagName("a")[0]; if (link) { link.blur(); } var cellDate = cal.cellDates[index]; var cellDateIndex = cal._indexOfSelectedFieldArray(cellDate); if (cellDateIndex > -1) { cal.deselectCell(index); } else { cal.selectCell(index); } } else { link = cell.getElementsByTagName("a")[0]; if (link) { link.blur(); } cal.selectCell(index); } } } } }, /** * The event that is executed when the user hovers over a cell * @method doCellMouseOver * @param {DOMEvent} e The event * @param {Calendar} cal A reference to the calendar passed by the Event utility */ doCellMouseOver : function(e, cal) { var target; if (e) { target = Event.getTarget(e); } else { target = this; } while (target.tagName && target.tagName.toLowerCase() != "td") { target = target.parentNode; if (!target.tagName || target.tagName.toLowerCase() == "html") { return; } } if (Dom.hasClass(target, cal.Style.CSS_CELL_SELECTABLE)) { Dom.addClass(target, cal.Style.CSS_CELL_HOVER); } }, /** * The event that is executed when the user moves the mouse out of a cell * @method doCellMouseOut * @param {DOMEvent} e The event * @param {Calendar} cal A reference to the calendar passed by the Event utility */ doCellMouseOut : function(e, cal) { var target; if (e) { target = Event.getTarget(e); } else { target = this; } while (target.tagName && target.tagName.toLowerCase() != "td") { target = target.parentNode; if (!target.tagName || target.tagName.toLowerCase() == "html") { return; } } if (Dom.hasClass(target, cal.Style.CSS_CELL_SELECTABLE)) { Dom.removeClass(target, cal.Style.CSS_CELL_HOVER); } }, setupConfig : function() { var cfg = this.cfg; /** * The month/year representing the current visible Calendar date (mm/yyyy) * @config pagedate * @type String | Date * @default today's date */ cfg.addProperty(DEF_CFG.PAGEDATE.key, { value:new Date(), handler:this.configPageDate } ); /** * The date or range of dates representing the current Calendar selection * @config selected * @type String * @default [] */ cfg.addProperty(DEF_CFG.SELECTED.key, { value:[], handler:this.configSelected } ); /** * The title to display above the Calendar's month header * @config title * @type String * @default "" */ cfg.addProperty(DEF_CFG.TITLE.key, { value:DEF_CFG.TITLE.value, handler:this.configTitle } ); /** * Whether or not a close button should be displayed for this Calendar * @config close * @type Boolean * @default false */ cfg.addProperty(DEF_CFG.CLOSE.key, { value:DEF_CFG.CLOSE.value, handler:this.configClose } ); /** * Whether or not an iframe shim should be placed under the Calendar to prevent select boxes from bleeding through in Internet Explorer 6 and below. * This property is enabled by default for IE6 and below. It is disabled by default for other browsers for performance reasons, but can be * enabled if required. * * @config iframe * @type Boolean * @default true for IE6 and below, false for all other browsers */ cfg.addProperty(DEF_CFG.IFRAME.key, { value:DEF_CFG.IFRAME.value, handler:this.configIframe, validator:cfg.checkBoolean } ); /** * The minimum selectable date in the current Calendar (mm/dd/yyyy) * @config mindate * @type String | Date * @default null */ cfg.addProperty(DEF_CFG.MINDATE.key, { value:DEF_CFG.MINDATE.value, handler:this.configMinDate } ); /** * The maximum selectable date in the current Calendar (mm/dd/yyyy) * @config maxdate * @type String | Date * @default null */ cfg.addProperty(DEF_CFG.MAXDATE.key, { value:DEF_CFG.MAXDATE.value, handler:this.configMaxDate } ); // Options properties /** * True if the Calendar should allow multiple selections. False by default. * @config MULTI_SELECT * @type Boolean * @default false */ cfg.addProperty(DEF_CFG.MULTI_SELECT.key, { value:DEF_CFG.MULTI_SELECT.value, handler:this.configOptions, validator:cfg.checkBoolean } ); /** * The weekday the week begins on. Default is 0 (Sunday = 0, Monday = 1 ... Saturday = 6). * @config START_WEEKDAY * @type number * @default 0 */ cfg.addProperty(DEF_CFG.START_WEEKDAY.key, { value:DEF_CFG.START_WEEKDAY.value, handler:this.configOptions, validator:cfg.checkNumber } ); /** * True if the Calendar should show weekday labels. True by default. * @config SHOW_WEEKDAYS * @type Boolean * @default true */ cfg.addProperty(DEF_CFG.SHOW_WEEKDAYS.key, { value:DEF_CFG.SHOW_WEEKDAYS.value, handler:this.configOptions, validator:cfg.checkBoolean } ); /** * True if the Calendar should show week row headers. False by default. * @config SHOW_WEEK_HEADER * @type Boolean * @default false */ cfg.addProperty(DEF_CFG.SHOW_WEEK_HEADER.key, { value:DEF_CFG.SHOW_WEEK_HEADER.value, handler:this.configOptions, validator:cfg.checkBoolean } ); /** * True if the Calendar should show week row footers. False by default. * @config SHOW_WEEK_FOOTER * @type Boolean * @default false */ cfg.addProperty(DEF_CFG.SHOW_WEEK_FOOTER.key,{ value:DEF_CFG.SHOW_WEEK_FOOTER.value, handler:this.configOptions, validator:cfg.checkBoolean } ); /** * True if the Calendar should suppress weeks that are not a part of the current month. False by default. * @config HIDE_BLANK_WEEKS * @type Boolean * @default false */ cfg.addProperty(DEF_CFG.HIDE_BLANK_WEEKS.key, { value:DEF_CFG.HIDE_BLANK_WEEKS.value, handler:this.configOptions, validator:cfg.checkBoolean } ); /** * The image that should be used for the left navigation arrow. * @config NAV_ARROW_LEFT * @type String * @deprecated You can customize the image by overriding the default CSS class for the left arrow - "calnavleft" * @default null */ cfg.addProperty(DEF_CFG.NAV_ARROW_LEFT.key, { value:DEF_CFG.NAV_ARROW_LEFT.value, handler:this.configOptions } ); /** * The image that should be used for the right navigation arrow. * @config NAV_ARROW_RIGHT * @type String * @deprecated You can customize the image by overriding the default CSS class for the right arrow - "calnavright" * @default null */ cfg.addProperty(DEF_CFG.NAV_ARROW_RIGHT.key, { value:DEF_CFG.NAV_ARROW_RIGHT.value, handler:this.configOptions } ); // Locale properties /** * The short month labels for the current locale. * @config MONTHS_SHORT * @type String[] * @default ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"] */ cfg.addProperty(DEF_CFG.MONTHS_SHORT.key, { value:DEF_CFG.MONTHS_SHORT.value, handler:this.configLocale } ); /** * The long month labels for the current locale. * @config MONTHS_LONG * @type String[] * @default ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" */ cfg.addProperty(DEF_CFG.MONTHS_LONG.key, { value:DEF_CFG.MONTHS_LONG.value, handler:this.configLocale } ); /** * The 1-character weekday labels for the current locale. * @config WEEKDAYS_1CHAR * @type String[] * @default ["S", "M", "T", "W", "T", "F", "S"] */ cfg.addProperty(DEF_CFG.WEEKDAYS_1CHAR.key, { value:DEF_CFG.WEEKDAYS_1CHAR.value, handler:this.configLocale } ); /** * The short weekday labels for the current locale. * @config WEEKDAYS_SHORT * @type String[] * @default ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"] */ cfg.addProperty(DEF_CFG.WEEKDAYS_SHORT.key, { value:DEF_CFG.WEEKDAYS_SHORT.value, handler:this.configLocale } ); /** * The medium weekday labels for the current locale. * @config WEEKDAYS_MEDIUM * @type String[] * @default ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"] */ cfg.addProperty(DEF_CFG.WEEKDAYS_MEDIUM.key, { value:DEF_CFG.WEEKDAYS_MEDIUM.value, handler:this.configLocale } ); /** * The long weekday labels for the current locale. * @config WEEKDAYS_LONG * @type String[] * @default ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"] */ cfg.addProperty(DEF_CFG.WEEKDAYS_LONG.key, { value:DEF_CFG.WEEKDAYS_LONG.value, handler:this.configLocale } ); /** * Refreshes the locale values used to build the Calendar. * @method refreshLocale * @private */ var refreshLocale = function() { cfg.refireEvent(DEF_CFG.LOCALE_MONTHS.key); cfg.refireEvent(DEF_CFG.LOCALE_WEEKDAYS.key); }; cfg.subscribeToConfigEvent(DEF_CFG.START_WEEKDAY.key, refreshLocale, this, true); cfg.subscribeToConfigEvent(DEF_CFG.MONTHS_SHORT.key, refreshLocale, this, true); cfg.subscribeToConfigEvent(DEF_CFG.MONTHS_LONG.key, refreshLocale, this, true); cfg.subscribeToConfigEvent(DEF_CFG.WEEKDAYS_1CHAR.key, refreshLocale, this, true); cfg.subscribeToConfigEvent(DEF_CFG.WEEKDAYS_SHORT.key, refreshLocale, this, true); cfg.subscribeToConfigEvent(DEF_CFG.WEEKDAYS_MEDIUM.key, refreshLocale, this, true); cfg.subscribeToConfigEvent(DEF_CFG.WEEKDAYS_LONG.key, refreshLocale, this, true); /** * The setting that determines which length of month labels should be used. Possible values are "short" and "long". * @config LOCALE_MONTHS * @type String * @default "long" */ cfg.addProperty(DEF_CFG.LOCALE_MONTHS.key, { value:DEF_CFG.LOCALE_MONTHS.value, handler:this.configLocaleValues } ); /** * The setting that determines which length of weekday labels should be used. Possible values are "1char", "short", "medium", and "long". * @config LOCALE_WEEKDAYS * @type String * @default "short" */ cfg.addProperty(DEF_CFG.LOCALE_WEEKDAYS.key, { value:DEF_CFG.LOCALE_WEEKDAYS.value, handler:this.configLocaleValues } ); /** * The value used to delimit individual dates in a date string passed to various Calendar functions. * @config DATE_DELIMITER * @type String * @default "," */ cfg.addProperty(DEF_CFG.DATE_DELIMITER.key, { value:DEF_CFG.DATE_DELIMITER.value, handler:this.configLocale } ); /** * The value used to delimit date fields in a date string passed to various Calendar functions. * @config DATE_FIELD_DELIMITER * @type String * @default "/" */ cfg.addProperty(DEF_CFG.DATE_FIELD_DELIMITER.key, { value:DEF_CFG.DATE_FIELD_DELIMITER.value, handler:this.configLocale } ); /** * The value used to delimit date ranges in a date string passed to various Calendar functions. * @config DATE_RANGE_DELIMITER * @type String * @default "-" */ cfg.addProperty(DEF_CFG.DATE_RANGE_DELIMITER.key, { value:DEF_CFG.DATE_RANGE_DELIMITER.value, handler:this.configLocale } ); /** * The position of the month in a month/year date string * @config MY_MONTH_POSITION * @type Number * @default 1 */ cfg.addProperty(DEF_CFG.MY_MONTH_POSITION.key, { value:DEF_CFG.MY_MONTH_POSITION.value, handler:this.configLocale, validator:cfg.checkNumber } ); /** * The position of the year in a month/year date string * @config MY_YEAR_POSITION * @type Number * @default 2 */ cfg.addProperty(DEF_CFG.MY_YEAR_POSITION.key, { value:DEF_CFG.MY_YEAR_POSITION.value, handler:this.configLocale, validator:cfg.checkNumber } ); /** * The position of the month in a month/day date string * @config MD_MONTH_POSITION * @type Number * @default 1 */ cfg.addProperty(DEF_CFG.MD_MONTH_POSITION.key, { value:DEF_CFG.MD_MONTH_POSITION.value, handler:this.configLocale, validator:cfg.checkNumber } ); /** * The position of the day in a month/year date string * @config MD_DAY_POSITION * @type Number * @default 2 */ cfg.addProperty(DEF_CFG.MD_DAY_POSITION.key, { value:DEF_CFG.MD_DAY_POSITION.value, handler:this.configLocale, validator:cfg.checkNumber } ); /** * The position of the month in a month/day/year date string * @config MDY_MONTH_POSITION * @type Number * @default 1 */ cfg.addProperty(DEF_CFG.MDY_MONTH_POSITION.key, { value:DEF_CFG.MDY_MONTH_POSITION.value, handler:this.configLocale, validator:cfg.checkNumber } ); /** * The position of the day in a month/day/year date string * @config MDY_DAY_POSITION * @type Number * @default 2 */ cfg.addProperty(DEF_CFG.MDY_DAY_POSITION.key, { value:DEF_CFG.MDY_DAY_POSITION.value, handler:this.configLocale, validator:cfg.checkNumber } ); /** * The position of the year in a month/day/year date string * @config MDY_YEAR_POSITION * @type Number * @default 3 */ cfg.addProperty(DEF_CFG.MDY_YEAR_POSITION.key, { value:DEF_CFG.MDY_YEAR_POSITION.value, handler:this.configLocale, validator:cfg.checkNumber } ); /** * The position of the month in the month year label string used as the Calendar header * @config MY_LABEL_MONTH_POSITION * @type Number * @default 1 */ cfg.addProperty(DEF_CFG.MY_LABEL_MONTH_POSITION.key, { value:DEF_CFG.MY_LABEL_MONTH_POSITION.value, handler:this.configLocale, validator:cfg.checkNumber } ); /** * The position of the year in the month year label string used as the Calendar header * @config MY_LABEL_YEAR_POSITION * @type Number * @default 2 */ cfg.addProperty(DEF_CFG.MY_LABEL_YEAR_POSITION.key, { value:DEF_CFG.MY_LABEL_YEAR_POSITION.value, handler:this.configLocale, validator:cfg.checkNumber } ); /** * The suffix used after the month when rendering the Calendar header * @config MY_LABEL_MONTH_SUFFIX * @type String * @default " " */ cfg.addProperty(DEF_CFG.MY_LABEL_MONTH_SUFFIX.key, { value:DEF_CFG.MY_LABEL_MONTH_SUFFIX.value, handler:this.configLocale } ); /** * The suffix used after the year when rendering the Calendar header * @config MY_LABEL_YEAR_SUFFIX * @type String * @default "" */ cfg.addProperty(DEF_CFG.MY_LABEL_YEAR_SUFFIX.key, { value:DEF_CFG.MY_LABEL_YEAR_SUFFIX.value, handler:this.configLocale } ); /** * Configuration for the Month/Year CalendarNavigator UI which allows the user to jump directly to a * specific Month/Year without having to scroll sequentially through months. ** Setting this property to null (default value) or false, will disable the CalendarNavigator UI. *
** Setting this property to true will enable the CalendarNavigatior UI with the default CalendarNavigator configuration values. *
** This property can also be set to an object literal containing configuration properties for the CalendarNavigator UI. * The configuration object expects the the following case-sensitive properties, with the "strings" property being a nested object. * Any properties which are not provided will use the default values (defined in the CalendarNavigator class). *
*-
*
- strings *
- Object : An object with the properties shown below, defining the string labels to use in the Navigator's UI
*
-
*
- month
- String : The string to use for the month label. Defaults to "Month". *
- year
- String : The string to use for the year label. Defaults to "Year". *
- submit
- String : The string to use for the submit button label. Defaults to "Okay". *
- cancel
- String : The string to use for the cancel button label. Defaults to "Cancel". *
- invalidYear
- String : The string to use for invalid year values. Defaults to "Year needs to be a number". *
* - monthFormat
- String : The month format to use. Either YAHOO.widget.Calendar.LONG, or YAHOO.widget.Calendar.SHORT. Defaults to YAHOO.widget.Calendar.LONG *
- initialFocus
- String : Either "year" or "month" specifying which input control should get initial focus. Defaults to "year" *
E.g.
*
* var navConfig = {
* strings: {
* month:"Calendar Month",
* year:"Calendar Year",
* submit: "Submit",
* cancel: "Cancel",
* invalidYear: "Please enter a valid year"
* },
* monthFormat: YAHOO.widget.Calendar.SHORT,
* initialFocus: "month"
* }
*
* @config navigator
* @type {Object|Boolean}
* @default null
*/
cfg.addProperty(DEF_CFG.NAV.key, { value:DEF_CFG.NAV.value, handler:this.configNavigator } );
/**
* The map of UI strings which the Calendar UI uses.
*
* @config strings
* @type {Object}
* @default An object with the properties shown below:
* -
*
- previousMonth
- String : The string to use for the "Previous Month" navigation UI. Defaults to "Previous Month". *
- nextMonth
- String : The string to use for the "Next Month" navigation UI. Defaults to "Next Month". *
- close
- String : The string to use for the close button label. Defaults to "Close". *
* The returned index can be used to lookup the cell HTMLElement * using the Calendar's cells array or passed to selectCell to select * cells by index. *
* * See cells, selectCell. * * @method getCellIndex * @param {Date} date JavaScript Date object, for which to find a cell index. * @return {Number} The index of the date in Calendars cellDates/cells arrays, or -1 if the date * is not on the curently rendered Calendar page. */ getCellIndex : function(date) { var idx = -1; if (date) { var m = date.getMonth(), y = date.getFullYear(), d = date.getDate(), dates = this.cellDates; for (var i = 0; i < dates.length; ++i) { var cellDate = dates[i]; if (cellDate[0] === y && cellDate[1] === m+1 && cellDate[2] === d) { idx = i; break; } } } return idx; }, /** * Given the id used to mark each Calendar cell, this method * extracts the index number from the id. * * @param {String} strId The cell id * @return {Number} The index of the cell, or -1 if id does not contain an index number */ getIndexFromId : function(strId) { var idx = -1, li = strId.lastIndexOf("_cell"); if (li > -1) { idx = parseInt(strId.substring(li + 5), 10); } return idx; }, // BEGIN BUILT-IN TABLE CELL RENDERERS /** * Renders a cell that falls before the minimum date or after the maximum date. * widget class. * @method renderOutOfBoundsDate * @param {Date} workingDate The current working Date object being used to generate the calendar * @param {HTMLTableCellElement} cell The current working cell in the calendar * @return {String} YAHOO.widget.Calendar.STOP_RENDER if rendering should stop with this style, null or nothing if rendering * should not be terminated */ renderOutOfBoundsDate : function(workingDate, cell) { Dom.addClass(cell, this.Style.CSS_CELL_OOB); cell.innerHTML = workingDate.getDate(); return Calendar.STOP_RENDER; }, /** * Renders the row header for a week. * @method renderRowHeader * @param {Number} weekNum The week number of the current row * @param {Array} cell The current working HTML array */ renderRowHeader : function(weekNum, html) { html[html.length] = '* NOTE: As of 2.4.0, the constructor's ID argument is optional. * The CalendarGroup can be constructed by simply providing a container ID string, * or a reference to a container DIV HTMLElement (the element needs to exist * in the document). * * E.g.: *
* If not provided, the ID will be generated from the container DIV ID by adding an "_t" suffix. * For example if an ID is not provided, and the container's ID is "calContainer", the CalendarGroup's ID will be set to "calContainer_t". *
* * @namespace YAHOO.widget * @class CalendarGroup * @constructor * @param {String} id optional The id of the table element that will represent the CalendarGroup widget. As of 2.4.0, this argument is optional. * @param {String | HTMLElement} container The id of the container div element that will wrap the CalendarGroup table, or a reference to a DIV element which exists in the document. * @param {Object} config optional The configuration object containing the initial configuration values for the CalendarGroup. */ function CalendarGroup(id, containerId, config) { if (arguments.length > 0) { this.init.apply(this, arguments); } } /** * The set of default Config property keys and values for the CalendarGroup * @property YAHOO.widget.CalendarGroup._DEFAULT_CONFIG * @final * @static * @private * @type Object */ CalendarGroup._DEFAULT_CONFIG = Calendar._DEFAULT_CONFIG; CalendarGroup._DEFAULT_CONFIG.PAGES = {key:"pages", value:2}; var DEF_CFG = CalendarGroup._DEFAULT_CONFIG; CalendarGroup.prototype = { /** * Initializes the calendar group. All subclasses must call this method in order for the * group to be initialized properly. * @method init * @param {String} id optional The id of the table element that will represent the CalendarGroup widget. As of 2.4.0, this argument is optional. * @param {String | HTMLElement} container The id of the container div element that will wrap the CalendarGroup table, or a reference to a DIV element which exists in the document. * @param {Object} config optional The configuration object containing the initial configuration values for the CalendarGroup. */ init : function(id, container, config) { // Normalize 2.4.0, pre 2.4.0 args var nArgs = this._parseArgs(arguments); id = nArgs.id; container = nArgs.container; config = nArgs.config; this.oDomContainer = Dom.get(container); if (!this.oDomContainer.id) { this.oDomContainer.id = Dom.generateId(); } if (!id) { id = this.oDomContainer.id + "_t"; } /** * The unique id associated with the CalendarGroup * @property id * @type String */ this.id = id; /** * The unique id associated with the CalendarGroup container * @property containerId * @type String */ this.containerId = this.oDomContainer.id; this.initEvents(); this.initStyles(); /** * The collection of Calendar pages contained within the CalendarGroup * @property pages * @type YAHOO.widget.Calendar[] */ this.pages = []; Dom.addClass(this.oDomContainer, CalendarGroup.CSS_CONTAINER); Dom.addClass(this.oDomContainer, CalendarGroup.CSS_MULTI_UP); /** * The Config object used to hold the configuration variables for the CalendarGroup * @property cfg * @type YAHOO.util.Config */ this.cfg = new YAHOO.util.Config(this); /** * The local object which contains the CalendarGroup's options * @property Options * @type Object */ this.Options = {}; /** * The local object which contains the CalendarGroup's locale settings * @property Locale * @type Object */ this.Locale = {}; this.setupConfig(); if (config) { this.cfg.applyConfig(config, true); } this.cfg.fireQueue(); // OPERA HACK FOR MISWRAPPED FLOATS if (YAHOO.env.ua.opera){ this.renderEvent.subscribe(this._fixWidth, this, true); this.showEvent.subscribe(this._fixWidth, this, true); } }, setupConfig : function() { var cfg = this.cfg; /** * The number of pages to include in the CalendarGroup. This value can only be set once, in the CalendarGroup's constructor arguments. * @config pages * @type Number * @default 2 */ cfg.addProperty(DEF_CFG.PAGES.key, { value:DEF_CFG.PAGES.value, validator:cfg.checkNumber, handler:this.configPages } ); /** * The month/year representing the current visible Calendar date (mm/yyyy) * @config pagedate * @type String | Date * @default today's date */ cfg.addProperty(DEF_CFG.PAGEDATE.key, { value:new Date(), handler:this.configPageDate } ); /** * The date or range of dates representing the current Calendar selection * * @config selected * @type String * @default [] */ cfg.addProperty(DEF_CFG.SELECTED.key, { value:[], handler:this.configSelected } ); /** * The title to display above the CalendarGroup's month header * @config title * @type String * @default "" */ cfg.addProperty(DEF_CFG.TITLE.key, { value:DEF_CFG.TITLE.value, handler:this.configTitle } ); /** * Whether or not a close button should be displayed for this CalendarGroup * @config close * @type Boolean * @default false */ cfg.addProperty(DEF_CFG.CLOSE.key, { value:DEF_CFG.CLOSE.value, handler:this.configClose } ); /** * Whether or not an iframe shim should be placed under the Calendar to prevent select boxes from bleeding through in Internet Explorer 6 and below. * This property is enabled by default for IE6 and below. It is disabled by default for other browsers for performance reasons, but can be * enabled if required. * * @config iframe * @type Boolean * @default true for IE6 and below, false for all other browsers */ cfg.addProperty(DEF_CFG.IFRAME.key, { value:DEF_CFG.IFRAME.value, handler:this.configIframe, validator:cfg.checkBoolean } ); /** * The minimum selectable date in the current Calendar (mm/dd/yyyy) * @config mindate * @type String | Date * @default null */ cfg.addProperty(DEF_CFG.MINDATE.key, { value:DEF_CFG.MINDATE.value, handler:this.delegateConfig } ); /** * The maximum selectable date in the current Calendar (mm/dd/yyyy) * @config maxdate * @type String | Date * @default null */ cfg.addProperty(DEF_CFG.MAXDATE.key, { value:DEF_CFG.MAXDATE.value, handler:this.delegateConfig } ); // Options properties /** * True if the Calendar should allow multiple selections. False by default. * @config MULTI_SELECT * @type Boolean * @default false */ cfg.addProperty(DEF_CFG.MULTI_SELECT.key, { value:DEF_CFG.MULTI_SELECT.value, handler:this.delegateConfig, validator:cfg.checkBoolean } ); /** * The weekday the week begins on. Default is 0 (Sunday). * @config START_WEEKDAY * @type number * @default 0 */ cfg.addProperty(DEF_CFG.START_WEEKDAY.key, { value:DEF_CFG.START_WEEKDAY.value, handler:this.delegateConfig, validator:cfg.checkNumber } ); /** * True if the Calendar should show weekday labels. True by default. * @config SHOW_WEEKDAYS * @type Boolean * @default true */ cfg.addProperty(DEF_CFG.SHOW_WEEKDAYS.key, { value:DEF_CFG.SHOW_WEEKDAYS.value, handler:this.delegateConfig, validator:cfg.checkBoolean } ); /** * True if the Calendar should show week row headers. False by default. * @config SHOW_WEEK_HEADER * @type Boolean * @default false */ cfg.addProperty(DEF_CFG.SHOW_WEEK_HEADER.key,{ value:DEF_CFG.SHOW_WEEK_HEADER.value, handler:this.delegateConfig, validator:cfg.checkBoolean } ); /** * True if the Calendar should show week row footers. False by default. * @config SHOW_WEEK_FOOTER * @type Boolean * @default false */ cfg.addProperty(DEF_CFG.SHOW_WEEK_FOOTER.key,{ value:DEF_CFG.SHOW_WEEK_FOOTER.value, handler:this.delegateConfig, validator:cfg.checkBoolean } ); /** * True if the Calendar should suppress weeks that are not a part of the current month. False by default. * @config HIDE_BLANK_WEEKS * @type Boolean * @default false */ cfg.addProperty(DEF_CFG.HIDE_BLANK_WEEKS.key,{ value:DEF_CFG.HIDE_BLANK_WEEKS.value, handler:this.delegateConfig, validator:cfg.checkBoolean } ); /** * The image that should be used for the left navigation arrow. * @config NAV_ARROW_LEFT * @type String * @deprecated You can customize the image by overriding the default CSS class for the left arrow - "calnavleft" * @default null */ cfg.addProperty(DEF_CFG.NAV_ARROW_LEFT.key, { value:DEF_CFG.NAV_ARROW_LEFT.value, handler:this.delegateConfig } ); /** * The image that should be used for the right navigation arrow. * @config NAV_ARROW_RIGHT * @type String * @deprecated You can customize the image by overriding the default CSS class for the right arrow - "calnavright" * @default null */ cfg.addProperty(DEF_CFG.NAV_ARROW_RIGHT.key, { value:DEF_CFG.NAV_ARROW_RIGHT.value, handler:this.delegateConfig } ); // Locale properties /** * The short month labels for the current locale. * @config MONTHS_SHORT * @type String[] * @default ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"] */ cfg.addProperty(DEF_CFG.MONTHS_SHORT.key, { value:DEF_CFG.MONTHS_SHORT.value, handler:this.delegateConfig } ); /** * The long month labels for the current locale. * @config MONTHS_LONG * @type String[] * @default ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" */ cfg.addProperty(DEF_CFG.MONTHS_LONG.key, { value:DEF_CFG.MONTHS_LONG.value, handler:this.delegateConfig } ); /** * The 1-character weekday labels for the current locale. * @config WEEKDAYS_1CHAR * @type String[] * @default ["S", "M", "T", "W", "T", "F", "S"] */ cfg.addProperty(DEF_CFG.WEEKDAYS_1CHAR.key, { value:DEF_CFG.WEEKDAYS_1CHAR.value, handler:this.delegateConfig } ); /** * The short weekday labels for the current locale. * @config WEEKDAYS_SHORT * @type String[] * @default ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"] */ cfg.addProperty(DEF_CFG.WEEKDAYS_SHORT.key, { value:DEF_CFG.WEEKDAYS_SHORT.value, handler:this.delegateConfig } ); /** * The medium weekday labels for the current locale. * @config WEEKDAYS_MEDIUM * @type String[] * @default ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"] */ cfg.addProperty(DEF_CFG.WEEKDAYS_MEDIUM.key, { value:DEF_CFG.WEEKDAYS_MEDIUM.value, handler:this.delegateConfig } ); /** * The long weekday labels for the current locale. * @config WEEKDAYS_LONG * @type String[] * @default ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"] */ cfg.addProperty(DEF_CFG.WEEKDAYS_LONG.key, { value:DEF_CFG.WEEKDAYS_LONG.value, handler:this.delegateConfig } ); /** * The setting that determines which length of month labels should be used. Possible values are "short" and "long". * @config LOCALE_MONTHS * @type String * @default "long" */ cfg.addProperty(DEF_CFG.LOCALE_MONTHS.key, { value:DEF_CFG.LOCALE_MONTHS.value, handler:this.delegateConfig } ); /** * The setting that determines which length of weekday labels should be used. Possible values are "1char", "short", "medium", and "long". * @config LOCALE_WEEKDAYS * @type String * @default "short" */ cfg.addProperty(DEF_CFG.LOCALE_WEEKDAYS.key, { value:DEF_CFG.LOCALE_WEEKDAYS.value, handler:this.delegateConfig } ); /** * The value used to delimit individual dates in a date string passed to various Calendar functions. * @config DATE_DELIMITER * @type String * @default "," */ cfg.addProperty(DEF_CFG.DATE_DELIMITER.key, { value:DEF_CFG.DATE_DELIMITER.value, handler:this.delegateConfig } ); /** * The value used to delimit date fields in a date string passed to various Calendar functions. * @config DATE_FIELD_DELIMITER * @type String * @default "/" */ cfg.addProperty(DEF_CFG.DATE_FIELD_DELIMITER.key,{ value:DEF_CFG.DATE_FIELD_DELIMITER.value, handler:this.delegateConfig } ); /** * The value used to delimit date ranges in a date string passed to various Calendar functions. * @config DATE_RANGE_DELIMITER * @type String * @default "-" */ cfg.addProperty(DEF_CFG.DATE_RANGE_DELIMITER.key,{ value:DEF_CFG.DATE_RANGE_DELIMITER.value, handler:this.delegateConfig } ); /** * The position of the month in a month/year date string * @config MY_MONTH_POSITION * @type Number * @default 1 */ cfg.addProperty(DEF_CFG.MY_MONTH_POSITION.key, { value:DEF_CFG.MY_MONTH_POSITION.value, handler:this.delegateConfig, validator:cfg.checkNumber } ); /** * The position of the year in a month/year date string * @config MY_YEAR_POSITION * @type Number * @default 2 */ cfg.addProperty(DEF_CFG.MY_YEAR_POSITION.key, { value:DEF_CFG.MY_YEAR_POSITION.value, handler:this.delegateConfig, validator:cfg.checkNumber } ); /** * The position of the month in a month/day date string * @config MD_MONTH_POSITION * @type Number * @default 1 */ cfg.addProperty(DEF_CFG.MD_MONTH_POSITION.key, { value:DEF_CFG.MD_MONTH_POSITION.value, handler:this.delegateConfig, validator:cfg.checkNumber } ); /** * The position of the day in a month/year date string * @config MD_DAY_POSITION * @type Number * @default 2 */ cfg.addProperty(DEF_CFG.MD_DAY_POSITION.key, { value:DEF_CFG.MD_DAY_POSITION.value, handler:this.delegateConfig, validator:cfg.checkNumber } ); /** * The position of the month in a month/day/year date string * @config MDY_MONTH_POSITION * @type Number * @default 1 */ cfg.addProperty(DEF_CFG.MDY_MONTH_POSITION.key, { value:DEF_CFG.MDY_MONTH_POSITION.value, handler:this.delegateConfig, validator:cfg.checkNumber } ); /** * The position of the day in a month/day/year date string * @config MDY_DAY_POSITION * @type Number * @default 2 */ cfg.addProperty(DEF_CFG.MDY_DAY_POSITION.key, { value:DEF_CFG.MDY_DAY_POSITION.value, handler:this.delegateConfig, validator:cfg.checkNumber } ); /** * The position of the year in a month/day/year date string * @config MDY_YEAR_POSITION * @type Number * @default 3 */ cfg.addProperty(DEF_CFG.MDY_YEAR_POSITION.key, { value:DEF_CFG.MDY_YEAR_POSITION.value, handler:this.delegateConfig, validator:cfg.checkNumber } ); /** * The position of the month in the month year label string used as the Calendar header * @config MY_LABEL_MONTH_POSITION * @type Number * @default 1 */ cfg.addProperty(DEF_CFG.MY_LABEL_MONTH_POSITION.key, { value:DEF_CFG.MY_LABEL_MONTH_POSITION.value, handler:this.delegateConfig, validator:cfg.checkNumber } ); /** * The position of the year in the month year label string used as the Calendar header * @config MY_LABEL_YEAR_POSITION * @type Number * @default 2 */ cfg.addProperty(DEF_CFG.MY_LABEL_YEAR_POSITION.key, { value:DEF_CFG.MY_LABEL_YEAR_POSITION.value, handler:this.delegateConfig, validator:cfg.checkNumber } ); /** * The suffix used after the month when rendering the Calendar header * @config MY_LABEL_MONTH_SUFFIX * @type String * @default " " */ cfg.addProperty(DEF_CFG.MY_LABEL_MONTH_SUFFIX.key, { value:DEF_CFG.MY_LABEL_MONTH_SUFFIX.value, handler:this.delegateConfig } ); /** * The suffix used after the year when rendering the Calendar header * @config MY_LABEL_YEAR_SUFFIX * @type String * @default "" */ cfg.addProperty(DEF_CFG.MY_LABEL_YEAR_SUFFIX.key, { value:DEF_CFG.MY_LABEL_YEAR_SUFFIX.value, handler:this.delegateConfig } ); /** * Configuration for the Month Year Navigation UI. By default it is disabled * @config NAV * @type Object * @default null */ cfg.addProperty(DEF_CFG.NAV.key, { value:DEF_CFG.NAV.value, handler:this.configNavigator } ); /** * The map of UI strings which the CalendarGroup UI uses. * * @config strings * @type {Object} * @default An object with the properties shown below: *-
*
- previousMonth
- String : The string to use for the "Previous Month" navigation UI. Defaults to "Previous Month". *
- nextMonth
- String : The string to use for the "Next Month" navigation UI. Defaults to "Next Month". *
- close
- String : The string to use for the close button label. Defaults to "Close". *
-
*
- strings *
- Object : An object with the properties shown below, defining the string labels to use in the Navigator's UI
*
-
*
- month
- String : The string to use for the month label. Defaults to "Month". *
- year
- String : The string to use for the year label. Defaults to "Year". *
- submit
- String : The string to use for the submit button label. Defaults to "Okay". *
- cancel
- String : The string to use for the cancel button label. Defaults to "Cancel". *
- invalidYear
- String : The string to use for invalid year values. Defaults to "Year needs to be a number". *
* - monthFormat
- String : The month format to use. Either YAHOO.widget.Calendar.LONG, or YAHOO.widget.Calendar.SHORT. Defaults to YAHOO.widget.Calendar.LONG *
- initialFocus
- String : Either "year" or "month" specifying which input control should get initial focus. Defaults to "year" *
* The method is also registered as an HTMLElement resize listener on the Calendars container element. *
* @protected * @method _syncMask */ _syncMask : function() { var c = this.cal.oDomContainer; if (c && this.maskEl) { var r = YAHOO.util.Dom.getRegion(c); YAHOO.util.Dom.setStyle(this.maskEl, "width", r.right - r.left + "px"); YAHOO.util.Dom.setStyle(this.maskEl, "height", r.bottom - r.top + "px"); } }, /** * Renders the contents of the navigator * * @method renderNavContents * * @param {Array} html The HTML buffer to append the HTML to. * @return {Array} A reference to the buffer passed in. */ renderNavContents : function(html) { var NAV = YAHOO.widget.CalendarNavigator, C = NAV.CLASSES, h = html; // just to use a shorter name h[h.length] = '* The method will call applyKeyListeners, to setup keyboard specific * listeners *
* @method applyListeners */ applyListeners : function() { var E = YAHOO.util.Event; function yearUpdateHandler() { if (this.validate()) { this.setYear(this._getYearFromUI()); } } function monthUpdateHandler() { this.setMonth(this._getMonthFromUI()); } E.on(this.submitEl, "click", this.submit, this, true); E.on(this.cancelEl, "click", this.cancel, this, true); E.on(this.yearEl, "blur", yearUpdateHandler, this, true); E.on(this.monthEl, "change", monthUpdateHandler, this, true); if (this.__isIEQuirks) { YAHOO.util.Event.on(this.cal.oDomContainer, "resize", this._syncMask, this, true); } this.applyKeyListeners(); }, /** * Removes/purges DOM event listeners from the rendered elements * * @method purgeListeners */ purgeListeners : function() { var E = YAHOO.util.Event; E.removeListener(this.submitEl, "click", this.submit); E.removeListener(this.cancelEl, "click", this.cancel); E.removeListener(this.yearEl, "blur"); E.removeListener(this.monthEl, "change"); if (this.__isIEQuirks) { E.removeListener(this.cal.oDomContainer, "resize", this._syncMask); } this.purgeKeyListeners(); }, /** * Attaches DOM listeners for keyboard support. * Tab/Shift-Tab looping, Enter Key Submit on Year element, * Up/Down/PgUp/PgDown year increment on Year element ** NOTE: MacOSX Safari 2.x doesn't let you tab to buttons and * MacOSX Gecko does not let you tab to buttons or select controls, * so for these browsers, Tab/Shift-Tab looping is limited to the * elements which can be reached using the tab key. *
* @method applyKeyListeners */ applyKeyListeners : function() { var E = YAHOO.util.Event, ua = YAHOO.env.ua; // IE/Safari 3.1 doesn't fire keypress for arrow/pg keys (non-char keys) var arrowEvt = (ua.ie || ua.webkit) ? "keydown" : "keypress"; // - IE/Safari 3.1 doesn't fire keypress for non-char keys // - Opera doesn't allow us to cancel keydown or keypress for tab, but // changes focus successfully on keydown (keypress is too late to change focus - opera's already moved on). var tabEvt = (ua.ie || ua.opera || ua.webkit) ? "keydown" : "keypress"; // Everyone likes keypress for Enter (char keys) - whoo hoo! E.on(this.yearEl, "keypress", this._handleEnterKey, this, true); E.on(this.yearEl, arrowEvt, this._handleDirectionKeys, this, true); E.on(this.lastCtrl, tabEvt, this._handleTabKey, this, true); E.on(this.firstCtrl, tabEvt, this._handleShiftTabKey, this, true); }, /** * Removes/purges DOM listeners for keyboard support * * @method purgeKeyListeners */ purgeKeyListeners : function() { var E = YAHOO.util.Event, ua = YAHOO.env.ua; var arrowEvt = (ua.ie || ua.webkit) ? "keydown" : "keypress"; var tabEvt = (ua.ie || ua.opera || ua.webkit) ? "keydown" : "keypress"; E.removeListener(this.yearEl, "keypress", this._handleEnterKey); E.removeListener(this.yearEl, arrowEvt, this._handleDirectionKeys); E.removeListener(this.lastCtrl, tabEvt, this._handleTabKey); E.removeListener(this.firstCtrl, tabEvt, this._handleShiftTabKey); }, /** * Updates the Calendar/CalendarGroup's pagedate with the currently set month and year if valid. ** If the currently set month/year is invalid, a validation error will be displayed and the * Calendar/CalendarGroup's pagedate will not be updated. *
* @method submit */ submit : function() { if (this.validate()) { this.hide(); this.setMonth(this._getMonthFromUI()); this.setYear(this._getYearFromUI()); var cal = this.cal; // Artificial delay, just to help the user see something changed var delay = YAHOO.widget.CalendarNavigator.UPDATE_DELAY; if (delay > 0) { var nav = this; window.setTimeout(function(){ nav._update(cal); }, delay); } else { this._update(cal); } } }, /** * Updates the Calendar rendered state, based on the state of the CalendarNavigator * @method _update * @param cal The Calendar instance to update * @protected */ _update : function(cal) { cal.setYear(this.getYear()); cal.setMonth(this.getMonth()); cal.render(); }, /** * Hides the navigator and mask, without updating the Calendar/CalendarGroup's state * * @method cancel */ cancel : function() { this.hide(); }, /** * Validates the current state of the UI controls * * @method validate * @return {Boolean} true, if the current UI state contains valid values, false if not */ validate : function() { if (this._getYearFromUI() !== null) { this.clearErrors(); return true; } else { this.setYearError(); this.setError(this.__getCfg("invalidYear", true)); return false; } }, /** * Displays an error message in the Navigator's error panel * @method setError * @param {String} msg The error message to display */ setError : function(msg) { if (this.errorEl) { this.errorEl.innerHTML = msg; this._show(this.errorEl, true); } }, /** * Clears the navigator's error message and hides the error panel * @method clearError */ clearError : function() { if (this.errorEl) { this.errorEl.innerHTML = ""; this._show(this.errorEl, false); } }, /** * Displays the validation error UI for the year control * @method setYearError */ setYearError : function() { YAHOO.util.Dom.addClass(this.yearEl, YAHOO.widget.CalendarNavigator.CLASSES.INVALID); }, /** * Removes the validation error UI for the year control * @method clearYearError */ clearYearError : function() { YAHOO.util.Dom.removeClass(this.yearEl, YAHOO.widget.CalendarNavigator.CLASSES.INVALID); }, /** * Clears all validation and error messages in the UI * @method clearErrors */ clearErrors : function() { this.clearError(); this.clearYearError(); }, /** * Sets the initial focus, based on the configured value * @method setInitialFocus */ setInitialFocus : function() { var el = this.submitEl, f = this.__getCfg("initialFocus"); if (f && f.toLowerCase) { f = f.toLowerCase(); if (f == "year") { el = this.yearEl; try { this.yearEl.select(); } catch (selErr) { // Ignore; } } else if (f == "month") { el = this.monthEl; } } if (el && YAHOO.lang.isFunction(el.focus)) { try { el.focus(); } catch (focusErr) { // TODO: Fall back if focus fails? } } }, /** * Removes all renderered HTML elements for the Navigator from * the DOM, purges event listeners and clears (nulls) any property * references to HTML references * @method erase */ erase : function() { if (this.__rendered) { this.purgeListeners(); // Clear out innerHTML references this.yearEl = null; this.monthEl = null; this.errorEl = null; this.submitEl = null; this.cancelEl = null; this.firstCtrl = null; this.lastCtrl = null; if (this.navEl) { this.navEl.innerHTML = ""; } var p = this.navEl.parentNode; if (p) { p.removeChild(this.navEl); } this.navEl = null; var pm = this.maskEl.parentNode; if (pm) { pm.removeChild(this.maskEl); } this.maskEl = null; this.__rendered = false; } }, /** * Destroys the Navigator object and any HTML references * @method destroy */ destroy : function() { this.erase(); this._doc = null; this.cal = null; this.id = null; }, /** * Protected implementation to handle how UI elements are * hidden/shown. * * @method _show * @protected */ _show : function(el, bShow) { if (el) { YAHOO.util.Dom.setStyle(el, "display", (bShow) ? "block" : "none"); } }, /** * Returns the month value (index), from the month UI element * @protected * @method _getMonthFromUI * @return {Number} The month index, or 0 if a UI element for the month * is not found */ _getMonthFromUI : function() { if (this.monthEl) { return this.monthEl.selectedIndex; } else { return 0; // Default to Jan } }, /** * Returns the year value, from the Navitator's year UI element * @protected * @method _getYearFromUI * @return {Number} The year value set in the UI, if valid. null is returned if * the UI does not contain a valid year value. */ _getYearFromUI : function() { var NAV = YAHOO.widget.CalendarNavigator; var yr = null; if (this.yearEl) { var value = this.yearEl.value; value = value.replace(NAV.TRIM, "$1"); if (NAV.YR_PATTERN.test(value)) { yr = parseInt(value, 10); } } return yr; }, /** * Updates the Navigator's year UI, based on the year value set on the Navigator object * @protected * @method _updateYearUI */ _updateYearUI : function() { if (this.yearEl && this._year !== null) { this.yearEl.value = this._year; } }, /** * Updates the Navigator's month UI, based on the month value set on the Navigator object * @protected * @method _updateMonthUI */ _updateMonthUI : function() { if (this.monthEl) { this.monthEl.selectedIndex = this._month; } }, /** * Sets up references to the first and last focusable element in the Navigator's UI * in terms of tab order (Naviagator's firstEl and lastEl properties). The references * are used to control modality by looping around from the first to the last control * and visa versa for tab/shift-tab navigation. ** See applyKeyListeners *
* @protected * @method _setFirstLastElements */ _setFirstLastElements : function() { this.firstCtrl = this.monthEl; this.lastCtrl = this.cancelEl; // Special handling for MacOSX. // - Safari 2.x can't focus on buttons // - Gecko can't focus on select boxes or buttons if (this.__isMac) { if (YAHOO.env.ua.webkit && YAHOO.env.ua.webkit < 420){ this.firstCtrl = this.monthEl; this.lastCtrl = this.yearEl; } if (YAHOO.env.ua.gecko) { this.firstCtrl = this.yearEl; this.lastCtrl = this.yearEl; } } }, /** * Default Keyboard event handler to capture Enter * on the Navigator's year control (yearEl) * * @method _handleEnterKey * @protected * @param {Event} e The DOM event being handled */ _handleEnterKey : function(e) { var KEYS = YAHOO.util.KeyListener.KEY; if (YAHOO.util.Event.getCharCode(e) == KEYS.ENTER) { YAHOO.util.Event.preventDefault(e); this.submit(); } }, /** * Default Keyboard event handler to capture up/down/pgup/pgdown * on the Navigator's year control (yearEl). * * @method _handleDirectionKeys * @protected * @param {Event} e The DOM event being handled */ _handleDirectionKeys : function(e) { var E = YAHOO.util.Event, KEYS = YAHOO.util.KeyListener.KEY, NAV = YAHOO.widget.CalendarNavigator; var value = (this.yearEl.value) ? parseInt(this.yearEl.value, 10) : null; if (isFinite(value)) { var dir = false; switch(E.getCharCode(e)) { case KEYS.UP: this.yearEl.value = value + NAV.YR_MINOR_INC; dir = true; break; case KEYS.DOWN: this.yearEl.value = Math.max(value - NAV.YR_MINOR_INC, 0); dir = true; break; case KEYS.PAGE_UP: this.yearEl.value = value + NAV.YR_MAJOR_INC; dir = true; break; case KEYS.PAGE_DOWN: this.yearEl.value = Math.max(value - NAV.YR_MAJOR_INC, 0); dir = true; break; default: break; } if (dir) { E.preventDefault(e); try { this.yearEl.select(); } catch(err) { // Ignore } } } }, /** * Default Keyboard event handler to capture Tab * on the last control (lastCtrl) in the Navigator. * * @method _handleTabKey * @protected * @param {Event} e The DOM event being handled */ _handleTabKey : function(e) { var E = YAHOO.util.Event, KEYS = YAHOO.util.KeyListener.KEY; if (E.getCharCode(e) == KEYS.TAB && !e.shiftKey) { try { E.preventDefault(e); this.firstCtrl.focus(); } catch (err) { // Ignore - mainly for focus edge cases } } }, /** * Default Keyboard event handler to capture Shift-Tab * on the first control (firstCtrl) in the Navigator. * * @method _handleShiftTabKey * @protected * @param {Event} e The DOM event being handled */ _handleShiftTabKey : function(e) { var E = YAHOO.util.Event, KEYS = YAHOO.util.KeyListener.KEY; if (e.shiftKey && E.getCharCode(e) == KEYS.TAB) { try { E.preventDefault(e); this.lastCtrl.focus(); } catch (err) { // Ignore - mainly for focus edge cases } } }, /** * Retrieve Navigator configuration values from * the parent Calendar/CalendarGroup's config value. ** If it has not been set in the user provided configuration, the method will * return the default value of the configuration property, as set in _DEFAULT_CFG *
* @private * @method __getCfg * @param {String} Case sensitive property name. * @param {Boolean} true, if the property is a string property, false if not. * @return The value of the configuration property */ __getCfg : function(prop, bIsStr) { var DEF_CFG = YAHOO.widget.CalendarNavigator._DEFAULT_CFG; var cfg = this.cal.cfg.getProperty("navigator"); if (bIsStr) { return (cfg !== true && cfg.strings && cfg.strings[prop]) ? cfg.strings[prop] : DEF_CFG.strings[prop]; } else { return (cfg !== true && cfg[prop]) ? cfg[prop] : DEF_CFG[prop]; } }, /** * Private flag, to identify MacOS * @private * @property __isMac */ __isMac : (navigator.userAgent.toLowerCase().indexOf("macintosh") != -1) }; YAHOO.register("calendar", YAHOO.widget.Calendar, {version: "2.7.0", build: "1799"}); /* Prototype JavaScript framework, version 1.5.0_rc1 * (c) 2005 Sam Stephenson| ' + html.stripScripts() + ' |
- " + ret.join('') + "
/i); }, convertHTMLLineBreaks: function(string) { return string.replace(/
/gi, "\n").replace(/
/gi, "");
},
createEditField: function() {
var text;
if(this.options.loadTextURL) {
text = this.options.loadingText;
} else {
text = this.getText();
}
var obj = this;
if (this.options.rows == 1 && !this.hasHTMLLineBreaks(text)) {
this.options.textarea = false;
var textField = document.createElement("input");
textField.obj = this;
textField.type = "text";
textField.name = "value";
textField.value = text;
textField.style.backgroundColor = this.options.highlightcolor;
textField.className = 'editor_field';
var size = this.options.size || this.options.cols || 0;
if (size != 0) textField.size = size;
if (this.options.submitOnBlur)
textField.onblur = this.onSubmit.bind(this);
this.editField = textField;
} else {
this.options.textarea = true;
var textArea = document.createElement("textarea");
textArea.obj = this;
textArea.name = "value";
textArea.value = this.convertHTMLLineBreaks(text);
textArea.rows = this.options.rows;
textArea.cols = this.options.cols || 40;
textArea.className = 'editor_field';
if (this.options.submitOnBlur)
textArea.onblur = this.onSubmit.bind(this);
this.editField = textArea;
}
if(this.options.loadTextURL) {
this.loadExternalText();
}
this.form.appendChild(this.editField);
},
getText: function() {
return this.element.innerHTML;
},
loadExternalText: function() {
Element.addClassName(this.form, this.options.loadingClassName);
this.editField.disabled = true;
new Ajax.Request(
this.options.loadTextURL,
Object.extend({
asynchronous: true,
onComplete: this.onLoadedExternalText.bind(this)
}, this.options.ajaxOptions)
);
},
onLoadedExternalText: function(transport) {
Element.removeClassName(this.form, this.options.loadingClassName);
this.editField.disabled = false;
this.editField.value = transport.responseText;
Field.scrollFreeActivate(this.editField);
},
onclickCancel: function() {
this.onComplete();
this.leaveEditMode();
return false;
},
onFailure: function(transport) {
this.options.onFailure(transport);
if (this.oldInnerHTML) {
this.element.innerHTML = this.oldInnerHTML;
this.oldInnerHTML = null;
}
return false;
},
onSubmit: function() {
// onLoading resets these so we need to save them away for the Ajax call
var form = this.form;
var value = this.editField.value;
// do this first, sometimes the ajax call returns before we get a chance to switch on Saving...
// which means this will actually switch on Saving... *after* we've left edit mode causing Saving...
// to be displayed indefinitely
this.onLoading();
if (this.options.evalScripts) {
new Ajax.Request(
this.url, Object.extend({
parameters: this.options.callback(form, value),
onComplete: this.onComplete.bind(this),
onFailure: this.onFailure.bind(this),
asynchronous:true,
evalScripts:true
}, this.options.ajaxOptions));
} else {
new Ajax.Updater(
{ success: this.element,
// don't update on failure (this could be an option)
failure: null },
this.url, Object.extend({
parameters: this.options.callback(form, value),
onComplete: this.onComplete.bind(this),
onFailure: this.onFailure.bind(this)
}, this.options.ajaxOptions));
}
// stop the event to avoid a page refresh in Safari
if (arguments.length > 1) {
Event.stop(arguments[0]);
}
return false;
},
onLoading: function() {
this.saving = true;
this.removeForm();
this.leaveHover();
this.showSaving();
},
showSaving: function() {
this.oldInnerHTML = this.element.innerHTML;
this.element.innerHTML = this.options.savingText;
Element.addClassName(this.element, this.options.savingClassName);
this.element.style.backgroundColor = this.originalBackground;
Element.show(this.element);
},
removeForm: function() {
if(this.form) {
if (this.form.parentNode) Element.remove(this.form);
this.form = null;
}
},
enterHover: function() {
if (this.saving) return;
this.element.style.backgroundColor = this.options.highlightcolor;
if (this.effect) {
this.effect.cancel();
}
Element.addClassName(this.element, this.options.hoverClassName)
},
leaveHover: function() {
if (this.options.backgroundColor) {
this.element.style.backgroundColor = this.oldBackground;
}
Element.removeClassName(this.element, this.options.hoverClassName)
if (this.saving) return;
this.effect = new Effect.Highlight(this.element, {
startcolor: this.options.highlightcolor,
endcolor: this.options.highlightendcolor,
restorecolor: this.originalBackground
});
},
leaveEditMode: function() {
Element.removeClassName(this.element, this.options.savingClassName);
this.removeForm();
this.leaveHover();
this.element.style.backgroundColor = this.originalBackground;
Element.show(this.element);
if (this.options.externalControl) {
Element.show(this.options.externalControl);
}
this.editing = false;
this.saving = false;
this.oldInnerHTML = null;
this.onLeaveEditMode();
},
onComplete: function(transport) {
this.leaveEditMode();
this.options.onComplete.bind(this)(transport, this.element);
},
onEnterEditMode: function() {},
onLeaveEditMode: function() {},
dispose: function() {
if (this.oldInnerHTML) {
this.element.innerHTML = this.oldInnerHTML;
}
this.leaveEditMode();
Event.stopObserving(this.element, 'click', this.onclickListener);
Event.stopObserving(this.element, 'mouseover', this.mouseoverListener);
Event.stopObserving(this.element, 'mouseout', this.mouseoutListener);
if (this.options.externalControl) {
Event.stopObserving(this.options.externalControl, 'click', this.onclickListener);
Event.stopObserving(this.options.externalControl, 'mouseover', this.mouseoverListener);
Event.stopObserving(this.options.externalControl, 'mouseout', this.mouseoutListener);
}
}
};
Ajax.InPlaceCollectionEditor = Class.create();
Object.extend(Ajax.InPlaceCollectionEditor.prototype, Ajax.InPlaceEditor.prototype);
Object.extend(Ajax.InPlaceCollectionEditor.prototype, {
createEditField: function() {
if (!this.cached_selectTag) {
var selectTag = document.createElement("select");
var collection = this.options.collection || [];
var optionTag;
collection.each(function(e,i) {
optionTag = document.createElement("option");
optionTag.value = (e instanceof Array) ? e[0] : e;
if((typeof this.options.value == 'undefined') &&
((e instanceof Array) ? this.element.innerHTML == e[1] : e == optionTag.value)) optionTag.selected = true;
if(this.options.value==optionTag.value) optionTag.selected = true;
optionTag.appendChild(document.createTextNode((e instanceof Array) ? e[1] : e));
selectTag.appendChild(optionTag);
}.bind(this));
this.cached_selectTag = selectTag;
}
this.editField = this.cached_selectTag;
if(this.options.loadTextURL) this.loadExternalText();
this.form.appendChild(this.editField);
this.options.callback = function(form, value) {
return "value=" + encodeURIComponent(value);
}
}
});
// Delayed observer, like Form.Element.Observer,
// but waits for delay after last key input
// Ideal for live-search fields
Form.Element.DelayedObserver = Class.create();
Form.Element.DelayedObserver.prototype = {
initialize: function(element, delay, callback) {
this.delay = delay || 0.5;
this.element = $(element);
this.callback = callback;
this.timer = null;
this.lastValue = $F(this.element);
Event.observe(this.element,'keyup',this.delayedListener.bindAsEventListener(this));
},
delayedListener: function(event) {
if(this.lastValue == $F(this.element)) return;
if(this.timer) clearTimeout(this.timer);
this.timer = setTimeout(this.onTimerEvent.bind(this), this.delay * 1000);
this.lastValue = $F(this.element);
},
onTimerEvent: function() {
this.timer = null;
this.callback(this.element, $F(this.element));
}
};
// script.aculo.us slider.js v1.6.4, Wed Sep 06 11:30:58 CEST 2006
// Copyright (c) 2005 Marty Haught, Thomas Fuchs
//
// See http://script.aculo.us for more info
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
if(!Control) var Control = {};
Control.Slider = Class.create();
// options:
// axis: 'vertical', or 'horizontal' (default)
//
// callbacks:
// onChange(value)
// onSlide(value)
Control.Slider.prototype = {
initialize: function(handle, track, options) {
var slider = this;
if(handle instanceof Array) {
this.handles = handle.collect( function(e) { return $(e) });
} else {
this.handles = [$(handle)];
}
this.track = $(track);
this.options = options || {};
this.axis = this.options.axis || 'horizontal';
this.increment = this.options.increment || 1;
this.step = parseInt(this.options.step || '1');
this.range = this.options.range || $R(0,1);
this.value = 0; // assure backwards compat
this.values = this.handles.map( function() { return 0 });
this.spans = this.options.spans ? this.options.spans.map(function(s){ return $(s) }) : false;
this.options.startSpan = $(this.options.startSpan || null);
this.options.endSpan = $(this.options.endSpan || null);
this.restricted = this.options.restricted || false;
this.maximum = this.options.maximum || this.range.end;
this.minimum = this.options.minimum || this.range.start;
// Will be used to align the handle onto the track, if necessary
this.alignX = parseInt(this.options.alignX || '0');
this.alignY = parseInt(this.options.alignY || '0');
this.trackLength = this.maximumOffset() - this.minimumOffset();
this.handleLength = this.isVertical() ?
(this.handles[0].offsetHeight != 0 ?
this.handles[0].offsetHeight : this.handles[0].style.height.replace(/px$/,"")) :
(this.handles[0].offsetWidth != 0 ? this.handles[0].offsetWidth :
this.handles[0].style.width.replace(/px$/,""));
this.active = false;
this.dragging = false;
this.disabled = false;
if(this.options.disabled) this.setDisabled();
// Allowed values array
this.allowedValues = this.options.values ? this.options.values.sortBy(Prototype.K) : false;
if(this.allowedValues) {
this.minimum = this.allowedValues.min();
this.maximum = this.allowedValues.max();
}
this.eventMouseDown = this.startDrag.bindAsEventListener(this);
this.eventMouseUp = this.endDrag.bindAsEventListener(this);
this.eventMouseMove = this.update.bindAsEventListener(this);
// Initialize handles in reverse (make sure first handle is active)
this.handles.each( function(h,i) {
i = slider.handles.length-1-i;
slider.setValue(parseFloat(
(slider.options.sliderValue instanceof Array ?
slider.options.sliderValue[i] : slider.options.sliderValue) ||
slider.range.start), i);
Element.makePositioned(h); // fix IE
Event.observe(h, "mousedown", slider.eventMouseDown);
});
Event.observe(this.track, "mousedown", this.eventMouseDown);
Event.observe(document, "mouseup", this.eventMouseUp);
Event.observe(document, "mousemove", this.eventMouseMove);
this.initialized = true;
},
dispose: function() {
var slider = this;
Event.stopObserving(this.track, "mousedown", this.eventMouseDown);
Event.stopObserving(document, "mouseup", this.eventMouseUp);
Event.stopObserving(document, "mousemove", this.eventMouseMove);
this.handles.each( function(h) {
Event.stopObserving(h, "mousedown", slider.eventMouseDown);
});
},
setDisabled: function(){
this.disabled = true;
},
setEnabled: function(){
this.disabled = false;
},
getNearestValue: function(value){
if(this.allowedValues){
if(value >= this.allowedValues.max()) return(this.allowedValues.max());
if(value <= this.allowedValues.min()) return(this.allowedValues.min());
var offset = Math.abs(this.allowedValues[0] - value);
var newValue = this.allowedValues[0];
this.allowedValues.each( function(v) {
var currentOffset = Math.abs(v - value);
if(currentOffset <= offset){
newValue = v;
offset = currentOffset;
}
});
return newValue;
}
if(value > this.range.end) return this.range.end;
if(value < this.range.start) return this.range.start;
return value;
},
setValue: function(sliderValue, handleIdx){
if(!this.active) {
this.activeHandleIdx = handleIdx || 0;
this.activeHandle = this.handles[this.activeHandleIdx];
this.updateStyles();
}
handleIdx = handleIdx || this.activeHandleIdx || 0;
if(this.initialized && this.restricted) {
if((handleIdx>0) && (sliderValue Do you want to change just this block, or all future blocks in the series? Do you want to delete just this block, or all future blocks in the series? "+message;
} else {
div.innerHTML = message;
}
div.style.backgroundColor = options.backgroundColor;
div.style.color = options.color;
Element.setOpacity(div, options.opacity);
document.body.appendChild(div);
//Bottom-align the status message
var pagePos = Position.realOffset(document.body);
var dim = Element.getDimensions(div);
div.style.top = (pagePos[1]+document.documentElement.clientHeight-dim.height)+"px";
//Update position if user scrolls
window.onscroll = function() {
pagePos = Position.realOffset(document.body);
div.style.top = (pagePos[1]+document.documentElement.clientHeight-dim.height)+"px";
};
//Display the element
Element.show(div);
//Fade out after a while
if (options.fadeOut) {
setTimeout("new Effect.Fade('clockspot_system_message', {duration: 1.5})", 2000);
}
},
hideStatusMessage: function() {
Element.hide("clockspot_system_message");
},
logout: function() {
Cookie.set('openChats', '');
Cookie.set('openChatTitles', '');
if (Global.chatEnabled) {
CometUpdater.sendRequest("logout", {
parameters: "userID="+Global.userID
});
}
Cookie.unset('session_userID');
Cookie.unset('session_businessID');
Cookie.unset('session_password');
new Ajax.Request('php/actions/logout.php', {
onSuccess: function() {
window.location = "/";
}
});
}
}
var Util = {
fadeToggle: function(node, duration) {
node = $(node);
duration = duration ? duration: 1.0;
if (Element.visible(node)) {
new Effect.Fade(node, {duration: duration});
} else {
new Effect.Appear(node, {duration: duration});
}
},
format_time: function(hour, minute) {
var ampm = hour >= 12 ? "pm" : "am";
if (hour==24) ampm = "am";
if (minute < 10) minute = "0"+minute;
if (hour > 12) hour -= 12;
if (hour==0) hour = 12;
return hour+":"+minute+ampm;
},
//Parses mysql datetime string and returns javascript Date object
//Input has to be in this format: 2007-06-05 15:26:02
mysql_timestamp_to_js_date: function(timestamp) {
var regex=/^([0-9]{2,4})-([0-1][0-9])-([0-3][0-9]) (?:([0-2][0-9]):([0-5][0-9]):([0-5][0-9]))?$/;
var parts=timestamp.replace(regex,"$1 $2 $3 $4 $5 $6").split(' ');
return new Date(parts[0],parts[1]-1,parts[2],parts[3],parts[4],parts[5]);
},
to_javascript_date: function(sqlDate) {
var parts = sqlDate.split("-");
var year = parseInt(parts[0], 10); //The 2nd param tells parseInt to use base 10
var month = parseInt(parts[1], 10)-1; //We do this because "08" and "09" are treated as Octal
var date = parseInt(parts[2], 10);
var d = new Date();
d.setFullYear(year, month, date);
return d;
},
//Takes in a javascript date object
to_sql_date: function(date) {
var year = date.getFullYear();
var month = date.getMonth()+1;
var day = date.getDate();
if (month < 10) month = "0"+month;
if (day < 10) day = "0"+day;
return year+"-"+month+"-"+day;
},
yui_to_sql_date: function(yui_date) {
var year = yui_date[0][0][0];
var month = yui_date[0][0][1];
var day = yui_date[0][0][2];
if (month < 10) month = "0"+month;
if (day < 10) day = "0"+day;
return year+"-"+month+"-"+day;
},
entry_show_delete: function(namespace, deleteFunction, options) {
options = Object.extend({
deleteCaption: "Confirm Delete"
}, options || {});
var hideNode = namespace+"_options";
var highlightNode = namespace+"_row";
Element.addClassName(highlightNode, "entry_delete_row");
Element.hide(hideNode);
var onmouseover = options.deleteCaption ? "onmouseover=\"Util.showHoverText(this, '"+options.deleteCaption+"')\"" : "";
var html =
"
";
var leftOffset = -10+options.xoffset;
var topOffset = -4+options.yoffset;
var hoverTextDim = Element.getDimensions(hoverTextNode);
hoverTextNode.style.left = (nodeOffset[0]+leftOffset)+"px";
hoverTextNode.style.top = (nodeOffset[1]-hoverTextDim.height+topOffset)+"px";
} else if (options.position == "right") {
hoverTextNode.innerHTML =
"
";
var leftOffset = 1+options.xoffset;
var topOffset = -2+options.yoffset;
var hoverTextDim = Element.getDimensions(hoverTextNode);
hoverTextNode.style.left = (nodeOffset[0]+nodeDim.width+leftOffset)+"px";
hoverTextNode.style.top = (nodeOffset[1]+topOffset)+"px";
//Setting the width here fixes a 'float' CSS bug in IE
var dim1 = Element.getDimensions('hoverText_caption');
var dim2 = Element.getDimensions('hoverText_hand');
hoverTextNode.style.width = (dim1.width+dim2.width)+"px";
} else if (options.position == "left") {
hoverTextNode.innerHTML =
"
";
var leftOffset = -14+options.xoffset;
var topOffset = -4+options.yoffset;
var hoverTextDim = Element.getDimensions(hoverTextNode);
hoverTextNode.style.left = (nodeOffset[0]-hoverTextDim.width+leftOffset)+"px";
hoverTextNode.style.top = (nodeOffset[1]+topOffset)+"px";
//Setting the width here fixes a 'float' CSS bug in IE
var dim1 = Element.getDimensions('hoverText_caption');
var dim2 = Element.getDimensions('hoverText_hand');
hoverTextNode.style.width = (dim1.width+dim2.width)+"px";
}
//Make the node slightly transparent
Element.setOpacity(hoverTextNode, 0.9);
//Disappear on mouse out
Element.observe(node, 'mouseout', Util.hideHoverText, false);
},
hideHoverText: function() {
if ($('hoverText')) Element.remove('hoverText');
}
}/**
* Initializes a YUI calendar so that you can select a date range
* Author: Jason Ho
*/
var RangeSelector = Class.create();
RangeSelector.prototype = {
calendar: null,
startDate: null,
endDate: null,
initialize: function(yahooCalendar, options) {
this.options = Object.extend({
onSelect: null
}, options || {});
this.calendar = yahooCalendar;
this.calendar.selectEvent.subscribe(this._select.bind(this));
this.calendar.render();
},
show_selected: function(start, end) { //Takes in a JS date object
var range = (start.getMonth()+1)+"/"+start.getDate()+"/"+start.getFullYear();
if (end) {
range += "-"+(end.getMonth()+1)+"/"+end.getDate()+"/"+end.getFullYear();
}
this.calendar.cfg.setProperty("selected",range,false);
this.calendar.setMonth(start.getMonth());
this.calendar.setYear(start.getFullYear());
this.calendar.render();
},
reset: function() {
this.startDate = "";
this.endDate = "";
},
_select: function(eventType, theDate) {
if (this.startDate && this.endDate) {
this.reset();
}
if (!this.startDate) {
this.startDate = theDate;
} else {
this.endDate = theDate;
var startArray = this.startDate[0][0];
var d = theDate[0][0];
//Check if start date > end date. If so, reverse them.
var dateStart = new Date();
dateStart.setFullYear(startArray[0], startArray[1], startArray[2]);
var dateEnd = new Date();
dateEnd.setFullYear(d[0], d[1], d[2]);
if (dateEnd < dateStart) {
var temp = d;
d = startArray;
startArray = temp;
this.endDate = this.startDate;
this.startDate = theDate;
}
var dateRange = startArray[1]+"/"+startArray[2]+"/"+startArray[0]+"-"+d[1]+"/"+d[2]+"/"+d[0];
this.calendar.cfg.setProperty("selected",dateRange,false);
this.calendar.render();
if (this.options.onSelect) {
this.options.onSelect(this.startDate, this.endDate);
}
}
}
}/**
* Employee scheduling interface
* Author: Jason Ho
*/
var Schedule = {
options: null,
container: null,
userID: null,
columns: null, //Stores the column names - dates are in mysql format.
opacityNormal: 0.92, //Opacity of a block
opacityEditing: 0.6, //Opacity of a block when being edited
_updateOptionsWindow: null, //Reference to PopupWindow that displays when you try to modify a block that repeats
_deleteOptionsWindow: null, //Reference to PopupWindow that displays when you try to delete a block that repeats
_repeatDateCalendar: null, //Reference to the PopupWindow that displays when you select a repeat date for a block.
_blockEditWindow: null, //Reference to PopupWindow used when you click on a block
_gridStartLeft: null,
_gridStartTop: null,
_gridEndLeft: null,
_gridEndTop: null,
_gridWidth: null,
_gridHeight: null,
_gridInterval: 30, //Indicates how many minutes 1 grid block represents
_moveInterval: 5,
_resizeInterval: 5,
_beforeEdit: null, //Stores properties of a block before it's edited. Used for undos.
_newBlock: null, //References the new node created when you drag on the schedule
_newBlockX: null, //Stores the original X position of a new block
_newBlockY: null, //Stores the original Y position of a new block
_isCreating: 0, //True when in the middle of creating a new block
_lockBlockClick: false, //Prevents a click from triggering right after a drag or move
init: function(container, userID, columns, options) {
Schedule.options = Object.extend({
mode: "admin", //admin mode grants all rights, user mode restricts editing blocks.
overlayClockTimes: false
}, options || {});
Schedule.container = $(container);
Schedule.userID = userID;
Schedule.columns = columns;
//Make the schedule unselectable
Schedule.container.style.MozUserSelect="none";
Schedule.container.style.KhtmlUserSelect="none";
Schedule.container.unselectable="on";
//Get start position of the grid
var grids = document.getElementsByClassName("grid", Schedule.container);
var pos = Position.cumulativeOffset(grids[0]);
Schedule._gridStartLeft = pos[0];
Schedule._gridStartTop = pos[1];
//Get end position of the grid
pos = Position.cumulativeOffset(grids.last());
var dim = Element.getDimensions(grids.last());
Schedule._gridEndLeft = pos[0]+dim.width;
Schedule._gridEndTop = pos[1]+dim.height;
//Get grid dimensions
dim = Element.getDimensions(grids[0]);
Schedule._gridWidth = dim.width;
Schedule._gridHeight = dim.height;
//Initialize block caption
Element.setOpacity("block_caption", 0.8);
//Listen to mouse events
if (Schedule.options.mode != "user") {
Event.observe(Schedule.container, "mousedown", Schedule._mouseDown.bind());
Event.observe(Schedule.container, "mousemove", Schedule._mouseMove.bind());
Event.observe(Schedule.container, "mouseup", Schedule._mouseUp.bind());
}
//Initialize the block edit window
Schedule._blockEditWindow = new PopupWindow("", {
elementID: "block_edit_window",
container: "schedule",
hideOnEsc: true,
hideOnBlur: true,
hideOnBlurContainer: "schedule"
});
//Load existing blocks
Schedule._loadBlocks();
},
changeDate: function(sqlDate) {
var d = Util.to_javascript_date(sqlDate);
//Update columns
var labels = document.getElementsByClassName("column_label", Schedule.container);
var day_names = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
var month_names = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
for (var i = 0; i < 7; i++) {
Schedule.columns[i] = Util.to_sql_date(d);
labels[i].innerHTML = ""+day_names[d.getDay()]+", "+month_names[d.getMonth()]+" "+d.getDate();
d.setDate(d.getDate()+1);
}
//Reload the blocks
Schedule._loadBlocks();
},
changeUserID: function(userID) {
Schedule.userID=userID;
Schedule._loadBlocks();
},
toggleOverlayClockTimes: function() {
Schedule.options.overlayClockTimes = Schedule.options.overlayClockTimes ? false : true;
Schedule._loadBlocks();
},
_loadBlocks: function() {
//Dim and lock the schedule
Element.setOpacity(Schedule.container, 0.5);
Schedule.lock();
Global.showLoading(3000);
var blocks = document.getElementsByClassName("block", Schedule.container);
var clockTimes = document.getElementsByClassName("clockTime", Schedule.container);
//For some reason IE doesn't dim blocks when dimming the schedule.
if (BrowserDetect.browser == "Explorer") {
blocks.each(function(node) { Element.setOpacity(node, 0.5); });
clockTimes.each(function(node) { Element.setOpacity(node, 0.5); });
}
new Ajax.Request("php/actions/schedule_load.php", {
parameters: "userID="+Schedule.userID+"&dates="+Schedule.columns.join(",")+"&overlayClockTimes="+Schedule.options.overlayClockTimes,
onSuccess: function(request) {
var data = eval("("+request.responseText+")");
//Clear existing blocks
blocks.each(Element.remove);
//Clear existing clockTimes
clockTimes.each(Element.remove);
//Load each block
data.schedules.each(function(schedule) {
var scheduleID = schedule[0];
var startTime = Util.mysql_timestamp_to_js_date(schedule[1]);
var endTime = Util.mysql_timestamp_to_js_date(schedule[2]);
var repeatType = schedule[3];
var repeatUntil = schedule[4];
//Calculate block top
var startMinutes = startTime.getHours()*60+startTime.getMinutes();
var block_top = Schedule._gridStartTop + Math.round(startMinutes/Schedule._gridInterval*Schedule._gridHeight);
//Calculate block left
var column_number = Schedule.columns.indexOf(Util.to_sql_date(startTime));
var block_left = Schedule._gridStartLeft + column_number*Schedule._gridWidth;
//Fix Internet Explorer - the left border throws off the style.left off by 1 pixel.
if (BrowserDetect.browser == "Explorer" && (BrowserDetect.version == "6" || BrowserDetect.version=="7")) {
block_left++;
}
//Calculate block height
var endMinutes = endTime.getHours()*60+endTime.getMinutes();
if (startTime.getDate() != endTime.getDate()) { //If endTime is midnight of the next day
endMinutes = 24*60;
}
var block_height = Math.round((endMinutes-startMinutes)/Schedule._gridInterval*Schedule._gridHeight);
//Create the block
var block = document.createElement("div");
Element.addClassName(block, "block");
if (repeatType) Element.addClassName(block, "repeat");
block.id = "schedule"+scheduleID;
block.style.height = (block_height-2)+"px"; //We subtract 2 due to borders
block.style.width = (Schedule._gridWidth-2)+"px"; //We subtract 2 due to borders
block.style.top = block_top+"px";
block.style.left = block_left+"px";
Schedule.container.appendChild(block);
//Set repeatUntil property
block.innerHTML = "";
//Initialize the block
if (Schedule.options.mode != "user") {
Schedule._initBlock($(block.id));
} else {
block.style.cursor = "default";
}
});
//Load clock times
if (data.clockTimes) {
data.clockTimes.each(function(clockTime) {
var clockIn = Util.mysql_timestamp_to_js_date(clockTime[0]);
var clockOut = Util.mysql_timestamp_to_js_date(clockTime[1]);
//Calculate block top
var startMinutes = clockIn.getHours()*60+clockIn.getMinutes();
var block_top = Schedule._gridStartTop + Math.round(startMinutes/Schedule._gridInterval*Schedule._gridHeight);
//Calculate block left
var column_number = Schedule.columns.indexOf(Util.to_sql_date(clockIn));
var block_left = Schedule._gridStartLeft + column_number*Schedule._gridWidth;
//Fix Internet Explorer - the left border throws off the style.left off by 1 pixel.
if (BrowserDetect.browser == "Explorer" && (BrowserDetect.version == "6" || BrowserDetect.version=="7")) {
block_left++;
}
//Calculate block height
var endMinutes = clockOut.getHours()*60+clockOut.getMinutes();
if (clockIn.getDate() != clockOut.getDate()) { //If clockOut is midnight of the next day
endMinutes = 24*60;
}
var block_height = Math.round((endMinutes-startMinutes)/Schedule._gridInterval*Schedule._gridHeight);
//Create the block
var block = document.createElement("div");
Element.addClassName(block, "clockTime");
block.style.height = (block_height-2)+"px"; //We subtract 2 due to borders
block.style.width = (Schedule._gridWidth-2)+"px"; //We subtract 2 due to borders
block.style.top = block_top+"px";
block.style.left = block_left+"px";
Element.setOpacity(block, 0.5);
Schedule.container.appendChild(block);
});
}
//Restore and unlock the schedule
Element.setOpacity(Schedule.container, 1.0);
Schedule.unlock();
Global.hideLoading();
}
});
},
_mouseDown: function(e) {
if (!Element.hasClassName(Event.element(e), "grid")) return; //Only allow clicks on the grid
if (Schedule._isCreating) return; //Exit if we're already creating
if (Schedule._newBlock != null) return; //Exit if _newBlock is being used
//Update isCreating status
Schedule._isCreating = 1;
//Create a new block
Schedule._newBlock = document.createElement("div");
Element.addClassName(Schedule._newBlock, "block");
Schedule._newBlock.style.height = (Schedule._gridHeight-2)+"px"; //We subtract 2 due to borders
Schedule._newBlock.style.width = (Schedule._gridWidth-2)+"px"; //We subtract 2 due to borders
Element.setOpacity(Schedule._newBlock, Schedule.opacityEditing);
//Set x,y coordinates
var mouseX = Event.pointerX(e);
var mouseY = Event.pointerY(e);
Schedule._newBlockY = mouseY-((mouseY-Schedule._gridStartTop)%Schedule._gridHeight);
Schedule._newBlockX = mouseX-((mouseX-Schedule._gridStartLeft)%Schedule._gridWidth);
//Fix Internet Explorer - the left border throws off the style.left off by 1 pixel.
if (BrowserDetect.browser == "Explorer" && (BrowserDetect.version == "6" || BrowserDetect.version=="7")) {
Schedule._newBlockX++;
}
Schedule._newBlock.style.top = Schedule._newBlockY+"px";
Schedule._newBlock.style.left = Schedule._newBlockX+"px";
//Add block to the schedule
Schedule.container.appendChild(Schedule._newBlock);
//Hide the edit window if it's open
Schedule._hideBlockEditWindow();
},
_mouseMove: function(e) {
if (!Schedule._isCreating) return; //Exit if we're not creating
//Restrict clicking outside the grid
var mouseY = Event.pointerY(e);
if (mouseY <= Schedule._gridStartTop || mouseY >= Schedule._gridEndTop) {
return;
}
//Calculate mouse offset
var offsetY = mouseY-Schedule._newBlockY;
var height;
if (offsetY >= 0) {
//Update y position of the block
Schedule._newBlock.style.top = Schedule._newBlockY+"px";
//Update height of block
height = Math.ceil(offsetY/Schedule._gridHeight)*Schedule._gridHeight-2; //We subtract 2 because of the block borders
Schedule._newBlock.style.height = height+"px";
} else {
//Update y position of the block
var newY = mouseY-((mouseY-Schedule._gridStartTop)%Schedule._gridHeight);
Schedule._newBlock.style.top = newY+"px";
//Update height of block
height = Schedule._newBlockY+Schedule._gridHeight-newY-2;
Schedule._newBlock.style.height = height+"px";
}
//Update block caption
Schedule._showBlockCaption(Schedule._newBlock);
},
_mouseUp: function(e) {
if (!Schedule._isCreating) return; //Exit if we're not creating
var d = Schedule._getBlockDetails(Schedule._newBlock);
new Ajax.Request("php/actions/schedule_add.php", {
parameters: "userID="+d.userID+"&startTime="+d.start_mysql+"&endTime="+d.end_mysql,
onSuccess: function(request) {
if (request.responseText == "") {
alert("ERROR: Invalid Date");
return;
}
//Set the new block's id
var scheduleID = request.responseText;
Schedule._newBlock.id = "schedule"+scheduleID;
//Initialize the block
Schedule._initBlock($(Schedule._newBlock.id));
//Reset newBlock
Schedule._newBlock = null;
}
});
//Hide block caption
Schedule._hideBlockCaption();
//Update isCreating status
Schedule._isCreating = 0;
},
_initBlock: function(block_node) {
//Make block resizeable
new Resizeable(block_node, {
left: 0,
right: 0,
snap: [1,Schedule._gridHeight*(Schedule._resizeInterval/Schedule._gridInterval)],
bound: function(x,y) {
if (y > Schedule._gridEndTop) y = Schedule._gridEndTop;
if (y < Schedule._gridStartTop) y = Schedule._gridStartTop;
return [x,y];
},
onStart: function(node) {
Draggables.lockDrag = true; //Prevent's dragging the block while resizing.
Schedule._hideBlockEditWindow();
Element.setOpacity(node, Schedule.opacityEditing);
//Save the block so we can restore it later
Schedule._saveLast(node);
},
onEnd: function(node) {
Schedule._lockBlockClick = true; //Prevents a click from triggering right after the resize. Unset by the click event handler.
Schedule._hideBlockCaption();
Draggables.lockDrag = false; //Prevent's dragging the block while resizing.
var d = Schedule._getBlockDetails(node);
if (d.repeatType) {
Schedule._showUpdateOptions(node);
} else {
Schedule._updateBlock(node);
}
},
onDrag: function(node) {
var pos = Position.cumulativeOffset(node);
var dim = Element.getDimensions(node);
//Set bounds for top of block
if (pos[1] < Schedule._gridStartTop) {
node.style.top = (Schedule._gridStartTop) + "px";
}
//Set bounds for end of block
if (pos[1]+dim.height > Schedule._gridEndTop) {
node.style.height = (Schedule._gridEndTop-pos[1]-2) + "px"; //We subtract 2 because of the block borders
}
Schedule._showBlockCaption(node);
}
});
//Make block draggable
new Draggable(block_node, {
starteffect: null, //We manage this effect ourselves
endeffect: null, //We manage this effect ourselves
snap: function(x,y) {
x = Schedule._gridStartLeft+Math.round((x-Schedule._gridStartLeft)/Schedule._gridWidth)*Schedule._gridWidth;
var move_pixels = Schedule._gridHeight*(Schedule._moveInterval/Schedule._gridInterval);
y = Schedule._gridStartTop+Math.floor((y-Schedule._gridStartTop)/move_pixels)*move_pixels;
//Set boundaries
var dim = Element.getDimensions(block_node);
var maxLeft = Schedule._gridEndLeft - dim.width;
var maxTop = Schedule._gridEndTop - dim.height;
if (x < Schedule._gridStartLeft) x = Schedule._gridStartLeft;
if (x > maxLeft) x = maxLeft;
if (y < Schedule._gridStartTop) y = Schedule._gridStartTop;
if (y > maxTop) y = maxTop;
//Fix Internet Explorer - the left border throws off the style.left off by 1 pixel.
if (BrowserDetect.browser == "Explorer" && (BrowserDetect.version == "6" || BrowserDetect.version=="7")) {
x++;
}
return [x,y];
},
onStart: function(draggable, event) {
Schedule._hideBlockEditWindow();
Element.setOpacity(draggable.element, Schedule.opacityEditing);
//Save the block so we can restore it later
Schedule._saveLast(draggable.element);
},
onEnd: function(draggable, event) {
Schedule._lockBlockClick = true; //Prevents a click from triggering right after the move. Unset by the click event handler.
Schedule._hideBlockCaption();
var d = Schedule._getBlockDetails(draggable.element);
if (d.repeatType) {
Schedule._showUpdateOptions(draggable.element);
} else {
Schedule._updateBlock(draggable.element);
}
},
onDrag: function(draggable, event) {
Schedule._showBlockCaption(draggable.element);
}
});
//Show block details on hover
//Event.observe(block_node, "mouseover", function(e){Schedule._showBlockCaption(Event.element(e));});
//Event.observe(block_node, "mouseout", function(){Schedule._hideBlockCaption();});
//Show edit window when clicked
Event.observe(block_node, "click", function(e) {
if (Schedule._lockBlockClick) { //Prevents a click from triggering right after a move or resize.
Schedule._lockBlockClick = false;
return;
}
Schedule._showBlockEditWindow(Event.element(e));
});
Element.setOpacity(block_node, Schedule.opacityNormal);
},
//Makes it so you can't edit anything on the schedule
lock: function() {
//Intercept all mouse events and cancel them
["mousedown", "click", "mouseover", "mouseout"].each(function(eventType) {
Event.observe("schedule", eventType, Event.stop, true);
});
},
//Undo the Schedule.lock() function
unlock: function() {
//Cancel the mouse events we added during Schedule.lock()
["mousedown", "click", "mouseover", "mouseout"].each(function(eventType) {
Event.stopObserving("schedule", eventType, Event.stop, true);
});
Schedule._lockBlockClick = false; //We reset this because _lockBlockCLick might not have been reset due to intercepting the mouse click event.
},
//Store the block's size and position before it's edited. Used to undo an edit.
_saveLast: function(node) {
var pos = Position.cumulativeOffset(node);
var dim = Element.getDimensions(node);
Schedule._beforeEdit = {
element: node,
details: Schedule._getBlockDetails(node),
top: pos[1],
left: pos[0],
height: dim.height
};
},
//Undo an edit
_restoreLast: function() {
var node = Schedule._beforeEdit.element;
node.style.left = Schedule._beforeEdit.left+"px";
node.style.top = Schedule._beforeEdit.top+"px";
node.style.height = (Schedule._beforeEdit.height-2)+"px"; //We subtract 2px due to borders
Element.setOpacity(node, Schedule.opacityNormal);
},
//Pops up when you try to update a schedule that repeats
_showUpdateOptions: function(node) {
Schedule._hideBlockCaption();
Schedule.lock();
Schedule._updateOptionsWindow = new PopupWindow(
"You are changing a repeating schedule.
"+
"
"+
"
"+
"";
} else {
var content =
""+
"
"+
"";
}
Schedule._blockEditWindow.element.innerHTML = content;
Schedule._blockEditWindow.showBesideNode(block_node, {
selectedClass: "selected",
xoffset: 5,
yoffset: 5
});
},
_chooseRepeatDate: function() {
$('repeatUntilDate').focus();
$('checkboxRepeatUntil').checked = "checked";
if (!Schedule._repeatDateCalendar) {
Schedule._repeatDateCalendar = new PopupWindow("", {hideOnBlur: true, hideOnEsc: true});
Schedule._repeatDateCalendar.showBesideNode("repeatUntilDate", {valign: "bottom", halign: "left"});
var c = new YAHOO.widget.Calendar("repeatDateCalendarID", "repeatDateCalendar", {navigator: true});
c.selectEvent.subscribe(function(eventType, theDate) {
$("repeatUntilDate").value = Util.yui_to_sql_date(theDate);
Schedule._repeatDateCalendar.hide();
});
c.render();
} else {
Schedule._repeatDateCalendar.showBesideNode("repeatUntilDate", {valign: "bottom", halign: "left"});
}
},
_hideBlockEditWindow: function() {
Schedule._blockEditWindow.hide();
},
deleteBlock: function(scheduleID) {
var block_node = $("schedule"+scheduleID);
var b = Schedule._getBlockDetails(block_node);
if (b.repeatType) {
Schedule._showDeleteOptions(block_node);
} else {
new Ajax.Request("php/actions/schedule_delete.php", {
parameters: "scheduleID="+scheduleID,
onSuccess: function(request) {
new Effect.DropOut("schedule"+scheduleID);
Schedule._hideBlockEditWindow();
}
});
}
},
deleteRepeatingBlock: function(node, deleteAll) {
node = $(node);
var d = Schedule._getBlockDetails(node);
var pivotDate = d.start_mysql.split(" ")[0];
new Ajax.Request("php/actions/schedule_delete.php", {
parameters: "scheduleID="+d.scheduleID+"&deleteAll="+deleteAll+"&pivotDate="+pivotDate,
onSuccess: function(request) {
new Effect.DropOut(node);
Schedule._hideBlockEditWindow();
}
});
},
//Pops up when you try to delete a schedule that repeats
_showDeleteOptions: function(node) {
Schedule.lock();
Schedule._deleteOptionsWindow = new PopupWindow(
"You are deleting a repeating schedule.
"+
"
Edit clock time
"+
"
"+
""+
" 
Stop accruing hours
Cancel Edit absence types"+
"
"+
""+
" 
Ok, deny it.
You are about to approve all pending absence requests.
"+
""+
" 
Ok, approve all requests.
"+
""+
"
"+
""+
"
"+
""+
" 
Ok, delete this user.
"+
""+
" 
Ok, restore this user.
"+
""+
"
"+
""+
"
"+
""+
"
"+
""+
"
"+
""+
" 
Ok, set as complete.
"+
""+
"
"+
""+
"
"+
""+
" 
Reply to this message.
"+
""+
"
"+
""+
"
"+
""+
"
"+
""+
"
"+
""+
"
"+
""+
"
"+
""+
"
"+
""+
" " +
"
";
new Insertion.Bottom($('qaboomWindows'), windowHTML);
//Set references
this.options = options;
this.window = $(windowID);
Event.observe(this.window, 'click', this._updateZIndex.bind(this), false);
this.window.style.zIndex = 1; //Windows are rendered above the site
this.content = $(windowID+'Content');
//Add content to the window
this.content.appendChild(contentNode);
var dim = Element.getDimensions(this.window);
Element.setStyle(this.window, {width: dim.width+"px"}); //Update window width
//Load previous window state
this._loadState();
//Register events
var titleBar = $(windowID+'TitleBar');
var shadeButton = $(windowID+'ShadeButton');
var closeButton = $(windowID+'CloseButton');
Event.observe(shadeButton, 'click', this.shade.bind(this), false);
Event.observe(closeButton, 'click', this.close.bind(this), false);
new Draggable(this.window, {
handle: titleBar,
onEnd: this._saveState.bind(this)
});
},
_updateZIndex: function() {
this.window.style.zIndex = QaboomWindow._lastZIndex;
QaboomWindow._lastZIndex++;
if (QaboomWindow._lastZIndex >= 1000) {
QaboomWindow._lastZIndex = 2;
}
Cookie.set("lastActiveWindow", this.window.id);
//TODO: get rid of zIndex going to 1000. Remember every window order.
},
_saveState: function() {
if (this.options.onEnd) this.options.onEnd();
Cookie.set(this.window.id, this.window.style.top+","+this.window.style.left+","+this.shaded);
},
_loadState: function() {
var windowState = Cookie.get(this.window.id);
if (Cookie.get("lastActiveWindow") == this.window.id) {
this.window.style.zIndex = 2;
QaboomWindow._lastZIndex = 3;
}
if (windowState == null) {
this._placeBottomRight();
this._saveState();
} else {
var attributes = windowState.split(",");
var top = attributes[0];
var left = attributes[1];
this.shaded = attributes[2]=="true";
Element.setStyle(this.window, {top: top, left: left});
if (this.shaded) {
Element.hide(this.content);
}
}
},
shade: function() {
if (Element.visible(this.content)) {
new Effect.Fade(this.content, {duration: 0.3});
this.shaded = true;
} else {
new Effect.Appear(this.content, {duration: 0.3});
this.shaded = false;
}
this._saveState();
},
close: function() {
if (this.options.onClose) {
this.options.onClose.call();
}
Element.remove(this.window);
Cookie.unset(this.window.id);
},
_placeBottomRight: function() {
var dim = Element.getDimensions(this.window);
var newLeft = document.documentElement.clientWidth-dim.width-Math.round(70*Math.random())-300;
var newTop = document.documentElement.clientHeight-dim.height-Math.round(70*Math.random());
Element.setStyle(this.window, {left: newLeft+"px", top: newTop+"px"});
}
}/**
* Handles saving chat window state, opening existing chat windows,
* and dispatching any messages from the comet server.
*
* Author: Jason Ho
*/
var ChatManager = {
windows: [],
openChat: function(userID, title) {
if (!$(userID+'Chat')) {
ChatManager.windows[userID] = new ChatWindow(userID, title);
ChatManager._saveChat(userID, title);
return true;
} else {
return false;
}
},
loadChatWindows: function() {
var openChats = Cookie.get('openChats');
var openChatTitles = Cookie.get('openChatTitles');
if (openChats != null && openChats != '') {
openChats = openChats.split(',');
openChatTitles = openChatTitles.split(",");
for (var i = 0; i < openChats.length; i++) {
ChatManager.windows[openChats[i]] = new ChatWindow(openChats[i], openChatTitles[i]);
}
}
//Get chat history
CometUpdater.sendRequest("getChatHistory", {
callback: "ChatManager._loadHistory",
parameters: "userID="+Global.userID
});
},
_saveChat: function(chatee, title) {
var openChats = Cookie.get('openChats');
var openChatTitles = Cookie.get('openChatTitles');
if (openChats == null || openChats == '') {
Cookie.set('openChats', chatee);
Cookie.set('openChatTitles', title);
} else {
Cookie.set('openChats', openChats+","+chatee);
Cookie.set('openChatTitles', openChatTitles+","+title);
}
},
_deleteChat: function(chatee) {
var openChats = Cookie.get('openChats');
var openChatTitles = Cookie.get('openChatTitles');
if (openChats==chatee) {
Cookie.set('openChats', '');
Cookie.set('openChatTitles', '');
} else if (openChats.indexOf(","+chatee+",") != -1) {
var arrayPos = openChats.split(",").indexOf(chatee);
var titleArray = openChatTitles.split(",");
titleArray.splice(arrayPos, 1);
Cookie.set('openChatTitles', titleArray.join(","));
Cookie.set('openChats', openChats.replace(","+chatee+",", ","));
} else if (openChats.indexOf(chatee+",") == 0) {
Cookie.set('openChats', openChats.substr(1+openChats.indexOf(",")));
Cookie.set('openChatTitles', openChatTitles.substr(1+openChatTitles.indexOf(",")));
} else if (openChats.lastIndexOf(","+chatee) == openChats.length-chatee.length-1) {
Cookie.set('openChats', openChats.substr(0, openChats.lastIndexOf(",")));
Cookie.set('openChatTitles', openChatTitles.substr(0, openChatTitles.lastIndexOf(",")));
}
},
_loadHistory: function(jsonData) {
ChatManager.loadMessages(jsonData.chatHistory, true);
},
loadMessages: function(messages, isHistory) {
//Play sound
if (ChatWindow.enableChatSounds && !isHistory) {
soundManager.play('imReceive');
}
//Load messages
messages.each(function(rawMessage) {
var chatee, talker;
chatee = rawMessage[0];
var name = rawMessage[1];
var message = rawMessage[2];
var isSystem = rawMessage[3];
var className = "chatee";
if (chatee.charAt(0) == "_") {
className = "chatter";
chatee = chatee.substring(1);
name = "me";
//talker = Global.userID;
}
ChatManager.openChat(chatee, name)
var chatArea = $(chatee+"ChatArea");
var formattedMessage;
if (isSystem) {
if (message.indexOf("sketch:") == 0) {
Element.show(chatee+"SketchpadContainer");
var attributes = message.split(":");
var color = attributes[1];
var points = attributes[2];
ChatManager.windows[chatee].sketchpad.drawPolyLine(points, color);
return;
} else if (message == "clearSketch") {
ChatManager.windows[chatee].sketchpad.clearSketchOnly();
message = name == "me" ? "You cleared the sketchpad." : name+" cleared the sketchpad.";
}
formattedMessage = document.createElement("div");
formattedMessage.className = "systemMessage";
formattedMessage.innerHTML = message;
} else {
formattedMessage = document.createElement("div");
formattedMessage.innerHTML = "" + name + ": " + ChatWindow.formatMessage(message);
//TEMPORARY
if (message == "ping" && chatee==1) {
CometUpdater.sendRequest("sendSketch", {
parameters: "from="+Global.userID+"&to=1"+
"&color=rgb(255,0,0)&points=10,10,100,100"
});
}
}
chatArea.appendChild(formattedMessage);
chatArea.scrollTop = chatArea.scrollHeight-chatArea.clientHeight;
//document.focusNode.innerHTML
if (!Global.hasFocus && !TitleOscillator.isRunning && Global.userID != chatee) {
TitleOscillator.start(document.title, name+" says...", 2500);
Event.observe(window, "focus", function(){TitleOscillator.stop();}, false);
}
});
}
}/**
* Creates a chat form wrapped in a QaboomWindow.
* Handles sending messages to the server.
*
* Author: Jason Ho
*/
var ChatWindow = Class.create();
Object.extend(ChatWindow, {
enableChatSounds: false,
formatMessage: function(message) {
message = message.replace(/:\)/g, "" +
" " +
"" +
" " +
"" +
"
" +
"" +
" " +
""+title+" " +
"
" +
" " +
"" +
" " +
"
");
message = message.replace(/:-\)/g, "");
message = message.replace(/:\(/g, "
");
message = message.replace(/:-\(/g, "");
message = message.replace(/:D/g, "
");
message = message.replace(/:-D/g, "");
message = message.replace(/:p/gi, "
");
message = message.replace(/:-p/gi, "");
message = message.replace(/;-\)/g, "
");
message = message.replace(/;\)/g, "");
message = message.replace(/:@/g, "
");
message = message.replace(/:-@/g, "");
message = message.replace(/:\|/g, "
");
message = message.replace(/:-\|/g, "");
message = message.replace(/:\$/g, "
");
message = message.replace(/:-\$/g, "");
message = message.replace(/:o/gi, "
");
message = message.replace(/:-o/gi, "");
message = message.replace(/B\)/g, "
");
message = message.replace(/B-\)/g, "");
message = message.replace(/8\)/g, "");
message = message.replace(/8-\)/g, "");
message = message.replace(/<3/g, "
");
message = message.replace(/<3/g, "");
message = message.replace(/<3/g, "");
message = message.replace(/(^|[\n ])([\w]+?:\/\/[\w#$%&~\/.\-;:=,?@\[\]+]*)/i, "$1$2");
return message;
}
});
ChatWindow.prototype = {
initialize: function(chateeID, title) {
//Create the chat form
var formNode = document.createElement("form");
Element.setStyle(formNode, {display: "inline"});
formNode.setAttribute('id', chateeID+'ChatForm');
formNode.innerHTML =
"" +
"" +
""+
"
";
var table = document.createElement("table");
var row = table.insertRow(-1);
var td1 = row.insertCell(-1);
var td2 = row.insertCell(-1);
table.className = "trimmed";
td1.className = "trimmed";
td2.className = "trimmed";
td2.id = chateeID+"SketchpadContainer";
td2.style.borderLeft = "1px solid #9C859C";
td2.style.display = "none";
this.sketchpad =
new Sketchpad(chateeID+"Sketchpad", {
width: 300,
height: 204,
onEndStroke: this._sendSketch.bind(this),
onClearSketch: this._clearSketch.bind(this)
});
td1.appendChild(formNode);
td2.appendChild(this.sketchpad.elementNode);
//Wrap chat form in a window
new QaboomWindow(table, {
windowID: chateeID+"Chat",
title: title,
onClose: this._onClose.bind(this),
onEnd: this._adjustScroll.bind(this)
});
//Set references
this.chateeID = chateeID;
this.chatForm = $(chateeID+'ChatForm');
this.chatArea = $(chateeID+"ChatArea");
this.messageField = $(chateeID+"Message");
Field.focus(this.messageField);
//Register Events
Droppables.add(this.chatForm, {
accept: 'questionHandle',
hoverclass: 'hoverChatWindow',
onDrop: this._attachQuestion.bind(this)
});
//Event.observe(this.messageField, 'focus', function(){TitleOscillator.stop(); alert("HI");}, false);
Event.observe(this.chatForm, 'submit', this.submitMessage.bind(this), false);
},
_sendSketch: function() {
CometUpdater.sendRequest("sendSketch", {
parameters: "from="+Global.userID+"&to="+this.chateeID+
"&color="+escape(this.sketchpad.color)+"&points="+this.sketchpad.points.toString()
});
},
_clearSketch: function() {
CometUpdater.sendRequest("clearSketch", {
parameters: "from="+Global.userID+"&to="+this.chateeID
});
var div = document.createElement("div");
Element.addClassName(div, "systemMessage");
div.innerHTML = "You cleared the sketchpad.";
this.chatArea.appendChild(div);
//this.chatArea.innerHTML += "
"+question.innerHTML+"";
this.chatArea.innerHTML += ""+
"
";
//Find the colorChooser "+
" "+
""+
""+
" "+
""+
" "+
""+
" "+
" and append a color chooser
var container = this.elementNode;
while ((container = container.lastChild).id != "colorChooserContainer");
//var clearButton = document.createElement("img");
//clearButton.src="images/answerButton.gif";
//container.appendChild(clearButton);
container.appendChild(this._createColorChooser());
//Initialize for IE
if (typeof G_vmlCanvasManager != "undefined") {
G_vmlCanvasManager.initElement(this._findCanvasNode());
}
//Register Events
var canvasNode = this._findCanvasNode();
Event.observe(canvasNode, 'mousedown', this._startStroke.bind(this), false);
},
_initCanvas: function() {
this.canvas = $(this.canvasID);
this.canvasContext = this.canvas.getContext("2d");
this.canvasContext.lineCap = "round";
this.canvas.onselectstart = function() { return false; };
},
_findCanvasNode: function() {
var currentNode = this.elementNode;
while ((currentNode = currentNode.firstChild).id != this.canvasID);
return currentNode;
},
_calculateOffset: function() {
var scrollOffset = Position.realOffset(this.elementNode);
var xOffset = scrollOffset[0];
var yOffset = scrollOffset[1];
var currentNode = this.elementNode;
while (currentNode = currentNode.offsetParent) {
xOffset += currentNode.offsetLeft;
yOffset += currentNode.offsetTop;
}
return [xOffset, yOffset];
},
_startStroke: function(event) {
if (!this.canvas) this._initCanvas();
var offset = this._calculateOffset();
this._xOffset = offset[0];
this._yOffset = offset[1];
var startX = Event.pointerX(event)-this._xOffset;
var startY = Event.pointerY(event)-this._yOffset;
this.points = [];
this.points.push(startX, startY);
this.canvasContext.lineWidth = this.lineWidth;
this.canvasContext.strokeStyle = this.color;
this._drawSegmentBinded = this._drawSegment.bind(this);
this._endStrokeBinded = this._endStroke.bind(this);
Event.observe(this.canvas, 'mousemove', this._drawSegmentBinded, false);
Event.observe(document.body, 'mouseup', this._endStrokeBinded, false);
},
_endStroke: function() {
Event.stopObserving(this.canvas, 'mousemove', this._drawSegmentBinded, false);
Event.stopObserving(document.body, 'mouseup', this._endStrokeBinded, false);
if (this.options.onEndStroke) {
this.options.onEndStroke.call();
}
},
_drawSegment: function(event) {
var x = Event.pointerX(event)-this._xOffset;
var y = Event.pointerY(event)-this._yOffset;
var lastIndex = this.points.length-1;
var previousX = this.points[lastIndex-1];
var previousY = this.points[lastIndex];
this.canvasContext.strokeStyle = this.color;
this.canvasContext.beginPath();
this.canvasContext.moveTo(previousX, previousY);
this.canvasContext.lineTo(x, y);
this.canvasContext.stroke();
this.points.push(x,y);
},
drawPolyLine: function(points, color) {
if (!this.canvas) this._initCanvas();
var pointArray = points.split(",");
this.canvasContext.strokeStyle = color;
this.canvasContext.beginPath();
this.canvasContext.moveTo(parseInt(pointArray[0]), parseInt(pointArray[1]));
for (var i = 0; i < pointArray.length; i+=2) {
this.canvasContext.lineTo(parseInt(pointArray[i]), parseInt(pointArray[i+1]));
}
this.canvasContext.stroke();
},
clearSketch: function() {
this.clearSketchOnly();
if (this.options.onClearSketch) {
this.options.onClearSketch.call();
}
},
clearSketchOnly: function() {
this.canvasContext.clearRect(0,0,this.width,this.height);
},
_chooseColor: function(event) {
event = event || window.event;
var target = event.target || event.srcElement;
this.color = Element.getStyle(target, "background-color");
},
_createColorChooser: function() {
//Generate all the colors
var colorBases = ["FF00","","","00FF","00","FF","00FF","","","FF00","FF","00"];
var colorStep = 25;
var prefix, suffix;
var colors = [];
for (var i = 0; i < 3; i++) {
prefix = colorBases.shift();
suffix = colorBases.shift();
for (var color = 0; color < 255; color+=colorStep) {
colors.push(prefix+this._toHex(color)+suffix);
}
prefix = colorBases.shift();
suffix = colorBases.shift();
for (var color = 255; color > 0; color-=colorStep) {
colors.push(prefix+this._toHex(color)+suffix);
}
}
colors.push("FF0000"); //Firefox fix?
//Build the color chooser DOM
var table = document.createElement("table");
table.className = "colorChooser";
Event.observe(table, 'click', this._chooseColor.bind(this), false);
var row = table.insertRow(-1);
for (var i = 0; i < colors.length; i++) {
var td = row.insertCell(-1);
td.style.backgroundColor = "#"+colors[i];
}
//Append color table
var table2 = document.createElement("table");
table2.style.borderCollapse = "collapse";
table2.style.width = "100%";
var row = table2.insertRow(-1);
var td = row.insertCell(-1);
td.style.width = "100%";
td.style.padding = "0px";
td.style.margin = "0px";
td.appendChild(table);
//Create clear button
var clearButton = document.createElement("img");
clearButton.src="images/eraser.gif";
Event.observe(clearButton, 'mouseup', this.clearSketch.bind(this), false);
//Append clear button
td = row.insertCell(-1);
td.style.padding = "0px";
td.style.margin = "0px";
td.appendChild(clearButton);
return table2;
},
_toHex: function(number) {
var hexString = number.toString(16);
if (hexString.length < 2) {
hexString = "0"+hexString;
}
return hexString;
}
}
var MenuManager = {
updateMyContacts: function(request) {
$('usersOnlineContainer').innerHTML = request.responseText;
}
}
