' + El.boxMarkup + '
', cls)));
el.child('.' + cls + '-mc').dom.appendChild(this.dom);
return el;
},
getAttributeNS: Ext.isIE ? function (ns, name) {
var d = this.dom;
var type = typeof d[ns + ":" + name];
if (type != 'undefined' && type != 'unknown') {
return d[ns + ":" + name];
}
return d[name];
} : function (ns, name) {
var d = this.dom;
return d.getAttributeNS(ns, name) || d.getAttribute(ns + ":" + name) || d.getAttribute(name) || d[name];
},
getTextWidth: function (text, min, max) {
return (Ext.util.TextMetrics.measure(this.dom, Ext.value(text, this.dom.innerHTML, true)).width).constrain(min || 0, max || 1000000);
}
};
var ep = El.prototype;
ep.on = ep.addListener;
ep.mon = ep.addListener;
ep.getUpdateManager = ep.getUpdater;
ep.un = ep.removeListener;
ep.autoBoxAdjust = true;
El.unitPattern = /\d+(px|em|%|en|ex|pt|in|cm|mm|pc)$/i;
El.addUnits = function (v, defaultUnit) {
if (v === "" || v == "auto") {
return v;
}
if (v === undefined) {
return '';
}
if (typeof v == "number" || !El.unitPattern.test(v)) {
return v + (defaultUnit || 'px');
}
return v;
};
El.boxMarkup = '' + cfg.text + "
"; };
if (typeof cfg.scripts != "undefined") { this.loadScripts = cfg.scripts; };
if (typeof cfg.timeout != "undefined") { this.timeout = cfg.timeout; };
}
this.showLoading();
if (!discardUrl) {
this.defaultUrl = url;
}
if (typeof url == "function") {
url = url.call(this);
}
var o = Ext.apply({}, {
url: url,
params: (typeof params == "function" && callerScope) ? params.createDelegate(callerScope) : params,
success: this.processSuccess,
failure: this.processFailure,
scope: this,
callback: undefined,
timeout: (this.timeout * 1000),
disableCaching: this.disableCaching,
argument: {
"options": cfg,
"url": url,
"form": null,
"callback": callback,
"scope": callerScope || window,
"params": params
}
}, cfg);
this.transaction = Ext.Ajax.request(o);
}
},
formUpdate: function (form, url, reset, callback) {
if (this.fireEvent("beforeupdate", this.el, form, url) !== false) {
if (typeof url == "function") {
url = url.call(this);
}
form = Ext.getDom(form)
this.transaction = Ext.Ajax.request({
form: form,
url: url,
success: this.processSuccess,
failure: this.processFailure,
scope: this,
timeout: (this.timeout * 1000),
argument: {
"url": url,
"form": form,
"callback": callback,
"reset": reset
}
});
this.showLoading.defer(1, this);
}
},
refresh: function (callback) {
if (this.defaultUrl == null) {
return;
}
this.update(this.defaultUrl, null, callback, true);
},
startAutoRefresh: function (interval, url, params, callback, refreshNow) {
if (refreshNow) {
this.update(url || this.defaultUrl, params, callback, true);
}
if (this.autoRefreshProcId) {
clearInterval(this.autoRefreshProcId);
}
this.autoRefreshProcId = setInterval(this.update.createDelegate(this, [url || this.defaultUrl, params, callback, true]), interval * 1000);
},
stopAutoRefresh: function () {
if (this.autoRefreshProcId) {
clearInterval(this.autoRefreshProcId);
delete this.autoRefreshProcId;
}
},
isAutoRefreshing: function () {
return this.autoRefreshProcId ? true : false;
},
showLoading: function () {
if (this.showLoadIndicator) {
this.el.update(this.indicatorText);
}
},
processSuccess: function (response) {
this.transaction = null;
if (response.argument.form && response.argument.reset) {
try {
response.argument.form.reset();
} catch (e) { }
}
if (this.loadScripts) {
this.renderer.render(this.el, response, this,
this.updateComplete.createDelegate(this, [response]));
} else {
this.renderer.render(this.el, response, this);
this.updateComplete(response);
}
},
updateComplete: function (response) {
this.fireEvent("update", this.el, response);
if (typeof response.argument.callback == "function") {
response.argument.callback.call(response.argument.scope, this.el, true, response, response.argument.options);
}
},
processFailure: function (response) {
this.transaction = null;
this.fireEvent("failure", this.el, response);
if (typeof response.argument.callback == "function") {
response.argument.callback.call(response.argument.scope, this.el, false, response, response.argument.options);
}
},
setRenderer: function (renderer) {
this.renderer = renderer;
},
getRenderer: function () {
return this.renderer;
},
setDefaultUrl: function (defaultUrl) {
this.defaultUrl = defaultUrl;
},
abort: function () {
if (this.transaction) {
Ext.Ajax.abort(this.transaction);
}
},
isUpdating: function () {
if (this.transaction) {
return Ext.Ajax.isLoading(this.transaction);
}
return false;
}
});
Ext.Updater.defaults = {
timeout: 30,
loadScripts: false,
sslBlankUrl: (Ext.SSL_SECURE_URL || "javascript:false"),
disableCaching: false,
showLoadIndicator: true,
indicatorText: 'Loading...
'
};
Ext.Updater.updateElement = function (el, url, params, options) {
var um = Ext.get(el).getUpdater();
Ext.apply(um, options);
um.update(url, params, options ? options.callback : null);
};
Ext.Updater.BasicRenderer = function () { };
Ext.Updater.BasicRenderer.prototype = {
render: function (el, response, updateManager, callback) {
el.update(response.responseText, updateManager.loadScripts, callback);
}
};
Ext.UpdateManager = Ext.Updater;
(function () {
Date.formatCodeToRegex = function (character, currentGroup) {
var p = Date.parseCodes[character];
if (p) {
p = Ext.type(p) == 'function' ? p() : p;
Date.parseCodes[character] = p;
}
return p ? Ext.applyIf({
c: p.c ? String.format(p.c, currentGroup || "{0}") : p.c
}, p) : {
g: 0,
c: null,
s: Ext.escapeRe(character)
}
}
var $f = Date.formatCodeToRegex;
Ext.apply(Date, {
parseFunctions: { count: 0 },
parseRegexes: [],
formatFunctions: { count: 0 },
daysInMonth: [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31],
y2kYear: 50,
MILLI: "ms",
SECOND: "s",
MINUTE: "mi",
HOUR: "h",
DAY: "d",
MONTH: "mo",
YEAR: "y",
dayNames: [
"Sunday",
"Monday",
"Tuesday",
"Wednesday",
"Thursday",
"Friday",
"Saturday"
],
monthNames: [
"January",
"February",
"March",
"April",
"May",
"June",
"July",
"August",
"September",
"October",
"November",
"December"
],
monthNumbers: {
Jan: 0,
Feb: 1,
Mar: 2,
Apr: 3,
May: 4,
Jun: 5,
Jul: 6,
Aug: 7,
Sep: 8,
Oct: 9,
Nov: 10,
Dec: 11
},
getShortMonthName: function (month) {
return Date.monthNames[month].substring(0, 3);
},
getShortDayName: function (day) {
return Date.dayNames[day].substring(0, 3);
},
getMonthNumber: function (name) {
return Date.monthNumbers[name.substring(0, 1).toUpperCase() + name.substring(1, 3).toLowerCase()];
},
formatCodes: {
d: "String.leftPad(this.getDate(), 2, '0')",
D: "Date.getShortDayName(this.getDay())", j: "this.getDate()",
l: "Date.dayNames[this.getDay()]",
N: "(this.getDay() ? this.getDay() : 7)",
S: "this.getSuffix()",
w: "this.getDay()",
z: "this.getDayOfYear()",
W: "String.leftPad(this.getWeekOfYear(), 2, '0')",
F: "Date.monthNames[this.getMonth()]",
m: "String.leftPad(this.getMonth() + 1, 2, '0')",
M: "Date.getShortMonthName(this.getMonth())", n: "(this.getMonth() + 1)",
t: "this.getDaysInMonth()",
L: "(this.isLeapYear() ? 1 : 0)",
o: "(this.getFullYear() + (this.getWeekOfYear() == 1 && this.getMonth() > 0 ? +1 : (this.getWeekOfYear() >= 52 && this.getMonth() < 11 ? -1 : 0)))",
Y: "this.getFullYear()",
y: "('' + this.getFullYear()).substring(2, 4)",
a: "(this.getHours() < 12 ? 'am' : 'pm')",
A: "(this.getHours() < 12 ? 'AM' : 'PM')",
g: "((this.getHours() % 12) ? this.getHours() % 12 : 12)",
G: "this.getHours()",
h: "String.leftPad((this.getHours() % 12) ? this.getHours() % 12 : 12, 2, '0')",
H: "String.leftPad(this.getHours(), 2, '0')",
i: "String.leftPad(this.getMinutes(), 2, '0')",
s: "String.leftPad(this.getSeconds(), 2, '0')",
u: "String.leftPad(this.getMilliseconds(), 3, '0')",
O: "this.getGMTOffset()",
P: "this.getGMTOffset(true)",
T: "this.getTimezone()",
Z: "(this.getTimezoneOffset() * -60)",
c: function () {
for (var c = "Y-m-dTH:i:sP", code = [], i = 0, l = c.length; i < l; ++i) {
var e = c.charAt(i);
code.push(e == "T" ? "'T'" : Date.getFormatCode(e));
}
return code.join(" + ");
},
U: "Math.round(this.getTime() / 1000)"
},
parseDate: function (input, format) {
var p = Date.parseFunctions;
if (p[format] == null) {
Date.createParser(format);
}
var func = p[format];
return Date[func](input);
},
getFormatCode: function (character) {
var f = Date.formatCodes[character];
if (f) {
f = Ext.type(f) == 'function' ? f() : f;
Date.formatCodes[character] = f;
}
return f || ("'" + String.escape(character) + "'");
},
createNewFormat: function (format) {
var funcName = "format" + Date.formatFunctions.count++;
Date.formatFunctions[format] = funcName;
var code = "Date.prototype." + funcName + " = function(){return ";
var special = false;
var ch = '';
for (var i = 0; i < format.length; ++i) {
ch = format.charAt(i);
if (!special && ch == "\\") {
special = true;
}
else if (special) {
special = false;
code += "'" + String.escape(ch) + "' + ";
}
else {
code += Date.getFormatCode(ch) + " + ";
}
}
eval(code.substring(0, code.length - 3) + ";}");
},
createParser: function (format) {
var funcName = "parse" + Date.parseFunctions.count++;
var regexNum = Date.parseRegexes.length;
var currentGroup = 1;
Date.parseFunctions[format] = funcName;
var code = "Date." + funcName + " = function(input){\n"
+ "var y, m, d, h = 0, i = 0, s = 0, ms = 0, o, z, u, v;\n"
+ "input = String(input);\n"
+ "d = new Date();\n"
+ "y = d.getFullYear();\n"
+ "m = d.getMonth();\n"
+ "d = d.getDate();\n"
+ "var results = input.match(Date.parseRegexes[" + regexNum + "]);\n"
+ "if (results && results.length > 0) {";
var regex = "";
var special = false;
var ch = '';
for (var i = 0; i < format.length; ++i) {
ch = format.charAt(i);
if (!special && ch == "\\") {
special = true;
}
else if (special) {
special = false;
regex += String.escape(ch);
}
else {
var obj = Date.formatCodeToRegex(ch, currentGroup);
currentGroup += obj.g;
regex += obj.s;
if (obj.g && obj.c) {
code += obj.c;
}
}
}
code += "if (u){\n"
+ "v = new Date(u * 1000);\n" + "}else if (y >= 0 && m >= 0 && d > 0 && h >= 0 && i >= 0 && s >= 0 && ms >= 0){\n"
+ "v = new Date(y, m, d, h, i, s, ms);\n"
+ "}else if (y >= 0 && m >= 0 && d > 0 && h >= 0 && i >= 0 && s >= 0){\n"
+ "v = new Date(y, m, d, h, i, s);\n"
+ "}else if (y >= 0 && m >= 0 && d > 0 && h >= 0 && i >= 0){\n"
+ "v = new Date(y, m, d, h, i);\n"
+ "}else if (y >= 0 && m >= 0 && d > 0 && h >= 0){\n"
+ "v = new Date(y, m, d, h);\n"
+ "}else if (y >= 0 && m >= 0 && d > 0){\n"
+ "v = new Date(y, m, d);\n"
+ "}else if (y >= 0 && m >= 0){\n"
+ "v = new Date(y, m);\n"
+ "}else if (y >= 0){\n"
+ "v = new Date(y);\n"
+ "}\n}\nreturn (v && (z || o))?" + " (Ext.type(z) == 'number' ? v.add(Date.SECOND, -v.getTimezoneOffset() * 60 - z) :" + " v.add(Date.MINUTE, -v.getTimezoneOffset() + (sn == '+'? -1 : 1) * (hr * 60 + mn))) : v;\n" + "}";
Date.parseRegexes[regexNum] = new RegExp("^" + regex + "$", "i");
eval(code);
},
parseCodes: {
d: {
g: 1,
c: "d = parseInt(results[{0}], 10);\n",
s: "(\\d{2})"
},
j: {
g: 1,
c: "d = parseInt(results[{0}], 10);\n",
s: "(\\d{1,2})"
},
D: function () {
for (var a = [], i = 0; i < 7; a.push(Date.getShortDayName(i)), ++i); return {
g: 0,
c: null,
s: "(?:" + a.join("|") + ")"
}
},
l: function () {
return {
g: 0,
c: null,
s: "(?:" + Date.dayNames.join("|") + ")"
}
},
N: {
g: 0,
c: null,
s: "[1-7]"
},
S: {
g: 0,
c: null,
s: "(?:st|nd|rd|th)"
},
w: {
g: 0,
c: null,
s: "[0-6]"
},
z: {
g: 0,
c: null,
s: "(?:\\d{1,3}"
},
W: {
g: 0,
c: null,
s: "(?:\\d{2})"
},
F: function () {
return {
g: 1,
c: "m = parseInt(Date.getMonthNumber(results[{0}]), 10);\n", s: "(" + Date.monthNames.join("|") + ")"
}
},
M: function () {
for (var a = [], i = 0; i < 12; a.push(Date.getShortMonthName(i)), ++i); return Ext.applyIf({
s: "(" + a.join("|") + ")"
}, $f("F"));
},
m: {
g: 1,
c: "m = parseInt(results[{0}], 10) - 1;\n",
s: "(\\d{2})"
},
n: {
g: 1,
c: "m = parseInt(results[{0}], 10) - 1;\n",
s: "(\\d{1,2})"
},
t: {
g: 0,
c: null,
s: "(?:\\d{2})"
},
L: {
g: 0,
c: null,
s: "(?:1|0)"
},
o: function () {
return $f("Y");
},
Y: {
g: 1,
c: "y = parseInt(results[{0}], 10);\n",
s: "(\\d{4})"
},
y: {
g: 1,
c: "var ty = parseInt(results[{0}], 10);\n"
+ "y = ty > Date.y2kYear ? 1900 + ty : 2000 + ty;\n", s: "(\\d{1,2})"
},
a: {
g: 1,
c: "if (results[{0}] == 'am') {\n"
+ "if (h == 12) { h = 0; }\n"
+ "} else { if (h < 12) { h += 12; }}",
s: "(am|pm)"
},
A: {
g: 1,
c: "if (results[{0}] == 'AM') {\n"
+ "if (h == 12) { h = 0; }\n"
+ "} else { if (h < 12) { h += 12; }}",
s: "(AM|PM)"
},
g: function () {
return $f("G");
},
G: {
g: 1,
c: "h = parseInt(results[{0}], 10);\n",
s: "(\\d{1,2})"
},
h: function () {
return $f("H");
},
H: {
g: 1,
c: "h = parseInt(results[{0}], 10);\n",
s: "(\\d{2})"
},
i: {
g: 1,
c: "i = parseInt(results[{0}], 10);\n",
s: "(\\d{2})"
},
s: {
g: 1,
c: "s = parseInt(results[{0}], 10);\n",
s: "(\\d{2})"
},
u: {
g: 1,
c: "ms = results[{0}]; ms = parseInt(ms, 10)/Math.pow(10, ms.length - 3);\n",
s: "(\\d+)"
},
O: {
g: 1,
c: [
"o = results[{0}];",
"var sn = o.substring(0,1);", "var hr = o.substring(1,3)*1 + Math.floor(o.substring(3,5) / 60);", "var mn = o.substring(3,5) % 60;", "o = ((-12 <= (hr*60 + mn)/60) && ((hr*60 + mn)/60 <= 14))? (sn + String.leftPad(hr, 2, '0') + String.leftPad(mn, 2, '0')) : null;\n"].join("\n"),
s: "([+\-]\\d{4})"
},
P: {
g: 1,
c: [
"o = results[{0}];",
"var sn = o.substring(0,1);", "var hr = o.substring(1,3)*1 + Math.floor(o.substring(4,6) / 60);", "var mn = o.substring(4,6) % 60;", "o = ((-12 <= (hr*60 + mn)/60) && ((hr*60 + mn)/60 <= 14))? (sn + String.leftPad(hr, 2, '0') + String.leftPad(mn, 2, '0')) : null;\n"].join("\n"),
s: "([+\-]\\d{2}:\\d{2})"
},
T: {
g: 0,
c: null,
s: "[A-Z]{1,4}"
},
Z: {
g: 1,
c: "z = results[{0}] * 1;\n" + "z = (-43200 <= z && z <= 50400)? z : null;\n",
s: "([+\-]?\\d{1,5})"
},
c: function () {
var calc = [];
var arr = [
$f("Y", 1), $f("m", 2), $f("d", 3), $f("h", 4), $f("i", 5), $f("s", 6), { c: "ms = (results[7] || '.0').substring(1); ms = parseInt(ms, 10)/Math.pow(10, ms.length - 3);\n" }, { c: "if(results[9] == 'Z'){\no = 0;\n}else{\n" + $f("P", 9).c + "\n}" }];
for (var i = 0, l = arr.length; i < l; ++i) {
calc.push(arr[i].c);
}
return {
g: 1,
c: calc.join(""),
s: arr[0].s + "-" + arr[1].s + "-" + arr[2].s + "T" + arr[3].s + ":" + arr[4].s + ":" + arr[5].s
+ "((\.|,)\\d+)?" + "(" + $f("P", null).s + "|Z)"
}
},
U: {
g: 1,
c: "u = parseInt(results[{0}], 10);\n",
s: "(-?\\d+)"
}
}
});
}());
Ext.override(Date, {
dateFormat: function (format) {
if (Date.formatFunctions[format] == null) {
Date.createNewFormat(format);
}
var func = Date.formatFunctions[format];
return this[func]();
},
getTimezone: function () {
return this.toString().replace(/^.* (?:\((.*)\)|([A-Z]{1,4})(?:[\-+][0-9]{4})?(?: -?\d+)?)$/, "$1$2").replace(/[^A-Z]/g, "");
},
getGMTOffset: function (colon) {
return (this.getTimezoneOffset() > 0 ? "-" : "+")
+ String.leftPad(Math.abs(Math.floor(this.getTimezoneOffset() / 60)), 2, "0")
+ (colon ? ":" : "")
+ String.leftPad(Math.abs(this.getTimezoneOffset() % 60), 2, "0");
},
getDayOfYear: function () {
var num = 0;
Date.daysInMonth[1] = this.isLeapYear() ? 29 : 28;
for (var i = 0; i < this.getMonth(); ++i) {
num += Date.daysInMonth[i];
}
return num + this.getDate() - 1;
},
getWeekOfYear: function () {
var ms1d = 864e5; var ms7d = 7 * ms1d; var DC3 = Date.UTC(this.getFullYear(), this.getMonth(), this.getDate() + 3) / ms1d; var AWN = Math.floor(DC3 / 7); var Wyr = new Date(AWN * ms7d).getUTCFullYear();
return AWN - Math.floor(Date.UTC(Wyr, 0, 7) / ms7d) + 1;
},
isLeapYear: function () {
var year = this.getFullYear();
return !!((year & 3) == 0 && (year % 100 || (year % 400 == 0 && year)));
},
getFirstDayOfMonth: function () {
var day = (this.getDay() - (this.getDate() - 1)) % 7;
return (day < 0) ? (day + 7) : day;
},
getLastDayOfMonth: function () {
var day = (this.getDay() + (Date.daysInMonth[this.getMonth()] - this.getDate())) % 7;
return (day < 0) ? (day + 7) : day;
},
getFirstDateOfMonth: function () {
return new Date(this.getFullYear(), this.getMonth(), 1);
},
getLastDateOfMonth: function () {
return new Date(this.getFullYear(), this.getMonth(), this.getDaysInMonth());
},
getDaysInMonth: function () {
Date.daysInMonth[1] = this.isLeapYear() ? 29 : 28;
return Date.daysInMonth[this.getMonth()];
},
getSuffix: function () {
switch (this.getDate()) {
case 1:
case 21:
case 31:
return "st";
case 2:
case 22:
return "nd";
case 3:
case 23:
return "rd";
default:
return "th";
}
},
clone: function () {
return new Date(this.getTime());
},
clearTime: function (clone) {
if (clone) {
return this.clone().clearTime();
}
this.setHours(0);
this.setMinutes(0);
this.setSeconds(0);
this.setMilliseconds(0);
return this;
},
add: function (interval, value) {
var d = this.clone();
if (!interval || value === 0) return d;
switch (interval.toLowerCase()) {
case Date.MILLI:
d.setMilliseconds(this.getMilliseconds() + value);
break;
case Date.SECOND:
d.setSeconds(this.getSeconds() + value);
break;
case Date.MINUTE:
d.setMinutes(this.getMinutes() + value);
break;
case Date.HOUR:
d.setHours(this.getHours() + value);
break;
case Date.DAY:
d.setDate(this.getDate() + value);
break;
case Date.MONTH:
var day = this.getDate();
if (day > 28) {
day = Math.min(day, this.getFirstDateOfMonth().add('mo', value).getLastDateOfMonth().getDate());
}
d.setDate(day);
d.setMonth(this.getMonth() + value);
break;
case Date.YEAR:
d.setFullYear(this.getFullYear() + value);
break;
}
return d;
},
between: function (start, end) {
var t = this.getTime();
return start.getTime() <= t && t <= end.getTime();
}
});
Date.prototype.format = Date.prototype.dateFormat;
if (Ext.isSafari) {
Date.brokenSetMonth = Date.prototype.setMonth;
Date.prototype.setMonth = function (num) {
if (num <= -1) {
var n = Math.ceil(-num);
var back_year = Math.ceil(n / 12);
var month = (n % 12) ? 12 - n % 12 : 0;
this.setFullYear(this.getFullYear() - back_year);
return Date.brokenSetMonth.call(this, month);
} else {
return Date.brokenSetMonth.apply(this, arguments);
}
};
}
Ext.util.DelayedTask = function (fn, scope, args) {
var id = null, d, t;
var call = function () {
var now = new Date().getTime();
if (now - t >= d) {
clearInterval(id);
id = null;
fn.apply(scope, args || []);
}
};
this.delay = function (delay, newFn, newScope, newArgs) {
if (id && delay != d) {
this.cancel();
}
d = delay;
t = new Date().getTime();
fn = newFn || fn;
scope = newScope || scope;
args = newArgs || args;
if (!id) {
id = setInterval(call, d);
}
};
this.cancel = function () {
if (id) {
clearInterval(id);
id = null;
}
};
};
Ext.util.TaskRunner = function (interval) {
interval = interval || 10;
var tasks = [], removeQueue = [];
var id = 0;
var running = false;
var stopThread = function () {
running = false;
clearInterval(id);
id = 0;
};
var startThread = function () {
if (!running) {
running = true;
id = setInterval(runTasks, interval);
}
};
var removeTask = function (t) {
removeQueue.push(t);
if (t.onStop) {
t.onStop.apply(t.scope || t);
}
};
var runTasks = function () {
if (removeQueue.length > 0) {
for (var i = 0, len = removeQueue.length; i < len; i++) {
tasks.remove(removeQueue[i]);
}
removeQueue = [];
if (tasks.length < 1) {
stopThread();
return;
}
}
var now = new Date().getTime();
for (var i = 0, len = tasks.length; i < len; ++i) {
var t = tasks[i];
var itime = now - t.taskRunTime;
if (t.interval <= itime) {
var rt = t.run.apply(t.scope || t, t.args || [++t.taskRunCount]);
t.taskRunTime = now;
if (rt === false || t.taskRunCount === t.repeat) {
removeTask(t);
return;
}
}
if (t.duration && t.duration <= (now - t.taskStartTime)) {
removeTask(t);
}
}
};
this.start = function (task) {
tasks.push(task);
task.taskStartTime = new Date().getTime();
task.taskRunTime = 0;
task.taskRunCount = 0;
startThread();
return task;
};
this.stop = function (task) {
removeTask(task);
return task;
};
this.stopAll = function () {
stopThread();
for (var i = 0, len = tasks.length; i < len; i++) {
if (tasks[i].onStop) {
tasks[i].onStop();
}
}
tasks = [];
removeQueue = [];
};
};
Ext.TaskMgr = new Ext.util.TaskRunner();
Ext.util.MixedCollection = function (allowFunctions, keyFn) {
this.items = [];
this.map = {};
this.keys = [];
this.length = 0;
this.addEvents(
"clear",
"add",
"replace",
"remove",
"sort"
);
this.allowFunctions = allowFunctions === true;
if (keyFn) {
this.getKey = keyFn;
}
Ext.util.MixedCollection.superclass.constructor.call(this);
};
Ext.extend(Ext.util.MixedCollection, Ext.util.Observable, {
allowFunctions: false,
add: function (key, o) {
if (arguments.length == 1) {
o = arguments[0];
key = this.getKey(o);
}
if (typeof key == "undefined" || key === null) {
this.length++;
this.items.push(o);
this.keys.push(null);
} else {
var old = this.map[key];
if (old) {
return this.replace(key, o);
}
this.length++;
this.items.push(o);
this.map[key] = o;
this.keys.push(key);
}
this.fireEvent("add", this.length - 1, o, key);
return o;
},
getKey: function (o) {
return o.id;
},
replace: function (key, o) {
if (arguments.length == 1) {
o = arguments[0];
key = this.getKey(o);
}
var old = this.item(key);
if (typeof key == "undefined" || key === null || typeof old == "undefined") {
return this.add(key, o);
}
var index = this.indexOfKey(key);
this.items[index] = o;
this.map[key] = o;
this.fireEvent("replace", key, old, o);
return o;
},
addAll: function (objs) {
if (arguments.length > 1 || Ext.isArray(objs)) {
var args = arguments.length > 1 ? arguments : objs;
for (var i = 0, len = args.length; i < len; i++) {
this.add(args[i]);
}
} else {
for (var key in objs) {
if (this.allowFunctions || typeof objs[key] != "function") {
this.add(key, objs[key]);
}
}
}
},
each: function (fn, scope) {
var items = [].concat(this.items); for (var i = 0, len = items.length; i < len; i++) {
if (fn.call(scope || items[i], items[i], i, len) === false) {
break;
}
}
},
eachKey: function (fn, scope) {
for (var i = 0, len = this.keys.length; i < len; i++) {
fn.call(scope || window, this.keys[i], this.items[i], i, len);
}
},
find: function (fn, scope) {
for (var i = 0, len = this.items.length; i < len; i++) {
if (fn.call(scope || window, this.items[i], this.keys[i])) {
return this.items[i];
}
}
return null;
},
insert: function (index, key, o) {
if (arguments.length == 2) {
o = arguments[1];
key = this.getKey(o);
}
if (index >= this.length) {
return this.add(key, o);
}
this.length++;
this.items.splice(index, 0, o);
if (typeof key != "undefined" && key != null) {
this.map[key] = o;
}
this.keys.splice(index, 0, key);
this.fireEvent("add", index, o, key);
return o;
},
remove: function (o) {
return this.removeAt(this.indexOf(o));
},
removeAt: function (index) {
if (index < this.length && index >= 0) {
this.length--;
var o = this.items[index];
this.items.splice(index, 1);
var key = this.keys[index];
if (typeof key != "undefined") {
delete this.map[key];
}
this.keys.splice(index, 1);
this.fireEvent("remove", o, key);
return o;
}
return false;
},
removeKey: function (key) {
return this.removeAt(this.indexOfKey(key));
},
getCount: function () {
return this.length;
},
indexOf: function (o) {
return this.items.indexOf(o);
},
indexOfKey: function (key) {
return this.keys.indexOf(key);
},
item: function (key) {
var item = typeof this.map[key] != "undefined" ? this.map[key] : this.items[key];
return typeof item != 'function' || this.allowFunctions ? item : null;
},
itemAt: function (index) {
return this.items[index];
},
key: function (key) {
return this.map[key];
},
contains: function (o) {
return this.indexOf(o) != -1;
},
containsKey: function (key) {
return typeof this.map[key] != "undefined";
},
clear: function () {
this.length = 0;
this.items = [];
this.keys = [];
this.map = {};
this.fireEvent("clear");
},
first: function () {
return this.items[0];
},
last: function () {
return this.items[this.length - 1];
},
_sort: function (property, dir, fn) {
var dsc = String(dir).toUpperCase() == "DESC" ? -1 : 1;
fn = fn || function (a, b) {
return a - b;
};
var c = [], k = this.keys, items = this.items;
for (var i = 0, len = items.length; i < len; i++) {
c[c.length] = { key: k[i], value: items[i], index: i };
}
c.sort(function (a, b) {
var v = fn(a[property], b[property]) * dsc;
if (v == 0) {
v = (a.index < b.index ? -1 : 1);
}
return v;
});
for (var i = 0, len = c.length; i < len; i++) {
items[i] = c[i].value;
k[i] = c[i].key;
}
this.fireEvent("sort", this);
},
sort: function (dir, fn) {
this._sort("value", dir, fn);
},
keySort: function (dir, fn) {
this._sort("key", dir, fn || function (a, b) {
return String(a).toUpperCase() - String(b).toUpperCase();
});
},
getRange: function (start, end) {
var items = this.items;
if (items.length < 1) {
return [];
}
start = start || 0;
end = Math.min(typeof end == "undefined" ? this.length - 1 : end, this.length - 1);
var r = [];
if (start <= end) {
for (var i = start; i <= end; i++) {
r[r.length] = items[i];
}
} else {
for (var i = start; i >= end; i--) {
r[r.length] = items[i];
}
}
return r;
},
filter: function (property, value, anyMatch, caseSensitive) {
if (Ext.isEmpty(value, false)) {
return this.clone();
}
value = this.createValueMatcher(value, anyMatch, caseSensitive);
return this.filterBy(function (o) {
return o && value.test(o[property]);
});
},
filterBy: function (fn, scope) {
var r = new Ext.util.MixedCollection();
r.getKey = this.getKey;
var k = this.keys, it = this.items;
for (var i = 0, len = it.length; i < len; i++) {
if (fn.call(scope || this, it[i], k[i])) {
r.add(k[i], it[i]);
}
}
return r;
},
findIndex: function (property, value, start, anyMatch, caseSensitive) {
if (Ext.isEmpty(value, false)) {
return -1;
}
value = this.createValueMatcher(value, anyMatch, caseSensitive);
return this.findIndexBy(function (o) {
return o && value.test(o[property]);
}, null, start);
},
findIndexBy: function (fn, scope, start) {
var k = this.keys, it = this.items;
for (var i = (start || 0), len = it.length; i < len; i++) {
if (fn.call(scope || this, it[i], k[i])) {
return i;
}
}
if (typeof start == 'number' && start > 0) {
for (var i = 0; i < start; i++) {
if (fn.call(scope || this, it[i], k[i])) {
return i;
}
}
}
return -1;
},
//Task 6681 Geovanni - 21/07/2021 alteracao de paginacao grid
createValueMatcher: function (value, anyMatch, caseSensitive) {
anyMatch = true;
if (!value.exec) {
value = String(value.normalize('NFD').toLowerCase().replace(/[\u0300-\u036f]/g, ''));
value = new RegExp((anyMatch === true ? '' : '^') + Ext.escapeRe(value), caseSensitive ? 'u' : 'ui');
}
return value;
},
clone: function () {
var r = new Ext.util.MixedCollection();
var k = this.keys, it = this.items;
for (var i = 0, len = it.length; i < len; i++) {
r.add(k[i], it[i]);
}
r.getKey = this.getKey;
return r;
}
});
Ext.util.MixedCollection.prototype.get = Ext.util.MixedCollection.prototype.item;
Ext.util.JSON = new (function () {
var useHasOwn = !!{}.hasOwnProperty;
var pad = function (n) {
return n < 10 ? "0" + n : n;
};
var m = {
"\b": '\\b',
"\t": '\\t',
"\n": '\\n',
"\f": '\\f',
"\r": '\\r',
'"': '\\"',
"\\": '\\\\'
};
var encodeString = function (s) {
if (/["\\\x00-\x1f]/.test(s)) {
return '"' + s.replace(/([\x00-\x1f\\"])/g, function (a, b) {
var c = m[b];
if (c) {
return c;
}
c = b.charCodeAt();
return "\\u00" +
Math.floor(c / 16).toString(16) +
(c % 16).toString(16);
}) + '"';
}
return '"' + s + '"';
};
var encodeArray = function (o) {
var a = ["["], b, i, l = o.length, v;
for (i = 0; i < l; i += 1) {
v = o[i];
switch (typeof v) {
case "undefined":
case "function":
case "unknown":
break;
default:
if (b) {
a.push(',');
}
a.push(v === null ? "null" : Ext.util.JSON.encode(v));
b = true;
}
}
a.push("]");
return a.join("");
};
this.encodeDate = function (o) {
return '"' + o.getFullYear() + "-" +
pad(o.getMonth() + 1) + "-" +
pad(o.getDate()) + "T" +
pad(o.getHours()) + ":" +
pad(o.getMinutes()) + ":" +
pad(o.getSeconds()) + '"';
};
this.encode = function (o) {
if (typeof o == "undefined" || o === null) {
return "null";
} else if (Ext.isArray(o)) {
return encodeArray(o);
} else if (Ext.isDate(o)) {
return Ext.util.JSON.encodeDate(o);
} else if (typeof o == "string") {
return encodeString(o);
} else if (typeof o == "number") {
return isFinite(o) ? String(o) : "null";
} else if (typeof o == "boolean") {
return String(o);
} else {
var a = ["{"], b, i, v;
for (i in o) {
if (!useHasOwn || o.hasOwnProperty(i)) {
v = o[i];
switch (typeof v) {
case "undefined":
case "function":
case "unknown":
break;
default:
if (b) {
a.push(',');
}
a.push(this.encode(i), ":",
v === null ? "null" : this.encode(v));
b = true;
}
}
}
a.push("}");
return a.join("");
}
};
this.decode = function (json) {
return eval("(" + json + ')');
};
})();
Ext.encode = Ext.util.JSON.encode;
Ext.decode = Ext.util.JSON.decode;
Ext.util.Format = function () {
var trimRe = /^\s+|\s+$/g;
return {
ellipsis: function (value, len) {
if (value && value.length > len) {
return value.substr(0, len - 3) + "...";
}
return value;
},
undef: function (value) {
return value !== undefined ? value : "";
},
defaultValue: function (value, defaultValue) {
return value !== undefined && value !== '' ? value : defaultValue;
},
htmlEncode: function (value) {
return !value ? value : String(value).replace(/&/g, "&").replace(/>/g, ">").replace(/").replace(/</g, "<").replace(/"/g, '"').replace(/&/g, "&");
},
trim: function (value) {
return String(value).replace(trimRe, "");
},
substr: function (value, start, length) {
return String(value).substr(start, length);
},
lowercase: function (value) {
return String(value).toLowerCase();
},
uppercase: function (value) {
return String(value).toUpperCase();
},
capitalize: function (value) {
return !value ? value : value.charAt(0).toUpperCase() + value.substr(1).toLowerCase();
},
call: function (value, fn) {
if (arguments.length > 2) {
var args = Array.prototype.slice.call(arguments, 2);
args.unshift(value);
return eval(fn).apply(window, args);
} else {
return eval(fn).call(window, value);
}
},
usMoney: function (v) {
v = (Math.round((v - 0) * 100)) / 100;
v = (v == Math.floor(v)) ? v + ".00" : ((v * 10 == Math.floor(v * 10)) ? v + "0" : v);
v = String(v);
var ps = v.split('.');
var whole = ps[0];
var sub = ps[1] ? '.' + ps[1] : '.00';
var r = /(\d+)(\d{3})/;
while (r.test(whole)) {
whole = whole.replace(r, '$1' + ',' + '$2');
}
v = whole + sub;
if (v.charAt(0) == '-') {
return '-$' + v.substr(1);
}
return "$" + v;
},
date: function (v, format) {
if (!v) {
return "";
}
if (!Ext.isDate(v)) {
v = new Date(Date.parse(v));
}
return v.dateFormat(format || "m/d/Y");
},
dateRenderer: function (format) {
return function (v) {
return Ext.util.Format.date(v, format);
};
},
stripTagsRE: /<\/?[^>]+>/gi,
stripTags: function (v) {
return !v ? v : String(v).replace(this.stripTagsRE, "");
},
stripScriptsRe: /(?:'); } }; }(); Ext.XTemplate = function () { Ext.XTemplate.superclass.constructor.apply(this, arguments); var s = this.html; s = ['
',
'',
'
'
);
t.disableFormats = true;
t.compile();
Ext.layout.FormLayout.prototype.fieldTpl = t;
}
},
renderItem: function (c, position, target) {
if (c && !c.rendered && c.isFormField && c.inputType != 'hidden') {
//Plus: remove dos labels
var l = c.fieldLabel;
if (top.isPlusM) {
if (l) {
l = c.fieldLabel.replace(":", "");
}
}
var args = [
c.id, l,
c.labelStyle || this.labelStyle || '',
this.elementStyle || '',
typeof c.labelSeparator == 'undefined' ? this.labelSeparator : c.labelSeparator,
(c.itemCls || this.container.itemCls || '') + (c.hideLabel ? ' x-hide-label' : ''),
c.clearCls || 'x-form-clear-left'
];
if (typeof position == 'number') {
position = target.dom.childNodes[position] || null;
}
if (position) {
this.fieldTpl.insertBefore(position, args);
} else {
this.fieldTpl.append(target, args);
}
c.render('x-form-el-' + c.id);
} else {
Ext.layout.FormLayout.superclass.renderItem.apply(this, arguments);
}
},
adjustWidthAnchor: function (value, comp) {
return value - (comp.isFormField ? (comp.hideLabel ? 0 : this.labelAdjust) : 0);
},
isValidParent: function (c, target) {
return true;
}
});
Ext.Container.LAYOUTS['form'] = Ext.layout.FormLayout;
Ext.layout.Accordion = Ext.extend(Ext.layout.FitLayout, {
fill: true,
autoWidth: true,
titleCollapse: true,
hideCollapseTool: false,
collapseFirst: false,
animate: false,
sequence: false,
activeOnTop: false,
renderItem: function (c) {
if (this.animate === false) {
c.animCollapse = false;
}
c.collapsible = true;
if (this.autoWidth) {
c.autoWidth = true;
}
if (this.titleCollapse) {
c.titleCollapse = true;
}
if (this.hideCollapseTool) {
c.hideCollapseTool = true;
}
if (this.collapseFirst !== undefined) {
c.collapseFirst = this.collapseFirst;
}
if (!this.activeItem && !c.collapsed) {
this.activeItem = c;
} else if (this.activeItem) {
c.collapsed = true;
}
Ext.layout.Accordion.superclass.renderItem.apply(this, arguments);
c.header.addClass('x-accordion-hd');
c.on('beforeexpand', this.beforeExpand, this);
},
beforeExpand: function (p, anim) {
var ai = this.activeItem;
if (ai) {
if (this.sequence) {
delete this.activeItem;
if (!ai.collapsed) {
ai.collapse({
callback: function () {
p.expand(anim || true);
}, scope: this
});
return false;
}
} else {
ai.collapse(this.animate);
}
}
this.activeItem = p;
if (this.activeOnTop) {
p.el.dom.parentNode.insertBefore(p.el.dom, p.el.dom.parentNode.firstChild);
}
this.layout();
},
setItemSize: function (item, size) {
if (this.fill && item) {
var items = this.container.items.items;
var hh = 0;
for (var i = 0, len = items.length; i < len; i++) {
var p = items[i];
if (p != item) {
hh += (p.getSize().height - p.bwrap.getHeight());
}
}
size.height -= hh;
item.setSize(size);
}
}
});
Ext.Container.LAYOUTS['accordion'] = Ext.layout.Accordion;
Ext.layout.TableLayout = Ext.extend(Ext.layout.ContainerLayout, {
monitorResize: false,
setContainer: function (ct) {
Ext.layout.TableLayout.superclass.setContainer.call(this, ct);
this.currentRow = 0;
this.currentColumn = 0;
this.cells = [];
},
onLayout: function (ct, target) {
var cs = ct.items.items, len = cs.length, c, i;
if (!this.table) {
target.addClass('x-table-layout-ct');
this.table = target.createChild(
{ tag: 'table', cls: 'x-table-layout', cellspacing: 0, cn: { tag: 'tbody' } }, null, true);
this.renderAll(ct, target);
}
},
getRow: function (index) {
var row = this.table.tBodies[0].childNodes[index];
if (!row) {
row = document.createElement('tr');
this.table.tBodies[0].appendChild(row);
}
return row;
},
getNextCell: function (c) {
var cell = this.getNextNonSpan(this.currentColumn, this.currentRow);
var curCol = this.currentColumn = cell[0], curRow = this.currentRow = cell[1];
for (var rowIndex = curRow; rowIndex < curRow + (c.rowspan || 1); rowIndex++) {
if (!this.cells[rowIndex]) {
this.cells[rowIndex] = [];
}
for (var colIndex = curCol; colIndex < curCol + (c.colspan || 1); colIndex++) {
this.cells[rowIndex][colIndex] = true;
}
}
var td = document.createElement('td');
if (c.cellId) {
td.id = c.cellId;
}
var cls = 'x-table-layout-cell';
if (c.cellCls) {
cls += ' ' + c.cellCls;
}
td.className = cls;
if (c.colspan) {
td.colSpan = c.colspan;
}
if (c.rowspan) {
td.rowSpan = c.rowspan;
}
this.getRow(curRow).appendChild(td);
return td;
},
getNextNonSpan: function (colIndex, rowIndex) {
var cols = this.columns;
while ((cols && colIndex >= cols) || (this.cells[rowIndex] && this.cells[rowIndex][colIndex])) {
if (cols && colIndex >= cols) {
rowIndex++;
colIndex = 0;
} else {
colIndex++;
}
}
return [colIndex, rowIndex];
},
renderItem: function (c, position, target) {
if (c && !c.rendered) {
c.render(this.getNextCell(c));
}
},
isValidParent: function (c, target) {
return true;
}
});
Ext.Container.LAYOUTS['table'] = Ext.layout.TableLayout;
Ext.layout.AbsoluteLayout = Ext.extend(Ext.layout.AnchorLayout, {
extraCls: 'x-abs-layout-item',
isForm: false,
setContainer: function (ct) {
Ext.layout.AbsoluteLayout.superclass.setContainer.call(this, ct);
if (ct.isXType('form')) {
this.isForm = true;
}
},
onLayout: function (ct, target) {
if (this.isForm) { ct.body.position(); } else { target.position(); }
Ext.layout.AbsoluteLayout.superclass.onLayout.call(this, ct, target);
},
getAnchorViewSize: function (ct, target) {
return this.isForm ? ct.body.getStyleSize() : Ext.layout.AbsoluteLayout.superclass.getAnchorViewSize.call(this, ct, target);
},
isValidParent: function (c, target) {
return this.isForm ? true : Ext.layout.AbsoluteLayout.superclass.isValidParent.call(this, c, target);
},
adjustWidthAnchor: function (value, comp) {
return value ? value - comp.getPosition(true)[0] : value;
},
adjustHeightAnchor: function (value, comp) {
return value ? value - comp.getPosition(true)[1] : value;
}
});
Ext.Container.LAYOUTS['absolute'] = Ext.layout.AbsoluteLayout;
Ext.Viewport = Ext.extend(Ext.Container, {
initComponent: function () {
Ext.Viewport.superclass.initComponent.call(this);
document.getElementsByTagName('html')[0].className += ' x-viewport';
this.el = Ext.getBody();
this.el.setHeight = Ext.emptyFn;
this.el.setWidth = Ext.emptyFn;
this.el.setSize = Ext.emptyFn;
this.el.dom.scroll = 'no';
this.allowDomMove = false;
this.autoWidth = true;
this.autoHeight = true;
Ext.EventManager.onWindowResize(this.fireResize, this);
this.renderTo = this.el;
},
fireResize: function (w, h) {
this.fireEvent('resize', this, w, h, w, h);
}
});
Ext.reg('viewport', Ext.Viewport);
Ext.Panel = Ext.extend(Ext.Container, {
baseCls: 'x-panel',
collapsedCls: 'x-panel-collapsed',
maskDisabled: true,
animCollapse: Ext.enableFx,
headerAsText: true,
buttonAlign: 'right',
collapsed: false,
collapseFirst: true,
minButtonWidth: 75,
elements: 'body',
toolTarget: 'header',
collapseEl: 'bwrap',
slideAnchor: 't',
disabledClass: '',
deferHeight: true,
expandDefaults: {
duration: .25
},
collapseDefaults: {
duration: .25
},
initComponent: function () {
Ext.Panel.superclass.initComponent.call(this);
this.addEvents(
'bodyresize',
'titlechange',
'collapse',
'expand',
'beforecollapse',
'beforeexpand',
'beforeclose',
'close',
'activate',
'deactivate'
);
if (this.tbar) {
this.elements += ',tbar';
if (typeof this.tbar == 'object') {
this.topToolbar = this.tbar;
}
delete this.tbar;
}
if (this.bbar) {
this.elements += ',bbar';
if (typeof this.bbar == 'object') {
this.bottomToolbar = this.bbar;
}
delete this.bbar;
}
if (this.header === true) {
this.elements += ',header';
delete this.header;
} else if (this.title && this.header !== false) {
this.elements += ',header';
}
if (this.footer === true) {
this.elements += ',footer';
delete this.footer;
}
if (this.buttons) {
var btns = this.buttons;
this.buttons = [];
for (var i = 0, len = btns.length; i < len; i++) {
if (btns[i].render) {
btns[i].ownerCt = this;
this.buttons.push(btns[i]);
} else {
this.addButton(btns[i]);
}
}
}
if (this.autoLoad) {
this.on('render', this.doAutoLoad, this, { delay: 10 });
}
},
createElement: function (name, pnode) {
if (this[name]) {
pnode.appendChild(this[name].dom);
return;
}
if (name === 'bwrap' || this.elements.indexOf(name) != -1) {
if (this[name + 'Cfg']) {
this[name] = Ext.fly(pnode).createChild(this[name + 'Cfg']);
} else {
var el = document.createElement('div');
el.className = this[name + 'Cls'];
this[name] = Ext.get(pnode.appendChild(el));
}
}
},
onRender: function (ct, position) {
Ext.Panel.superclass.onRender.call(this, ct, position);
this.createClasses();
if (this.el) {
this.el.addClass(this.baseCls);
this.header = this.el.down('.' + this.headerCls);
this.bwrap = this.el.down('.' + this.bwrapCls);
var cp = this.bwrap ? this.bwrap : this.el;
this.tbar = cp.down('.' + this.tbarCls);
this.body = cp.down('.' + this.bodyCls);
this.bbar = cp.down('.' + this.bbarCls);
this.footer = cp.down('.' + this.footerCls);
this.fromMarkup = true;
} else {
this.el = ct.createChild({
id: this.id,
cls: this.baseCls
}, position);
}
var el = this.el, d = el.dom;
if (this.cls) {
this.el.addClass(this.cls);
}
if (this.buttons) {
this.elements += ',footer';
}
if (this.frame) {
el.insertHtml('afterBegin', String.format(Ext.Element.boxMarkup, this.baseCls));
this.createElement('header', d.firstChild.firstChild.firstChild);
this.createElement('bwrap', d);
var bw = this.bwrap.dom;
var ml = d.childNodes[1], bl = d.childNodes[2];
bw.appendChild(ml);
bw.appendChild(bl);
var mc = bw.firstChild.firstChild.firstChild;
this.createElement('tbar', mc);
this.createElement('body', mc);
this.createElement('bbar', mc);
this.createElement('footer', bw.lastChild.firstChild.firstChild);
if (!this.footer) {
this.bwrap.dom.lastChild.className += ' x-panel-nofooter';
}
} else {
this.createElement('header', d);
this.createElement('bwrap', d);
var bw = this.bwrap.dom;
this.createElement('tbar', bw);
this.createElement('body', bw);
this.createElement('bbar', bw);
this.createElement('footer', bw);
if (!this.header) {
this.body.addClass(this.bodyCls + '-noheader');
if (this.tbar) {
this.tbar.addClass(this.tbarCls + '-noheader');
}
}
}
if (this.border === false) {
this.el.addClass(this.baseCls + '-noborder');
this.body.addClass(this.bodyCls + '-noborder');
if (this.header) {
this.header.addClass(this.headerCls + '-noborder');
}
if (this.footer) {
this.footer.addClass(this.footerCls + '-noborder');
}
if (this.tbar) {
this.tbar.addClass(this.tbarCls + '-noborder');
}
if (this.bbar) {
this.bbar.addClass(this.bbarCls + '-noborder');
}
}
if (this.bodyBorder === false) {
this.body.addClass(this.bodyCls + '-noborder');
}
if (this.bodyStyle) {
this.body.applyStyles(this.bodyStyle);
}
this.bwrap.enableDisplayMode('block');
if (this.header) {
this.header.unselectable();
if (this.headerAsText) {
this.header.dom.innerHTML =
'' + this.header.dom.innerHTML + '';
if (this.iconCls) {
this.setIconClass(this.iconCls);
}
}
}
if (this.floating) {
this.makeFloating(this.floating);
}
if (this.collapsible) {
this.tools = this.tools ? this.tools.slice(0) : [];
if (!this.hideCollapseTool) {
this.tools[this.collapseFirst ? 'unshift' : 'push']({
id: 'toggle',
handler: this.toggleCollapse,
scope: this
});
}
if (this.titleCollapse && this.header) {
this.header.on('click', this.toggleCollapse, this);
this.header.setStyle('cursor', 'pointer');
}
}
if (this.tools) {
var ts = this.tools;
this.tools = {};
this.addTool.apply(this, ts);
} else {
this.tools = {};
}
if (this.buttons && this.buttons.length > 0) {
var tb = this.footer.createChild({
cls: 'x-panel-btns-ct', cn: {
cls: "x-panel-btns x-panel-btns-" + this.buttonAlign,
html: '',
'
',
'' + this.loadingText + '
');
this.all.clear();
}
},
onDestroy: function () {
Ext.DataView.superclass.onDestroy.call(this);
this.setStore(null);
}
});
Ext.reg('dataview', Ext.DataView);
Ext.ColorPalette = function (config) {
Ext.ColorPalette.superclass.constructor.call(this, config);
this.addEvents(
'select'
);
if (this.handler) {
this.on("select", this.handler, this.scope, true);
}
};
Ext.extend(Ext.ColorPalette, Ext.Component, {
itemCls: "x-color-palette",
value: null,
clickEvent: 'click',
ctype: "Ext.ColorPalette",
allowReselect: false,
colors: [
"000000", "993300", "333300", "003300", "003366", "000080", "333399", "333333",
"800000", "FF6600", "808000", "008000", "008080", "0000FF", "666699", "808080",
"FF0000", "FF9900", "99CC00", "339966", "33CCCC", "3366FF", "800080", "969696",
"FF00FF", "FFCC00", "FFFF00", "00FF00", "00FFFF", "00CCFF", "993366", "C0C0C0",
"FF99CC", "FFCC99", "FFFF99", "CCFFCC", "CCFFFF", "99CCFF", "CC99FF", "FFFFFF"
],
onRender: function (container, position) {
var t = this.tpl || new Ext.XTemplate(
'| ', this.monthNames[i].substr(0, 3), ' | ', '', this.monthNames[i + 6].substr(0, 3), ' | ', i == 0 ? '' ); } buf.push( ' | |
| ', " |
| ',
' | ",
' |
'); } v += this.growAppend; } ts.innerHTML = v; var h = Math.min(this.growMax, Math.max(ts.offsetHeight, this.growMin) + this.growPad); if (h != this.lastHeight) { this.lastHeight = h; this.el.setHeight(h); this.fireEvent("autosize", this, h); } } }); Ext.reg('textarea', Ext.form.TextArea); /* ColorField adicionado em: 01/08/2019 - Willy Souza Tarefa: 2973 - Cor na previs�o de fechamento C�digo obtido atrav�s do f�rum do Sencha. (Link: https://www.sencha.com/forum/showthread.php?5106-ColorField-(color-picker-form-field)&p=25479#post25479) */ Ext.form.ColorField = function (config) { Ext.form.ColorField.superclass.constructor.call(this, config); }; Ext.extend(Ext.form.ColorField, Ext.form.TriggerField, { showHexValue: false, /** * @cfg {String} invalidText * The error to display when the color in the field is invalid (defaults to * '{value} is not a valid color - it must be in the format {format}'). */ invalidText: 'This is not a valid color - it must be in a the hex format "#1A2B3C"', /** * @cfg {String} triggerClass * An additional CSS class used to style the trigger button. The trigger will always get the * class 'x-form-trigger' and triggerClass will be appended if specified (defaults to 'x-form-color-trigger' * which displays a color wheel icon). */ triggerClass: 'x-form-color-trigger', /** * @cfg {String/Object} autoCreate * A DomHelper element spec, or true for a default element spec (defaults to * {tag: "input", type: "text", size: "10", autocomplete: "off"}) */ // private defaultAutoCreate: { tag: "input", type: "text", size: "10", maxlength: "7", autocomplete: "off" }, // Limit input to hex values maskRe: /[#a-f0-9]/i, regex: /^#([a-f0-9]{3}|[a-f0-9]{6})$/i, // private validateValue: function (value) { if (!Ext.form.ColorField.superclass.validateValue.call(this, value)) { return false; } if (value.length < 1) { // if it's blank and textfield didn't flag it then it's valid return true; } var parseOK = this.parseColor(value); if (!value || (parseOK == false)) { this.markInvalid(this.invalidText); return false; } return true; }, // private // Provides logic to override the default TriggerField.validateBlur which just returns true validateBlur: function () { return !this.menu || !this.menu.isVisible(); }, /** * Returns the current value of the color field * @return {String} value The color value */ getValue: function () { return Ext.form.ColorField.superclass.getValue.call(this) || ""; }, /** * Sets the value of the color field. You can pass a string that can be parsed into a valid HTML color *
Usage: *
colorField.setValue('#FFFFFF');
' + t + '
{' + this.displayField + '}
{' + this.displayField + '}
' + this.loadingText + '
' : '');
this.restrictHeight();
this.selectedIndex = -1;
},
onLoad: function () {
if (!this.hasFocus) {
return;
}
if (this.store.getCount() > 0) {
this.expand();
this.restrictHeight();
if (this.lastQuery == this.allQuery) {
if (this.editable) {
this.el.dom.select();
}
if (!this.selectByValue(this.value, true)) {
this.select(0, true);
}
} else {
this.selectNext();
if (this.typeAhead && this.lastKey != Ext.EventObject.BACKSPACE && this.lastKey != Ext.EventObject.DELETE) {
this.taTask.delay(this.typeAheadDelay);
}
}
} else {
this.onEmptyResults();
}
},
onTypeAhead: function () {
if (this.store.getCount() > 0) {
var r = this.store.getAt(0);
var newValue = r.data[this.displayField];
var len = newValue.length;
var selStart = this.getRawValue().length;
if (selStart != len) {
this.setRawValue(newValue);
this.selectText(selStart, newValue.length);
}
}
},
onSelect: function (record, index) {
if (this.fireEvent('beforeselect', this, record, index) !== false) {
this.setValue(record.data[this.valueField || this.displayField]);
this.collapse();
this.fireEvent('select', this, record, index);
}
},
getValue: function () {
if (this.valueField) {
return typeof this.value != 'undefined' ? this.value : '';
} else {
return Ext.form.ComboBox.superclass.getValue.call(this);
}
},
clearValue: function () {
if (this.hiddenField) {
this.hiddenField.value = '';
}
this.setRawValue('');
this.lastSelectionText = '';
this.applyEmptyText();
this.value = '';
},
setValue: function (v) {
var text = v;
if (this.valueField) {
var r = this.findRecord(this.valueField, v);
if (r) {
text = r.data[this.displayField];
} else if (this.valueNotFoundText !== undefined) {
text = this.valueNotFoundText;
}
}
this.lastSelectionText = text;
if (this.hiddenField) {
this.hiddenField.value = v;
}
Ext.form.ComboBox.superclass.setValue.call(this, text);
this.value = v;
},
findRecord: function (prop, value) {
var record;
if (this.store.getCount() > 0) {
this.store.each(function (r) {
if (r.data[prop] == value) {
record = r;
return false;
}
});
}
return record;
},
onViewMove: function (e, t) {
this.inKeyMode = false;
},
onViewOver: function (e, t) {
if (this.inKeyMode) {
return;
}
var item = this.view.findItemFromChild(t);
if (item) {
var index = this.view.indexOf(item);
this.select(index, false);
}
},
onViewClick: function (doFocus) {
var index = this.view.getSelectedIndexes()[0];
var r = this.store.getAt(index);
if (r) {
this.onSelect(r, index);
}
if (doFocus !== false) {
this.el.focus();
}
},
restrictHeight: function () {
this.innerList.dom.style.height = '';
var inner = this.innerList.dom;
var pad = this.list.getFrameWidth('tb') + (this.resizable ? this.handleHeight : 0) + this.assetHeight;
var h = Math.max(inner.clientHeight, inner.offsetHeight, inner.scrollHeight);
var ha = this.getPosition()[1] - Ext.getBody().getScroll().top;
var hb = Ext.lib.Dom.getViewHeight() - ha - this.getSize().height;
var space = Math.max(ha, hb, this.minHeight || 0) - this.list.shadowOffset - pad - 5;
h = Math.min(h, space, this.maxHeight);
this.innerList.setHeight(h);
this.list.beginUpdate();
//Plus:Mobile nao ajusta altura
if (!top.isPlusM) {
this.list.setHeight(h + pad);
}
this.list.alignTo(this.wrap, this.listAlign);
this.list.endUpdate();
},
onEmptyResults: function () {
this.collapse();
},
isExpanded: function () {
return this.list && this.list.isVisible();
},
selectByValue: function (v, scrollIntoView) {
if (v !== undefined && v !== null) {
var r = this.findRecord(this.valueField || this.displayField, v);
if (r) {
this.select(this.store.indexOf(r), scrollIntoView);
return true;
}
}
return false;
},
select: function (index, scrollIntoView) {
this.selectedIndex = index;
this.view.select(index);
if (scrollIntoView !== false) {
var el = this.view.getNode(index);
if (el) {
this.innerList.scrollChildIntoView(el, false);
}
}
},
selectNext: function () {
var ct = this.store.getCount();
if (ct > 0) {
if (this.selectedIndex == -1) {
this.select(0);
} else if (this.selectedIndex < ct - 1) {
this.select(this.selectedIndex + 1);
}
}
},
selectPrev: function () {
var ct = this.store.getCount();
if (ct > 0) {
if (this.selectedIndex == -1) {
this.select(0);
} else if (this.selectedIndex != 0) {
this.select(this.selectedIndex - 1);
}
}
},
onKeyUp: function (e) {
if (this.editable !== false && !e.isSpecialKey()) {
this.lastKey = e.getKey();
this.dqTask.delay(this.queryDelay);
}
},
validateBlur: function () {
return !this.list || !this.list.isVisible();
},
initQuery: function () {
this.doQuery(this.getRawValue());
},
doForce: function () {
if (this.el.dom.value.length > 0) {
this.el.dom.value =
this.lastSelectionText === undefined ? '' : this.lastSelectionText;
this.applyEmptyText();
}
},
doQuery: function (q, forceAll) {
if (q === undefined || q === null) {
q = '';
}
var qe = {
query: q,
forceAll: forceAll,
combo: this,
cancel: false
};
if (this.fireEvent('beforequery', qe) === false || qe.cancel) {
return false;
}
q = qe.query;
forceAll = qe.forceAll;
if (forceAll === true || (q.length >= this.minChars)) {
if (this.lastQuery !== q) {
this.lastQuery = q;
if (this.mode == 'local') {
this.selectedIndex = -1;
if (forceAll) {
this.store.clearFilter();
} else {
this.store.filter(this.displayField, q);
}
this.onLoad();
} else {
this.store.baseParams[this.queryParam] = q;
this.store.load({
params: this.getParams(q)
});
this.expand();
}
} else {
this.selectedIndex = -1;
this.onLoad();
}
}
},
getParams: function (q) {
var p = {};
if (this.pageSize) {
p.start = 0;
p.limit = this.pageSize;
}
return p;
},
collapse: function () {
if (!this.isExpanded()) {
return;
}
this.list.hide();
Ext.getDoc().un('mousewheel', this.collapseIf, this);
Ext.getDoc().un('mousedown', this.collapseIf, this);
this.fireEvent('collapse', this);
},
collapseIf: function (e) {
if (!e.within(this.wrap) && !e.within(this.list)) {
this.collapse();
}
},
expand: function () {
if (this.isExpanded() || !this.hasFocus) {
return;
}
this.list.alignTo(this.wrap, this.listAlign);
this.list.show();
this.innerList.setOverflow('auto'); Ext.getDoc().on('mousewheel', this.collapseIf, this);
Ext.getDoc().on('mousedown', this.collapseIf, this);
this.fireEvent('expand', this);
},
onTriggerClick: function () {
if (this.disabled) {
return;
}
if (this.isExpanded()) {
this.collapse();
this.el.focus();
} else {
this.onFocus({});
if (this.triggerAction == 'all') {
this.doQuery(this.allQuery, true);
} else {
this.doQuery(this.getRawValue());
}
this.el.focus();
}
}
});
Ext.reg('combo', Ext.form.ComboBox);
Ext.form.Checkbox = Ext.extend(Ext.form.Field, {
checkedCls: 'x-form-check-checked',
focusCls: 'x-form-check-focus',
overCls: 'x-form-check-over',
mouseDownCls: 'x-form-check-down',
tabIndex: 0,
checked: false,
defaultAutoCreate: { tag: 'input', type: 'checkbox', autocomplete: 'off' },
baseCls: 'x-form-check',
initComponent: function () {
Ext.form.Checkbox.superclass.initComponent.call(this);
this.addEvents(
'check'
);
},
initEvents: function () {
Ext.form.Checkbox.superclass.initEvents.call(this);
this.initCheckEvents();
},
initCheckEvents: function () {
this.innerWrap.removeAllListeners();
this.innerWrap.addClassOnOver(this.overCls);
this.innerWrap.addClassOnClick(this.mouseDownCls);
this.innerWrap.on('click', this.onClick, this);
this.innerWrap.on('keyup', this.onKeyUp, this);
},
onRender: function (ct, position) {
Ext.form.Checkbox.superclass.onRender.call(this, ct, position);
if (this.inputValue !== undefined) {
this.el.dom.value = this.inputValue;
}
this.el.addClass('x-hidden');
this.innerWrap = this.el.wrap({
tabIndex: this.tabIndex,
cls: this.baseCls + '-wrap-inner'
});
this.wrap = this.innerWrap.wrap({ cls: this.baseCls + '-wrap' });
if (this.boxLabel) {
this.labelEl = this.innerWrap.createChild({
tag: 'label',
htmlFor: this.el.id,
cls: 'x-form-cb-label',
html: this.boxLabel
});
}
this.imageEl = this.innerWrap.createChild({
tag: 'img',
src: Ext.BLANK_IMAGE_URL,
cls: this.baseCls
}, this.el);
if (this.checked) {
this.setValue(true);
} else {
this.checked = this.el.dom.checked;
}
this.originalValue = this.checked;
},
onDestroy: function () {
if (this.rendered) {
Ext.destroy(this.imageEl, this.labelEl, this.innerWrap, this.wrap);
}
Ext.form.Checkbox.superclass.onDestroy.call(this);
},
onFocus: function (e) {
Ext.form.Checkbox.superclass.onFocus.call(this, e);
this.el.addClass(this.focusCls);
},
onBlur: function (e) {
Ext.form.Checkbox.superclass.onBlur.call(this, e);
this.el.removeClass(this.focusCls);
},
onResize: function () {
Ext.form.Checkbox.superclass.onResize.apply(this, arguments);
if (!this.boxLabel && !this.fieldLabel) {
this.el.alignTo(this.wrap, 'c-c');
}
},
onKeyUp: function (e) {
if (e.getKey() == Ext.EventObject.SPACE) {
this.onClick(e);
}
},
onClick: function (e) {
if (!this.disabled && !this.readOnly) {
this.toggleValue();
}
e.stopEvent();
},
onEnable: function () {
Ext.form.Checkbox.superclass.onEnable.call(this);
this.initCheckEvents();
},
onDisable: function () {
Ext.form.Checkbox.superclass.onDisable.call(this);
this.innerWrap.removeAllListeners();
},
toggleValue: function () {
this.setValue(!this.checked);
},
getResizeEl: function () {
if (!this.resizeEl) {
this.resizeEl = Ext.isSafari ? this.wrap : (this.wrap.up('.x-form-element', 5) || this.wrap);
}
return this.resizeEl;
},
getPositionEl: function () {
return this.wrap;
},
getActionEl: function () {
return this.wrap;
},
markInvalid: Ext.emptyFn,
clearInvalid: Ext.emptyFn,
initValue: Ext.emptyFn,
getValue: function () {
if (this.rendered) {
return this.el.dom.checked;
}
return false;
},
setValue: function (v) {
var checked = this.checked;
this.checked = (v === true || v === 'true' || v == '1' || String(v).toLowerCase() == 'on');
if (this.el && this.el.dom) {
this.el.dom.checked = this.checked;
this.el.dom.defaultChecked = this.checked;
}
this.wrap[this.checked ? 'addClass' : 'removeClass'](this.checkedCls);
if (checked != this.checked) {
this.fireEvent("check", this, this.checked);
if (this.handler) {
this.handler.call(this.scope || this, this, this.checked);
}
}
}
});
Ext.reg('checkbox', Ext.form.Checkbox);
Ext.form.CheckboxGroup = Ext.extend(Ext.form.Field, {
columns: 'auto',
vertical: false,
allowBlank: true,
blankText: "You must select at least one item in this group",
defaultType: 'checkbox',
groupCls: 'x-form-check-group',
onRender: function (ct, position) {
if (!this.el) {
var panelCfg = {
cls: this.groupCls,
layout: 'column',
border: false,
renderTo: ct
};
var colCfg = {
defaultType: this.defaultType,
layout: 'form',
border: false,
defaults: {
hideLabel: true,
anchor: '100%'
}
}
if (this.items[0].items) {
Ext.apply(panelCfg, {
layoutConfig: { columns: this.items.length },
defaults: this.defaults,
items: this.items
})
for (var i = 0, len = this.items.length; i < len; i++) {
Ext.applyIf(this.items[i], colCfg);
};
} else {
var numCols, cols = [];
if (typeof this.columns == 'string') {
this.columns = this.items.length;
}
if (!Ext.isArray(this.columns)) {
var cs = [];
for (var i = 0; i < this.columns; i++) {
cs.push((100 / this.columns) * .01);
}
this.columns = cs;
}
numCols = this.columns.length;
for (var i = 0; i < numCols; i++) {
var cc = Ext.apply({ items: [] }, colCfg);
cc[this.columns[i] <= 1 ? 'columnWidth' : 'width'] = this.columns[i];
if (this.defaults) {
cc.defaults = Ext.apply(cc.defaults || {}, this.defaults)
}
cols.push(cc);
};
if (this.vertical) {
var rows = Math.ceil(this.items.length / numCols), ri = 0;
for (var i = 0, len = this.items.length; i < len; i++) {
if (i > 0 && i % rows == 0) {
ri++;
}
if (this.items[i].fieldLabel) {
this.items[i].hideLabel = false;
}
cols[ri].items.push(this.items[i]);
};
} else {
for (var i = 0, len = this.items.length; i < len; i++) {
var ci = i % numCols;
if (this.items[i].fieldLabel) {
this.items[i].hideLabel = false;
}
cols[ci].items.push(this.items[i]);
};
}
Ext.apply(panelCfg, {
layoutConfig: { columns: numCols },
items: cols
});
}
this.panel = new Ext.Panel(panelCfg);
this.el = this.panel.getEl();
if (this.forId && this.itemCls) {
var l = this.el.up(this.itemCls).child('label', true);
if (l) {
l.setAttribute('htmlFor', this.forId);
}
}
var fields = this.panel.findBy(function (c) {
return c.isFormField;
}, this);
this.items = new Ext.util.MixedCollection();
this.items.addAll(fields);
}
Ext.form.CheckboxGroup.superclass.onRender.call(this, ct, position);
},
validateValue: function (value) {
if (!this.allowBlank) {
var blank = true;
this.items.each(function (f) {
if (f.checked) {
return blank = false;
}
}, this);
if (blank) {
this.markInvalid(this.blankText);
return false;
}
}
return true;
},
onDisable: function () {
this.items.each(function (item) {
item.disable();
})
},
onEnable: function () {
this.items.each(function (item) {
item.enable();
})
},
onResize: function (w, h) {
this.panel.setSize(w, h);
this.panel.doLayout();
},
reset: function () {
Ext.form.CheckboxGroup.superclass.reset.call(this);
this.items.each(function (c) {
if (c.reset) {
c.reset();
}
}, this);
},
initValue: Ext.emptyFn,
getValue: Ext.emptyFn,
getRawValue: Ext.emptyFn,
setValue: Ext.emptyFn,
setRawValue: Ext.emptyFn
});
Ext.reg('checkboxgroup', Ext.form.CheckboxGroup);
Ext.form.Radio = Ext.extend(Ext.form.Checkbox, {
inputType: 'radio',
baseCls: 'x-form-radio',
getGroupValue: function () {
var c = this.getParent().child('input[name=' + this.el.dom.name + ']:checked', true);
return c ? c.value : null;
},
getParent: function () {
return this.el.up('form') || Ext.getBody();
},
toggleValue: function () {
if (!this.checked) {
var els = this.getParent().select('input[name=' + this.el.dom.name + ']');
els.each(function (el) {
if (el.dom.id == this.id) {
this.setValue(true);
} else {
Ext.getCmp(el.dom.id).setValue(false);
}
}, this);
}
},
setValue: function (v) {
if (typeof v == 'boolean') {
Ext.form.Radio.superclass.setValue.call(this, v);
} else {
var r = this.getParent().child('input[name=' + this.el.dom.name + '][value=' + v + ']', true);
if (r && !r.checked) {
Ext.getCmp(r.id).toggleValue();
};
}
},
markInvalid: Ext.emptyFn,
clearInvalid: Ext.emptyFn
});
Ext.reg('radio', Ext.form.Radio);
Ext.form.RadioGroup = Ext.extend(Ext.form.CheckboxGroup, {
allowBlank: true,
blankText: "You must select one item in this group",
defaultType: 'radio',
groupCls: 'x-form-radio-group'
});
Ext.reg('radiogroup', Ext.form.RadioGroup);
Ext.form.Hidden = Ext.extend(Ext.form.Field, {
inputType: 'hidden',
onRender: function () {
Ext.form.Hidden.superclass.onRender.apply(this, arguments);
},
initEvents: function () {
this.originalValue = this.getValue();
},
setSize: Ext.emptyFn,
setWidth: Ext.emptyFn,
setHeight: Ext.emptyFn,
setPosition: Ext.emptyFn,
setPagePosition: Ext.emptyFn,
markInvalid: Ext.emptyFn,
clearInvalid: Ext.emptyFn
});
Ext.reg('hidden', Ext.form.Hidden);
Ext.form.BasicForm = function (el, config) {
Ext.apply(this, config);
this.items = new Ext.util.MixedCollection(false, function (o) {
return o.id || (o.id = Ext.id());
});
this.addEvents(
'beforeaction',
'actionfailed',
'actioncomplete'
);
if (el) {
this.initEl(el);
}
Ext.form.BasicForm.superclass.constructor.call(this);
};
Ext.extend(Ext.form.BasicForm, Ext.util.Observable, {
timeout: 30,
activeAction: null,
trackResetOnLoad: false,
initEl: function (el) {
this.el = Ext.get(el);
this.id = this.el.id || Ext.id();
if (!this.standardSubmit) {
this.el.on('submit', this.onSubmit, this);
}
this.el.addClass('x-form');
},
getEl: function () {
return this.el;
},
onSubmit: function (e) {
e.stopEvent();
},
destroy: function () {
this.items.each(function (f) {
Ext.destroy(f);
});
if (this.el) {
this.el.removeAllListeners();
this.el.remove();
}
this.purgeListeners();
},
isValid: function () {
var valid = true;
this.items.each(function (f) {
if (!f.validate()) {
valid = false;
}
});
return valid;
},
isDirty: function () {
var dirty = false;
this.items.each(function (f) {
if (f.isDirty()) {
dirty = true;
return false;
}
});
return dirty;
},
doAction: function (action, options) {
if (typeof action == 'string') {
action = new Ext.form.Action.ACTION_TYPES[action](this, options);
}
if (this.fireEvent('beforeaction', this, action) !== false) {
this.beforeAction(action);
action.run.defer(100, action);
}
return this;
},
submit: function (options) {
if (this.standardSubmit) {
var v = this.isValid();
if (v) {
this.el.dom.submit();
}
return v;
}
this.doAction('submit', options);
return this;
},
load: function (options) {
this.doAction('load', options);
return this;
},
updateRecord: function (record) {
record.beginEdit();
var fs = record.fields;
fs.each(function (f) {
var field = this.findField(f.name);
if (field) {
record.set(f.name, field.getValue());
}
}, this);
record.endEdit();
return this;
},
loadRecord: function (record) {
this.setValues(record.data);
return this;
},
beforeAction: function (action) {
var o = action.options;
if (o.waitMsg) {
if (this.waitMsgTarget === true) {
this.el.mask(o.waitMsg, 'x-mask-loading');
} else if (this.waitMsgTarget) {
this.waitMsgTarget = Ext.get(this.waitMsgTarget);
this.waitMsgTarget.mask(o.waitMsg, 'x-mask-loading');
} else {
Ext.MessageBox.wait(o.waitMsg, o.waitTitle || this.waitTitle || 'Please Wait...');
}
}
},
afterAction: function (action, success) {
this.activeAction = null;
var o = action.options;
if (o.waitMsg) {
if (this.waitMsgTarget === true) {
this.el.unmask();
} else if (this.waitMsgTarget) {
this.waitMsgTarget.unmask();
} else {
Ext.MessageBox.updateProgress(1);
Ext.MessageBox.hide();
}
}
if (success) {
if (o.reset) {
this.reset();
}
Ext.callback(o.success, o.scope, [this, action]);
this.fireEvent('actioncomplete', this, action);
} else {
Ext.callback(o.failure, o.scope, [this, action]);
this.fireEvent('actionfailed', this, action);
}
},
findField: function (id) {
var field = this.items.get(id);
if (!field) {
this.items.each(function (f) {
if (f.isFormField && (f.dataIndex == id || f.id == id || f.getName() == id)) {
field = f;
return false;
}
});
}
return field || null;
},
markInvalid: function (errors) {
if (Ext.isArray(errors)) {
for (var i = 0, len = errors.length; i < len; i++) {
var fieldError = errors[i];
var f = this.findField(fieldError.id);
if (f) {
f.markInvalid(fieldError.msg);
}
}
} else {
var field, id;
for (id in errors) {
if (typeof errors[id] != 'function' && (field = this.findField(id))) {
field.markInvalid(errors[id]);
}
}
}
return this;
},
setValues: function (values) {
if (Ext.isArray(values)) {
for (var i = 0, len = values.length; i < len; i++) {
var v = values[i];
var f = this.findField(v.id);
if (f) {
f.setValue(v.value);
if (this.trackResetOnLoad) {
f.originalValue = f.getValue();
}
}
}
} else {
var field, id;
for (id in values) {
if (typeof values[id] != 'function' && (field = this.findField(id))) {
field.setValue(values[id]);
if (this.trackResetOnLoad) {
field.originalValue = field.getValue();
}
}
}
}
return this;
},
getValues: function (asString) {
var fs = Ext.lib.Ajax.serializeForm(this.el.dom);
if (asString === true) {
return fs;
}
return Ext.urlDecode(fs);
},
clearInvalid: function () {
this.items.each(function (f) {
f.clearInvalid();
});
return this;
},
reset: function () {
this.items.each(function (f) {
f.reset();
});
return this;
},
add: function () {
this.items.addAll(Array.prototype.slice.call(arguments, 0));
return this;
},
remove: function (field) {
this.items.remove(field);
return this;
},
render: function () {
this.items.each(function (f) {
if (f.isFormField && !f.rendered && document.getElementById(f.id)) {
f.applyToMarkup(f.id);
}
});
return this;
},
applyToFields: function (o) {
this.items.each(function (f) {
Ext.apply(f, o);
});
return this;
},
applyIfToFields: function (o) {
this.items.each(function (f) {
Ext.applyIf(f, o);
});
return this;
}
});
Ext.BasicForm = Ext.form.BasicForm;
Ext.FormPanel = Ext.extend(Ext.Panel, {
buttonAlign: 'center',
minButtonWidth: 75,
labelAlign: 'left',
monitorValid: false,
monitorPoll: 200,
layout: 'form',
initComponent: function () {
this.form = this.createForm();
this.bodyCfg = {
tag: 'form',
cls: this.baseCls + '-body',
method: this.method || 'POST',
id: this.formId || Ext.id()
};
if (this.fileUpload) {
this.bodyCfg.enctype = 'multipart/form-data';
}
Ext.FormPanel.superclass.initComponent.call(this);
this.addEvents(
'clientvalidation'
);
this.relayEvents(this.form, ['beforeaction', 'actionfailed', 'actioncomplete']);
},
createForm: function () {
delete this.initialConfig.listeners;
return new Ext.form.BasicForm(null, this.initialConfig);
},
initFields: function () {
var f = this.form;
var formPanel = this;
var fn = function (c) {
if (c.isFormField) {
f.add(c);
} else if (c.doLayout && c != formPanel) {
Ext.applyIf(c, {
labelAlign: c.ownerCt.labelAlign,
labelWidth: c.ownerCt.labelWidth,
itemCls: c.ownerCt.itemCls
});
if (c.items) {
c.items.each(fn);
}
}
}
this.items.each(fn);
},
getLayoutTarget: function () {
return this.form.el;
},
getForm: function () {
return this.form;
},
onRender: function (ct, position) {
this.initFields();
Ext.FormPanel.superclass.onRender.call(this, ct, position);
this.form.initEl(this.body);
},
beforeDestroy: function () {
Ext.FormPanel.superclass.beforeDestroy.call(this);
this.stopMonitoring();
Ext.destroy(this.form);
},
initEvents: function () {
Ext.FormPanel.superclass.initEvents.call(this);
this.items.on('remove', this.onRemove, this);
this.items.on('add', this.onAdd, this);
if (this.monitorValid) {
this.startMonitoring();
}
},
onAdd: function (ct, c) {
if (c.isFormField) {
this.form.add(c);
}
},
onRemove: function (c) {
if (c.isFormField) {
Ext.destroy(c.container.up('.x-form-item'));
this.form.remove(c);
}
},
startMonitoring: function () {
if (!this.bound) {
this.bound = true;
Ext.TaskMgr.start({
run: this.bindHandler,
interval: this.monitorPoll || 200,
scope: this
});
}
},
stopMonitoring: function () {
this.bound = false;
},
load: function () {
this.form.load.apply(this.form, arguments);
},
onDisable: function () {
Ext.FormPanel.superclass.onDisable.call(this);
if (this.form) {
this.form.items.each(function () {
this.disable();
});
}
},
onEnable: function () {
Ext.FormPanel.superclass.onEnable.call(this);
if (this.form) {
this.form.items.each(function () {
this.enable();
});
}
},
bindHandler: function () {
if (!this.bound) {
return false;
}
var valid = true;
this.form.items.each(function (f) {
if (!f.isValid(true)) {
valid = false;
return false;
}
});
if (this.buttons) {
for (var i = 0, len = this.buttons.length; i < len; i++) {
var btn = this.buttons[i];
if (btn.formBind === true && btn.disabled === valid) {
btn.setDisabled(!valid);
}
}
}
this.fireEvent('clientvalidation', this, valid);
}
});
Ext.reg('form', Ext.FormPanel);
Ext.form.FormPanel = Ext.FormPanel;
Ext.form.FieldSet = Ext.extend(Ext.Panel, {
baseCls: 'x-fieldset',
layout: 'form',
onRender: function (ct, position) {
if (!this.el) {
this.el = document.createElement('fieldset');
this.el.id = this.id;
if (this.title || this.header || this.checkboxToggle) {
this.el.appendChild(document.createElement('legend')).className = 'x-fieldset-header';
}
}
Ext.form.FieldSet.superclass.onRender.call(this, ct, position);
if (this.checkboxToggle) {
var o = typeof this.checkboxToggle == 'object' ?
this.checkboxToggle :
{ tag: 'input', type: 'checkbox', name: this.checkboxName || this.id + '-checkbox' };
this.checkbox = this.header.insertFirst(o);
this.checkbox.dom.checked = !this.collapsed;
this.checkbox.on('click', this.onCheckClick, this);
}
},
onCollapse: function (doAnim, animArg) {
if (this.checkbox) {
this.checkbox.dom.checked = false;
}
this.afterCollapse();
},
onExpand: function (doAnim, animArg) {
if (this.checkbox) {
this.checkbox.dom.checked = true;
}
this.afterExpand();
},
onCheckClick: function () {
this[this.checkbox.dom.checked ? 'expand' : 'collapse']();
}
});
Ext.reg('fieldset', Ext.form.FieldSet);
Ext.form.HtmlEditor = Ext.extend(Ext.form.Field, {
enableFormat: true,
enableFontSize: true,
enableColors: true,
enableAlignments: true,
enableLists: true,
enableSourceEdit: true,
enableLinks: true,
enableFont: true,
createLinkText: 'Please enter the URL for the link:',
defaultLinkValue: 'http:/' + '/',
fontFamilies: [
'Arial',
'Courier New',
'Tahoma',
'Times New Roman',
'Verdana'
],
defaultFont: 'tahoma',
validationEvent: false,
deferHeight: true,
initialized: false,
activated: false,
sourceEditMode: false,
onFocus: Ext.emptyFn,
iframePad: 3,
hideMode: 'offsets',
defaultAutoCreate: {
tag: "textarea",
style: "width:500px;height:300px;",
autocomplete: "off"
},
initComponent: function () {
this.addEvents(
'initialize',
'activate',
'beforesync',
'beforepush',
'sync',
'push',
'editmodechange'
)
},
createFontOptions: function () {
var buf = [], fs = this.fontFamilies, ff, lc;
for (var i = 0, len = fs.length; i < len; i++) {
ff = fs[i];
lc = ff.toLowerCase();
buf.push(
''
);
}
return buf.join('');
},
createToolbar: function (editor) {
var tipsEnabled = Ext.QuickTips && Ext.QuickTips.isEnabled();
function btn(id, toggle, handler) {
return {
itemId: id,
cls: 'x-btn-icon x-edit-' + id,
enableToggle: toggle !== false,
scope: editor,
handler: handler || editor.relayBtnCmd,
clickEvent: 'mousedown',
tooltip: tipsEnabled ? editor.buttonTips[id] || undefined : undefined,
tabIndex: -1
};
}
var tb = new Ext.Toolbar({
renderTo: this.wrap.dom.firstChild
});
tb.el.on('click', function (e) {
e.preventDefault();
});
if (this.enableFont && !Ext.isSafari2) {
this.fontSelect = tb.el.createChild({
tag: 'select',
cls: 'x-font-select',
html: this.createFontOptions()
});
this.fontSelect.on('change', function () {
var font = this.fontSelect.dom.value;
this.relayCmd('fontname', font);
this.deferFocus();
}, this);
tb.add(
this.fontSelect.dom,
'-'
);
};
if (this.enableFormat) {
tb.add(
btn('bold'),
btn('italic'),
btn('underline')
);
};
if (this.enableFontSize) {
tb.add(
'-',
btn('increasefontsize', false, this.adjustFont),
btn('decreasefontsize', false, this.adjustFont)
);
};
if (this.enableColors) {
tb.add(
'-', {
itemId: 'forecolor',
cls: 'x-btn-icon x-edit-forecolor',
clickEvent: 'mousedown',
tooltip: tipsEnabled ? editor.buttonTips['forecolor'] || undefined : undefined,
tabIndex: -1,
menu: new Ext.menu.ColorMenu({
allowReselect: true,
focus: Ext.emptyFn,
value: '000000',
plain: true,
selectHandler: function (cp, color) {
this.execCmd('forecolor', Ext.isSafari || Ext.isIE ? '#' + color : color);
this.deferFocus();
},
scope: this,
clickEvent: 'mousedown'
})
}, {
itemId: 'backcolor',
cls: 'x-btn-icon x-edit-backcolor',
clickEvent: 'mousedown',
tooltip: tipsEnabled ? editor.buttonTips['backcolor'] || undefined : undefined,
tabIndex: -1,
menu: new Ext.menu.ColorMenu({
focus: Ext.emptyFn,
value: 'FFFFFF',
plain: true,
allowReselect: true,
selectHandler: function (cp, color) {
if (Ext.isGecko) {
this.execCmd('useCSS', false);
this.execCmd('hilitecolor', color);
this.execCmd('useCSS', true);
this.deferFocus();
} else {
this.execCmd(Ext.isOpera ? 'hilitecolor' : 'backcolor', Ext.isSafari || Ext.isIE ? '#' + color : color);
this.deferFocus();
}
},
scope: this,
clickEvent: 'mousedown'
})
}
);
};
if (this.enableAlignments) {
tb.add(
'-',
btn('justifyleft'),
btn('justifycenter'),
btn('justifyright')
);
};
if (!Ext.isSafari2) {
if (this.enableLinks) {
tb.add(
'-',
btn('createlink', false, this.createLink)
);
};
if (this.enableLists) {
tb.add(
'-',
btn('insertorderedlist'),
btn('insertunorderedlist')
);
}
if (this.enableSourceEdit) {
tb.add(
'-',
btn('sourceedit', true, function (btn) {
this.toggleSourceEdit(btn.pressed);
})
);
}
}
this.tb = tb;
},
getDocMarkup: function () {
return '';
},
getEditorBody: function () {
return this.doc.body || this.doc.documentElement;
},
getDoc: function () {
return Ext.isIE ? this.getWin().document : (this.iframe.contentDocument || this.getWin().document);
},
getWin: function () {
return Ext.isIE ? this.iframe.contentWindow : window.frames[this.iframe.name];
},
onRender: function (ct, position) {
Ext.form.HtmlEditor.superclass.onRender.call(this, ct, position);
this.el.dom.style.border = '0 none';
this.el.dom.setAttribute('tabIndex', -1);
this.el.addClass('x-hidden');
if (Ext.isIE) {
this.el.applyStyles('margin-top:-1px;margin-bottom:-1px;')
}
this.wrap = this.el.wrap({
cls: 'x-html-editor-wrap', cn: { cls: 'x-html-editor-tb' }
});
this.createToolbar(this);
this.tb.items.each(function (item) {
if (item.itemId != 'sourceedit') {
item.disable();
}
});
var iframe = document.createElement('iframe');
iframe.name = Ext.id();
iframe.frameBorder = '0';
iframe.src = Ext.isIE ? Ext.SSL_SECURE_URL : "javascript:;";
this.wrap.dom.appendChild(iframe);
this.iframe = iframe;
this.initFrame();
if (this.autoMonitorDesignMode !== false) {
this.monitorTask = Ext.TaskMgr.start({
run: this.checkDesignMode,
scope: this,
interval: 100
});
}
if (!this.width) {
var sz = this.el.getSize();
this.setSize(sz.width, this.height || sz.height);
}
},
initFrame: function () {
this.doc = this.getDoc();
this.win = this.getWin();
this.doc.open();
this.doc.write(this.getDocMarkup());
this.doc.close();
var task = {
run: function () {
if (this.doc.body || this.doc.readyState == 'complete') {
Ext.TaskMgr.stop(task);
this.doc.designMode = "on";
this.initEditor.defer(10, this);
}
},
interval: 10,
duration: 10000,
scope: this
};
Ext.TaskMgr.start(task);
},
checkDesignMode: function () {
if (this.wrap && this.wrap.dom.offsetWidth) {
var doc = this.getDoc();
if (!doc) {
return;
}
if (!doc.editorInitialized || String(doc.designMode).toLowerCase() != 'on') {
this.initFrame();
}
}
},
onResize: function (w, h) {
Ext.form.HtmlEditor.superclass.onResize.apply(this, arguments);
if (this.el && this.iframe) {
if (typeof w == 'number') {
var aw = w - this.wrap.getFrameWidth('lr');
this.el.setWidth(this.adjustWidth('textarea', aw));
this.iframe.style.width = aw + 'px';
}
if (typeof h == 'number') {
var ah = h - this.wrap.getFrameWidth('tb') - this.tb.el.getHeight();
this.el.setHeight(this.adjustWidth('textarea', ah));
this.iframe.style.height = ah + 'px';
if (this.doc) {
this.getEditorBody().style.height = (ah - (this.iframePad * 2)) + 'px';
}
}
}
},
toggleSourceEdit: function (sourceEditMode) {
if (sourceEditMode === undefined) {
sourceEditMode = !this.sourceEditMode;
}
this.sourceEditMode = sourceEditMode === true;
var btn = this.tb.items.get('sourceedit');
if (btn.pressed !== this.sourceEditMode) {
btn.toggle(this.sourceEditMode);
return;
}
if (this.sourceEditMode) {
this.tb.items.each(function (item) {
if (item.itemId != 'sourceedit') {
item.disable();
}
});
this.syncValue();
this.iframe.className = 'x-hidden';
this.el.removeClass('x-hidden');
this.el.dom.removeAttribute('tabIndex');
this.el.focus();
} else {
if (this.initialized) {
this.tb.items.each(function (item) {
item.enable();
});
}
this.pushValue();
this.iframe.className = '';
this.el.addClass('x-hidden');
this.el.dom.setAttribute('tabIndex', -1);
this.deferFocus();
}
var lastSize = this.lastSize;
if (lastSize) {
delete this.lastSize;
this.setSize(lastSize);
}
this.fireEvent('editmodechange', this, this.sourceEditMode);
},
createLink: function () {
var url = prompt(this.createLinkText, this.defaultLinkValue);
if (url && url != 'http:/' + '/') {
this.relayCmd('createlink', url);
}
},
adjustSize: Ext.BoxComponent.prototype.adjustSize,
getResizeEl: function () {
return this.wrap;
},
getPositionEl: function () {
return this.wrap;
},
initEvents: function () {
this.originalValue = this.getValue();
},
markInvalid: Ext.emptyFn,
clearInvalid: Ext.emptyFn,
setValue: function (v) {
Ext.form.HtmlEditor.superclass.setValue.call(this, v);
this.pushValue();
},
cleanHtml: function (html) {
html = String(html);
if (html.length > 5) {
if (Ext.isSafari) {
html = html.replace(/\sclass="(?:Apple-style-span|khtml-block-placeholder)"/gi, '');
}
}
if (html == ' ') {
html = '';
}
return html;
},
syncValue: function () {
if (this.initialized) {
var bd = this.getEditorBody();
var html = bd.innerHTML;
//Cl�udio Cabral 02/05/2017 - Atualiza��o do Chrome n�o reconhece mais o atributo style nesse componente
//if(Ext.isSafari){
// var bs = bd.getAttribute('style');
// var m = bs.match(/text-align:(.*?);/i);
// if(m && m[1]){
// html = '' + html + '
';
// }
//}
html = this.cleanHtml(html);
if (this.fireEvent('beforesync', this, html) !== false) {
this.el.dom.value = html;
this.fireEvent('sync', this, html);
}
}
},
pushValue: function () {
if (this.initialized) {
var v = this.el.dom.value;
if (!this.activated && v.length < 1) {
v = ' ';
}
if (this.fireEvent('beforepush', this, v) !== false) {
this.getEditorBody().innerHTML = v;
this.fireEvent('push', this, v);
}
}
},
deferFocus: function () {
this.focus.defer(10, this);
},
focus: function () {
if (this.win && !this.sourceEditMode) {
this.win.focus();
} else {
this.el.focus();
}
},
initEditor: function () {
var dbody = this.getEditorBody();
var ss = this.el.getStyles('font-size', 'font-family', 'background-image', 'background-repeat');
ss['background-attachment'] = 'fixed';
dbody.bgProperties = 'fixed';
Ext.DomHelper.applyStyles(dbody, ss);
if (this.doc) {
try {
Ext.EventManager.removeAll(this.doc);
} catch (e) { }
}
this.doc = this.getDoc();
Ext.EventManager.on(this.doc, {
'mousedown': this.onEditorEvent,
'dblclick': this.onEditorEvent,
'click': this.onEditorEvent,
'keyup': this.onEditorEvent,
buffer: 100,
scope: this
});
if (Ext.isGecko) {
Ext.EventManager.on(this.doc, 'keypress', this.applyCommand, this);
}
if (Ext.isIE || Ext.isSafari || Ext.isOpera) {
Ext.EventManager.on(this.doc, 'keydown', this.fixKeys, this);
}
this.initialized = true;
this.fireEvent('initialize', this);
this.doc.editorInitialized = true;
this.pushValue();
},
onDestroy: function () {
if (this.monitorTask) {
Ext.TaskMgr.stop(this.monitorTask);
}
if (this.rendered) {
this.tb.items.each(function (item) {
if (item.menu) {
item.menu.removeAll();
if (item.menu.el) {
item.menu.el.destroy();
}
}
item.destroy();
});
this.wrap.dom.innerHTML = '';
this.wrap.remove();
}
},
onFirstFocus: function () {
this.activated = true;
this.tb.items.each(function (item) {
item.enable();
});
if (Ext.isGecko) {
this.win.focus();
var s = this.win.getSelection();
if (!s.focusNode || s.focusNode.nodeType != 3) {
var r = s.getRangeAt(0);
r.selectNodeContents(this.getEditorBody());
r.collapse(true);
this.deferFocus();
}
try {
this.execCmd('useCSS', true);
this.execCmd('styleWithCSS', false);
} catch (e) { }
}
this.fireEvent('activate', this);
},
adjustFont: function (btn) {
var adjust = btn.itemId == 'increasefontsize' ? 1 : -1;
var v = parseInt(this.doc.queryCommandValue('FontSize') || 2, 10);
if (Ext.isSafari3 || Ext.isAir) {
if (v <= 10) {
v = 1 + adjust;
} else if (v <= 13) {
v = 2 + adjust;
} else if (v <= 16) {
v = 3 + adjust;
} else if (v <= 18) {
v = 4 + adjust;
} else if (v <= 24) {
v = 5 + adjust;
} else {
v = 6 + adjust;
}
v = v.constrain(1, 6);
} else {
if (Ext.isSafari) {
adjust *= 2;
}
v = Math.max(1, v + adjust) + (Ext.isSafari ? 'px' : 0);
}
this.execCmd('FontSize', v);
},
onEditorEvent: function (e) {
this.updateToolbar();
},
updateToolbar: function () {
if (!this.activated) {
this.onFirstFocus();
return;
}
var btns = this.tb.items.map, doc = this.doc;
if (this.enableFont && !Ext.isSafari2) {
var name = (this.doc.queryCommandValue('FontName') || this.defaultFont).toLowerCase();
if (name != this.fontSelect.dom.value) {
this.fontSelect.dom.value = name;
}
}
if (this.enableFormat) {
btns.bold.toggle(doc.queryCommandState('bold'));
btns.italic.toggle(doc.queryCommandState('italic'));
btns.underline.toggle(doc.queryCommandState('underline'));
}
if (this.enableAlignments) {
btns.justifyleft.toggle(doc.queryCommandState('justifyleft'));
btns.justifycenter.toggle(doc.queryCommandState('justifycenter'));
btns.justifyright.toggle(doc.queryCommandState('justifyright'));
}
if (!Ext.isSafari2 && this.enableLists) {
btns.insertorderedlist.toggle(doc.queryCommandState('insertorderedlist'));
btns.insertunorderedlist.toggle(doc.queryCommandState('insertunorderedlist'));
}
Ext.menu.MenuMgr.hideAll();
this.syncValue();
},
relayBtnCmd: function (btn) {
this.relayCmd(btn.itemId);
},
relayCmd: function (cmd, value) {
(function () {
this.focus();
this.execCmd(cmd, value);
this.updateToolbar();
}).defer(10, this);
},
execCmd: function (cmd, value) {
this.doc.execCommand(cmd, false, value === undefined ? null : value);
this.syncValue();
},
applyCommand: function (e) {
if (e.ctrlKey) {
var c = e.getCharCode(), cmd;
if (c > 0) {
c = String.fromCharCode(c);
switch (c) {
case 'b':
cmd = 'bold';
break;
case 'i':
cmd = 'italic';
break;
case 'u':
cmd = 'underline';
break;
}
if (cmd) {
this.win.focus();
this.execCmd(cmd);
this.deferFocus();
e.preventDefault();
}
}
}
},
insertAtCursor: function (text) {
if (!this.activated) {
return;
}
if (Ext.isIE) {
this.win.focus();
var r = this.doc.selection.createRange();
if (r) {
r.collapse(true);
r.pasteHTML(text);
this.syncValue();
this.deferFocus();
}
} else if (Ext.isGecko || Ext.isOpera) {
this.win.focus();
this.execCmd('InsertHTML', text);
this.deferFocus();
} else if (Ext.isSafari) {
this.execCmd('InsertText', text);
this.deferFocus();
}
},
fixKeys: function () {
if (Ext.isIE) {
return function (e) {
var k = e.getKey(), r;
if (k == e.TAB) {
e.stopEvent();
r = this.doc.selection.createRange();
if (r) {
r.collapse(true);
r.pasteHTML(' ');
this.deferFocus();
}
} else if (k == e.ENTER) {
r = this.doc.selection.createRange();
if (r) {
var target = r.parentElement();
if (!target || target.tagName.toLowerCase() != 'li') {
e.stopEvent();
r.pasteHTML(''); r.collapse(false); r.select(); } } } }; } else if (Ext.isOpera) { return function (e) { var k = e.getKey(); if (k == e.TAB) { e.stopEvent(); this.win.focus(); this.execCmd('InsertHTML', ' '); this.deferFocus(); } }; } else if (Ext.isSafari) { return function (e) { var k = e.getKey(); if (k == e.TAB) { e.stopEvent(); this.execCmd('InsertText', '\t'); this.deferFocus(); } }; } }(), getToolbar: function () { return this.tb; }, buttonTips: { bold: { title: 'Bold (Ctrl+B)', text: 'Make the selected text bold.', cls: 'x-html-editor-tip' }, italic: { title: 'Italic (Ctrl+I)', text: 'Make the selected text italic.', cls: 'x-html-editor-tip' }, underline: { title: 'Underline (Ctrl+U)', text: 'Underline the selected text.', cls: 'x-html-editor-tip' }, increasefontsize: { title: 'Grow Text', text: 'Increase the font size.', cls: 'x-html-editor-tip' }, decreasefontsize: { title: 'Shrink Text', text: 'Decrease the font size.', cls: 'x-html-editor-tip' }, backcolor: { title: 'Text Highlight Color', text: 'Change the background color of the selected text.', cls: 'x-html-editor-tip' }, forecolor: { title: 'Font Color', text: 'Change the color of the selected text.', cls: 'x-html-editor-tip' }, justifyleft: { title: 'Align Text Left', text: 'Align text to the left.', cls: 'x-html-editor-tip' }, justifycenter: { title: 'Center Text', text: 'Center text in the editor.', cls: 'x-html-editor-tip' }, justifyright: { title: 'Align Text Right', text: 'Align text to the right.', cls: 'x-html-editor-tip' }, insertunorderedlist: { title: 'Bullet List', text: 'Start a bulleted list.', cls: 'x-html-editor-tip' }, insertorderedlist: { title: 'Numbered List', text: 'Start a numbered list.', cls: 'x-html-editor-tip' }, createlink: { title: 'Hyperlink', text: 'Make the selected text a hyperlink.', cls: 'x-html-editor-tip' }, sourceedit: { title: 'Source Edit', text: 'Switch to source editing mode.', cls: 'x-html-editor-tip' } } }); Ext.reg('htmleditor', Ext.form.HtmlEditor); Ext.form.TimeField = Ext.extend(Ext.form.ComboBox, { minValue: null, maxValue: null, minText: "The time in this field must be equal to or after {0}", maxText: "The time in this field must be equal to or before {0}", invalidText: "{0} is not a valid time", format: "g:i A", altFormats: "g:ia|g:iA|g:i a|g:i A|h:i|g:i|H:i|ga|ha|gA|h a|g a|g A|gi|hi|gia|hia|g|H", increment: 15, mode: 'local', triggerAction: 'all', typeAhead: false, initDate: '1/1/2008', initComponent: function () { Ext.form.TimeField.superclass.initComponent.call(this); if (typeof this.minValue == "string") { this.minValue = this.parseDate(this.minValue); } if (typeof this.maxValue == "string") { this.maxValue = this.parseDate(this.maxValue); } if (!this.store) { var min = this.parseDate(this.minValue); if (!min) { min = new Date(this.initDate).clearTime(); } var max = this.parseDate(this.maxValue); if (!max) { max = new Date(this.initDate).clearTime().add('mi', (24 * 60) - 1); } var times = []; while (min <= max) { times.push([min.dateFormat(this.format)]); min = min.add('mi', this.increment); } this.store = new Ext.data.SimpleStore({ fields: ['text'], data: times }); this.displayField = 'text'; } }, getValue: function () { var v = Ext.form.TimeField.superclass.getValue.call(this); return this.formatDate(this.parseDate(v)) || ''; }, setValue: function (value) { Ext.form.TimeField.superclass.setValue.call(this, this.formatDate(this.parseDate(value))); }, validateValue: Ext.form.DateField.prototype.validateValue, parseDate: Ext.form.DateField.prototype.parseDate, formatDate: Ext.form.DateField.prototype.formatDate, beforeBlur: function () { var v = this.parseDate(this.getRawValue()); if (v) { this.setValue(v.dateFormat(this.format)); } } }); Ext.reg('timefield', Ext.form.TimeField); Ext.form.Label = Ext.extend(Ext.BoxComponent, { onRender: function (ct, position) { if (!this.el) { this.el = document.createElement('label'); this.el.id = this.getId(); this.el.innerHTML = this.text ? Ext.util.Format.htmlEncode(this.text) : (this.html || ''); if (this.forId) { this.el.setAttribute('htmlFor', this.forId); } } Ext.form.Label.superclass.onRender.call(this, ct, position); }, setText: function (t, encode) { this.text = t; if (this.rendered) { this.el.dom.innerHTML = encode !== false ? Ext.util.Format.htmlEncode(t) : t; } return this; } }); Ext.reg('label', Ext.form.Label); Ext.form.Action = function (form, options) { this.form = form; this.options = options || {}; }; Ext.form.Action.CLIENT_INVALID = 'client'; Ext.form.Action.SERVER_INVALID = 'server'; Ext.form.Action.CONNECT_FAILURE = 'connect'; Ext.form.Action.LOAD_FAILURE = 'load'; Ext.form.Action.prototype = { type: 'default', run: function (options) { }, success: function (response) { }, handleResponse: function (response) { }, failure: function (response) { this.response = response; this.failureType = Ext.form.Action.CONNECT_FAILURE; this.form.afterAction(this, false); }, processResponse: function (response) { this.response = response; if (!response.responseText) { return true; } this.result = this.handleResponse(response); return this.result; }, getUrl: function (appendParams) { var url = this.options.url || this.form.url || this.form.el.dom.action; if (appendParams) { var p = this.getParams(); if (p) { url += (url.indexOf('?') != -1 ? '&' : '?') + p; } } return url; }, getMethod: function () { return (this.options.method || this.form.method || this.form.el.dom.method || 'POST').toUpperCase(); }, getParams: function () { var bp = this.form.baseParams; var p = this.options.params; if (p) { if (typeof p == "object") { p = Ext.urlEncode(Ext.applyIf(p, bp)); } else if (typeof p == 'string' && bp) { p += '&' + Ext.urlEncode(bp); } } else if (bp) { p = Ext.urlEncode(bp); } return p; }, createCallback: function (opts) { var opts = opts || {}; return { success: this.success, failure: this.failure, scope: this, timeout: (opts.timeout * 1000) || (this.form.timeout * 1000), upload: this.form.fileUpload ? this.success : undefined }; } }; Ext.form.Action.Submit = function (form, options) { Ext.form.Action.Submit.superclass.constructor.call(this, form, options); }; Ext.extend(Ext.form.Action.Submit, Ext.form.Action, { type: 'submit', run: function () { var o = this.options; var method = this.getMethod(); var isGet = method == 'GET'; if (o.clientValidation === false || this.form.isValid()) { Ext.Ajax.request(Ext.apply(this.createCallback(o), { form: this.form.el.dom, url: this.getUrl(isGet), method: method, headers: o.headers, params: !isGet ? this.getParams() : null, isUpload: this.form.fileUpload })); } else if (o.clientValidation !== false) { this.failureType = Ext.form.Action.CLIENT_INVALID; this.form.afterAction(this, false); } }, success: function (response) { var result = this.processResponse(response); if (result === true || result.success) { this.form.afterAction(this, true); return; } if (result.errors) { this.form.markInvalid(result.errors); this.failureType = Ext.form.Action.SERVER_INVALID; } this.form.afterAction(this, false); }, handleResponse: function (response) { if (this.form.errorReader) { var rs = this.form.errorReader.read(response); var errors = []; if (rs.records) { for (var i = 0, len = rs.records.length; i < len; i++) { var r = rs.records[i]; errors[i] = r.data; } } if (errors.length < 1) { errors = null; } return { success: rs.success, errors: errors }; } return Ext.decode(response.responseText); } }); Ext.form.Action.Load = function (form, options) { Ext.form.Action.Load.superclass.constructor.call(this, form, options); this.reader = this.form.reader; }; Ext.extend(Ext.form.Action.Load, Ext.form.Action, { type: 'load', run: function () { Ext.Ajax.request(Ext.apply( this.createCallback(this.options), { method: this.getMethod(), url: this.getUrl(false), headers: this.options.headers, params: this.getParams() })); }, success: function (response) { var result = this.processResponse(response); if (result === true || !result.success || !result.data) { this.failureType = Ext.form.Action.LOAD_FAILURE; this.form.afterAction(this, false); return; } this.form.clearInvalid(); this.form.setValues(result.data); this.form.afterAction(this, true); }, handleResponse: function (response) { if (this.form.reader) { var rs = this.form.reader.read(response); var data = rs.records && rs.records[0] ? rs.records[0].data : null; return { success: rs.success, data: data }; } return Ext.decode(response.responseText); } }); Ext.form.Action.ACTION_TYPES = { 'load': Ext.form.Action.Load, 'submit': Ext.form.Action.Submit }; Ext.form.VTypes = function () { var alpha = /^[a-zA-Z_]+$/; var alphanum = /^[a-zA-Z0-9_]+$/; var email = /^([\w]+)(.[\w]+)*@([\w-]+\.){1,5}([A-Za-z]){2,4}$/; var url = /(((https?)|(ftp)):\/\/([\-\w]+\.)+\w{2,3}(\/[%\-\w]+(\.\w{2,})?)*(([\w\-\.\?\\\/+@&#;`~=%!]*)(\.\w{2,})?)*\/?)/i; return { 'email': function (v) { return email.test(v); }, 'emailText': 'This field should be an e-mail address in the format "user@domain.com"', 'emailMask': /[a-z0-9_\.\-@]/i, 'url': function (v) { return url.test(v); }, 'urlText': 'This field should be a URL in the format "http:/' + '/www.domain.com"', 'alpha': function (v) { return alpha.test(v); }, 'alphaText': 'This field should only contain letters and _', 'alphaMask': /[a-z_]/i, 'alphanum': function (v) { return alphanum.test(v); }, 'alphanumText': 'This field should only contain letters, numbers and _', 'alphanumMask': /[a-z0-9_]/i }; }(); Ext.grid.GridPanel = Ext.extend(Ext.Panel, { ddText: "{0} selected row{1}", minColumnWidth: 25, trackMouseOver: true, enableDragDrop: false, enableColumnMove: true, enableColumnHide: true, enableHdMenu: true, stripeRows: false, autoExpandColumn: false, autoExpandMin: 50, //Plus:Permite que a coluna senha maior que 1000 autoExpandMax: top.isPlusM ? 3000 : 1000, view: null, loadMask: false, deferRowRender: true, rendered: false, viewReady: false, stateEvents: ["columnmove", "columnresize", "sortchange"], initComponent: function () { Ext.grid.GridPanel.superclass.initComponent.call(this); this.autoScroll = false; this.autoWidth = false; if (Ext.isArray(this.columns)) { this.colModel = new Ext.grid.ColumnModel(this.columns); delete this.columns; } if (this.ds) { this.store = this.ds; delete this.ds; } if (this.cm) { this.colModel = this.cm; delete this.cm; } if (this.sm) { this.selModel = this.sm; delete this.sm; } this.store = Ext.StoreMgr.lookup(this.store); this.addEvents( "click", "dblclick", "contextmenu", "mousedown", "mouseup", "mouseover", "mouseout", "keypress", "keydown", "cellmousedown", "rowmousedown", "headermousedown", "cellclick", "celldblclick", "rowclick", "rowdblclick", "headerclick", "headerdblclick", "rowcontextmenu", "cellcontextmenu", "headercontextmenu", "bodyscroll", "columnresize", "columnmove", "sortchange" ); }, onRender: function (ct, position) { Ext.grid.GridPanel.superclass.onRender.apply(this, arguments); var c = this.body; this.el.addClass('x-grid-panel'); var view = this.getView(); view.init(this); c.on("mousedown", this.onMouseDown, this); c.on("click", this.onClick, this); c.on("dblclick", this.onDblClick, this); c.on("contextmenu", this.onContextMenu, this); c.on("keydown", this.onKeyDown, this); this.relayEvents(c, ["mousedown", "mouseup", "mouseover", "mouseout", "keypress"]); this.getSelectionModel().init(this); this.view.render(); }, initEvents: function () { Ext.grid.GridPanel.superclass.initEvents.call(this); if (this.loadMask) { this.loadMask = new Ext.LoadMask(this.bwrap, Ext.apply({ store: this.store }, this.loadMask)); } }, initStateEvents: function () { Ext.grid.GridPanel.superclass.initStateEvents.call(this); this.colModel.on('hiddenchange', this.saveState, this, { delay: 100 }); }, applyState: function (state) { var cm = this.colModel; var cs = state.columns; if (cs) { for (var i = 0, len = cs.length; i < len; i++) { var s = cs[i]; var c = cm.getColumnById(s.id); if (c) { c.hidden = s.hidden; c.width = s.width; var oldIndex = cm.getIndexById(s.id); if (oldIndex != i) { cm.moveColumn(oldIndex, i); } } } } if (state.sort) { this.store[this.store.remoteSort ? 'setDefaultSort' : 'sort'](state.sort.field, state.sort.direction); } }, getState: function () { var o = { columns: [] }; for (var i = 0, c; c = this.colModel.config[i]; i++) { o.columns[i] = { id: c.id, width: c.width }; if (c.hidden) { o.columns[i].hidden = true; } } var ss = this.store.getSortState(); if (ss) { o.sort = ss; } return o; }, afterRender: function () { Ext.grid.GridPanel.superclass.afterRender.call(this); this.view.layout(); if (this.deferRowRender) { this.view.afterRender.defer(10, this.view); } else { this.view.afterRender(); } this.viewReady = true; }, reconfigure: function (store, colModel) { if (this.loadMask) { if (this.loadMask.destroy != undefined) { this.loadMask.destroy(); this.loadMask = new Ext.LoadMask(this.bwrap, Ext.apply({ store: store }, this.initialConfig.loadMask)); } } this.view.bind(store, colModel); this.store = store; this.colModel = colModel; if (this.rendered) { this.view.refresh(true); } }, onKeyDown: function (e) { this.fireEvent("keydown", e); }, onDestroy: function () { if (this.rendered) { if (this.loadMask) { this.loadMask.destroy(); } var c = this.body; c.removeAllListeners(); this.view.destroy(); c.update(""); } this.colModel.purgeListeners(); Ext.grid.GridPanel.superclass.onDestroy.call(this); }, processEvent: function (name, e) { this.fireEvent(name, e); var t = e.getTarget(); var v = this.view; var header = v.findHeaderIndex(t); if (header !== false) { this.fireEvent("header" + name, this, header, e); } else { var row = v.findRowIndex(t); var cell = v.findCellIndex(t); if (row !== false) { this.fireEvent("row" + name, this, row, e); if (cell !== false) { this.fireEvent("cell" + name, this, row, cell, e); } } } }, onClick: function (e) { this.processEvent("click", e); }, onMouseDown: function (e) { this.processEvent("mousedown", e); }, onContextMenu: function (e, t) { this.processEvent("contextmenu", e); }, onDblClick: function (e) { this.processEvent("dblclick", e); }, walkCells: function (row, col, step, fn, scope) { var cm = this.colModel, clen = cm.getColumnCount(); var ds = this.store, rlen = ds.getCount(), first = true; if (step < 0) { if (col < 0) { row--; first = false; } while (row >= 0) { if (!first) { col = clen - 1; } first = false; while (col >= 0) { if (fn.call(scope || this, row, col, cm) === true) { return [row, col]; } col--; } row--; } } else { if (col >= clen) { row++; first = false; } while (row < rlen) { if (!first) { col = 0; } first = false; while (col < clen) { if (fn.call(scope || this, row, col, cm) === true) { return [row, col]; } col++; } row++; } } return null; }, getSelections: function () { return this.selModel.getSelections(); }, onResize: function () { Ext.grid.GridPanel.superclass.onResize.apply(this, arguments); if (this.viewReady) { this.view.layout(); } }, getGridEl: function () { return this.body; }, stopEditing: function () { }, getSelectionModel: function () { if (!this.selModel) { this.selModel = new Ext.grid.RowSelectionModel( this.disableSelection ? { selectRow: Ext.emptyFn } : null); } return this.selModel; }, getStore: function () { return this.store; }, getColumnModel: function () { return this.colModel; }, getView: function () { if (!this.view) { this.view = new Ext.grid.GridView(this.viewConfig); } return this.view; }, getDragDropText: function () { var count = this.selModel.getCount(); return String.format(this.ddText, count, count == 1 ? '' : 's'); } }); Ext.reg('grid', Ext.grid.GridPanel); Ext.grid.GridView = function (config) { Ext.apply(this, config); this.addEvents( "beforerowremoved", "beforerowsinserted", "beforerefresh", "rowremoved", "rowsinserted", "rowupdated", "refresh" ); Ext.grid.GridView.superclass.constructor.call(this); }; Ext.extend(Ext.grid.GridView, Ext.util.Observable, { deferEmptyText: true, scrollOffset: 19, autoFill: false, forceFit: false, sortClasses: ["sort-asc", "sort-desc"], sortAscText: "Sort Ascending", sortDescText: "Sort Descending", columnsText: "Columns", borderWidth: 2, tdClass: 'x-grid3-cell', hdCls: 'x-grid3-hd', cellSelectorDepth: 4, rowSelectorDepth: 10, cellSelector: 'td.x-grid3-cell', rowSelector: 'div.x-grid3-row', initTemplates: function () { var ts = this.templates || {}; var emptyMsgCenter = ""; if (top.isPlusM) { emptyMsgCenter = ''; } if (!ts.master) { ts.master = new Ext.Template( '
',
'",
' ',
' ',
"
",
emptyMsgCenter
);
}
if (!ts.header) {
ts.header = new Ext.Template(
'{body} |
{value}
',
"' + this.emptyText + '
');
}
},
updateHeaderSortState: function () {
var state = this.ds.getSortState();
if (!state) {
return;
}
if (!this.sortState || (this.sortState.field != state.field || this.sortState.direction != state.direction)) {
this.grid.fireEvent('sortchange', this.grid, state);
}
this.sortState = state;
var sortColumn = this.cm.findColumnIndex(state.field);
if (sortColumn != -1) {
var sortDir = state.direction;
this.updateSortIcon(sortColumn, sortDir);
}
},
destroy: function () {
if (this.colMenu) {
this.colMenu.removeAll();
Ext.menu.MenuMgr.unregister(this.colMenu);
this.colMenu.getEl().remove();
delete this.colMenu;
}
if (this.hmenu) {
this.hmenu.removeAll();
Ext.menu.MenuMgr.unregister(this.hmenu);
this.hmenu.getEl().remove();
delete this.hmenu;
}
if (this.grid.enableColumnMove) {
var dds = Ext.dd.DDM.ids['gridHeader' + this.grid.getGridEl().id];
if (dds) {
for (var dd in dds) {
if (!dds[dd].config.isTarget && dds[dd].dragElId) {
var elid = dds[dd].dragElId;
dds[dd].unreg();
Ext.get(elid).remove();
} else if (dds[dd].config.isTarget) {
dds[dd].proxyTop.remove();
dds[dd].proxyBottom.remove();
dds[dd].unreg();
}
if (Ext.dd.DDM.locationCache[dd]) {
delete Ext.dd.DDM.locationCache[dd];
}
}
delete Ext.dd.DDM.ids['gridHeader' + this.grid.getGridEl().id];
}
}
Ext.destroy(this.resizeMarker, this.resizeProxy);
if (this.dragZone) {
this.dragZone.unreg();
}
this.initData(null, null);
Ext.EventManager.removeResizeListener(this.onWindowResize, this);
},
onDenyColumnHide: function () {
},
render: function () {
if (this.autoFill) {
this.fitColumns(true, true);
} else if (this.forceFit) {
this.fitColumns(true, false);
} else if (this.grid.autoExpandColumn) {
this.autoExpand(true);
}
this.renderUI();
},
initData: function (ds, cm) {
if (this.ds) {
this.ds.un("load", this.onLoad, this);
this.ds.un("datachanged", this.onDataChange, this);
this.ds.un("add", this.onAdd, this);
this.ds.un("remove", this.onRemove, this);
this.ds.un("update", this.onUpdate, this);
this.ds.un("clear", this.onClear, this);
}
if (ds) {
ds.on("load", this.onLoad, this);
ds.on("datachanged", this.onDataChange, this);
ds.on("add", this.onAdd, this);
ds.on("remove", this.onRemove, this);
ds.on("update", this.onUpdate, this);
ds.on("clear", this.onClear, this);
}
this.ds = ds;
if (this.cm) {
this.cm.un("configchange", this.onColConfigChange, this);
this.cm.un("widthchange", this.onColWidthChange, this);
this.cm.un("headerchange", this.onHeaderChange, this);
this.cm.un("hiddenchange", this.onHiddenChange, this);
this.cm.un("columnmoved", this.onColumnMove, this);
this.cm.un("columnlockchange", this.onColumnLock, this);
}
if (cm) {
delete this.lastViewWidth;
cm.on("configchange", this.onColConfigChange, this);
cm.on("widthchange", this.onColWidthChange, this);
cm.on("headerchange", this.onHeaderChange, this);
cm.on("hiddenchange", this.onHiddenChange, this);
cm.on("columnmoved", this.onColumnMove, this);
cm.on("columnlockchange", this.onColumnLock, this);
}
this.cm = cm;
},
onDataChange: function () {
this.refresh();
this.updateHeaderSortState();
},
onClear: function () {
this.refresh();
},
onUpdate: function (ds, record) {
this.refreshRow(record);
},
onAdd: function (ds, records, index) {
this.insertRows(ds, index, index + (records.length - 1));
},
onRemove: function (ds, record, index, isUpdate) {
if (isUpdate !== true) {
this.fireEvent("beforerowremoved", this, index, record);
}
this.removeRow(index);
if (isUpdate !== true) {
this.processRows(index);
this.applyEmptyText();
this.fireEvent("rowremoved", this, index, record);
}
},
onLoad: function () {
this.scrollToTop();
},
onColWidthChange: function (cm, col, width) {
this.updateColumnWidth(col, width);
},
onHeaderChange: function (cm, col, text) {
this.updateHeaders();
},
onHiddenChange: function (cm, col, hidden) {
this.updateColumnHidden(col, hidden);
},
onColumnMove: function (cm, oldIndex, newIndex) {
this.indexMap = null;
var s = this.getScrollState();
this.refresh(true);
this.restoreScroll(s);
this.afterMove(newIndex);
},
onColConfigChange: function () {
delete this.lastViewWidth;
this.indexMap = null;
this.refresh(true);
},
initUI: function (grid) {
grid.on("headerclick", this.onHeaderClick, this);
if (grid.trackMouseOver) {
grid.on("mouseover", this.onRowOver, this);
grid.on("mouseout", this.onRowOut, this);
}
},
initEvents: function () {
},
onHeaderClick: function (g, index) {
if (this.headersDisabled || !this.cm.isSortable(index)) {
return;
}
g.stopEditing(true);
g.store.sort(this.cm.getDataIndex(index));
//g.store.fireEvent("load", g.store,g.store.data.items, g.store.proxy.o.request.arg);
},
onRowOver: function (e, t) {
var row;
if ((row = this.findRowIndex(t)) !== false) {
this.addRowClass(row, "x-grid3-row-over");
}
},
onRowOut: function (e, t) {
var row;
if ((row = this.findRowIndex(t)) !== false && row !== this.findRowIndex(e.getRelatedTarget())) {
this.removeRowClass(row, "x-grid3-row-over");
}
},
handleWheel: function (e) {
e.stopPropagation();
},
onRowSelect: function (row) {
this.addRowClass(row, "x-grid3-row-selected");
},
onRowDeselect: function (row) {
this.removeRowClass(row, "x-grid3-row-selected");
},
onCellSelect: function (row, col) {
var cell = this.getCell(row, col);
if (cell) {
this.fly(cell).addClass("x-grid3-cell-selected");
}
},
onCellDeselect: function (row, col) {
var cell = this.getCell(row, col);
if (cell) {
this.fly(cell).removeClass("x-grid3-cell-selected");
}
},
onColumnSplitterMoved: function (i, w) {
this.userResized = true;
var cm = this.grid.colModel;
cm.setColumnWidth(i, w, true);
if (this.forceFit) {
this.fitColumns(true, false, i);
this.updateAllColumnWidths();
} else {
this.updateColumnWidth(i, w);
}
this.grid.fireEvent("columnresize", i, w);
},
handleHdMenuClick: function (item) {
var index = this.hdCtxIndex;
var cm = this.cm, ds = this.ds;
switch (item.id) {
case "asc":
ds.sort(cm.getDataIndex(index), "ASC");
break;
case "desc":
ds.sort(cm.getDataIndex(index), "DESC");
break;
default:
index = cm.getIndexById(item.id.substr(4));
if (index != -1) {
if (item.checked && cm.getColumnsBy(this.isHideableColumn, this).length <= 1) {
this.onDenyColumnHide();
return false;
}
cm.setHidden(index, item.checked);
}
}
return true;
},
isHideableColumn: function (c) {
return !c.hidden && !c.fixed;
},
beforeColMenuShow: function () {
var cm = this.cm, colCount = cm.getColumnCount();
this.colMenu.removeAll();
for (var i = 0; i < colCount; i++) {
if (cm.config[i].fixed !== true && cm.config[i].hideable !== false) {
this.colMenu.add(new Ext.menu.CheckItem({
id: "col-" + cm.getColumnId(i),
text: cm.getColumnHeader(i),
checked: !cm.isHidden(i),
hideOnClick: false,
disabled: cm.config[i].hideable === false
}));
}
}
},
handleHdDown: function (e, t) {
if (Ext.fly(t).hasClass('x-grid3-hd-btn')) {
e.stopEvent();
var hd = this.findHeaderCell(t);
Ext.fly(hd).addClass('x-grid3-hd-menu-open');
var index = this.getCellIndex(hd);
this.hdCtxIndex = index;
var ms = this.hmenu.items, cm = this.cm;
ms.get("asc").setDisabled(!cm.isSortable(index));
ms.get("desc").setDisabled(!cm.isSortable(index));
this.hmenu.on("hide", function () {
Ext.fly(hd).removeClass('x-grid3-hd-menu-open');
}, this, { single: true });
this.hmenu.show(t, "tl-bl?");
}
},
handleHdOver: function (e, t) {
var hd = this.findHeaderCell(t);
if (hd && !this.headersDisabled) {
this.activeHd = hd;
this.activeHdIndex = this.getCellIndex(hd);
var fly = this.fly(hd);
this.activeHdRegion = fly.getRegion();
if (!this.cm.isMenuDisabled(this.activeHdIndex)) {
fly.addClass("x-grid3-hd-over");
this.activeHdBtn = fly.child('.x-grid3-hd-btn');
if (this.activeHdBtn) {
this.activeHdBtn.dom.style.height = (hd.firstChild.offsetHeight - 1) + 'px';
}
}
}
},
handleHdMove: function (e, t) {
if (this.activeHd && !this.headersDisabled) {
var hw = this.splitHandleWidth || 5;
var r = this.activeHdRegion;
var x = e.getPageX();
var ss = this.activeHd.style;
if (x - r.left <= hw && this.cm.isResizable(this.activeHdIndex - 1)) {
ss.cursor = Ext.isAir ? 'move' : Ext.isSafari ? 'e-resize' : 'col-resize';
} else if (r.right - x <= (!this.activeHdBtn ? hw : 2) && this.cm.isResizable(this.activeHdIndex)) {
ss.cursor = Ext.isAir ? 'move' : Ext.isSafari ? 'w-resize' : 'col-resize';
} else {
ss.cursor = '';
}
}
},
handleHdOut: function (e, t) {
var hd = this.findHeaderCell(t);
if (hd && (!Ext.isIE || !e.within(hd, true))) {
this.activeHd = null;
this.fly(hd).removeClass("x-grid3-hd-over");
hd.style.cursor = '';
}
},
hasRows: function () {
var fc = this.mainBody.dom.firstChild;
return fc && fc.className != 'x-grid-empty';
},
bind: function (d, c) {
this.initData(d, c);
}
});
Ext.grid.GridView.SplitDragZone = function (grid, hd) {
this.grid = grid;
this.view = grid.getView();
this.marker = this.view.resizeMarker;
this.proxy = this.view.resizeProxy;
Ext.grid.GridView.SplitDragZone.superclass.constructor.call(this, hd,
"gridSplitters" + this.grid.getGridEl().id, {
dragElId: Ext.id(this.proxy.dom), resizeFrame: false
});
this.scroll = false;
this.hw = this.view.splitHandleWidth || 5;
};
Ext.extend(Ext.grid.GridView.SplitDragZone, Ext.dd.DDProxy, {
b4StartDrag: function (x, y) {
this.view.headersDisabled = true;
var h = this.view.mainWrap.getHeight();
this.marker.setHeight(h);
this.marker.show();
this.marker.alignTo(this.view.getHeaderCell(this.cellIndex), 'tl-tl', [-2, 0]);
this.proxy.setHeight(h);
var w = this.cm.getColumnWidth(this.cellIndex);
var minw = Math.max(w - this.grid.minColumnWidth, 0);
this.resetConstraints();
this.setXConstraint(minw, 1000);
this.setYConstraint(0, 0);
this.minX = x - minw;
this.maxX = x + 1000;
this.startPos = x;
Ext.dd.DDProxy.prototype.b4StartDrag.call(this, x, y);
},
handleMouseDown: function (e) {
var t = this.view.findHeaderCell(e.getTarget());
if (t) {
var xy = this.view.fly(t).getXY(), x = xy[0], y = xy[1];
var exy = e.getXY(), ex = exy[0], ey = exy[1];
var w = t.offsetWidth, adjust = false;
if ((ex - x) <= this.hw) {
adjust = -1;
} else if ((x + w) - ex <= this.hw) {
adjust = 0;
}
if (adjust !== false) {
this.cm = this.grid.colModel;
var ci = this.view.getCellIndex(t);
if (adjust == -1) {
if (ci + adjust < 0) {
return;
}
while (this.cm.isHidden(ci + adjust)) {
--adjust;
if (ci + adjust < 0) {
return;
}
}
}
this.cellIndex = ci + adjust;
this.split = t.dom;
if (this.cm.isResizable(this.cellIndex) && !this.cm.isFixed(this.cellIndex)) {
Ext.grid.GridView.SplitDragZone.superclass.handleMouseDown.apply(this, arguments);
}
} else if (this.view.columnDrag) {
this.view.columnDrag.callHandleMouseDown(e);
}
}
},
endDrag: function (e) {
this.marker.hide();
var v = this.view;
var endX = Math.max(this.minX, e.getPageX());
var diff = endX - this.startPos;
v.onColumnSplitterMoved(this.cellIndex, this.cm.getColumnWidth(this.cellIndex) + diff);
setTimeout(function () {
v.headersDisabled = false;
}, 50);
},
autoOffset: function () {
this.setDelta(0, 0);
}
});
Ext.grid.GroupingView = Ext.extend(Ext.grid.GridView, {
hideGroupedColumn: false,
showGroupName: true,
startCollapsed: false,
enableGrouping: true,
enableGroupingMenu: true,
enableNoGroups: true,
emptyGroupText: '(None)',
ignoreAdd: false,
groupTextTpl: '{text}',
gidSeed: 1000,
initTemplates: function () {
Ext.grid.GroupingView.superclass.initTemplates.call(this);
this.state = {};
var sm = this.grid.getSelectionModel();
sm.on(sm.selectRow ? 'beforerowselect' : 'beforecellselect',
this.onBeforeRowSelect, this);
if (!this.startGroup) {
this.startGroup = new Ext.XTemplate(
'',
'',
'
';
},
findGroup: function (el) {
return Ext.fly(el).up('.x-grid-group', this.mainBody.dom);
},
getGroups: function () {
return this.hasRows() ? this.mainBody.dom.childNodes : [];
},
onAdd: function () {
if (this.enableGrouping && !this.ignoreAdd) {
var ss = this.getScrollState();
this.refresh();
this.restoreScroll(ss);
} else if (!this.enableGrouping) {
Ext.grid.GroupingView.superclass.onAdd.apply(this, arguments);
}
},
onRemove: function (ds, record, index, isUpdate) {
Ext.grid.GroupingView.superclass.onRemove.apply(this, arguments);
var g = document.getElementById(record._groupId);
if (g && g.childNodes[1].childNodes.length < 1) {
Ext.removeNode(g);
}
this.applyEmptyText();
},
refreshRow: function (record) {
if (this.ds.getCount() == 1) {
this.refresh();
} else {
this.isUpdating = true;
Ext.grid.GroupingView.superclass.refreshRow.apply(this, arguments);
this.isUpdating = false;
}
},
beforeMenuShow: function () {
var field = this.getGroupField();
var g = this.hmenu.items.get('groupBy');
if (g) {
g.setDisabled(this.cm.config[this.hdCtxIndex].groupable === false);
}
var s = this.hmenu.items.get('showGroups');
if (s) {
s.setDisabled(!field && this.cm.config[this.hdCtxIndex].groupable === false);
s.setChecked(!!field, true);
}
},
renderUI: function () {
Ext.grid.GroupingView.superclass.renderUI.call(this);
this.mainBody.on('mousedown', this.interceptMouse, this);
if (this.enableGroupingMenu && this.hmenu) {
this.hmenu.add('-', {
id: 'groupBy',
text: this.groupByText,
handler: this.onGroupByClick,
scope: this,
iconCls: 'x-group-by-icon'
});
if (this.enableNoGroups) {
this.hmenu.add({
id: 'showGroups',
text: this.showGroupsText,
checked: true,
checkHandler: this.onShowGroupsClick,
scope: this
});
}
this.hmenu.on('beforeshow', this.beforeMenuShow, this);
}
},
onGroupByClick: function () {
this.grid.store.groupBy(this.cm.getDataIndex(this.hdCtxIndex));
this.beforeMenuShow();
},
onShowGroupsClick: function (mi, checked) {
if (checked) {
this.onGroupByClick();
} else {
this.grid.store.clearGrouping();
}
},
toggleGroup: function (group, expanded) {
this.grid.stopEditing(true);
group = Ext.getDom(group);
var gel = Ext.fly(group);
expanded = expanded !== undefined ?
expanded : gel.hasClass('x-grid-group-collapsed');
this.state[gel.dom.id] = expanded;
gel[expanded ? 'removeClass' : 'addClass']('x-grid-group-collapsed');
},
toggleAllGroups: function (expanded) {
var groups = this.getGroups();
for (var i = 0, len = groups.length; i < len; i++) {
this.toggleGroup(groups[i], expanded);
}
},
expandAllGroups: function () {
this.toggleAllGroups(true);
},
collapseAllGroups: function () {
this.toggleAllGroups(false);
},
interceptMouse: function (e) {
var hd = e.getTarget('.x-grid-group-hd', this.mainBody);
if (hd) {
e.stopEvent();
this.toggleGroup(hd.parentNode);
}
},
getGroup: function (v, r, groupRenderer, rowIndex, colIndex, ds) {
var g = groupRenderer ? groupRenderer(v, {}, r, rowIndex, colIndex, ds) : String(v);
if (g === '') {
g = this.cm.config[colIndex].emptyGroupText || this.emptyGroupText;
}
return g;
},
getGroupField: function () {
return this.grid.store.getGroupState();
},
renderRows: function () {
var groupField = this.getGroupField();
var eg = !!groupField;
if (this.hideGroupedColumn) {
var colIndex = this.cm.findColumnIndex(groupField);
if (!eg && this.lastGroupField !== undefined) {
this.mainBody.update('');
this.cm.setHidden(this.cm.findColumnIndex(this.lastGroupField), false);
delete this.lastGroupField;
} else if (eg && this.lastGroupField === undefined) {
this.lastGroupField = groupField;
this.cm.setHidden(colIndex, true);
} else if (eg && this.lastGroupField !== undefined && groupField !== this.lastGroupField) {
this.mainBody.update('');
var oldIndex = this.cm.findColumnIndex(this.lastGroupField);
this.cm.setHidden(oldIndex, false);
this.lastGroupField = groupField;
this.cm.setHidden(colIndex, true);
}
}
return Ext.grid.GroupingView.superclass.renderRows.apply(
this, arguments);
},
doRender: function (cs, rs, ds, startRow, colCount, stripe) {
if (rs.length < 1) {
return '';
}
var groupField = this.getGroupField();
var colIndex = this.cm.findColumnIndex(groupField);
this.enableGrouping = !!groupField;
if (!this.enableGrouping || this.isUpdating) {
return Ext.grid.GroupingView.superclass.doRender.apply(
this, arguments);
}
var gstyle = 'width:' + this.getTotalWidth() + ';';
var gidPrefix = this.grid.getGridEl().id;
var cfg = this.cm.config[colIndex];
var groupRenderer = cfg.groupRenderer || cfg.renderer;
var prefix = this.showGroupName ?
(cfg.groupName || cfg.header) + ': ' : '';
var groups = [], curGroup, i, len, gid;
for (i = 0, len = rs.length; i < len; i++) {
var rowIndex = startRow + i;
var r = rs[i],
gvalue = r.data[groupField],
g = this.getGroup(gvalue, r, groupRenderer, rowIndex, colIndex, ds);
if (!curGroup || curGroup.group != g) {
gid = gidPrefix + '-gp-' + groupField + '-' + Ext.util.Format.htmlEncode(g);
var isCollapsed = typeof this.state[gid] !== 'undefined' ? !this.state[gid] : this.startCollapsed;
var gcls = isCollapsed ? 'x-grid-group-collapsed' : '';
curGroup = {
group: g,
gvalue: gvalue,
text: prefix + g,
groupId: gid,
startRow: rowIndex,
rs: [r],
cls: gcls,
style: gstyle
};
groups.push(curGroup);
} else {
curGroup.rs.push(r);
}
r._groupId = gid;
}
var buf = [];
for (i = 0, len = groups.length; i < len; i++) {
var g = groups[i];
this.doGroupStart(buf, g, cs, ds, colCount);
buf[buf.length] = Ext.grid.GroupingView.superclass.doRender.call(
this, cs, g.rs, ds, g.startRow, colCount, stripe);
this.doGroupEnd(buf, g, cs, ds, colCount);
}
return buf.join('');
},
getGroupId: function (value) {
var gidPrefix = this.grid.getGridEl().id;
var groupField = this.getGroupField();
var colIndex = this.cm.findColumnIndex(groupField);
var cfg = this.cm.config[colIndex];
var groupRenderer = cfg.groupRenderer || cfg.renderer;
var gtext = this.getGroup(value, { data: {} }, groupRenderer, 0, colIndex, this.ds);
return gidPrefix + '-gp-' + groupField + '-' + Ext.util.Format.htmlEncode(value);
},
doGroupStart: function (buf, g, cs, ds, colCount) {
buf[buf.length] = this.startGroup.apply(g);
},
doGroupEnd: function (buf, g, cs, ds, colCount) {
buf[buf.length] = this.endGroup;
},
getRows: function () {
if (!this.enableGrouping) {
return Ext.grid.GroupingView.superclass.getRows.call(this);
}
var r = [];
var g, gs = this.getGroups();
for (var i = 0, len = gs.length; i < len; i++) {
g = gs[i].childNodes[1].childNodes;
for (var j = 0, jlen = g.length; j < jlen; j++) {
r[r.length] = g[j];
}
}
return r;
},
updateGroupWidths: function () {
if (!this.enableGrouping || !this.hasRows()) {
return;
}
var tw = Math.max(this.cm.getTotalWidth(), this.el.dom.offsetWidth - this.scrollOffset) + 'px';
var gs = this.getGroups();
for (var i = 0, len = gs.length; i < len; i++) {
gs[i].firstChild.style.width = tw;
}
},
onColumnWidthUpdated: function (col, w, tw) {
this.updateGroupWidths();
},
onAllColumnWidthsUpdated: function (ws, tw) {
this.updateGroupWidths();
},
onColumnHiddenUpdated: function (col, hidden, tw) {
this.updateGroupWidths();
},
onLayout: function () {
this.updateGroupWidths();
},
onBeforeRowSelect: function (sm, rowIndex) {
if (!this.enableGrouping) {
return;
}
var row = this.getRow(rowIndex);
if (row && !row.offsetParent) {
var g = this.findGroup(row);
this.toggleGroup(g, true);
}
},
groupByText: 'Group By This Field',
showGroupsText: 'Show in Groups'
});
Ext.grid.GroupingView.GROUP_ID = 1000;
Ext.grid.HeaderDragZone = function (grid, hd, hd2) {
this.grid = grid;
this.view = grid.getView();
this.ddGroup = "gridHeader" + this.grid.getGridEl().id;
Ext.grid.HeaderDragZone.superclass.constructor.call(this, hd);
if (hd2) {
this.setHandleElId(Ext.id(hd));
this.setOuterHandleElId(Ext.id(hd2));
}
this.scroll = false;
};
Ext.extend(Ext.grid.HeaderDragZone, Ext.dd.DragZone, {
maxDragWidth: 120,
getDragData: function (e) {
var t = Ext.lib.Event.getTarget(e);
var h = this.view.findHeaderCell(t);
if (h) {
return { ddel: h.firstChild, header: h };
}
return false;
},
onInitDrag: function (e) {
this.view.headersDisabled = true;
var clone = this.dragData.ddel.cloneNode(true);
clone.id = Ext.id();
clone.style.width = Math.min(this.dragData.header.offsetWidth, this.maxDragWidth) + "px";
this.proxy.update(clone);
return true;
},
afterValidDrop: function () {
var v = this.view;
setTimeout(function () {
v.headersDisabled = false;
}, 50);
},
afterInvalidDrop: function () {
var v = this.view;
setTimeout(function () {
v.headersDisabled = false;
}, 50);
}
});
Ext.grid.HeaderDropZone = function (grid, hd, hd2) {
this.grid = grid;
this.view = grid.getView();
this.proxyTop = Ext.DomHelper.append(document.body, {
cls: "col-move-top", html: " "
}, true);
this.proxyBottom = Ext.DomHelper.append(document.body, {
cls: "col-move-bottom", html: " "
}, true);
this.proxyTop.hide = this.proxyBottom.hide = function () {
this.setLeftTop(-100, -100);
this.setStyle("visibility", "hidden");
};
this.ddGroup = "gridHeader" + this.grid.getGridEl().id;
Ext.grid.HeaderDropZone.superclass.constructor.call(this, grid.getGridEl().dom);
};
Ext.extend(Ext.grid.HeaderDropZone, Ext.dd.DropZone, {
proxyOffsets: [-4, -9],
fly: Ext.Element.fly,
getTargetFromEvent: function (e) {
var t = Ext.lib.Event.getTarget(e);
var cindex = this.view.findCellIndex(t);
if (cindex !== false) {
return this.view.getHeaderCell(cindex);
}
},
nextVisible: function (h) {
var v = this.view, cm = this.grid.colModel;
h = h.nextSibling;
while (h) {
if (!cm.isHidden(v.getCellIndex(h))) {
return h;
}
h = h.nextSibling;
}
return null;
},
prevVisible: function (h) {
var v = this.view, cm = this.grid.colModel;
h = h.prevSibling;
while (h) {
if (!cm.isHidden(v.getCellIndex(h))) {
return h;
}
h = h.prevSibling;
}
return null;
},
positionIndicator: function (h, n, e) {
var x = Ext.lib.Event.getPageX(e);
var r = Ext.lib.Dom.getRegion(n.firstChild);
var px, pt, py = r.top + this.proxyOffsets[1];
if ((r.right - x) <= (r.right - r.left) / 2) {
px = r.right + this.view.borderWidth;
pt = "after";
} else {
px = r.left;
pt = "before";
}
var oldIndex = this.view.getCellIndex(h);
var newIndex = this.view.getCellIndex(n);
if (this.grid.colModel.isFixed(newIndex)) {
return false;
}
var locked = this.grid.colModel.isLocked(newIndex);
if (pt == "after") {
newIndex++;
}
if (oldIndex < newIndex) {
newIndex--;
}
if (oldIndex == newIndex && (locked == this.grid.colModel.isLocked(oldIndex))) {
return false;
}
px += this.proxyOffsets[0];
this.proxyTop.setLeftTop(px, py);
this.proxyTop.show();
if (!this.bottomOffset) {
this.bottomOffset = this.view.mainHd.getHeight();
}
this.proxyBottom.setLeftTop(px, py + this.proxyTop.dom.offsetHeight + this.bottomOffset);
this.proxyBottom.show();
return pt;
},
onNodeEnter: function (n, dd, e, data) {
if (data.header != n) {
this.positionIndicator(data.header, n, e);
}
},
onNodeOver: function (n, dd, e, data) {
var result = false;
if (data.header != n) {
result = this.positionIndicator(data.header, n, e);
}
if (!result) {
this.proxyTop.hide();
this.proxyBottom.hide();
}
return result ? this.dropAllowed : this.dropNotAllowed;
},
onNodeOut: function (n, dd, e, data) {
this.proxyTop.hide();
this.proxyBottom.hide();
},
onNodeDrop: function (n, dd, e, data) {
var h = data.header;
if (h != n) {
var cm = this.grid.colModel;
var x = Ext.lib.Event.getPageX(e);
var r = Ext.lib.Dom.getRegion(n.firstChild);
var pt = (r.right - x) <= ((r.right - r.left) / 2) ? "after" : "before";
var oldIndex = this.view.getCellIndex(h);
var newIndex = this.view.getCellIndex(n);
var locked = cm.isLocked(newIndex);
if (pt == "after") {
newIndex++;
}
if (oldIndex < newIndex) {
newIndex--;
}
if (oldIndex == newIndex && (locked == cm.isLocked(oldIndex))) {
return false;
}
cm.setLocked(oldIndex, locked, true);
cm.moveColumn(oldIndex, newIndex);
this.grid.fireEvent("columnmove", oldIndex, newIndex);
return true;
}
return false;
}
});
Ext.grid.GridView.ColumnDragZone = function (grid, hd) {
Ext.grid.GridView.ColumnDragZone.superclass.constructor.call(this, grid, hd, null);
this.proxy.el.addClass('x-grid3-col-dd');
};
Ext.extend(Ext.grid.GridView.ColumnDragZone, Ext.grid.HeaderDragZone, {
handleMouseDown: function (e) {
},
callHandleMouseDown: function (e) {
Ext.grid.GridView.ColumnDragZone.superclass.handleMouseDown.call(this, e);
}
});
Ext.grid.SplitDragZone = function (grid, hd, hd2) {
this.grid = grid;
this.view = grid.getView();
this.proxy = this.view.resizeProxy;
Ext.grid.SplitDragZone.superclass.constructor.call(this, hd,
"gridSplitters" + this.grid.getGridEl().id, {
dragElId: Ext.id(this.proxy.dom), resizeFrame: false
});
this.setHandleElId(Ext.id(hd));
this.setOuterHandleElId(Ext.id(hd2));
this.scroll = false;
};
Ext.extend(Ext.grid.SplitDragZone, Ext.dd.DDProxy, {
fly: Ext.Element.fly,
b4StartDrag: function (x, y) {
this.view.headersDisabled = true;
this.proxy.setHeight(this.view.mainWrap.getHeight());
var w = this.cm.getColumnWidth(this.cellIndex);
var minw = Math.max(w - this.grid.minColumnWidth, 0);
this.resetConstraints();
this.setXConstraint(minw, 1000);
this.setYConstraint(0, 0);
this.minX = x - minw;
this.maxX = x + 1000;
this.startPos = x;
Ext.dd.DDProxy.prototype.b4StartDrag.call(this, x, y);
},
handleMouseDown: function (e) {
ev = Ext.EventObject.setEvent(e);
var t = this.fly(ev.getTarget());
if (t.hasClass("x-grid-split")) {
this.cellIndex = this.view.getCellIndex(t.dom);
this.split = t.dom;
this.cm = this.grid.colModel;
if (this.cm.isResizable(this.cellIndex) && !this.cm.isFixed(this.cellIndex)) {
Ext.grid.SplitDragZone.superclass.handleMouseDown.apply(this, arguments);
}
}
},
endDrag: function (e) {
this.view.headersDisabled = false;
var endX = Math.max(this.minX, Ext.lib.Event.getPageX(e));
var diff = endX - this.startPos;
this.view.onColumnSplitterMoved(this.cellIndex, this.cm.getColumnWidth(this.cellIndex) + diff);
},
autoOffset: function () {
this.setDelta(0, 0);
}
});
Ext.grid.GridDragZone = function (grid, config) {
this.view = grid.getView();
Ext.grid.GridDragZone.superclass.constructor.call(this, this.view.mainBody.dom, config);
if (this.view.lockedBody) {
this.setHandleElId(Ext.id(this.view.mainBody.dom));
this.setOuterHandleElId(Ext.id(this.view.lockedBody.dom));
}
this.scroll = false;
this.grid = grid;
this.ddel = document.createElement('div');
this.ddel.className = 'x-grid-dd-wrap';
};
Ext.extend(Ext.grid.GridDragZone, Ext.dd.DragZone, {
ddGroup: "GridDD",
getDragData: function (e) {
var t = Ext.lib.Event.getTarget(e);
var rowIndex = this.view.findRowIndex(t);
if (rowIndex !== false) {
var sm = this.grid.selModel;
if (!sm.isSelected(rowIndex) || e.hasModifier()) {
sm.handleMouseDown(this.grid, rowIndex, e);
}
return { grid: this.grid, ddel: this.ddel, rowIndex: rowIndex, selections: sm.getSelections() };
}
return false;
},
onInitDrag: function (e) {
var data = this.dragData;
this.ddel.innerHTML = this.grid.getDragDropText();
this.proxy.update(this.ddel);
},
afterRepair: function () {
this.dragging = false;
},
getRepairXY: function (e, data) {
return false;
},
onEndDrag: function (data, e) {
},
onValidDrop: function (dd, e, id) {
this.hideProxy();
},
beforeInvalidDrop: function (e, id) {
}
});
Ext.grid.ColumnModel = function (config) {
this.defaultWidth = 100;
this.defaultSortable = false;
if (config.columns) {
Ext.apply(this, config);
this.setConfig(config.columns, true);
} else {
this.setConfig(config, true);
}
this.addEvents(
"widthchange",
"headerchange",
"hiddenchange",
"columnmoved",
"columnlockchange",
"configchange"
);
Ext.grid.ColumnModel.superclass.constructor.call(this);
};
Ext.extend(Ext.grid.ColumnModel, Ext.util.Observable, {
getColumnId: function (index) {
return this.config[index].id;
},
setConfig: function (config, initial) {
if (!initial) {
delete this.totalWidth;
for (var i = 0, len = this.config.length; i < len; i++) {
var c = this.config[i];
if (c.editor) {
c.editor.destroy();
}
}
}
this.config = config;
this.lookup = {};
for (var i = 0, len = config.length; i < len; i++) {
var c = config[i];
if (typeof c.renderer == "string") {
c.renderer = Ext.util.Format[c.renderer];
}
if (typeof c.id == "undefined") {
c.id = i;
}
if (c.editor && c.editor.isFormField) {
c.editor = new Ext.grid.GridEditor(c.editor);
}
this.lookup[c.id] = c;
}
if (!initial) {
this.fireEvent('configchange', this);
}
},
getColumnById: function (id) {
return this.lookup[id];
},
getIndexById: function (id) {
for (var i = 0, len = this.config.length; i < len; i++) {
if (this.config[i].id == id) {
return i;
}
}
return -1;
},
moveColumn: function (oldIndex, newIndex) {
var c = this.config[oldIndex];
this.config.splice(oldIndex, 1);
this.config.splice(newIndex, 0, c);
this.dataMap = null;
this.fireEvent("columnmoved", this, oldIndex, newIndex);
},
isLocked: function (colIndex) {
return this.config[colIndex].locked === true;
},
setLocked: function (colIndex, value, suppressEvent) {
if (this.isLocked(colIndex) == value) {
return;
}
this.config[colIndex].locked = value;
if (!suppressEvent) {
this.fireEvent("columnlockchange", this, colIndex, value);
}
},
getTotalLockedWidth: function () {
var totalWidth = 0;
for (var i = 0; i < this.config.length; i++) {
if (this.isLocked(i) && !this.isHidden(i)) {
this.totalWidth += this.getColumnWidth(i);
}
}
return totalWidth;
},
getLockedCount: function () {
for (var i = 0, len = this.config.length; i < len; i++) {
if (!this.isLocked(i)) {
return i;
}
}
},
getColumnCount: function (visibleOnly) {
if (visibleOnly === true) {
var c = 0;
for (var i = 0, len = this.config.length; i < len; i++) {
if (!this.isHidden(i)) {
c++;
}
}
return c;
}
return this.config.length;
},
getColumnsBy: function (fn, scope) {
var r = [];
for (var i = 0, len = this.config.length; i < len; i++) {
var c = this.config[i];
if (fn.call(scope || this, c, i) === true) {
r[r.length] = c;
}
}
return r;
},
isSortable: function (col) {
if (typeof this.config[col].sortable == "undefined") {
return this.defaultSortable;
}
return this.config[col].sortable;
},
isMenuDisabled: function (col) {
return !!this.config[col].menuDisabled;
},
getRenderer: function (col) {
if (!this.config[col].renderer) {
return Ext.grid.ColumnModel.defaultRenderer;
}
return this.config[col].renderer;
},
setRenderer: function (col, fn) {
this.config[col].renderer = fn;
},
getColumnWidth: function (col) {
return this.config[col].width || this.defaultWidth;
},
setColumnWidth: function (col, width, suppressEvent) {
this.config[col].width = width;
this.totalWidth = null;
if (!suppressEvent) {
this.fireEvent("widthchange", this, col, width);
}
},
getTotalWidth: function (includeHidden) {
if (!this.totalWidth) {
this.totalWidth = 0;
for (var i = 0, len = this.config.length; i < len; i++) {
if (includeHidden || !this.isHidden(i)) {
this.totalWidth += this.getColumnWidth(i);
}
}
}
return this.totalWidth;
},
getColumnHeader: function (col) {
return this.config[col].header;
},
setColumnHeader: function (col, header) {
this.config[col].header = header;
this.fireEvent("headerchange", this, col, header);
},
getColumnTooltip: function (col) {
return this.config[col].tooltip;
},
setColumnTooltip: function (col, tooltip) {
this.config[col].tooltip = tooltip;
},
getDataIndex: function (col) {
return this.config[col].dataIndex;
},
setDataIndex: function (col, dataIndex) {
this.config[col].dataIndex = dataIndex;
},
findColumnIndex: function (dataIndex) {
var c = this.config;
for (var i = 0, len = c.length; i < len; i++) {
if (c[i].dataIndex == dataIndex) {
return i;
}
}
return -1;
},
isCellEditable: function (colIndex, rowIndex) {
return (this.config[colIndex].editable || (typeof this.config[colIndex].editable == "undefined" && this.config[colIndex].editor)) ? true : false;
},
getCellEditor: function (colIndex, rowIndex) {
return this.config[colIndex].editor;
},
setEditable: function (col, editable) {
this.config[col].editable = editable;
},
isHidden: function (colIndex) {
return this.config[colIndex].hidden;
},
isFixed: function (colIndex) {
return this.config[colIndex].fixed;
},
isResizable: function (colIndex) {
return colIndex >= 0 && this.config[colIndex].resizable !== false && this.config[colIndex].fixed !== true;
},
setHidden: function (colIndex, hidden) {
var c = this.config[colIndex];
if (c.hidden !== hidden) {
c.hidden = hidden;
this.totalWidth = null;
this.fireEvent("hiddenchange", this, colIndex, hidden);
}
},
setEditor: function (col, editor) {
this.config[col].editor = editor;
}
});
Ext.grid.ColumnModel.defaultRenderer = function (value) {
if (typeof value == "string" && value.length < 1) {
return " ";
}
return value;
};
Ext.grid.DefaultColumnModel = Ext.grid.ColumnModel;
Ext.grid.AbstractSelectionModel = function () {
this.locked = false;
Ext.grid.AbstractSelectionModel.superclass.constructor.call(this);
};
Ext.extend(Ext.grid.AbstractSelectionModel, Ext.util.Observable, {
init: function (grid) {
this.grid = grid;
this.initEvents();
},
lock: function () {
this.locked = true;
},
unlock: function () {
this.locked = false;
},
isLocked: function () {
return this.locked;
}
});
Ext.grid.RowSelectionModel = function (config) {
Ext.apply(this, config);
this.selections = new Ext.util.MixedCollection(false, function (o) {
return o.id;
});
this.last = false;
this.lastActive = false;
this.addEvents(
"selectionchange",
"beforerowselect",
"rowselect",
"rowdeselect"
);
Ext.grid.RowSelectionModel.superclass.constructor.call(this);
};
Ext.extend(Ext.grid.RowSelectionModel, Ext.grid.AbstractSelectionModel, {
singleSelect: false,
initEvents: function () {
if (!this.grid.enableDragDrop && !this.grid.enableDrag) {
this.grid.on("rowmousedown", this.handleMouseDown, this);
} else {
this.grid.on("rowclick", function (grid, rowIndex, e) {
if (e.button === 0 && !e.shiftKey && !e.ctrlKey) {
this.selectRow(rowIndex, false);
grid.view.focusRow(rowIndex);
}
}, this);
}
this.rowNav = new Ext.KeyNav(this.grid.getGridEl(), {
"up": function (e) {
if (!e.shiftKey) {
this.selectPrevious(e.shiftKey);
} else if (this.last !== false && this.lastActive !== false) {
var last = this.last;
this.selectRange(this.last, this.lastActive - 1);
this.grid.getView().focusRow(this.lastActive);
if (last !== false) {
this.last = last;
}
} else {
this.selectFirstRow();
}
},
"down": function (e) {
if (!e.shiftKey) {
this.selectNext(e.shiftKey);
} else if (this.last !== false && this.lastActive !== false) {
var last = this.last;
this.selectRange(this.last, this.lastActive + 1);
this.grid.getView().focusRow(this.lastActive);
if (last !== false) {
this.last = last;
}
} else {
this.selectFirstRow();
}
},
scope: this
});
var view = this.grid.view;
view.on("refresh", this.onRefresh, this);
view.on("rowupdated", this.onRowUpdated, this);
view.on("rowremoved", this.onRemove, this);
},
onRefresh: function () {
var ds = this.grid.store, index;
var s = this.getSelections();
this.clearSelections(true);
for (var i = 0, len = s.length; i < len; i++) {
var r = s[i];
if ((index = ds.indexOfId(r.id)) != -1) {
this.selectRow(index, true);
}
}
if (s.length != this.selections.getCount()) {
this.fireEvent("selectionchange", this);
}
},
onRemove: function (v, index, r) {
if (this.selections.remove(r) !== false) {
this.fireEvent('selectionchange', this);
}
},
onRowUpdated: function (v, index, r) {
if (this.isSelected(r)) {
v.onRowSelect(index);
}
},
selectRecords: function (records, keepExisting) {
if (!keepExisting) {
this.clearSelections();
}
var ds = this.grid.store;
for (var i = 0, len = records.length; i < len; i++) {
this.selectRow(ds.indexOf(records[i]), true);
}
},
getCount: function () {
return this.selections.length;
},
selectFirstRow: function () {
this.selectRow(0);
},
selectLastRow: function (keepExisting) {
this.selectRow(this.grid.store.getCount() - 1, keepExisting);
},
selectNext: function (keepExisting) {
if (this.hasNext()) {
this.selectRow(this.last + 1, keepExisting);
this.grid.getView().focusRow(this.last);
return true;
}
return false;
},
selectPrevious: function (keepExisting) {
if (this.hasPrevious()) {
this.selectRow(this.last - 1, keepExisting);
this.grid.getView().focusRow(this.last);
return true;
}
return false;
},
hasNext: function () {
return this.last !== false && (this.last + 1) < this.grid.store.getCount();
},
hasPrevious: function () {
return !!this.last;
},
getSelections: function () {
return [].concat(this.selections.items);
},
getSelected: function () {
return this.selections.itemAt(0);
},
each: function (fn, scope) {
var s = this.getSelections();
for (var i = 0, len = s.length; i < len; i++) {
if (fn.call(scope || this, s[i], i) === false) {
return false;
}
}
return true;
},
clearSelections: function (fast) {
if (this.locked) return;
if (fast !== true) {
var ds = this.grid.store;
var s = this.selections;
s.each(function (r) {
this.deselectRow(ds.indexOfId(r.id));
}, this);
s.clear();
} else {
this.selections.clear();
}
this.last = false;
},
selectAll: function () {
if (this.locked) return;
this.selections.clear();
for (var i = 0, len = this.grid.store.getCount(); i < len; i++) {
this.selectRow(i, true);
}
},
hasSelection: function () {
return this.selections.length > 0;
},
isSelected: function (index) {
var r = typeof index == "number" ? this.grid.store.getAt(index) : index;
return (r && this.selections.key(r.id) ? true : false);
},
isIdSelected: function (id) {
return (this.selections.key(id) ? true : false);
},
handleMouseDown: function (g, rowIndex, e) {
if (e.button !== 0 || this.isLocked()) {
return;
};
var view = this.grid.getView();
if (e.shiftKey && this.last !== false) {
var last = this.last;
this.selectRange(last, rowIndex, e.ctrlKey);
this.last = last; view.focusRow(rowIndex);
} else {
var isSelected = this.isSelected(rowIndex);
if (e.ctrlKey && isSelected) {
this.deselectRow(rowIndex);
} else if (!isSelected || this.getCount() > 1) {
this.selectRow(rowIndex, e.ctrlKey || e.shiftKey);
view.focusRow(rowIndex);
}
}
},
selectRows: function (rows, keepExisting) {
if (!keepExisting) {
this.clearSelections();
}
for (var i = 0, len = rows.length; i < len; i++) {
this.selectRow(rows[i], true);
}
},
selectRange: function (startRow, endRow, keepExisting) {
if (this.locked) return;
if (!keepExisting) {
this.clearSelections();
}
if (startRow <= endRow) {
for (var i = startRow; i <= endRow; i++) {
this.selectRow(i, true);
}
} else {
for (var i = startRow; i >= endRow; i--) {
this.selectRow(i, true);
}
}
},
deselectRange: function (startRow, endRow, preventViewNotify) {
if (this.locked) return;
for (var i = startRow; i <= endRow; i++) {
this.deselectRow(i, preventViewNotify);
}
},
selectRow: function (index, keepExisting, preventViewNotify) {
if (this.locked || (index < 0 || index >= this.grid.store.getCount()) || this.isSelected(index)) return;
var r = this.grid.store.getAt(index);
if (r && this.fireEvent("beforerowselect", this, index, keepExisting, r) !== false) {
if (!keepExisting || this.singleSelect) {
this.clearSelections();
}
this.selections.add(r);
this.last = this.lastActive = index;
if (!preventViewNotify) {
this.grid.getView().onRowSelect(index);
}
this.fireEvent("rowselect", this, index, r);
this.fireEvent("selectionchange", this);
}
},
deselectRow: function (index, preventViewNotify) {
if (this.locked) return;
if (this.last == index) {
this.last = false;
}
if (this.lastActive == index) {
this.lastActive = false;
}
var r = this.grid.store.getAt(index);
if (r) {
this.selections.remove(r);
if (!preventViewNotify) {
this.grid.getView().onRowDeselect(index);
}
this.fireEvent("rowdeselect", this, index, r);
this.fireEvent("selectionchange", this);
}
},
restoreLast: function () {
if (this._last) {
this.last = this._last;
}
},
acceptsNav: function (row, col, cm) {
return !cm.isHidden(col) && cm.isCellEditable(col, row);
},
onEditorKey: function (field, e) {
var k = e.getKey(), newCell, g = this.grid, ed = g.activeEditor;
var shift = e.shiftKey;
if (k == e.TAB) {
e.stopEvent();
ed.completeEdit();
if (shift) {
newCell = g.walkCells(ed.row, ed.col - 1, -1, this.acceptsNav, this);
} else {
newCell = g.walkCells(ed.row, ed.col + 1, 1, this.acceptsNav, this);
}
} else if (k == e.ENTER) {
e.stopEvent();
ed.completeEdit();
if (this.moveEditorOnEnter !== false) {
if (shift) {
newCell = g.walkCells(ed.row - 1, ed.col, -1, this.acceptsNav, this);
} else {
newCell = g.walkCells(ed.row + 1, ed.col, 1, this.acceptsNav, this);
}
}
} else if (k == e.ESC) {
ed.cancelEdit();
}
if (newCell) {
g.startEditing(newCell[0], newCell[1]);
}
}
});
Ext.grid.CellSelectionModel = function (config) {
Ext.apply(this, config);
this.selection = null;
this.addEvents(
"beforecellselect",
"cellselect",
"selectionchange"
);
Ext.grid.CellSelectionModel.superclass.constructor.call(this);
};
Ext.extend(Ext.grid.CellSelectionModel, Ext.grid.AbstractSelectionModel, {
initEvents: function () {
this.grid.on("cellmousedown", this.handleMouseDown, this);
this.grid.getGridEl().on(Ext.isIE || Ext.isSafari3 ? "keydown" : "keypress", this.handleKeyDown, this);
var view = this.grid.view;
view.on("refresh", this.onViewChange, this);
view.on("rowupdated", this.onRowUpdated, this);
view.on("beforerowremoved", this.clearSelections, this);
view.on("beforerowsinserted", this.clearSelections, this);
if (this.grid.isEditor) {
this.grid.on("beforeedit", this.beforeEdit, this);
}
},
beforeEdit: function (e) {
this.select(e.row, e.column, false, true, e.record);
},
onRowUpdated: function (v, index, r) {
if (this.selection && this.selection.record == r) {
v.onCellSelect(index, this.selection.cell[1]);
}
},
onViewChange: function () {
this.clearSelections(true);
},
getSelectedCell: function () {
return this.selection ? this.selection.cell : null;
},
clearSelections: function (preventNotify) {
var s = this.selection;
if (s) {
if (preventNotify !== true) {
this.grid.view.onCellDeselect(s.cell[0], s.cell[1]);
}
this.selection = null;
this.fireEvent("selectionchange", this, null);
}
},
hasSelection: function () {
return this.selection ? true : false;
},
handleMouseDown: function (g, row, cell, e) {
if (e.button !== 0 || this.isLocked()) {
return;
};
this.select(row, cell);
},
select: function (rowIndex, colIndex, preventViewNotify, preventFocus, r) {
if (this.fireEvent("beforecellselect", this, rowIndex, colIndex) !== false) {
this.clearSelections();
r = r || this.grid.store.getAt(rowIndex);
this.selection = {
record: r,
cell: [rowIndex, colIndex]
};
if (!preventViewNotify) {
var v = this.grid.getView();
v.onCellSelect(rowIndex, colIndex);
if (preventFocus !== true) {
v.focusCell(rowIndex, colIndex);
}
}
this.fireEvent("cellselect", this, rowIndex, colIndex);
this.fireEvent("selectionchange", this, this.selection);
}
},
isSelectable: function (rowIndex, colIndex, cm) {
return !cm.isHidden(colIndex);
},
handleKeyDown: function (e) {
if (!e.isNavKeyPress()) {
return;
}
var g = this.grid, s = this.selection;
if (!s) {
e.stopEvent();
var cell = g.walkCells(0, 0, 1, this.isSelectable, this);
if (cell) {
this.select(cell[0], cell[1]);
}
return;
}
var sm = this;
var walk = function (row, col, step) {
return g.walkCells(row, col, step, sm.isSelectable, sm);
};
var k = e.getKey(), r = s.cell[0], c = s.cell[1];
var newCell;
switch (k) {
case e.TAB:
if (e.shiftKey) {
newCell = walk(r, c - 1, -1);
} else {
newCell = walk(r, c + 1, 1);
}
break;
case e.DOWN:
newCell = walk(r + 1, c, 1);
break;
case e.UP:
newCell = walk(r - 1, c, -1);
break;
case e.RIGHT:
newCell = walk(r, c + 1, 1);
break;
case e.LEFT:
newCell = walk(r, c - 1, -1);
break;
case e.ENTER:
if (g.isEditor && !g.editing) {
g.startEditing(r, c);
e.stopEvent();
return;
}
break;
};
if (newCell) {
this.select(newCell[0], newCell[1]);
e.stopEvent();
}
},
acceptsNav: function (row, col, cm) {
return !cm.isHidden(col) && cm.isCellEditable(col, row);
},
onEditorKey: function (field, e) {
var k = e.getKey(), newCell, g = this.grid, ed = g.activeEditor;
if (k == e.TAB) {
if (e.shiftKey) {
newCell = g.walkCells(ed.row, ed.col - 1, -1, this.acceptsNav, this);
} else {
newCell = g.walkCells(ed.row, ed.col + 1, 1, this.acceptsNav, this);
}
e.stopEvent();
} else if (k == e.ENTER) {
ed.completeEdit();
e.stopEvent();
} else if (k == e.ESC) {
e.stopEvent();
ed.cancelEdit();
}
if (newCell) {
g.startEditing(newCell[0], newCell[1]);
}
}
});
Ext.grid.EditorGridPanel = Ext.extend(Ext.grid.GridPanel, {
clicksToEdit: 2,
isEditor: true,
detectEdit: false,
autoEncode: false,
trackMouseOver: false,
initComponent: function () {
Ext.grid.EditorGridPanel.superclass.initComponent.call(this);
if (!this.selModel) {
this.selModel = new Ext.grid.CellSelectionModel();
}
this.activeEditor = null;
this.addEvents(
"beforeedit",
"afteredit",
"validateedit"
);
},
initEvents: function () {
Ext.grid.EditorGridPanel.superclass.initEvents.call(this);
this.on("bodyscroll", this.stopEditing, this, [true]);
if (this.clicksToEdit == 1) {
this.on("cellclick", this.onCellDblClick, this);
} else {
if (this.clicksToEdit == 'auto' && this.view.mainBody) {
this.view.mainBody.on("mousedown", this.onAutoEditClick, this);
}
this.on("celldblclick", this.onCellDblClick, this);
}
this.getGridEl().addClass("xedit-grid");
},
onCellDblClick: function (g, row, col) {
this.startEditing(row, col);
},
onAutoEditClick: function (e, t) {
if (e.button !== 0) {
return;
}
var row = this.view.findRowIndex(t);
var col = this.view.findCellIndex(t);
if (row !== false && col !== false) {
this.stopEditing();
if (this.selModel.getSelectedCell) {
var sc = this.selModel.getSelectedCell();
if (sc && sc.cell[0] === row && sc.cell[1] === col) {
this.startEditing(row, col);
}
} else {
if (this.selModel.isSelected(row)) {
this.startEditing(row, col);
}
}
}
},
onEditComplete: function (ed, value, startValue) {
this.editing = false;
this.activeEditor = null;
ed.un("specialkey", this.selModel.onEditorKey, this.selModel);
var r = ed.record;
var field = this.colModel.getDataIndex(ed.col);
value = this.postEditValue(value, startValue, r, field);
if (String(value) !== String(startValue)) {
var e = {
grid: this,
record: r,
field: field,
originalValue: startValue,
value: value,
row: ed.row,
column: ed.col,
cancel: false
};
if (this.fireEvent("validateedit", e) !== false && !e.cancel) {
r.set(field, e.value);
delete e.cancel;
this.fireEvent("afteredit", e);
}
}
this.view.focusCell(ed.row, ed.col);
},
startEditing: function (row, col) {
this.stopEditing();
if (this.colModel.isCellEditable(col, row)) {
this.view.ensureVisible(row, col, true);
var r = this.store.getAt(row);
var field = this.colModel.getDataIndex(col);
var e = {
grid: this,
record: r,
field: field,
value: r.data[field],
row: row,
column: col,
cancel: false
};
if (this.fireEvent("beforeedit", e) !== false && !e.cancel) {
this.editing = true;
var ed = this.colModel.getCellEditor(col, row);
if (!ed.rendered) {
ed.render(this.view.getEditorParent(ed));
}
(function () {
ed.row = row;
ed.col = col;
ed.record = r;
ed.on("complete", this.onEditComplete, this, { single: true });
ed.on("specialkey", this.selModel.onEditorKey, this.selModel);
this.activeEditor = ed;
var v = this.preEditValue(r, field);
ed.startEdit(this.view.getCell(row, col).firstChild, v);
}).defer(50, this);
}
}
},
preEditValue: function (r, field) {
var value = r.data[field];
return this.autoEncode && typeof value == 'string' ? Ext.util.Format.htmlDecode(value) : value;
},
postEditValue: function (value, originalValue, r, field) {
return this.autoEncode && typeof value == 'string' ? Ext.util.Format.htmlEncode(value) : value;
},
stopEditing: function (cancel) {
if (this.activeEditor) {
this.activeEditor[cancel === true ? 'cancelEdit' : 'completeEdit']();
}
this.activeEditor = null;
},
onDestroy: function () {
if (this.rendered) {
var cols = this.colModel.config;
for (var i = 0, len = cols.length; i < len; i++) {
var c = cols[i];
Ext.destroy(c.editor);
}
}
Ext.grid.EditorGridPanel.superclass.onDestroy.call(this);
}
});
Ext.reg('editorgrid', Ext.grid.EditorGridPanel);
Ext.grid.GridEditor = function (field, config) {
Ext.grid.GridEditor.superclass.constructor.call(this, field, config);
field.monitorTab = false;
};
Ext.extend(Ext.grid.GridEditor, Ext.Editor, {
alignment: "tl-tl",
autoSize: "width",
hideEl: false,
cls: "x-small-editor x-grid-editor",
shim: false,
shadow: false
});
Ext.grid.PropertyRecord = Ext.data.Record.create([
{ name: 'name', type: 'string' }, 'value'
]);
Ext.grid.PropertyStore = function (grid, source) {
this.grid = grid;
this.store = new Ext.data.Store({
recordType: Ext.grid.PropertyRecord
});
this.store.on('update', this.onUpdate, this);
if (source) {
this.setSource(source);
}
Ext.grid.PropertyStore.superclass.constructor.call(this);
};
Ext.extend(Ext.grid.PropertyStore, Ext.util.Observable, {
setSource: function (o) {
this.source = o;
this.store.removeAll();
var data = [];
for (var k in o) {
if (this.isEditableValue(o[k])) {
data.push(new Ext.grid.PropertyRecord({ name: k, value: o[k] }, k));
}
}
this.store.loadRecords({ records: data }, {}, true);
},
onUpdate: function (ds, record, type) {
if (type == Ext.data.Record.EDIT) {
var v = record.data['value'];
var oldValue = record.modified['value'];
if (this.grid.fireEvent('beforepropertychange', this.source, record.id, v, oldValue) !== false) {
this.source[record.id] = v;
record.commit();
this.grid.fireEvent('propertychange', this.source, record.id, v, oldValue);
} else {
record.reject();
}
}
},
getProperty: function (row) {
return this.store.getAt(row);
},
isEditableValue: function (val) {
if (Ext.isDate(val)) {
return true;
} else if (typeof val == 'object' || typeof val == 'function') {
return false;
}
return true;
},
setValue: function (prop, value) {
this.source[prop] = value;
this.store.getById(prop).set('value', value);
},
getSource: function () {
return this.source;
}
});
Ext.grid.PropertyColumnModel = function (grid, store) {
this.grid = grid;
var g = Ext.grid;
g.PropertyColumnModel.superclass.constructor.call(this, [
{ header: this.nameText, width: 50, sortable: true, dataIndex: 'name', id: 'name', menuDisabled: true },
{ header: this.valueText, width: 50, resizable: false, dataIndex: 'value', id: 'value', menuDisabled: true }
]);
this.store = store;
this.bselect = Ext.DomHelper.append(document.body, {
tag: 'select', cls: 'x-grid-editor x-hide-display', children: [
{ tag: 'option', value: 'true', html: 'true' },
{ tag: 'option', value: 'false', html: 'false' }
]
});
var f = Ext.form;
var bfield = new f.Field({
el: this.bselect,
bselect: this.bselect,
autoShow: true,
getValue: function () {
return this.bselect.value == 'true';
}
});
this.editors = {
'date': new g.GridEditor(new f.DateField({ selectOnFocus: true })),
'string': new g.GridEditor(new f.TextField({ selectOnFocus: true })),
'number': new g.GridEditor(new f.NumberField({ selectOnFocus: true, style: 'text-align:left;' })),
'boolean': new g.GridEditor(bfield)
};
this.renderCellDelegate = this.renderCell.createDelegate(this);
this.renderPropDelegate = this.renderProp.createDelegate(this);
};
Ext.extend(Ext.grid.PropertyColumnModel, Ext.grid.ColumnModel, {
nameText: 'Name',
valueText: 'Value',
dateFormat: 'm/j/Y',
renderDate: function (dateVal) {
return dateVal.dateFormat(this.dateFormat);
},
renderBool: function (bVal) {
return bVal ? 'true' : 'false';
},
isCellEditable: function (colIndex, rowIndex) {
return colIndex == 1;
},
getRenderer: function (col) {
return col == 1 ?
this.renderCellDelegate : this.renderPropDelegate;
},
renderProp: function (v) {
return this.getPropertyName(v);
},
renderCell: function (val) {
var rv = val;
if (Ext.isDate(val)) {
rv = this.renderDate(val);
} else if (typeof val == 'boolean') {
rv = this.renderBool(val);
}
return Ext.util.Format.htmlEncode(rv);
},
getPropertyName: function (name) {
var pn = this.grid.propertyNames;
return pn && pn[name] ? pn[name] : name;
},
getCellEditor: function (colIndex, rowIndex) {
var p = this.store.getProperty(rowIndex);
var n = p.data['name'], val = p.data['value'];
if (this.grid.customEditors[n]) {
return this.grid.customEditors[n];
}
if (Ext.isDate(val)) {
return this.editors['date'];
} else if (typeof val == 'number') {
return this.editors['number'];
} else if (typeof val == 'boolean') {
return this.editors['boolean'];
} else {
return this.editors['string'];
}
}
});
Ext.grid.PropertyGrid = Ext.extend(Ext.grid.EditorGridPanel, {
enableColumnMove: false,
stripeRows: false,
trackMouseOver: false,
clicksToEdit: 1,
enableHdMenu: false,
viewConfig: {
forceFit: true
},
initComponent: function () {
this.customEditors = this.customEditors || {};
this.lastEditRow = null;
var store = new Ext.grid.PropertyStore(this);
this.propStore = store;
var cm = new Ext.grid.PropertyColumnModel(this, store);
store.store.sort('name', 'ASC');
this.addEvents(
'beforepropertychange',
'propertychange'
);
this.cm = cm;
this.ds = store.store;
Ext.grid.PropertyGrid.superclass.initComponent.call(this);
this.selModel.on('beforecellselect', function (sm, rowIndex, colIndex) {
if (colIndex === 0) {
this.startEditing.defer(200, this, [rowIndex, 1]);
return false;
}
}, this);
},
onRender: function () {
Ext.grid.PropertyGrid.superclass.onRender.apply(this, arguments);
this.getGridEl().addClass('x-props-grid');
},
afterRender: function () {
Ext.grid.PropertyGrid.superclass.afterRender.apply(this, arguments);
if (this.source) {
this.setSource(this.source);
}
},
setSource: function (source) {
this.propStore.setSource(source);
},
getSource: function () {
return this.propStore.getSource();
}
});
Ext.reg("propertygrid", Ext.grid.PropertyGrid);
Ext.grid.RowNumberer = function (config) {
Ext.apply(this, config);
if (this.rowspan) {
this.renderer = this.renderer.createDelegate(this);
}
};
Ext.grid.RowNumberer.prototype = {
header: "",
width: 23,
sortable: false,
fixed: true,
menuDisabled: true,
dataIndex: '',
id: 'numberer',
rowspan: undefined,
renderer: function (v, p, record, rowIndex) {
if (this.rowspan) {
p.cellAttr = 'rowspan="' + this.rowspan + '"';
}
return rowIndex + 1;
}
};
Ext.grid.CheckboxSelectionModel = Ext.extend(Ext.grid.RowSelectionModel, {
header: '', this.groupTextTpl, '
'
);
}
this.startGroup.compile();
this.endGroup = '
',
'
'
);
if (position) {
this.el = tpl.insertBefore(position, { cls: this.baseCls }, true);
} else {
this.el = tpl.append(ct, { cls: this.baseCls }, true);
}
if (this.id) {
this.el.dom.id = this.id;
}
var inner = this.el.dom.firstChild;
this.progressBar = Ext.get(inner.firstChild);
if (this.textEl) {
this.textEl = Ext.get(this.textEl);
delete this.textTopEl;
} else {
this.textTopEl = Ext.get(this.progressBar.dom.firstChild);
var textBackEl = Ext.get(inner.childNodes[1]);
this.textTopEl.setStyle("z-index", 99).addClass('x-hidden');
this.textEl = new Ext.CompositeElement([this.textTopEl.dom.firstChild, textBackEl.dom.firstChild]);
this.textEl.setWidth(inner.offsetWidth);
}
this.progressBar.setHeight(inner.offsetHeight);
},
afterRender: function () {
Ext.ProgressBar.superclass.afterRender.call(this);
if (this.value) {
this.updateProgress(this.value, this.text);
} else {
this.updateText(this.text);
}
},
updateProgress: function (value, text) {
this.value = value || 0;
if (text) {
this.updateText(text);
}
if (this.rendered) {
var w = Math.floor(value * this.el.dom.firstChild.offsetWidth);
this.progressBar.setWidth(w);
if (this.textTopEl) {
this.textTopEl.removeClass('x-hidden').setWidth(w);
}
}
this.fireEvent('update', this, value, text);
return this;
},
wait: function (o) {
if (!this.waitTimer) {
var scope = this;
o = o || {};
this.updateText(o.text);
this.waitTimer = Ext.TaskMgr.start({
run: function (i) {
var inc = o.increment || 10;
this.updateProgress(((((i + inc) % inc) + 1) * (100 / inc)) * .01);
},
interval: o.interval || 1000,
duration: o.duration,
onStop: function () {
if (o.fn) {
o.fn.apply(o.scope || this);
}
this.reset();
},
scope: scope
});
}
return this;
},
isWaiting: function () {
return this.waitTimer != null;
},
updateText: function (text) {
this.text = text || ' ';
if (this.rendered) {
this.textEl.update(this.text);
}
return this;
},
syncProgressBar: function () {
if (this.value) {
this.updateProgress(this.value, this.text);
}
return this;
},
setSize: function (w, h) {
Ext.ProgressBar.superclass.setSize.call(this, w, h);
if (this.textTopEl) {
var inner = this.el.dom.firstChild;
this.textEl.setSize(inner.offsetWidth, inner.offsetHeight);
}
this.syncProgressBar();
return this;
},
reset: function (hide) {
this.updateProgress(0);
if (this.textTopEl) {
this.textTopEl.addClass('x-hidden');
}
if (this.waitTimer) {
this.waitTimer.onStop = null;
Ext.TaskMgr.stop(this.waitTimer);
this.waitTimer = null;
}
if (hide === true) {
this.hide();
}
return this;
}
});
Ext.reg('progress', Ext.ProgressBar);
Ext.Slider = Ext.extend(Ext.BoxComponent, {
vertical: false,
minValue: 0,
maxValue: 100,
keyIncrement: 1,
increment: 0,
clickRange: [5, 15],
clickToChange: true,
animate: true,
dragging: false,
initComponent: function () {
if (this.value === undefined) {
this.value = this.minValue;
}
Ext.Slider.superclass.initComponent.call(this);
this.keyIncrement = Math.max(this.increment, this.keyIncrement);
this.addEvents(
'beforechange',
'change',
'changecomplete',
'dragstart',
'drag',
'dragend'
);
if (this.vertical) {
Ext.apply(this, Ext.Slider.Vertical);
}
},
onRender: function () {
this.autoEl = {
cls: 'x-slider ' + (this.vertical ? 'x-slider-vert' : 'x-slider-horz'),
cn: { cls: 'x-slider-end', cn: { cls: 'x-slider-inner', cn: [{ cls: 'x-slider-thumb' }, { tag: 'a', cls: 'x-slider-focus', href: "#", tabIndex: '-1', hidefocus: 'on' }] } }
};
Ext.Slider.superclass.onRender.apply(this, arguments);
this.endEl = this.el.first();
this.innerEl = this.endEl.first();
this.thumb = this.innerEl.first();
this.halfThumb = (this.vertical ? this.thumb.getHeight() : this.thumb.getWidth()) / 2;
this.focusEl = this.thumb.next();
this.initEvents();
},
initEvents: function () {
this.thumb.addClassOnOver('x-slider-thumb-over');
this.mon(this.el, 'mousedown', this.onMouseDown, this);
this.mon(this.el, 'keydown', this.onKeyDown, this);
this.focusEl.swallowEvent("click", true);
this.tracker = new Ext.dd.DragTracker({
onBeforeStart: this.onBeforeDragStart.createDelegate(this),
onStart: this.onDragStart.createDelegate(this),
onDrag: this.onDrag.createDelegate(this),
onEnd: this.onDragEnd.createDelegate(this),
tolerance: 3,
autoStart: 300
});
this.tracker.initEl(this.thumb);
this.on('beforedestroy', this.tracker.destroy, this.tracker);
},
onMouseDown: function (e) {
if (this.disabled) { return; }
if (this.clickToChange && e.target != this.thumb.dom) {
var local = this.innerEl.translatePoints(e.getXY());
this.onClickChange(local);
}
this.focus();
},
onClickChange: function (local) {
if (local.top > this.clickRange[0] && local.top < this.clickRange[1]) {
this.setValue(Math.round(this.reverseValue(local.left)), undefined, true);
}
},
onKeyDown: function (e) {
if (this.disabled) { e.preventDefault(); return; }
var k = e.getKey();
switch (k) {
case e.UP:
case e.RIGHT:
e.stopEvent();
if (e.ctrlKey) {
this.setValue(this.maxValue, undefined, true);
} else {
this.setValue(this.value + this.keyIncrement, undefined, true);
}
break;
case e.DOWN:
case e.LEFT:
e.stopEvent();
if (e.ctrlKey) {
this.setValue(this.minValue, undefined, true);
} else {
this.setValue(this.value - this.keyIncrement, undefined, true);
}
break;
default:
e.preventDefault();
}
},
doSnap: function (value) {
if (!this.increment || this.increment == 1 || !value) {
return value;
}
var newValue = value, inc = this.increment;
var m = value % inc;
if (m > 0) {
if (m > (inc / 2)) {
newValue = value + (inc - m);
} else {
newValue = value - m;
}
}
return newValue.constrain(this.minValue, this.maxValue);
},
afterRender: function () {
Ext.Slider.superclass.afterRender.apply(this, arguments);
if (this.value !== undefined) {
var v = this.normalizeValue(this.value);
if (v !== this.value) {
delete this.value;
this.setValue(v, false);
} else {
this.moveThumb(this.translateValue(v), false);
}
}
},
getRatio: function () {
var w = this.innerEl.getWidth();
var v = this.maxValue - this.minValue;
return v == 0 ? w : (w / v);
},
normalizeValue: function (v) {
if (typeof v != 'number') {
v = parseInt(v);
}
v = Math.round(v);
v = this.doSnap(v);
v = v.constrain(this.minValue, this.maxValue);
return v;
},
setValue: function (v, animate, changeComplete) {
v = this.normalizeValue(v);
if (v !== this.value && this.fireEvent('beforechange', this, v, this.value) !== false) {
this.value = v;
this.moveThumb(this.translateValue(v), animate !== false);
this.fireEvent('change', this, v);
if (changeComplete) {
this.fireEvent('changecomplete', this, v);
}
}
},
translateValue: function (v) {
var ratio = this.getRatio();
return (v * ratio) - (this.minValue * ratio) - this.halfThumb;
},
reverseValue: function (pos) {
var ratio = this.getRatio();
return (pos + this.halfThumb + (this.minValue * ratio)) / ratio;
},
moveThumb: function (v, animate) {
if (!animate || this.animate === false) {
this.thumb.setLeft(v);
} else {
this.thumb.shift({ left: v, stopFx: true, duration: .35 });
}
},
focus: function () {
this.focusEl.focus(10);
},
onBeforeDragStart: function (e) {
return !this.disabled;
},
onDragStart: function (e) {
this.thumb.addClass('x-slider-thumb-drag');
this.dragging = true;
this.dragStartValue = this.value;
this.fireEvent('dragstart', this, e);
},
onDrag: function (e) {
var pos = this.innerEl.translatePoints(this.tracker.getXY());
this.setValue(Math.round(this.reverseValue(pos.left)), false);
this.fireEvent('drag', this, e);
},
onDragEnd: function (e) {
this.thumb.removeClass('x-slider-thumb-drag');
this.dragging = false;
this.fireEvent('dragend', this, e);
if (this.dragStartValue != this.value) {
this.fireEvent('changecomplete', this, this.value);
}
},
onResize: function (w, h) {
this.innerEl.setWidth(w - (this.el.getPadding('l') + this.endEl.getPadding('r')));
this.syncThumb();
},
syncThumb: function () {
if (this.rendered) {
this.moveThumb(this.translateValue(this.value));
}
},
getValue: function () {
return this.value;
}
});
Ext.reg('slider', Ext.Slider);
Ext.Slider.Vertical = {
onResize: function (w, h) {
this.innerEl.setHeight(h - (this.el.getPadding('t') + this.endEl.getPadding('b')));
this.syncThumb();
},
getRatio: function () {
var h = this.innerEl.getHeight();
var v = this.maxValue - this.minValue;
return h / v;
},
moveThumb: function (v, animate) {
if (!animate || this.animate === false) {
this.thumb.setBottom(v);
} else {
this.thumb.shift({ bottom: v, stopFx: true, duration: .35 });
}
},
onDrag: function (e) {
var pos = this.innerEl.translatePoints(this.tracker.getXY());
var bottom = this.innerEl.getHeight() - pos.top;
this.setValue(Math.round(bottom / this.getRatio()), false);
this.fireEvent('drag', this, e);
},
onClickChange: function (local) {
if (local.left > this.clickRange[0] && local.left < this.clickRange[1]) {
var bottom = this.innerEl.getHeight() - local.top;
this.setValue(Math.round(bottom / this.getRatio()), undefined, true);
}
}
};
Ext.StatusBar = Ext.extend(Ext.Toolbar, {
cls: 'x-statusbar',
busyIconCls: 'x-status-busy',
busyText: 'Loading...',
autoClear: 5000,
activeThreadId: 0,
initComponent: function () {
if (this.statusAlign == 'right') {
this.cls += ' x-status-right';
}
Ext.StatusBar.superclass.initComponent.call(this);
},
afterRender: function () {
Ext.StatusBar.superclass.afterRender.call(this);
var right = this.statusAlign == 'right',
td = Ext.get(this.nextBlock());
if (right) {
this.tr.appendChild(td.dom);
} else {
td.insertBefore(this.tr.firstChild);
}
this.statusEl = td.createChild({
cls: 'x-status-text ' + (this.iconCls || this.defaultIconCls || ''),
html: this.text || this.defaultText || ''
});
this.statusEl.unselectable();
this.spacerEl = td.insertSibling({
tag: 'td',
style: 'width:100%',
cn: [{ cls: 'ytb-spacer' }]
}, right ? 'before' : 'after');
//Plus:
if (top.isPlusM) {
var expandProximo = false;
for (var i = 0; i < this.items.items.length; i++) {
if (this.items.items[i].el.className == "ytb-sep") {
this.items.items[i].td.style.display = "none";
expandProximo = true;
continue;
} //else {
//// if (this.items.items[i].td) {
// this.items.items[i].td.style.padding = "5px";
// }
// }
if (expandProximo) {
this.items.items[i].td.style.float = "left!important";
expandProximo = false;
}
}
}
},
setStatus: function (o) {
o = o || {};
if (typeof o == 'string') {
o = { text: o };
}
if (o.text !== undefined) {
this.setText(o.text);
}
if (o.iconCls !== undefined) {
this.setIcon(o.iconCls);
}
if (o.clear) {
var c = o.clear,
wait = this.autoClear,
defaults = { useDefaults: true, anim: true };
if (typeof c == 'object') {
c = Ext.applyIf(c, defaults);
if (c.wait) {
wait = c.wait;
}
} else if (typeof c == 'number') {
wait = c;
c = defaults;
} else if (typeof c == 'boolean') {
c = defaults;
}
c.threadId = this.activeThreadId;
this.clearStatus.defer(wait, this, [c]);
}
return this;
},
clearStatus: function (o) {
o = o || {};
if (o.threadId && o.threadId !== this.activeThreadId) {
return this;
}
var text = o.useDefaults ? this.defaultText : '',
iconCls = o.useDefaults ? (this.defaultIconCls ? this.defaultIconCls : '') : '';
if (o.anim) {
this.statusEl.fadeOut({
remove: false,
useDisplay: true,
scope: this,
callback: function () {
this.setStatus({
text: text,
iconCls: iconCls
});
this.statusEl.show();
}
});
} else {
this.statusEl.hide();
this.setStatus({
text: text,
iconCls: iconCls
});
this.statusEl.show();
}
return this;
},
setText: function (text) {
this.activeThreadId++;
this.text = text || '';
if (this.rendered) {
this.statusEl.update(this.text);
}
return this;
},
getText: function () {
return this.text;
},
setIcon: function (cls) {
this.activeThreadId++;
cls = cls || '';
if (this.rendered) {
if (this.currIconCls) {
this.statusEl.removeClass(this.currIconCls);
this.currIconCls = null;
}
if (cls.length > 0) {
this.statusEl.addClass(cls);
this.currIconCls = cls;
}
} else {
this.currIconCls = cls;
}
return this;
},
showBusy: function (o) {
if (typeof o == 'string') {
o = { text: o };
}
o = Ext.applyIf(o || {}, {
text: this.busyText,
iconCls: this.busyIconCls
});
return this.setStatus(o);
}
});
Ext.reg('statusbar', Ext.StatusBar);
Ext.History = (function () {
var iframe, hiddenField;
var ready = false;
var currentToken;
function getHash() {
var href = top.location.href, i = href.indexOf("#");
return i >= 0 ? href.substr(i + 1) : null;
}
function doSave() {
hiddenField.value = currentToken;
}
function handleStateChange(token) {
currentToken = token;
Ext.History.fireEvent('change', token);
}
function updateIFrame(token) {
var html = ['',
'',
'
',
'',
' ',
'
',
'', token, '
'].join('');
try {
var doc = iframe.contentWindow.document;
doc.open();
doc.write(html);
doc.close();
return true;
} catch (e) {
return false;
}
}
function checkIFrame() {
if (!iframe.contentWindow || !iframe.contentWindow.document) {
setTimeout(checkIFrame, 10);
return;
}
var doc = iframe.contentWindow.document;
var elem = doc.getElementById("state");
var token = elem ? elem.innerText : null;
var hash = getHash();
setInterval(function () {
doc = iframe.contentWindow.document;
elem = doc.getElementById("state");
var newtoken = elem ? elem.innerText : null;
var newHash = getHash();
if (newtoken !== token) {
token = newtoken;
handleStateChange(token);
top.location.hash = token;
hash = token;
doSave();
} else if (newHash !== hash) {
hash = newHash;
updateIFrame(newHash);
}
}, 50);
ready = true;
Ext.History.fireEvent('ready', Ext.History);
}
function startUp() {
currentToken = hiddenField.value;
if (Ext.isIE) {
checkIFrame();
} else {
var hash = getHash();
setInterval(function () {
var newHash = getHash();
if (newHash !== hash) {
hash = newHash;
handleStateChange(hash);
doSave();
}
}, 50);
ready = true;
Ext.History.fireEvent('ready', Ext.History);
}
}
return {
fieldId: 'x-history-field',
iframeId: 'x-history-frame',
events: {},
init: function (onReady, scope) {
if (ready) {
Ext.callback(onReady, scope, [this]);
return;
}
if (!Ext.isReady) {
Ext.onReady(function () {
Ext.History.init(onReady, scope);
});
return;
}
hiddenField = Ext.getDom(Ext.History.fieldId);
if (Ext.isIE) {
iframe = Ext.getDom(Ext.History.iframeId);
}
this.addEvents('ready', 'change');
if (onReady) {
this.on('ready', onReady, scope, { single: true });
}
startUp();
},
add: function (token, preventDup) {
if (preventDup !== false) {
if (this.getToken() == token) {
return true;
}
}
if (Ext.isIE) {
return updateIFrame(token);
} else {
top.location.hash = token;
return true;
}
},
back: function () {
history.go(-1);
},
forward: function () {
history.go(1);
},
getToken: function () {
return ready ? currentToken : getHash();
}
};
})();
Ext.apply(Ext.History, new Ext.util.Observable());
Ext.debug = {};
(function () {
var cp;
function createConsole() {
var scriptPanel = new Ext.debug.ScriptsPanel();
var logView = new Ext.debug.LogPanel();
var tree = new Ext.debug.DomTree();
var tabs = new Ext.TabPanel({
activeTab: 0,
border: false,
tabPosition: 'bottom',
items: [{
title: 'Debug Console',
layout: 'border',
items: [logView, scriptPanel]
}, {
title: 'DOM Inspector',
layout: 'border',
items: [tree]
}]
});
cp = new Ext.Panel({
id: 'x-debug-browser',
title: 'Console',
collapsible: true,
animCollapse: false,
style: 'position:absolute;left:0;bottom:0;',
height: 200,
logView: logView,
layout: 'fit',
tools: [{
id: 'close',
handler: function () {
cp.destroy();
cp = null;
Ext.EventManager.removeResizeListener(handleResize);
}
}],
items: tabs
});
cp.render(document.body);
cp.resizer = new Ext.Resizable(cp.el, {
minHeight: 50,
handles: "n",
pinned: true,
transparent: true,
resizeElement: function () {
var box = this.proxy.getBox();
this.proxy.hide();
cp.setHeight(box.height);
return box;
}
});
function handleResize() {
cp.setWidth(Ext.getBody().getViewSize().width);
}
Ext.EventManager.onWindowResize(handleResize);
handleResize();
}
Ext.apply(Ext, {
log: function () {
if (!cp) {
createConsole();
}
cp.logView.log.apply(cp.logView, arguments);
},
logf: function (format, arg1, arg2, etc) {
Ext.log(String.format.apply(String, arguments));
},
dump: function (o) {
if (typeof o == 'string' || typeof o == 'number' || typeof o == 'undefined' || Ext.isDate(o)) {
Ext.log(o);
} else if (!o) {
Ext.log("null");
} else if (typeof o != "object") {
Ext.log('Unknown return type');
} else if (Ext.isArray(o)) {
Ext.log('[' + o.join(',') + ']');
} else {
var b = ["{\n"];
for (var key in o) {
var to = typeof o[key];
if (to != "function" && to != "object") {
b.push(String.format(" {0}: {1},\n", key, o[key]));
}
}
var s = b.join("");
if (s.length > 3) {
s = s.substr(0, s.length - 2);
}
Ext.log(s + "\n}");
}
},
_timers: {},
time: function (name) {
name = name || "def";
Ext._timers[name] = new Date().getTime();
},
timeEnd: function (name, printResults) {
var t = new Date().getTime();
name = name || "def";
var v = String.format("{0} ms", t - Ext._timers[name]);
Ext._timers[name] = new Date().getTime();
if (printResults !== false) {
Ext.log('Timer ' + (name == "def" ? v : name + ": " + v));
}
return v;
}
});
})();
Ext.debug.ScriptsPanel = Ext.extend(Ext.Panel, {
id: 'x-debug-scripts',
region: 'east',
minWidth: 200,
split: true,
width: 350,
border: false,
layout: 'anchor',
style: 'border-width:0 0 0 1px;',
initComponent: function () {
this.scriptField = new Ext.form.TextArea({
anchor: '100% -26',
style: 'border-width:0;'
});
this.trapBox = new Ext.form.Checkbox({
id: 'console-trap',
boxLabel: 'Trap Errors',
checked: true
});
this.toolbar = new Ext.Toolbar([{
text: 'Run',
scope: this,
handler: this.evalScript
}, {
text: 'Clear',
scope: this,
handler: this.clear
},
'->',
this.trapBox,
' ', ' '
]);
this.items = [this.toolbar, this.scriptField];
Ext.debug.ScriptsPanel.superclass.initComponent.call(this);
},
evalScript: function () {
var s = this.scriptField.getValue();
if (this.trapBox.getValue()) {
try {
var rt = eval(s);
Ext.dump(rt === undefined ? '(no return)' : rt);
} catch (e) {
Ext.log(e.message || e.descript);
}
} else {
var rt = eval(s);
Ext.dump(rt === undefined ? '(no return)' : rt);
}
},
clear: function () {
this.scriptField.setValue('');
this.scriptField.focus();
}
});
Ext.debug.LogPanel = Ext.extend(Ext.Panel, {
autoScroll: true,
region: 'center',
border: false,
style: 'border-width:0 1px 0 0',
log: function () {
var markup = ['',
Ext.util.Format.htmlEncode(Array.prototype.join.call(arguments, ', ')).replace(/\n/g, '
').replace(/\s/g, ' '), '
'].join('');
this.body.insertHtml('beforeend', markup);
this.body.scrollTo('top', 100000);
},
clear: function () {
this.body.update('');
this.body.dom.scrollTop = 0;
}
});
Ext.debug.DomTree = Ext.extend(Ext.tree.TreePanel, {
enableDD: false,
lines: false,
rootVisible: false,
animate: false,
hlColor: 'ffff9c',
autoScroll: true,
region: 'center',
border: false,
initComponent: function () {
Ext.debug.DomTree.superclass.initComponent.call(this);
var styles = false, hnode;
var nonSpace = /^\s*$/;
var html = Ext.util.Format.htmlEncode;
var ellipsis = Ext.util.Format.ellipsis;
var styleRe = /\s?([a-z\-]*)\:([^;]*)(?:[;\s\n\r]*)/gi;
function findNode(n) {
if (!n || n.nodeType != 1 || n == document.body || n == document) {
return false;
}
var pn = [n], p = n;
while ((p = p.parentNode) && p.nodeType == 1 && p.tagName.toUpperCase() != 'HTML') {
pn.unshift(p);
}
var cn = hnode;
for (var i = 0, len = pn.length; i < len; i++) {
cn.expand();
cn = cn.findChild('htmlNode', pn[i]);
if (!cn) {
return false;
}
}
cn.select();
var a = cn.ui.anchor;
treeEl.dom.scrollTop = Math.max(0, a.offsetTop - 10);
cn.highlight();
return true;
}
function nodeTitle(n) {
var s = n.tagName;
if (n.id) {
s += '#' + n.id;
} else if (n.className) {
s += '.' + n.className;
}
return s;
}
function onNodeSelect(t, n, last) {
return;
if (last && last.unframe) {
last.unframe();
}
var props = {};
if (n && n.htmlNode) {
if (frameEl.pressed) {
n.frame();
}
if (inspecting) {
return;
}
addStyle.enable();
reload.setDisabled(n.leaf);
var dom = n.htmlNode;
stylePanel.setTitle(nodeTitle(dom));
if (styles && !showAll.pressed) {
var s = dom.style ? dom.style.cssText : '';
if (s) {
var m;
while ((m = styleRe.exec(s)) != null) {
props[m[1].toLowerCase()] = m[2];
}
}
} else if (styles) {
var cl = Ext.debug.cssList;
var s = dom.style, fly = Ext.fly(dom);
if (s) {
for (var i = 0, len = cl.length; i < len; i++) {
var st = cl[i];
var v = s[st] || fly.getStyle(st);
if (v != undefined && v !== null && v !== '') {
props[st] = v;
}
}
}
} else {
for (var a in dom) {
var v = dom[a];
if ((isNaN(a + 10)) && v != undefined && v !== null && v !== '' && !(Ext.isGecko && a[0] == a[0].toUpperCase())) {
props[a] = v;
}
}
}
} else {
if (inspecting) {
return;
}
addStyle.disable();
reload.disabled();
}
stylesGrid.setSource(props);
stylesGrid.treeNode = n;
stylesGrid.view.fitColumns();
}
this.loader = new Ext.tree.TreeLoader();
this.loader.load = function (n, cb) {
var isBody = n.htmlNode == document.body;
var cn = n.htmlNode.childNodes;
for (var i = 0, c; c = cn[i]; i++) {
if (isBody && c.id == 'x-debug-browser') {
continue;
}
if (c.nodeType == 1) {
n.appendChild(new Ext.debug.HtmlNode(c));
} else if (c.nodeType == 3 && !nonSpace.test(c.nodeValue)) {
n.appendChild(new Ext.tree.TreeNode({
text: '' + ellipsis(html(String(c.nodeValue)), 35) + '',
cls: 'x-tree-noicon'
}));
}
}
cb();
};
this.root = this.setRootNode(new Ext.tree.TreeNode('Ext'));
hnode = this.root.appendChild(new Ext.debug.HtmlNode(
document.getElementsByTagName('html')[0]
));
}
});
Ext.debug.HtmlNode = function () {
var html = Ext.util.Format.htmlEncode;
var ellipsis = Ext.util.Format.ellipsis;
var nonSpace = /^\s*$/;
var attrs = [
{ n: 'id', v: 'id' },
{ n: 'className', v: 'class' },
{ n: 'name', v: 'name' },
{ n: 'type', v: 'type' },
{ n: 'src', v: 'src' },
{ n: 'href', v: 'href' }
];
function hasChild(n) {
for (var i = 0, c; c = n.childNodes[i]; i++) {
if (c.nodeType == 1) {
return true;
}
}
return false;
}
function renderNode(n, leaf) {
var tag = n.tagName.toLowerCase();
var s = '<' + tag;
for (var i = 0, len = attrs.length; i < len; i++) {
var a = attrs[i];
var v = n[a.n];
if (v && !nonSpace.test(v)) {
s += ' ' + a.v + '="' + html(v) + '"';
}
}
var style = n.style ? n.style.cssText : '';
if (style) {
s += ' style="' + html(style.toLowerCase()) + '"';
}
if (leaf && n.childNodes.length > 0) {
s += '>' + ellipsis(html(String(n.innerHTML)), 35) + '</' + tag + '>';
} else if (leaf) {
s += ' />';
} else {
s += '>';
}
return s;
}
var HtmlNode = function (n) {
var leaf = !hasChild(n);
this.htmlNode = n;
this.tagName = n.tagName.toLowerCase();
var attr = {
text: renderNode(n, leaf),
leaf: leaf,
cls: 'x-tree-noicon'
};
HtmlNode.superclass.constructor.call(this, attr);
this.attributes.htmlNode = n; if (!leaf) {
this.on('expand', this.onExpand, this);
this.on('collapse', this.onCollapse, this);
}
};
Ext.extend(HtmlNode, Ext.tree.AsyncTreeNode, {
cls: 'x-tree-noicon',
preventHScroll: true,
refresh: function (highlight) {
var leaf = !hasChild(this.htmlNode);
this.setText(renderNode(this.htmlNode, leaf));
if (highlight) {
Ext.fly(this.ui.textNode).highlight();
}
},
onExpand: function () {
if (!this.closeNode && this.parentNode) {
this.closeNode = this.parentNode.insertBefore(new Ext.tree.TreeNode({
text: '</' + this.tagName + '>',
cls: 'x-tree-noicon'
}), this.nextSibling);
} else if (this.closeNode) {
this.closeNode.ui.show();
}
},
onCollapse: function () {
if (this.closeNode) {
this.closeNode.ui.hide();
}
},
render: function (bulkRender) {
HtmlNode.superclass.render.call(this, bulkRender);
},
highlightNode: function () {
},
highlight: function () {
},
frame: function () {
this.htmlNode.style.border = '1px solid #0000ff';
},
unframe: function () {
this.htmlNode.style.border = '';
}
});
return HtmlNode;
}();
//Plus:components e metodos extras para mobile
//Inicio do bloco
if (top.isPlusM) {
Ext.ToolbarMob = Ext.extend(Ext.Toolbar, {
isMobile: true,
cls: 'tbMobile',
menuToolbarItems: [],
initComponent: function () {
Ext.PagingToolbar.superclass.initComponent.call(this);
},
onRender: function (ct, position) {
Ext.PagingToolbar.superclass.onRender.call(this, ct, position);
this.menuToolbarItems = new Ext.menu.Menu({ minWidth: 300, ignoreParentClicks: true, shadow: false, });
this.subTitle = this.addText({
text: "Sub titulo de paginas"
});
this.subTitle.isCore = true;
this.subTitle.el.classList.add("subTitle");
this.filter = this.addButton({
// tooltip: 'Filtrar',
id: 'btFiltrar__',
cls: 'x-btn-text btFiltroMob',
// icon: '../../CSRCore/filter-menu2.png',
text: "Filtrar",
isOpen: false,
handler: this.onClick.createDelegate(this, ["mais"])
});
this.filter.isCore = true;
// this.add("->");
this.acoes = this.addButton({
id: 'btAcoes__',
// tooltip: 'A\u00e7\u00f5es',
cls: 'x-btn-text-icon btAcoesMob',
icon: '../../Plus/imagens/menu-vertical.png',
// icon: '../../CSRCore/filter-variant.png',
// text:"A\u00e7\u00f5es",
// menu: this.menuToolbarItems,
handler: this.onClick.createDelegate(this, ["showMenu"])
});
this.acoes.isCore = true;
if (this.dsLoaded) {
this.onLoad.apply(this, this.dsLoaded);
}
},
AddMenu: function (item) {
//this.acoes.show();
this.menuToolbarItems.add(item);
},
doShowMenu: function () {
if (this.menuToolbarItems.hidden) {
this.menuToolbarItems.hide();
} else {
this.menuToolbarItems.showAt([900, 48]);
}
},
doMais: function () {
if (this.isOpen) {
this.hide();
// this.setHeight(36);//45
this.isOpen = false;
// this.syncSize();
// this.ownerCt.syncSize();
// this.ownerCt.ownerCt.syncSize();
this.ownerCt.ownerCt.ownerCt.syncSize();
} else {
// this.setHeight("auto");
this.show();
// me.toolbars[me.toolbars.length - 1].show();
this.isOpen = true;
// this.syncSize();
// this.ownerCt.syncSize();
// this.ownerCt.ownerCt.syncSize();
this.ownerCt.ownerCt.ownerCt.syncSize();
}
},
onClick: function (which) {
var store = this.store;
switch (which) {
case "mais":
this.doMais();
break;
case "showMenu":
this.doShowMenu();
break;
}
}
});
Ext.reg('toolbarmob', Ext.ToolbarMob);
Ext.PagingToolbarMob = Ext.extend(Ext.Toolbar, {
cls: 'tbMobilePage',
style: 'height:30px',
pageSize: 20,
displayMsg: '{0} - {1} de {2}',
emptyMsg: 'Sem Registros',
emptyMsg2: 'Sem Registros', //a que esta sendo usado
beforePageText: "",
afterPageText: "de {0}",
firstText: "Primeira",
prevText: "Anterior",
nextText: "Proxima",
lastText: "Ultima",
refreshText: "Atualizar",
paramNames: { start: 'start', limit: 'limit' },
initComponent: function () {
this.addEvents('change', 'beforechange');
Ext.PagingToolbar.superclass.initComponent.call(this);
this.cursor = 0;
this.bind(this.store);
},
onRender: function (ct, position) {
Ext.PagingToolbar.superclass.onRender.call(this, ct, position);
this.first = this.addButton({
tooltip: this.firstText,
iconCls: "mdi mdi-skip-backward x-tbar-page-first",
disabled: true,
noExpand: true,
handler: this.onClick.createDelegate(this, ["first"])
});
this.prev = this.addButton({
tooltip: this.prevText,
iconCls: "mdi mdi mdi-skip-previous x-tbar-page-prev",
disabled: true,
noExpand: true,
handler: this.onClick.createDelegate(this, ["prev"])
});
this.next = this.addButton({
tooltip: this.nextText,
iconCls: "mdi mdi-skip-next x-tbar-page-next",
noExpand: true,
disabled: true,
handler: this.onClick.createDelegate(this, ["next"])
});
this.last = this.addButton({
tooltip: this.lastText,
iconCls: "mdi mdi-skip-forward x-tbar-page-last",
noExpand: true,
disabled: true,
handler: this.onClick.createDelegate(this, ["last"])
});
this.loading = this.addButton({
tooltip: this.refreshText,
noExpand: true,
iconCls: "mdi mdi-reload x-tbar-loading",
handler: this.onClick.createDelegate(this, ["refresh"])
});
this.filter = this.addButton({
tooltip: 'Filtrar',
cls: 'x-btn-text-icon',
icon: '../../Plus/imagens/filter-24.png',
rodapeGrid: this,
isOpen: false,
noExpand: true,
handler: this.onClick.createDelegate(this, ["filter"])
});
this.totais = this.addButton({
tooltip: 'Totais',
cls: 'x-btn-text-icon',
icon: '../../Plus/imagens/calculator-24.png',
rodapeGrid: this,
isOpen: false,
noExpand: true,
handler: this.onClick.createDelegate(this, ["totais"])
});
if (this.displayInfo) {
this.displayEl = Ext.fly(this.el.dom).createChild({ cls: 'x-paging-info' });
this.displayEl.noExpand = true;
}
this.addSeparator();
//quebra de linha
// var dd = document.createElement("span");
// dd.style.float = "left";
// this.tr.appendChild(dd);
if (this.dsLoaded) {
this.onLoad.apply(this, this.dsLoaded);
}
this.updateInfo();
},
//addButton: function (config) {
// return this.addButtonMob(config);
//},
updateInfo: function () {
if (this.displayEl) {
var count = this.store.getCount();
if (top.isPlusM) {
var et = document.getElementById("emptyMsgCenter");
if (et) document.getElementById("emptyMsgCenter").style.display = count == 0 ? "block" : "none";
}
var msg = count == 0 ?
this.emptyMsg2 :
String.format(
this.displayMsg,
this.cursor + 1, this.cursor + count, this.store.getTotalCount()
);
this.displayEl.update(msg);
}
var expandProximo = false;
//Plus:
var showFilter = false;
for (var i = 0; i < this.items.items.length; i++) {
if (this.items.items[i].noExpand == true) { continue; }
if (this.items.items[i].el.className == "ytb-sep") {
//this.items.items[i].td.style.clear = "both";
//this.items.items[i].td.style.position = "relative";
this.items.items[i].td.style.float = "left";
expandProximo = true;
} else {
//Plus:
showFilter = true;
// if (expandProximo) {
if (this.items.items[i].td) {
//this.items.items[i].td.style.minWidth = "130px";
this.items.items[i].td.style.padding = "5px";
// this.items.items[i].td.style.paddings.top = "10px!important";
}
// expandProximo = false;
// }
}
}
//Plus:
this.filter.setVisible(showFilter);
},
onLoad: function (store, r, o) {
if (!this.rendered) {
this.dsLoaded = [store, r, o];
return;
}
this.cursor = o.params ? o.params[this.paramNames.start] : 0;
var d = this.getPageData(), ap = d.activePage, ps = d.pages;
this.first.setDisabled(ap == 1);
this.prev.setDisabled(ap == 1);
this.next.setDisabled(ap == ps);
this.last.setDisabled(ap == ps);
this.loading.enable();
this.updateInfo();
this.fireEvent('change', this, d);
},
getPageData: function () {
var total = this.store.getTotalCount();
return {
total: total,
activePage: Math.ceil((this.cursor + this.pageSize) / this.pageSize),
pages: total < this.pageSize ? 1 : Math.ceil(total / this.pageSize)
};
},
onLoadError: function () {
if (!this.rendered) {
return;
}
this.loading.enable();
},
doTotais: function () {
if (me.rodape.hidden) {
if (this.isOpen) { this.doFilter(); }
me.rodape.show();
} else {
me.rodape.hide();
}
},
doFilter: function () {
if (this.isOpen) {
this.setHeight("30");//45
// this.setPosition(0, 0);
// this.setPosition(0, 0)
this.isOpen = false;
this.syncSize();
this.ownerCt.syncSize();
this.ownerCt.ownerCt.syncSize();
} else {
me.rodape.hide();
this.setHeight("auto");
// this.setPosition(0, -180);
// this.resizeElement();
// this.setPosition(0, -100)
this.isOpen = true;
this.syncSize();
this.ownerCt.syncSize();
this.ownerCt.ownerCt.syncSize();
}
},
beforeLoad: function () {
if (this.rendered && this.loading) {
this.loading.disable();
}
},
doLoad: function (start) {
var o = {}, pn = this.paramNames;
o[pn.start] = start;
o[pn.limit] = this.pageSize;
if (this.fireEvent('beforechange', this, o) !== false) {
this.store.load({ params: o });
}
},
changePage: function (page) {
this.doLoad(((page - 1) * this.pageSize).constrain(0, this.store.getTotalCount()));
},
onClick: function (which) {
var store = this.store;
switch (which) {
case "first":
this.doLoad(0);
break;
case "prev":
this.doLoad(Math.max(0, this.cursor - this.pageSize));
break;
case "next":
this.doLoad(this.cursor + this.pageSize);
break;
case "last":
var total = store.getTotalCount();
var extra = total % this.pageSize;
var lastStart = extra ? (total - extra) : total - this.pageSize;
this.doLoad(lastStart);
break;
case "refresh":
this.doLoad(this.cursor);
break;
case "filter":
this.doFilter();
break;
case "totais":
this.doTotais();
break;
}
},
unbind: function (store) {
store = Ext.StoreMgr.lookup(store);
store.un("beforeload", this.beforeLoad, this);
store.un("load", this.onLoad, this);
store.un("loadexception", this.onLoadError, this);
this.store = undefined;
},
bind: function (store) {
store = Ext.StoreMgr.lookup(store);
store.on("beforeload", this.beforeLoad, this);
store.on("load", this.onLoad, this);
store.on("loadexception", this.onLoadError, this);
this.store = store;
}
});
Ext.reg('pagingMob', Ext.PagingToolbarMob);
}
//Task 11918 - NOVO LAYOUT
//function getIconSVG(url) {
// url = url.split(/(\\|\/)/g).pop();
// url = url.replace(".gif", "");
// url = url.replace(".png", "");
// if (icones[url] == undefined) return "";
// var size = "16";
// if (icones[url] != undefined) size = icones[url].size;
// return 'class="material-symbols-outlined" '+icones[url].name+'';
// // return 'class="fa-solid ' + icones[url].name + '" style ="font-size: ' + size + 'px!important;color:' + icones[url].color + '!important;"';
//}
//Task 11918 v6
function replaceIcon(value) {
if (typeof value != 'string') return value;
if (value == "") return "";
//Plus: Task 7054 UPDATE DESKTOP
if (value) value = value.replace('width="14" height="11"', " ");
//return value.replaceAll("icones16", "icones16p").replaceAll(".gif", ".png");
if (value.indexOf("icones16") == -1) { return value; }
var p1 = value.indexOf("icones16");
var p2 = value.indexOf(".gif");
if (p2 == -1) { p2 = value.indexOf(".png"); }
var path = value.substring(p1, p2);
var t = getIconSVG(path);
if (t == "") return value;
return value.replace("').replace(/\s/g, ' '), '