Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $
You can buy this project and download/modify it how often you want.
com.googlecode.wicket.kendo.ui.resource.kendo.web.js Maven / Gradle / Ivy
/*
* Kendo UI Web v2013.3.1119 (http://kendoui.com)
* Copyright 2013 Telerik AD. All rights reserved.
*
* Kendo UI Web commercial licenses may be obtained at
* https://www.kendoui.com/purchase/license-agreement/kendo-ui-web-commercial.aspx
* If you do not own a commercial license, this file shall be governed by the
* GNU General Public License (GPL) version 3.
* For GPL requirements, please review: http://www.gnu.org/copyleft/gpl.html
*/
(function($, evil, undefined) {
var kendo = window.kendo = window.kendo || { cultures: {} },
extend = $.extend,
each = $.each,
isArray = $.isArray,
proxy = $.proxy,
noop = $.noop,
math = Math,
Template,
JSON = window.JSON || {},
support = {},
percentRegExp = /%/,
formatRegExp = /\{(\d+)(:[^\}]+)?\}/g,
boxShadowRegExp = /(\d+?)px\s*(\d+?)px\s*(\d+?)px\s*(\d+?)?/i,
numberRegExp = /^(\+|-?)\d+(\.?)\d*$/,
FUNCTION = "function",
STRING = "string",
NUMBER = "number",
OBJECT = "object",
NULL = "null",
BOOLEAN = "boolean",
UNDEFINED = "undefined",
getterCache = {},
setterCache = {},
slice = [].slice,
globalize = window.Globalize;
kendo.version = "2013.3.1119";
function Class() {}
Class.extend = function(proto) {
var base = function() {},
member,
that = this,
subclass = proto && proto.init ? proto.init : function () {
that.apply(this, arguments);
},
fn;
base.prototype = that.prototype;
fn = subclass.fn = subclass.prototype = new base();
for (member in proto) {
if (typeof proto[member] === OBJECT && !(proto[member] instanceof Array) && proto[member] !== null) {
// Merge object members
fn[member] = extend(true, {}, base.prototype[member], proto[member]);
} else {
fn[member] = proto[member];
}
}
fn.constructor = subclass;
subclass.extend = that.extend;
return subclass;
};
Class.prototype._initOptions = function(options) {
this.options = deepExtend({}, this.options, options);
};
var isFunction = kendo.isFunction = function(fn) {
return typeof fn === "function";
};
var preventDefault = function() {
this._defaultPrevented = true;
};
var isDefaultPrevented = function() {
return this._defaultPrevented === true;
};
var Observable = Class.extend({
init: function() {
this._events = {};
},
bind: function(eventName, handlers, one) {
var that = this,
idx,
eventNames = typeof eventName === STRING ? [eventName] : eventName,
length,
original,
handler,
handlersIsFunction = typeof handlers === FUNCTION,
events;
if (handlers === undefined) {
for (idx in eventName) {
that.bind(idx, eventName[idx]);
}
return that;
}
for (idx = 0, length = eventNames.length; idx < length; idx++) {
eventName = eventNames[idx];
handler = handlersIsFunction ? handlers : handlers[eventName];
if (handler) {
if (one) {
original = handler;
handler = function() {
that.unbind(eventName, handler);
original.apply(that, arguments);
};
}
events = that._events[eventName] = that._events[eventName] || [];
events.push(handler);
}
}
return that;
},
one: function(eventNames, handlers) {
return this.bind(eventNames, handlers, true);
},
first: function(eventName, handlers) {
var that = this,
idx,
eventNames = typeof eventName === STRING ? [eventName] : eventName,
length,
handler,
handlersIsFunction = typeof handlers === FUNCTION,
events;
for (idx = 0, length = eventNames.length; idx < length; idx++) {
eventName = eventNames[idx];
handler = handlersIsFunction ? handlers : handlers[eventName];
if (handler) {
events = that._events[eventName] = that._events[eventName] || [];
events.unshift(handler);
}
}
return that;
},
trigger: function(eventName, e) {
var that = this,
events = that._events[eventName],
idx,
length;
if (events) {
e = e || {};
e.sender = that;
e._defaultPrevented = false;
e.preventDefault = preventDefault;
e.isDefaultPrevented = isDefaultPrevented;
events = events.slice();
for (idx = 0, length = events.length; idx < length; idx++) {
events[idx].call(that, e);
}
return e._defaultPrevented === true;
}
return false;
},
unbind: function(eventName, handler) {
var that = this,
events = that._events[eventName],
idx;
if (eventName === undefined) {
that._events = {};
} else if (events) {
if (handler) {
for (idx = events.length - 1; idx >= 0; idx--) {
if (events[idx] === handler) {
events.splice(idx, 1);
}
}
} else {
that._events[eventName] = [];
}
}
return that;
}
});
function compilePart(part, stringPart) {
if (stringPart) {
return "'" +
part.split("'").join("\\'")
.split('\\"').join('\\\\\\"')
.replace(/\n/g, "\\n")
.replace(/\r/g, "\\r")
.replace(/\t/g, "\\t") + "'";
} else {
var first = part.charAt(0),
rest = part.substring(1);
if (first === "=") {
return "+(" + rest + ")+";
} else if (first === ":") {
return "+e(" + rest + ")+";
} else {
return ";" + part + ";o+=";
}
}
}
var argumentNameRegExp = /^\w+/,
encodeRegExp = /\$\{([^}]*)\}/g,
escapedCurlyRegExp = /\\\}/g,
curlyRegExp = /__CURLY__/g,
escapedSharpRegExp = /\\#/g,
sharpRegExp = /__SHARP__/g,
zeros = ["", "0", "00", "000", "0000"];
Template = {
paramName: "data", // name of the parameter of the generated template
useWithBlock: true, // whether to wrap the template in a with() block
render: function(template, data) {
var idx,
length,
html = "";
for (idx = 0, length = data.length; idx < length; idx++) {
html += template(data[idx]);
}
return html;
},
compile: function(template, options) {
var settings = extend({}, this, options),
paramName = settings.paramName,
argumentName = paramName.match(argumentNameRegExp)[0],
useWithBlock = settings.useWithBlock,
functionBody = "var o,e=kendo.htmlEncode;",
fn,
parts,
idx;
if (isFunction(template)) {
if (template.length === 2) {
//looks like jQuery.template
return function(d) {
return template($, { data: d }).join("");
};
}
return template;
}
functionBody += useWithBlock ? "with(" + paramName + "){" : "";
functionBody += "o=";
parts = template
.replace(escapedCurlyRegExp, "__CURLY__")
.replace(encodeRegExp, "#=e($1)#")
.replace(curlyRegExp, "}")
.replace(escapedSharpRegExp, "__SHARP__")
.split("#");
for (idx = 0; idx < parts.length; idx ++) {
functionBody += compilePart(parts[idx], idx % 2 === 0);
}
functionBody += useWithBlock ? ";}" : ";";
functionBody += "return o;";
functionBody = functionBody.replace(sharpRegExp, "#");
try {
fn = new Function(argumentName, functionBody);
fn._slotCount = Math.floor(parts.length / 2);
return fn;
} catch(e) {
throw new Error(kendo.format("Invalid template:'{0}' Generated code:'{1}'", template, functionBody));
}
}
};
function pad(number, digits, end) {
number = number + "";
digits = digits || 2;
end = digits - number.length;
if (end) {
return zeros[digits].substring(0, end) + number;
}
return number;
}
//JSON stringify
(function() {
var escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
gap,
indent,
meta = {
"\b": "\\b",
"\t": "\\t",
"\n": "\\n",
"\f": "\\f",
"\r": "\\r",
"\"" : '\\"',
"\\": "\\\\"
},
rep,
toString = {}.toString;
if (typeof Date.prototype.toJSON !== FUNCTION) {
Date.prototype.toJSON = function () {
var that = this;
return isFinite(that.valueOf()) ?
pad(that.getUTCFullYear(), 4) + "-" +
pad(that.getUTCMonth() + 1) + "-" +
pad(that.getUTCDate()) + "T" +
pad(that.getUTCHours()) + ":" +
pad(that.getUTCMinutes()) + ":" +
pad(that.getUTCSeconds()) + "Z" : null;
};
String.prototype.toJSON = Number.prototype.toJSON = Boolean.prototype.toJSON = function () {
return this.valueOf();
};
}
function quote(string) {
escapable.lastIndex = 0;
return escapable.test(string) ? "\"" + string.replace(escapable, function (a) {
var c = meta[a];
return typeof c === STRING ? c :
"\\u" + ("0000" + a.charCodeAt(0).toString(16)).slice(-4);
}) + "\"" : "\"" + string + "\"";
}
function str(key, holder) {
var i,
k,
v,
length,
mind = gap,
partial,
value = holder[key],
type;
if (value && typeof value === OBJECT && typeof value.toJSON === FUNCTION) {
value = value.toJSON(key);
}
if (typeof rep === FUNCTION) {
value = rep.call(holder, key, value);
}
type = typeof value;
if (type === STRING) {
return quote(value);
} else if (type === NUMBER) {
return isFinite(value) ? String(value) : NULL;
} else if (type === BOOLEAN || type === NULL) {
return String(value);
} else if (type === OBJECT) {
if (!value) {
return NULL;
}
gap += indent;
partial = [];
if (toString.apply(value) === "[object Array]") {
length = value.length;
for (i = 0; i < length; i++) {
partial[i] = str(i, value) || NULL;
}
v = partial.length === 0 ? "[]" : gap ?
"[\n" + gap + partial.join(",\n" + gap) + "\n" + mind + "]" :
"[" + partial.join(",") + "]";
gap = mind;
return v;
}
if (rep && typeof rep === OBJECT) {
length = rep.length;
for (i = 0; i < length; i++) {
if (typeof rep[i] === STRING) {
k = rep[i];
v = str(k, value);
if (v) {
partial.push(quote(k) + (gap ? ": " : ":") + v);
}
}
}
} else {
for (k in value) {
if (Object.hasOwnProperty.call(value, k)) {
v = str(k, value);
if (v) {
partial.push(quote(k) + (gap ? ": " : ":") + v);
}
}
}
}
v = partial.length === 0 ? "{}" : gap ?
"{\n" + gap + partial.join(",\n" + gap) + "\n" + mind + "}" :
"{" + partial.join(",") + "}";
gap = mind;
return v;
}
}
if (typeof JSON.stringify !== FUNCTION) {
JSON.stringify = function (value, replacer, space) {
var i;
gap = "";
indent = "";
if (typeof space === NUMBER) {
for (i = 0; i < space; i += 1) {
indent += " ";
}
} else if (typeof space === STRING) {
indent = space;
}
rep = replacer;
if (replacer && typeof replacer !== FUNCTION && (typeof replacer !== OBJECT || typeof replacer.length !== NUMBER)) {
throw new Error("JSON.stringify");
}
return str("", {"": value});
};
}
})();
// Date and Number formatting
(function() {
var dateFormatRegExp = /dddd|ddd|dd|d|MMMM|MMM|MM|M|yyyy|yy|HH|H|hh|h|mm|m|fff|ff|f|tt|ss|s|"[^"]*"|'[^']*'/g,
standardFormatRegExp = /^(n|c|p|e)(\d*)$/i,
literalRegExp = /(\\.)|(['][^']*[']?)|(["][^"]*["]?)/g,
commaRegExp = /\,/g,
EMPTY = "",
POINT = ".",
COMMA = ",",
SHARP = "#",
ZERO = "0",
PLACEHOLDER = "??",
EN = "en-US",
objectToString = {}.toString;
//cultures
kendo.cultures["en-US"] = {
name: EN,
numberFormat: {
pattern: ["-n"],
decimals: 2,
",": ",",
".": ".",
groupSize: [3],
percent: {
pattern: ["-n %", "n %"],
decimals: 2,
",": ",",
".": ".",
groupSize: [3],
symbol: "%"
},
currency: {
pattern: ["($n)", "$n"],
decimals: 2,
",": ",",
".": ".",
groupSize: [3],
symbol: "$"
}
},
calendars: {
standard: {
days: {
names: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
namesAbbr: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
namesShort: [ "Su", "Mo", "Tu", "We", "Th", "Fr", "Sa" ]
},
months: {
names: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
namesAbbr: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
},
AM: [ "AM", "am", "AM" ],
PM: [ "PM", "pm", "PM" ],
patterns: {
d: "M/d/yyyy",
D: "dddd, MMMM dd, yyyy",
F: "dddd, MMMM dd, yyyy h:mm:ss tt",
g: "M/d/yyyy h:mm tt",
G: "M/d/yyyy h:mm:ss tt",
m: "MMMM dd",
M: "MMMM dd",
s: "yyyy'-'MM'-'ddTHH':'mm':'ss",
t: "h:mm tt",
T: "h:mm:ss tt",
u: "yyyy'-'MM'-'dd HH':'mm':'ss'Z'",
y: "MMMM, yyyy",
Y: "MMMM, yyyy"
},
"/": "/",
":": ":",
firstDay: 0,
twoDigitYearMax: 2029
}
}
};
function findCulture(culture) {
if (culture) {
if (culture.numberFormat) {
return culture;
}
if (typeof culture === STRING) {
var cultures = kendo.cultures;
return cultures[culture] || cultures[culture.split("-")[0]] || null;
}
return null;
}
return null;
}
function getCulture(culture) {
if (culture) {
culture = findCulture(culture);
}
return culture || kendo.cultures.current;
}
function expandNumberFormat(numberFormat) {
numberFormat.groupSizes = numberFormat.groupSize;
numberFormat.percent.groupSizes = numberFormat.percent.groupSize;
numberFormat.currency.groupSizes = numberFormat.currency.groupSize;
}
kendo.culture = function(cultureName) {
var cultures = kendo.cultures, culture;
if (cultureName !== undefined) {
culture = findCulture(cultureName) || cultures[EN];
culture.calendar = culture.calendars.standard;
cultures.current = culture;
if (globalize) {
expandNumberFormat(culture.numberFormat);
}
} else {
return cultures.current;
}
};
kendo.findCulture = findCulture;
kendo.getCulture = getCulture;
//set current culture to en-US.
kendo.culture(EN);
function formatDate(date, format, culture) {
culture = getCulture(culture);
var calendar = culture.calendars.standard,
days = calendar.days,
months = calendar.months;
format = calendar.patterns[format] || format;
return format.replace(dateFormatRegExp, function (match) {
var result;
if (match === "d") {
result = date.getDate();
} else if (match === "dd") {
result = pad(date.getDate());
} else if (match === "ddd") {
result = days.namesAbbr[date.getDay()];
} else if (match === "dddd") {
result = days.names[date.getDay()];
} else if (match === "M") {
result = date.getMonth() + 1;
} else if (match === "MM") {
result = pad(date.getMonth() + 1);
} else if (match === "MMM") {
result = months.namesAbbr[date.getMonth()];
} else if (match === "MMMM") {
result = months.names[date.getMonth()];
} else if (match === "yy") {
result = pad(date.getFullYear() % 100);
} else if (match === "yyyy") {
result = pad(date.getFullYear(), 4);
} else if (match === "h" ) {
result = date.getHours() % 12 || 12;
} else if (match === "hh") {
result = pad(date.getHours() % 12 || 12);
} else if (match === "H") {
result = date.getHours();
} else if (match === "HH") {
result = pad(date.getHours());
} else if (match === "m") {
result = date.getMinutes();
} else if (match === "mm") {
result = pad(date.getMinutes());
} else if (match === "s") {
result = date.getSeconds();
} else if (match === "ss") {
result = pad(date.getSeconds());
} else if (match === "f") {
result = math.floor(date.getMilliseconds() / 100);
} else if (match === "ff") {
result = math.floor(date.getMilliseconds() / 10);
} else if (match === "fff") {
result = date.getMilliseconds();
} else if (match === "tt") {
result = date.getHours() < 12 ? calendar.AM[0] : calendar.PM[0];
}
return result !== undefined ? result : match.slice(1, match.length - 1);
});
}
//number formatting
function formatNumber(number, format, culture) {
culture = getCulture(culture);
var numberFormat = culture.numberFormat,
groupSize = numberFormat.groupSize[0],
groupSeparator = numberFormat[COMMA],
decimal = numberFormat[POINT],
precision = numberFormat.decimals,
pattern = numberFormat.pattern[0],
literals = [],
symbol,
isCurrency, isPercent,
customPrecision,
formatAndPrecision,
negative = number < 0,
integer,
fraction,
integerLength,
fractionLength,
replacement = EMPTY,
value = EMPTY,
idx,
length,
ch,
hasGroup,
hasNegativeFormat,
decimalIndex,
sharpIndex,
zeroIndex,
hasZero, hasSharp,
percentIndex,
currencyIndex,
startZeroIndex,
start = -1,
end;
//return empty string if no number
if (number === undefined) {
return EMPTY;
}
if (!isFinite(number)) {
return number;
}
//if no format then return number.toString() or number.toLocaleString() if culture.name is not defined
if (!format) {
return culture.name.length ? number.toLocaleString() : number.toString();
}
formatAndPrecision = standardFormatRegExp.exec(format);
// standard formatting
if (formatAndPrecision) {
format = formatAndPrecision[1].toLowerCase();
isCurrency = format === "c";
isPercent = format === "p";
if (isCurrency || isPercent) {
//get specific number format information if format is currency or percent
numberFormat = isCurrency ? numberFormat.currency : numberFormat.percent;
groupSize = numberFormat.groupSize[0];
groupSeparator = numberFormat[COMMA];
decimal = numberFormat[POINT];
precision = numberFormat.decimals;
symbol = numberFormat.symbol;
pattern = numberFormat.pattern[negative ? 0 : 1];
}
customPrecision = formatAndPrecision[2];
if (customPrecision) {
precision = +customPrecision;
}
//return number in exponential format
if (format === "e") {
return customPrecision ? number.toExponential(precision) : number.toExponential(); // toExponential() and toExponential(undefined) differ in FF #653438.
}
// multiply if format is percent
if (isPercent) {
number *= 100;
}
number = round(number, precision);
number = number.split(POINT);
integer = number[0];
fraction = number[1];
//exclude "-" if number is negative.
if (negative) {
integer = integer.substring(1);
}
value = integer;
integerLength = integer.length;
//add group separator to the number if it is longer enough
if (integerLength >= groupSize) {
value = EMPTY;
for (idx = 0; idx < integerLength; idx++) {
if (idx > 0 && (integerLength - idx) % groupSize === 0) {
value += groupSeparator;
}
value += integer.charAt(idx);
}
}
if (fraction) {
value += decimal + fraction;
}
if (format === "n" && !negative) {
return value;
}
number = EMPTY;
for (idx = 0, length = pattern.length; idx < length; idx++) {
ch = pattern.charAt(idx);
if (ch === "n") {
number += value;
} else if (ch === "$" || ch === "%") {
number += symbol;
} else {
number += ch;
}
}
return number;
}
//custom formatting
//
//separate format by sections.
//make number positive
if (negative) {
number = -number;
}
if (format.indexOf("'") > -1 || format.indexOf("\"") > -1 || format.indexOf("\\") > -1) {
format = format.replace(literalRegExp, function (match) {
var quoteChar = match.charAt(0).replace("\\", ""),
literal = match.slice(1).replace(quoteChar, "");
literals.push(literal);
return PLACEHOLDER;
});
}
format = format.split(";");
if (negative && format[1]) {
//get negative format
format = format[1];
hasNegativeFormat = true;
} else if (number === 0) {
//format for zeros
format = format[2] || format[0];
if (format.indexOf(SHARP) == -1 && format.indexOf(ZERO) == -1) {
//return format if it is string constant.
return format;
}
} else {
format = format[0];
}
percentIndex = format.indexOf("%");
currencyIndex = format.indexOf("$");
isPercent = percentIndex != -1;
isCurrency = currencyIndex != -1;
//multiply number if the format has percent
if (isPercent) {
number *= 100;
}
if (isCurrency && format[currencyIndex - 1] === "\\") {
format = format.split("\\").join("");
isCurrency = false;
}
if (isCurrency || isPercent) {
//get specific number format information if format is currency or percent
numberFormat = isCurrency ? numberFormat.currency : numberFormat.percent;
groupSize = numberFormat.groupSize[0];
groupSeparator = numberFormat[COMMA];
decimal = numberFormat[POINT];
precision = numberFormat.decimals;
symbol = numberFormat.symbol;
}
hasGroup = format.indexOf(COMMA) > -1;
if (hasGroup) {
format = format.replace(commaRegExp, EMPTY);
}
decimalIndex = format.indexOf(POINT);
length = format.length;
if (decimalIndex != -1) {
fraction = number.toString().split("e");
if (fraction[1]) {
fraction = round(number, Math.abs(fraction[1]));
} else {
fraction = fraction[0];
}
fraction = fraction.split(POINT)[1] || EMPTY;
zeroIndex = format.lastIndexOf(ZERO) - decimalIndex;
sharpIndex = format.lastIndexOf(SHARP) - decimalIndex;
hasZero = zeroIndex > -1;
hasSharp = sharpIndex > -1;
idx = fraction.length;
if (!hasZero && !hasSharp) {
format = format.substring(0, decimalIndex) + format.substring(decimalIndex + 1);
length = format.length;
decimalIndex = -1;
idx = 0;
} if (hasZero && zeroIndex > sharpIndex) {
idx = zeroIndex;
} else if (sharpIndex > zeroIndex) {
if (hasSharp && idx > sharpIndex) {
idx = sharpIndex;
} else if (hasZero && idx < zeroIndex) {
idx = zeroIndex;
}
}
if (idx > -1) {
number = round(number, idx);
}
} else {
number = round(number);
}
sharpIndex = format.indexOf(SHARP);
startZeroIndex = zeroIndex = format.indexOf(ZERO);
//define the index of the first digit placeholder
if (sharpIndex == -1 && zeroIndex != -1) {
start = zeroIndex;
} else if (sharpIndex != -1 && zeroIndex == -1) {
start = sharpIndex;
} else {
start = sharpIndex > zeroIndex ? zeroIndex : sharpIndex;
}
sharpIndex = format.lastIndexOf(SHARP);
zeroIndex = format.lastIndexOf(ZERO);
//define the index of the last digit placeholder
if (sharpIndex == -1 && zeroIndex != -1) {
end = zeroIndex;
} else if (sharpIndex != -1 && zeroIndex == -1) {
end = sharpIndex;
} else {
end = sharpIndex > zeroIndex ? sharpIndex : zeroIndex;
}
if (start == length) {
end = start;
}
if (start != -1) {
value = number.toString().split(POINT);
integer = value[0];
fraction = value[1] || EMPTY;
integerLength = integer.length;
fractionLength = fraction.length;
//add group separator to the number if it is longer enough
if (hasGroup) {
if (integerLength === groupSize && integerLength < decimalIndex - startZeroIndex) {
integer = groupSeparator + integer;
} else if (integerLength > groupSize) {
value = EMPTY;
for (idx = 0; idx < integerLength; idx++) {
if (idx > 0 && (integerLength - idx) % groupSize === 0) {
value += groupSeparator;
}
value += integer.charAt(idx);
}
integer = value;
}
}
number = format.substring(0, start);
if (negative && !hasNegativeFormat) {
number += "-";
}
for (idx = start; idx < length; idx++) {
ch = format.charAt(idx);
if (decimalIndex == -1) {
if (end - idx < integerLength) {
number += integer;
break;
}
} else {
if (zeroIndex != -1 && zeroIndex < idx) {
replacement = EMPTY;
}
if ((decimalIndex - idx) <= integerLength && decimalIndex - idx > -1) {
number += integer;
idx = decimalIndex;
}
if (decimalIndex === idx) {
number += (fraction ? decimal : EMPTY) + fraction;
idx += end - decimalIndex + 1;
continue;
}
}
if (ch === ZERO) {
number += ch;
replacement = ch;
} else if (ch === SHARP) {
number += replacement;
}
}
if (end >= start) {
number += format.substring(end + 1);
}
//replace symbol placeholders
if (isCurrency || isPercent) {
value = EMPTY;
for (idx = 0, length = number.length; idx < length; idx++) {
ch = number.charAt(idx);
value += (ch === "$" || ch === "%") ? symbol : ch;
}
number = value;
}
length = literals.length;
if (length) {
for (idx = 0; idx < length; idx++) {
number = number.replace(PLACEHOLDER, literals[idx]);
}
}
}
return number;
}
var round = function(value, precision) {
var power = Math.pow(10, precision || 0);
return (Math.round(value * power) / power).toFixed(precision);
};
var toString = function(value, fmt, culture) {
if (fmt) {
if (objectToString.call(value) === "[object Date]") {
return formatDate(value, fmt, culture);
} else if (typeof value === NUMBER) {
return formatNumber(value, fmt, culture);
}
}
return value !== undefined ? value : "";
};
if (globalize) {
toString = proxy(globalize.format, globalize);
}
kendo.format = function(fmt) {
var values = arguments;
return fmt.replace(formatRegExp, function(match, index, placeholderFormat) {
var value = values[parseInt(index, 10) + 1];
return toString(value, placeholderFormat ? placeholderFormat.substring(1) : "");
});
};
kendo._extractFormat = function (format) {
if (format.slice(0,3) === "{0:") {
format = format.slice(3, format.length - 1);
}
return format;
};
kendo._activeElement = function() {
try {
return document.activeElement;
} catch(e) {
return document.documentElement.activeElement;
}
};
kendo._round = round;
kendo.toString = toString;
})();
(function() {
var nonBreakingSpaceRegExp = /\u00A0/g,
exponentRegExp = /[eE][\-+]?[0-9]+/,
shortTimeZoneRegExp = /[+|\-]\d{1,2}/,
longTimeZoneRegExp = /[+|\-]\d{1,2}:\d{2}/,
dateRegExp = /^\/Date\((.*?)\)\/$/,
formatsSequence = ["G", "g", "d", "F", "D", "y", "m", "T", "t"],
numberRegExp = {
2: /^\d{1,2}/,
4: /^\d{4}/
},
objectToString = {}.toString;
function outOfRange(value, start, end) {
return !(value >= start && value <= end);
}
function designatorPredicate(designator) {
return designator.charAt(0);
}
function mapDesignators(designators) {
return $.map(designators, designatorPredicate);
}
//if date's day is different than the typed one - adjust
function adjustDST(date, hours) {
if (!hours && date.getHours() === 23) {
date.setHours(date.getHours() + 2);
}
}
function lowerArray(data) {
var idx = 0,
length = data.length,
array = [];
for (; idx < length; idx++) {
array[idx] = (data[idx] + "").toLowerCase();
}
return array;
}
function lowerLocalInfo(localInfo) {
var newLocalInfo = {}, property;
for (property in localInfo) {
newLocalInfo[property] = lowerArray(localInfo[property]);
}
return newLocalInfo;
}
function parseExact(value, format, culture) {
if (!value) {
return null;
}
var lookAhead = function (match) {
var i = 0;
while (format[idx] === match) {
i++;
idx++;
}
if (i > 0) {
idx -= 1;
}
return i;
},
getNumber = function(size) {
var rg = numberRegExp[size] || new RegExp('^\\d{1,' + size + '}'),
match = value.substr(valueIdx, size).match(rg);
if (match) {
match = match[0];
valueIdx += match.length;
return parseInt(match, 10);
}
return null;
},
getIndexByName = function (names, lower) {
var i = 0,
length = names.length,
name, nameLength,
subValue;
for (; i < length; i++) {
name = names[i];
nameLength = name.length;
subValue = value.substr(valueIdx, nameLength);
if (lower) {
subValue = subValue.toLowerCase();
}
if (subValue == name) {
valueIdx += nameLength;
return i + 1;
}
}
return null;
},
checkLiteral = function() {
var result = false;
if (value.charAt(valueIdx) === format[idx]) {
valueIdx++;
result = true;
}
return result;
},
calendar = culture.calendars.standard,
year = null,
month = null,
day = null,
hours = null,
minutes = null,
seconds = null,
milliseconds = null,
idx = 0,
valueIdx = 0,
literal = false,
date = new Date(),
twoDigitYearMax = calendar.twoDigitYearMax || 2029,
defaultYear = date.getFullYear(),
ch, count, length, pattern,
pmHour, UTC, ISO8601, matches,
amDesignators, pmDesignators,
hoursOffset, minutesOffset,
hasTime;
if (!format) {
format = "d"; //shord date format
}
//if format is part of the patterns get real format
pattern = calendar.patterns[format];
if (pattern) {
format = pattern;
}
format = format.split("");
length = format.length;
for (; idx < length; idx++) {
ch = format[idx];
if (literal) {
if (ch === "'") {
literal = false;
} else {
checkLiteral();
}
} else {
if (ch === "d") {
count = lookAhead("d");
if (!calendar._lowerDays) {
calendar._lowerDays = lowerLocalInfo(calendar.days);
}
day = count < 3 ? getNumber(2) : getIndexByName(calendar._lowerDays[count == 3 ? "namesAbbr" : "names"], true);
if (day === null || outOfRange(day, 1, 31)) {
return null;
}
} else if (ch === "M") {
count = lookAhead("M");
if (!calendar._lowerMonths) {
calendar._lowerMonths = lowerLocalInfo(calendar.months);
}
month = count < 3 ? getNumber(2) : getIndexByName(calendar._lowerMonths[count == 3 ? 'namesAbbr' : 'names'], true);
if (month === null || outOfRange(month, 1, 12)) {
return null;
}
month -= 1; //because month is zero based
} else if (ch === "y") {
count = lookAhead("y");
year = getNumber(count);
if (year === null) {
return null;
}
if (count == 2) {
if (typeof twoDigitYearMax === "string") {
twoDigitYearMax = defaultYear + parseInt(twoDigitYearMax, 10);
}
year = (defaultYear - defaultYear % 100) + year;
if (year > twoDigitYearMax) {
year -= 100;
}
}
} else if (ch === "h" ) {
lookAhead("h");
hours = getNumber(2);
if (hours == 12) {
hours = 0;
}
if (hours === null || outOfRange(hours, 0, 11)) {
return null;
}
} else if (ch === "H") {
lookAhead("H");
hours = getNumber(2);
if (hours === null || outOfRange(hours, 0, 23)) {
return null;
}
} else if (ch === "m") {
lookAhead("m");
minutes = getNumber(2);
if (minutes === null || outOfRange(minutes, 0, 59)) {
return null;
}
} else if (ch === "s") {
lookAhead("s");
seconds = getNumber(2);
if (seconds === null || outOfRange(seconds, 0, 59)) {
return null;
}
} else if (ch === "f") {
count = lookAhead("f");
milliseconds = getNumber(count);
if (milliseconds !== null && count > 3) {
milliseconds = parseInt(milliseconds.toString().substring(0, 3), 10);
}
if (milliseconds === null || outOfRange(milliseconds, 0, 999)) {
return null;
}
} else if (ch === "t") {
count = lookAhead("t");
amDesignators = calendar.AM;
pmDesignators = calendar.PM;
if (count === 1) {
amDesignators = mapDesignators(amDesignators);
pmDesignators = mapDesignators(pmDesignators);
}
pmHour = getIndexByName(pmDesignators);
if (!pmHour && !getIndexByName(amDesignators)) {
return null;
}
}
else if (ch === "z") {
UTC = true;
count = lookAhead("z");
if (value.substr(valueIdx, 1) === "Z") {
if (!ISO8601) {
return null;
}
checkLiteral();
continue;
}
matches = value.substr(valueIdx, 6)
.match(count > 2 ? longTimeZoneRegExp : shortTimeZoneRegExp);
if (!matches) {
return null;
}
matches = matches[0];
valueIdx = matches.length;
matches = matches.split(":");
hoursOffset = parseInt(matches[0], 10);
if (outOfRange(hoursOffset, -12, 13)) {
return null;
}
if (count > 2) {
minutesOffset = parseInt(matches[1], 10);
if (isNaN(minutesOffset) || outOfRange(minutesOffset, 0, 59)) {
return null;
}
}
} else if (ch === "T") {
ISO8601 = checkLiteral();
} else if (ch === "'") {
literal = true;
checkLiteral();
} else if (!checkLiteral()) {
return null;
}
}
}
hasTime = hours !== null || minutes !== null || seconds || null;
if (year === null && month === null && day === null && hasTime) {
year = defaultYear;
month = date.getMonth();
day = date.getDate();
} else {
if (year === null) {
year = defaultYear;
}
if (day === null) {
day = 1;
}
}
if (pmHour && hours < 12) {
hours += 12;
}
if (UTC) {
if (hoursOffset) {
hours += -hoursOffset;
}
if (minutesOffset) {
minutes += -minutesOffset;
}
value = new Date(Date.UTC(year, month, day, hours, minutes, seconds, milliseconds));
} else {
value = new Date(year, month, day, hours, minutes, seconds, milliseconds);
adjustDST(value, hours);
}
if (year < 100) {
value.setFullYear(year);
}
if (value.getDate() !== day && UTC === undefined) {
return null;
}
return value;
}
kendo.parseDate = function(value, formats, culture) {
if (objectToString.call(value) === "[object Date]") {
return value;
}
var idx = 0,
date = null,
length, patterns;
if (value && value.indexOf("/D") === 0) {
date = dateRegExp.exec(value);
if (date) {
return new Date(parseInt(date[1], 10));
}
}
culture = kendo.getCulture(culture);
if (!formats) {
formats = [];
patterns = culture.calendar.patterns;
length = formatsSequence.length;
for (; idx < length; idx++) {
formats[idx] = patterns[formatsSequence[idx]];
}
idx = 0;
formats.push(
"yyyy/MM/dd HH:mm:ss",
"yyyy/MM/dd HH:mm",
"yyyy/MM/dd",
"ddd MMM dd yyyy HH:mm:ss",
"yyyy-MM-ddTHH:mm:ss.fffffffzzz",
"yyyy-MM-ddTHH:mm:ss.fffzzz",
"yyyy-MM-ddTHH:mm:sszzz",
"yyyy-MM-ddTHH:mmzzz",
"yyyy-MM-ddTHH:mmzz",
"yyyy-MM-ddTHH:mm:ss",
"yyyy-MM-ddTHH:mm",
"yyyy-MM-dd HH:mm:ss",
"yyyy-MM-dd HH:mm",
"yyyy-MM-dd"
);
}
formats = isArray(formats) ? formats: [formats];
length = formats.length;
for (; idx < length; idx++) {
date = parseExact(value, formats[idx], culture);
if (date) {
return date;
}
}
return date;
};
kendo.parseInt = function(value, culture) {
var result = kendo.parseFloat(value, culture);
if (result) {
result = result | 0;
}
return result;
};
kendo.parseFloat = function(value, culture, format) {
if (!value && value !== 0) {
return null;
}
if (typeof value === NUMBER) {
return value;
}
value = value.toString();
culture = kendo.getCulture(culture);
var number = culture.numberFormat,
percent = number.percent,
currency = number.currency,
symbol = currency.symbol,
percentSymbol = percent.symbol,
negative = value.indexOf("-"),
parts, isPercent;
//handle exponential number
if (exponentRegExp.test(value)) {
value = parseFloat(value.replace(number["."], "."));
if (isNaN(value)) {
value = null;
}
return value;
}
if (negative > 0) {
return null;
} else {
negative = negative > -1;
}
if (value.indexOf(symbol) > -1 || (format && format.toLowerCase().indexOf("c") > -1)) {
number = currency;
parts = number.pattern[0].replace("$", symbol).split("n");
if (value.indexOf(parts[0]) > -1 && value.indexOf(parts[1]) > -1) {
value = value.replace(parts[0], "").replace(parts[1], "");
negative = true;
}
} else if (value.indexOf(percentSymbol) > -1) {
isPercent = true;
number = percent;
symbol = percentSymbol;
}
value = value.replace("-", "")
.replace(symbol, "")
.replace(nonBreakingSpaceRegExp, " ")
.split(number[","].replace(nonBreakingSpaceRegExp, " ")).join("")
.replace(number["."], ".");
value = parseFloat(value);
if (isNaN(value)) {
value = null;
} else if (negative) {
value *= -1;
}
if (value && isPercent) {
value /= 100;
}
return value;
};
if (globalize) {
kendo.parseDate = function (value, format, culture) {
if (objectToString.call(value) === "[object Date]") {
return value;
}
return globalize.parseDate(value, format, culture);
};
kendo.parseFloat = function (value, culture) {
if (typeof value === NUMBER) {
return value;
}
if (value === undefined || value === null) {
return null;
}
value = globalize.parseFloat(value, culture);
return isNaN(value) ? null : value;
};
}
})();
function wrap(element, autosize) {
var browser = support.browser,
percentage,
isRtl = element.css("direction") == "rtl";
if (!element.parent().hasClass("k-animation-container")) {
var shadow = element.css(kendo.support.transitions.css + "box-shadow") || element.css("box-shadow"),
radius = shadow ? shadow.match(boxShadowRegExp) || [ 0, 0, 0, 0, 0 ] : [ 0, 0, 0, 0, 0 ],
blur = math.max((+radius[3]), +(radius[4] || 0)),
left = (-radius[1]) + blur,
right = (+radius[1]) + blur,
bottom = (+radius[2]) + blur,
width = element[0].style.width,
height = element[0].style.height,
percentWidth = percentRegExp.test(width),
percentHeight = percentRegExp.test(height);
if (browser.opera) { // Box shadow can't be retrieved in Opera
left = right = bottom = 5;
}
percentage = percentWidth || percentHeight;
if (!percentWidth && (!autosize || (autosize && width))) { width = element.outerWidth(); }
if (!percentHeight && (!autosize || (autosize && height))) { height = element.outerHeight(); }
element.wrap(
$("
")
.addClass("k-animation-container")
.css({
width: width,
height: height,
marginLeft: left * (isRtl ? 1 : -1),
paddingLeft: left,
paddingRight: right,
paddingBottom: bottom
}));
if (percentage) {
element.css({
width: "100%",
height: "100%",
boxSizing: "border-box",
mozBoxSizing: "border-box",
webkitBoxSizing: "border-box"
});
}
} else {
var wrapper = element.parent(".k-animation-container"),
wrapperStyle = wrapper[0].style;
if (wrapper.is(":hidden")) {
wrapper.show();
}
percentage = percentRegExp.test(wrapperStyle.width) || percentRegExp.test(wrapperStyle.height);
if (!percentage) {
wrapper.css({
width: element.outerWidth(),
height: element.outerHeight(),
boxSizing: "content-box",
mozBoxSizing: "content-box",
webkitBoxSizing: "content-box"
});
}
}
if (browser.msie && math.floor(browser.version) <= 7) {
element.css({ zoom: 1 });
element.children(".k-menu").width(element.width());
}
return element.parent();
}
function deepExtend(destination) {
var i = 1,
length = arguments.length;
for (i = 1; i < length; i++) {
deepExtendOne(destination, arguments[i]);
}
return destination;
}
function deepExtendOne(destination, source) {
var ObservableArray = kendo.data.ObservableArray,
DataSource = kendo.data.DataSource,
property,
propValue,
propType,
destProp;
for (property in source) {
propValue = source[property];
propType = typeof propValue;
if (propType === OBJECT && propValue !== null && propValue.constructor !== Array &&
propValue.constructor !== ObservableArray && propValue.constructor !== DataSource) {
if (propValue instanceof Date) {
destination[property] = new Date(propValue.getTime());
} else {
destProp = destination[property];
if (typeof (destProp) === OBJECT) {
destination[property] = destProp || {};
} else {
destination[property] = {};
}
deepExtendOne(destination[property], propValue);
}
} else if (propType !== UNDEFINED) {
destination[property] = propValue;
}
}
return destination;
}
function testRx(agent, rxs, dflt) {
for (var rx in rxs) {
if (rxs.hasOwnProperty(rx) && rxs[rx].test(agent)) {
return rx;
}
}
return dflt !== undefined ? dflt : agent;
}
function toHyphens(str) {
return str.replace(/([a-z][A-Z])/g, function (g) {
return g.charAt(0) + '-' + g.charAt(1).toLowerCase();
});
}
function toCamelCase(str) {
return str.replace(/\-(\w)/g, function (strMatch, g1) {
return g1.toUpperCase();
});
}
function getComputedStyles(element, properties) {
var styles = {}, computedStyle;
if (document.defaultView && document.defaultView.getComputedStyle) {
computedStyle = document.defaultView.getComputedStyle(element, "");
if (properties) {
$.each(properties, function(idx, value) {
styles[value] = computedStyle.getPropertyValue(value);
});
}
} else {
computedStyle = element.currentStyle;
if (properties) {
$.each(properties, function(idx, value) {
styles[value] = computedStyle[toCamelCase(value)];
});
}
}
if (!kendo.size(styles)) {
styles = computedStyle;
}
return styles;
}
(function() {
support.scrollbar = function() {
var div = document.createElement("div"),
result;
div.style.cssText = "overflow:scroll;overflow-x:hidden;zoom:1;clear:both";
div.innerHTML = " ";
document.body.appendChild(div);
result = div.offsetWidth - div.scrollWidth;
document.body.removeChild(div);
return result;
};
support.isRtl = function(element) {
return $(element).closest(".k-rtl").length > 0;
};
var table = document.createElement("table");
// Internet Explorer does not support setting the innerHTML of TBODY and TABLE elements
try {
table.innerHTML = "#:{1}# ',
options.valueField || options.textField, options.textField || options.valueField);
} else {
template = "#:data# ";
}
} else if (nodeName == "tbody") {
template = "#:data# #:data# ";
} else {
template = "#:data#";
}
template = kendo.template(template);
}
return template;
},
destroy: function() {
var source = this.bindings.source.get();
source.unbind(CHANGE, this._change);
},
add: function(index, items) {
var element = this.container(),
parents,
idx,
length,
child,
clone = element.cloneNode(false),
reference = element.children[index];
$(clone).html(kendo.render(this.template(), items));
if (clone.children.length) {
parents = this.bindings.source._parents();
for (idx = 0, length = items.length; idx < length; idx++) {
child = clone.children[0];
element.insertBefore(child, reference || null);
bindElement(child, items[idx], this.options.roles, [items[idx]].concat(parents));
}
}
},
remove: function(index, items) {
var idx, element = this.container();
for (idx = 0; idx < items.length; idx++) {
var child = element.children[index];
unbindElementTree(child);
element.removeChild(child);
}
},
render: function() {
var source = this.bindings.source.get(),
parents,
idx,
length,
element = this.container(),
template = this.template(),
parent;
if (source instanceof kendo.data.DataSource) {
source = source.view();
}
if (!(source instanceof ObservableArray) && toString.call(source) !== "[object Array]") {
if (source.parent) {
parent = source.parent;
}
source = new ObservableArray([source]);
if (source.parent) {
source.parent = parent;
}
}
if (this.bindings.template) {
unbindElementChildren(element);
$(element).html(this.bindings.template.render(source));
if (element.children.length) {
parents = this.bindings.source._parents();
for (idx = 0, length = source.length; idx < length; idx++) {
bindElement(element.children[idx], source[idx], this.options.roles, [source[idx]].concat(parents));
}
}
}
else {
$(element).html(kendo.render(template, source));
}
}
});
binders.input = {
checked: Binder.extend({
init: function(element, bindings, options) {
Binder.fn.init.call(this, element, bindings, options);
this._change = proxy(this.change, this);
$(this.element).change(this._change);
},
change: function() {
var element = this.element;
var value = this.value();
if (element.type == "radio") {
this.bindings[CHECKED].set(value);
} else if (element.type == "checkbox") {
var source = this.bindings[CHECKED].get();
var index;
if (source instanceof ObservableArray) {
value = this.element.value;
if (value !== "on" && value !== "off") {
index = source.indexOf(value);
if (index > -1) {
source.splice(index, 1);
} else {
source.push(value);
}
}
} else {
this.bindings[CHECKED].set(value);
}
}
},
refresh: function() {
var value = this.bindings[CHECKED].get(),
source = value,
element = this.element;
if (element.type == "checkbox") {
if (source instanceof ObservableArray) {
value = this.element.value;
if (source.indexOf(value) >= 0) {
value = true;
}
}
element.checked = value === true;
} else if (element.type == "radio" && value != null) {
if (element.value === value.toString()) {
element.checked = true;
}
}
},
value: function() {
var element = this.element,
value = element.value;
if (element.type == "checkbox") {
value = element.checked;
}
return value;
},
destroy: function() {
$(this.element).off(CHANGE, this._change);
}
})
};
binders.select = {
value: Binder.extend({
init: function(target, bindings, options) {
Binder.fn.init.call(this, target, bindings, options);
this._change = proxy(this.change, this);
$(this.element).change(this._change);
},
change: function() {
var values = [],
element = this.element,
source,
field = this.options.valueField || this.options.textField,
valuePrimitive = this.options.valuePrimitive,
option,
valueIndex,
value,
idx,
length;
for (idx = 0, length = element.options.length; idx < length; idx++) {
option = element.options[idx];
if (option.selected) {
value = option.attributes.value;
if (value && value.specified) {
value = option.value;
} else {
value = option.text;
}
values.push(value);
}
}
if (field) {
source = this.bindings.source.get();
for (valueIndex = 0; valueIndex < values.length; valueIndex++) {
for (idx = 0, length = source.length; idx < length; idx++) {
if (source[idx].get(field) == values[valueIndex]) {
values[valueIndex] = source[idx];
break;
}
}
}
}
value = this.bindings[VALUE].get();
if (value instanceof ObservableArray) {
value.splice.apply(value, [0, value.length].concat(values));
} else if (!valuePrimitive && (value instanceof ObservableObject || !field)) {
this.bindings[VALUE].set(values[0]);
} else {
this.bindings[VALUE].set(values[0].get(field));
}
},
refresh: function() {
var optionIndex,
element = this.element,
options = element.options,
value = this.bindings[VALUE].get(),
values = value,
field = this.options.valueField || this.options.textField,
found = false,
optionValue;
if (!(values instanceof ObservableArray)) {
values = new ObservableArray([value]);
}
element.selectedIndex = -1;
for (var valueIndex = 0; valueIndex < values.length; valueIndex++) {
value = values[valueIndex];
if (field && value instanceof ObservableObject) {
value = value.get(field);
}
for (optionIndex = 0; optionIndex < options.length; optionIndex++) {
optionValue = options[optionIndex].value;
if (optionValue === "" && value !== "") {
optionValue = options[optionIndex].text;
}
if (optionValue == value) {
options[optionIndex].selected = true;
found = true;
}
}
}
},
destroy: function() {
$(this.element).off(CHANGE, this._change);
}
})
};
binders.widget = {
events : Binder.extend({
init: function(widget, bindings, options) {
Binder.fn.init.call(this, widget.element[0], bindings, options);
this.widget = widget;
this.handlers = {};
},
refresh: function(key) {
var binding = this.bindings.events[key],
handler = this.handlers[key];
if (handler) {
this.widget.unbind(key, handler);
}
handler = binding.get();
this.handlers[key] = function(e) {
e.data = binding.source;
handler(e);
if (e.data === binding.source) {
delete e.data;
}
};
this.widget.bind(key, this.handlers[key]);
},
destroy: function() {
var handler;
for (handler in this.handlers) {
this.widget.unbind(handler, this.handlers[handler]);
}
}
}),
checked: Binder.extend({
init: function(widget, bindings, options) {
Binder.fn.init.call(this, widget.element[0], bindings, options);
this.widget = widget;
this._change = proxy(this.change, this);
this.widget.bind(CHANGE, this._change);
},
change: function() {
this.bindings[CHECKED].set(this.value());
},
refresh: function() {
this.widget.check(this.bindings[CHECKED].get() === true);
},
value: function() {
var element = this.element,
value = element.value;
if (value == "on" || value == "off") {
value = element.checked;
}
return value;
},
destroy: function() {
this.widget.unbind(CHANGE, this._change);
}
}),
visible: Binder.extend({
init: function(widget, bindings, options) {
Binder.fn.init.call(this, widget.element[0], bindings, options);
this.widget = widget;
},
refresh: function() {
var visible = this.bindings.visible.get();
this.widget.wrapper[0].style.display = visible ? "" : "none";
}
}),
invisible: Binder.extend({
init: function(widget, bindings, options) {
Binder.fn.init.call(this, widget.element[0], bindings, options);
this.widget = widget;
},
refresh: function() {
var invisible = this.bindings.invisible.get();
this.widget.wrapper[0].style.display = invisible ? "none" : "";
}
}),
enabled: Binder.extend({
init: function(widget, bindings, options) {
Binder.fn.init.call(this, widget.element[0], bindings, options);
this.widget = widget;
},
refresh: function() {
if (this.widget.enable) {
this.widget.enable(this.bindings.enabled.get());
}
}
}),
disabled: Binder.extend({
init: function(widget, bindings, options) {
Binder.fn.init.call(this, widget.element[0], bindings, options);
this.widget = widget;
},
refresh: function() {
if (this.widget.enable) {
this.widget.enable(!this.bindings.disabled.get());
}
}
}),
source: Binder.extend({
init: function(widget, bindings, options) {
var that = this;
Binder.fn.init.call(that, widget.element[0], bindings, options);
that.widget = widget;
that._dataBinding = proxy(that.dataBinding, that);
that._dataBound = proxy(that.dataBound, that);
that._itemChange = proxy(that.itemChange, that);
},
itemChange: function(e) {
bindElement(e.item[0], e.data, this._ns(e.ns), [e.data].concat(this.bindings.source._parents()));
},
dataBinding: function() {
var idx,
length,
widget = this.widget,
items = widget.items();
for (idx = 0, length = items.length; idx < length; idx++) {
unbindElementTree(items[idx]);
}
},
_ns: function(ns) {
ns = ns || kendo.ui;
var all = [ kendo.ui, kendo.dataviz.ui, kendo.mobile.ui ];
all.splice($.inArray(ns, all), 1);
all.unshift(ns);
return kendo.rolesFromNamespaces(all);
},
dataBound: function(e) {
var idx,
length,
widget = this.widget,
items = widget.items(),
dataSource = widget.dataSource,
view = dataSource.view(),
parents,
groups = dataSource.group() || [];
if (items.length) {
if (groups.length) {
view = flattenGroups(view);
}
parents = this.bindings.source._parents();
for (idx = 0, length = view.length; idx < length; idx++) {
bindElement(items[idx], view[idx], this._ns(e.ns), [view[idx]].concat(parents));
}
}
},
refresh: function(e) {
var that = this,
source,
widget = that.widget;
e = e || {};
if (!e.action) {
that.destroy();
widget.bind("dataBinding", that._dataBinding);
widget.bind("dataBound", that._dataBound);
widget.bind("itemChange", that._itemChange);
source = that.bindings.source.get();
if (widget.dataSource instanceof kendo.data.DataSource && widget.dataSource != source) {
if (source instanceof kendo.data.DataSource) {
widget.setDataSource(source);
} else if (source && source._dataSource) {
widget.setDataSource(source._dataSource);
} else {
widget.dataSource.data(source);
}
}
}
},
destroy: function() {
var widget = this.widget;
widget.unbind("dataBinding", this._dataBinding);
widget.unbind("dataBound", this._dataBound);
widget.unbind("itemChange", this._itemChange);
}
}),
value: Binder.extend({
init: function(widget, bindings, options) {
Binder.fn.init.call(this, widget.element[0], bindings, options);
this.widget = widget;
this._change = $.proxy(this.change, this);
this.widget.first(CHANGE, this._change);
var value = this.bindings.value.get();
this._valueIsObservableObject = !options.valuePrimitive && (value == null || value instanceof ObservableObject);
this._valueIsObservableArray = value instanceof ObservableArray;
this._initChange = false;
},
change: function() {
var value = this.widget.value(),
field = this.options.dataValueField || this.options.dataTextField,
isArray = toString.call(value) === "[object Array]",
isObservableObject = this._valueIsObservableObject,
valueIndex, valueLength, values = [],
sourceItem, sourceValue,
idx, length, source;
this._initChange = true;
if (field) {
if (this.bindings.source) {
source = this.bindings.source.get();
}
if (value === "" && (isObservableObject || this.options.valuePrimitive)) {
value = null;
} else {
if (!source || source instanceof kendo.data.DataSource) {
source = this.widget.dataSource.view();
}
if (isArray) {
valueLength = value.length;
values = value.slice(0);
}
for (idx = 0, length = source.length; idx < length; idx++) {
sourceItem = source[idx];
sourceValue = sourceItem.get(field);
if (isArray) {
for (valueIndex = 0; valueIndex < valueLength; valueIndex++) {
if (sourceValue == values[valueIndex]) {
values[valueIndex] = sourceItem;
break;
}
}
} else if (sourceValue == value) {
value = isObservableObject ? sourceItem : sourceValue;
break;
}
}
if (values[0]) {
if (this._valueIsObservableArray) {
value = values;
} else if (isObservableObject || !field) {
value = values[0];
} else {
value = values[0].get(field);
}
}
}
}
this.bindings.value.set(value);
this._initChange = false;
},
refresh: function() {
if (!this._initChange) {
var field = this.options.dataValueField || this.options.dataTextField,
value = this.bindings.value.get(),
idx = 0, length,
values = [];
if (field) {
if (value instanceof ObservableArray) {
for (length = value.length; idx < length; idx++) {
values[idx] = value[idx].get(field);
}
value = values;
} else if (value instanceof ObservableObject) {
value = value.get(field);
}
}
this.widget.value(value);
}
this._initChange = false;
},
destroy: function() {
this.widget.unbind(CHANGE, this._change);
}
}),
multiselect: {
value: Binder.extend({
init: function(widget, bindings, options) {
Binder.fn.init.call(this, widget.element[0], bindings, options);
this.widget = widget;
this._change = $.proxy(this.change, this);
this.widget.first(CHANGE, this._change);
this._initChange = false;
},
change: function() {
var that = this,
oldValues = that.bindings[VALUE].get(),
valuePrimitive = that.options.valuePrimitive,
newValues = valuePrimitive ? that.widget.value() : that.widget.dataItems();
var field = this.options.dataValueField || this.options.dataTextField;
newValues = newValues.slice(0);
that._initChange = true;
if (oldValues instanceof ObservableArray) {
var remove = [];
var newLength = newValues.length;
var i = 0, j = 0;
var old = oldValues[i];
var same = false;
var removeIndex;
var newValue;
var found;
while (old) {
found = false;
for (j = 0; j < newLength; j++) {
if (valuePrimitive) {
same = newValues[j] == old;
} else {
newValue = newValues[j];
newValue = newValue.get ? newValue.get(field) : newValue;
same = newValue == (old.get ? old.get(field) : old);
}
if (same) {
newValues.splice(j, 1);
newLength -= 1;
found = true;
break;
}
}
if (!found) {
remove.push(old);
splice.call(oldValues, i, 1);
removeIndex = i;
} else {
i += 1;
}
old = oldValues[i];
}
splice.apply(oldValues, [oldValues.length, 0].concat(newValues));
if (remove.length) {
oldValues.trigger("change", {
action: "remove",
items: remove,
index: removeIndex
});
}
if (newValues.length) {
oldValues.trigger("change", {
action: "add",
items: newValues,
index: oldValues.length - 1
});
}
} else {
that.bindings[VALUE].set(newValues);
}
that._initChange = false;
},
refresh: function() {
if (!this._initChange) {
var field = this.options.dataValueField || this.options.dataTextField,
value = this.bindings.value.get(),
idx = 0, length,
values = [],
selectedValue;
if (field) {
if (value instanceof ObservableArray) {
for (length = value.length; idx < length; idx++) {
selectedValue = value[idx];
values[idx] = selectedValue.get ? selectedValue.get(field) : selectedValue;
}
value = values;
} else if (value instanceof ObservableObject) {
value = value.get(field);
}
}
this.widget.value(value);
}
},
destroy: function() {
this.widget.unbind(CHANGE, this._change);
}
})
}
};
var BindingTarget = Class.extend( {
init: function(target, options) {
this.target = target;
this.options = options;
this.toDestroy = [];
},
bind: function(bindings) {
var nodeName = this.target.nodeName.toLowerCase(),
key,
hasValue,
hasSource,
hasEvents,
specificBinders = binders[nodeName] || {};
for (key in bindings) {
if (key == VALUE) {
hasValue = true;
} else if (key == SOURCE) {
hasSource = true;
} else if (key == EVENTS) {
hasEvents = true;
} else {
this.applyBinding(key, bindings, specificBinders);
}
}
if (hasSource) {
this.applyBinding(SOURCE, bindings, specificBinders);
}
if (hasValue) {
this.applyBinding(VALUE, bindings, specificBinders);
}
if (hasEvents) {
this.applyBinding(EVENTS, bindings, specificBinders);
}
},
applyBinding: function(name, bindings, specificBinders) {
var binder = specificBinders[name] || binders[name],
toDestroy = this.toDestroy,
attribute,
binding = bindings[name];
if (binder) {
binder = new binder(this.target, bindings, this.options);
toDestroy.push(binder);
if (binding instanceof Binding) {
binder.bind(binding);
toDestroy.push(binding);
} else {
for (attribute in binding) {
binder.bind(binding, attribute);
toDestroy.push(binding[attribute]);
}
}
} else if (name !== "template") {
throw new Error("The " + name + " binding is not supported by the " + this.target.nodeName.toLowerCase() + " element");
}
},
destroy: function() {
var idx,
length,
toDestroy = this.toDestroy;
for (idx = 0, length = toDestroy.length; idx < length; idx++) {
toDestroy[idx].destroy();
}
}
});
var WidgetBindingTarget = BindingTarget.extend( {
bind: function(bindings) {
var that = this,
binding,
hasValue = false,
hasSource = false,
specificBinders = binders.widget[that.target.options.name.toLowerCase()] || {};
for (binding in bindings) {
if (binding == VALUE) {
hasValue = true;
} else if (binding == SOURCE) {
hasSource = true;
} else {
that.applyBinding(binding, bindings);
}
}
if (hasSource) {
that.applyBinding(SOURCE, bindings);
}
if (hasValue) {
that.applyBinding(VALUE, bindings, specificBinders[VALUE]);
}
},
applyBinding: function(name, bindings, specificBinder) {
var binder = specificBinder || binders.widget[name],
toDestroy = this.toDestroy,
attribute,
binding = bindings[name];
if (binder) {
binder = new binder(this.target, bindings, this.target.options);
toDestroy.push(binder);
if (binding instanceof Binding) {
binder.bind(binding);
toDestroy.push(binding);
} else {
for (attribute in binding) {
binder.bind(binding, attribute);
toDestroy.push(binding[attribute]);
}
}
} else {
throw new Error("The " + name + " binding is not supported by the " + this.target.options.name + " widget");
}
}
});
function flattenGroups(data) {
var idx, length, result = [];
for (idx = 0, length = data.length; idx < length; idx++) {
if (data[idx].hasSubgroups) {
result = result.concat(flattenGroups(data[idx].items));
} else {
result = result.concat.apply(result, data[idx].items);
}
}
return result;
}
function bindingTargetForRole(element, roles) {
var widget = kendo.initWidget(element, {}, roles);
if (widget) {
return new WidgetBindingTarget(widget);
}
}
var keyValueRegExp = /[A-Za-z0-9_\-]+:(\{([^}]*)\}|[^,}]+)/g,
whiteSpaceRegExp = /\s/g;
function parseBindings(bind) {
var result = {},
idx,
length,
token,
colonIndex,
key,
value,
tokens;
tokens = bind.match(keyValueRegExp);
for (idx = 0, length = tokens.length; idx < length; idx++) {
token = tokens[idx];
colonIndex = token.indexOf(":");
key = token.substring(0, colonIndex);
value = token.substring(colonIndex + 1);
if (value.charAt(0) == "{") {
value = parseBindings(value);
}
result[key] = value;
}
return result;
}
function createBindings(bindings, source, type) {
var binding,
result = {};
for (binding in bindings) {
result[binding] = new type(source, bindings[binding]);
}
return result;
}
function bindElement(element, source, roles, parents) {
var role = element.getAttribute("data-" + kendo.ns + "role"),
idx,
bind = element.getAttribute("data-" + kendo.ns + "bind"),
children = element.children,
childrenCopy = [],
deep = true,
bindings,
options = {},
target;
parents = parents || [source];
if (role || bind) {
unbindElement(element);
}
if (role) {
target = bindingTargetForRole(element, roles);
}
if (bind) {
bind = parseBindings(bind.replace(whiteSpaceRegExp, ""));
if (!target) {
options = kendo.parseOptions(element, {textField: "", valueField: "", template: "", valueUpdate: CHANGE, valuePrimitive: false, autoBind: true});
options.roles = roles;
target = new BindingTarget(element, options);
}
target.source = source;
bindings = createBindings(bind, parents, Binding);
if (options.template) {
bindings.template = new TemplateBinding(parents, "", options.template);
}
if (bindings.click) {
bind.events = bind.events || {};
bind.events.click = bind.click;
delete bindings.click;
}
if (bindings.source) {
deep = false;
}
if (bind.attr) {
bindings.attr = createBindings(bind.attr, parents, Binding);
}
if (bind.style) {
bindings.style = createBindings(bind.style, parents, Binding);
}
if (bind.events) {
bindings.events = createBindings(bind.events, parents, EventBinding);
}
target.bind(bindings);
}
if (target) {
element.kendoBindingTarget = target;
}
if (deep && children) {
// https://github.com/telerik/kendo/issues/1240 for the weirdness.
for (idx = 0; idx < children.length; idx++) {
childrenCopy[idx] = children[idx];
}
for (idx = 0; idx < childrenCopy.length; idx++) {
bindElement(childrenCopy[idx], source, roles, parents);
}
}
}
function bind(dom, object) {
var idx,
length,
node,
roles = kendo.rolesFromNamespaces([].slice.call(arguments, 2));
object = kendo.observable(object);
dom = $(dom);
for (idx = 0, length = dom.length; idx < length; idx++) {
node = dom[idx];
if (node.nodeType === 1) {
bindElement(node, object, roles);
}
}
}
function unbindElement(element) {
var bindingTarget = element.kendoBindingTarget;
if (bindingTarget) {
bindingTarget.destroy();
if ($.support.deleteExpando) {
delete element.kendoBindingTarget;
} else if (element.removeAttribute) {
element.removeAttribute("kendoBindingTarget");
} else {
element.kendoBindingTarget = null;
}
}
}
function unbindElementTree(element) {
unbindElement(element);
unbindElementChildren(element);
}
function unbindElementChildren(element) {
var children = element.children;
if (children) {
for (var idx = 0, length = children.length; idx < length; idx++) {
unbindElementTree(children[idx]);
}
}
}
function unbind(dom) {
var idx, length;
dom = $(dom);
for (idx = 0, length = dom.length; idx < length; idx++ ) {
unbindElementTree(dom[idx]);
}
}
function notify(widget, namespace) {
var element = widget.element,
bindingTarget = element[0].kendoBindingTarget;
if (bindingTarget) {
bind(element, bindingTarget.source, namespace);
}
}
kendo.unbind = unbind;
kendo.bind = bind;
kendo.data.binders = binders;
kendo.data.Binder = Binder;
kendo.notify = notify;
kendo.observable = function(object) {
if (!(object instanceof ObservableObject)) {
object = new ObservableObject(object);
}
return object;
};
kendo.observableHierarchy = function(array) {
var dataSource = kendo.data.HierarchicalDataSource.create(array);
function recursiveRead(data) {
var i, children;
for (i = 0; i < data.length; i++) {
data[i]._initChildren();
children = data[i].children;
children.fetch();
data[i].items = children.data();
recursiveRead(data[i].items);
}
}
dataSource.fetch();
recursiveRead(dataSource.data());
dataSource._data._dataSource = dataSource;
return dataSource._data;
};
})(window.kendo.jQuery);
kendo_module({
id: "validator",
name: "Validator",
category: "web",
description: "The Validator offers an easy way to do a client-side form validation.",
depends: [ "core" ]
});
(function($, undefined) {
var kendo = window.kendo,
Widget = kendo.ui.Widget,
NS = ".kendoValidator",
INVALIDMSG = "k-invalid-msg",
invalidMsgRegExp = new RegExp(INVALIDMSG,'i'),
INVALIDINPUT = "k-invalid",
emailRegExp = /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))$/i,
urlRegExp = /^(https?|ftp):\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i,
INPUTSELECTOR = ":input:not(:button,[type=submit],[type=reset],[disabled],[readonly])",
CHECKBOXSELECTOR = ":checkbox:not([disabled],[readonly])",
NUMBERINPUTSELECTOR = "[type=number],[type=range]",
BLUR = "blur",
NAME = "name",
FORM = "form",
NOVALIDATE = "novalidate",
proxy = $.proxy,
patternMatcher = function(value, pattern) {
if (typeof pattern === "string") {
pattern = new RegExp('^(?:' + pattern + ')$');
}
return pattern.test(value);
},
matcher = function(input, selector, pattern) {
var value = input.val();
if (input.filter(selector).length && value !== "") {
return patternMatcher(value, pattern);
}
return true;
},
hasAttribute = function(input, name) {
if (input.length) {
return input[0].attributes[name] != null;
}
return false;
};
if (!kendo.ui.validator) {
kendo.ui.validator = { rules: {}, messages: {} };
}
function resolveRules(element) {
var resolvers = kendo.ui.validator.ruleResolvers || {},
rules = {},
name;
for (name in resolvers) {
$.extend(true, rules, resolvers[name].resolve(element));
}
return rules;
}
function decode(value) {
return value.replace(/&/g, '&')
.replace(/"/g, '"')
.replace(/'/g, "'")
.replace(/</g, '<')
.replace(/>/g, '>');
}
function numberOfDecimalDigits(value) {
value = (value + "").split('.');
if (value.length > 1) {
return value[1].length;
}
return 0;
}
function parseHtml(text) {
if ($.parseHTML) {
return $($.parseHTML(text));
}
return $(text);
}
var Validator = Widget.extend({
init: function(element, options) {
var that = this,
resolved = resolveRules(element);
options = options || {};
options.rules = $.extend({}, kendo.ui.validator.rules, resolved.rules, options.rules);
options.messages = $.extend({}, kendo.ui.validator.messages, resolved.messages, options.messages);
Widget.fn.init.call(that, element, options);
that._errorTemplate = kendo.template(that.options.errorTemplate);
if (that.element.is(FORM)) {
that.element.attr(NOVALIDATE, NOVALIDATE);
}
that._errors = {};
that._attachEvents();
},
events: [ "validate" ],
options: {
name: "Validator",
errorTemplate: '' +
' #=message# ',
messages: {
required: "{0} is required",
pattern: "{0} is not valid",
min: "{0} should be greater than or equal to {1}",
max: "{0} should be smaller than or equal to {1}",
step: "{0} is not valid",
email: "{0} is not valid email",
url: "{0} is not valid URL",
date: "{0} is not valid date"
},
rules: {
required: function(input) {
var checkbox = input.filter("[type=checkbox]").length && !input.is(":checked"),
value = input.val();
return !(hasAttribute(input, "required") && (value === "" || !value || checkbox));
},
pattern: function(input) {
if (input.filter("[type=text],[type=email],[type=url],[type=tel],[type=search],[type=password]").filter("[pattern]").length && input.val() !== "") {
return patternMatcher(input.val(), input.attr("pattern"));
}
return true;
},
min: function(input) {
if (input.filter(NUMBERINPUTSELECTOR + ",[" + kendo.attr("type") + "=number]").filter("[min]").length && input.val() !== "") {
var min = parseFloat(input.attr("min")) || 0,
val = kendo.parseFloat(input.val());
return min <= val;
}
return true;
},
max: function(input) {
if (input.filter(NUMBERINPUTSELECTOR + ",[" + kendo.attr("type") + "=number]").filter("[max]").length && input.val() !== "") {
var max = parseFloat(input.attr("max")) || 0,
val = kendo.parseFloat(input.val());
return max >= val;
}
return true;
},
step: function(input) {
if (input.filter(NUMBERINPUTSELECTOR + ",[" + kendo.attr("type") + "=number]").filter("[step]").length && input.val() !== "") {
var min = parseFloat(input.attr("min")) || 0,
step = parseFloat(input.attr("step")) || 1,
val = parseFloat(input.val()),
decimals = numberOfDecimalDigits(step),
raise;
if (decimals) {
raise = Math.pow(10, decimals);
return (((val-min)*raise)%(step*raise)) / Math.pow(100, decimals) === 0;
}
return ((val-min)%step) === 0;
}
return true;
},
email: function(input) {
return matcher(input, "[type=email],[" + kendo.attr("type") + "=email]", emailRegExp);
},
url: function(input) {
return matcher(input, "[type=url],[" + kendo.attr("type") + "=url]", urlRegExp);
},
date: function(input) {
if (input.filter("[type^=date],[" + kendo.attr("type") + "=date]").length && input.val() !== "") {
return kendo.parseDate(input.val(), input.attr(kendo.attr("format"))) !== null;
}
return true;
}
},
validateOnBlur: true
},
destroy: function() {
Widget.fn.destroy.call(this);
this.element.off(NS);
},
_submit: function(e) {
if (!this.validate()) {
e.stopPropagation();
e.stopImmediatePropagation();
e.preventDefault();
return false;
}
return true;
},
_attachEvents: function() {
var that = this;
if (that.element.is(FORM)) {
that.element.on("submit" + NS, proxy(that._submit, that));
}
if (that.options.validateOnBlur) {
if (!that.element.is(INPUTSELECTOR)) {
that.element.on(BLUR + NS, INPUTSELECTOR, function() {
that.validateInput($(this));
});
that.element.on("click" + NS, CHECKBOXSELECTOR, function() {
that.validateInput($(this));
});
} else {
that.element.on(BLUR + NS, function() {
that.validateInput(that.element);
});
if (that.element.is(CHECKBOXSELECTOR)) {
that.element.on("click" + NS, function() {
that.validateInput(that.element);
});
}
}
}
},
validate: function() {
var inputs;
var idx;
var result = false;
var length;
this._errors = {};
if (!this.element.is(INPUTSELECTOR)) {
var invalid = false;
inputs = this.element.find(INPUTSELECTOR);
for (idx = 0, length = inputs.length; idx < length; idx++) {
if (!this.validateInput(inputs.eq(idx))) {
invalid = true;
}
}
result = !invalid;
} else {
result = this.validateInput(this.element);
}
this.trigger("validate", { valid: result });
return result;
},
validateInput: function(input) {
input = $(input);
var that = this,
template = that._errorTemplate,
result = that._checkValidity(input),
valid = result.valid,
className = "." + INVALIDMSG,
fieldName = (input.attr(NAME) || ""),
lbl = that._findMessageContainer(fieldName).add(input.next(className)).hide(),
messageText;
input.removeAttr("aria-invalid");
if (!valid) {
messageText = that._extractMessage(input, result.key);
that._errors[fieldName] = messageText;
var messageLabel = parseHtml(template({ message: decode(messageText) }));
that._decorateMessageContainer(messageLabel, fieldName);
if (!lbl.replaceWith(messageLabel).length) {
messageLabel.insertAfter(input);
}
messageLabel.show();
input.attr("aria-invalid", true);
}
input.toggleClass(INVALIDINPUT, !valid);
return valid;
},
hideMessages: function() {
var that = this,
className = "." + INVALIDMSG,
element = that.element;
if (!element.is(INPUTSELECTOR)) {
element.find(className).hide();
} else {
element.next(className).hide();
}
},
_findMessageContainer: function(fieldName) {
var locators = kendo.ui.validator.messageLocators,
name,
containers = $(),
children = this.element[0].getElementsByTagName("*");
for (var idx = 0, length = children.length; idx < length; idx++) {
var element = children[idx];
if (invalidMsgRegExp.test(element.className)) {
var attr = element.getAttribute(kendo.attr("for"));
if (attr === fieldName) {
containers = containers.add(element);
}
}
}
for (name in locators) {
containers = containers.add(locators[name].locate(this.element, fieldName));
}
return containers;
},
_decorateMessageContainer: function(container, fieldName) {
var locators = kendo.ui.validator.messageLocators,
name;
container.addClass(INVALIDMSG)
.attr(kendo.attr("for"), fieldName || "");
for (name in locators) {
locators[name].decorate(container, fieldName);
}
container.attr("role", "alert");
},
_extractMessage: function(input, ruleKey) {
var that = this,
customMessage = that.options.messages[ruleKey],
fieldName = input.attr(NAME);
customMessage = kendo.isFunction(customMessage) ? customMessage(input) : customMessage;
return kendo.format(input.attr(kendo.attr(ruleKey + "-msg")) || input.attr("validationMessage") || input.attr("title") || customMessage || "", fieldName, input.attr(ruleKey));
},
_checkValidity: function(input) {
var rules = this.options.rules,
rule;
for (rule in rules) {
if (!rules[rule](input)) {
return { valid: false, key: rule };
}
}
return { valid: true };
},
errors: function() {
var results = [],
errors = this._errors,
error;
for (error in errors) {
results.push(errors[error]);
}
return results;
}
});
kendo.ui.plugin(Validator);
})(window.kendo.jQuery);
kendo_module({
id: "userevents",
name: "User Events",
category: "framework",
depends: [ "core" ],
hidden: true
});
(function ($, undefined) {
var kendo = window.kendo,
support = kendo.support,
document = window.document,
Class = kendo.Class,
Observable = kendo.Observable,
now = $.now,
extend = $.extend,
OS = support.mobileOS,
invalidZeroEvents = OS && OS.android,
DEFAULT_MIN_HOLD = 800,
DEFAULT_THRESHOLD = support.browser.ie ? 5 : 0, // WP8 and W8 are very sensitive and always report move.
// UserEvents events
PRESS = "press",
HOLD = "hold",
SELECT = "select",
START = "start",
MOVE = "move",
END = "end",
CANCEL = "cancel",
TAP = "tap",
RELEASE = "release",
GESTURESTART = "gesturestart",
GESTURECHANGE = "gesturechange",
GESTUREEND = "gestureend",
GESTURETAP = "gesturetap";
function touchDelta(touch1, touch2) {
var x1 = touch1.x.location,
y1 = touch1.y.location,
x2 = touch2.x.location,
y2 = touch2.y.location,
dx = x1 - x2,
dy = y1 - y2;
return {
center: {
x: (x1 + x2) / 2,
y: (y1 + y2) / 2
},
distance: Math.sqrt(dx*dx + dy*dy)
};
}
function getTouches(e) {
var touches = [],
originalEvent = e.originalEvent,
currentTarget = e.currentTarget,
idx = 0, length,
changedTouches,
touch;
if (e.api) {
touches.push({
id: 2, // hardcoded ID for API call;
event: e,
target: e.target,
currentTarget: e.target,
location: e
});
}
else if (e.type.match(/touch/)) {
changedTouches = originalEvent ? originalEvent.changedTouches : [];
for (length = changedTouches.length; idx < length; idx ++) {
touch = changedTouches[idx];
touches.push({
location: touch,
event: e,
target: touch.target,
currentTarget: currentTarget,
id: touch.identifier
});
}
}
else if (support.pointers || support.msPointers) {
touches.push({
location: originalEvent,
event: e,
target: e.target,
currentTarget: currentTarget,
id: originalEvent.pointerId
});
} else {
touches.push({
id: 1, // hardcoded ID for mouse event;
event: e,
target: e.target,
currentTarget: currentTarget,
location: e
});
}
return touches;
}
var TouchAxis = Class.extend({
init: function(axis, location) {
var that = this;
that.axis = axis;
that._updateLocationData(location);
that.startLocation = that.location;
that.velocity = that.delta = 0;
that.timeStamp = now();
},
move: function(location) {
var that = this,
offset = location["page" + that.axis],
timeStamp = now(),
timeDelta = (timeStamp - that.timeStamp) || 1; // Firing manually events in tests can make this 0;
if (!offset && invalidZeroEvents) {
return;
}
that.delta = offset - that.location;
that._updateLocationData(location);
that.initialDelta = offset - that.startLocation;
that.velocity = that.delta / timeDelta;
that.timeStamp = timeStamp;
},
_updateLocationData: function(location) {
var that = this, axis = that.axis;
that.location = location["page" + axis];
that.client = location["client" + axis];
that.screen = location["screen" + axis];
}
});
var Touch = Class.extend({
init: function(userEvents, target, touchInfo) {
var that = this;
extend(that, {
x: new TouchAxis("X", touchInfo.location),
y: new TouchAxis("Y", touchInfo.location),
userEvents: userEvents,
target: target,
currentTarget: touchInfo.currentTarget,
initialTouch: touchInfo.target,
id: touchInfo.id,
_moved: false,
_finished: false
});
that.press = function() {
that._trigger(PRESS, touchInfo);
that._holdTimeout = setTimeout(function() {
that._trigger(HOLD, touchInfo);
}, userEvents.minHold);
};
},
move: function(touchInfo) {
var that = this;
if (that._finished) { return; }
that.x.move(touchInfo.location);
that.y.move(touchInfo.location);
if (!that._moved) {
if (that._withinIgnoreThreshold()) {
return;
}
if (!UserEvents.current || UserEvents.current === that.userEvents) {
that._start(touchInfo);
} else {
return that.dispose();
}
}
// Event handlers may cancel the drag in the START event handler, hence the double check for pressed.
if (!that._finished) {
that._trigger(MOVE, touchInfo);
}
},
end: function(touchInfo) {
var that = this;
that.endTime = now();
if (that._finished) { return; }
if (that._moved) {
that._trigger(END, touchInfo);
} else {
that._trigger(TAP, touchInfo);
}
clearTimeout(that._holdTimeout);
that._trigger(RELEASE, touchInfo);
that.dispose();
},
dispose: function() {
var that = this,
userEvents = that.userEvents,
activeTouches = userEvents.touches;
that._finished = true;
activeTouches.splice($.inArray(that, activeTouches), 1);
},
skip: function() {
this.dispose();
},
cancel: function() {
this.dispose();
},
isMoved: function() {
return this._moved;
},
_start: function(touchInfo) {
clearTimeout(this._holdTimeout);
this.startTime = now();
this._moved = true;
this._trigger(START, touchInfo);
},
_trigger: function(name, touchInfo) {
var that = this,
jQueryEvent = touchInfo.event,
data = {
touch: that,
x: that.x,
y: that.y,
target: that.target,
event: jQueryEvent
};
if(that.userEvents.notify(name, data)) {
jQueryEvent.preventDefault();
}
},
_withinIgnoreThreshold: function() {
var xDelta = this.x.initialDelta,
yDelta = this.y.initialDelta;
return Math.sqrt(xDelta * xDelta + yDelta * yDelta) <= this.userEvents.threshold;
}
});
function preventTrigger(e) {
e.preventDefault();
var target = $(e.data.root), // Determine the correct parent to receive the event and bubble.
parent = target.closest(".k-widget").parent();
if (!parent[0]) {
parent = target.parent();
}
var fakeEventData = $.extend(true, {}, e, { target: target[0] });
parent.trigger($.Event(e.type, fakeEventData));
}
function withEachUpEvent(callback) {
var downEvents = kendo.eventMap.up.split(" "),
idx = 0,
length = downEvents.length;
for(; idx < length; idx ++) {
callback(downEvents[idx]);
}
}
var UserEvents = Observable.extend({
init: function(element, options) {
var that = this,
filter,
ns = kendo.guid();
options = options || {};
filter = that.filter = options.filter;
that.threshold = options.threshold || DEFAULT_THRESHOLD;
that.minHold = options.minHold || DEFAULT_MIN_HOLD;
that.touches = [];
that._maxTouches = options.multiTouch ? 2 : 1;
that.allowSelection = options.allowSelection;
that.captureUpIfMoved = options.captureUpIfMoved;
that.eventNS = ns;
element = $(element).handler(that);
Observable.fn.init.call(that);
extend(that, {
element: element,
surface: options.global ? $(document.documentElement) : $(options.surface || element),
stopPropagation: options.stopPropagation,
pressed: false
});
that.surface.handler(that)
.on(kendo.applyEventMap("move", ns), "_move")
.on(kendo.applyEventMap("up cancel", ns), "_end");
element.on(kendo.applyEventMap("down", ns), filter, "_start");
if (support.pointers || support.msPointers) {
element.css("-ms-touch-action", "pinch-zoom double-tap-zoom");
}
if (options.preventDragEvent) {
element.on(kendo.applyEventMap("dragstart", ns), kendo.preventDefault);
}
element.on(kendo.applyEventMap("mousedown selectstart", ns), filter, { root: element }, "_select");
if (that.captureUpIfMoved && support.eventCapture) {
var surfaceElement = that.surface[0],
preventIfMovingProxy = $.proxy(that.preventIfMoving, that);
withEachUpEvent(function(eventName) {
surfaceElement.addEventListener(eventName, preventIfMovingProxy, true);
});
}
that.bind([
PRESS,
HOLD,
TAP,
START,
MOVE,
END,
RELEASE,
CANCEL,
GESTURESTART,
GESTURECHANGE,
GESTUREEND,
GESTURETAP,
SELECT
], options);
},
preventIfMoving: function(e) {
if (this._isMoved()) {
e.preventDefault();
}
},
destroy: function() {
var that = this;
if (that._destroyed) {
return;
}
that._destroyed = true;
if (that.captureUpIfMoved && support.eventCapture) {
var surfaceElement = that.surface[0];
withEachUpEvent(function(eventName) {
surfaceElement.removeEventListener(eventName, that.preventIfMoving);
});
}
that.element.kendoDestroy(that.eventNS);
that.surface.kendoDestroy(that.eventNS);
that.element.removeData("handler");
that.surface.removeData("handler");
that._disposeAll();
that.unbind();
delete that.surface;
delete that.element;
},
capture: function() {
UserEvents.current = this;
},
cancel: function() {
this._disposeAll();
this.trigger(CANCEL);
},
notify: function(eventName, data) {
var that = this,
touches = that.touches;
if (this._isMultiTouch()) {
switch(eventName) {
case MOVE:
eventName = GESTURECHANGE;
break;
case END:
eventName = GESTUREEND;
break;
case TAP:
eventName = GESTURETAP;
break;
}
extend(data, {touches: touches}, touchDelta(touches[0], touches[1]));
}
return this.trigger(eventName, data);
},
// API
press: function(x, y, target) {
this._apiCall("_start", x, y, target);
},
move: function(x, y) {
this._apiCall("_move", x, y);
},
end: function(x, y) {
this._apiCall("_end", x, y);
},
_isMultiTouch: function() {
return this.touches.length > 1;
},
_maxTouchesReached: function() {
return this.touches.length >= this._maxTouches;
},
_disposeAll: function() {
var touches = this.touches;
while (touches.length > 0) {
touches.pop().dispose();
}
},
_isMoved: function() {
return $.grep(this.touches, function(touch) {
return touch.isMoved();
}).length;
},
_select: function(e) {
if (!this.allowSelection || this.trigger(SELECT, { event: e })) {
preventTrigger(e);
}
},
_start: function(e) {
var that = this,
idx = 0,
filter = that.filter,
target,
touches = getTouches(e),
length = touches.length,
touch;
if (that._maxTouchesReached()) {
return;
}
UserEvents.current = null;
that.currentTarget = e.currentTarget;
if (that.stopPropagation) {
e.stopPropagation();
}
for (; idx < length; idx ++) {
if (that._maxTouchesReached()) {
break;
}
touch = touches[idx];
if (filter) {
target = $(touch.currentTarget); // target.is(filter) ? target : target.closest(filter, that.element);
} else {
target = that.element;
}
if (!target.length) {
continue;
}
touch = new Touch(that, target, touch);
that.touches.push(touch);
touch.press();
if (that._isMultiTouch()) {
that.notify("gesturestart", {});
}
}
},
_move: function(e) {
this._eachTouch("move", e);
},
_end: function(e) {
this._eachTouch("end", e);
},
_eachTouch: function(methodName, e) {
var that = this,
dict = {},
touches = getTouches(e),
activeTouches = that.touches,
idx,
touch,
touchInfo,
matchingTouch;
for (idx = 0; idx < activeTouches.length; idx ++) {
touch = activeTouches[idx];
dict[touch.id] = touch;
}
for (idx = 0; idx < touches.length; idx ++) {
touchInfo = touches[idx];
matchingTouch = dict[touchInfo.id];
if (matchingTouch) {
matchingTouch[methodName](touchInfo);
}
}
},
_apiCall: function(type, x, y, target) {
this[type]({
api: true,
pageX: x,
pageY: y,
clientX: x,
clientY: y,
target: target || this.element,
stopPropagation: $.noop,
preventDefault: $.noop
});
}
});
kendo.getTouches = getTouches;
kendo.touchDelta = touchDelta;
kendo.UserEvents = UserEvents;
})(window.kendo.jQuery);
kendo_module({
id: "draganddrop",
name: "Drag & drop",
category: "framework",
description: "Drag & drop functionality for any DOM element.",
depends: [ "core", "userevents" ]
});
(function ($, undefined) {
var kendo = window.kendo,
support = kendo.support,
document = window.document,
Class = kendo.Class,
Widget = kendo.ui.Widget,
Observable = kendo.Observable,
UserEvents = kendo.UserEvents,
proxy = $.proxy,
extend = $.extend,
getOffset = kendo.getOffset,
draggables = {},
dropTargets = {},
dropAreas = {},
lastDropTarget,
OS = support.mobileOS,
invalidZeroEvents = OS && OS.android,
mobileChrome = (invalidZeroEvents && OS.browser == "chrome"),
KEYUP = "keyup",
CHANGE = "change",
// Draggable events
DRAGSTART = "dragstart",
HOLD = "hold",
DRAG = "drag",
DRAGEND = "dragend",
DRAGCANCEL = "dragcancel",
// DropTarget events
DRAGENTER = "dragenter",
DRAGLEAVE = "dragleave",
DROP = "drop";
function contains(parent, child) {
try {
return $.contains(parent, child) || parent == child;
} catch (e) {
return false;
}
}
function elementUnderCursor(e) {
if (mobileChrome) {
return document.elementFromPoint(e.x.screen, e.y.screen);
} else {
return document.elementFromPoint(e.x.client, e.y.client);
}
}
function numericCssPropery(element, property) {
return parseInt(element.css(property), 10) || 0;
}
function within(value, range) {
return Math.min(Math.max(value, range.min), range.max);
}
function containerBoundaries(container, element) {
var offset = getOffset(container),
minX = offset.left + numericCssPropery(container, "borderLeftWidth") + numericCssPropery(container, "paddingLeft"),
minY = offset.top + numericCssPropery(container, "borderTopWidth") + numericCssPropery(container, "paddingTop"),
maxX = minX + container.width() - element.outerWidth(true),
maxY = minY + container.height() - element.outerHeight(true);
return {
x: { min: minX, max: maxX },
y: { min: minY, max: maxY }
};
}
function checkTarget(target, targets, areas) {
var theTarget, theFilter, i = 0,
targetLen = targets && targets.length,
areaLen = areas && areas.length;
while (target && target.parentNode) {
for (i = 0; i < targetLen; i ++) {
theTarget = targets[i];
if (theTarget.element[0] === target) {
return { target: theTarget, targetElement: target };
}
}
for (i = 0; i < areaLen; i ++) {
theFilter = areas[i];
if (support.matchesSelector.call(target, theFilter.options.filter)) {
return { target: theFilter, targetElement: target };
}
}
target = target.parentNode;
}
return undefined;
}
var TapCapture = Observable.extend({
init: function(element, options) {
var that = this,
domElement = element[0];
that.capture = false;
if (domElement.addEventListener) {
$.each(kendo.eventMap.down.split(" "), function() {
domElement.addEventListener(this, proxy(that._press, that), true);
});
$.each(kendo.eventMap.up.split(" "), function() {
domElement.addEventListener(this, proxy(that._release, that), true);
});
} else {
$.each(kendo.eventMap.down.split(" "), function() {
domElement.attachEvent(this, proxy(that._press, that));
});
$.each(kendo.eventMap.up.split(" "), function() {
domElement.attachEvent(this, proxy(that._release, that));
});
}
Observable.fn.init.call(that);
that.bind(["press", "release"], options || {});
},
captureNext: function() {
this.capture = true;
},
cancelCapture: function() {
this.capture = false;
},
_press: function(e) {
var that = this;
that.trigger("press");
if (that.capture) {
e.preventDefault();
}
},
_release: function(e) {
var that = this;
that.trigger("release");
if (that.capture) {
e.preventDefault();
that.cancelCapture();
}
}
});
var PaneDimension = Observable.extend({
init: function(options) {
var that = this;
Observable.fn.init.call(that);
that.forcedEnabled = false;
$.extend(that, options);
that.scale = 1;
if (that.horizontal) {
that.measure = "offsetWidth";
that.scrollSize = "scrollWidth";
that.axis = "x";
} else {
that.measure = "offsetHeight";
that.scrollSize = "scrollHeight";
that.axis = "y";
}
},
makeVirtual: function() {
$.extend(this, {
virtual: true,
forcedEnabled: true,
_virtualMin: 1000,
_virtualMax: -1000
});
},
virtualSize: function(min, max) {
if (this._virtualMin !== min || this._virtualMax !== max) {
this._virtualMin = min;
this._virtualMax = max;
this.update();
}
},
outOfBounds: function(offset) {
return offset > this.max || offset < this.min;
},
forceEnabled: function() {
this.forcedEnabled = true;
},
getSize: function() {
return this.container[0][this.measure];
},
getTotal: function() {
return this.element[0][this.scrollSize];
},
rescale: function(scale) {
this.scale = scale;
},
update: function(silent) {
var that = this,
total = that.virtual ? that._virtualMax : that.getTotal(),
scaledTotal = total * that.scale,
size = that.getSize();
that.max = that.virtual ? -that._virtualMin : 0;
that.size = size;
that.total = scaledTotal;
that.min = Math.min(that.max, size - scaledTotal);
that.minScale = size / total;
that.centerOffset = (scaledTotal - size) / 2;
that.enabled = that.forcedEnabled || (scaledTotal > size);
if (!silent) {
that.trigger(CHANGE, that);
}
}
});
var PaneDimensions = Observable.extend({
init: function(options) {
var that = this;
Observable.fn.init.call(that);
that.x = new PaneDimension(extend({horizontal: true}, options));
that.y = new PaneDimension(extend({horizontal: false}, options));
that.container = options.container;
that.forcedMinScale = options.minScale;
that.maxScale = options.maxScale || 100;
that.bind(CHANGE, options);
},
rescale: function(newScale) {
this.x.rescale(newScale);
this.y.rescale(newScale);
this.refresh();
},
centerCoordinates: function() {
return { x: Math.min(0, -this.x.centerOffset), y: Math.min(0, -this.y.centerOffset) };
},
refresh: function() {
var that = this;
that.x.update();
that.y.update();
that.enabled = that.x.enabled || that.y.enabled;
that.minScale = that.forcedMinScale || Math.min(that.x.minScale, that.y.minScale);
that.fitScale = Math.max(that.x.minScale, that.y.minScale);
that.trigger(CHANGE);
}
});
var PaneAxis = Observable.extend({
init: function(options) {
var that = this;
extend(that, options);
Observable.fn.init.call(that);
},
dragMove: function(delta) {
var that = this,
dimension = that.dimension,
axis = that.axis,
movable = that.movable,
position = movable[axis] + delta;
if (!dimension.enabled) {
return;
}
if ((position < dimension.min && delta < 0) || (position > dimension.max && delta > 0)) {
delta *= that.resistance;
}
movable.translateAxis(axis, delta);
that.trigger(CHANGE, that);
}
});
var Pane = Class.extend({
init: function(options) {
var that = this,
x,
y,
resistance,
movable;
extend(that, {elastic: true}, options);
resistance = that.elastic ? 0.5 : 0;
movable = that.movable;
that.x = x = new PaneAxis({
axis: "x",
dimension: that.dimensions.x,
resistance: resistance,
movable: movable
});
that.y = y = new PaneAxis({
axis: "y",
dimension: that.dimensions.y,
resistance: resistance,
movable: movable
});
that.userEvents.bind(["move", "end", "gesturestart", "gesturechange"], {
gesturestart: function(e) {
that.gesture = e;
that.offset = that.dimensions.container.offset();
},
gesturechange: function(e) {
var previousGesture = that.gesture,
previousCenter = previousGesture.center,
center = e.center,
scaleDelta = e.distance / previousGesture.distance,
minScale = that.dimensions.minScale,
maxScale = that.dimensions.maxScale,
coordinates;
if (movable.scale <= minScale && scaleDelta < 1) {
// Resist shrinking. Instead of shrinking from 1 to 0.5, it will shrink to 0.5 + (1 /* minScale */ - 0.5) * 0.8 = 0.9;
scaleDelta += (1 - scaleDelta) * 0.8;
}
if (movable.scale * scaleDelta >= maxScale) {
scaleDelta = maxScale / movable.scale;
}
var offsetX = movable.x + that.offset.left,
offsetY = movable.y + that.offset.top;
coordinates = {
x: (offsetX - previousCenter.x) * scaleDelta + center.x - offsetX,
y: (offsetY - previousCenter.y) * scaleDelta + center.y - offsetY
};
movable.scaleWith(scaleDelta);
x.dragMove(coordinates.x);
y.dragMove(coordinates.y);
that.dimensions.rescale(movable.scale);
that.gesture = e;
e.preventDefault();
},
move: function(e) {
if (e.event.target.tagName.match(/textarea|input/i)) {
return;
}
if (x.dimension.enabled || y.dimension.enabled) {
x.dragMove(e.x.delta);
y.dragMove(e.y.delta);
e.preventDefault();
} else {
e.touch.skip();
}
},
end: function(e) {
e.preventDefault();
}
});
}
});
var TRANSFORM_STYLE = support.transitions.prefix + "Transform",
translate;
if (support.hasHW3D) {
translate = function(x, y, scale) {
return "translate3d(" + x + "px," + y +"px,0) scale(" + scale + ")";
};
} else {
translate = function(x, y, scale) {
return "translate(" + x + "px," + y +"px) scale(" + scale + ")";
};
}
var Movable = Observable.extend({
init: function(element) {
var that = this;
Observable.fn.init.call(that);
that.element = $(element);
that.element[0].style.webkitTransformOrigin = "left top";
that.x = 0;
that.y = 0;
that.scale = 1;
that._saveCoordinates(translate(that.x, that.y, that.scale));
},
translateAxis: function(axis, by) {
this[axis] += by;
this.refresh();
},
scaleTo: function(scale) {
this.scale = scale;
this.refresh();
},
scaleWith: function(scaleDelta) {
this.scale *= scaleDelta;
this.refresh();
},
translate: function(coordinates) {
this.x += coordinates.x;
this.y += coordinates.y;
this.refresh();
},
moveAxis: function(axis, value) {
this[axis] = value;
this.refresh();
},
moveTo: function(coordinates) {
extend(this, coordinates);
this.refresh();
},
refresh: function() {
var that = this,
x = that.x,
y = that.y,
newCoordinates;
if (that.round) {
x = Math.round(x);
y = Math.round(y);
}
newCoordinates = translate(x, y, that.scale);
if (newCoordinates != that.coordinates) {
if (kendo.support.browser.msie && kendo.support.browser.version < 10) {
that.element[0].style.position = "absolute";
that.element[0].style.left = that.x + "px";
that.element[0].style.top = that.y + "px";
} else {
that.element[0].style[TRANSFORM_STYLE] = newCoordinates;
}
that._saveCoordinates(newCoordinates);
that.trigger(CHANGE);
}
},
_saveCoordinates: function(coordinates) {
this.coordinates = coordinates;
}
});
var DropTarget = Widget.extend({
init: function(element, options) {
var that = this;
Widget.fn.init.call(that, element, options);
var group = that.options.group;
if (!(group in dropTargets)) {
dropTargets[group] = [ that ];
} else {
dropTargets[group].push( that );
}
},
events: [
DRAGENTER,
DRAGLEAVE,
DROP
],
options: {
name: "DropTarget",
group: "default"
},
destroy: function() {
var groupName = this.options.group,
group = dropTargets[groupName] || dropAreas[groupName],
i;
if (group.length > 1) {
Widget.fn.destroy.call(this);
for (i = 0; i < group.length; i++) {
if (group[i] == this) {
group.splice(i, 1);
break;
}
}
} else {
DropTarget.destroyGroup(groupName);
}
},
_trigger: function(eventName, e) {
var that = this,
draggable = draggables[that.options.group];
if (draggable) {
return that.trigger(eventName, extend({}, e.event, {
draggable: draggable,
dropTarget: e.dropTarget
}));
}
},
_over: function(e) {
this._trigger(DRAGENTER, e);
},
_out: function(e) {
this._trigger(DRAGLEAVE, e);
},
_drop: function(e) {
var that = this,
draggable = draggables[that.options.group];
if (draggable) {
draggable.dropped = !that._trigger(DROP, e);
}
}
});
DropTarget.destroyGroup = function(groupName) {
var group = dropTargets[groupName] || dropAreas[groupName],
i;
if (group) {
for (i = 0; i < group.length; i++) {
Widget.fn.destroy.call(group[i]);
}
group.length = 0;
delete dropTargets[groupName];
delete dropAreas[groupName];
}
};
DropTarget._cache = dropTargets;
var DropTargetArea = DropTarget.extend({
init: function(element, options) {
var that = this;
Widget.fn.init.call(that, element, options);
var group = that.options.group;
if (!(group in dropAreas)) {
dropAreas[group] = [ that ];
} else {
dropAreas[group].push( that );
}
},
options: {
name: "DropTargetArea",
group: "default",
filter: null
}
});
var Draggable = Widget.extend({
init: function (element, options) {
var that = this;
Widget.fn.init.call(that, element, options);
that._activated = false;
that.userEvents = new UserEvents(that.element, {
global: true,
stopPropagation: true,
filter: that.options.filter,
threshold: that.options.distance,
start: proxy(that._start, that),
hold: proxy(that._hold, that),
move: proxy(that._drag, that),
end: proxy(that._end, that),
cancel: proxy(that._cancel, that)
});
that._afterEndHandler = proxy(that._afterEnd, that);
that.captureEscape = function(e) {
if (e.keyCode === kendo.keys.ESC) {
that._trigger(DRAGCANCEL, {event: e});
that.userEvents.cancel();
}
};
},
events: [
HOLD,
DRAGSTART,
DRAG,
DRAGEND,
DRAGCANCEL
],
options: {
name: "Draggable",
distance: 5,
group: "default",
cursorOffset: null,
axis: null,
container: null,
holdToDrag: false,
dropped: false
},
cancelHold: function() {
this._activated = false;
},
_updateHint: function(e) {
var that = this,
coordinates,
options = that.options,
boundaries = that.boundaries,
axis = options.axis,
cursorOffset = that.options.cursorOffset;
if (cursorOffset) {
coordinates = { left: e.x.location + cursorOffset.left, top: e.y.location + cursorOffset.top };
} else {
that.hintOffset.left += e.x.delta;
that.hintOffset.top += e.y.delta;
coordinates = $.extend({}, that.hintOffset);
}
if (boundaries) {
coordinates.top = within(coordinates.top, boundaries.y);
coordinates.left = within(coordinates.left, boundaries.x);
}
if (axis === "x") {
delete coordinates.top;
} else if (axis === "y") {
delete coordinates.left;
}
that.hint.css(coordinates);
},
_start: function(e) {
var that = this,
options = that.options,
container = options.container,
hint = options.hint;
if (options.holdToDrag && !that._activated) {
that.userEvents.cancel();
return;
}
that.currentTarget = e.target;
that.currentTargetOffset = getOffset(that.currentTarget);
if (hint) {
if (that.hint) {
that.hint.stop(true, true).remove();
}
that.hint = kendo.isFunction(hint) ? $(hint.call(that, that.currentTarget)) : hint;
var offset = getOffset(that.currentTarget);
that.hintOffset = offset;
that.hint.css( {
position: "absolute",
zIndex: 20000, // the Window's z-index is 10000 and can be raised because of z-stacking
left: offset.left,
top: offset.top
})
.appendTo(document.body);
}
draggables[options.group] = that;
that.dropped = false;
if (container) {
that.boundaries = containerBoundaries(container, that.hint);
}
if (that._trigger(DRAGSTART, e)) {
that.userEvents.cancel();
that._afterEnd();
}
$(document).on(KEYUP, that.captureEscape);
},
_hold: function(e) {
this.currentTarget = e.target;
if (this._trigger(HOLD, e)) {
this.userEvents.cancel();
} else {
this._activated = true;
}
},
_drag: function(e) {
var that = this;
e.preventDefault();
that._withDropTarget(e, function(target, targetElement) {
if (!target) {
if (lastDropTarget) {
lastDropTarget._trigger(DRAGLEAVE, extend(e, { dropTarget: $(lastDropTarget.targetElement) }));
lastDropTarget = null;
}
return;
}
if (lastDropTarget) {
if (targetElement === lastDropTarget.targetElement) {
return;
}
lastDropTarget._trigger(DRAGLEAVE, extend(e, { dropTarget: $(lastDropTarget.targetElement) }));
}
target._trigger(DRAGENTER, extend(e, { dropTarget: $(targetElement) }));
lastDropTarget = extend(target, { targetElement: targetElement });
});
that._trigger(DRAG, e);
if (that.hint) {
that._updateHint(e);
}
},
_end: function(e) {
var that = this;
that._withDropTarget(e, function(target, targetElement) {
if (target) {
target._drop(extend({}, e, { dropTarget: $(targetElement) }));
lastDropTarget = null;
}
});
that._trigger(DRAGEND, e);
that._cancel(e.event);
},
_cancel: function() {
var that = this;
that._activated = false;
if (that.hint && !that.dropped) {
setTimeout(function() {
that.hint.stop(true, true).animate(that.currentTargetOffset, "fast", that._afterEndHandler);
}, 0);
} else {
that._afterEnd();
}
},
_trigger: function(eventName, e) {
var that = this;
return that.trigger(
eventName, extend(
{},
e.event,
{
x: e.x,
y: e.y,
currentTarget: that.currentTarget,
dropTarget: e.dropTarget
}
));
},
_withDropTarget: function(e, callback) {
var that = this,
target, result,
options = that.options,
targets = dropTargets[options.group],
areas = dropAreas[options.group];
if (targets && targets.length || areas && areas.length) {
target = elementUnderCursor(e);
if (that.hint && contains(that.hint[0], target)) {
that.hint.hide();
target = elementUnderCursor(e);
// IE8 does not return the element in iframe from first attempt
if (!target) {
target = elementUnderCursor(e);
}
that.hint.show();
}
result = checkTarget(target, targets, areas);
if (result) {
callback(result.target, result.targetElement);
} else {
callback();
}
}
},
destroy: function() {
var that = this;
Widget.fn.destroy.call(that);
that._afterEnd();
that.userEvents.destroy();
},
_afterEnd: function() {
var that = this;
if (that.hint) {
that.hint.remove();
}
delete draggables[that.options.group];
that.trigger("destroy");
$(document).off(KEYUP, that.captureEscape);
}
});
kendo.ui.plugin(DropTarget);
kendo.ui.plugin(DropTargetArea);
kendo.ui.plugin(Draggable);
kendo.TapCapture = TapCapture;
kendo.containerBoundaries = containerBoundaries;
extend(kendo.ui, {
Pane: Pane,
PaneDimensions: PaneDimensions,
Movable: Movable
});
})(window.kendo.jQuery);
kendo_module({
id: "mobile.scroller",
name: "Scroller",
category: "mobile",
description: "The Kendo Mobile Scroller widget enables touch friendly kinetic scrolling for the contents of a given DOM element.",
depends: [ "core", "fx", "draganddrop" ]
});
(function($, undefined) {
var kendo = window.kendo,
mobile = kendo.mobile,
fx = kendo.effects,
ui = mobile.ui,
proxy = $.proxy,
extend = $.extend,
Widget = ui.Widget,
Class = kendo.Class,
Movable = kendo.ui.Movable,
Pane = kendo.ui.Pane,
PaneDimensions = kendo.ui.PaneDimensions,
Transition = fx.Transition,
Animation = fx.Animation,
abs = Math.abs,
SNAPBACK_DURATION = 500,
SCROLLBAR_OPACITY = 0.7,
FRICTION = 0.96,
VELOCITY_MULTIPLIER = 10,
MAX_VELOCITY = 55,
OUT_OF_BOUNDS_FRICTION = 0.5,
ANIMATED_SCROLLER_PRECISION = 5,
RELEASECLASS = "km-scroller-release",
REFRESHCLASS = "km-scroller-refresh",
PULL = "pull",
CHANGE = "change",
RESIZE = "resize",
SCROLL = "scroll";
var ZoomSnapBack = Animation.extend({
init: function(options) {
var that = this;
Animation.fn.init.call(that);
extend(that, options);
that.userEvents.bind("gestureend", proxy(that.start, that));
that.tapCapture.bind("press", proxy(that.cancel, that));
},
done: function() {
return this.dimensions.minScale - this.movable.scale < 0.01;
},
tick: function() {
var movable = this.movable;
movable.scaleWith(1.1);
this.dimensions.rescale(movable.scale);
},
onEnd: function() {
var movable = this.movable;
movable.scaleTo(this.dimensions.minScale);
this.dimensions.rescale(movable.scale);
}
});
var DragInertia = Animation.extend({
init: function(options) {
var that = this;
Animation.fn.init.call(that);
extend(that, options, {
transition: new Transition({
axis: options.axis,
movable: options.movable,
onEnd: function() { that._end(); }
})
});
that.tapCapture.bind("press", function() { that.cancel(); });
that.userEvents.bind("end", proxy(that.start, that));
that.userEvents.bind("gestureend", proxy(that.start, that));
that.userEvents.bind("tap", proxy(that.onEnd, that));
},
onCancel: function() {
this.transition.cancel();
},
freeze: function(location) {
var that = this;
that.cancel();
that._moveTo(location);
},
onEnd: function() {
var that = this;
if (that._outOfBounds()) {
that._snapBack();
} else {
that._end();
}
},
done: function() {
return abs(this.velocity) < 1;
},
start: function(e) {
var that = this;
if (!that.dimension.enabled) { return; }
if (that._outOfBounds()) {
that._snapBack();
} else {
that.velocity = Math.max(Math.min(
e.touch[that.axis].velocity * that.velocityMultiplier,
MAX_VELOCITY), -MAX_VELOCITY);
if (that.velocity) {
that.tapCapture.captureNext();
Animation.fn.start.call(that);
} else {
that._end();
}
}
},
tick: function() {
var that = this,
dimension = that.dimension,
friction = that._outOfBounds() ? OUT_OF_BOUNDS_FRICTION : that.friction,
delta = (that.velocity *= friction),
location = that.movable[that.axis] + delta;
if (!that.elastic && dimension.outOfBounds(location)) {
location = Math.max(Math.min(location, dimension.max), dimension.min);
that.velocity = 0;
}
that.movable.moveAxis(that.axis, location);
},
_end: function() {
this.tapCapture.cancelCapture();
this.end();
},
_outOfBounds: function() {
return this.dimension.outOfBounds(this.movable[this.axis]);
},
_snapBack: function() {
var that = this,
dimension = that.dimension,
snapBack = that.movable[that.axis] > dimension.max ? dimension.max : dimension.min;
that._moveTo(snapBack);
},
_moveTo: function(location) {
this.transition.moveTo({ location: location, duration: SNAPBACK_DURATION, ease: Transition.easeOutExpo });
}
});
var AnimatedScroller = Animation.extend({
init: function(options) {
var that = this;
kendo.effects.Animation.fn.init.call(this);
extend(that, options, {
origin: {},
destination: {},
offset: {}
});
},
tick: function() {
this._updateCoordinates();
this.moveTo(this.origin);
},
done: function() {
return abs(this.offset.y) < ANIMATED_SCROLLER_PRECISION && abs(this.offset.x) < ANIMATED_SCROLLER_PRECISION;
},
onEnd: function() {
this.moveTo(this.destination);
},
setCoordinates: function(from, to) {
this.offset = {};
this.origin = from;
this.destination = to;
},
_updateCoordinates: function() {
this.offset = {
x: (this.destination.x - this.origin.x) / 4,
y: (this.destination.y - this.origin.y) / 4
};
this.origin = {
y: this.origin.y + this.offset.y,
x: this.origin.x + this.offset.x
};
}
});
var ScrollBar = Class.extend({
init: function(options) {
var that = this,
horizontal = options.axis === "x",
element = $('
');
extend(that, options, {
element: element,
elementSize: 0,
movable: new Movable(element),
scrollMovable: options.movable,
size: horizontal ? "width" : "height"
});
that.scrollMovable.bind(CHANGE, proxy(that._move, that));
that.container.append(element);
},
_move: function() {
var that = this,
axis = that.axis,
dimension = that.dimension,
paneSize = dimension.size,
scrollMovable = that.scrollMovable,
sizeRatio = paneSize / dimension.total,
position = Math.round(-scrollMovable[axis] * sizeRatio),
size = Math.round(paneSize * sizeRatio);
if (position + size > paneSize) {
size = paneSize - position;
} else if (position < 0) {
size += position;
position = 0;
}
if (that.elementSize != size) {
that.element.css(that.size, size + "px");
that.elementSize = size;
}
that.movable.moveAxis(axis, position);
},
show: function() {
this.element.css({opacity: SCROLLBAR_OPACITY, visibility: "visible"});
},
hide: function() {
this.element.css({opacity: 0});
}
});
var Scroller = Widget.extend({
init: function(element, options) {
var that = this;
Widget.fn.init.call(that, element, options);
element = that.element;
that._native = that.options.useNative && kendo.support.hasNativeScrolling;
if (that._native) {
element.addClass("km-native-scroller")
.prepend('');
extend(that, {
scrollElement: element,
fixedContainer: element.children().first()
});
return;
}
element
.css("overflow", "hidden")
.addClass("km-scroll-wrapper")
.wrapInner('
')
.prepend('');
var inner = element.children().eq(1),
tapCapture = new kendo.TapCapture(element),
movable = new Movable(inner),
dimensions = new PaneDimensions({
element: inner,
container: element,
forcedEnabled: that.options.zoom
}),
avoidScrolling = this.options.avoidScrolling,
userEvents = new kendo.UserEvents(element, {
allowSelection: true,
preventDragEvent: true,
captureUpIfMoved: true,
multiTouch: that.options.zoom,
start: function(e) {
dimensions.refresh();
var velocityX = abs(e.x.velocity),
velocityY = abs(e.y.velocity),
horizontalSwipe = velocityX * 2 >= velocityY,
verticalSwipe = velocityY * 2 >= velocityX;
if (!avoidScrolling(e) && that.enabled && (dimensions.x.enabled && horizontalSwipe || dimensions.y.enabled && verticalSwipe)) {
userEvents.capture();
} else {
userEvents.cancel();
}
}
}),
pane = new Pane({
movable: movable,
dimensions: dimensions,
userEvents: userEvents,
elastic: that.options.elastic
}),
zoomSnapBack = new ZoomSnapBack({
movable: movable,
dimensions: dimensions,
userEvents: userEvents,
tapCapture: tapCapture
}),
animatedScroller = new AnimatedScroller({
moveTo: function(coordinates) {
that.scrollTo(coordinates.x, coordinates.y);
}
});
movable.bind(CHANGE, function() {
that.scrollTop = - movable.y;
that.scrollLeft = - movable.x;
that.trigger(SCROLL, {
scrollTop: that.scrollTop,
scrollLeft: that.scrollLeft
});
});
extend(that, {
movable: movable,
dimensions: dimensions,
zoomSnapBack: zoomSnapBack,
animatedScroller: animatedScroller,
userEvents: userEvents,
pane: pane,
tapCapture: tapCapture,
pulled: false,
enabled: true,
scrollElement: inner,
scrollTop: 0,
scrollLeft: 0,
fixedContainer: element.children().first()
});
that._initAxis("x");
that._initAxis("y");
dimensions.refresh();
if (that.options.pullToRefresh) {
that._initPullToRefresh();
}
},
makeVirtual: function() {
this.dimensions.y.makeVirtual();
},
virtualSize: function(min, max) {
this.dimensions.y.virtualSize(min, max);
},
height: function() {
return this.dimensions.y.size;
},
scrollHeight: function() {
return this.scrollElement[0].scrollHeight;
},
scrollWidth: function() {
return this.scrollElement[0].scrollWidth;
},
options: {
name: "Scroller",
zoom: false,
pullOffset: 140,
elastic: true,
useNative: false,
avoidScrolling: function() { return false; },
pullToRefresh: false,
pullTemplate: "Pull to refresh",
releaseTemplate: "Release to refresh",
refreshTemplate: "Refreshing"
},
events: [
PULL,
SCROLL,
RESIZE
],
_resize: function() {
if (!this._native) {
this.dimensions.refresh();
}
this.reset();
},
setOptions: function(options) {
var that = this;
Widget.fn.setOptions.call(that, options);
if (options.pullToRefresh) {
that._initPullToRefresh();
}
},
reset: function() {
if (this._native) {
this.scrollElement.scrollTop(0);
} else {
this.movable.moveTo({x: 0, y: 0});
this._scale(1);
}
},
zoomOut: function() {
var dimensions = this.dimensions;
dimensions.refresh();
this._scale(dimensions.fitScale);
this.movable.moveTo(dimensions.centerCoordinates());
},
enable: function() {
this.enabled = true;
},
disable: function() {
this.enabled = false;
},
scrollTo: function(x, y) {
if (this._native) {
this.scrollElement.scrollLeft(x);
this.scrollElement.scrollTop(y);
} else {
this.dimensions.refresh();
this.movable.moveTo({x: x, y: y});
}
},
animatedScrollTo: function(x, y) {
var from = { x: this.movable.x, y: this.movable.y },
to = { x: x, y: y };
this.animatedScroller.setCoordinates(from, to);
this.animatedScroller.start();
},
pullHandled: function() {
var that = this;
that.refreshHint.removeClass(REFRESHCLASS);
that.hintContainer.html(that.pullTemplate({}));
that.yinertia.onEnd();
that.xinertia.onEnd();
},
destroy: function() {
Widget.fn.destroy.call(this);
if (this.userEvents) {
this.userEvents.destroy();
}
},
_scale: function(scale) {
this.dimensions.rescale(scale);
this.movable.scaleTo(scale);
},
_initPullToRefresh: function() {
var that = this;
that.dimensions.y.forceEnabled();
that.pullTemplate = kendo.template(that.options.pullTemplate);
that.releaseTemplate = kendo.template(that.options.releaseTemplate);
that.refreshTemplate = kendo.template(that.options.refreshTemplate);
that.scrollElement.prepend('' + that.pullTemplate({}) + '
'),
nameSpecialCharRegExp = /("|\%|'|\[|\]|\$|\.|\,|\:|\;|\+|\*|\&|\!|\#|\(|\)|<|>|\=|\?|\@|\^|\{|\}|\~|\/|\||`)/g;
function dropCueOffsetTop(element) {
return element.position().top + 3;
}
var Groupable = Widget.extend({
init: function(element, options) {
var that = this,
groupContainer,
group = kendo.guid(),
intializePositions = proxy(that._intializePositions, that),
draggable,
horizontalCuePosition,
dropCuePositions = that._dropCuePositions = [];
Widget.fn.init.call(that, element, options);
isRtl = kendo.support.isRtl(element);
horizontalCuePosition = isRtl ? "right" : "left";
that.draggable = draggable = that.options.draggable || new kendo.ui.Draggable(that.element, {
filter: that.options.draggableElements,
hint: hint,
group: group
});
groupContainer = that.groupContainer = $(that.options.groupContainer, that.element)
.kendoDropTarget({
group: draggable.options.group,
dragenter: function(e) {
if (that._canDrag(e.draggable.currentTarget)) {
e.draggable.hint.find(".k-drag-status").removeClass("k-denied").addClass("k-add");
dropCue.css("top", dropCueOffsetTop(groupContainer)).css(horizontalCuePosition, 0).appendTo(groupContainer);
}
},
dragleave: function(e) {
e.draggable.hint.find(".k-drag-status").removeClass("k-add").addClass("k-denied");
dropCue.remove();
},
drop: function(e) {
var targetElement = e.draggable.currentTarget,
field = targetElement.attr(kendo.attr("field")),
title = targetElement.attr(kendo.attr("title")),
sourceIndicator = that.indicator(field),
dropCuePositions = that._dropCuePositions,
lastCuePosition = dropCuePositions[dropCuePositions.length - 1],
position;
if (!targetElement.hasClass("k-group-indicator") && !that._canDrag(targetElement)) {
return;
}
if(lastCuePosition) {
position = that._dropCuePosition(kendo.getOffset(dropCue).left + parseInt(lastCuePosition.element.css("marginLeft"), 10) * (isRtl ? -1 : 1) + parseInt(lastCuePosition.element.css("marginRight"), 10));
if(position && that._canDrop($(sourceIndicator), position.element, position.left)) {
if(position.before) {
position.element.before(sourceIndicator || that.buildIndicator(field, title));
} else {
position.element.after(sourceIndicator || that.buildIndicator(field, title));
}
that._change();
}
} else {
that.groupContainer.append(that.buildIndicator(field, title));
that._change();
}
}
})
.kendoDraggable({
filter: "div.k-group-indicator",
hint: hint,
group: draggable.options.group,
dragcancel: proxy(that._dragCancel, that),
dragstart: function(e) {
var element = e.currentTarget,
marginLeft = parseInt(element.css("marginLeft"), 10),
elementPosition = element.position(),
left = isRtl ? elementPosition.left - marginLeft : elementPosition.left + element.outerWidth();
intializePositions();
dropCue.css({top: dropCueOffsetTop(groupContainer), left: left}).appendTo(groupContainer);
this.hint.find(".k-drag-status").removeClass("k-denied").addClass("k-add");
},
dragend: function() {
that._dragEnd(this);
},
drag: proxy(that._drag, that)
})
.on("click" + NS, ".k-button", function(e) {
e.preventDefault();
that._removeIndicator($(this).parent());
})
.on("click" + NS,".k-link", function(e) {
var current = $(this).parent(),
newIndicator = that.buildIndicator(current.attr(kendo.attr("field")), current.attr(kendo.attr("title")), current.attr(kendo.attr("dir")) == "asc" ? "desc" : "asc");
current.before(newIndicator).remove();
that._change();
e.preventDefault();
});
draggable.bind([ "dragend", "dragcancel", "dragstart", "drag" ],
{
dragend: function() {
that._dragEnd(this);
},
dragcancel: proxy(that._dragCancel, that),
dragstart: function(e) {
var element, marginRight, left;
if (!that.options.allowDrag && !that._canDrag(e.currentTarget)) {
e.preventDefault();
return;
}
intializePositions();
if(dropCuePositions.length) {
element = dropCuePositions[dropCuePositions.length - 1].element;
marginRight = parseInt(element.css("marginRight"), 10);
left = element.position().left + element.outerWidth() + marginRight;
} else {
left = 0;
}
},
drag: proxy(that._drag, that)
});
that.dataSource = that.options.dataSource;
if(that.dataSource) {
that._refreshHandler = proxy(that.refresh, that);
that.dataSource.bind("change", that._refreshHandler);
}
},
refresh: function() {
var that = this,
dataSource = that.dataSource;
that.groupContainer.empty().append(
$.map(dataSource.group() || [], function(item) {
var fieldName = item.field.replace(nameSpecialCharRegExp, "\\$1");
var element = that.element.find(that.options.filter).filter("[" + kendo.attr("field") + "=" + fieldName + "]");
return that.buildIndicator(item.field, element.attr(kendo.attr("title")), item.dir);
}).join("")
);
that._invalidateGroupContainer();
},
destroy: function() {
var that = this;
Widget.fn.destroy.call(that);
that.groupContainer
.off(NS)
.kendoDropTarget("destroy")
.kendoDraggable("destroy");
if (!that.options.draggable) {
that.draggable.destroy();
}
if (that.dataSource && that._refreshHandler) {
that.dataSource.unbind("change", that._refreshHandler);
}
},
options: {
name: "Groupable",
filter: "th",
draggableElements: "th",
messages: {
empty: "Drag a column header and drop it here to group by that column"
}
},
indicator: function(field) {
var indicators = $(".k-group-indicator", this.groupContainer);
return $.grep(indicators, function (item)
{
return $(item).attr(kendo.attr("field")) === field;
})[0];
},
buildIndicator: function(field, title, dir) {
return indicatorTmpl({ field: field.replace(/"/g, "'"), dir: dir, title: title, ns: kendo.ns });
},
descriptors: function() {
var that = this,
indicators = $(".k-group-indicator", that.groupContainer),
aggregates,
names,
field,
idx,
length;
aggregates = that.element.find(that.options.filter).map(function() {
var cell = $(this),
aggregate = cell.attr(kendo.attr("aggregates")),
member = cell.attr(kendo.attr("field"));
if (aggregate && aggregate !== "") {
names = aggregate.split(",");
aggregate = [];
for (idx = 0, length = names.length; idx < length; idx++) {
aggregate.push({ field: member, aggregate: names[idx] });
}
}
return aggregate;
}).toArray();
return $.map(indicators, function(item) {
item = $(item);
field = item.attr(kendo.attr("field"));
return {
field: field,
dir: item.attr(kendo.attr("dir")),
aggregates: aggregates || []
};
});
},
_removeIndicator: function(indicator) {
var that = this;
indicator.remove();
that._invalidateGroupContainer();
that._change();
},
_change: function() {
var that = this;
if(that.dataSource) {
that.dataSource.group(that.descriptors());
}
},
_dropCuePosition: function(position) {
var dropCuePositions = this._dropCuePositions;
if(!dropCue.is(":visible") || dropCuePositions.length === 0) {
return;
}
position = Math.ceil(position);
var lastCuePosition = dropCuePositions[dropCuePositions.length - 1],
left = lastCuePosition.left,
right = lastCuePosition.right,
marginLeft = parseInt(lastCuePosition.element.css("marginLeft"), 10),
marginRight = parseInt(lastCuePosition.element.css("marginRight"), 10);
if(position >= right && !isRtl || position < left && isRtl) {
position = {
left: lastCuePosition.element.position().left + (!isRtl ? lastCuePosition.element.outerWidth() + marginRight : - marginLeft),
element: lastCuePosition.element,
before: false
};
} else {
position = $.grep(dropCuePositions, function(item) {
return (item.left <= position && position <= item.right) || (isRtl && position > item.right);
})[0];
if(position) {
position = {
left: isRtl ? position.element.position().left + position.element.outerWidth() + marginRight : position.element.position().left - marginLeft,
element: position.element,
before: true
};
}
}
return position;
},
_drag: function(event) {
var position = this._dropCuePosition(event.x.location);
if (position) {
dropCue.css({ left: position.left, right: "auto" });
}
},
_canDrag: function(element) {
var field = element.attr(kendo.attr("field"));
return element.attr(kendo.attr("groupable")) != "false" &&
field &&
(element.hasClass("k-group-indicator") ||
!this.indicator(field));
},
_canDrop: function(source, target, position) {
var next = source.next(),
result = source[0] !== target[0] && (!next[0] || target[0] !== next[0] || (!isRtl && position > next.position().left || isRtl && position < next.position().left));
return result;
},
_dragEnd: function(draggable) {
var that = this,
field = draggable.currentTarget.attr(kendo.attr("field")),
sourceIndicator = that.indicator(field);
if (draggable !== that.options.draggable && !draggable.dropped && sourceIndicator) {
that._removeIndicator($(sourceIndicator));
}
that._dragCancel();
},
_dragCancel: function() {
dropCue.remove();
this._dropCuePositions = [];
},
_intializePositions: function() {
var that = this,
indicators = $(".k-group-indicator", that.groupContainer),
left;
that._dropCuePositions = $.map(indicators, function(item) {
item = $(item);
left = kendo.getOffset(item).left;
return {
left: parseInt(left, 10),
right: parseInt(left + item.outerWidth(), 10),
element: item
};
});
},
_invalidateGroupContainer: function() {
var groupContainer = this.groupContainer;
if(groupContainer.is(":empty")) {
groupContainer.html(this.options.messages.empty);
}
}
});
kendo.ui.plugin(Groupable);
})(window.kendo.jQuery);
kendo_module({
id: "reorderable",
name: "Reorderable",
category: "framework",
depends: [ "core", "draganddrop" ],
advanced: true
});
(function ($, undefined) {
var kendo = window.kendo,
Widget = kendo.ui.Widget,
CHANGE = "change",
KREORDERABLE = "k-reorderable";
function toggleHintClass(hint, denied) {
hint = $(hint);
if (denied) {
hint.find(".k-drag-status").removeClass("k-add").addClass("k-denied");
} else {
hint.find(".k-drag-status").removeClass("k-denied").addClass("k-add");
}
}
var Reorderable = Widget.extend({
init: function(element, options) {
var that = this,
draggable,
group = kendo.guid() + "-reorderable";
Widget.fn.init.call(that, element, options);
element = that.element.addClass(KREORDERABLE);
options = that.options;
that.draggable = draggable = options.draggable || new kendo.ui.Draggable(element, {
group: group,
filter: options.filter,
hint: options.hint
});
that.reorderDropCue = $('');
element.find(draggable.options.filter).kendoDropTarget({
group: draggable.options.group,
dragenter: function(e) {
if (!that._draggable) {
return;
}
var dropTarget = this.element, offset,
same = dropTarget[0] === that._draggable[0];
toggleHintClass(e.draggable.hint, same);
if (!same) {
offset = kendo.getOffset(dropTarget);
that.reorderDropCue.css({
height: dropTarget.outerHeight(),
top: offset.top,
left: offset.left + (dropTarget.index() > that._draggable.index() ? dropTarget.outerWidth() : 0)
})
.appendTo(document.body);
}
},
dragleave: function(e) {
toggleHintClass(e.draggable.hint, true);
that.reorderDropCue.remove();
},
drop: function() {
if (!that._draggable) {
return;
}
var draggableElement = that._draggable[0],
dropTarget = this.element[0],
container;
if (draggableElement !== dropTarget) {
container = element.find(draggable.options.filter);
that.trigger(CHANGE, {
element: that._draggable,
oldIndex: container.index(draggableElement),
newIndex: container.index(dropTarget)
});
}
}
});
draggable.bind([ "dragcancel", "dragend", "dragstart" ],
{
dragcancel: function() {
that.reorderDropCue.remove();
that._draggable = null;
},
dragend: function() {
that.reorderDropCue.remove();
that._draggable = null;
},
dragstart: function(e) {
that._draggable = e.currentTarget;
}
}
);
},
options: {
name: "Reorderable",
filter: "*"
},
events: [
CHANGE
],
destroy: function() {
var that = this;
Widget.fn.destroy.call(that);
if (that.draggable) {
that.draggable.destroy();
}
kendo.destroy(that.element);
}
});
kendo.ui.plugin(Reorderable);
})(window.kendo.jQuery);
kendo_module({
id: "resizable",
name: "Resizable",
category: "framework",
depends: [ "core", "draganddrop" ],
advanced: true
});
(function($, undefined) {
var kendo = window.kendo,
ui = kendo.ui,
Widget = ui.Widget,
proxy = $.proxy,
isFunction = kendo.isFunction,
extend = $.extend,
HORIZONTAL = "horizontal",
VERTICAL = "vertical",
START = "start",
RESIZE = "resize",
RESIZEEND = "resizeend";
var Resizable = Widget.extend({
init: function(element, options) {
var that = this;
Widget.fn.init.call(that, element, options);
that.orientation = that.options.orientation.toLowerCase() != VERTICAL ? HORIZONTAL : VERTICAL;
that._positionMouse = that.orientation == HORIZONTAL ? "x" : "y";
that._position = that.orientation == HORIZONTAL ? "left" : "top";
that._sizingDom = that.orientation == HORIZONTAL ? "outerWidth" : "outerHeight";
that.draggable = new ui.Draggable(element, {
distance: 0,
filter: options.handle,
drag: proxy(that._resize, that),
dragcancel: proxy(that._cancel, that),
dragstart: proxy(that._start, that),
dragend: proxy(that._stop, that)
});
that.userEvents = that.draggable.userEvents;
},
events: [
RESIZE,
RESIZEEND,
START
],
options: {
name: "Resizable",
orientation: HORIZONTAL
},
resize: function() {
// Overrides base widget resize
},
_max: function(e) {
var that = this,
hintSize = that.hint ? that.hint[that._sizingDom]() : 0,
size = that.options.max;
return isFunction(size) ? size(e) : size !== undefined ? (that._initialElementPosition + size) - hintSize : size;
},
_min: function(e) {
var that = this,
size = that.options.min;
return isFunction(size) ? size(e) : size !== undefined ? that._initialElementPosition + size : size;
},
_start: function(e) {
var that = this,
hint = that.options.hint,
el = $(e.currentTarget);
that._initialElementPosition = el.position()[that._position];
that._initialMousePosition = e[that._positionMouse].startLocation;
if (hint) {
that.hint = isFunction(hint) ? $(hint(el)) : hint;
that.hint.css({
position: "absolute"
})
.css(that._position, that._initialElementPosition)
.appendTo(that.element);
}
that.trigger(START, e);
that._maxPosition = that._max(e);
that._minPosition = that._min(e);
$(document.body).css("cursor", el.css("cursor"));
},
_resize: function(e) {
var that = this,
handle = $(e.currentTarget),
maxPosition = that._maxPosition,
minPosition = that._minPosition,
currentPosition = that._initialElementPosition + (e[that._positionMouse].location - that._initialMousePosition),
position;
position = minPosition !== undefined ? Math.max(minPosition, currentPosition) : currentPosition;
that.position = position = maxPosition !== undefined ? Math.min(maxPosition, position) : position;
if(that.hint) {
that.hint.toggleClass(that.options.invalidClass || "", position == maxPosition || position == minPosition)
.css(that._position, position);
}
that.resizing = true;
that.trigger(RESIZE, extend(e, { position: position }));
},
_stop: function(e) {
var that = this;
if(that.hint) {
that.hint.remove();
}
that.resizing = false;
that.trigger(RESIZEEND, extend(e, { position: that.position }));
$(document.body).css("cursor", "");
},
_cancel: function(e) {
var that = this;
if (that.hint) {
that.position = undefined;
that.hint.css(that._position, that._initialElementPosition);
that._stop(e);
}
},
destroy: function() {
var that = this;
Widget.fn.destroy.call(that);
if (that.draggable) {
that.draggable.destroy();
}
},
press: function(target) {
if (!target) {
return;
}
var position = target.position(),
that = this;
that.userEvents.press(position.left, position.top, target[0]);
that.targetPosition = position;
that.target = target;
},
move: function(delta) {
var that = this,
orientation = that._position,
position = that.targetPosition,
current = that.position;
if (current === undefined) {
current = position[orientation];
}
position[orientation] = current + delta;
that.userEvents.move(position.left, position.top);
},
end: function() {
this.userEvents.end();
this.target = this.position = undefined;
}
});
kendo.ui.plugin(Resizable);
})(window.kendo.jQuery);
kendo_module({
id: "sortable",
name: "Sortable",
category: "framework",
depends: [ "data" ],
advanced: true
});
(function($, undefined) {
var kendo = window.kendo,
proxy = $.proxy,
DIR = "dir",
ASC = "asc",
SINGLE = "single",
FIELD = "field",
DESC = "desc",
NS = ".kendoSortable",
TLINK = ".k-link",
ARIASORT = "aria-sort",
Widget = kendo.ui.Widget;
var Sortable = Widget.extend({
init: function(element, options) {
var that = this, link;
Widget.fn.init.call(that, element, options);
that._refreshHandler = proxy(that.refresh, that);
that.dataSource = that.options.dataSource.bind("change", that._refreshHandler);
link = that.element.find(TLINK);
if (!link[0]) {
link = that.element.wrapInner('
')
.on("click", ">*", function() {
supportEventDelegation = true;
})
.find("span")
.click()
.end()
.off();
})();
})($);
var Selectable = Widget.extend({
init: function(element, options) {
var that = this,
multiple;
Widget.fn.init.call(that, element, options);
that._marquee = $("");
that._lastActive = null;
that.element.addClass(SELECTABLE);
multiple = that.options.multiple;
that.userEvents = new kendo.UserEvents(that.element, {
global: true,
allowSelection: true,
filter: (!supportEventDelegation ? "." + SELECTABLE + " " : "") + that.options.filter,
tap: proxy(that._tap, that)
});
if (multiple) {
that.userEvents
.bind("start", proxy(that._start, that))
.bind("move", proxy(that._move, that))
.bind("end", proxy(that._end, that))
.bind("select", proxy(that._select, that));
}
},
events: [CHANGE],
options: {
name: "Selectable",
filter: ">*",
multiple: false
},
_tap: function(e) {
var target = $(e.target),
that = this,
ctrlKey = e.event.ctrlKey || e.event.metaKey,
multiple = that.options.multiple,
shiftKey = multiple && e.event.shiftKey,
selected,
whichCode = e.event.which,
buttonCode = e.event.button;
//in case of hierarchy or right-click
if (target.closest("." + SELECTABLE)[0] !== that.element[0] || whichCode && whichCode == 3 || buttonCode && buttonCode == 2) {
return;
}
selected = target.hasClass(SELECTED);
if (!multiple || !ctrlKey) {
that.clear();
}
if (shiftKey) {
that.selectRange(that._firstSelectee(), target);
} else {
if (selected && ctrlKey) {
that._unselect(target);
that._notify(CHANGE);
} else {
that.value(target);
}
that._lastActive = that._downTarget = target;
}
},
_start: function(e) {
var that = this,
target = $(e.target),
selected = target.hasClass(SELECTED),
ctrlKey = e.event.ctrlKey || e.event.metaKey;
that._downTarget = target;
//in case of hierarchy
if (target.closest("." + SELECTABLE)[0] !== that.element[0]) {
that.userEvents.cancel();
that._downTarget = null;
return;
}
that._marquee
.appendTo(document.body)
.css({
left: e.x.client + 1,
top: e.y.client + 1,
width: 0,
height: 0
});
if (!ctrlKey) {
that.clear();
}
if (selected) {
that._selectElement(target, true);
if (ctrlKey) {
target.addClass(UNSELECTING);
}
}
},
_move: function(e) {
var that = this,
position = {
left: e.x.startLocation > e.x.location ? e.x.location : e.x.startLocation,
top: e.y.startLocation > e.y.location ? e.y.location : e.y.startLocation,
width: abs(e.x.initialDelta),
height: abs(e.y.initialDelta)
},
items = that.element.find(that.options.filter);
that._marquee.css(position);
invalidateSelectables(items, that._downTarget[0], position, (e.event.ctrlKey || e.event.metaKey));
e.preventDefault();
},
_end: function() {
var that = this;
that._marquee.remove();
that._unselect(that.element
.find(that.options.filter + "." + UNSELECTING))
.removeClass(UNSELECTING);
that.value(that.element.find(that.options.filter + "." + ACTIVE));
that._lastActive = that._downTarget;
},
value: function(val) {
var that = this,
selectElement = proxy(that._selectElement, that);
if(val) {
val.each(function() {
selectElement(this);
});
that._notify(CHANGE);
return;
}
return that.element.find(that.options.filter + "." + SELECTED);
},
_firstSelectee: function() {
var that = this,
selected;
if(that._lastActive !== null) {
return that._lastActive;
}
selected = that.value();
return selected.length > 0 ?
selected[0] :
that.element.find(that.options.filter);
},
_selectElement: function(element, preventNotify) {
var toSelect = $(element),
isPrevented = !preventNotify && this._notify("select", { element: element });
toSelect.removeClass(ACTIVE);
if(!isPrevented) {
toSelect.addClass(SELECTED);
if (this.options.aria) {
toSelect.attr(ARIASELECTED, true);
}
}
},
_notify: function(name, args) {
args = args || { };
return this.trigger(name, args);
},
_unselect: function(element) {
element.removeClass(SELECTED);
if (this.options.aria) {
element.attr(ARIASELECTED, false);
}
return element;
},
_select: function(e) {
var selector = "input,a,textarea,.k-multiselect-wrap,select",
msie = kendo.support.browser.msie;
if ($(e.event.target).is(selector)) {
this.userEvents.cancel();
this._downTarget = null;
} else if (!msie || (msie && !$(kendo._activeElement()).is(selector))) {
e.preventDefault();
}
},
clear: function() {
var items = this.element.find(this.options.filter + "." + SELECTED);
this._unselect(items);
},
selectRange: function(start, end) {
var that = this,
found = false,
idx,
length,
tmp,
toSelect,
items = that.element.find(that.options.filter),
selectElement = proxy(that._selectElement, that);
start = $(start)[0];
end = $(end)[0];
for (idx = 0, length = items.length; idx < length; idx ++) {
toSelect = items[idx];
if(found) {
selectElement(toSelect);
found = toSelect !== end;
} else if(toSelect === start) {
found = start !== end;
selectElement(toSelect);
} else if(toSelect === end) {
tmp = start;
start = end;
end = tmp;
found = true;
selectElement(toSelect);
} else {
$(toSelect).removeClass(SELECTED);
}
}
that._notify(CHANGE);
},
destroy: function() {
var that = this;
Widget.fn.destroy.call(that);
that.element.off(NS);
that.userEvents.destroy();
}
});
function collision(element, position) {
var elementPosition = kendo.getOffset(element),
right = position.left + position.width,
bottom = position.top + position.height;
elementPosition.right = elementPosition.left + element.outerWidth();
elementPosition.bottom = elementPosition.top + element.outerHeight();
return !(elementPosition.left > right||
elementPosition.right < position.left ||
elementPosition.top > bottom ||
elementPosition.bottom < position.top);
}
function invalidateSelectables(items, target, position, ctrlKey) {
var idx,
length,
toSelect;
for (idx = 0, length = items.length; idx < length; idx ++) {
toSelect = items.eq(idx);
if (collision(toSelect, position)) {
if(toSelect.hasClass(SELECTED)) {
if(ctrlKey && target !== toSelect[0]) {
toSelect.removeClass(SELECTED).addClass(UNSELECTING);
}
} else if (!toSelect.hasClass(ACTIVE) && !toSelect.hasClass(UNSELECTING)) {
toSelect.addClass(ACTIVE);
}
} else {
if (toSelect.hasClass(ACTIVE)) {
toSelect.removeClass(ACTIVE);
} else if(ctrlKey && toSelect.hasClass(UNSELECTING)) {
toSelect.removeClass(UNSELECTING).addClass(SELECTED);
}
}
}
}
kendo.ui.plugin(Selectable);
})(window.kendo.jQuery);
kendo_module({
id: "button",
name: "Button",
category: "web",
description: "The Button widget displays styled buttons.",
depends: [ "core" ]
});
(function ($, undefined) {
var kendo = window.kendo,
Widget = kendo.ui.Widget,
proxy = $.proxy,
keys = kendo.keys,
CLICK = "click",
KBUTTON = "k-button",
KBUTTONICON = "k-button-icon",
KBUTTONICONTEXT = "k-button-icontext",
NS = ".kendoButton",
DISABLED = "disabled",
DISABLEDSTATE = "k-state-disabled",
FOCUSEDSTATE = "k-state-focused",
SELECTEDSTATE = "k-state-selected";
var Button = Widget.extend({
init: function(element, options) {
var that = this;
Widget.fn.init.call(that, element, options);
element = that.wrapper = that.element;
options = that.options;
element.addClass(KBUTTON).attr("role", "button");
options.enable = options.enable && !element.attr(DISABLED);
that.enable(options.enable);
that._tabindex();
that._graphics();
element
.on(CLICK + NS, proxy(that._click, that))
.on("focus" + NS, proxy(that._focus, that))
.on("blur" + NS, proxy(that._blur, that))
.on("keydown" + NS, proxy(that._keydown, that))
.on("keyup" + NS, proxy(that._keyup, that));
kendo.notify(that);
},
events: [
CLICK
],
options: {
name: "Button",
icon: "",
spriteCssClass: "",
imageUrl: "",
enable: true
},
_isNativeButton: function() {
return this.element.prop("tagName").toLowerCase() == "button";
},
_click: function(e) {
if (this.options.enable) {
this.trigger(CLICK, {event: e});
}
},
_focus: function() {
if (this.options.enable) {
this.element.addClass(FOCUSEDSTATE);
}
},
_blur: function() {
this.element.removeClass(FOCUSEDSTATE);
},
_keydown: function(e) {
var that = this;
if (!that._isNativeButton()) {
if (e.keyCode == keys.ENTER || e.keyCode == keys.SPACEBAR) {
if (e.keyCode == keys.SPACEBAR) {
e.preventDefault();
if (that.options.enable) {
that.element.addClass(SELECTEDSTATE);
}
}
that._click(e);
}
}
},
_keyup: function() {
this.element.removeClass(SELECTEDSTATE);
},
_graphics: function() {
var that = this,
element = that.element,
options = that.options,
icon = options.icon,
spriteCssClass = options.spriteCssClass,
imageUrl = options.imageUrl,
span, img, isEmpty;
if (spriteCssClass || imageUrl || icon) {
isEmpty = true;
element.contents().not("span.k-sprite").not("span.k-icon").not("img.k-image").each(function(idx, el){
if (el.nodeType == 1 || el.nodeType == 3 && el.nodeValue.trim().length > 0) {
isEmpty = false;
}
});
if (isEmpty) {
element.addClass(KBUTTONICON);
} else {
element.addClass(KBUTTONICONTEXT);
}
}
if (icon) {
span = element.children("span.k-icon").first();
if (!span[0]) {
span = $('" + page + " ";
}).join(""))
.end()
.appendTo(that.element);
}
that.element.find(".k-pager-sizes select").val(that.pageSize());
if (kendo.ui.DropDownList) {
that.element.find(".k-pager-sizes select").show().kendoDropDownList();
}
that.element.on(CHANGE + NS, ".k-pager-sizes select", proxy(that._change, that));
}
if (options.refresh) {
if (!that.element.find(".k-pager-refresh").length) {
that.element.append('");
}
that.element.on(CLICK + NS, ".k-pager-refresh", proxy(that._refreshClick, that));
}
if (options.info) {
if (!that.element.find(".k-pager-info").length) {
that.element.append('');
}
}
that.element
.on(CLICK + NS , "a", proxy(that._click, that))
.addClass("k-pager-wrap k-widget");
if (options.autoBind) {
that.refresh();
}
kendo.notify(that);
},
destroy: function() {
var that = this;
Widget.fn.destroy.call(that);
that.element.off(NS);
that.dataSource.unbind(CHANGE, that._refreshHandler);
},
events: [
CHANGE
],
options: {
name: "Pager",
selectTemplate: '#=text# #=text#
")
.append(that.ul)
.on("mousedown" + ns, function(e) {
e.preventDefault();
});
id = element.attr(ID);
if (id) {
that.list.attr(ID, id + "-list");
that.ul.attr(ID, id + "_listbox");
that._optionID = id + "_option_selected";
}
that._header();
that._accessors();
that._initValue();
},
options: {
valuePrimitive: false,
headerTemplate: ""
},
setOptions: function(options) {
Widget.fn.setOptions.call(this, options);
if (options && options.enable !== undefined) {
options.enabled = options.enable;
}
},
focus: function() {
this._focused.focus();
},
readonly: function(readonly) {
this._editable({
readonly: readonly === undefined ? true : readonly,
disable: false
});
},
enable: function(enable) {
this._editable({
readonly: false,
disable: !(enable = enable === undefined ? true : enable)
});
},
_filterSource: function(filter) {
var that = this,
options = that.options,
dataSource = that.dataSource,
expression = dataSource.filter() || {};
removeFiltersForField(expression, options.dataTextField);
if (filter) {
expression = expression.filters || [];
expression.push(filter);
}
dataSource.filter(expression);
},
_header: function() {
var template = this.options.headerTemplate;
var header;
if ($.isFunction(template)) {
template = template();
}
if (template) {
this.list.prepend(template);
header = this.ul.prev();
this.header = header[0] ? header : null;
}
},
_initValue: function() {
var that = this,
value = that.options.value;
if (value !== null) {
that.element.val(value);
} else {
value = that._accessor();
that.options.value = value;
}
that._old = value;
},
_ignoreCase: function() {
var that = this,
model = that.dataSource.reader.model,
field;
if (model && model.fields) {
field = model.fields[that.options.dataTextField];
if (field && field.type && field.type !== "string") {
that.options.ignoreCase = false;
}
}
},
items: function() {
return this.ul[0].children;
},
current: function(candidate) {
var that = this,
id = that._optionID;
if (candidate !== undefined) {
if (that._current) {
that._current
.removeClass(FOCUSED)
.removeAttr("aria-selected")
.removeAttr(ID);
that._focused
.removeAttr("aria-activedescendant");
}
if (candidate) {
candidate.addClass(FOCUSED);
that._scroll(candidate);
if (id) {
candidate.attr("id", id);
that._focused.attr("aria-activedescendant", id);
}
}
that._current = candidate;
} else {
return that._current;
}
},
destroy: function() {
var that = this,
ns = that.ns;
Widget.fn.destroy.call(that);
that._unbindDataSource();
that.ul.off(ns);
that.list.off(ns);
that.popup.destroy();
if (that._form) {
that._form.off("reset", that._resetHandler);
}
},
dataItem: function(index) {
var that = this;
if (index === undefined) {
index = that.selectedIndex;
}
return that._data()[index];
},
_accessors: function() {
var that = this,
element = that.element,
options = that.options,
getter = kendo.getter,
textField = element.attr(kendo.attr("text-field")),
valueField = element.attr(kendo.attr("value-field"));
if (textField) {
options.dataTextField = textField;
}
if (valueField) {
options.dataValueField = valueField;
}
that._text = getter(options.dataTextField);
that._value = getter(options.dataValueField);
},
_aria: function(id) {
var that = this,
options = that.options,
element = that._focused;
if (options.suggest !== undefined) {
element.attr("aria-autocomplete", options.suggest ? "both" : "list");
}
id = id ? id + " " + that.ul[0].id : that.ul[0].id;
element.attr("aria-owns", id);
that.ul.attr("aria-live", !options.filter || options.filter === "none" ? "off" : "polite");
},
_blur: function() {
var that = this;
that._change();
that.close();
},
_change: function() {
var that = this,
index = that.selectedIndex,
optionValue = that.options.value,
value = that.value(),
trigger;
if (that._isSelect && !that._bound && optionValue) {
value = optionValue;
}
if (value !== that._old) {
trigger = true;
} else if (index !== undefined && index !== that._oldIndex) {
trigger = true;
}
if (trigger) {
that._old = value;
that._oldIndex = index;
that.trigger(CHANGE);
// trigger the DOM change event so any subscriber gets notified
that.element.trigger(CHANGE);
}
},
_click: function(e) {
if (!e.isDefaultPrevented()) {
this._accept($(e.currentTarget));
}
},
_data: function() {
return this.dataSource.view();
},
_enable: function() {
var that = this,
options = that.options,
disabled = that.element.is("[disabled]");
if (options.enable !== undefined) {
options.enabled = options.enable;
}
if (!options.enabled || disabled) {
that.enable(false);
} else {
that.readonly(that.element.is("[readonly]"));
}
},
_focus: function(li) {
var that = this;
if (that.popup.visible() && li && that.trigger(SELECT, {item: li})) {
that.close();
return;
}
that._select(li);
that._triggerCascade();
that._blur();
},
_index: function(value) {
var that = this,
idx,
length,
data = that._data();
for (idx = 0, length = data.length; idx < length; idx++) {
if (that._dataValue(data[idx]) == value) {
return idx;
}
}
return -1;
},
_dataValue: function(dataItem) {
var value = this._value(dataItem);
if (value === undefined) {
value = this._text(dataItem);
}
return value;
},
_height: function(length) {
if (length) {
var that = this,
list = that.list,
visible = that.popup.visible(),
height = that.options.height;
list = list.add(list.parent(".k-animation-container")).show()
.height(that.ul[0].scrollHeight > height ? height : "auto");
if (!visible) {
list.hide();
}
}
},
_adjustListWidth: function() {
var list = this.list,
width = list[0].style.width,
wrapper = this.wrapper,
computedStyle, computedWidth;
if (!list.data(WIDTH) && width) {
return;
}
computedStyle = window.getComputedStyle ? window.getComputedStyle(wrapper[0], null) : 0;
computedWidth = computedStyle ? parseFloat(computedStyle.width) : wrapper.outerWidth();
if (computedStyle && (browser.mozilla || browser.msie)) { // getComputedStyle returns different box in FF and IE.
computedWidth += parseFloat(computedStyle.paddingLeft) + parseFloat(computedStyle.paddingRight) + parseFloat(computedStyle.borderLeftWidth) + parseFloat(computedStyle.borderRightWidth);
}
if (list.css("box-sizing") !== "border-box") {
width = computedWidth - (list.outerWidth() - list.width());
} else {
width = computedWidth;
}
list.css({
fontFamily: wrapper.css("font-family"),
width: width
})
.data(WIDTH, width);
return true;
},
_popup: function() {
var that = this,
list = that.list,
focused = that._focused,
options = that.options,
wrapper = that.wrapper;
that.popup = new ui.Popup(list, extend({}, options.popup, {
anchor: wrapper,
open: function(e) {
that._adjustListWidth();
if (that.trigger(OPEN)) {
e.preventDefault();
} else {
focused.attr("aria-expanded", true);
that.ul.attr("aria-hidden", false);
}
},
close: function(e) {
if (that.trigger(CLOSE)) {
e.preventDefault();
} else {
focused.attr("aria-expanded", false);
that.ul.attr("aria-hidden", true);
}
},
animation: options.animation,
isRtl: support.isRtl(wrapper)
}));
that.popup.one(OPEN, function() {
that._height(that._data().length);
});
that._touchScroller = kendo.touchScroller(that.popup.element);
},
_makeUnselectable: function() {
if (isIE8) {
this.list.find("*").attr("unselectable", "on");
}
},
_toggleHover: function(e) {
$(e.currentTarget).toggleClass(HOVER, e.type === "mouseenter");
},
_toggle: function(open) {
var that = this;
open = open !== undefined? open : !that.popup.visible();
if (!support.touch && that._focused[0] !== activeElement()) {
that._focused.focus();
}
that[open ? OPEN : CLOSE]();
},
_scroll: function (item) {
if (!item) {
return;
}
if (item[0]) {
item = item[0];
}
var ul = this.ul[0],
itemOffsetTop = item.offsetTop,
itemOffsetHeight = item.offsetHeight,
ulScrollTop = ul.scrollTop,
ulOffsetHeight = ul.clientHeight,
bottomDistance = itemOffsetTop + itemOffsetHeight,
touchScroller = this._touchScroller,
yDimension, headerHeight;
if (touchScroller) {
yDimension = touchScroller.dimensions.y;
if (yDimension.enabled && itemOffsetTop > yDimension.size) {
itemOffsetTop = itemOffsetTop - yDimension.size + itemOffsetHeight + 4;
touchScroller.scrollTo(0, -itemOffsetTop);
}
} else {
headerHeight = this.header ? this.header.outerHeight() : 0;
ul.scrollTop = ulScrollTop > itemOffsetTop ?
(itemOffsetTop - headerHeight) : bottomDistance > (ulScrollTop + ulOffsetHeight) ?
(bottomDistance - ulOffsetHeight - headerHeight) : ulScrollTop;
}
},
_template: function() {
var that = this,
options = that.options,
template = options.template,
hasDataSource = options.dataSource;
if (that._isSelect && that.element[0].length) {
if (!hasDataSource) {
options.dataTextField = options.dataTextField || "text";
options.dataValueField = options.dataValueField || "value";
}
}
if (!template) {
that.template = kendo.template('${' + kendo.expr(options.dataTextField, "data") + "} ", { useWithBlock: false });
} else {
template = kendo.template(template);
that.template = function(data) {
return '' + template(data) + " ";
};
}
},
_triggerCascade: function() {
var that = this,
value = that.value();
if ((!that._bound && value) || that._old !== value) {
that.trigger("cascade");
}
},
_unbindDataSource: function() {
var that = this;
that.dataSource.unbind(CHANGE, that._refreshHandler)
.unbind(PROGRESS, that._progressHandler)
.unbind(REQUESTEND, that._requestEndHandler)
.unbind("error", that._errorHandler);
}
});
extend(List, {
caret: function(element) {
var caret,
selection = element.ownerDocument.selection;
if (selection) {
caret = Math.abs(selection.createRange().moveStart(CHARACTER, -element.value.length));
} else {
caret = element.selectionStart;
}
return caret;
},
selectText: function (element, selectionStart, selectionEnd) {
try {
if (element.createTextRange) {
element.focus();
var textRange = element.createTextRange();
textRange.collapse(true);
textRange.moveStart(CHARACTER, selectionStart);
textRange.moveEnd(CHARACTER, selectionEnd - selectionStart);
textRange.select();
} else {
element.setSelectionRange(selectionStart, selectionEnd);
}
} catch(e) { /* element is not focused or it is not in the DOM */ }
},
inArray: function(node, parentNode) {
var idx, length, siblings = parentNode.children;
if (!node || node.parentNode !== parentNode) {
return -1;
}
for (idx = 0, length = siblings.length; idx < length; idx++) {
if (node === siblings[idx]) {
return idx;
}
}
return -1;
}
});
kendo.ui.List = List;
ui.Select = List.extend({
init: function(element, options) {
List.fn.init.call(this, element, options);
this._initial = this.element.val();
},
setDataSource: function(dataSource) {
this.options.dataSource = dataSource;
this._dataSource();
this._bound = false;
if (this.options.autoBind) {
this.dataSource.fetch();
}
},
close: function() {
this.popup.close();
},
select: function(li) {
var that = this;
if (li === undefined) {
return that.selectedIndex;
} else {
that._select(li);
that._triggerCascade();
that._old = that._accessor();
that._oldIndex = that.selectedIndex;
}
},
_accessor: function(value, idx) {
var element = this.element[0],
isSelect = this._isSelect,
selectedIndex = element.selectedIndex,
option;
if (value === undefined) {
if (isSelect) {
if (selectedIndex > -1) {
option = element.options[selectedIndex];
if (option) {
value = option.value;
}
}
} else {
value = element.value;
}
return value;
} else {
if (isSelect) {
if (selectedIndex > -1) {
element.options[selectedIndex].removeAttribute(SELECTED);
}
element.selectedIndex = idx;
option = element.options[idx];
if (option) {
option.setAttribute(SELECTED, SELECTED);
}
} else {
element.value = value;
}
}
},
_hideBusy: function () {
var that = this;
clearTimeout(that._busy);
that._arrow.removeClass(LOADING);
that._focused.attr("aria-busy", false);
that._busy = null;
},
_showBusy: function () {
var that = this;
that._request = true;
if (that._busy) {
return;
}
that._busy = setTimeout(function () {
that._focused.attr("aria-busy", true);
that._arrow.addClass(LOADING);
}, 100);
},
_requestEnd: function() {
this._request = false;
},
_dataSource: function() {
var that = this,
element = that.element,
options = that.options,
dataSource = options.dataSource || {},
idx;
dataSource = $.isArray(dataSource) ? {data: dataSource} : dataSource;
if (that._isSelect) {
idx = element[0].selectedIndex;
if (idx > -1) {
options.index = idx;
}
dataSource.select = element;
dataSource.fields = [{ field: options.dataTextField },
{ field: options.dataValueField }];
}
if (that.dataSource && that._refreshHandler) {
that._unbindDataSource();
} else {
that._refreshHandler = proxy(that.refresh, that);
that._progressHandler = proxy(that._showBusy, that);
that._requestEndHandler = proxy(that._requestEnd, that);
that._errorHandler = proxy(that._hideBusy, that);
}
that.dataSource = kendo.data.DataSource.create(dataSource)
.bind(CHANGE, that._refreshHandler)
.bind(PROGRESS, that._progressHandler)
.bind(REQUESTEND, that._requestEndHandler)
.bind("error", that._errorHandler);
},
_get: function(li) {
var that = this,
data = that._data(),
idx, length;
if (typeof li === "function") {
for (idx = 0, length = data.length; idx < length; idx++) {
if (li(data[idx])) {
li = idx;
break;
}
}
}
if (typeof li === "number") {
if (li < 0) {
return $();
}
li = $(that.ul[0].children[li]);
}
if (li && li.nodeType) {
li = $(li);
}
return li;
},
_move: function(e) {
var that = this,
key = e.keyCode,
ul = that.ul[0],
methodName = that.popup.visible() ? "_select" : "_accept",
current = that._current,
down = key === keys.DOWN,
firstChild,
pressed;
if (key === keys.UP || down) {
if (e.altKey) {
that.toggle(down);
} else {
firstChild = ul.firstChild;
if (!firstChild && !that._accessor() && that._state !== "filter") {
if (!that._fetch) {
that.dataSource.one(CHANGE, function() {
that._move(e);
that._fetch = false;
});
that._fetch = true;
that._filterSource();
}
e.preventDefault();
return true; //pressed
}
if (down) {
if (!current || (that.selectedIndex === -1 && !that.value() && current[0] === firstChild)) {
current = firstChild;
} else {
current = current[0].nextSibling;
if (!current && firstChild === ul.lastChild) {
current = firstChild;
}
}
that[methodName](current);
} else {
current = current ? current[0].previousSibling : ul.lastChild;
if (!current && firstChild === ul.lastChild) {
current = firstChild;
}
that[methodName](current);
}
}
e.preventDefault();
pressed = true;
} else if (key === keys.ENTER || key === keys.TAB) {
if (that.popup.visible()) {
e.preventDefault();
}
that._accept(current);
pressed = true;
} else if (key === keys.ESC) {
if (that.popup.visible()) {
e.preventDefault();
}
that.close();
pressed = true;
}
return pressed;
},
_selectItem: function() {
var that = this,
options = that.options,
index = that.selectedIndex,
useOptionIndex,
value;
useOptionIndex = that._isSelect && !that._initial && !options.value && options.index && !that._bound;
if (!useOptionIndex) {
value = that._selectedValue || options.value || that._accessor();
}
if (value) {
that.value(value);
} else if (!that._bound || index > -1) {
if (!that._bound) {
index = options.index;
}
that.select(index);
}
},
_fetchItems: function(value) {
var that = this,
hasItems = that.ul[0].firstChild;
//if request is started avoid datasource.fetch
if (that._request) {
return true;
}
if (!that._fetch && !hasItems) {
if (that.options.cascadeFrom) {
return !hasItems;
}
that.dataSource.one(CHANGE, function() {
that.value(value);
that._fetch = false;
});
that._fetch = true;
that.dataSource.fetch();
return true;
}
},
_options: function(data, optionLabel) {
var that = this,
element = that.element,
selectedIndex = element[0].selectedIndex,
length = data.length,
options = "",
option,
dataItem,
dataText,
dataValue,
idx = 0;
if (optionLabel) {
idx = 1;
options = optionLabel;
if (optionLabel.indexOf($(element[0].firstChild).text()) === -1) {
selectedIndex += 1;
}
}
for (; idx < length; idx++) {
option = "#=data.value# ', { useWithBlock: false }),
emptyCellTemplate = template(' ', { useWithBlock: false }),
browser = kendo.support.browser,
isIE8 = browser.msie && browser.version < 9,
ns = ".kendoCalendar",
CLICK = "click" + ns,
KEYDOWN_NS = "keydown" + ns,
ID = "id",
MIN = "min",
LEFT = "left",
SLIDE = "slideIn",
MONTH = "month",
CENTURY = "century",
CHANGE = "change",
NAVIGATE = "navigate",
VALUE = "value",
HOVER = "k-state-hover",
DISABLED = "k-state-disabled",
FOCUSED = "k-state-focused",
OTHERMONTH = "k-other-month",
OTHERMONTHCLASS = ' class="' + OTHERMONTH + '"',
TODAY = "k-nav-today",
CELLSELECTOR = "td:has(.k-link)",
BLUR = "blur" + ns,
FOCUS = "focus",
FOCUS_WITH_NS = FOCUS + ns,
MOUSEENTER = support.touch ? "touchstart" : "mouseenter",
MOUSEENTER_WITH_NS = support.touch ? "touchstart" + ns : "mouseenter" + ns,
MOUSELEAVE = support.touch ? "touchend" + ns + " touchmove" + ns : "mouseleave" + ns,
MS_PER_MINUTE = 60000,
MS_PER_DAY = 86400000,
PREVARROW = "_prevArrow",
NEXTARROW = "_nextArrow",
ARIA_DISABLED = "aria-disabled",
ARIA_SELECTED = "aria-selected",
proxy = $.proxy,
extend = $.extend,
DATE = Date,
views = {
month: 0,
year: 1,
decade: 2,
century: 3
};
var Calendar = Widget.extend({
init: function(element, options) {
var that = this, value, id;
Widget.fn.init.call(that, element, options);
element = that.wrapper = that.element;
options = that.options;
options.url = window.unescape(options.url);
that._templates();
that._header();
that._footer(that.footer);
id = element
.addClass("k-widget k-calendar")
.on(MOUSEENTER_WITH_NS + " " + MOUSELEAVE, CELLSELECTOR, mousetoggle)
.on(KEYDOWN_NS, "table.k-content", proxy(that._move, that))
.on(CLICK, CELLSELECTOR, function(e) {
var link = e.currentTarget.firstChild;
if (link.href.indexOf("#") != -1) {
e.preventDefault();
}
that._click($(link));
})
.on("mouseup" + ns, function() {
that._focusView(that.options.focusOnNav !== false);
})
.attr(ID);
if (id) {
that._cellID = id + "_cell_selected";
}
normalize(options);
value = parse(options.value, options.format, options.culture);
that._index = views[options.start];
that._current = new DATE(+restrictValue(value, options.min, options.max));
that._addClassProxy = function() {
that._active = true;
that._cell.addClass(FOCUSED);
};
that._removeClassProxy = function() {
that._active = false;
that._cell.removeClass(FOCUSED);
};
that.value(value);
kendo.notify(that);
},
options: {
name: "Calendar",
value: null,
min: new DATE(1900, 0, 1),
max: new DATE(2099, 11, 31),
dates: [],
url: "",
culture: "",
footer : "",
format : "",
month : {},
start: MONTH,
depth: MONTH,
animation: {
horizontal: {
effects: SLIDE,
reverse: true,
duration: 500,
divisor: 2
},
vertical: {
effects: "zoomIn",
duration: 400
}
}
},
events: [
CHANGE,
NAVIGATE
],
setOptions: function(options) {
normalize(options);
Widget.fn.setOptions.call(this, options);
},
destroy: function() {
var that = this,
today = that._today;
that.element.off(ns);
that._title.off(ns);
that[PREVARROW].off(ns);
that[NEXTARROW].off(ns);
kendo.destroy(that._table);
if (today) {
kendo.destroy(today.off(ns));
}
Widget.fn.destroy.call(that);
},
current: function() {
return this._current;
},
view: function() {
return this._view;
},
focus: function(table) {
table = table || this._table;
this._bindTable(table);
table.focus();
},
min: function(value) {
return this._option(MIN, value);
},
max: function(value) {
return this._option("max", value);
},
navigateToPast: function() {
this._navigate(PREVARROW, -1);
},
navigateToFuture: function() {
this._navigate(NEXTARROW, 1);
},
navigateUp: function() {
var that = this,
index = that._index;
if (that._title.hasClass(DISABLED)) {
return;
}
that.navigate(that._current, ++index);
},
navigateDown: function(value) {
var that = this,
index = that._index,
depth = that.options.depth;
if (!value) {
return;
}
if (index === views[depth]) {
if (+that._value != +value) {
that.value(value);
that.trigger(CHANGE);
}
return;
}
that.navigate(value, --index);
},
navigate: function(value, view) {
view = isNaN(view) ? views[view] : view;
var that = this,
options = that.options,
culture = options.culture,
min = options.min,
max = options.max,
title = that._title,
from = that._table,
old = that._oldTable,
selectedValue = that._value,
currentValue = that._current,
future = value && +value > +currentValue,
vertical = view !== undefined && view !== that._index,
to, currentView, compare,
disabled;
if (!value) {
value = currentValue;
}
that._current = value = new DATE(+restrictValue(value, min, max));
if (view === undefined) {
view = that._index;
} else {
that._index = view;
}
that._view = currentView = calendar.views[view];
compare = currentView.compare;
disabled = view === views[CENTURY];
title.toggleClass(DISABLED, disabled).attr(ARIA_DISABLED, disabled);
disabled = compare(value, min) < 1;
that[PREVARROW].toggleClass(DISABLED, disabled).attr(ARIA_DISABLED, disabled);
disabled = compare(value, max) > -1;
that[NEXTARROW].toggleClass(DISABLED, disabled).attr(ARIA_DISABLED, disabled);
if (from && old && old.data("animating")) {
old.kendoStop(true, true);
from.kendoStop(true, true);
}
that._oldTable = from;
if (!from || that._changeView) {
title.html(currentView.title(value, min, max, culture));
that._table = to = $(currentView.content(extend({
min: min,
max: max,
date: value,
url: options.url,
dates: options.dates,
format: options.format,
culture: culture
}, that[currentView.name])));
makeUnselectable(to);
that._animate({
from: from,
to: to,
vertical: vertical,
future: future
});
that._focus(value);
that.trigger(NAVIGATE);
}
if (view === views[options.depth] && selectedValue) {
that._class("k-state-selected", currentView.toDateString(selectedValue));
}
that._class(FOCUSED, currentView.toDateString(value));
if (!from && that._cell) {
that._cell.removeClass(FOCUSED);
}
that._changeView = true;
},
value: function(value) {
var that = this,
view = that._view,
options = that.options,
old = that._view,
min = options.min,
max = options.max;
if (value === undefined) {
return that._value;
}
value = parse(value, options.format, options.culture);
if (value !== null) {
value = new DATE(+value);
if (!isInRange(value, min, max)) {
value = null;
}
}
that._value = value;
if (old && value === null && that._cell) {
that._cell.removeClass("k-state-selected");
} else {
that._changeView = !value || view && view.compare(value, that._current) !== 0;
that.navigate(value);
}
},
_move: function(e) {
var that = this,
options = that.options,
key = e.keyCode,
view = that._view,
index = that._index,
currentValue = new DATE(+that._current),
isRtl = kendo.support.isRtl(that.wrapper),
value, prevent, method, temp;
if (e.target === that._table[0]) {
that._active = true;
}
if (e.ctrlKey) {
if (key == keys.RIGHT && !isRtl || key == keys.LEFT && isRtl) {
that.navigateToFuture();
prevent = true;
} else if (key == keys.LEFT && !isRtl || key == keys.RIGHT && isRtl) {
that.navigateToPast();
prevent = true;
} else if (key == keys.UP) {
that.navigateUp();
prevent = true;
} else if (key == keys.DOWN) {
that._click($(that._cell[0].firstChild));
prevent = true;
}
} else {
if (key == keys.RIGHT && !isRtl || key == keys.LEFT && isRtl) {
value = 1;
prevent = true;
} else if (key == keys.LEFT && !isRtl || key == keys.RIGHT && isRtl) {
value = -1;
prevent = true;
} else if (key == keys.UP) {
value = index === 0 ? -7 : -4;
prevent = true;
} else if (key == keys.DOWN) {
value = index === 0 ? 7 : 4;
prevent = true;
} else if (key == keys.ENTER) {
that._click($(that._cell[0].firstChild));
prevent = true;
} else if (key == keys.HOME || key == keys.END) {
method = key == keys.HOME ? "first" : "last";
temp = view[method](currentValue);
currentValue = new DATE(temp.getFullYear(), temp.getMonth(), temp.getDate(), currentValue.getHours(), currentValue.getMinutes(), currentValue.getSeconds(), currentValue.getMilliseconds());
prevent = true;
} else if (key == keys.PAGEUP) {
prevent = true;
that.navigateToPast();
} else if (key == keys.PAGEDOWN) {
prevent = true;
that.navigateToFuture();
}
if (value || method) {
if (!method) {
view.setDate(currentValue, value);
}
that._focus(restrictValue(currentValue, options.min, options.max));
}
}
if (prevent) {
e.preventDefault();
}
return that._current;
},
_animate: function(options) {
var that = this,
from = options.from,
to = options.to,
active = that._active;
if (!from) {
to.insertAfter(that.element[0].firstChild);
that._bindTable(to);
} else if (from.parent().data("animating")) {
from.parent().kendoStop(true, true).remove();
from.remove();
to.insertAfter(that.element[0].firstChild);
that._focusView(active);
} else if (!from.is(":visible") || that.options.animation === false) {
to.insertAfter(from);
from.remove();
that._focusView(active);
} else {
that[options.vertical ? "_vertical" : "_horizontal"](from, to, options.future);
}
},
_horizontal: function(from, to, future) {
var that = this,
active = that._active,
horizontal = that.options.animation.horizontal,
effects = horizontal.effects,
viewWidth = from.outerWidth();
if (effects && effects.indexOf(SLIDE) != -1) {
from.add(to).css({ width: viewWidth });
from.wrap("
");
that._focusView(active, from);
from.parent()
.css({
position: "relative",
width: viewWidth * 2,
"float": LEFT,
"margin-left": future ? 0 : -viewWidth
});
to[future ? "insertAfter" : "insertBefore"](from);
extend(horizontal, {
effects: SLIDE + ":" + (future ? "right" : LEFT),
complete: function() {
from.remove();
to.unwrap();
that._focusView(active);
that._oldTable = undefined;
}
});
from.parent().kendoStop(true, true).kendoAnimate(horizontal);
}
},
_vertical: function(from, to) {
var that = this,
vertical = that.options.animation.vertical,
effects = vertical.effects,
active = that._active, //active state before from's blur
cell, position;
if (effects && effects.indexOf("zoom") != -1) {
to.css({
position: "absolute",
top: from.prev().outerHeight(),
left: 0
}).insertBefore(from);
if (transitionOrigin) {
cell = that._cellByDate(that._view.toDateString(that._current));
position = cell.position();
position = (position.left + parseInt(cell.width() / 2, 10)) + "px" + " " + (position.top + parseInt(cell.height() / 2, 10) + "px");
to.css(transitionOrigin, position);
}
from.kendoStop(true, true).kendoAnimate({
effects: "fadeOut",
duration: 600,
complete: function() {
from.remove();
to.css({
position: "static",
top: 0,
left: 0
});
that._focusView(active);
that._oldTable = undefined;
}
});
to.kendoStop(true, true).kendoAnimate(vertical);
}
},
_cellByDate: function(value) {
return this._table.find("td:not(." + OTHERMONTH + ")")
.filter(function() {
return $(this.firstChild).attr(kendo.attr(VALUE)) === value;
});
},
_class: function(className, value) {
var that = this,
id = that._cellID,
cell = that._cell;
if (cell) {
cell.removeAttr(ARIA_SELECTED)
.removeAttr(ID);
}
cell = that._table
.find("td:not(." + OTHERMONTH + ")")
.removeClass(className)
.filter(function() {
return $(this.firstChild).attr(kendo.attr(VALUE)) === value;
})
.attr(ARIA_SELECTED, true);
if (className === FOCUSED && !that._active && that.options.focusOnNav !== false) {
className = "";
}
cell.addClass(className);
if (cell[0]) {
that._cell = cell;
}
if (id) {
cell.attr(ID, id);
that._table.removeAttr("aria-activedescendant").attr("aria-activedescendant", id);
}
},
_bindTable: function (table) {
table
.on(FOCUS_WITH_NS, this._addClassProxy)
.on(BLUR, this._removeClassProxy);
},
_click: function(link) {
var that = this,
options = that.options,
currentValue = new Date(+that._current),
value = link.attr(kendo.attr(VALUE)).split("/");
//Safari cannot create correctly date from "1/1/2090"
value = new DATE(value[0], value[1], value[2]);
adjustDST(value, 0);
that._view.setDate(currentValue, value);
that.navigateDown(restrictValue(currentValue, options.min, options.max));
},
_focus: function(value) {
var that = this,
view = that._view;
if (view.compare(value, that._current) !== 0) {
that.navigate(value);
} else {
that._current = value;
that._class(FOCUSED, view.toDateString(value));
}
},
_focusView: function(active, table) {
if (active) {
this.focus(table);
}
},
_footer: function(template) {
var that = this,
today = getToday(),
element = that.element,
footer = element.find(".k-footer");
if (!template) {
that._toggle(false);
footer.hide();
return;
}
if (!footer[0]) {
footer = $('').appendTo(element);
}
that._today = footer.show()
.find(".k-link")
.html(template(today))
.attr("title", kendo.toString(today, "D", that.options.culture));
that._toggle();
},
_header: function() {
var that = this,
element = that.element,
active = that.options.focusOnNav !== false,
links;
if (!element.find(".k-header")[0]) {
element.html('');
}
links = element.find(".k-link")
.on(MOUSEENTER_WITH_NS + " " + MOUSELEAVE + " " + FOCUS_WITH_NS + " " + BLUR, mousetoggle)
.click(false);
that._title = links.eq(1).on(CLICK, function() { that._focusView(active); that.navigateUp(); });
that[PREVARROW] = links.eq(0).on(CLICK, function() { that._focusView(active); that.navigateToPast(); });
that[NEXTARROW] = links.eq(2).on(CLICK, function() { that._focusView(active); that.navigateToFuture(); });
},
_navigate: function(arrow, modifier) {
var that = this,
index = that._index + 1,
currentValue = new DATE(+that._current);
arrow = that[arrow];
if (!arrow.hasClass(DISABLED)) {
if (index > 3) {
currentValue.setFullYear(currentValue.getFullYear() + 100 * modifier);
} else {
calendar.views[index].setDate(currentValue, modifier);
}
that.navigate(currentValue);
}
},
_option: function(option, value) {
var that = this,
options = that.options,
currentValue = that._value || that._current,
isBigger;
if (value === undefined) {
return options[option];
}
value = parse(value, options.format, options.culture);
if (!value) {
return;
}
options[option] = new DATE(+value);
if (option === MIN) {
isBigger = value > currentValue;
} else {
isBigger = currentValue > value;
}
if (isBigger || isEqualMonth(currentValue, value)) {
that._value = null;
that._changeView = true;
}
if (!that._changeView) {
that._changeView = !!(options.month.content || options.month.empty);
}
that.navigate(that._value);
that._toggle();
},
_toggle: function(toggle) {
var that = this,
options = that.options,
link = that._today;
if (toggle === undefined) {
toggle = isInRange(getToday(), options.min, options.max);
}
if (link) {
link.off(CLICK);
if (toggle) {
link.addClass(TODAY)
.removeClass(DISABLED)
.on(CLICK, proxy(that._todayClick, that));
} else {
link.removeClass(TODAY)
.addClass(DISABLED)
.on(CLICK, prevent);
}
}
},
_todayClick: function(e) {
var that = this,
depth = views[that.options.depth],
today = getToday();
e.preventDefault();
if (that._view.compare(that._current, today) === 0 && that._index == depth) {
that._changeView = false;
}
that._value = today;
that.navigate(today, depth);
that.trigger(CHANGE);
},
_templates: function() {
var that = this,
options = that.options,
footer = options.footer,
month = options.month,
content = month.content,
empty = month.empty;
that.month = {
content: template('' + (content || "#=data.value#") + ' ', { useWithBlock: !!content }),
empty: template('' + (empty || " ") + " ", { useWithBlock: !!empty })
};
if (footer !== false) {
that.footer = template(footer || '#= kendo.toString(data,"D","' + options.culture +'") #', { useWithBlock: false });
}
}
});
ui.plugin(Calendar);
var calendar = {
firstDayOfMonth: function (date) {
return new DATE(
date.getFullYear(),
date.getMonth(),
1
);
},
firstVisibleDay: function (date, calendarInfo) {
calendarInfo = calendarInfo || kendo.culture().calendar;
var firstDay = calendarInfo.firstDay,
firstVisibleDay = new DATE(date.getFullYear(), date.getMonth(), 0, date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds());
while (firstVisibleDay.getDay() != firstDay) {
calendar.setTime(firstVisibleDay, -1 * MS_PER_DAY);
}
return firstVisibleDay;
},
setTime: function (date, time) {
var tzOffsetBefore = date.getTimezoneOffset(),
resultDATE = new DATE(date.getTime() + time),
tzOffsetDiff = resultDATE.getTimezoneOffset() - tzOffsetBefore;
date.setTime(resultDATE.getTime() + tzOffsetDiff * MS_PER_MINUTE);
},
views: [{
name: MONTH,
title: function(date, min, max, culture) {
return getCalendarInfo(culture).months.names[date.getMonth()] + " " + date.getFullYear();
},
content: function(options) {
var that = this,
idx = 0,
min = options.min,
max = options.max,
date = options.date,
dates = options.dates,
format = options.format,
culture = options.culture,
navigateUrl = options.url,
hasUrl = navigateUrl && dates[0],
currentCalendar = getCalendarInfo(culture),
firstDayIdx = currentCalendar.firstDay,
days = currentCalendar.days,
names = shiftArray(days.names, firstDayIdx),
shortNames = shiftArray(days.namesShort, firstDayIdx),
start = calendar.firstVisibleDay(date, currentCalendar),
firstDayOfMonth = that.first(date),
lastDayOfMonth = that.last(date),
toDateString = that.toDateString,
today = new DATE(),
html = '';
for (; idx < 7; idx++) {
html += '' + shortNames[idx] + ' ';
}
today = new DATE(today.getFullYear(), today.getMonth(), today.getDate());
adjustDST(today, 0);
today = +today;
return view({
cells: 42,
perRow: 7,
html: html += ' ',
start: new DATE(start.getFullYear(), start.getMonth(), start.getDate()),
min: new DATE(min.getFullYear(), min.getMonth(), min.getDate()),
max: new DATE(max.getFullYear(), max.getMonth(), max.getDate()),
content: options.content,
empty: options.empty,
setter: that.setDate,
build: function(date) {
var cssClass = [],
day = date.getDay(),
linkClass = "",
url = "#";
if (date < firstDayOfMonth || date > lastDayOfMonth) {
cssClass.push(OTHERMONTH);
}
if (+date === today) {
cssClass.push("k-today");
}
if (day === 0 || day === 6) {
cssClass.push("k-weekend");
}
if (hasUrl && inArray(+date, dates)) {
url = navigateUrl.replace("{0}", kendo.toString(date, format, culture));
linkClass = " k-action-link";
}
return {
date: date,
dates: dates,
ns: kendo.ns,
title: kendo.toString(date, "D", culture),
value: date.getDate(),
dateString: toDateString(date),
cssClass: cssClass[0] ? ' class="' + cssClass.join(" ") + '"' : "",
linkClass: linkClass,
url: url
};
}
});
},
first: function(date) {
return calendar.firstDayOfMonth(date);
},
last: function(date) {
var last = new DATE(date.getFullYear(), date.getMonth() + 1, 0),
first = calendar.firstDayOfMonth(date),
timeOffset = Math.abs(last.getTimezoneOffset() - first.getTimezoneOffset());
if (timeOffset) {
last.setHours(first.getHours() + (timeOffset / 60));
}
return last;
},
compare: function(date1, date2) {
var result,
month1 = date1.getMonth(),
year1 = date1.getFullYear(),
month2 = date2.getMonth(),
year2 = date2.getFullYear();
if (year1 > year2) {
result = 1;
} else if (year1 < year2) {
result = -1;
} else {
result = month1 == month2 ? 0 : month1 > month2 ? 1 : -1;
}
return result;
},
setDate: function(date, value) {
var hours = date.getHours();
if (value instanceof DATE) {
date.setFullYear(value.getFullYear(), value.getMonth(), value.getDate());
} else {
calendar.setTime(date, value * MS_PER_DAY);
}
adjustDST(date, hours);
},
toDateString: function(date) {
return date.getFullYear() + "/" + date.getMonth() + "/" + date.getDate();
}
},
{
name: "year",
title: function(date) {
return date.getFullYear();
},
content: function(options) {
var namesAbbr = getCalendarInfo(options.culture).months.namesAbbr,
toDateString = this.toDateString,
min = options.min,
max = options.max;
return view({
min: new DATE(min.getFullYear(), min.getMonth(), 1),
max: new DATE(max.getFullYear(), max.getMonth(), 1),
start: new DATE(options.date.getFullYear(), 0, 1),
setter: this.setDate,
build: function(date) {
return {
value: namesAbbr[date.getMonth()],
ns: kendo.ns,
dateString: toDateString(date),
cssClass: ""
};
}
});
},
first: function(date) {
return new DATE(date.getFullYear(), 0, date.getDate());
},
last: function(date) {
return new DATE(date.getFullYear(), 11, date.getDate());
},
compare: function(date1, date2){
return compare(date1, date2);
},
setDate: function(date, value) {
var month,
hours = date.getHours();
if (value instanceof DATE) {
month = value.getMonth();
date.setFullYear(value.getFullYear(), month, date.getDate());
if (month !== date.getMonth()) {
date.setDate(0);
}
} else {
month = date.getMonth() + value;
date.setMonth(month);
if (month > 11) {
month -= 12;
}
if (month > 0 && date.getMonth() != month) {
date.setDate(0);
}
}
adjustDST(date, hours);
},
toDateString: function(date) {
return date.getFullYear() + "/" + date.getMonth() + "/1";
}
},
{
name: "decade",
title: function(date, min, max) {
return title(date, min, max, 10);
},
content: function(options) {
var year = options.date.getFullYear(),
toDateString = this.toDateString;
return view({
start: new DATE(year - year % 10 - 1, 0, 1),
min: new DATE(options.min.getFullYear(), 0, 1),
max: new DATE(options.max.getFullYear(), 0, 1),
setter: this.setDate,
build: function(date, idx) {
return {
value: date.getFullYear(),
ns: kendo.ns,
dateString: toDateString(date),
cssClass: idx === 0 || idx == 11 ? OTHERMONTHCLASS : ""
};
}
});
},
first: function(date) {
var year = date.getFullYear();
return new DATE(year - year % 10, date.getMonth(), date.getDate());
},
last: function(date) {
var year = date.getFullYear();
return new DATE(year - year % 10 + 9, date.getMonth(), date.getDate());
},
compare: function(date1, date2) {
return compare(date1, date2, 10);
},
setDate: function(date, value) {
setDate(date, value, 1);
},
toDateString: function(date) {
return date.getFullYear() + "/0/1";
}
},
{
name: CENTURY,
title: function(date, min, max) {
return title(date, min, max, 100);
},
content: function(options) {
var year = options.date.getFullYear(),
min = options.min.getFullYear(),
max = options.max.getFullYear(),
toDateString = this.toDateString,
minYear = min,
maxYear = max;
minYear = minYear - minYear % 10;
maxYear = maxYear - maxYear % 10;
if (maxYear - minYear < 10) {
maxYear = minYear + 9;
}
return view({
start: new DATE(year - year % 100 - 10, 0, 1),
min: new DATE(minYear, 0, 1),
max: new DATE(maxYear, 0, 1),
setter: this.setDate,
build: function(date, idx) {
var start = date.getFullYear(),
end = start + 9;
if (start < min) {
start = min;
}
if (end > max) {
end = max;
}
return {
ns: kendo.ns,
value: start + " - " + end,
dateString: toDateString(date),
cssClass: idx === 0 || idx == 11 ? OTHERMONTHCLASS : ""
};
}
});
},
first: function(date) {
var year = date.getFullYear();
return new DATE(year - year % 100, date.getMonth(), date.getDate());
},
last: function(date) {
var year = date.getFullYear();
return new DATE(year - year % 100 + 99, date.getMonth(), date.getDate());
},
compare: function(date1, date2) {
return compare(date1, date2, 100);
},
setDate: function(date, value) {
setDate(date, value, 10);
},
toDateString: function(date) {
var year = date.getFullYear();
return (year - year % 10) + "/0/1";
}
}]
};
function title(date, min, max, modular) {
var start = date.getFullYear(),
minYear = min.getFullYear(),
maxYear = max.getFullYear(),
end;
start = start - start % modular;
end = start + (modular - 1);
if (start < minYear) {
start = minYear;
}
if (end > maxYear) {
end = maxYear;
}
return start + "-" + end;
}
function view(options) {
var idx = 0,
data,
min = options.min,
max = options.max,
start = options.start,
setter = options.setter,
build = options.build,
length = options.cells || 12,
cellsPerRow = options.perRow || 4,
content = options.content || cellTemplate,
empty = options.empty || emptyCellTemplate,
html = options.html || '';
for(; idx < length; idx++) {
if (idx > 0 && idx % cellsPerRow === 0) {
html += ' ';
}
data = build(start, idx);
html += isInRange(start, min, max) ? content(data) : empty(data);
setter(start, 1);
}
return html + "
";
}
function compare(date1, date2, modifier) {
var year1 = date1.getFullYear(),
start = date2.getFullYear(),
end = start,
result = 0;
if (modifier) {
start = start - start % modifier;
end = start - start % modifier + modifier - 1;
}
if (year1 > end) {
result = 1;
} else if (year1 < start) {
result = -1;
}
return result;
}
function getToday() {
var today = new DATE();
return new DATE(today.getFullYear(), today.getMonth(), today.getDate());
}
function restrictValue (value, min, max) {
var today = getToday();
if (value) {
today = new DATE(+value);
}
if (min > today) {
today = new DATE(+min);
} else if (max < today) {
today = new DATE(+max);
}
return today;
}
function isInRange(date, min, max) {
return +date >= +min && +date <= +max;
}
function shiftArray(array, idx) {
return array.slice(idx).concat(array.slice(0, idx));
}
function setDate(date, value, multiplier) {
value = value instanceof DATE ? value.getFullYear() : date.getFullYear() + multiplier * value;
date.setFullYear(value);
}
function mousetoggle(e) {
$(this).toggleClass(HOVER, MOUSEENTER.indexOf(e.type) > -1 || e.type == FOCUS);
}
function prevent (e) {
e.preventDefault();
}
function getCalendarInfo(culture) {
return getCulture(culture).calendars.standard;
}
function normalize(options) {
var start = views[options.start],
depth = views[options.depth],
culture = getCulture(options.culture);
options.format = extractFormat(options.format || culture.calendars.standard.patterns.d);
if (isNaN(start)) {
start = 0;
options.start = MONTH;
}
if (depth === undefined || depth > start) {
options.depth = MONTH;
}
if (!options.dates) {
options.dates = [];
}
}
function makeUnselectable(element) {
if (isIE8) {
element.find("*").attr("unselectable", "on");
}
}
function inArray(date, dates) {
for(var i = 0, length = dates.length; i < length; i++) {
if (date === +dates[i]) {
return true;
}
}
return false;
}
function isEqualDatePart(value1, value2) {
if (value1) {
return value1.getFullYear() === value2.getFullYear() &&
value1.getMonth() === value2.getMonth() &&
value1.getDate() === value2.getDate();
}
return false;
}
function isEqualMonth(value1, value2) {
if (value1) {
return value1.getFullYear() === value2.getFullYear() &&
value1.getMonth() === value2.getMonth();
}
return false;
}
calendar.isEqualDatePart = isEqualDatePart;
calendar.makeUnselectable = makeUnselectable;
calendar.restrictValue = restrictValue;
calendar.isInRange = isInRange;
calendar.normalize = normalize;
calendar.viewsEnum = views;
kendo.calendar = calendar;
})(window.kendo.jQuery);
kendo_module({
id: "datepicker",
name: "DatePicker",
category: "web",
description: "The DatePicker widget allows the user to select a date from a calendar or by direct input.",
depends: [ "calendar", "popup" ]
});
(function($, undefined) {
var kendo = window.kendo,
ui = kendo.ui,
Widget = ui.Widget,
parse = kendo.parseDate,
keys = kendo.keys,
template = kendo.template,
activeElement = kendo._activeElement,
DIV = "
",
SPAN = "' + (content || "#=data.value#") + ' ', { useWithBlock: !!content }),
empty: template("" + (empty || " ") + " ", { useWithBlock: !!empty })
};
if (footer !== false) {
that.footer = template(footer || '#= kendo.toString(data,"D","' + options.culture +'") #', { useWithBlock: false });
}
}
};
DateView.normalize = normalize;
kendo.DateView = DateView;
var DatePicker = Widget.extend({
init: function(element, options) {
var that = this,
disabled,
div;
Widget.fn.init.call(that, element, options);
element = that.element;
options = that.options;
normalize(options);
that._wrapper();
that.dateView = new DateView(extend({}, options, {
id: element.attr(ID),
anchor: that.wrapper,
change: function() {
// calendar is the current scope
that._change(this.value());
that.close();
},
close: function(e) {
if (that.trigger(CLOSE)) {
e.preventDefault();
} else {
element.attr(ARIA_EXPANDED, false);
div.attr(ARIA_HIDDEN, true);
}
},
open: function(e) {
var options = that.options,
date;
if (that.trigger(OPEN)) {
e.preventDefault();
} else {
if (that.element.val() !== that._oldText) {
date = parse(element.val(), options.parseFormats, options.culture);
if (!date) {
that.dateView.value(date);
} else {
that.dateView._current = date;
that.dateView.calendar._focus(date);
}
}
element.attr(ARIA_EXPANDED, true);
div.attr(ARIA_HIDDEN, false);
}
}
}));
div = that.dateView.div;
that._icon();
try {
element[0].setAttribute("type", "text");
} catch(e) {
element[0].type = "text";
}
element
.addClass("k-input")
.attr({
role: "textbox",
"aria-haspopup": true,
"aria-expanded": false,
"aria-owns": that.dateView._dateViewID
});
that._reset();
that._template();
disabled = element.is("[disabled]");
if (disabled) {
that.enable(false);
} else {
that.readonly(element.is("[readonly]"));
}
that._old = that._update(options.value || that.element.val());
that._oldText = element.val();
kendo.notify(that);
},
events: [
OPEN,
CLOSE,
CHANGE],
options: {
name: "DatePicker",
value: null,
footer: "",
format: "",
culture: "",
parseFormats: [],
min: new Date(1900, 0, 1),
max: new Date(2099, 11, 31),
start: MONTH,
depth: MONTH,
animation: {},
month : {},
dates: [],
ARIATemplate: 'Current focused date is #=kendo.toString(data.current, "D")#'
},
setOptions: function(options) {
var that = this,
dateView = that.dateView,
dateViewOptions = dateView.options;
Widget.fn.setOptions.call(that, options);
normalize(that.options);
dateView.options = extend(dateViewOptions, that.options, {
change: dateViewOptions.change,
close: dateViewOptions.close,
open: dateViewOptions.open
});
},
_editable: function(options) {
var that = this,
icon = that._dateIcon.off(ns),
element = that.element.off(ns),
wrapper = that._inputWrapper.off(ns),
readonly = options.readonly,
disable = options.disable;
if (!readonly && !disable) {
wrapper
.addClass(DEFAULT)
.removeClass(STATEDISABLED)
.on(HOVEREVENTS, that._toggleHover);
element.removeAttr(DISABLED)
.removeAttr(READONLY)
.attr(ARIA_DISABLED, false)
.attr(ARIA_READONLY, false)
.on("keydown" + ns, proxy(that._keydown, that))
.on("blur" + ns, proxy(that._blur, that))
.on("focus" + ns, function() {
that._inputWrapper.addClass(FOCUSED);
});
icon.on(CLICK, proxy(that._click, that))
.on(MOUSEDOWN, preventDefault);
} else {
wrapper
.addClass(disable ? STATEDISABLED : DEFAULT)
.removeClass(disable ? DEFAULT : STATEDISABLED);
element.attr(DISABLED, disable)
.attr(READONLY, readonly)
.attr(ARIA_DISABLED, disable)
.attr(ARIA_READONLY, readonly);
}
},
readonly: function(readonly) {
this._editable({
readonly: readonly === undefined ? true : readonly,
disable: false
});
},
enable: function(enable) {
this._editable({
readonly: false,
disable: !(enable = enable === undefined ? true : enable)
});
},
destroy: function() {
var that = this;
Widget.fn.destroy.call(that);
that.dateView.destroy();
that.element.off(ns);
that._dateIcon.off(ns);
that._inputWrapper.off(ns);
if (that._form) {
that._form.off("reset", that._resetHandler);
}
},
open: function() {
this.dateView.open();
},
close: function() {
this.dateView.close();
},
min: function(value) {
return this._option(MIN, value);
},
max: function(value) {
return this._option(MAX, value);
},
value: function(value) {
var that = this;
if (value === undefined) {
return that._value;
}
that._old = that._update(value);
if (that._old === null) {
that.element.val("");
}
that._oldText = that.element.val();
},
_toggleHover: function(e) {
$(e.currentTarget).toggleClass(HOVER, e.type === "mouseenter");
},
_blur: function() {
var that = this,
value = that.element.val();
that.close();
if (value !== that._oldText) {
that._change(value);
}
that._inputWrapper.removeClass(FOCUSED);
},
_click: function() {
var that = this,
element = that.element;
that.dateView.toggle();
if (!kendo.support.touch && element[0] !== activeElement()) {
element.focus();
}
},
_change: function(value) {
var that = this;
value = that._update(value);
if (+that._old != +value) {
that._old = value;
that._oldText = that.element.val();
that.trigger(CHANGE);
// trigger the DOM change event so any subscriber gets notified
that.element.trigger(CHANGE);
}
},
_keydown: function(e) {
var that = this,
dateView = that.dateView,
value = that.element.val();
if (!dateView.popup.visible() && e.keyCode == keys.ENTER && value !== that._oldText) {
that._change(value);
} else {
dateView.move(e);
that._updateARIA(dateView._current);
}
},
_icon: function() {
var that = this,
element = that.element,
icon;
icon = element.next("span.k-select");
if (!icon[0]) {
icon = $('select ' + optionLabel + " ";
}
that._options(data, optionLabel);
}
if (that._open) {
that._open = false;
that.toggle(!!length);
}
that._hideBusy();
that._makeUnselectable();
if (!that._fetch) {
if (length) {
that._selectItem();
} else if (that._textAccessor() !== optionLabel) {
that.element.val("");
that._textAccessor("");
}
}
that._bound = !!length;
that.trigger("dataBound");
},
search: function(word) {
if (word) {
var that = this,
ignoreCase = that.options.ignoreCase;
if (ignoreCase) {
word = word.toLowerCase();
}
that._select(function(dataItem) {
var text = that._text(dataItem);
if (text !== undefined) {
text = (text + "");
if (ignoreCase) {
text = text.toLowerCase();
}
return text.indexOf(word) === 0;
}
});
}
},
text: function (text) {
var that = this;
var dataItem, loweredText;
var ignoreCase = that.options.ignoreCase;
text = text === null ? "" : text;
if (text !== undefined) {
if (typeof text === "string") {
loweredText = ignoreCase ? text.toLowerCase() : text;
dataItem = that._select(function(data) {
data = that._text(data);
if (ignoreCase) {
data = (data + "").toLowerCase();
}
return data === loweredText;
});
if (dataItem) {
text = dataItem;
}
}
that._textAccessor(text);
} else {
return that._textAccessor();
}
},
value: function(value) {
var that = this,
idx, hasValue;
if (value !== undefined) {
if (value !== null) {
value = value.toString();
}
that._selectedValue = value;
hasValue = value || (that.options.optionLabel && !that.element[0].disabled && value === "");
if (hasValue && that._fetchItems(value)) {
return;
}
idx = that._index(value);
that.select(idx > -1 ? idx : 0);
} else {
return that._accessor();
}
},
_editable: function(options) {
var that = this,
element = that.element,
disable = options.disable,
readonly = options.readonly,
wrapper = that.wrapper.off(ns),
dropDownWrapper = that._inputWrapper.off(HOVEREVENTS),
focusin = function() {
dropDownWrapper.addClass(FOCUSED);
that._blured = false;
},
focusout = function() {
if (!that._blured) {
that._triggerCascade();
var isIFrame = window.self !== window.top;
if (kendo.support.mobileOS.ios && isIFrame) {
that._change();
} else {
that._blur();
}
dropDownWrapper.removeClass(FOCUSED);
that._blured = true;
element.blur();
}
};
if (!readonly && !disable) {
element.removeAttr(DISABLED).removeAttr(READONLY);
dropDownWrapper
.addClass(DEFAULT)
.removeClass(STATEDISABLED)
.on(HOVEREVENTS, that._toggleHover);
wrapper
.attr(TABINDEX, wrapper.data(TABINDEX))
.attr(ARIA_DISABLED, false)
.attr(ARIA_READONLY, false)
.on("click" + ns, function(e) {
that._blured = false;
e.preventDefault();
that.toggle();
})
.on("keydown" + ns, proxy(that._keydown, that))
.on("keypress" + ns, proxy(that._keypress, that))
.on("focusin" + ns, focusin)
.on("focusout" + ns, focusout);
} else {
if (disable) {
wrapper.removeAttr(TABINDEX);
dropDownWrapper
.addClass(STATEDISABLED)
.removeClass(DEFAULT);
} else {
dropDownWrapper
.addClass(DEFAULT)
.removeClass(STATEDISABLED);
wrapper
.on("focusin" + ns, focusin)
.on("focusout" + ns, focusout);
}
element.attr(DISABLED, disable)
.attr(READONLY, readonly);
wrapper.attr(ARIA_DISABLED, disable)
.attr(ARIA_READONLY, readonly);
}
},
_accept: function(li) {
this._focus(li);
},
_optionLabelText: function() {
var options = this.options,
dataTextField = options.dataTextField,
optionLabel = options.optionLabel;
if (optionLabel && dataTextField && typeof optionLabel === "object") {
return this._text(optionLabel);
}
return optionLabel;
},
_data: function() {
var that = this,
options = that.options,
optionLabel = options.optionLabel,
textField = options.dataTextField,
valueField = options.dataValueField,
data = that.dataSource.view(),
length = data.length,
first = optionLabel,
idx = 0;
if (optionLabel && length) {
if (typeof optionLabel === "object") {
first = optionLabel;
} else if (textField) {
first = {};
textField = textField.split(".");
valueField = valueField.split(".");
assign(first, valueField, "");
assign(first, textField, optionLabel);
}
first = new kendo.data.ObservableArray([first]);
for (; idx < length; idx++) {
first.push(data[idx]);
}
data = first;
}
return data;
},
_keydown: function(e) {
var that = this,
key = e.keyCode,
keys = kendo.keys,
ul = that.ul[0];
if (key === keys.LEFT) {
key = keys.UP;
} else if (key === keys.RIGHT) {
key = keys.DOWN;
}
e.keyCode = key;
that._move(e);
if (key === keys.HOME) {
e.preventDefault();
that._select(ul.firstChild);
} else if (key === keys.END) {
e.preventDefault();
that._select(ul.lastChild);
}
},
_selectNext: function(word, index) {
var that = this, text,
startIndex = index,
data = that._data(),
length = data.length,
ignoreCase = that.options.ignoreCase,
action = function(text, index) {
text = text + "";
if (ignoreCase) {
text = text.toLowerCase();
}
if (text.indexOf(word) === 0) {
that._select(index);
that._triggerEvents();
return true;
}
};
for (; index < length; index++) {
text = that._text(data[index]);
if (text && action(text, index)) {
return true;
}
}
if (startIndex > 0) {
index = 0;
for (; index <= startIndex; index++) {
text = that._text(data[index]);
if (text && action(text, index)) {
return true;
}
}
}
return false;
},
_keypress: function(e) {
if (e.charCode === 0) {
return;
}
var that = this,
character = String.fromCharCode(e.charCode || e.keyCode),
index = that.selectedIndex,
word = that._word;
if (that.options.ignoreCase) {
character = character.toLowerCase();
}
if (character === " ") {
e.preventDefault();
}
if (that._last === character && word.length <= 1 && index > -1) {
if (!word) {
word = character;
}
if (that._selectNext(word, index + 1)) {
return;
}
}
that._word = word + character;
that._last = character;
that._search();
},
_popup: function() {
Select.fn._popup.call(this);
this.popup.one("open", function() {
this.wrapper = kendo.wrap(this.element)
.addClass("km-popup");
});
},
_search: function() {
var that = this,
dataSource = that.dataSource,
index = that.selectedIndex,
word = that._word;
clearTimeout(that._typing);
that._typing = setTimeout(function() {
that._word = "";
}, that.options.delay);
if (!that.ul[0].firstChild) {
dataSource.one(CHANGE, function () {
if (dataSource.data()[0]) {
that._selectNext(word, index);
}
}).fetch();
return;
}
that._selectNext(word, index);
that._triggerEvents();
},
_select: function(li) {
var that = this,
current = that._current,
data = null,
value,
idx;
li = that._get(li);
if (li && li[0] && !li.hasClass(SELECTED)) {
if (current) {
current.removeClass(SELECTED);
}
idx = ui.List.inArray(li[0], that.ul[0]);
if (idx > -1) {
data = that._data()[idx];
value = that._value(data);
that.selectedIndex = idx;
that._textAccessor(data);
that._accessor(value !== undefined ? value : that._text(data), idx);
that._selectedValue = that._accessor();
that.current(li.addClass(SELECTED));
if (that._optionID) {
that._current.attr("aria-selected", true);
}
}
}
return data;
},
_triggerEvents: function() {
if (!this.popup.visible()) {
this._triggerCascade();
this._change();
}
},
_mobile: function() {
var that = this,
popup = that.popup,
root = popup.element.parents(".km-root").eq(0);
if (root.length && os) {
popup.options.animation.open.effects = (os.android || os.meego) ? "fadeIn" : (os.ios || os.wp) ? "slideIn:up" : popup.options.animation.open.effects;
}
},
_span: function() {
var that = this,
wrapper = that.wrapper,
SELECTOR = "span.k-input",
span;
span = wrapper.find(SELECTOR);
if (!span[0]) {
wrapper.append(' select select this._values.length;
},
_select: function(li) {
var that = this,
values = that._values,
dataItem,
idx;
if (!that._allowSelection()) {
return;
}
if (!isNaN(li)) {
idx = li;
that.ul[0].children[idx].style.display = "none";
} else {
idx = li.hide().data("idx");
}
that.element[0].children[idx].selected = true;
dataItem = that.dataSource.view()[idx];
that.tagList.append(that.tagTemplate(dataItem));
that._dataItems.push(dataItem);
values.push(that._dataValue(dataItem));
that._visibleItems -= 1;
that.currentTag(null);
that._placeholder();
that._height(that._visibleItems);
if (that._state === FILTER) {
that._state = ACCEPT;
}
},
_unselect: function(tag) {
var that = this,
index = tag.index(),
dataItem, value,
options, option, length;
tag.remove();
that.currentTag(null);
that._values.splice(index, 1);
dataItem = that._dataItems.splice(index, 1)[0];
value = that._dataValue(dataItem);
index = that._index(value);
if (index !== -1) {
$(that.ul[0].children[index]).show();
that.element[0].children[index].selected = false;
that._visibleItems += 1;
that._height(that._visibleItems);
} else {
index = that.dataSource.view().length;
options = that.element[0].children;
length = options.length;
for (; index < length; index++) {
option = options[index];
if (option.value == value) {
option.selected = false;
break;
}
}
}
that._placeholder();
},
_template: function() {
var that = this,
options = that.options,
itemTemplate = options.itemTemplate,
tagTemplate = options.tagTemplate,
hasDataSource = options.dataSource,
textTemplate;
if (that.element[0].length && !hasDataSource) {
options.dataTextField = options.dataTextField || "text";
options.dataValueField = options.dataValueField || "value";
}
textTemplate = kendo.template("#:" + kendo.expr(options.dataTextField, "data") + "#", { useWithBlock: false });
itemTemplate = itemTemplate ? kendo.template(itemTemplate) : textTemplate;
tagTemplate = tagTemplate ? kendo.template(tagTemplate) : textTemplate;
that.itemTemplate = function(data, idx, hide) {
return '' + itemTemplate(data) + ' ';
};
that.tagTemplate = function(data) {
return '' + tagTemplate(data) + ' delete
').insertBefore(element);
}
that.wrapper = wrapper.addClass(element[0].className).css("display", "");
that._innerWrapper = $(wrapper[0].firstChild);
}
});
function compare(a, b) {
var length;
if ((a === null && b !== null) || (a !== null && b === null)) {
return false;
}
length = a.length;
if (length !== b.length) {
return false;
}
while (length--) {
if (a[length] !== b[length]) {
return false;
}
}
return true;
}
function first(ul) {
var item = ul.firstChild;
if (item && item.style.display === "none") {
item = sibling(item, NEXT);
}
if (item) {
return $(item);
}
return item;
}
function last(ul) {
var item = ul.lastChild;
if (item && item.style.display === "none") {
item = sibling(item, PREV);
}
if (item) {
return $(item);
}
return item;
}
function sibling(item, direction) {
item = item[direction];
if (item && item.style.display === "none") {
item = sibling(item, direction);
}
return item;
}
ui.plugin(MultiSelect);
})(window.kendo.jQuery);
kendo_module({
id: "colorpicker",
name: "Color tools",
category: "web",
description: "Color selection widgets",
depends: [ "core", "popup", "slider", "userevents" ]
});
(function($, parseInt, undefined){
// WARNING: removing the following jshint declaration and turning
// == into === to make JSHint happy will break functionality.
/*jshint eqnull:true */
var kendo = window.kendo,
Class = kendo.Class,
ui = kendo.ui,
Widget = ui.Widget,
KEYS = kendo.keys,
BACKGROUNDCOLOR = "background-color",
ITEMSELECTEDCLASS = "k-state-selected",
SIMPLEPALETTE = "000000,7f7f7f,880015,ed1c24,ff7f27,fff200,22b14c,00a2e8,3f48cc,a349a4,ffffff,c3c3c3,b97a57,ffaec9,ffc90e,efe4b0,b5e61d,99d9ea,7092be,c8bfe7",
WEBPALETTE = "FFFFFF,FFCCFF,FF99FF,FF66FF,FF33FF,FF00FF,CCFFFF,CCCCFF,CC99FF,CC66FF,CC33FF,CC00FF,99FFFF,99CCFF,9999FF,9966FF,9933FF,9900FF,FFFFCC,FFCCCC,FF99CC,FF66CC,FF33CC,FF00CC,CCFFCC,CCCCCC,CC99CC,CC66CC,CC33CC,CC00CC,99FFCC,99CCCC,9999CC,9966CC,9933CC,9900CC,FFFF99,FFCC99,FF9999,FF6699,FF3399,FF0099,CCFF99,CCCC99,CC9999,CC6699,CC3399,CC0099,99FF99,99CC99,999999,996699,993399,990099,FFFF66,FFCC66,FF9966,FF6666,FF3366,FF0066,CCFF66,CCCC66,CC9966,CC6666,CC3366,CC0066,99FF66,99CC66,999966,996666,993366,990066,FFFF33,FFCC33,FF9933,FF6633,FF3333,FF0033,CCFF33,CCCC33,CC9933,CC6633,CC3333,CC0033,99FF33,99CC33,999933,996633,993333,990033,FFFF00,FFCC00,FF9900,FF6600,FF3300,FF0000,CCFF00,CCCC00,CC9900,CC6600,CC3300,CC0000,99FF00,99CC00,999900,996600,993300,990000,66FFFF,66CCFF,6699FF,6666FF,6633FF,6600FF,33FFFF,33CCFF,3399FF,3366FF,3333FF,3300FF,00FFFF,00CCFF,0099FF,0066FF,0033FF,0000FF,66FFCC,66CCCC,6699CC,6666CC,6633CC,6600CC,33FFCC,33CCCC,3399CC,3366CC,3333CC,3300CC,00FFCC,00CCCC,0099CC,0066CC,0033CC,0000CC,66FF99,66CC99,669999,666699,663399,660099,33FF99,33CC99,339999,336699,333399,330099,00FF99,00CC99,009999,006699,003399,000099,66FF66,66CC66,669966,666666,663366,660066,33FF66,33CC66,339966,336666,333366,330066,00FF66,00CC66,009966,006666,003366,000066,66FF33,66CC33,669933,666633,663333,660033,33FF33,33CC33,339933,336633,333333,330033,00FF33,00CC33,009933,006633,003333,000033,66FF00,66CC00,669900,666600,663300,660000,33FF00,33CC00,339900,336600,333300,330000,00FF00,00CC00,009900,006600,003300,000000",
APPLY_CANCEL = {
apply : "Apply",
cancel : "Cancel"
},
NS = ".kendoColorTools",
CLICK_NS = "click" + NS,
KEYDOWN_NS = "keydown" + NS,
browser = kendo.support.browser,
isIE8 = browser.msie && browser.version < 9;
var ColorSelector = Widget.extend({
init: function(element, options) {
var that = this, ariaId;
Widget.fn.init.call(that, element, options);
element = that.element;
options = that.options;
that._value = options.value = parse(options.value);
ariaId = that._ariaId = options.ariaId;
if (ariaId) {
element.attr("aria-labelledby", ariaId);
}
if (options._standalone) {
that._triggerSelect = that._triggerChange;
}
},
options: {
name: "ColorSelector",
value: null,
_standalone: true
},
events: [
"change",
"select",
"cancel"
],
color: function(value) {
if (value !== undefined) {
this._value = parse(value);
this._updateUI(this._value);
}
return this._value;
},
value: function(color) {
color = this.color(color);
if (color) {
if (this.options.opacity) {
color = color.toCssRgba();
} else {
color = color.toCss();
}
}
return color || null;
},
enable: function(enable) {
if (arguments.length === 0) {
enable = true;
}
if (enable) {
$(".k-disabled-overlay", this.wrapper).remove();
} else {
this.wrapper.append("
");
}
this._onEnable(enable);
},
_select: function(color, nohooks) {
var prev = this._value;
color = this.color(color);
if (!nohooks) {
if (!color.equals(prev)) {
this.trigger("change", { value: this.value() });
} else if (!this._standalone) {
this.trigger("cancel");
}
}
},
_triggerSelect: function(color) {
triggerEvent(this, "select", color);
},
_triggerChange: function(color) {
triggerEvent(this, "change", color);
},
destroy: function() {
if (this.element) {
this.element.off(NS);
}
if (this.wrapper) {
this.wrapper.off(NS).find("*").off(NS);
}
this.wrapper = null;
Widget.fn.destroy.call(this);
},
_updateUI: $.noop,
_selectOnHide: function() {
return null;
},
_cancel: function() {
this.trigger("cancel");
}
});
function triggerEvent(self, type, color) {
color = parse(color);
if (color && !color.equals(self.color())) {
if (type == "change") {
// UI is already updated. setting _value directly
// rather than calling self.color(color) to avoid an
// endless loop.
self._value = color;
}
if (color.a != 1) {
color = color.toCssRgba();
} else {
color = color.toCss();
}
self.trigger(type, { value: color });
}
}
var ColorPalette = ColorSelector.extend({
init: function(element, options) {
var that = this;
ColorSelector.fn.init.call(that, element, options);
element = that.wrapper = that.element;
options = that.options;
var colors = options.palette;
if (colors == "websafe") {
colors = WEBPALETTE;
options.columns = 18;
} else if (colors == "basic") {
colors = SIMPLEPALETTE;
}
if (typeof colors == "string") {
colors = colors.split(",");
}
if ($.isArray(colors)) {
colors = $.map(colors, function(x) { return parse(x); });
}
element.addClass("k-widget k-colorpalette")
.append($(that._template({
colors : colors,
columns : options.columns,
tileSize : options.tileSize,
value : that._value,
id : options.ariaId
})))
.on(CLICK_NS, ".k-item", function(ev){
that._select($(ev.currentTarget).css(BACKGROUNDCOLOR));
})
.attr("tabIndex", 0)
.on(KEYDOWN_NS, bind(that._keydown, that));
var tileSize = options.tileSize, width, height;
if (tileSize) {
if (/number|string/.test(typeof tileSize)) {
width = height = parseFloat(tileSize);
} else if (typeof tileSize == "object") {
width = parseFloat(tileSize.width);
height = parseFloat(tileSize.height);
} else {
throw new Error("Unsupported value for the 'tileSize' argument");
}
element.find(".k-item").css({ width: width, height: height });
}
},
focus: function(){
this.wrapper.focus();
},
options: {
name: "ColorPalette",
columns: 10,
tileSize: null,
palette: "basic"
},
_onEnable: function(enable) {
if (enable) {
this.wrapper.removeAttr("tabIndex");
} else {
this.wrapper.attr("tabIndex", 0);
}
},
_keydown: function(e) {
var selected,
that = this,
wrapper = that.wrapper,
items = wrapper.find(".k-item"),
current = items.filter("." + ITEMSELECTEDCLASS).get(0),
keyCode = e.keyCode;
if (keyCode == KEYS.LEFT) {
selected = relative(items, current, -1);
} else if (keyCode == KEYS.RIGHT) {
selected = relative(items, current, 1);
} else if (keyCode == KEYS.DOWN) {
selected = relative(items, current, that.options.columns);
} else if (keyCode == KEYS.UP) {
selected = relative(items, current, -that.options.columns);
} else if (keyCode == KEYS.ENTER) {
preventDefault(e);
if (current) {
this._select($(current).css(BACKGROUNDCOLOR));
}
} else if (keyCode == KEYS.ESC) {
this._cancel();
}
if (selected) {
preventDefault(e);
selected = $(selected);
$(current).removeClass(ITEMSELECTEDCLASS).removeAttr("aria-selected");
selected.addClass(ITEMSELECTEDCLASS).attr("aria-selected", true);
try {
var color = parse(selected.css(BACKGROUNDCOLOR));
that._triggerSelect(color);
} catch(ex) {}
}
},
_updateUI: function(color) {
var that = this,
el = null;
that.wrapper.find(".k-item." + ITEMSELECTEDCLASS)
.removeClass(ITEMSELECTEDCLASS)
.removeAttr("aria-selected");
that.wrapper.find(".k-item").each(function(){
var c = parse($(this).css(BACKGROUNDCOLOR));
if (c && c.equals(color)) {
el = this;
}
});
$(el).addClass(ITEMSELECTEDCLASS).attr("aria-selected", true);
},
_template: kendo.template(
'' +
'# for (var i = 0; i < colors.length; ++i) { #' +
'# if (i && i % columns == 0) { # # } #' +
'
'
)
});
var FlatColorPicker = ColorSelector.extend({
init: function(element, options) {
var that = this;
ColorSelector.fn.init.call(that, element, options);
options = that.options;
element = that.element;
that.wrapper = element.addClass("k-widget k-flatcolorpicker")
.append(that._template(options));
that._hueElements = $(".k-hsv-rectangle, .k-transparency-slider .k-slider-track", element);
that._selectedColor = $(".k-selected-color-display", element);
that._colorAsText = $("input.k-color-value", element);
that._sliders();
that._hsvArea();
that._updateUI(that._value || new _RGB(1, 0, 0, 1));
element
.find("input.k-color-value").on(KEYDOWN_NS, function(ev){
var input = this;
if (ev.keyCode == KEYS.ENTER) {
try {
var color = parse(input.value);
var val = that.color();
that._select(color, color.equals(val));
} catch(ex) {
$(input).addClass("k-state-error");
}
} else if (that.options.autoupdate) {
setTimeout(function(){
var color = parse(input.value, true);
if (color) {
that._updateUI(color, true);
}
}, 10);
}
}).end()
.on(CLICK_NS, ".k-controls button.apply", function(){
// calling select for the currently displayed
// color will trigger the "change" event.
that._select(that._getHSV());
})
.on(CLICK_NS, ".k-controls button.cancel", function(){
// but on cancel, we simply select the previous
// value (again, triggers "change" event).
that._updateUI(that.color());
that._cancel();
});
if (isIE8) {
// IE filters require absolute URLs
that._applyIEFilter();
}
},
destroy: function() {
this._hueSlider.destroy();
if (this._opacitySlider) {
this._opacitySlider.destroy();
}
this._hueSlider = this._opacitySlider = this._hsvRect = this._hsvHandle =
this._hueElements = this._selectedColor = this._colorAsText = null;
ColorSelector.fn.destroy.call(this);
},
options: {
name : "FlatColorPicker",
opacity : false,
buttons : false,
input : true,
preview : true,
autoupdate : true,
messages : APPLY_CANCEL
},
_applyIEFilter: function() {
var track = this.element.find(".k-hue-slider .k-slider-track")[0],
url = track.currentStyle.backgroundImage;
url = url.replace(/^url\([\'\"]?|[\'\"]?\)$/g, "");
track.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + url + "', sizingMethod='scale')";
},
_sliders: function() {
var that = this,
element = that.element;
function hueChange(e) {
that._updateUI(that._getHSV(e.value, null, null, null));
}
that._hueSlider = element.find(".k-hue-slider").kendoSlider({
min: 0,
max: 359,
tickPlacement: "none",
showButtons: false,
slide: hueChange,
change: hueChange
}).data("kendoSlider");
function opacityChange(e) {
that._updateUI(that._getHSV(null, null, null, e.value / 100));
}
that._opacitySlider = element.find(".k-transparency-slider").kendoSlider({
min: 0,
max: 100,
tickPlacement: "none",
showButtons: false,
slide: opacityChange,
change: opacityChange
}).data("kendoSlider");
},
_hsvArea: function() {
var that = this,
element = that.element,
hsvRect = element.find(".k-hsv-rectangle"),
hsvHandle = hsvRect.find(".k-draghandle").attr("tabIndex", 0).on(KEYDOWN_NS, bind(that._keydown, that));
function update(x, y) {
var offset = this.offset,
dx = x - offset.left, dy = y - offset.top,
rw = this.width, rh = this.height;
dx = dx < 0 ? 0 : dx > rw ? rw : dx;
dy = dy < 0 ? 0 : dy > rh ? rh : dy;
that._svChange(dx / rw, 1 - dy / rh);
}
that._hsvEvents = new kendo.UserEvents(hsvRect, {
global: true,
press: function(e) {
this.offset = kendo.getOffset(hsvRect);
this.width = hsvRect.width();
this.height = hsvRect.height();
hsvHandle.focus();
update.call(this, e.x.location, e.y.location);
},
start: function() {
hsvRect.addClass("k-dragging");
hsvHandle.focus();
},
move: function(e) {
e.preventDefault();
update.call(this, e.x.location, e.y.location);
},
end: function() {
hsvRect.removeClass("k-dragging");
}
});
that._hsvRect = hsvRect;
that._hsvHandle = hsvHandle;
},
_onEnable: function(enable) {
this._hueSlider.enable(enable);
if (this._opacitySlider) {
this._opacitySlider.enable(enable);
}
this.wrapper.find("input").attr("disabled", !enable);
var handle = this._hsvRect.find(".k-draghandle");
if (enable) {
handle.attr("tabIndex", 0);
} else {
handle.removeAttr("tabIndex");
}
},
_keydown: function(ev) {
var that = this;
function move(prop, d) {
var c = that._getHSV();
c[prop] += d * (ev.shiftKey ? 0.01 : 0.05);
if (c[prop] < 0) { c[prop] = 0; }
if (c[prop] > 1) { c[prop] = 1; }
that._updateUI(c);
preventDefault(ev);
}
function hue(d) {
var c = that._getHSV();
c.h += d * (ev.shiftKey ? 1 : 5);
if (c.h < 0) { c.h = 0; }
if (c.h > 359) { c.h = 359; }
that._updateUI(c);
preventDefault(ev);
}
switch (ev.keyCode) {
case KEYS.LEFT:
if (ev.ctrlKey) {
hue(-1);
} else {
move("s", -1);
}
break;
case KEYS.RIGHT:
if (ev.ctrlKey) {
hue(1);
} else {
move("s", 1);
}
break;
case KEYS.UP:
move(ev.ctrlKey && that._opacitySlider ? "a" : "v", 1);
break;
case KEYS.DOWN:
move(ev.ctrlKey && that._opacitySlider ? "a" : "v", -1);
break;
case KEYS.ENTER:
that._select(that._getHSV());
break;
case KEYS.F2:
that.wrapper.find("input.k-color-value").focus().select();
break;
case KEYS.ESC:
that._cancel();
break;
}
},
focus: function() {
this._hsvHandle.focus();
},
_getHSV: function(h, s, v, a) {
var rect = this._hsvRect,
width = rect.width(),
height = rect.height(),
handlePosition = this._hsvHandle.position();
if (h == null) {
h = this._hueSlider.value();
}
if (s == null) {
s = handlePosition.left / width;
}
if (v == null) {
v = 1 - handlePosition.top / height;
}
if (a == null) {
a = this._opacitySlider ? this._opacitySlider.value() / 100 : 1;
}
return new _HSV(h, s, v, a);
},
_svChange: function(s, v) {
var color = this._getHSV(null, s, v, null);
this._updateUI(color);
},
_updateUI: function(color, dontChangeInput) {
var that = this,
rect = that._hsvRect;
if (!color) {
return;
}
this._colorAsText.removeClass("k-state-error");
that._selectedColor.css(BACKGROUNDCOLOR, color.toDisplay());
if (!dontChangeInput) {
that._colorAsText.val(that._opacitySlider ? color.toCssRgba() : color.toCss());
}
that._triggerSelect(color);
color = color.toHSV();
that._hsvHandle.css({
// saturation is 0 on the left side, full (1) on the right
left: color.s * rect.width() + "px",
// value is 0 on the bottom, full on the top.
top: (1 - color.v) * rect.height() + "px"
});
that._hueElements.css(BACKGROUNDCOLOR, new _HSV(color.h, 1, 1, 1).toCss());
that._hueSlider.value(color.h);
if (that._opacitySlider) {
that._opacitySlider.value(100 * color.a);
}
},
_selectOnHide: function() {
return this.options.buttons ? null : this._getHSV();
},
_template: kendo.template(
'# if (preview) { #' +
'' +
'# } #' +
'' +
'#: messages.apply # #: messages.cancel #
' +
'# } #'
)
});
/* -----[ color utils ]----- */
function hex(n, width, pad) {
if (!pad) { pad = "0"; }
n = n.toString(16);
while (width > n.length) {
n = "0" + n;
}
return n;
}
function fixed(n) {
return parseFloat((+n).toFixed(3));
}
var Color = Class.extend({
toHSV: function() { return this; },
toRGB: function() { return this; },
toHex: function() { return this.toBytes().toHex(); },
toBytes: function() { return this; },
toCss: function() { return "#" + this.toHex(); },
toCssRgba: function() {
var rgb = this.toBytes();
return "rgba(" + rgb.r + ", " + rgb.g + ", " + rgb.b + ", " + fixed(this.a) + ")";
},
toDisplay: function() {
if (isIE8) {
return this.toCss(); // no RGBA support; does it support any opacity in colors?
}
return this.toCssRgba();
},
equals: function(c) { return c === this || c !== null && this.toCssRgba() == parse(c).toCssRgba(); },
diff: function(c2) {
if (c2 == null) {
return NaN;
}
var c1 = this.toBytes();
c2 = c2.toBytes();
return Math.sqrt(Math.pow((c1.r - c2.r) * 0.30, 2) +
Math.pow((c1.g - c2.g) * 0.59, 2) +
Math.pow((c1.b - c2.b) * 0.11, 2));
},
clone: function() {
var c = this.toBytes();
if (c === this) {
c = new _Bytes(c.r, c.g, c.b, c.a);
}
return c;
}
});
var _RGB = Color.extend({
init: function(r, g, b, a) {
this.r = r; this.g = g; this.b = b; this.a = a;
},
toHSV: function() {
var min, max, delta, h, s, v;
var r = this.r, g = this.g, b = this.b;
min = Math.min(r, g, b);
max = Math.max(r, g, b);
v = max;
delta = max - min;
if (delta === 0) {
return new _HSV(0, 0, v, this.a);
}
if (max !== 0) {
s = delta / max;
if (r == max) {
h = (g - b) / delta;
} else if (g == max) {
h = 2 + (b - r) / delta;
} else {
h = 4 + (r - g) / delta;
}
h *= 60;
if (h < 0) {
h += 360;
}
} else {
s = 0;
h = -1;
}
return new _HSV(h, s, v, this.a);
},
toBytes: function() {
return new _Bytes(this.r * 255, this.g * 255, this.b * 255, this.a);
}
});
var _Bytes = _RGB.extend({
init: function(r, g, b, a) {
this.r = Math.round(r); this.g = Math.round(g); this.b = Math.round(b); this.a = a;
},
toRGB: function() {
return new _RGB(this.r / 255, this.g / 255, this.b / 255, this.a);
},
toHSV: function() {
return this.toRGB().toHSV();
},
toHex: function() {
return hex(this.r, 2) + hex(this.g, 2) + hex(this.b, 2);
},
toBytes: function() {
return this;
}
});
var _HSV = Color.extend({
init: function(h, s, v, a) {
this.h = h; this.s = s; this.v = v; this.a = a;
},
toRGB: function() {
var h = this.h, s = this.s, v = this.v;
var i, r, g, b, f, p, q, t;
if (s === 0) {
r = g = b = v;
} else {
h /= 60;
i = Math.floor(h);
f = h - i;
p = v * (1 - s);
q = v * (1 - s * f);
t = v * (1 - s * (1 - f));
switch (i) {
case 0 : r = v; g = t; b = p; break;
case 1 : r = q; g = v; b = p; break;
case 2 : r = p; g = v; b = t; break;
case 3 : r = p; g = q; b = v; break;
case 4 : r = t; g = p; b = v; break;
default : r = v; g = p; b = q; break;
}
}
return new _RGB(r, g, b, this.a);
},
toBytes: function() {
return this.toRGB().toBytes();
}
});
function parse(color, nothrow) {
if (color == null ||
color == "transparent" /* IE8 does this */)
{
return null;
}
if (color instanceof Color) {
return color;
}
var m = /^#?([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i.exec(color);
if (m) {
return new _Bytes(parseInt(m[1], 16),
parseInt(m[2], 16),
parseInt(m[3], 16), 1);
}
m = /^#?([0-9a-f])([0-9a-f])([0-9a-f])$/i.exec(color);
if (m) {
return new _Bytes(parseInt(m[1] + m[1], 16),
parseInt(m[2] + m[2], 16),
parseInt(m[3] + m[3], 16), 1);
}
m = /^rgb\(\s*([0-9]+)\s*,\s*([0-9]+)\s*,\s*([0-9]+)\s*\)/.exec(color);
if (m) {
return new _Bytes(parseInt(m[1], 10),
parseInt(m[2], 10),
parseInt(m[3], 10), 1);
}
m = /^rgba\(\s*([0-9]+)\s*,\s*([0-9]+)\s*,\s*([0-9]+)\s*,\s*([0-9.]+)\s*\)/.exec(color);
if (m) {
return new _Bytes(parseInt(m[1], 10),
parseInt(m[2], 10),
parseInt(m[3], 10), parseFloat(m[4]));
}
m = /^rgb\(\s*([0-9]*\.?[0-9]+)%\s*,\s*([0-9]*\.?[0-9]+)%\s*,\s*([0-9]*\.?[0-9]+)%\s*\)/.exec(color);
if (m) {
return new _RGB(parseFloat(m[1]) / 100,
parseFloat(m[2]) / 100,
parseFloat(m[3]) / 100, 1);
}
m = /^rgba\(\s*([0-9]*\.?[0-9]+)%\s*,\s*([0-9]*\.?[0-9]+)%\s*,\s*([0-9]*\.?[0-9]+)%\s*,\s*([0-9.]+)\s*\)/.exec(color);
if (m) {
return new _RGB(parseFloat(m[1]) / 100,
parseFloat(m[2]) / 100,
parseFloat(m[3]) / 100, parseFloat(m[4]));
}
if (!nothrow) {
throw new Error("Cannot parse color: " + color);
}
return undefined;
}
function relative(array, element, delta) {
array = Array.prototype.slice.call(array);
var n = array.length;
var pos = array.indexOf(element);
if (pos < 0) {
return delta < 0 ? array[n - 1] : array[0];
}
pos += delta;
if (pos < 0) {
pos += n;
} else {
pos %= n;
}
return array[pos];
}
/* -----[ The ColorPicker widget ]----- */
var ColorPicker = Widget.extend({
init: function(element, options) {
var that = this;
Widget.fn.init.call(that, element, options);
options = that.options;
element = that.element;
var value = element.attr("value") || element.val();
if (value) {
value = parse(value, true);
} else {
value = parse(options.value, true);
}
that._value = options.value = value;
var content = that.wrapper = $(that._template(options));
element.hide().after(content);
if (element.is("input")) {
element.appendTo(content);
}
that.enable(!element.attr("disabled"));
var accesskey = element.attr("accesskey");
if (accesskey) {
element.attr("accesskey", null);
content.attr("accesskey", accesskey);
}
that.bind("activate", function(ev){
if (!ev.isDefaultPrevented()) {
that.toggle();
}
});
that._updateUI(value);
},
destroy: function() {
this.wrapper.off(NS).find("*").off(NS);
if (this._popup) {
this._selector.destroy();
this._popup.destroy();
}
this._selector = this._popup = this.wrapper = null;
Widget.fn.destroy.call(this);
},
enable: function(enable) {
var that = this,
wrapper = that.wrapper,
innerWrapper = wrapper.children(".k-picker-wrap"),
icon = innerWrapper.find(".k-select");
if (arguments.length === 0) {
enable = true;
}
that.element.attr("disabled", !enable);
wrapper.attr("disabled", !enable);
icon.off(NS).on("mousedown" + NS, preventDefault);
wrapper.addClass("k-state-disabled")
.removeAttr("tabIndex")
.add("*", wrapper).off(NS);
if (enable) {
wrapper.removeClass("k-state-disabled")
.attr("tabIndex", 0)
.on("mouseenter" + NS, function() { innerWrapper.addClass("k-state-hover"); })
.on("mouseleave" + NS, function() { innerWrapper.removeClass("k-state-hover"); })
.on("focus" + NS, function () { innerWrapper.addClass("k-state-focused"); })
.on("blur" + NS, function () { innerWrapper.removeClass("k-state-focused"); })
.on(KEYDOWN_NS, bind(that._keydown, that))
.on(CLICK_NS, ".k-icon", bind(that.toggle, that))
.on(CLICK_NS, that.options.toolIcon ? ".k-tool-icon" : ".k-selected-color", function(){
that.trigger("activate");
});
}
},
_template: kendo.template(
''
),
options: {
name: "ColorPicker",
palette: null,
columns: 10,
toolIcon: null,
value: null,
messages: APPLY_CANCEL,
opacity: false,
buttons: true,
preview: true
},
events: [ "activate", "change", "select", "open", "close" ],
open: function() {
this._getPopup().open();
},
close: function() {
this._getPopup().close();
},
toggle: function() {
this._getPopup().toggle();
},
color: ColorSelector.fn.color,
value: ColorSelector.fn.value,
_select: ColorSelector.fn._select,
_triggerSelect: ColorSelector.fn._triggerSelect,
_isInputTypeColor: function() {
var el = this.element[0];
return (/^input$/i).test(el.tagName) && (/^color$/i).test(el.type);
},
_updateUI: function(value) {
if (value) {
if (this._isInputTypeColor() || value.a == 1) {
// seems that input type="color" doesn't support opacity
// in colors; the only accepted format is hex #RRGGBB
this.element.val(value.toCss());
} else {
this.element.val(value.toCssRgba());
}
}
this._triggerSelect(value);
this.wrapper.find(".k-selected-color").css(
BACKGROUNDCOLOR,
value ? value.toDisplay() : "transparent"
);
},
_keydown: function(ev) {
var key = ev.keyCode;
if (this._getPopup().visible()) {
if (key == KEYS.ESC) {
this._selector._cancel();
} else {
this._selector._keydown(ev);
}
preventDefault(ev);
}
else if (key == KEYS.ENTER || key == KEYS.DOWN) {
this.open();
preventDefault(ev);
}
},
_getPopup: function() {
var that = this, popup = that._popup;
if (!popup) {
var options = this.options;
var selectorType;
if (options.palette) {
selectorType = ColorPalette;
} else {
selectorType = FlatColorPicker;
}
options._standalone = false;
delete options.select;
delete options.change;
delete options.cancel;
var selector = this._selector = new selectorType($("
").appendTo(document.body), options);
that._popup = popup = selector.wrapper.kendoPopup({
anchor: that.wrapper
}).data("kendoPopup");
selector.bind({
select: function(ev){
that._updateUI(parse(ev.value));
},
change: function(){
that._select(selector.color());
that.close();
},
cancel: function() {
that.close();
}
});
popup.bind({
close: function(ev){
if (that.trigger("close")) {
ev.preventDefault();
return;
}
that.wrapper.children(".k-picker-wrap").removeClass("k-state-focused");
var color = selector._selectOnHide();
if (!color) {
that.wrapper.focus();
that._updateUI(that.color());
} else {
that._select(color);
}
},
open: function(ev) {
if (that.trigger("open")) {
ev.preventDefault();
} else {
that.wrapper.children(".k-picker-wrap").addClass("k-state-focused");
}
},
activate: function(){
selector._select(that.color(), true);
selector.focus();
that.wrapper.children(".k-picker-wrap").addClass("k-state-focused");
}
});
}
return popup;
}
});
function preventDefault(ev) { ev.preventDefault(); }
function bind(callback, obj) {
return function() {
return callback.apply(obj, arguments);
};
}
ui.plugin(ColorPalette);
ui.plugin(FlatColorPicker);
ui.plugin(ColorPicker);
kendo.parseColor = parse;
kendo.Color = {
fromBytes: function(r, g, b, a) {
return new _Bytes(r, g, b, a != null ? a : 1);
},
fromRGB: function(r, g, b, a) {
return new _RGB(r, g, b, a != null ? a : 1);
},
fromHSV: function(h, s, v, a) {
return new _HSV(h, s, v, a != null ? a : 1);
}
};
})(jQuery, parseInt);
kendo_module({
id: "columnmenu",
name: "Column Menu",
category: "framework",
depends: [ "popup", "filtermenu", "menu" ],
advanced: true
});
(function($, undefined) {
var kendo = window.kendo,
ui = kendo.ui,
proxy = $.proxy,
extend = $.extend,
grep = $.grep,
map = $.map,
inArray = $.inArray,
ACTIVE = "k-state-selected",
ASC = "asc",
DESC = "desc",
CHANGE = "change",
INIT = "init",
SELECT = "select",
POPUP = "kendoPopup",
FILTERMENU = "kendoFilterMenu",
MENU = "kendoMenu",
NS = ".kendoColumnMenu",
Widget = ui.Widget;
function trim(text) {
return $.trim(text).replace(/ /gi, "");
}
var ColumnMenu = Widget.extend({
init: function(element, options) {
var that = this,
link;
Widget.fn.init.call(that, element, options);
element = that.element;
options = that.options;
that.owner = options.owner;
that.dataSource = options.dataSource;
that.field = element.attr(kendo.attr("field"));
link = element.find(".k-header-column-menu");
if (!link[0]) {
link = element.prepend('
');
},
_init: function() {
var that = this;
that.pane = that.element.closest(kendo.roleSelector("pane")).data("kendoMobilePane");
if (that.pane) {
that._isMobile = true;
}
if (that._isMobile) {
that._createMobileMenu();
} else {
that._createMenu();
}
that._sort();
that._columns();
that._filter();
that.trigger(INIT, { field: that.field, container: that.wrapper });
},
events: [ INIT ],
options: {
name: "ColumnMenu",
messages: {
sortAscending: "Sort Ascending",
sortDescending: "Sort Descending",
filter: "Filter",
columns: "Columns",
done: "Done",
settings: "Column Settings"
},
filter: "",
columns: true,
sortable: true,
filterable: true,
animations: {
left: "slide"
}
},
_createMenu: function() {
var that = this,
options = that.options;
that.wrapper.html(kendo.template(template)({
ns: kendo.ns,
messages: options.messages,
sortable: options.sortable,
filterable: options.filterable,
columns: that._ownerColumns(),
showColumns: options.columns
}));
that.popup = that.wrapper[POPUP]({
anchor: that.link,
open: proxy(that._open, that),
activate: proxy(that._activate, that),
close: that.options.closeCallback
}).data(POPUP);
that.menu = that.wrapper.children()[MENU]({
orientation: "vertical",
closeOnClick: false
}).data(MENU);
},
_createMobileMenu: function() {
var that = this,
options = that.options;
var html = kendo.template(mobileTemplate)({
ns: kendo.ns,
field: that.field,
messages: options.messages,
sortable: options.sortable,
filterable: options.filterable,
columns: that._ownerColumns(),
showColumns: options.columns
});
that.view = that.pane.append(html);
that.wrapper = that.view.element.find(".k-column-menu");
that.menu = new MobileMenu(that.wrapper.children(), {
pane: that.pane
});
that.view.element.on("click", ".k-done", function(e) {
that.close();
e.preventDefault();
});
},
destroy: function() {
var that = this;
Widget.fn.destroy.call(that);
if (that.filterMenu) {
that.filterMenu.destroy();
}
if (that._refreshHandler) {
that.dataSource.unbind(CHANGE, that._refreshHandler);
}
if (that.options.columns) {
that.owner.unbind("columnShow", that._updateColumnsMenuHandler);
that.owner.unbind("columnHide", that._updateColumnsMenuHandler);
}
if (that.menu) {
that.menu.element.off(NS);
that.menu.destroy();
}
that.wrapper.off(NS);
if (that.popup) {
that.popup.destroy();
}
if (that.view) {
that.view.purge();
}
that.link.off(NS);
},
close: function() {
this.menu.close();
if (this.popup) {
this.popup.close();
this.popup.element.off("keydown" + NS);
}
},
_click: function(e) {
e.preventDefault();
e.stopPropagation();
var options = this.options;
if (options.filter && this.element.is(!options.filter)) {
return;
}
if (!this.popup && !this.pane) {
this._init();
}
if (this._isMobile) {
this.pane.navigate(this.view, this.options.animations.left);
} else {
this.popup.toggle();
}
},
_open: function() {
var that = this;
$(".k-column-menu").not(that.wrapper).each(function() {
$(this).data(POPUP).close();
});
that.popup.element.on("keydown" + NS, function(e) {
if (e.keyCode == kendo.keys.ESC) {
that.close();
}
});
},
_activate: function() {
this.menu.element.focus();
},
_ownerColumns: function() {
var columns = this.owner.columns,
menuColumns = grep(columns, function(col) {
var result = true,
title = trim(col.title || "");
if (col.menu === false || (!col.field && !title.length)) {
result = false;
}
return result;
});
return map(menuColumns, function(col) {
return {
originalField: col.field,
field: col.field || col.title,
title: col.title || col.field,
hidden: col.hidden,
index: inArray(col, columns)
};
});
},
_sort: function() {
var that = this;
if (that.options.sortable) {
that.refresh();
that._refreshHandler = proxy(that.refresh, that);
that.dataSource.bind(CHANGE, that._refreshHandler);
that.menu.bind(SELECT, function(e) {
var item = $(e.item),
dir;
if (item.hasClass("k-sort-asc")) {
dir = ASC;
} else if (item.hasClass("k-sort-desc")) {
dir = DESC;
}
if (!dir) {
return;
}
item.parent().find(".k-sort-" + (dir == ASC ? DESC : ASC)).removeClass(ACTIVE);
that._sortDataSource(item, dir);
that.close();
});
}
},
_sortDataSource: function(item, dir) {
var that = this,
sortable = that.options.sortable,
dataSource = that.dataSource,
idx,
length,
sort = dataSource.sort() || [];
if (item.hasClass(ACTIVE) && sortable && sortable.allowUnsort !== false) {
item.removeClass(ACTIVE);
dir = undefined;
} else {
item.addClass(ACTIVE);
}
if (sortable === true || sortable.mode === "single") {
sort = [ { field: that.field, dir: dir } ];
} else {
for (idx = 0, length = sort.length; idx < length; idx++) {
if (sort[idx].field === that.field) {
sort.splice(idx, 1);
break;
}
}
sort.push({ field: that.field, dir: dir });
}
dataSource.sort(sort);
},
_columns: function() {
var that = this;
if (that.options.columns) {
that._updateColumnsMenu();
that._updateColumnsMenuHandler = proxy(that._updateColumnsMenu, that);
that.owner.bind(["columnHide", "columnShow"], that._updateColumnsMenuHandler);
that.menu.bind(SELECT, function(e) {
var item = $(e.item),
input,
index,
column,
columns = that.owner.columns,
field;
if (that._isMobile) {
e.preventDefault();
}
if (!item.parent().closest("li.k-columns-item")[0]) {
return;
}
input = item.find(":checkbox");
if (input.attr("disabled")) {
return;
}
field = input.attr(kendo.attr("field"));
column = grep(columns, function(column) {
return column.field == field || column.title == field;
})[0];
index = inArray(column, columns);
if (column.hidden === true) {
that.owner.showColumn(index);
} else {
that.owner.hideColumn(index);
}
});
}
},
_updateColumnsMenu: function() {
var attr = kendo.attr("field"),
visible = grep(this._ownerColumns(), function(field) {
return !field.hidden;
}),
visibleDataFields = grep(visible, function(field) {
return field.originalField;
}).length;
visible = map(visible, function(col) {
return col.field;
});
this.wrapper
.find(".k-columns-item input[" + attr + "]")
.prop("checked", false)
.filter(function() {
return inArray($(this).attr(attr), visible) > -1;
})
.prop("checked", true)
.prop("disabled", visibleDataFields == 1);
},
_filter: function() {
var that = this,
options = that.options;
if (options.filterable !== false) {
that.filterMenu = that.wrapper.find(".k-filterable")[FILTERMENU](
extend(true, {}, {
appendToElement: true,
dataSource: options.dataSource,
values: options.values,
field: that.field
},
options.filterable)
).data(FILTERMENU);
if (that._isMobile) {
that.menu.bind(SELECT, function(e) {
var item = $(e.item);
if (item.hasClass("k-filter-item")) {
that.pane.navigate(that.filterMenu.view, that.options.animations.left);
}
});
}
}
},
refresh: function() {
var that = this,
sort = that.options.dataSource.sort() || [],
descriptor,
field = that.field,
idx,
length;
that.wrapper.find(".k-sort-asc, .k-sort-desc").removeClass(ACTIVE);
for (idx = 0, length = sort.length; idx < length; idx++) {
descriptor = sort[idx];
if (field == descriptor.field) {
that.wrapper.find(".k-sort-" + descriptor.dir).addClass(ACTIVE);
}
}
}
});
var template = ''+
'#if(sortable){#'+
' ';
var mobileTemplate =
''+
''+
'
'+
'${field} '+
'#if(sortable){#'+
''+
''+
' '+
' '+
'#}#'+
' '+
'#if(showColumns){#'+
'${messages.columns} '+
'
')
.parent()
.bind("DOMMouseScroll" + NS + " mousewheel" + NS, proxy(that._wheelScroll, that));
if (kendo.support.kineticScrollNeeded) {
that.drag = new kendo.UserEvents(that.wrapper, {
global: true,
move: function(e) {
that.verticalScrollbar.scrollTop(that.verticalScrollbar.scrollTop() - e.y.delta);
wrapper.scrollLeft(wrapper.scrollLeft() - e.x.delta);
e.preventDefault();
}
});
}
that.verticalScrollbar = $('
')
.css({
width: scrollbar
}).appendTo(element)
.bind("scroll" + NS, proxy(that._scroll, that));
},
_wheelScroll: function(e) {
var that = this,
scrollTop = that.verticalScrollbar.scrollTop(),
originalEvent = e.originalEvent,
deltaY = originalEvent.wheelDeltaY,
delta;
if (originalEvent.wheelDelta) { // Webkit and IE
if (deltaY === undefined || deltaY) { // IE does not have deltaY, thus always scroll (horizontal scrolling is treated as vertical)
delta = originalEvent.wheelDelta;
}
} else if (originalEvent.detail && originalEvent.axis === originalEvent.VERTICAL_AXIS) { // Firefox and Opera
delta = (-originalEvent.detail) * 10;
}
if (delta) {
e.preventDefault();
that.verticalScrollbar.scrollTop(scrollTop + (-delta));
}
},
_scroll: function(e) {
var that = this,
scrollTop = e.currentTarget.scrollTop,
dataSource = that.dataSource,
rowHeight = that.itemHeight,
skip = dataSource.skip() || 0,
start = that._rangeStart || skip,
height = that.element.innerHeight(),
isScrollingUp = !!(that._scrollbarTop && that._scrollbarTop > scrollTop),
firstItemIndex = math.max(math.floor(scrollTop / rowHeight), 0),
lastItemIndex = math.max(firstItemIndex + math.floor(height / rowHeight), 0);
that._scrollTop = scrollTop - (start * rowHeight);
that._scrollbarTop = scrollTop;
if (!that._fetch(firstItemIndex, lastItemIndex, isScrollingUp)) {
that.wrapper[0].scrollTop = that._scrollTop;
}
},
_fetch: function(firstItemIndex, lastItemIndex, scrollingUp) {
var that = this,
dataSource = that.dataSource,
itemHeight = that.itemHeight,
take = dataSource.take(),
rangeStart = that._rangeStart || dataSource.skip() || 0,
currentSkip = math.floor(firstItemIndex / take) * take,
fetching = false,
prefetchAt = 0.33;
if (firstItemIndex < rangeStart) {
fetching = true;
rangeStart = math.max(0, lastItemIndex - take);
that._scrollTop = (firstItemIndex - rangeStart) * itemHeight;
that._page(rangeStart, take);
} else if (lastItemIndex >= rangeStart + take && !scrollingUp) {
fetching = true;
rangeStart = firstItemIndex;
that._scrollTop = itemHeight;
that._page(rangeStart, take);
} else if (!that._fetching) {
if (firstItemIndex < (currentSkip + take) - take * prefetchAt && firstItemIndex > take) {
dataSource.prefetch(currentSkip - take, take);
}
if (lastItemIndex > currentSkip + take * prefetchAt) {
dataSource.prefetch(currentSkip + take, take);
}
}
return fetching;
},
_page: function(skip, take) {
var that = this,
dataSource = that.dataSource;
clearTimeout(that._timeout);
that._fetching = true;
that._rangeStart = skip;
if (dataSource.inRange(skip, take)) {
dataSource.range(skip, take);
} else {
kendo.ui.progress(that.wrapper.parent(), true);
that._timeout = setTimeout(function() {
dataSource.range(skip, take);
}, 100);
}
},
refresh: function() {
var that = this,
html = "",
maxHeight = 250000,
dataSource = that.dataSource,
rangeStart = that._rangeStart,
scrollbar = !kendo.support.kineticScrollNeeded ? kendo.support.scrollbar() : 0,
wrapperElement = that.wrapper[0],
totalHeight,
idx,
itemHeight;
kendo.ui.progress(that.wrapper.parent(), false);
clearTimeout(that._timeout);
itemHeight = that.itemHeight = that.options.itemHeight() || 0;
var addScrollBarHeight = (wrapperElement.scrollWidth > wrapperElement.offsetWidth) ? scrollbar : 0;
totalHeight = dataSource.total() * itemHeight + addScrollBarHeight;
for (idx = 0; idx < math.floor(totalHeight / maxHeight); idx++) {
html += '
';
}
if (totalHeight % maxHeight) {
html += '
';
}
that.verticalScrollbar.html(html);
wrapperElement.scrollTop = that._scrollTop;
if (that.drag) {
that.drag.cancel();
}
if (rangeStart && !that._fetching) { // we are rebound from outside local range should be reset
that._rangeStart = dataSource.skip();
}
that._fetching = false;
}
});
function groupCells(count) {
return new Array(count + 1).join(' ');
}
function stringifyAttributes(attributes) {
var attr,
result = " ";
if (attributes) {
if (typeof attributes === STRING) {
return attributes;
}
for (attr in attributes) {
result += attr + '="' + attributes[attr] + '"';
}
}
return result;
}
var defaultCommands = {
create: {
text: "Add new record",
imageClass: "k-add",
className: "k-grid-add",
iconClass: "k-icon"
},
cancel: {
text: "Cancel changes",
imageClass: "k-cancel",
className: "k-grid-cancel-changes",
iconClass: "k-icon"
},
save: {
text: "Save changes",
imageClass: "k-update",
className: "k-grid-save-changes",
iconClass: "k-icon"
},
destroy: {
text: "Delete",
imageClass: "k-delete",
className: "k-grid-delete",
iconClass: "k-icon"
},
edit: {
text: "Edit",
imageClass: "k-edit",
className: "k-grid-edit",
iconClass: "k-icon"
},
update: {
text: "Update",
imageClass: "k-update",
className: "k-grid-update",
iconClass: "k-icon"
},
canceledit: {
text: "Cancel",
imageClass: "k-cancel",
className: "k-grid-cancel",
iconClass: "k-icon"
}
};
function heightAboveHeader(context) {
var top = 0;
$('> .k-grouping-header, > .k-grid-toolbar', context).each(function () {
top += this.offsetHeight;
});
return top;
}
function cursor(context, value) {
$('th, th .k-grid-filter, th .k-link', context)
.add(document.body)
.css('cursor', value);
}
function buildEmptyAggregatesObject(aggregates) {
var idx,
length,
aggregate = {},
fieldsMap = {};
if (!isEmptyObject(aggregates)) {
if (!isArray(aggregates)){
aggregates = [aggregates];
}
for (idx = 0, length = aggregates.length; idx < length; idx++) {
aggregate[aggregates[idx].aggregate] = 0;
fieldsMap[aggregates[idx].field] = aggregate;
}
}
return fieldsMap;
}
function reorder(selector, sourceIndex, destIndex) {
var source = selector.eq(sourceIndex),
dest = selector.eq(destIndex);
source[sourceIndex > destIndex ? "insertBefore" : "insertAfter"](dest);
}
function attachCustomCommandEvent(context, container, commands) {
var idx,
length,
command,
commandName;
commands = !isArray(commands) ? [commands] : commands;
for (idx = 0, length = commands.length; idx < length; idx++) {
command = commands[idx];
if (isPlainObject(command) && command.click) {
commandName = command.name || command.text;
container.on(CLICK + NS, "a.k-grid-" + (commandName || "").replace(/\s/g, ""), { commandName: commandName }, proxy(command.click, context));
}
}
}
function visibleColumns(columns) {
return grep(columns, function(column) {
return !column.hidden;
});
}
function addHiddenStyle(attr) {
attr = attr || {};
var style = attr.style;
if(!style) {
style = "display:none";
} else {
style = style.replace(/((.*)?display)(.*)?:([^;]*)/i, "$1:none");
if(style === attr.style) {
style = style.replace(/(.*)?/i, "display:none;$1");
}
}
return extend({}, attr, { style: style });
}
function removeHiddenStyle(attr) {
attr = attr || {};
var style = attr.style;
if(style) {
attr.style = style.replace(/(display\s*:\s*none\s*;?)*/ig, "");
}
return attr;
}
function normalizeCols(table, visibleColumns, hasDetails, groups) {
var colgroup = table.find(">colgroup"),
width,
cols = map(visibleColumns, function(column) {
width = column.width;
if (width && parseInt(width, 10) !== 0) {
return kendo.format('
').css({
height: handle.data("th").outerHeight() + that.tbody.attr("clientHeight")
});
},
start: function(e) {
th = $(e.currentTarget).data("th");
if (isMobile) {
that._hideResizeHandle();
}
var index = $.inArray(th[0], th.parent().children(":visible")),
contentTable = that.tbody.parent(),
footer = that.footer || $();
cursor(that.wrapper, 'col-resize');
if (options.scrollable) {
col = that.thead.parent().find("col:eq(" + index + ")")
.add(contentTable.children("colgroup").find("col:eq(" + index + ")"))
.add(footer.find("colgroup").find("col:eq(" + index + ")"));
} else {
col = contentTable.children("colgroup").find("col:eq(" + index + ")");
}
columnStart = e.x.location;
columnWidth = th.outerWidth();
gridWidth = that.tbody.outerWidth(); // IE returns 0 if grid is empty and scrolling is enabled
},
resize: function(e) {
var rtlMultiplier = isRtl ? -1 : 1,
width = columnWidth + (e.x.location * rtlMultiplier) - (columnStart * rtlMultiplier),
footer = that.footer || $();
if (width > 10) {
col.css('width', width);
if (options.scrollable && gridWidth) {
that._footerWidth = gridWidth + (e.x.location * rtlMultiplier) - (columnStart * rtlMultiplier);
that.tbody.parent()
.add(that.thead.parent())
.add(footer.find("table"))
.css('width', that._footerWidth);
}
}
},
resizeend: function() {
var newWidth = th.outerWidth(),
column;
cursor(that.wrapper, "");
if (columnWidth != newWidth) {
column = that.columns[th.parent().find("th:not(.k-group-cell,.k-hierarchy-cell)").index(th)];
column.width = newWidth;
that.trigger(COLUMNRESIZE, {
column: column,
oldWidth: columnWidth,
newWidth: newWidth
});
}
that._hideResizeHandle();
th = null;
}
});
}
},
_draggable: function() {
var that = this;
if (that.options.reorderable) {
if (that._draggableInstance) {
that._draggableInstance.destroy();
}
that._draggableInstance = that.wrapper.kendoDraggable({
group: kendo.guid(),
filter: that.content ? ".k-grid-header:first " + HEADERCELLS : "table:first>.k-grid-header " + HEADERCELLS,
drag: function() {
that._hideResizeHandle();
},
hint: function(target) {
return $('')
.css({
width: target.width(),
paddingLeft: target.css("paddingLeft"),
paddingRight: target.css("paddingRight"),
lineHeight: target.height() + "px",
paddingTop: target.css("paddingTop"),
paddingBottom: target.css("paddingBottom")
})
.html(target.attr(kendo.attr("title")) || target.attr(kendo.attr("field")) || target.text())
.prepend(''+
''+
html +
'
');
container = that._editContainer = that.editView.element.find(".k-popup-edit-form");
}
that.editable = that._editContainer
.kendoEditable({
fields: fields,
model: model,
clearContainer: false
}).data("kendoEditable");
// TODO: Replace this code with labels and for="ID"
if (that._isMobile) {
container.find("input[type=checkbox],input[type=radio]")
.parent(".k-edit-field")
.addClass("k-check")
.prev(".k-edit-label")
.addClass("k-check")
.click(function() {
$(this).next().children("input").click();
});
}
that._openPopUpEditor();
that.trigger(EDIT, { container: container, model: model });
},
_openPopUpEditor: function() {
if (!this._isMobile) {
this._editContainer.data("kendoWindow").center().open();
} else {
this.pane.navigate(this.editView, this._editAnimation);
}
},
_createInlineEditor: function(row, model) {
var that = this,
column,
cell,
command,
fields = [];
row.children(":not(.k-group-cell,.k-hierarchy-cell)").each(function() {
cell = $(this);
column = that.columns[that.cellIndex(cell)];
if (!column.command && column.field && (!model.editable || model.editable(column.field))) {
fields.push({ field: column.field, format: column.format, editor: column.editor, values: column.values });
cell.attr(kendo.attr("container-for"), column.field);
cell.empty();
} else if (column.command) {
command = getCommand(column.command, "edit");
if (command) {
cell.empty();
var updateText,
cancelText,
attr;
if (isPlainObject(command)) {
if (command.text && isPlainObject(command.text)) {
updateText = command.text.update;
cancelText = command.text.cancel;
}
if (command.attr) {
attr = command.attr;
}
}
$(that._createButton({ name: "update", text: updateText, attr: attr }) +
that._createButton({ name: "canceledit", text: cancelText, attr: attr})).appendTo(cell);
}
}
});
that._editContainer = row;
that.editable = row
.addClass("k-grid-edit-row")
.kendoEditable({
fields: fields,
model: model,
clearContainer: false
}).data("kendoEditable");
that.trigger(EDIT, { container: row, model: model });
},
cancelRow: function() {
var that = this,
container = that._editContainer,
model;
if (container) {
model = that._modelForContainer(container);
that._destroyEditable();
that.dataSource.cancelChanges(model);
if (that._editMode() !== "popup") {
that._displayRow(container);
} else {
that._displayRow(that.items().filter("[" + kendo.attr("uid") + "=" + model.uid + "]"));
}
}
},
saveRow: function() {
var that = this,
container = that._editContainer,
model = that._modelForContainer(container),
editable = that.editable;
if (container && editable && editable.end() &&
!that.trigger(SAVE, { container: container, model: model } )) {
that.dataSource.sync();
}
},
_displayRow: function(row) {
var that = this,
model = that._modelForContainer(row);
if (model) {
row.replaceWith($((row.hasClass("k-alt") ? that.altRowTemplate : that.rowTemplate)(model)));
}
},
_showMessage: function(messages, row) {
var that = this;
if (!that._isMobile) {
return window.confirm(messages.title);
}
var template = kendo.template('');
var html = $(template(messages)).appendTo(that.view.element);
var actionSheet = new kendo.mobile.ui.ActionSheet(html, {
cancel: messages.cancelDelete,
cancelTemplate: '#:cancel#
')
.html(toolbar({}))
.prependTo(wrapper);
}
if (editable && editable.create !== false) {
container.on(CLICK + NS, ".k-grid-add", function(e) { e.preventDefault(); that.addRow(); })
.on(CLICK + NS, ".k-grid-cancel-changes", function(e) { e.preventDefault(); that.cancelChanges(); })
.on(CLICK + NS, ".k-grid-save-changes", function(e) { e.preventDefault(); that.saveChanges(); });
}
}
},
_toolbarTmpl: function(commands) {
var that = this,
idx,
length,
html = "";
if (isArray(commands)) {
for (idx = 0, length = commands.length; idx < length; idx++) {
html += that._createButton(commands[idx]);
}
}
return html;
},
_createButton: function(command) {
var template = command.template || COMMANDBUTTONTMPL,
commandName = typeof command === STRING ? command : command.name || command.text,
className = defaultCommands[commandName] ? defaultCommands[commandName].className : "k-grid-" + (commandName || "").replace(/\s/g, ""),
options = { className: className, text: commandName, imageClass: "", attr: "", iconClass: "" };
if (!commandName && !(isPlainObject(command) && command.template)) {
throw new Error("Custom commands should have name specified");
}
if (isPlainObject(command)) {
if (command.className) {
command.className += " " + options.className;
}
if (commandName === "edit" && isPlainObject(command.text)) {
command = extend(true, {}, command);
command.text = command.text.edit;
}
if (command.attr && isPlainObject(command.attr)) {
command.attr = stringifyAttributes(command.attr);
}
options = extend(true, options, defaultCommands[commandName], command);
} else {
options = extend(true, options, defaultCommands[commandName]);
}
return kendo.template(template)(options);
},
_hasFooters: function() {
var cols = this.columns,
len = cols.length,
j;
for (j = 0; j < len; j++) {
if (cols[j].footerTemplate !== "" || cols[j].groupFooterTemplate !== "") {
return true;
}
}
return false;
},
_groupable: function() {
var that = this;
if (that._groupableClickHandler) {
that.table.off(CLICK + NS, that._groupableClickHandler);
} else {
that._groupableClickHandler = function(e) {
var element = $(this),
group = element.closest("tr");
if(element.hasClass('k-i-collapse')) {
that.collapseGroup(group);
} else {
that.expandGroup(group);
}
e.preventDefault();
e.stopPropagation();
};
}
that.table.on(CLICK + NS, ".k-grouping-row .k-i-collapse, .k-grouping-row .k-i-expand", that._groupableClickHandler);
that._attachGroupable();
},
_attachGroupable: function() {
var that = this,
wrapper = that.wrapper,
groupable = that.options.groupable,
GROUPINGDRAGGABLES = HEADERCELLS + ":visible[" + kendo.attr("field") + "]",
GROUPINGFILTER = HEADERCELLS + "[" + kendo.attr("field") + "]";
if (groupable) {
if(!wrapper.has("div.k-grouping-header")[0]) {
$("
").addClass("k-grouping-header").prependTo(wrapper);
}
if (that.groupable) {
that.groupable.destroy();
}
that.groupable = new Groupable(wrapper, extend({}, groupable, {
draggable: that._draggableInstance,
groupContainer: ">div.k-grouping-header",
dataSource: that.dataSource,
draggableElements: that.content ? ".k-grid-header:first " + GROUPINGDRAGGABLES : "table:first>.k-grid-header " + GROUPINGDRAGGABLES,
filter: that.content ? ".k-grid-header:first " + GROUPINGFILTER : "table:first>.k-grid-header " + GROUPINGFILTER,
allowDrag: that.options.reorderable
}));
}
},
_selectable: function() {
var that = this,
multi,
cell,
notString = [],
selectable = that.options.selectable;
if (selectable) {
multi = typeof selectable === STRING && selectable.toLowerCase().indexOf("multiple") > -1;
cell = typeof selectable === STRING && selectable.toLowerCase().indexOf("cell") > -1;
if (that._hasDetails()) {
notString[notString.length] = ".k-detail-row";
}
if (that.options.groupable || that._hasFooters()) {
notString[notString.length] = ".k-grouping-row,.k-group-footer";
}
notString = notString.join(",");
if (notString !== "") {
notString = ":not(" + notString + ")";
}
that.selectable = new kendo.ui.Selectable(that.table, {
filter: ">" + (cell ? SELECTION_CELL_SELECTOR : "tbody>tr" + notString),
aria: true,
multiple: multi,
change: function() {
that.trigger(CHANGE);
}
});
if (that.options.navigatable) {
that.table.on("keydown" + NS, function(e) {
var current = that.current();
if (e.keyCode === keys.SPACEBAR && e.target == that.table[0] &&
!current.is(".k-edit-cell,.k-header") &&
current.parent().is(":not(.k-grouping-row,.k-detail-row,.k-group-footer)")) {
e.preventDefault();
e.stopPropagation();
current = cell ? current : current.parent();
if(multi) {
if(!e.ctrlKey) {
that.selectable.clear();
} else {
if(current.hasClass(SELECTED)) {
current.removeClass(SELECTED);
that.trigger(CHANGE);
return;
}
}
} else {
that.selectable.clear();
}
that.selectable.value(current);
}
});
}
}
},
clearSelection: function() {
var that = this;
that.selectable.clear();
that.trigger(CHANGE);
},
select: function(items) {
var that = this,
selectable = that.selectable;
items = $(items);
if(items.length) {
if(!selectable.options.multiple) {
selectable.clear();
items = items.first();
}
selectable.value(items);
return;
}
return selectable.value();
},
current: function(element) {
var that = this,
scrollable = that.options.scrollable,
current = that._current,
table = that.table.add(that.thead.parent());
if (element !== undefined && element.length) {
if (!current || current[0] !== element[0]) {
if (current) {
current.removeClass(FOCUSED).removeAttr("id");
table.removeAttr("aria-activedescendant");
}
element.attr("id", that._cellId);
that._current = element.addClass(FOCUSED);
table.attr("aria-activedescendant", that._cellId);
if(element.length && scrollable) {
if ($.contains(that.content[0], element[0])) {
that._scrollTo(element.parent()[0], that.content[0]);
}
if (scrollable.virtual) {
that._scrollTo(element[0], that.content.find(">.k-virtual-scrollable-wrap")[0]);
} else {
that._scrollTo(element[0], that.content[0]);
}
}
}
}
return that._current;
},
_removeCurrent: function() {
if (this._current) {
this._current.removeClass(FOCUSED);
this._current = null;
}
},
_scrollTo: function(element, container) {
var elementToLowercase = element.tagName.toLowerCase(),
isHorizontal = elementToLowercase === "td" || elementToLowercase === "th",
elementOffset = element[isHorizontal ? "offsetLeft" : "offsetTop"],
elementOffsetDir = element[isHorizontal ? "offsetWidth" : "offsetHeight"],
containerScroll = container[isHorizontal ? "scrollLeft" : "scrollTop"],
containerOffsetDir = container[isHorizontal ? "clientWidth" : "clientHeight"],
bottomDistance = elementOffset + elementOffsetDir,
result = 0;
if (containerScroll > elementOffset) {
result = elementOffset;
} else if (bottomDistance > (containerScroll + containerOffsetDir)) {
if (elementOffsetDir <= containerOffsetDir) {
result = (bottomDistance - containerOffsetDir);
} else {
result = elementOffset;
}
} else {
result = containerScroll;
}
container[isHorizontal ? "scrollLeft" : "scrollTop"] = result;
},
_navigatable: function() {
var that = this,
currentProxy = proxy(that.current, that),
table = that.table,
headerTable = that.thead.parent(),
dataTable = table,
isRtl = kendo.support.isRtl(that.element);
if (!that.options.navigatable) {
return;
}
if (that.options.scrollable) {
dataTable = table.add(headerTable);
headerTable.attr(TABINDEX, -1);
//required for FF
//that.content.attr("tabindex", -1);
}
headerTable.on("keydown" + NS, function(e) {
if (e.altKey && e.keyCode == keys.DOWN) {
currentProxy().find(".k-grid-filter, .k-header-column-menu").click();
e.stopImmediatePropagation();
}
})
.find("a.k-link").attr("tabIndex", -1);
table
.attr(TABINDEX, math.max(table.attr(TABINDEX) || 0, 0))
.on("mousedown" + NS + " keydown" + NS, ".k-detail-cell", function(e) {
if (e.target !== e.currentTarget) {
e.stopImmediatePropagation();
}
});
dataTable
.on((kendo.support.touch ? "touchstart" + NS : "mousedown" + NS), NAVROW + ">" + NAVCELL, proxy(tableClick, that))
.on("focus" + NS, function() {
if (kendo.support.touch) {
return;
}
var current = currentProxy();
if (current && current.is(":visible")) {
current.addClass(FOCUSED);
} else {
currentProxy($(this).find(FIRSTNAVITEM));
}
if (this == table[0]) {
headerTable.attr(TABINDEX, -1);
table.attr(TABINDEX, 0);
} else {
table.attr(TABINDEX, -1);
headerTable.attr(TABINDEX, 0);
}
})
.on("focusout" + NS, function() {
var current = currentProxy();
if (current) {
current.removeClass(FOCUSED);
}
})
.on("keydown" + NS, function(e) {
var key = e.keyCode,
handled = false,
canHandle = !e.isDefaultPrevented() && !$(e.target).is(":button,a,:input,a>.k-icon"),
pageable = that.options.pageable,
dataSource = that.dataSource,
isInCell = that._editMode() == "incell",
active,
currentIndex,
row,
index,
tableToFocus,
shiftKey = e.shiftKey,
current = currentProxy();
if (current && current.is("th")) {
canHandle = true;
}
if (canHandle && key == keys.UP) {
if (current) {
row = current.parent().prevAll(NAVROW).first();
if (!row[0]) {
tableToFocus = that.thead.parent();
focusTable(tableToFocus, true);
row = tableToFocus.find(NAVROW).first();
}
index = current.index();
current = row.children().eq(index);
if (!current[0] || !current.is(NAVCELL)) {
current = row.children(NAVCELL).first();
}
} else {
current = table.find(FIRSTNAVITEM);
}
handled = true;
currentProxy(current);
} else if (canHandle && key == keys.DOWN) {
if (current) {
row = current.parent().nextAll(NAVROW).first();
if (!row[0] && current.is("th")) {
focusTable(that.tbody.parent());
row = that.tbody.find(NAVROW).first();
}
index = current.index();
current = row.children().eq(index);
if (!current[0] || !current.is(NAVCELL)) {
current = row.children(NAVCELL).first();
}
} else {
current = table.find(FIRSTNAVITEM);
}
handled = true;
currentProxy(current);
} else if (canHandle && key == (isRtl ? keys.RIGHT : keys.LEFT)) {
currentProxy(current ? current.prevAll(DATA_CELL + ":first") : table.find(FIRSTNAVITEM));
handled = true;
} else if (canHandle && key == (isRtl ? keys.LEFT : keys.RIGHT)) {
if (current) {
if (current.next()[0]) {
current = current.nextAll(DATA_CELL + ":first");
}
} else {
current = table.find(FIRSTNAVITEM);
}
handled = true;
currentProxy(current);
} else if (canHandle && pageable && keys.PAGEDOWN == key) {
dataSource.page(dataSource.page() + 1);
handled = true;
} else if (canHandle && pageable && keys.PAGEUP == key) {
dataSource.page(dataSource.page() - 1);
handled = true;
} else if (key == keys.ENTER || keys.F2 == key) {
current = current ? current : table.find(FIRSTNAVITEM);
if (current.is("th")) {
current.find(".k-link").click();
handled = true;
} else if (current.parent().is(".k-master-row,.k-grouping-row")) {
current.parent().find(".k-icon:first").click();
handled = true;
} else {
var focusable = current.find(":kendoFocusable:first");
if (!current.hasClass("k-edit-cell") && focusable[0] && current.hasClass("k-state-focused")) {
focusable.focus();
handled = true;
} else if (that.options.editable && !$(e.target).is(":button,.k-button,textarea")) {
var container = $(e.target).closest("[role=gridcell]");
if (!container[0]) {
container = current;
}
that._handleEditing(container);
handled = true;
}
}
} else if (keys.ESC == key) {
active = activeElement();
if (current && $.contains(current[0], active) && !current.hasClass("k-edit-cell") && !current.parent().hasClass("k-grid-edit-row")) {
focusTable(that.table[0], true);
handled = true;
} else if (that._editContainer && (!current || that._editContainer.has(current[0]) || current[0] === that._editContainer[0])) {
if (isInCell) {
that.closeCell(true);
} else {
currentIndex = that.items().index($(current).parent());
if (active) {
active.blur();
}
that.cancelRow();
if (currentIndex >= 0) {
that.current(that.items().eq(currentIndex).children().filter(NAVCELL).first());
}
}
if (browser.msie && browser.version < 9) {
document.body.focus();
}
focusTable(table, true);
handled = true;
}
} else if (keys.TAB == key) {
var cell;
current = $(current);
if (that.options.editable && isInCell) {
cell = $(activeElement()).closest(".k-edit-cell");
if (cell[0] && cell[0] !== current[0]) {
current = cell;
}
}
cell = shiftKey ? current.prevAll(DATA_CELL + ":first") : current.nextAll(":visible:first");
if (!cell.length) {
cell = current.parent()[shiftKey ? "prevAll" : "nextAll"]("tr:not(.k-grouping-row):not(.k-detail-row):visible:first")
.children(DATA_CELL + (shiftKey ? ":last" : ":first"));
}
if (!current.is("th") && cell.length && that.options.editable && isInCell) {
that._handleEditing(current, cell);
handled = true;
}
}
if (handled) {
//prevent browser scrolling
e.preventDefault();
//required in hierarchy
e.stopPropagation();
}
});
},
_handleEditing: function(current, next) {
var that = this,
active = $(activeElement()),
mode = that._editMode(),
isIE = browser.msie,
oldIE = isIE && browser.version < 9,
editContainer = that._editContainer,
focusable,
isEdited;
if (mode == "incell") {
isEdited = current.hasClass("k-edit-cell");
} else {
isEdited = current.parent().hasClass("k-grid-edit-row");
}
if (that.editable) {
if ($.contains(editContainer[0], active[0])) {
if (browser.opera || oldIE) {
active.change().triggerHandler("blur");
} else {
active.blur();
if (isIE) {
//IE10 with jQuery 1.9.x does not trigger blur handler
//numeric textbox does trigger change
active.blur();
}
}
}
if (!that.editable) {
focusTable(that.table);
return;
}
if (that.editable.end()) {
if (mode == "incell") {
that.closeCell();
} else {
that.saveRow();
isEdited = true;
}
} else {
if (mode == "incell") {
that.current(editContainer);
} else {
that.current(editContainer.children().filter(DATA_CELL).first());
}
focusable = editContainer.find(":kendoFocusable:first")[0];
if (focusable) {
focusable.focus();
}
return;
}
}
if (next) {
that.current(next);
}
if (oldIE) {
document.body.focus();
}
focusTable(that.table, true);
if ((!isEdited && !next) || next) {
if (mode == "incell") {
that.editCell(that.current());
} else {
that.editRow(that.current().parent());
}
}
},
_wrapper: function() {
var that = this,
table = that.table,
height = that.options.height,
wrapper = that.element;
if (!wrapper.is("div")) {
wrapper = wrapper.wrap("
").parent();
}
that.wrapper = wrapper.addClass("k-grid k-widget k-secondary");
if (height) {
that.wrapper.css(HEIGHT, height);
table.css(HEIGHT, "auto");
}
that._initMobile();
},
_initMobile: function() {
var options = this.options;
this._isMobile = (options.mobile === true && kendo.support.mobileOS) ||
options.mobile === "phone" ||
options.mobile === "tablet";
if (this._isMobile) {
var html = this.wrapper.addClass("k-grid-mobile").wrap(
'
'
)
.parent();
this.pane = kendo.mobile.ui.Pane.wrap(html);
this.view = this.pane.view();
this._actionSheetPopupOptions = $(document.documentElement).hasClass("km-root") ? { modal: false } : {
align: "bottom center",
position: "bottom center",
effect: "slideIn:up"
};
if (options.height) {
this.pane.element.parent().css(HEIGHT, options.height);
}
this._editAnimation = "slide";
}
},
_tbody: function() {
var that = this,
table = that.table,
tbody;
tbody = table.find(">tbody");
if (!tbody.length) {
tbody = $("
').parent();
}
if (hasVirtualScroll) {
that.virtualScrollable = new VirtualScrollable(that.content, {
dataSource: that.dataSource,
itemHeight: proxy(that._averageRowHeight, that)
});
}
that.scrollables = header.children(".k-grid-header-wrap");
// the footer may exists if rendered from the server
var footer = that.wrapper.find(".k-grid-footer"),
webKitRtlCorrection = (isRtl && browser.webkit) ? scrollbar : 0;
if (footer.length) {
that.scrollables = that.scrollables.add(footer.children(".k-grid-footer-wrap"));
}
if (scrollable.virtual) {
that.content.find(">.k-virtual-scrollable-wrap").bind("scroll" + NS, function () {
that.scrollables.scrollLeft(this.scrollLeft + webKitRtlCorrection);
});
} else {
that.content.bind("scroll" + NS, function () {
that.scrollables.scrollLeft(this.scrollLeft + webKitRtlCorrection);
});
var touchScroller = kendo.touchScroller(that.content);
if (touchScroller && touchScroller.movable) {
touchScroller.movable.bind("change", function(e) {
that.scrollables.scrollLeft(-e.sender.x);
});
}
}
}
},
_setContentWidth: function() {
var that = this,
hiddenDivClass = 'k-grid-content-expander',
hiddenDiv = '
',
resizable = that.resizable,
expander;
if (that.options.scrollable) {
expander = that.table.parent().children('.' + hiddenDivClass);
that._setContentWidthHandler = proxy(that._setContentWidth, that);
if (!that.dataSource.view().length) {
if (!expander[0]) {
expander = $(hiddenDiv).appendTo(that.table.parent());
if (resizable) {
resizable.bind("resize", that._setContentWidthHandler);
}
}
expander.width(that.thead.width());
} else if (expander[0]) {
expander.remove();
if (resizable) {
resizable.unbind("resize", that._setContentWidthHandler);
}
}
}
},
_setContentHeight: function() {
var that = this,
options = that.options,
height = that.wrapper.innerHeight(),
header = that.wrapper.children(".k-grid-header"),
scrollbar = kendo.support.scrollbar();
if (options.scrollable) {
height -= header.outerHeight();
if (that.pager) {
height -= that.pager.element.outerHeight();
}
if(options.groupable) {
height -= that.wrapper.children(".k-grouping-header").outerHeight();
}
if(options.toolbar) {
height -= that.wrapper.children(".k-grid-toolbar").outerHeight();
}
if (that.footerTemplate) {
height -= that.wrapper.children(".k-grid-footer").outerHeight();
}
var isGridHeightSet = function(el) {
var initialHeight, newHeight;
if (el[0].style.height) {
return true;
} else {
initialHeight = el.height();
}
el.height("auto");
newHeight = el.height();
if (initialHeight != newHeight) {
el.height("");
return true;
}
el.height("");
return false;
};
if (isGridHeightSet(that.wrapper)) { // set content height only if needed
if (height > scrollbar * 2) { // do not set height if proper scrollbar cannot be displayed
that.content.height(height);
} else {
that.content.height(scrollbar * 2 + 1);
}
}
}
},
_averageRowHeight: function() {
var that = this,
rowHeight = that._rowHeight;
if (!that._rowHeight) {
that._rowHeight = rowHeight = that.table.outerHeight() / that.items().length;
that._sum = rowHeight;
that._measures = 1;
}
var currentRowHeight = that.table.outerHeight() / that.items().length;
if (rowHeight !== currentRowHeight) {
that._measures ++;
that._sum += currentRowHeight;
that._rowHeight = that._sum / that._measures;
}
return rowHeight;
},
_dataSource: function() {
var that = this,
options = that.options,
pageable,
dataSource = options.dataSource;
dataSource = isArray(dataSource) ? { data: dataSource } : dataSource;
if (isPlainObject(dataSource)) {
extend(dataSource, { table: that.table, fields: that.columns });
pageable = options.pageable;
if (isPlainObject(pageable) && pageable.pageSize !== undefined) {
dataSource.pageSize = pageable.pageSize;
}
}
if (that.dataSource && that._refreshHandler) {
that.dataSource.unbind(CHANGE, that._refreshHandler)
.unbind(PROGRESS, that._progressHandler)
.unbind(ERROR, that._errorHandler);
} else {
that._refreshHandler = proxy(that.refresh, that);
that._progressHandler = proxy(that._requestStart, that);
that._errorHandler = proxy(that._error, that);
}
that.dataSource = DataSource.create(dataSource)
.bind(CHANGE, that._refreshHandler)
.bind(PROGRESS, that._progressHandler)
.bind(ERROR, that._errorHandler);
},
_error: function() {
this._progress(false);
},
_requestStart: function() {
this._progress(true);
},
_modelChange: function(e) {
var that = this,
model = e.model,
row = that.tbody.find("tr[" + kendo.attr("uid") + "=" + model.uid +"]"),
cell,
column,
isAlt = row.hasClass("k-alt"),
tmp,
idx = that.items().index(row),
length;
if (row.children(".k-edit-cell").length && !that.options.rowTemplate) {
row.children(":not(.k-group-cell,.k-hierarchy-cell)").each(function() {
cell = $(this);
column = that.columns[that.cellIndex(cell)];
if (column.field === e.field) {
if (!cell.hasClass("k-edit-cell")) {
that._displayCell(cell, column, model);
$('
