-
-
-
-
-
-
-
-
-window["undefined"] = window["undefined"];
-
-
-
-var Roo = {};
-
-
-
-
-Roo.apply = function(o, c, A){
- if(A){
-
- Roo.apply(o, A);
- }
- if(o && c && typeof c == 'object'){
- for(var p in c){
- o[p] = c[p];
- }
- }
- return o;
-};
-
-
-(function(){
- var B = 0;
- var ua = navigator.userAgent.toLowerCase();
-
- var C = document.compatMode == "CSS1Compat",
- D = ua.indexOf("opera") > -1,
- E = (/webkit|khtml/).test(ua),
- F = ua.indexOf("msie") > -1,
- G = ua.indexOf("msie 7") > -1,
- H = !E && ua.indexOf("gecko") > -1,
- I = F && !C,
- J = (ua.indexOf("windows") != -1 || ua.indexOf("win32") != -1),
- K = (ua.indexOf("macintosh") != -1 || ua.indexOf("mac os x") != -1),
- L = (ua.indexOf("linux") != -1),
- M = window.location.href.toLowerCase().indexOf("https") === 0;
-
-
- if(F && !G){
- try{
- document.execCommand("BackgroundImageCache", false, true);
- }catch(e){}
- }
-
-
- Roo.apply(Roo, {
-
-
- isStrict : C,
-
-
- isSecure : M,
-
-
- isReady : false,
-
-
-
- debug: false,
-
-
-
- enableGarbageCollector : true,
-
-
-
- enableListenerCollection:false,
-
-
-
- SSL_SECURE_URL : "javascript:false",
-
-
-
- BLANK_IMAGE_URL : "http:/"+"/localhost/s.gif",
-
- emptyFn : function(){},
-
-
-
- applyIf : function(o, c){
- if(o && c){
- for(var p in c){
- if(typeof o[p] == "undefined"){ o[p] = c[p]; }
- }
- }
- return o;
- },
-
-
-
- addBehaviors : function(o){
- if(!Roo.isReady){
- Roo.onReady(function(){
- Roo.addBehaviors(o);
- });
- return;
- }
- var N = {};
- for(var b in o){
- var parts = b.split('@');
- if(parts[1]){
- var s = parts[0];
- if(!N[s]){
- N[s] = Roo.select(s);
- }
-
- N[s].on(parts[1], o[b]);
- }
- }
-
- N = null;
- },
-
-
-
- id : function(el, O){
- O = O || "roo-gen";
- el = Roo.getDom(el);
- var id = O + (++B);
- return el ? (el.id ? el.id : (el.id = id)) : id;
- },
-
-
-
-
- extend : function(){
-
- var io = function(o){
- for(var m in o){
- this[m] = o[m];
- }
- };
- return function(sb, sp, P){
- if(typeof sp == 'object'){
- P = sp;
- sp = sb;
- sb = function(){sp.apply(this, arguments);};
- }
- var F = function(){}, sbp, spp = sp.prototype;
- F.prototype = spp;
- sbp = sb.prototype = new F();
- sbp.constructor=sb;
- sb.superclass=spp;
-
- if(spp.constructor == Object.prototype.constructor){
- spp.constructor=sp;
-
- }
-
-
- sb.override = function(o){
- Roo.override(sb, o);
- };
- sbp.override = io;
- Roo.override(sb, P);
- return sb;
- };
- }(),
-
-
-
- override : function(P, Q){
- if(Q){
- var p = P.prototype;
- for(var method in Q){
- p[method] = Q[method];
- }
- }
- },
-
-
- namespace : function(){
- var a=arguments, o=null, i, j, d, rt;
- for (i=0; i<a.length; ++i) {
- d=a[i].split(".");
- rt = d[0];
-
-
- eval('if (typeof ' + rt + ' == "undefined"){' + rt + ' = {};} o = ' + rt + ';');
- for (j=1; j<d.length; ++j) {
- o[d[j]]=o[d[j]] || {};
- o=o[d[j]];
- }
- }
- },
-
-
-
- factory : function(c, ns)
- {
-
- if (!c.xtype || (!ns && !c.xns) || (c.xns === false)) {
- return c;
- }
-
- ns = c.xns ? c.xns : ns;
- if (c.constructor == ns[c.xtype]) {
- return c;
- }
- if (ns[c.xtype]) {
- if (Roo.debug) Roo.log("Roo.Factory(" + c.xtype + ")");
- var ret = new ns[c.xtype](c);
- ret.xns = false;
- return ret;
- }
-
- c.xns = false;
- return c;
- },
-
-
- log : function(s)
- {
- if ((typeof(console) == 'undefined') || (typeof(console.log) == 'undefined')) {
- return;
- }
-
- console.log(s);
-
- },
-
-
- urlEncode : function(o){
- if(!o){
- return "";
- }
- var R = [];
- for(var key in o){
- var ov = o[key], k = encodeURIComponent(key);
- var type = typeof ov;
- if(type == 'undefined'){
- R.push(k, "=&");
- }else if(type != "function" && type != "object"){
- R.push(k, "=", encodeURIComponent(ov), "&");
- }else if(ov instanceof Array){
- if (ov.length) {
- for(var i = 0, len = ov.length; i < len; i++) {
- R.push(k, "=", encodeURIComponent(ov[i] === undefined ? '' : ov[i]), "&");
- }
- } else {
- R.push(k, "=&");
- }
- }
- }
-
- R.pop();
- return R.join("");
- },
-
-
-
- urlDecode : function(S, T){
- if(!S || !S.length){
- return {};
- }
- var U = {};
- var V = S.split('&');
- var W, X, Y;
- for(var i = 0, len = V.length; i < len; i++){
- W = V[i].split('=');
- X = decodeURIComponent(W[0]);
- Y = decodeURIComponent(W[1]);
- if(T !== true){
- if(typeof U[X] == "undefined"){
- U[X] = Y;
- }else if(typeof U[X] == "string"){
- U[X] = [U[X]];
- U[X].push(Y);
- }else {
- U[X].push(Y);
- }
- }else {
- U[X] = Y;
- }
- }
- return U;
- },
-
-
-
- each : function(Z, fn, f){
- if(typeof Z.length == "undefined" || typeof Z == "string"){
- Z = [Z];
- }
- for(var i = 0, len = Z.length; i < len; i++){
- if(fn.call(f || Z[i], Z[i], i, Z) === false){ return i; };
- }
- },
-
-
- combine : function(){
- var as = arguments, l = as.length, r = [];
- for(var i = 0; i < l; i++){
- var a = as[i];
- if(a instanceof Array){
- r = r.concat(a);
- }else if(a.length !== undefined && !a.substr){
- r = r.concat(Array.prototype.slice.call(a, 0));
- }else {
- r.push(a);
- }
- }
- return r;
- },
-
-
-
- escapeRe : function(s) {
- return s.replace(/([.*+?^${}()|[\]\/\\])/g, "\\$1");
- },
-
-
- callback : function(cb, g, h, n){
- if(typeof cb == "function"){
- if(n){
- cb.defer(n, g, h || []);
- }else {
- cb.apply(g, h || []);
- }
- }
- },
-
-
-
- getDom : function(el){
- if(!el){
- return null;
- }
- return el.dom ? el.dom : (typeof el == 'string' ? document.getElementById(el) : el);
- },
-
-
-
- getCmp : function(id){
- return Roo.ComponentMgr.get(id);
- },
-
- num : function(v, q){
- if(typeof v != 'number'){
- return q;
- }
- return v;
- },
-
- destroy : function(){
- for(var i = 0, a = arguments, len = a.length; i < len; i++) {
- var as = a[i];
- if(as){
- if(as.dom){
- as.removeAllListeners();
- as.remove();
- continue;
- }
- if(typeof as.purgeListeners == 'function'){
- as.purgeListeners();
- }
- if(typeof as.destroy == 'function'){
- as.destroy();
- }
- }
- }
- },
-
-
-
-
- type : function(o){
- if(o === undefined || o === null){
- return false;
- }
- if(o.htmlElement){
- return 'element';
- }
- var t = typeof o;
- if(t == 'object' && o.nodeName) {
- switch(o.nodeType) {
- case 1: return 'element';
- case 3: return (/\S/).test(o.nodeValue) ? 'textnode' : 'whitespace';
- }
- }
- if(t == 'object' || t == 'function') {
- switch(o.constructor) {
- case Array: return 'array';
- case RegExp: return 'regexp';
- }
- if(typeof o.length == 'number' && typeof o.item == 'function') {
- return 'nodelist';
- }
- }
- return t;
- },
-
-
-
- isEmpty : function(v, u){
- return v === null || v === undefined || (!u ? v === '' : false);
- },
-
-
-
- isOpera : D,
-
-
- isSafari : E,
-
-
- isIE : F,
-
-
- isIE7 : G,
-
-
- isGecko : H,
-
-
- isBorderBox : I,
-
-
- isWindows : J,
-
-
- isLinux : L,
-
-
- isMac : K,
-
-
-
- useShims : ((F && !G) || (H && K))
- });
-
-
-})();
-
-Roo.namespace("Roo", "Roo.util", "Roo.grid", "Roo.dd", "Roo.tree", "Roo.data",
- "Roo.form", "Roo.menu", "Roo.state", "Roo.lib", "Roo.layout", "Roo.app", "Roo.ux");
-
-
-
-
-(function() {
-
- if(Roo.isIE) {
- function A() {
- var p = Function.prototype;
- delete p.createSequence;
- delete p.defer;
- delete p.createDelegate;
- delete p.createCallback;
- delete p.createInterceptor;
-
- window.detachEvent("onunload", A);
- }
-
- window.attachEvent("onunload", A);
- }
-})();
-
-
-
-
-Roo.apply(Function.prototype, {
-
-
- createCallback : function(
-){
-
- var B = arguments;
- var C = this;
- return function() {
- return C.apply(window, B);
- };
- },
-
-
-
- createDelegate : function(D, E, F){
- var G = this;
- return function() {
- var H = E || arguments;
- if(F === true){
- H = Array.prototype.slice.call(arguments, 0);
- H = H.concat(E);
- }else if(typeof F == "number"){
- H = Array.prototype.slice.call(arguments, 0);
- var applyArgs = [F, 0].concat(E);
- Array.prototype.splice.apply(H, applyArgs);
- }
- return G.apply(D || window, H);
- };
- },
-
-
-
- defer : function(H, I, J, K){
- var fn = this.createDelegate(I, J, K);
- if(H){
- return setTimeout(fn, H);
- }
-
- fn();
- return 0;
- },
-
-
- createSequence : function(L, M){
- if(typeof L != "function"){
- return this;
- }
- var N = this;
- return function() {
- var O = N.apply(this || window, arguments);
- L.apply(M || this || window, arguments);
- return O;
- };
- },
-
-
-
- createInterceptor : function(O, P){
- if(typeof O != "function"){
- return this;
- }
- var Q = this;
- return function() {
- O.target = this;
- O.method = Q;
- if(O.apply(P || this || window, arguments) === false){
- return;
- }
- return Q.apply(this || window, arguments);
- };
- }
-});
-
-
-
-
-Roo.applyIf(String, {
-
-
-
-
-
-
- escape : function(A) {
- return A.replace(/('|\\)/g, "\\$1");
- },
-
-
-
- leftPad : function (B, C, ch) {
- var D = new String(B);
- if(ch === null || ch === undefined || ch === '') {
- ch = " ";
- }
- while (D.length < C) {
- D = ch + D;
- }
- return D;
- },
-
-
-
- format : function(E){
- var F = Array.prototype.slice.call(arguments, 1);
- return E.replace(/\{(\d+)\}/g, function(m, i){
- return Roo.util.Format.htmlEncode(F[i]);
- });
- }
-});
-
-
-
-
-String.prototype.toggle = function(G, H){
- return this == G ? H : G;
-};
-
-
-
-
-
-Roo.applyIf(Number.prototype, {
-
-
- constrain : function(A, B){
- return Math.min(Math.max(this, A), B);
- }
-});
-
-
-
-
-Roo.applyIf(Array.prototype, {
-
-
- indexOf : function(o){
- for (var i = 0, len = this.length; i < len; i++){
- if(this[i] == o) return i;
- }
- return -1;
- },
-
-
-
- remove : function(o){
- var A = this.indexOf(o);
- if(A != -1){
- this.splice(A, 1);
- }
- },
-
-
- map : function(B )
- {
- var C = this.length >>> 0;
- if (typeof B != "function")
- throw new TypeError();
-
- var D = new Array(C);
- var E = arguments[1];
- for (var i = 0; i < C; i++)
- {
- if (i in this)
- D[i] = B.call(E, this[i], i, this);
- }
-
- return D;
- }
-
-});
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Date.prototype.getElapsed = function(A) {
- return Math.abs((A || new Date()).getTime()-this.getTime());
-};
-
-
-
-
-Date.parseFunctions = {count:0};
-
-Date.parseRegexes = [];
-
-Date.formatFunctions = {count:0};
-
-
-Date.prototype.dateFormat = function(B) {
- if (Date.formatFunctions[B] == null) {
- Date.createNewFormat(B);
- }
- var C = Date.formatFunctions[B];
- return this[C]();
-};
-
-
-
-
-Date.prototype.format = Date.prototype.dateFormat;
-
-
-Date.createNewFormat = function(D) {
- var E = "format" + Date.formatFunctions.count++;
- Date.formatFunctions[D] = E;
- var F = "Date.prototype." + E + " = function(){return ";
- var G = false;
- var ch = '';
- for (var i = 0; i < D.length; ++i) {
- ch = D.charAt(i);
- if (!G && ch == "\\") {
- G = true;
- }
- else if (G) {
- G = false;
- F += "'" + String.escape(ch) + "' + ";
- }
- else {
- F += Date.getFormatCode(ch);
- }
- }
-
-
- eval(F.substring(0, F.length - 3) + ";}");
-};
-
-
-Date.getFormatCode = function(H) {
- switch (H) {
- case "d":
- return "String.leftPad(this.getDate(), 2, '0') + ";
- case "D":
- return "Date.dayNames[this.getDay()].substring(0, 3) + ";
- case "j":
- return "this.getDate() + ";
- case "l":
- return "Date.dayNames[this.getDay()] + ";
- case "S":
- return "this.getSuffix() + ";
- case "w":
- return "this.getDay() + ";
- case "z":
- return "this.getDayOfYear() + ";
- case "W":
- return "this.getWeekOfYear() + ";
- case "F":
- return "Date.monthNames[this.getMonth()] + ";
- case "m":
- return "String.leftPad(this.getMonth() + 1, 2, '0') + ";
- case "M":
- return "Date.monthNames[this.getMonth()].substring(0, 3) + ";
- case "n":
- return "(this.getMonth() + 1) + ";
- case "t":
- return "this.getDaysInMonth() + ";
- case "L":
- return "(this.isLeapYear() ? 1 : 0) + ";
- case "Y":
- return "this.getFullYear() + ";
- case "y":
- return "('' + this.getFullYear()).substring(2, 4) + ";
- case "a":
- return "(this.getHours() < 12 ? 'am' : 'pm') + ";
- case "A":
- return "(this.getHours() < 12 ? 'AM' : 'PM') + ";
- case "g":
- return "((this.getHours() % 12) ? this.getHours() % 12 : 12) + ";
- case "G":
- return "this.getHours() + ";
- case "h":
- return "String.leftPad((this.getHours() % 12) ? this.getHours() % 12 : 12, 2, '0') + ";
- case "H":
- return "String.leftPad(this.getHours(), 2, '0') + ";
- case "i":
- return "String.leftPad(this.getMinutes(), 2, '0') + ";
- case "s":
- return "String.leftPad(this.getSeconds(), 2, '0') + ";
- case "O":
- return "this.getGMTOffset() + ";
- case "T":
- return "this.getTimezone() + ";
- case "Z":
- return "(this.getTimezoneOffset() * -60) + ";
- default:
- return "'" + String.escape(H) + "' + ";
- }
-};
-
-
-
-Date.parseDate = function(I, J) {
- if (Date.parseFunctions[J] == null) {
- Date.createParser(J);
- }
- var K = Date.parseFunctions[J];
- return Date[K](I);
-};
-
-
-Date.createParser = function(L) {
- var M = "parse" + Date.parseFunctions.count++;
- var N = Date.parseRegexes.length;
- var O = 1;
- Date.parseFunctions[L] = M;
-
- var P = "Date." + M + " = function(input){\n"
- + "var y = -1, m = -1, d = -1, h = -1, i = -1, s = -1, o, z, v;\n"
- + "var d = new Date();\n"
- + "y = d.getFullYear();\n"
- + "m = d.getMonth();\n"
- + "d = d.getDate();\n"
- + "var results = input.match(Date.parseRegexes[" + N + "]);\n"
- + "if (results && results.length > 0) {";
- var Q = "";
-
- var R = false;
- var ch = '';
- for (var i = 0; i < L.length; ++i) {
- ch = L.charAt(i);
- if (!R && ch == "\\") {
- R = true;
- }
- else if (R) {
- R = false;
- Q += String.escape(ch);
- }
- else {
- var obj = Date.formatCodeToRegex(ch, O);
- O += obj.g;
- Q += obj.s;
- if (obj.g && obj.c) {
- P += obj.c;
- }
- }
- }
-
-
- P += "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"
- + "}return (v && (z || o))?\n"
- + " ((z)? v.add(Date.SECOND, (v.getTimezoneOffset() * 60) + (z*1)) :\n"
- + " v.add(Date.HOUR, (v.getGMTOffset() / 100) + (o / -100))) : v\n"
- + ";}";
-
- Date.parseRegexes[N] = new RegExp("^" + Q + "$");
-
-
- eval(P);
-};
-
-
-Date.formatCodeToRegex = function(S, T) {
- switch (S) {
- case "D":
- return {g:0,
- c:null,
- s:"(?:Sun|Mon|Tue|Wed|Thu|Fri|Sat)"};
- case "j":
- return {g:1,
- c:"d = parseInt(results[" + T + "], 10);\n",
- s:"(\\d{1,2})"};
- case "d":
- return {g:1,
- c:"d = parseInt(results[" + T + "], 10);\n",
- s:"(\\d{2})"};
- case "l":
- return {g:0,
- c:null,
- s:"(?:" + Date.dayNames.join("|") + ")"};
- case "S":
- return {g:0,
- c:null,
- s:"(?:st|nd|rd|th)"};
- case "w":
- return {g:0,
- c:null,
- s:"\\d"};
- case "z":
- return {g:0,
- c:null,
- s:"(?:\\d{1,3})"};
- case "W":
- return {g:0,
- c:null,
- s:"(?:\\d{2})"};
- case "F":
- return {g:1,
- c:"m = parseInt(Date.monthNumbers[results[" + T + "].substring(0, 3)], 10);\n",
- s:"(" + Date.monthNames.join("|") + ")"};
- case "M":
- return {g:1,
- c:"m = parseInt(Date.monthNumbers[results[" + T + "]], 10);\n",
- s:"(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)"};
- case "n":
- return {g:1,
- c:"m = parseInt(results[" + T + "], 10) - 1;\n",
- s:"(\\d{1,2})"};
- case "m":
- return {g:1,
- c:"m = parseInt(results[" + T + "], 10) - 1;\n",
- s:"(\\d{2})"};
- case "t":
- return {g:0,
- c:null,
- s:"\\d{1,2}"};
- case "L":
- return {g:0,
- c:null,
- s:"(?:1|0)"};
- case "Y":
- return {g:1,
- c:"y = parseInt(results[" + T + "], 10);\n",
- s:"(\\d{4})"};
- case "y":
- return {g:1,
- c:"var ty = parseInt(results[" + T + "], 10);\n"
- + "y = ty > Date.y2kYear ? 1900 + ty : 2000 + ty;\n",
- s:"(\\d{1,2})"};
- case "a":
- return {g:1,
- c:"if (results[" + T + "] == 'am') {\n"
- + "if (h == 12) { h = 0; }\n"
- + "} else { if (h < 12) { h += 12; }}",
- s:"(am|pm)"};
- case "A":
- return {g:1,
- c:"if (results[" + T + "] == 'AM') {\n"
- + "if (h == 12) { h = 0; }\n"
- + "} else { if (h < 12) { h += 12; }}",
- s:"(AM|PM)"};
- case "g":
- case "G":
- return {g:1,
- c:"h = parseInt(results[" + T + "], 10);\n",
- s:"(\\d{1,2})"};
- case "h":
- case "H":
- return {g:1,
- c:"h = parseInt(results[" + T + "], 10);\n",
- s:"(\\d{2})"};
- case "i":
- return {g:1,
- c:"i = parseInt(results[" + T + "], 10);\n",
- s:"(\\d{2})"};
- case "s":
- return {g:1,
- c:"s = parseInt(results[" + T + "], 10);\n",
- s:"(\\d{2})"};
- case "O":
- return {g:1,
- c:[
- "o = results[", T, "];\n",
- "var sn = o.substring(0,1);\n",
- "var hr = o.substring(1,3)*1 + Math.floor(o.substring(3,5) / 60);\n",
- "var mn = o.substring(3,5) % 60;\n",
- "o = ((-12 <= (hr*60 + mn)/60) && ((hr*60 + mn)/60 <= 14))?\n",
- " (sn + String.leftPad(hr, 2, 0) + String.leftPad(mn, 2, 0)) : null;\n"
- ].join(""),
- s:"([+\-]\\d{4})"};
- case "T":
- return {g:0,
- c:null,
- s:"[A-Z]{1,4}"};
- case "Z":
- return {g:1,
- c:"z = results[" + T + "];\n"
- + "z = (-43200 <= z*1 && z*1 <= 50400)? z : null;\n",
- s:"([+\-]?\\d{1,5})"};
- default:
- return {g:0,
- c:null,
- s:String.escape(S)};
- }
-};
-
-
-
-Date.prototype.getTimezone = function() {
- return this.toString().replace(/^.*? ([A-Z]{1,4})[\-+][0-9]{4} .*$/, "$1");
-};
-
-
-
-Date.prototype.getGMTOffset = function() {
- return (this.getTimezoneOffset() > 0 ? "-" : "+")
- + String.leftPad(Math.abs(Math.floor(this.getTimezoneOffset() / 60)), 2, "0")
- + String.leftPad(this.getTimezoneOffset() % 60, 2, "0");
-};
-
-
-
-Date.prototype.getDayOfYear = function() {
- var U = 0;
- Date.daysInMonth[1] = this.isLeapYear() ? 29 : 28;
- for (var i = 0; i < this.getMonth(); ++i) {
- U += Date.daysInMonth[i];
- }
- return U + this.getDate() - 1;
-};
-
-
-
-Date.prototype.getWeekOfYear = function() {
-
- var V = this.getDayOfYear() + (4 - this.getDay());
-
- var W = new Date(this.getFullYear(), 0, 1);
- var X = (7 - W.getDay() + 4);
- return String.leftPad(((V - X) / 7) + 1, 2, "0");
-};
-
-
-
-Date.prototype.isLeapYear = function() {
- var Y = this.getFullYear();
- return ((Y & 3) == 0 && (Y % 100 || (Y % 400 == 0 && Y)));
-};
-
-
-
-Date.prototype.getFirstDayOfMonth = function() {
- var Z = (this.getDay() - (this.getDate() - 1)) % 7;
- return (Z < 0) ? (Z + 7) : Z;
-};
-
-
-
-Date.prototype.getLastDayOfMonth = function() {
- var a = (this.getDay() + (Date.daysInMonth[this.getMonth()] - this.getDate())) % 7;
- return (a < 0) ? (a + 7) : a;
-};
-
-
-
-
-Date.prototype.getFirstDateOfMonth = function() {
- return new Date(this.getFullYear(), this.getMonth(), 1);
-};
-
-
-
-Date.prototype.getLastDateOfMonth = function() {
- return new Date(this.getFullYear(), this.getMonth(), this.getDaysInMonth());
-};
-
-
-Date.prototype.getDaysInMonth = function() {
- Date.daysInMonth[1] = this.isLeapYear() ? 29 : 28;
- return Date.daysInMonth[this.getMonth()];
-};
-
-
-
-Date.prototype.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";
- }
-};
-
-
-Date.daysInMonth = [31,28,31,30,31,30,31,31,30,31,30,31];
-
-
-
-Date.monthNames =
- ["January",
- "February",
- "March",
- "April",
- "May",
- "June",
- "July",
- "August",
- "September",
- "October",
- "November",
- "December"];
-
-
-
-Date.dayNames =
- ["Sunday",
- "Monday",
- "Tuesday",
- "Wednesday",
- "Thursday",
- "Friday",
- "Saturday"];
-
-
-Date.y2kYear = 50;
-
-Date.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};
-
-
-
-Date.prototype.clone = function() {
- return new Date(this.getTime());
-};
-
-
-
-Date.prototype.clearTime = function(b){
- if(b){
- return this.clone().clearTime();
- }
-
- this.setHours(0);
- this.setMinutes(0);
- this.setSeconds(0);
- this.setMilliseconds(0);
- return this;
-};
-
-
-
-if(Roo.isSafari){
- Date.brokenSetMonth = Date.prototype.setMonth;
- Date.prototype.setMonth = function(c){
- if(c <= -1){
- var n = Math.ceil(-c);
- 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);
- }
- };
-}
-
-
-
-
-Date.MILLI = "ms";
-
-
-Date.SECOND = "s";
-
-
-Date.MINUTE = "mi";
-
-
-Date.HOUR = "h";
-
-
-Date.DAY = "d";
-
-
-Date.MONTH = "mo";
-
-
-Date.YEAR = "y";
-
-
-
-Date.prototype.add = function(e, f){
- var d = this.clone();
- if (!e || f === 0) return d;
- switch(e.toLowerCase()){
- case Date.MILLI:
- d.setMilliseconds(this.getMilliseconds() + f);
- break;
- case Date.SECOND:
- d.setSeconds(this.getSeconds() + f);
- break;
- case Date.MINUTE:
- d.setMinutes(this.getMinutes() + f);
- break;
- case Date.HOUR:
- d.setHours(this.getHours() + f);
- break;
- case Date.DAY:
- d.setDate(this.getDate() + f);
- break;
- case Date.MONTH:
- var a = this.getDate();
- if(a > 28){
- a = Math.min(a, this.getFirstDateOfMonth().add('mo', f).getLastDateOfMonth().getDate());
- }
-
- d.setDate(a);
- d.setMonth(this.getMonth() + f);
- break;
- case Date.YEAR:
- d.setFullYear(this.getFullYear() + f);
- break;
- }
- return d;
-};
-
-
-
-Roo.lib.Dom = {
- getViewWidth : function(A) {
- return A ? this.getDocumentWidth() : this.getViewportWidth();
- },
-
- getViewHeight : function(B) {
- return B ? this.getDocumentHeight() : this.getViewportHeight();
- },
-
- getDocumentHeight: function() {
- var C = (document.compatMode != "CSS1Compat") ? document.body.scrollHeight : document.documentElement.scrollHeight;
- return Math.max(C, this.getViewportHeight());
- },
-
- getDocumentWidth: function() {
- var D = (document.compatMode != "CSS1Compat") ? document.body.scrollWidth : document.documentElement.scrollWidth;
- return Math.max(D, this.getViewportWidth());
- },
-
- getViewportHeight: function() {
- var E = self.innerHeight;
- var F = document.compatMode;
-
- if ((F || Roo.isIE) && !Roo.isOpera) {
- E = (F == "CSS1Compat") ?
- document.documentElement.clientHeight :
- document.body.clientHeight;
- }
-
- return E;
- },
-
- getViewportWidth: function() {
- var G = self.innerWidth;
- var H = document.compatMode;
-
- if (H || Roo.isIE) {
- G = (H == "CSS1Compat") ?
- document.documentElement.clientWidth :
- document.body.clientWidth;
- }
- return G;
- },
-
- isAncestor : function(p, c) {
- p = Roo.getDom(p);
- c = Roo.getDom(c);
- if (!p || !c) {
- return false;
- }
-
- if (p.contains && !Roo.isSafari) {
- return p.contains(c);
- } else if (p.compareDocumentPosition) {
- return !!(p.compareDocumentPosition(c) & 16);
- } else {
- var parent = c.parentNode;
- while (parent) {
- if (parent == p) {
- return true;
- }
- else if (!parent.tagName || parent.tagName.toUpperCase() == "HTML") {
- return false;
- }
-
- parent = parent.parentNode;
- }
- return false;
- }
- },
-
- getRegion : function(el) {
- return Roo.lib.Region.getRegion(el);
- },
-
- getY : function(el) {
- return this.getXY(el)[1];
- },
-
- getX : function(el) {
- return this.getXY(el)[0];
- },
-
- getXY : function(el) {
- var p, pe, b, I, bd = document.body;
- el = Roo.getDom(el);
- var J = Roo.lib.AnimBase.fly;
- if (el.getBoundingClientRect) {
- b = el.getBoundingClientRect();
- I = J(document).getScroll();
- return [b.left + I.left, b.top + I.top];
- }
- var x = 0, y = 0;
-
- p = el;
-
- var K = J(el).getStyle("position") == "absolute";
-
- while (p) {
-
- x += p.offsetLeft;
- y += p.offsetTop;
-
- if (!K && J(p).getStyle("position") == "absolute") {
- K = true;
- }
-
- if (Roo.isGecko) {
- pe = J(p);
-
- var bt = parseInt(pe.getStyle("borderTopWidth"), 10) || 0;
- var bl = parseInt(pe.getStyle("borderLeftWidth"), 10) || 0;
-
-
- x += bl;
- y += bt;
-
-
- if (p != el && pe.getStyle('overflow') != 'visible') {
- x += bl;
- y += bt;
- }
- }
-
- p = p.offsetParent;
- }
-
- if (Roo.isSafari && K) {
- x -= bd.offsetLeft;
- y -= bd.offsetTop;
- }
-
- if (Roo.isGecko && !K) {
- var dbd = J(bd);
- x += parseInt(dbd.getStyle("borderLeftWidth"), 10) || 0;
- y += parseInt(dbd.getStyle("borderTopWidth"), 10) || 0;
- }
-
-
- p = el.parentNode;
- while (p && p != bd) {
- if (!Roo.isOpera || (p.tagName != 'TR' && J(p).getStyle("display") != "inline")) {
- x -= p.scrollLeft;
- y -= p.scrollTop;
- }
-
- p = p.parentNode;
- }
- return [x, y];
- },
-
-
-
-
- setXY : function(el, xy) {
- el = Roo.fly(el, '_setXY');
- el.position();
- var L = el.translatePoints(xy);
- if (xy[0] !== false) {
- el.dom.style.left = L.left + "px";
- }
- if (xy[1] !== false) {
- el.dom.style.top = L.top + "px";
- }
- },
-
- setX : function(el, x) {
- this.setXY(el, [x, false]);
- },
-
- setY : function(el, y) {
- this.setXY(el, [false, y]);
- }
-};
-
-
-
-
-Roo.lib.Event = function() {
- var A = false;
- var B = [];
- var C = [];
- var D = 0;
- var E = [];
- var F = 0;
- var G = null;
-
- return {
- POLL_RETRYS: 200,
- POLL_INTERVAL: 20,
- EL: 0,
- TYPE: 1,
- FN: 2,
- WFN: 3,
- OBJ: 3,
- ADJ_SCOPE: 4,
- _interval: null,
-
- startInterval: function() {
- if (!this._interval) {
- var self = this;
- var callback = function() {
- self._tryPreloadAttach();
- };
- this._interval = setInterval(callback, this.POLL_INTERVAL);
-
- }
- },
-
- onAvailable: function(h, k, m, n) {
- E.push({ id: h,
- fn: k,
- obj: m,
- override: n,
- checkReady: false });
-
- D = this.POLL_RETRYS;
- this.startInterval();
- },
-
-
- addListener: function(el, o, fn) {
- el = Roo.getDom(el);
- if (!el || !fn) {
- return false;
- }
-
- if ("unload" == o) {
- C[C.length] =
- [el, o, fn];
- return true;
- }
-
- var p = function(e) {
- return fn(Roo.lib.Event.getEvent(e));
- };
-
- var li = [el, o, fn, p];
-
- var q = B.length;
- B[q] = li;
-
- this.doAdd(el, o, p, false);
- return true;
-
- },
-
-
- removeListener: function(el, r, fn) {
- var i, s;
-
- el = Roo.getDom(el);
-
- if(!fn) {
- return this.purgeElement(el, false, r);
- }
-
-
- if ("unload" == r) {
-
- for (i = 0,s = C.length; i < s; i++) {
- var li = C[i];
- if (li &&
- li[0] == el &&
- li[1] == r &&
- li[2] == fn) {
- C.splice(i, 1);
- return true;
- }
- }
-
- return false;
- }
-
- var u = null;
-
-
- var v = arguments[3];
-
- if ("undefined" == typeof v) {
- v = this._getCacheIndex(el, r, fn);
- }
-
- if (v >= 0) {
- u = B[v];
- }
-
- if (!el || !u) {
- return false;
- }
-
-
- this.doRemove(el, r, u[this.WFN], false);
-
- delete B[v][this.WFN];
- delete B[v][this.FN];
- B.splice(v, 1);
-
- return true;
-
- },
-
-
- getTarget: function(ev, w) {
- ev = ev.browserEvent || ev;
- var t = ev.target || ev.srcElement;
- return this.resolveTextNode(t);
- },
-
-
- resolveTextNode: function(z) {
- if (Roo.isSafari && z && 3 == z.nodeType) {
- return z.parentNode;
- } else {
- return z;
- }
- },
-
-
- getPageX: function(ev) {
- ev = ev.browserEvent || ev;
- var x = ev.pageX;
- if (!x && 0 !== x) {
- x = ev.clientX || 0;
-
- if (Roo.isIE) {
- x += this.getScroll()[1];
- }
- }
-
- return x;
- },
-
-
- getPageY: function(ev) {
- ev = ev.browserEvent || ev;
- var y = ev.pageY;
- if (!y && 0 !== y) {
- y = ev.clientY || 0;
-
- if (Roo.isIE) {
- y += this.getScroll()[0];
- }
- }
-
-
- return y;
- },
-
-
- getXY: function(ev) {
- ev = ev.browserEvent || ev;
- return [this.getPageX(ev), this.getPageY(ev)];
- },
-
-
- getRelatedTarget: function(ev) {
- ev = ev.browserEvent || ev;
- var t = ev.relatedTarget;
- if (!t) {
- if (ev.type == "mouseout") {
- t = ev.toElement;
- } else if (ev.type == "mouseover") {
- t = ev.fromElement;
- }
- }
-
- return this.resolveTextNode(t);
- },
-
-
- getTime: function(ev) {
- ev = ev.browserEvent || ev;
- if (!ev.time) {
- var t = new Date().getTime();
- try {
- ev.time = t;
- } catch(ex) {
- this.lastError = ex;
- return t;
- }
- }
-
- return ev.time;
- },
-
-
- stopEvent: function(ev) {
- this.stopPropagation(ev);
- this.preventDefault(ev);
- },
-
-
- stopPropagation: function(ev) {
- ev = ev.browserEvent || ev;
- if (ev.stopPropagation) {
- ev.stopPropagation();
- } else {
- ev.cancelBubble = true;
- }
- },
-
-
- preventDefault: function(ev) {
- ev = ev.browserEvent || ev;
- if(ev.preventDefault) {
- ev.preventDefault();
- } else {
- ev.returnValue = false;
- }
- },
-
-
- getEvent: function(e) {
- var ev = e || window.event;
- if (!ev) {
- var c = this.getEvent.caller;
- while (c) {
- ev = c.arguments[0];
- if (ev && Event == ev.constructor) {
- break;
- }
-
- c = c.caller;
- }
- }
- return ev;
- },
-
-
- getCharCode: function(ev) {
- ev = ev.browserEvent || ev;
- return ev.charCode || ev.keyCode || 0;
- },
-
-
- _getCacheIndex: function(el, AA, fn) {
- for (var i = 0,s = B.length; i < s; ++i) {
- var li = B[i];
- if (li &&
- li[this.FN] == fn &&
- li[this.EL] == el &&
- li[this.TYPE] == AA) {
- return i;
- }
- }
-
- return -1;
- },
-
-
- elCache: {},
-
-
- getEl: function(id) {
- return document.getElementById(id);
- },
-
-
- clearCache: function() {
- },
-
-
- _load: function(e) {
- A = true;
- var EU = Roo.lib.Event;
-
-
- if (Roo.isIE) {
- EU.doRemove(window, "load", EU._load);
- }
- },
-
-
- _tryPreloadAttach: function() {
-
- if (this.locked) {
- return false;
- }
-
-
- this.locked = true;
-
-
- var AB = !A;
- if (!AB) {
- AB = (D > 0);
- }
-
-
- var AC = [];
- for (var i = 0,s = E.length; i < s; ++i) {
- var item = E[i];
- if (item) {
- var el = this.getEl(item.id);
-
- if (el) {
- if (!item.checkReady ||
- A ||
- el.nextSibling ||
- (document && document.body)) {
-
- var scope = el;
- if (item.override) {
- if (item.override === true) {
- scope = item.obj;
- } else {
- scope = item.override;
- }
- }
-
- item.fn.call(scope, item.obj);
- E[i] = null;
- }
- } else {
- AC.push(item);
- }
- }
- }
-
-
- D = (AC.length === 0) ? 0 : D - 1;
-
- if (AB) {
-
- this.startInterval();
- } else {
- clearInterval(this._interval);
- this._interval = null;
- }
-
-
- this.locked = false;
-
- return true;
-
- },
-
-
- purgeElement: function(el, AD, AE) {
- var AF = this.getListeners(el, AE);
- if (AF) {
- for (var i = 0,s = AF.length; i < s; ++i) {
- var l = AF[i];
- this.removeListener(el, l.type, l.fn);
- }
- }
-
- if (AD && el && el.childNodes) {
- for (i = 0,s = el.childNodes.length; i < s; ++i) {
- this.purgeElement(el.childNodes[i], AD, AE);
- }
- }
- },
-
-
- getListeners: function(el, AG) {
- var AH = [], AI;
- if (!AG) {
- AI = [B, C];
- } else if (AG == "unload") {
- AI = [C];
- } else {
- AI = [B];
- }
-
- for (var j = 0; j < AI.length; ++j) {
- var searchList = AI[j];
- if (searchList && searchList.length > 0) {
- for (var i = 0,s = searchList.length; i < s; ++i) {
- var l = searchList[i];
- if (l && l[this.EL] === el &&
- (!AG || AG === l[this.TYPE])) {
- AH.push({
- type: l[this.TYPE],
- fn: l[this.FN],
- obj: l[this.OBJ],
- adjust: l[this.ADJ_SCOPE],
- index: i
- });
- }
- }
- }
- }
-
- return (AH.length) ? AH : null;
- },
-
-
- _unload: function(e) {
-
- var EU = Roo.lib.Event, i, j, l, AJ, AK;
-
- for (i = 0,AJ = C.length; i < AJ; ++i) {
- l = C[i];
- if (l) {
- var scope = window;
- if (l[EU.ADJ_SCOPE]) {
- if (l[EU.ADJ_SCOPE] === true) {
- scope = l[EU.OBJ];
- } else {
- scope = l[EU.ADJ_SCOPE];
- }
- }
-
- l[EU.FN].call(scope, EU.getEvent(e), l[EU.OBJ]);
- C[i] = null;
- l = null;
- scope = null;
- }
- }
-
-
- C = null;
-
- if (B && B.length > 0) {
- j = B.length;
- while (j) {
- AK = j - 1;
- l = B[AK];
- if (l) {
- EU.removeListener(l[EU.EL], l[EU.TYPE],
- l[EU.FN], AK);
- }
-
- j = j - 1;
- }
-
- l = null;
-
- EU.clearCache();
- }
-
-
- EU.doRemove(window, "unload", EU._unload);
-
- },
-
-
- getScroll: function() {
- var dd = document.documentElement, db = document.body;
- if (dd && (dd.scrollTop || dd.scrollLeft)) {
- return [dd.scrollTop, dd.scrollLeft];
- } else if (db) {
- return [db.scrollTop, db.scrollLeft];
- } else {
- return [0, 0];
- }
- },
-
-
- doAdd: function () {
- if (window.addEventListener) {
- return function(el, AL, fn, AM) {
- el.addEventListener(AL, fn, (AM));
- };
- } else if (window.attachEvent) {
- return function(el, AL, fn, AM) {
- el.attachEvent("on" + AL, fn);
- };
- } else {
- return function() {
- };
- }
- }(),
-
-
- doRemove: function() {
- if (window.removeEventListener) {
- return function (el, AL, fn, AM) {
- el.removeEventListener(AL, fn, (AM));
- };
- } else if (window.detachEvent) {
- return function (el, AL, fn) {
- el.detachEvent("on" + AL, fn);
- };
- } else {
- return function() {
- };
- }
- }()
- };
-
-}();
-(function() {
-
- var E = Roo.lib.Event;
- E.on = E.addListener;
- E.un = E.removeListener;
-
- if (document && document.body) {
- E._load();
- } else {
- E.doAdd(window, "load", E._load);
- }
-
- E.doAdd(window, "unload", E._unload);
- E._tryPreloadAttach();
-})();
-
-
-
-
-
-(function() {
-
- Roo.lib.Ajax = {
- request : function(A, B, cb, C, D) {
- if(D){
- var hs = D.headers;
- if(hs){
- for(var h in hs){
- if(hs.hasOwnProperty(h)){
- this.initHeader(h, hs[h], false);
- }
- }
- }
- if(D.xmlData){
- this.initHeader('Content-Type', 'text/xml', false);
- A = 'POST';
- C = D.xmlData;
- }
- }
-
- return this.asyncRequest(A, B, cb, C);
- },
-
- serializeForm : function(E) {
- if(typeof E == 'string') {
- E = (document.getElementById(E) || document.forms[E]);
- }
-
- var el, F, G, H, I = '', J = false;
- for (var i = 0; i < E.elements.length; i++) {
- el = E.elements[i];
- H = E.elements[i].disabled;
- F = E.elements[i].name;
- G = E.elements[i].value;
-
- if (!H && F){
- switch (el.type)
- {
- case 'select-one':
- case 'select-multiple':
- for (var j = 0; j < el.options.length; j++) {
- if (el.options[j].selected) {
- if (Roo.isIE) {
- I += encodeURIComponent(F) + '=' + encodeURIComponent(el.options[j].attributes['value'].specified ? el.options[j].value : el.options[j].text) + '&';
- }
- else {
- I += encodeURIComponent(F) + '=' + encodeURIComponent(el.options[j].hasAttribute('value') ? el.options[j].value : el.options[j].text) + '&';
- }
- }
- }
- break;
- case 'radio':
- case 'checkbox':
- if (el.checked) {
- I += encodeURIComponent(F) + '=' + encodeURIComponent(G) + '&';
- }
- break;
- case 'file':
-
- case undefined:
-
- case 'reset':
-
- case 'button':
-
- break;
- case 'submit':
- if(J == false) {
- I += encodeURIComponent(F) + '=' + encodeURIComponent(G) + '&';
- J = true;
- }
- break;
- default:
- I += encodeURIComponent(F) + '=' + encodeURIComponent(G) + '&';
- break;
- }
- }
- }
-
- I = I.substr(0, I.length - 1);
- return I;
- },
-
- headers:{},
-
- hasHeaders:false,
-
- useDefaultHeader:true,
-
- defaultPostHeader:'application/x-www-form-urlencoded',
-
- useDefaultXhrHeader:true,
-
- defaultXhrHeader:'XMLHttpRequest',
-
- hasDefaultHeaders:true,
-
- defaultHeaders:{},
-
- poll:{},
-
- timeout:{},
-
- pollInterval:50,
-
- transactionId:0,
-
- setProgId:function(id)
- {
- this.activeX.unshift(id);
- },
-
- setDefaultPostHeader:function(b)
- {
- this.useDefaultHeader = b;
- },
-
- setDefaultXhrHeader:function(b)
- {
- this.useDefaultXhrHeader = b;
- },
-
- setPollingInterval:function(i)
- {
- if (typeof i == 'number' && isFinite(i)) {
- this.pollInterval = i;
- }
- },
-
- createXhrObject:function(K)
- {
- var L,M;
- try
- {
-
- M = new XMLHttpRequest();
-
- L = { conn:M, tId:K };
- }
- catch(e)
- {
- for (var i = 0; i < this.activeX.length; ++i) {
- try
- {
-
- http = new ActiveXObject(this.activeX[i]);
-
- obj = { conn:http, tId:transactionId };
- break;
- }
- catch(e) {
- }
- }
- }
- finally
- {
- return L;
- }
- },
-
- getConnectionObject:function()
- {
- var o;
- var N = this.transactionId;
-
- try
- {
- o = this.createXhrObject(N);
- if (o) {
- this.transactionId++;
- }
- }
- catch(e) {
- }
- finally
- {
- return o;
- }
- },
-
- asyncRequest:function(O, P, Q, R)
- {
- var o = this.getConnectionObject();
-
- if (!o) {
- return null;
- }
- else {
- o.conn.open(O, P, true);
-
- if (this.useDefaultXhrHeader) {
- if (!this.defaultHeaders['X-Requested-With']) {
- this.initHeader('X-Requested-With', this.defaultXhrHeader, true);
- }
- }
-
- if(R && this.useDefaultHeader){
- this.initHeader('Content-Type', this.defaultPostHeader);
- }
-
- if (this.hasDefaultHeaders || this.hasHeaders) {
- this.setHeader(o);
- }
-
-
- this.handleReadyState(o, Q);
- o.conn.send(R || null);
-
- return o;
- }
- },
-
- handleReadyState:function(o, S)
- {
- var T = this;
-
- if (S && S.timeout) {
- this.timeout[o.tId] = window.setTimeout(function() {
- T.abort(o, S, true);
- }, S.timeout);
- }
-
-
- this.poll[o.tId] = window.setInterval(
- function() {
- if (o.conn && o.conn.readyState == 4) {
- window.clearInterval(T.poll[o.tId]);
- delete T.poll[o.tId];
-
- if(S && S.timeout) {
- window.clearTimeout(T.timeout[o.tId]);
- delete T.timeout[o.tId];
- }
-
-
- T.handleTransactionResponse(o, S);
- }
- }
- , this.pollInterval);
- },
-
- handleTransactionResponse:function(o, U, V)
- {
-
- if (!U) {
- this.releaseObject(o);
- return;
- }
-
- var W, X;
-
- try
- {
- if (o.conn.status !== undefined && o.conn.status != 0) {
- W = o.conn.status;
- }
- else {
- W = 13030;
- }
- }
- catch(e) {
-
-
- httpStatus = 13030;
- }
-
- if (W >= 200 && W < 300) {
- X = this.createResponseObject(o, U.argument);
- if (U.success) {
- if (!U.scope) {
- U.success(X);
- }
- else {
-
-
- U.success.apply(U.scope, [X]);
- }
- }
- }
- else {
- switch (W) {
-
- case 12002:
- case 12029:
- case 12030:
- case 12031:
- case 12152:
- case 13030:
- X = this.createExceptionObject(o.tId, U.argument, (V ? V : false));
- if (U.failure) {
- if (!U.scope) {
- U.failure(X);
- }
- else {
- U.failure.apply(U.scope, [X]);
- }
- }
- break;
- default:
- X = this.createResponseObject(o, U.argument);
- if (U.failure) {
- if (!U.scope) {
- U.failure(X);
- }
- else {
- U.failure.apply(U.scope, [X]);
- }
- }
- }
- }
-
-
- this.releaseObject(o);
- X = null;
- },
-
- createResponseObject:function(o, Y)
- {
- var Z = {};
- var a = {};
-
- try
- {
- var headerStr = o.conn.getAllResponseHeaders();
- var header = headerStr.split('\n');
- for (var i = 0; i < header.length; i++) {
- var delimitPos = header[i].indexOf(':');
- if (delimitPos != -1) {
- a[header[i].substring(0, delimitPos)] = header[i].substring(delimitPos + 2);
- }
- }
- }
- catch(e) {
- }
-
-
- Z.tId = o.tId;
- Z.status = o.conn.status;
- Z.statusText = o.conn.statusText;
- Z.getResponseHeader = a;
- Z.getAllResponseHeaders = headerStr;
- Z.responseText = o.conn.responseText;
- Z.responseXML = o.conn.responseXML;
-
- if (typeof Y !== undefined) {
- Z.argument = Y;
- }
-
- return Z;
- },
-
- createExceptionObject:function(c, d, f)
- {
- var g = 0;
- var k = 'communication failure';
- var l = -1;
- var m = 'transaction aborted';
-
- var n = {};
-
- n.tId = c;
- if (f) {
- n.status = l;
- n.statusText = m;
- }
- else {
- n.status = g;
- n.statusText = k;
- }
-
- if (d) {
- n.argument = d;
- }
-
- return n;
- },
-
- initHeader:function(p, q, r)
- {
- var s = (r) ? this.defaultHeaders : this.headers;
-
- if (s[p] === undefined) {
- s[p] = q;
- }
- else {
-
-
- s[p] = q + "," + s[p];
- }
-
- if (r) {
- this.hasDefaultHeaders = true;
- }
- else {
- this.hasHeaders = true;
- }
- },
-
-
- setHeader:function(o)
- {
- if (this.hasDefaultHeaders) {
- for (var prop in this.defaultHeaders) {
- if (this.defaultHeaders.hasOwnProperty(prop)) {
- o.conn.setRequestHeader(prop, this.defaultHeaders[prop]);
- }
- }
- }
-
- if (this.hasHeaders) {
- for (var prop in this.headers) {
- if (this.headers.hasOwnProperty(prop)) {
- o.conn.setRequestHeader(prop, this.headers[prop]);
- }
- }
-
- this.headers = {};
- this.hasHeaders = false;
- }
- },
-
- resetDefaultHeaders:function() {
- delete this.defaultHeaders;
- this.defaultHeaders = {};
- this.hasDefaultHeaders = false;
- },
-
- abort:function(o, t, u)
- {
- if(this.isCallInProgress(o)) {
- o.conn.abort();
- window.clearInterval(this.poll[o.tId]);
- delete this.poll[o.tId];
- if (u) {
- delete this.timeout[o.tId];
- }
-
-
- this.handleTransactionResponse(o, t, true);
-
- return true;
- }
- else {
- return false;
- }
- },
-
-
- isCallInProgress:function(o)
- {
- if (o && o.conn) {
- return o.conn.readyState != 4 && o.conn.readyState != 0;
- }
- else {
-
- return false;
- }
- },
-
-
- releaseObject:function(o)
- {
-
- o.conn = null;
-
- o = null;
- },
-
- activeX:[
- 'MSXML2.XMLHTTP.3.0',
- 'MSXML2.XMLHTTP',
- 'Microsoft.XMLHTTP'
- ]
-
-
- };
-})();
-
-
-
-Roo.lib.Region = function(t, r, b, l) {
- this.top = t;
- this[1] = t;
- this.right = r;
- this.bottom = b;
- this.left = l;
- this[0] = l;
-};
-
-
-Roo.lib.Region.prototype = {
- contains : function(A) {
- return ( A.left >= this.left &&
- A.right <= this.right &&
- A.top >= this.top &&
- A.bottom <= this.bottom );
-
- },
-
- getArea : function() {
- return ( (this.bottom - this.top) * (this.right - this.left) );
- },
-
- intersect : function(B) {
- var t = Math.max(this.top, B.top);
- var r = Math.min(this.right, B.right);
- var b = Math.min(this.bottom, B.bottom);
- var l = Math.max(this.left, B.left);
-
- if (b >= t && r >= l) {
- return new Roo.lib.Region(t, r, b, l);
- } else {
- return null;
- }
- },
- union : function(C) {
- var t = Math.min(this.top, C.top);
- var r = Math.max(this.right, C.right);
- var b = Math.max(this.bottom, C.bottom);
- var l = Math.min(this.left, C.left);
-
- return new Roo.lib.Region(t, r, b, l);
- },
-
- adjust : function(t, l, b, r) {
- this.top += t;
- this.left += l;
- this.right += r;
- this.bottom += b;
- return this;
- }
-};
-
-Roo.lib.Region.getRegion = function(el) {
- var p = Roo.lib.Dom.getXY(el);
-
- var t = p[1];
- var r = p[0] + el.offsetWidth;
- var b = p[1] + el.offsetHeight;
- var l = p[0];
-
- return new Roo.lib.Region(t, r, b, l);
-};
-
-
-
-
-
-
-Roo.lib.Point = function(x, y) {
- if (x instanceof Array) {
- y = x[1];
- x = x[0];
- }
-
- this.x = this.right = this.left = this[0] = x;
- this.y = this.top = this.bottom = this[1] = y;
-};
-
-Roo.lib.Point.prototype = new Roo.lib.Region();
-
-
-
-
-(function() {
-
- Roo.lib.Anim = {
- scroll : function(el, A, B, C, cb, D) {
- this.run(el, A, B, C, cb, D, Roo.lib.Scroll);
- },
-
- motion : function(el, E, F, G, cb, H) {
- this.run(el, E, F, G, cb, H, Roo.lib.Motion);
- },
-
- color : function(el, I, J, K, cb, L) {
- this.run(el, I, J, K, cb, L, Roo.lib.ColorAnim);
- },
-
- run : function(el, M, N, O, cb, P, Q) {
- Q = Q || Roo.lib.AnimBase;
- if (typeof O == "string") {
- O = Roo.lib.Easing[O];
- }
- var R = new Q(el, M, N, O);
- R.animateX(function() {
- Roo.callback(cb, P);
- });
- return R;
- }
- };
-})();
-
-
-
-(function() {
- var A;
-
- function B(el) {
- if (!A) {
- A = new Roo.Element.Flyweight();
- }
-
- A.dom = el;
- return A;
- }
-
-
-
-
-
-
- Roo.lib.AnimBase = function(el, C, D, E) {
- if (el) {
- this.init(el, C, D, E);
- }
- };
-
- Roo.lib.AnimBase.fly = B;
-
-
-
- Roo.lib.AnimBase.prototype = {
-
- toString: function() {
- var el = this.getEl();
- var id = el.id || el.tagName;
- return ("Anim " + id);
- },
-
- patterns: {
- noNegatives: /width|height|opacity|padding/i,
- offsetAttribute: /^((width|height)|(top|left))$/,
- defaultUnit: /width|height|top$|bottom$|left$|right$/i,
- offsetUnit: /\d+(em|%|en|ex|pt|in|cm|mm|pc)$/i
- },
-
-
- doMethod: function(C, D, E) {
- return this.method(this.currentFrame, D, E - D, this.totalFrames);
- },
-
-
- setAttribute: function(F, G, H) {
- if (this.patterns.noNegatives.test(F)) {
- G = (G > 0) ? G : 0;
- }
-
-
- Roo.fly(this.getEl(), '_anim').setStyle(F, G + H);
- },
-
-
- getAttribute: function(I) {
- var el = this.getEl();
- var J = B(el).getStyle(I);
-
- if (J !== 'auto' && !this.patterns.offsetUnit.test(J)) {
- return parseFloat(J);
- }
-
- var a = this.patterns.offsetAttribute.exec(I) || [];
- var K = !!( a[3] );
- var L = !!( a[2] );
-
-
- if (L || (B(el).getStyle('position') == 'absolute' && K)) {
- J = el['offset' + a[0].charAt(0).toUpperCase() + a[0].substr(1)];
- } else {
- J = 0;
- }
-
- return J;
- },
-
-
- getDefaultUnit: function(M) {
- if (this.patterns.defaultUnit.test(M)) {
- return 'px';
- }
-
- return '';
- },
-
- animateX : function(N, O) {
- var f = function() {
- this.onComplete.removeListener(f);
- if (typeof N == "function") {
- N.call(O || this, this);
- }
- };
- this.onComplete.addListener(f, this);
- this.animate();
- },
-
-
- setRuntimeAttribute: function(P) {
- var Q;
- var R;
- var S = this.attributes;
-
- this.runtimeAttributes[P] = {};
-
- var T = function(U) {
- return (typeof U !== 'undefined');
- };
-
- if (!T(S[P]['to']) && !T(S[P]['by'])) {
- return false;
- }
-
-
- Q = ( T(S[P]['from']) ) ? S[P]['from'] : this.getAttribute(P);
-
-
- if (T(S[P]['to'])) {
- R = S[P]['to'];
- } else if (T(S[P]['by'])) {
- if (Q.constructor == Array) {
- R = [];
- for (var i = 0, len = Q.length; i < len; ++i) {
- R[i] = Q[i] + S[P]['by'][i];
- }
- } else {
- R = Q + S[P]['by'];
- }
- }
-
-
- this.runtimeAttributes[P].start = Q;
- this.runtimeAttributes[P].end = R;
-
-
- this.runtimeAttributes[P].unit = ( T(S[P].unit) ) ? S[P]['unit'] : this.getDefaultUnit(P);
- },
-
-
- init: function(el, U, V, W) {
-
- var X = false;
-
-
- var Y = null;
-
-
- var Z = 0;
-
-
- el = Roo.getDom(el);
-
-
- this.attributes = U || {};
-
-
- this.duration = V || 1;
-
-
- this.method = W || Roo.lib.Easing.easeNone;
-
-
- this.useSeconds = true;
-
-
- this.currentFrame = 0;
-
-
- this.totalFrames = Roo.lib.AnimMgr.fps;
-
-
- this.getEl = function() {
- return el;
- };
-
-
- this.isAnimated = function() {
- return X;
- };
-
-
- this.getStartTime = function() {
- return Y;
- };
-
- this.runtimeAttributes = {};
-
-
- this.animate = function() {
- if (this.isAnimated()) {
- return false;
- }
-
-
- this.currentFrame = 0;
-
- this.totalFrames = ( this.useSeconds ) ? Math.ceil(Roo.lib.AnimMgr.fps * this.duration) : this.duration;
-
- Roo.lib.AnimMgr.registerElement(this);
- };
-
-
- this.stop = function(e) {
- if (e) {
- this.currentFrame = this.totalFrames;
- this._onTween.fire();
- }
-
- Roo.lib.AnimMgr.stop(this);
- };
-
- var b = function() {
- this.onStart.fire();
-
- this.runtimeAttributes = {};
- for (var P in this.attributes) {
- this.setRuntimeAttribute(P);
- }
-
-
- X = true;
- Z = 0;
- Y = new Date();
- };
-
-
- var c = function() {
- var e = {
- duration: new Date() - this.getStartTime(),
- currentFrame: this.currentFrame
- };
-
- e.toString = function() {
- return (
- 'duration: ' + e.duration +
- ', currentFrame: ' + e.currentFrame
- );
- };
-
- this.onTween.fire(e);
-
- var g = this.runtimeAttributes;
-
- for (var P in g) {
- this.setAttribute(P, this.doMethod(P, g[P].start, g[P].end), g[P].unit);
- }
-
-
- Z += 1;
- };
-
- var d = function() {
- var e = (new Date() - Y) / 1000 ;
-
- var g = {
- duration: e,
- frames: Z,
- fps: Z / e
- };
-
- g.toString = function() {
- return (
- 'duration: ' + g.duration +
- ', frames: ' + g.frames +
- ', fps: ' + g.fps
- );
- };
-
- X = false;
- Z = 0;
- this.onComplete.fire(g);
- };
-
-
- this._onStart = new Roo.util.Event(this);
- this.onStart = new Roo.util.Event(this);
- this.onTween = new Roo.util.Event(this);
- this._onTween = new Roo.util.Event(this);
- this.onComplete = new Roo.util.Event(this);
- this._onComplete = new Roo.util.Event(this);
- this._onStart.addListener(b);
- this._onTween.addListener(c);
- this._onComplete.addListener(d);
- }
- };
-})();
-
-
-
-
-Roo.lib.AnimMgr = new function() {
-
- var A = null;
-
-
- var B = [];
-
-
- var C = 0;
-
-
- this.fps = 1000;
-
-
- this.delay = 1;
-
-
- this.registerElement = function(F) {
- B[B.length] = F;
- C += 1;
- F._onStart.fire();
- this.start();
- };
-
-
- this.unRegister = function(F, G) {
- F._onComplete.fire();
- G = G || D(F);
- if (G != -1) {
- B.splice(G, 1);
- }
-
-
- C -= 1;
- if (C <= 0) {
- this.stop();
- }
- };
-
-
- this.start = function() {
- if (A === null) {
- A = setInterval(this.run, this.delay);
- }
- };
-
-
- this.stop = function(F) {
- if (!F) {
- clearInterval(A);
-
- for (var i = 0, len = B.length; i < len; ++i) {
- if (B[0].isAnimated()) {
- this.unRegister(B[0], 0);
- }
- }
-
-
- B = [];
- A = null;
- C = 0;
- }
- else {
- this.unRegister(F);
- }
- };
-
-
- this.run = function() {
- for (var i = 0, len = B.length; i < len; ++i) {
- var tween = B[i];
- if (!tween || !tween.isAnimated()) {
- continue;
- }
-
- if (tween.currentFrame < tween.totalFrames || tween.totalFrames === null)
- {
- tween.currentFrame += 1;
-
- if (tween.useSeconds) {
- E(tween);
- }
-
- tween._onTween.fire();
- }
- else {
- Roo.lib.AnimMgr.stop(tween, i);
- }
- }
- };
-
- var D = function(F) {
- for (var i = 0, len = B.length; i < len; ++i) {
- if (B[i] == F) {
- return i;
- }
- }
- return -1;
- };
-
-
- var E = function(F) {
- var G = F.totalFrames;
- var H = F.currentFrame;
- var I = (F.currentFrame * F.duration * 1000 / F.totalFrames);
- var J = (new Date() - F.getStartTime());
- var K = 0;
-
- if (J < F.duration * 1000) {
- K = Math.round((J / I - 1) * F.currentFrame);
- } else {
- K = G - (H + 1);
- }
- if (K > 0 && isFinite(K)) {
- if (F.currentFrame + K >= G) {
- K = G - (H + 1);
- }
-
-
- F.currentFrame += K;
- }
- };
- };
-
-
-Roo.lib.Bezier = new function() {
-
- this.getPosition = function(A, t) {
- var n = A.length;
- var B = [];
-
- for (var i = 0; i < n; ++i) {
- B[i] = [A[i][0], A[i][1]];
- }
-
- for (var j = 1; j < n; ++j) {
- for (i = 0; i < n - j; ++i) {
- B[i][0] = (1 - t) * B[i][0] + t * B[parseInt(i + 1, 10)][0];
- B[i][1] = (1 - t) * B[i][1] + t * B[parseInt(i + 1, 10)][1];
- }
- }
-
- return [ B[0][0], B[0][1] ];
-
- };
- };
-
-
-(function() {
-
- Roo.lib.ColorAnim = function(el, D, E, F) {
- Roo.lib.ColorAnim.superclass.constructor.call(this, el, D, E, F);
- };
-
- Roo.extend(Roo.lib.ColorAnim, Roo.lib.AnimBase);
-
- var A = Roo.lib.AnimBase.fly;
- var Y = Roo.lib;
- var B = Y.ColorAnim.superclass;
- var C = Y.ColorAnim.prototype;
-
- C.toString = function() {
- var el = this.getEl();
- var id = el.id || el.tagName;
- return ("ColorAnim " + id);
- };
-
- C.patterns.color = /color$/i;
- C.patterns.rgb = /^rgb\(([0-9]+)\s*,\s*([0-9]+)\s*,\s*([0-9]+)\)$/i;
- C.patterns.hex = /^#?([0-9A-F]{2})([0-9A-F]{2})([0-9A-F]{2})$/i;
- C.patterns.hex3 = /^#?([0-9A-F]{1})([0-9A-F]{1})([0-9A-F]{1})$/i;
- C.patterns.transparent = /^transparent|rgba\(0, 0, 0, 0\)$/;
-
-
- C.parseColor = function(s) {
- if (s.length == 3) {
- return s;
- }
-
- var c = this.patterns.hex.exec(s);
- if (c && c.length == 4) {
- return [ parseInt(c[1], 16), parseInt(c[2], 16), parseInt(c[3], 16) ];
- }
-
-
- c = this.patterns.rgb.exec(s);
- if (c && c.length == 4) {
- return [ parseInt(c[1], 10), parseInt(c[2], 10), parseInt(c[3], 10) ];
- }
-
-
- c = this.patterns.hex3.exec(s);
- if (c && c.length == 4) {
- return [ parseInt(c[1] + c[1], 16), parseInt(c[2] + c[2], 16), parseInt(c[3] + c[3], 16) ];
- }
-
- return null;
- };
-
- C.getAttribute = function(D) {
- var el = this.getEl();
- if (this.patterns.color.test(D)) {
- var val = A(el).getStyle(D);
-
- if (this.patterns.transparent.test(val)) {
- var parent = el.parentNode;
- val = A(parent).getStyle(D);
-
- while (parent && this.patterns.transparent.test(val)) {
- parent = parent.parentNode;
- val = A(parent).getStyle(D);
- if (parent.tagName.toUpperCase() == 'HTML') {
- val = '#fff';
- }
- }
- }
- } else {
- val = B.getAttribute.call(this, D);
- }
-
- return val;
- };
- C.getAttribute = function(D) {
- var el = this.getEl();
- if (this.patterns.color.test(D)) {
- var val = A(el).getStyle(D);
-
- if (this.patterns.transparent.test(val)) {
- var parent = el.parentNode;
- val = A(parent).getStyle(D);
-
- while (parent && this.patterns.transparent.test(val)) {
- parent = parent.parentNode;
- val = A(parent).getStyle(D);
- if (parent.tagName.toUpperCase() == 'HTML') {
- val = '#fff';
- }
- }
- }
- } else {
- val = B.getAttribute.call(this, D);
- }
-
- return val;
- };
-
- C.doMethod = function(D, E, F) {
- var G;
-
- if (this.patterns.color.test(D)) {
- G = [];
- for (var i = 0, len = E.length; i < len; ++i) {
- G[i] = B.doMethod.call(this, D, E[i], F[i]);
- }
-
-
- G = 'rgb(' + Math.floor(G[0]) + ',' + Math.floor(G[1]) + ',' + Math.floor(G[2]) + ')';
- }
- else {
- G = B.doMethod.call(this, D, E, F);
- }
-
- return G;
- };
-
- C.setRuntimeAttribute = function(D) {
- B.setRuntimeAttribute.call(this, D);
-
- if (this.patterns.color.test(D)) {
- var attributes = this.attributes;
- var start = this.parseColor(this.runtimeAttributes[D].start);
- var end = this.parseColor(this.runtimeAttributes[D].end);
-
- if (typeof attributes[D]['to'] === 'undefined' && typeof attributes[D]['by'] !== 'undefined') {
- end = this.parseColor(attributes[D].by);
-
- for (var i = 0, len = start.length; i < len; ++i) {
- end[i] = start[i] + end[i];
- }
- }
-
-
- this.runtimeAttributes[D].start = start;
- this.runtimeAttributes[D].end = end;
- }
- };
-})();
-
-
-
-
-Roo.lib.Easing = {
-
-
- easeNone: function (t, b, c, d) {
- return c * t / d + b;
- },
-
-
- easeIn: function (t, b, c, d) {
- return c * (t /= d) * t + b;
- },
-
-
- easeOut: function (t, b, c, d) {
- return -c * (t /= d) * (t - 2) + b;
- },
-
-
- easeBoth: function (t, b, c, d) {
- if ((t /= d / 2) < 1) {
- return c / 2 * t * t + b;
- }
-
- return -c / 2 * ((--t) * (t - 2) - 1) + b;
- },
-
-
- easeInStrong: function (t, b, c, d) {
- return c * (t /= d) * t * t * t + b;
- },
-
-
- easeOutStrong: function (t, b, c, d) {
- return -c * ((t = t / d - 1) * t * t * t - 1) + b;
- },
-
-
- easeBothStrong: function (t, b, c, d) {
- if ((t /= d / 2) < 1) {
- return c / 2 * t * t * t * t + b;
- }
-
- return -c / 2 * ((t -= 2) * t * t * t - 2) + b;
- },
-
-
-
- elasticIn: function (t, b, c, d, a, p) {
- if (t == 0) {
- return b;
- }
- if ((t /= d) == 1) {
- return b + c;
- }
- if (!p) {
- p = d * .3;
- }
-
- if (!a || a < Math.abs(c)) {
- a = c;
- var s = p / 4;
- }
- else {
- var s = p / (2 * Math.PI) * Math.asin(c / a);
- }
-
- return -(a * Math.pow(2, 10 * (t -= 1)) * Math.sin((t * d - s) * (2 * Math.PI) / p)) + b;
- },
-
-
- elasticOut: function (t, b, c, d, a, p) {
- if (t == 0) {
- return b;
- }
- if ((t /= d) == 1) {
- return b + c;
- }
- if (!p) {
- p = d * .3;
- }
-
- if (!a || a < Math.abs(c)) {
- a = c;
- var s = p / 4;
- }
- else {
- var s = p / (2 * Math.PI) * Math.asin(c / a);
- }
-
- return a * Math.pow(2, -10 * t) * Math.sin((t * d - s) * (2 * Math.PI) / p) + c + b;
- },
-
-
- elasticBoth: function (t, b, c, d, a, p) {
- if (t == 0) {
- return b;
- }
-
- if ((t /= d / 2) == 2) {
- return b + c;
- }
-
- if (!p) {
- p = d * (.3 * 1.5);
- }
-
- if (!a || a < Math.abs(c)) {
- a = c;
- var s = p / 4;
- }
- else {
- var s = p / (2 * Math.PI) * Math.asin(c / a);
- }
-
- if (t < 1) {
- return -.5 * (a * Math.pow(2, 10 * (t -= 1)) *
- Math.sin((t * d - s) * (2 * Math.PI) / p)) + b;
- }
- return a * Math.pow(2, -10 * (t -= 1)) *
- Math.sin((t * d - s) * (2 * Math.PI) / p) * .5 + c + b;
- },
-
-
-
- backIn: function (t, b, c, d, s) {
- if (typeof s == 'undefined') {
- s = 1.70158;
- }
- return c * (t /= d) * t * ((s + 1) * t - s) + b;
- },
-
-
- backOut: function (t, b, c, d, s) {
- if (typeof s == 'undefined') {
- s = 1.70158;
- }
- return c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b;
- },
-
-
- backBoth: function (t, b, c, d, s) {
- if (typeof s == 'undefined') {
- s = 1.70158;
- }
-
- if ((t /= d / 2 ) < 1) {
- return c / 2 * (t * t * (((s *= (1.525)) + 1) * t - s)) + b;
- }
- return c / 2 * ((t -= 2) * t * (((s *= (1.525)) + 1) * t + s) + 2) + b;
- },
-
-
- bounceIn: function (t, b, c, d) {
- return c - Roo.lib.Easing.bounceOut(d - t, 0, c, d) + b;
- },
-
-
- bounceOut: function (t, b, c, d) {
- if ((t /= d) < (1 / 2.75)) {
- return c * (7.5625 * t * t) + b;
- } else if (t < (2 / 2.75)) {
- return c * (7.5625 * (t -= (1.5 / 2.75)) * t + .75) + b;
- } else if (t < (2.5 / 2.75)) {
- return c * (7.5625 * (t -= (2.25 / 2.75)) * t + .9375) + b;
- }
- return c * (7.5625 * (t -= (2.625 / 2.75)) * t + .984375) + b;
- },
-
-
- bounceBoth: function (t, b, c, d) {
- if (t < d / 2) {
- return Roo.lib.Easing.bounceIn(t * 2, 0, c, d) * .5 + b;
- }
- return Roo.lib.Easing.bounceOut(t * 2 - d, 0, c, d) * .5 + c * .5 + b;
- }
-};
-
-
- (function() {
- Roo.lib.Motion = function(el, E, F, G) {
- if (el) {
- Roo.lib.Motion.superclass.constructor.call(this, el, E, F, G);
- }
- };
-
- Roo.extend(Roo.lib.Motion, Roo.lib.ColorAnim);
-
-
- var Y = Roo.lib;
- var A = Y.Motion.superclass;
- var B = Y.Motion.prototype;
-
- B.toString = function() {
- var el = this.getEl();
- var id = el.id || el.tagName;
- return ("Motion " + id);
- };
-
- B.patterns.points = /^points$/i;
-
- B.setAttribute = function(E, F, G) {
- if (this.patterns.points.test(E)) {
- G = G || 'px';
- A.setAttribute.call(this, 'left', F[0], G);
- A.setAttribute.call(this, 'top', F[1], G);
- } else {
- A.setAttribute.call(this, E, F, G);
- }
- };
-
- B.getAttribute = function(E) {
- if (this.patterns.points.test(E)) {
- var val = [
- A.getAttribute.call(this, 'left'),
- A.getAttribute.call(this, 'top')
- ];
- } else {
- val = A.getAttribute.call(this, E);
- }
-
- return val;
- };
-
- B.doMethod = function(E, F, G) {
- var H = null;
-
- if (this.patterns.points.test(E)) {
- var t = this.method(this.currentFrame, 0, 100, this.totalFrames) / 100;
- H = Y.Bezier.getPosition(this.runtimeAttributes[E], t);
- } else {
- H = A.doMethod.call(this, E, F, G);
- }
- return H;
- };
-
- B.setRuntimeAttribute = function(E) {
- if (this.patterns.points.test(E)) {
- var el = this.getEl();
- var attributes = this.attributes;
- var start;
- var control = attributes['points']['control'] || [];
- var end;
- var i, len;
-
- if (control.length > 0 && !(control[0] instanceof Array)) {
- control = [control];
- } else {
- var tmp = [];
- for (i = 0,len = control.length; i < len; ++i) {
- tmp[i] = control[i];
- }
-
- control = tmp;
- }
-
-
- Roo.fly(el).position();
-
- if (D(attributes['points']['from'])) {
- Roo.lib.Dom.setXY(el, attributes['points']['from']);
- }
- else {
- Roo.lib.Dom.setXY(el, Roo.lib.Dom.getXY(el));
- }
-
-
- start = this.getAttribute('points');
-
-
- if (D(attributes['points']['to'])) {
- end = C.call(this, attributes['points']['to'], start);
-
- var pageXY = Roo.lib.Dom.getXY(this.getEl());
- for (i = 0,len = control.length; i < len; ++i) {
- control[i] = C.call(this, control[i], start);
- }
-
-
- } else if (D(attributes['points']['by'])) {
- end = [ start[0] + attributes['points']['by'][0], start[1] + attributes['points']['by'][1] ];
-
- for (i = 0,len = control.length; i < len; ++i) {
- control[i] = [ start[0] + control[i][0], start[1] + control[i][1] ];
- }
- }
-
-
- this.runtimeAttributes[E] = [start];
-
- if (control.length > 0) {
- this.runtimeAttributes[E] = this.runtimeAttributes[E].concat(control);
- }
-
-
- this.runtimeAttributes[E][this.runtimeAttributes[E].length] = end;
- }
- else {
- A.setRuntimeAttribute.call(this, E);
- }
- };
-
- var C = function(E, F) {
- var G = Roo.lib.Dom.getXY(this.getEl());
- E = [ E[0] - G[0] + F[0], E[1] - G[1] + F[1] ];
-
- return E;
- };
-
- var D = function(E) {
- return (typeof E !== 'undefined');
- };
- })();
-
-
-
- (function() {
- Roo.lib.Scroll = function(el, C, D, E) {
- if (el) {
- Roo.lib.Scroll.superclass.constructor.call(this, el, C, D, E);
- }
- };
-
- Roo.extend(Roo.lib.Scroll, Roo.lib.ColorAnim);
-
-
- var Y = Roo.lib;
- var A = Y.Scroll.superclass;
- var B = Y.Scroll.prototype;
-
- B.toString = function() {
- var el = this.getEl();
- var id = el.id || el.tagName;
- return ("Scroll " + id);
- };
-
- B.doMethod = function(C, D, E) {
- var F = null;
-
- if (C == 'scroll') {
- F = [
- this.method(this.currentFrame, D[0], E[0] - D[0], this.totalFrames),
- this.method(this.currentFrame, D[1], E[1] - D[1], this.totalFrames)
- ];
-
- } else {
- F = A.doMethod.call(this, C, D, E);
- }
- return F;
- };
-
- B.getAttribute = function(C) {
- var D = null;
- var el = this.getEl();
-
- if (C == 'scroll') {
- D = [ el.scrollLeft, el.scrollTop ];
- } else {
- D = A.getAttribute.call(this, C);
- }
-
- return D;
- };
-
- B.setAttribute = function(C, D, E) {
- var el = this.getEl();
-
- if (C == 'scroll') {
- el.scrollLeft = D[0];
- el.scrollTop = D[1];
- } else {
- A.setAttribute.call(this, C, D, E);
- }
- };
- })();
-
-
-
-
-
-
-
-Roo.DomHelper = function(){
- var A = null;
- var B = /^(?:br|frame|hr|img|input|link|meta|range|spacer|wbr|area|param|col)$/i;
- var C = /^table|tbody|tr|td$/i;
- var D = {};
-
-
-
- var E = function(o){
- if(typeof o == 'string'){
- return o;
- }
- var b = "";
- if(!o.tag){
- o.tag = "div";
- }
-
- b += "<" + o.tag;
- for(var attr in o){
- if(attr == "tag" || attr == "children" || attr == "cn" || attr == "html" || typeof o[attr] == "function") continue;
- if(attr == "style"){
- var s = o["style"];
- if(typeof s == "function"){
- s = s.call();
- }
- if(typeof s == "string"){
- b += ' style="' + s + '"';
- }else if(typeof s == "object"){
- b += ' style="';
- for(var key in s){
- if(typeof s[key] != "function"){
- b += key + ":" + s[key] + ";";
- }
- }
-
- b += '"';
- }
- }else {
- if(attr == "cls"){
- b += ' class="' + o["cls"] + '"';
- }else if(attr == "htmlFor"){
- b += ' for="' + o["htmlFor"] + '"';
- }else {
- b += " " + attr + '="' + o[attr] + '"';
- }
- }
- }
- if(B.test(o.tag)){
- b += "/>";
- }else {
- b += ">";
- var cn = o.children || o.cn;
- if(cn){
-
- if((cn instanceof Array) || (Roo.isSafari && typeof(cn.join) == "function")){
- for(var i = 0, len = cn.length; i < len; i++) {
- b += E(cn[i], b);
- }
- }else {
- b += E(cn, b);
- }
- }
- if(o.html){
- b += o.html;
- }
-
- b += "</" + o.tag + ">";
- }
- return b;
- };
-
-
-
-
- var F = function(o, M){
-
-
- var ns = false;
- if (o.ns && o.ns != 'html') {
-
- if (o.xmlns && typeof(D[o.ns]) == 'undefined') {
- D[o.ns] = o.xmlns;
- ns = o.xmlns;
- }
- if (typeof(D[o.ns]) == 'undefined') {
- console.log("Trying to create namespace element " + o.ns + ", however no xmlns was sent to builder previously");
- }
-
- ns = D[o.ns];
- }
-
-
- if (typeof(o) == 'string') {
- return M.appendChild(document.createTextNode(o));
- }
-
- o.tag = o.tag || div;
- if (o.ns && Roo.isIE) {
- ns = false;
- o.tag = o.ns + ':' + o.tag;
-
- }
- var el = ns ? document.createElementNS( ns, o.tag||'div') : document.createElement(o.tag||'div');
- var N = el.setAttribute ? true : false;
- for(var attr in o){
-
- if(attr == "tag" || attr == "ns" ||attr == "xmlns" ||attr == "children" || attr == "cn" || attr == "html" ||
- attr == "style" || typeof o[attr] == "function") continue;
-
- if(attr=="cls" && Roo.isIE){
- el.className = o["cls"];
- }else {
- if(N) el.setAttribute(attr=="cls" ? 'class' : attr, o[attr]);
- else el[attr] = o[attr];
- }
- }
-
- Roo.DomHelper.applyStyles(el, o.style);
- var cn = o.children || o.cn;
- if(cn){
-
- if((cn instanceof Array) || (Roo.isSafari && typeof(cn.join) == "function")){
- for(var i = 0, len = cn.length; i < len; i++) {
- F(cn[i], el);
- }
- }else {
- F(cn, el);
- }
- }
- if(o.html){
- el.innerHTML = o.html;
- }
- if(M){
- M.appendChild(el);
- }
- return el;
- };
-
- var G = function(M, s, h, e){
- A.innerHTML = [s, h, e].join('');
- var i = -1, el = A;
- while(++i < M){
- el = el.firstChild;
- }
- return el;
- };
-
-
- var ts = '<table>',
- te = '</table>',
- H = ts+'<tbody>',
- I = '</tbody>'+te,
- J = H + '<tr>',
- K = '</tr>'+I;
-
-
-
- var L = function(M, N, el, O){
- if(!A){
- A = document.createElement('div');
- }
- var P;
- var Q = null;
- if(M == 'td'){
- if(N == 'afterbegin' || N == 'beforeend'){
- return;
- }
- if(N == 'beforebegin'){
- Q = el;
- el = el.parentNode;
- } else {
- Q = el.nextSibling;
- el = el.parentNode;
- }
-
- P = G(4, J, O, K);
- }
- else if(M == 'tr'){
- if(N == 'beforebegin'){
- Q = el;
- el = el.parentNode;
- P = G(3, H, O, I);
- } else if(N == 'afterend'){
- Q = el.nextSibling;
- el = el.parentNode;
- P = G(3, H, O, I);
- } else {
- if(N == 'afterbegin'){
- Q = el.firstChild;
- }
-
- P = G(4, J, O, K);
- }
- } else if(M == 'tbody'){
- if(N == 'beforebegin'){
- Q = el;
- el = el.parentNode;
- P = G(2, ts, O, te);
- } else if(N == 'afterend'){
- Q = el.nextSibling;
- el = el.parentNode;
- P = G(2, ts, O, te);
- } else {
- if(N == 'afterbegin'){
- Q = el.firstChild;
- }
-
- P = G(3, H, O, I);
- }
- } else {
- if(N == 'beforebegin' || N == 'afterend'){
- return;
- }
- if(N == 'afterbegin'){
- Q = el.firstChild;
- }
-
- P = G(2, ts, O, te);
- }
-
- el.insertBefore(P, Q);
- return P;
- };
-
- return {
-
-
- useDom : false,
-
-
-
- markup : function(o){
- return E(o);
- },
-
-
-
- applyStyles : function(el, c){
- if(c){
- el = Roo.fly(el);
- if(typeof c == "string"){
- var re = /\s?([a-z\-]*)\:\s?([^;]*);?/gi;
- var matches;
- while ((matches = re.exec(c)) != null){
- el.setStyle(matches[1], matches[2]);
- }
- }else if (typeof c == "object"){
- for (var style in c){
- el.setStyle(style, c[style]);
- }
- }else if (typeof c == "function"){
- Roo.DomHelper.applyStyles(el, c.call());
- }
- }
- },
-
-
-
- insertHtml : function(d, el, e){
- d = d.toLowerCase();
- if(el.insertAdjacentHTML){
- if(C.test(el.tagName)){
- var rs;
- if(rs = L(el.tagName.toLowerCase(), d, el, e)){
- return rs;
- }
- }
- switch(d){
- case "beforebegin":
- el.insertAdjacentHTML('BeforeBegin', e);
- return el.previousSibling;
- case "afterbegin":
- el.insertAdjacentHTML('AfterBegin', e);
- return el.firstChild;
- case "beforeend":
- el.insertAdjacentHTML('BeforeEnd', e);
- return el.lastChild;
- case "afterend":
- el.insertAdjacentHTML('AfterEnd', e);
- return el.nextSibling;
- }
- throw 'Illegal insertion point -> "' + d + '"';
- }
- var f = el.ownerDocument.createRange();
- var g;
- switch(d){
- case "beforebegin":
- f.setStartBefore(el);
- g = f.createContextualFragment(e);
- el.parentNode.insertBefore(g, el);
- return el.previousSibling;
- case "afterbegin":
- if(el.firstChild){
- f.setStartBefore(el.firstChild);
- g = f.createContextualFragment(e);
- el.insertBefore(g, el.firstChild);
- return el.firstChild;
- }else {
- el.innerHTML = e;
- return el.firstChild;
- }
- case "beforeend":
- if(el.lastChild){
- f.setStartAfter(el.lastChild);
- g = f.createContextualFragment(e);
- el.appendChild(g);
- return el.lastChild;
- }else {
- el.innerHTML = e;
- return el.lastChild;
- }
- case "afterend":
- f.setStartAfter(el);
- g = f.createContextualFragment(e);
- el.parentNode.insertBefore(g, el.nextSibling);
- return el.nextSibling;
- }
- throw 'Illegal insertion point -> "' + d + '"';
- },
-
-
-
- insertBefore : function(el, o, h){
- return this.doInsert(el, o, h, "beforeBegin");
- },
-
-
-
- insertAfter : function(el, o, j){
- return this.doInsert(el, o, j, "afterEnd", "nextSibling");
- },
-
-
-
- insertFirst : function(el, o, k){
- return this.doInsert(el, o, k, "afterBegin");
- },
-
-
- doInsert : function(el, o, l, m, n){
- el = Roo.getDom(el);
- var p;
- if(this.useDom || o.ns){
- p = F(o, null);
- el.parentNode.insertBefore(p, n ? el[n] : el);
- }else {
- var e = E(o);
- p = this.insertHtml(m, el, e);
- }
- return l ? Roo.get(p, true) : p;
- },
-
-
-
- append : function(el, o, q){
- el = Roo.getDom(el);
- var r;
- if(this.useDom || o.ns){
- r = F(o, null);
- el.appendChild(r);
- }else {
- var e = E(o);
- r = this.insertHtml("beforeEnd", el, e);
- }
- return q ? Roo.get(r, true) : r;
- },
-
-
-
- overwrite : function(el, o, t){
- el = Roo.getDom(el);
- if (o.ns) {
-
- while (el.childNodes.length) {
- el.removeChild(el.firstChild);
- }
-
- F(o, el);
- } else {
- el.innerHTML = E(o);
- }
-
- return t ? Roo.get(el.firstChild, true) : el.firstChild;
- },
-
-
-
- createTemplate : function(o){
- var u = E(o);
- return new Roo.Template(u);
- }
- };
-}();
-
-
-
-
-
-
-Roo.Template = function(A){
-
- if(A instanceof Array){
- A = A.join("");
- }else if(arguments.length > 1){
- A = Array.prototype.join.call(arguments, "");
- }
-
-
- if (typeof(A) == 'object') {
- Roo.apply(this,A)
- } else {
-
- this.html = A;
- }
-
-
-};
-Roo.Template.prototype = {
-
-
-
- html : '',
-
-
- applyTemplate : function(values){
- try {
-
- if(this.compiled){
- return this.compiled(values);
- }
- var useF = this.disableFormats !== true;
- var fm = Roo.util.Format, tpl = this;
- var fn = function(m, E, F, G){
- if(F && useF){
- if(F.substr(0, 5) == "this."){
- return tpl.call(F.substr(5), values[E], values);
- }else {
- if(G){
-
-
-
- var re = /^\s*['"](.*)["']\s*$/;
- G = G.split(',');
- for(var i = 0, len = G.length; i < len; i++){
- G[i] = G[i].replace(re, "$1");
- }
-
- G = [values[E]].concat(G);
- }else {
- G = [values[E]];
- }
- return fm[F].apply(fm, G);
- }
- }else {
- return values[E] !== undefined ? values[E] : "";
- }
- };
- return this.html.replace(this.re, fn);
- } catch (e) {
- Roo.log(e);
- throw e;
- }
-
- },
-
-
-
- set : function(B, C){
- this.html = B;
- this.compiled = null;
- if(C){
- this.compile();
- }
- return this;
- },
-
-
-
- disableFormats : false,
-
-
-
- re : /\{([\w-]+)(?:\:([\w\.]*)(?:\((.*?)?\))?)?\}/g,
-
-
-
- compile : function(){
- var fm = Roo.util.Format;
- var D = this.disableFormats !== true;
- var E = Roo.isGecko ? "+" : ",";
- var fn = function(m, G, H, I){
- if(H && D){
- I = I ? ',' + I : "";
- if(H.substr(0, 5) != "this."){
- H = "fm." + H + '(';
- }else {
- H = 'this.call("'+ H.substr(5) + '", ';
- I = ", values";
- }
- }else {
- I= ''; H = "(values['" + G + "'] == undefined ? '' : ";
- }
- return "'"+ E + H + "values['" + G + "']" + I + ")"+E+"'";
- };
- var F;
-
- if(Roo.isGecko){
- F = "this.compiled = function(values){ return '" +
- this.html.replace(/\\/g, '\\\\').replace(/(\r\n|\n)/g, '\\n').replace(/'/g, "\\'").replace(this.re, fn) +
- "';};";
- }else {
- F = ["this.compiled = function(values){ return ['"];
- F.push(this.html.replace(/\\/g, '\\\\').replace(/(\r\n|\n)/g, '\\n').replace(/'/g, "\\'").replace(this.re, fn));
- F.push("'].join('');};");
- F = F.join('');
- }
-
-
- eval(F);
- return this;
- },
-
-
- call : function(G, H, I){
- return this[G](H, I);
- },
-
-
-
- insertFirst: function(el, J, K){
- return this.doInsert('afterBegin', el, J, K);
- },
-
-
-
- insertBefore: function(el, L, M){
- return this.doInsert('beforeBegin', el, L, M);
- },
-
-
-
- insertAfter : function(el, N, O){
- return this.doInsert('afterEnd', el, N, O);
- },
-
-
-
- append : function(el, P, Q){
- return this.doInsert('beforeEnd', el, P, Q);
- },
-
- doInsert : function(R, el, S, T){
- el = Roo.getDom(el);
- var U = Roo.DomHelper.insertHtml(R, el, this.applyTemplate(S));
- return T ? Roo.get(U, true) : U;
- },
-
-
-
- overwrite : function(el, V, W){
- el = Roo.getDom(el);
- el.innerHTML = this.applyTemplate(V);
- return W ? Roo.get(el.firstChild, true) : el.firstChild;
- }
-};
-
-
-Roo.Template.prototype.apply = Roo.Template.prototype.applyTemplate;
-
-
-Roo.DomHelper.Template = Roo.Template;
-
-
-
-Roo.Template.from = function(el){
- el = Roo.getDom(el);
- return new Roo.Template(el.value || el.innerHTML);
-};
-
-
-
-
-
-
-
-
-Roo.DomQuery = function(){
- var A = {}, simpleCache = {}, valueCache = {};
- var B = /\S/;
- var C = /^\s+|\s+$/g;
- var D = /\{(\d+)\}/g;
- var E = /^(\s?[\/>+~]\s?|\s|$)/;
- var F = /^(#)?([\w-\*]+)/;
- var G = /(\d*)n\+?(\d*)/, H = /\D/;
-
- function I(p, T){
- var i = 0;
- var n = p.firstChild;
- while(n){
- if(n.nodeType == 1){
- if(++i == T){
- return n;
- }
- }
-
- n = n.nextSibling;
- }
- return null;
- };
-
- function J(n){
- while((n = n.nextSibling) && n.nodeType != 1);
- return n;
- };
-
- function K(n){
- while((n = n.previousSibling) && n.nodeType != 1);
- return n;
- };
-
- function L(d){
- var n = d.firstChild, ni = -1;
- while(n){
- var nx = n.nextSibling;
- if(n.nodeType == 3 && !B.test(n.nodeValue)){
- d.removeChild(n);
- }else {
- n.nodeIndex = ++ni;
- }
-
- n = nx;
- }
- return this;
- };
-
- function byClassName(c, a, v){
- if(!v){
- return c;
- }
- var r = [], ri = -1, cn;
- for(var i = 0, ci; ci = c[i]; i++){
- if((' '+ci.className+' ').indexOf(v) != -1){
- r[++ri] = ci;
- }
- }
- return r;
- };
-
- function attrValue(n, T){
- if(!n.tagName && typeof n.length != "undefined"){
- n = n[0];
- }
- if(!n){
- return null;
- }
- if(T == "for"){
- return n.htmlFor;
- }
- if(T == "class" || T == "className"){
- return n.className;
- }
- return n.getAttribute(T) || n[T];
-
- };
-
- function getNodes(ns, T, U){
- var V = [], ri = -1, cs;
- if(!ns){
- return V;
- }
-
- U = U || "*";
- if(typeof ns.getElementsByTagName != "undefined"){
- ns = [ns];
- }
- if(!T){
- for(var i = 0, ni; ni = ns[i]; i++){
- cs = ni.getElementsByTagName(U);
- for(var j = 0, ci; ci = cs[j]; j++){
- V[++ri] = ci;
- }
- }
- }else if(T == "/" || T == ">"){
- var utag = U.toUpperCase();
- for(var i = 0, ni, cn; ni = ns[i]; i++){
- cn = ni.children || ni.childNodes;
- for(var j = 0, cj; cj = cn[j]; j++){
- if(cj.nodeName == utag || cj.nodeName == U || U == '*'){
- V[++ri] = cj;
- }
- }
- }
- }else if(T == "+"){
- var utag = U.toUpperCase();
- for(var i = 0, n; n = ns[i]; i++){
- while((n = n.nextSibling) && n.nodeType != 1);
- if(n && (n.nodeName == utag || n.nodeName == U || U == '*')){
- V[++ri] = n;
- }
- }
- }else if(T == "~"){
- for(var i = 0, n; n = ns[i]; i++){
- while((n = n.nextSibling) && (n.nodeType != 1 || (U == '*' || n.tagName.toLowerCase()!=U)));
- if(n){
- V[++ri] = n;
- }
- }
- }
- return V;
- };
-
- function M(a, b){
- if(b.slice){
- return a.concat(b);
- }
- for(var i = 0, l = b.length; i < l; i++){
- a[a.length] = b[i];
- }
- return a;
- }
-
- function byTag(cs, T){
- if(cs.tagName || cs == document){
- cs = [cs];
- }
- if(!T){
- return cs;
- }
- var r = [], ri = -1;
- T = T.toLowerCase();
- for(var i = 0, ci; ci = cs[i]; i++){
- if(ci.nodeType == 1 && ci.tagName.toLowerCase()==T){
- r[++ri] = ci;
- }
- }
- return r;
- };
-
- function N(cs, T, id){
- if(cs.tagName || cs == document){
- cs = [cs];
- }
- if(!id){
- return cs;
- }
- var r = [], ri = -1;
- for(var i = 0,ci; ci = cs[i]; i++){
- if(ci && ci.id == id){
- r[++ri] = ci;
- return r;
- }
- }
- return r;
- };
-
- function byAttribute(cs, T, U, op, V){
- var r = [], ri = -1, st = V=="{";
- var f = Roo.DomQuery.operators[op];
- for(var i = 0, ci; ci = cs[i]; i++){
- var a;
- if(st){
- a = Roo.DomQuery.getStyle(ci, T);
- }
- else if(T == "class" || T == "className"){
- a = ci.className;
- }else if(T == "for"){
- a = ci.htmlFor;
- }else if(T == "href"){
- a = ci.getAttribute("href", 2);
- }else {
- a = ci.getAttribute(T);
- }
- if((f && f(a, U)) || (!f && a)){
- r[++ri] = ci;
- }
- }
- return r;
- };
-
- function byPseudo(cs, T, U){
- return Roo.DomQuery.pseudos[T](cs, U);
- };
-
-
-
-
- var O = window.ActiveXObject ? true : false;
-
-
-
-
-
-
- var batch = 30803;
-
- var P = 30803;
-
- function Q(cs){
- var d = ++P;
- cs[0].setAttribute("_nodup", d);
- var r = [cs[0]];
- for(var i = 1, len = cs.length; i < len; i++){
- var c = cs[i];
- if(!c.getAttribute("_nodup") != d){
- c.setAttribute("_nodup", d);
- r[r.length] = c;
- }
- }
- for(var i = 0, len = cs.length; i < len; i++){
- cs[i].removeAttribute("_nodup");
- }
- return r;
- }
-
- function nodup(cs){
- if(!cs){
- return [];
- }
- var T = cs.length, c, i, r = cs, cj, ri = -1;
- if(!T || typeof cs.nodeType != "undefined" || T == 1){
- return cs;
- }
- if(O && typeof cs[0].selectSingleNode != "undefined"){
- return Q(cs);
- }
- var d = ++P;
- cs[0]._nodup = d;
- for(i = 1; c = cs[i]; i++){
- if(c._nodup != d){
- c._nodup = d;
- }else {
- r = [];
- for(var j = 0; j < i; j++){
- r[++ri] = cs[j];
- }
- for(j = i+1; cj = cs[j]; j++){
- if(cj._nodup != d){
- cj._nodup = d;
- r[++ri] = cj;
- }
- }
- return r;
- }
- }
- return r;
- }
-
- function R(c1, c2){
- var d = ++P;
- for(var i = 0, len = c1.length; i < len; i++){
- c1[i].setAttribute("_qdiff", d);
- }
- var r = [];
- for(var i = 0, len = c2.length; i < len; i++){
- if(c2[i].getAttribute("_qdiff") != d){
- r[r.length] = c2[i];
- }
- }
- for(var i = 0, len = c1.length; i < len; i++){
- c1[i].removeAttribute("_qdiff");
- }
- return r;
- }
-
- function S(c1, c2){
- var T = c1.length;
- if(!T){
- return c2;
- }
- if(O && c1[0].selectSingleNode){
- return R(c1, c2);
- }
- var d = ++P;
- for(var i = 0; i < T; i++){
- c1[i]._qdiff = d;
- }
- var r = [];
- for(var i = 0, len = c2.length; i < len; i++){
- if(c2[i]._qdiff != d){
- r[r.length] = c2[i];
- }
- }
- return r;
- }
-
- function quickId(ns, T, U, id){
- if(ns == U){
- var d = U.ownerDocument || U;
- return d.getElementById(id);
- }
-
- ns = getNodes(ns, T, "*");
- return N(ns, null, id);
- }
-
- return {
- getStyle : function(el, AA){
- return Roo.fly(el).getStyle(AA);
- },
-
-
- compile : function(AB, AC){
- AC = AC || "select";
-
- var fn = ["var f = function(root){\n var mode; ++batch; var n = root || document;\n"];
- var q = AB, mode, lq;
- var tk = Roo.DomQuery.matchers;
- var AD = tk.length;
- var mm;
-
-
- var AE = q.match(E);
- if(AE && AE[1]){
- fn[fn.length] = 'mode="'+AE[1].replace(C, "")+'";';
- q = q.replace(AE[1], "");
- }
-
- while(AB.substr(0, 1)=="/"){
- AB = AB.substr(1);
- }
-
- while(q && lq != q){
- lq = q;
- var tm = q.match(F);
- if(AC == "select"){
- if(tm){
- if(tm[1] == "#"){
- fn[fn.length] = 'n = quickId(n, mode, root, "'+tm[2]+'");';
- }else {
- fn[fn.length] = 'n = getNodes(n, mode, "'+tm[2]+'");';
- }
-
- q = q.replace(tm[0], "");
- }else if(q.substr(0, 1) != '@'){
- fn[fn.length] = 'n = getNodes(n, mode, "*");';
- }
- }else {
- if(tm){
- if(tm[1] == "#"){
- fn[fn.length] = 'n = byId(n, null, "'+tm[2]+'");';
- }else {
- fn[fn.length] = 'n = byTag(n, "'+tm[2]+'");';
- }
-
- q = q.replace(tm[0], "");
- }
- }
- while(!(mm = q.match(E))){
- var matched = false;
- for(var j = 0; j < AD; j++){
- var t = tk[j];
- var m = q.match(t.re);
- if(m){
- fn[fn.length] = t.select.replace(D, function(x, i){
- return m[i];
- });
- q = q.replace(m[0], "");
- matched = true;
- break;
- }
- }
-
- if(!matched){
- throw 'Error parsing selector, parsing failed at "' + q + '"';
- }
- }
- if(mm[1]){
- fn[fn.length] = 'mode="'+mm[1].replace(C, "")+'";';
- q = q.replace(mm[1], "");
- }
- }
-
- fn[fn.length] = "return nodup(n);\n}";
-
-
-
- eval(fn.join(""));
- return f;
- },
-
-
-
- select : function(AF, AG, AH){
- if(!AG || AG == document){
- AG = document;
- }
- if(typeof AG == "string"){
- AG = document.getElementById(AG);
- }
- var AI = AF.split(",");
- var AJ = [];
- for(var i = 0, len = AI.length; i < len; i++){
- var p = AI[i].replace(C, "");
- if(!A[p]){
- A[p] = Roo.DomQuery.compile(p);
- if(!A[p]){
- throw p + " is not a valid selector";
- }
- }
- var z = A[p](AG);
- if(z && z != document){
- AJ = AJ.concat(z);
- }
- }
- if(AI.length > 1){
- return nodup(AJ);
- }
- return AJ;
- },
-
-
-
- selectNode : function(AK, AL){
- return Roo.DomQuery.select(AK, AL)[0];
- },
-
-
-
- selectValue : function(AM, AN, AO){
- AM = AM.replace(C, "");
- if(!valueCache[AM]){
- valueCache[AM] = Roo.DomQuery.compile(AM, "select");
- }
- var n = valueCache[AM](AN);
- n = n[0] ? n[0] : n;
- var v = (n && n.firstChild ? n.firstChild.nodeValue : null);
- return ((v === null||v === undefined||v==='') ? AO : v);
- },
-
-
-
- selectNumber : function(AP, AQ, AR){
- var v = Roo.DomQuery.selectValue(AP, AQ, AR || 0);
- return parseFloat(v);
- },
-
-
-
- is : function(el, ss){
- if(typeof el == "string"){
- el = document.getElementById(el);
- }
- var AS = (el instanceof Array);
- var AT = Roo.DomQuery.filter(AS ? el : [el], ss);
- return AS ? (AT.length == el.length) : (AT.length > 0);
- },
-
-
-
- filter : function(AU, ss, AV){
- ss = ss.replace(C, "");
- if(!simpleCache[ss]){
- simpleCache[ss] = Roo.DomQuery.compile(ss, "simple");
- }
- var AW = simpleCache[ss](AU);
- return AV ? S(AW, AU) : AW;
- },
-
-
-
- matchers : [{
- re: /^\.([\w-]+)/,
- select: 'n = byClassName(n, null, " {1} ");'
- }, {
- re: /^\:([\w-]+)(?:\(((?:[^\s>\/]*|.*?))\))?/,
- select: 'n = byPseudo(n, "{1}", "{2}");'
- },{
- re: /^(?:([\[\{])(?:@)?([\w-]+)\s?(?:(=|.=)\s?['"]?(.*?)["']?)?[\]\}])/,
- select: 'n = byAttribute(n, "{2}", "{4}", "{3}", "{1}");'
- }, {
- re: /^#([\w-]+)/,
- select: 'n = byId(n, null, "{1}");'
- },{
- re: /^@([\w-]+)/,
- select: 'return {firstChild:{nodeValue:attrValue(n, "{1}")}};'
- }
- ],
-
-
-
- operators : {
- "=" : function(a, v){
- return a == v;
- },
- "!=" : function(a, v){
- return a != v;
- },
- "^=" : function(a, v){
- return a && a.substr(0, v.length) == v;
- },
- "$=" : function(a, v){
- return a && a.substr(a.length-v.length) == v;
- },
- "*=" : function(a, v){
- return a && a.indexOf(v) !== -1;
- },
- "%=" : function(a, v){
- return (a % v) == 0;
- },
- "|=" : function(a, v){
- return a && (a == v || a.substr(0, v.length+1) == v+'-');
- },
- "~=" : function(a, v){
- return a && (' '+a+' ').indexOf(' '+v+' ') != -1;
- }
- },
-
-
-
- pseudos : {
- "first-child" : function(c){
- var r = [], ri = -1, n;
- for(var i = 0, ci; ci = n = c[i]; i++){
- while((n = n.previousSibling) && n.nodeType != 1);
- if(!n){
- r[++ri] = ci;
- }
- }
- return r;
- },
-
- "last-child" : function(c){
- var r = [], ri = -1, n;
- for(var i = 0, ci; ci = n = c[i]; i++){
- while((n = n.nextSibling) && n.nodeType != 1);
- if(!n){
- r[++ri] = ci;
- }
- }
- return r;
- },
-
- "nth-child" : function(c, a) {
- var r = [], ri = -1;
- var m = G.exec(a == "even" && "2n" || a == "odd" && "2n+1" || !H.test(a) && "n+" + a || a);
- var f = (m[1] || 1) - 0, l = m[2] - 0;
- for(var i = 0, n; n = c[i]; i++){
- var pn = n.parentNode;
- if (batch != pn._batch) {
- var j = 0;
- for(var cn = pn.firstChild; cn; cn = cn.nextSibling){
- if(cn.nodeType == 1){
- cn.nodeIndex = ++j;
- }
- }
-
- pn._batch = batch;
- }
- if (f == 1) {
- if (l == 0 || n.nodeIndex == l){
- r[++ri] = n;
- }
- } else if ((n.nodeIndex + l) % f == 0){
- r[++ri] = n;
- }
- }
-
- return r;
- },
-
- "only-child" : function(c){
- var r = [], ri = -1;;
- for(var i = 0, ci; ci = c[i]; i++){
- if(!K(ci) && !J(ci)){
- r[++ri] = ci;
- }
- }
- return r;
- },
-
- "empty" : function(c){
- var r = [], ri = -1;
- for(var i = 0, ci; ci = c[i]; i++){
- var cns = ci.childNodes, j = 0, cn, empty = true;
- while(cn = cns[j]){
- ++j;
- if(cn.nodeType == 1 || cn.nodeType == 3){
- empty = false;
- break;
- }
- }
- if(empty){
- r[++ri] = ci;
- }
- }
- return r;
- },
-
- "contains" : function(c, v){
- var r = [], ri = -1;
- for(var i = 0, ci; ci = c[i]; i++){
- if((ci.textContent||ci.innerText||'').indexOf(v) != -1){
- r[++ri] = ci;
- }
- }
- return r;
- },
-
- "nodeValue" : function(c, v){
- var r = [], ri = -1;
- for(var i = 0, ci; ci = c[i]; i++){
- if(ci.firstChild && ci.firstChild.nodeValue == v){
- r[++ri] = ci;
- }
- }
- return r;
- },
-
- "checked" : function(c){
- var r = [], ri = -1;
- for(var i = 0, ci; ci = c[i]; i++){
- if(ci.checked == true){
- r[++ri] = ci;
- }
- }
- return r;
- },
-
- "not" : function(c, ss){
- return Roo.DomQuery.filter(c, ss, true);
- },
-
- "odd" : function(c){
- return this["nth-child"](c, "odd");
- },
-
- "even" : function(c){
- return this["nth-child"](c, "even");
- },
-
- "nth" : function(c, a){
- return c[a-1] || [];
- },
-
- "first" : function(c){
- return c[0] || [];
- },
-
- "last" : function(c){
- return c[c.length-1] || [];
- },
-
- "has" : function(c, ss){
- var s = Roo.DomQuery.select;
- var r = [], ri = -1;
- for(var i = 0, ci; ci = c[i]; i++){
- if(s(ss, ci).length > 0){
- r[++ri] = ci;
- }
- }
- return r;
- },
-
- "next" : function(c, ss){
- var is = Roo.DomQuery.is;
- var r = [], ri = -1;
- for(var i = 0, ci; ci = c[i]; i++){
- var n = J(ci);
- if(n && is(n, ss)){
- r[++ri] = ci;
- }
- }
- return r;
- },
-
- "prev" : function(c, ss){
- var is = Roo.DomQuery.is;
- var r = [], ri = -1;
- for(var i = 0, ci; ci = c[i]; i++){
- var n = K(ci);
- if(n && is(n, ss)){
- r[++ri] = ci;
- }
- }
- return r;
- }
- }
- };
-}();
-
-
-
-Roo.query = Roo.DomQuery.select;
-
-
-
-
-
-
-
-Roo.util.Observable = function(A){
-
- A = A|| {};
- this.addEvents(A.events || {});
- if (A.events) {
- delete A.events;
- }
-
-
- Roo.apply(this, A);
-
- if(this.listeners){
- this.on(this.listeners);
- delete this.listeners;
- }
-};
-Roo.util.Observable.prototype = {
-
-
-
-
-
-
- fireEvent : function(){
- var ce = this.events[arguments[0].toLowerCase()];
- if(typeof ce == "object"){
- return ce.fire.apply(ce, Array.prototype.slice.call(arguments, 1));
- }else {
- return true;
- }
- },
-
-
- filterOptRe : /^(?:scope|delay|buffer|single)$/,
-
-
-
- addListener : function(B, fn, C, o){
- if(typeof B == "object"){
- o = B;
- for(var e in o){
- if(this.filterOptRe.test(e)){
- continue;
- }
- if(typeof o[e] == "function"){
-
- this.addListener(e, o[e], o.scope, o);
- }else {
-
- this.addListener(e, o[e].fn, o[e].scope, o[e]);
- }
- }
- return;
- }
-
- o = (!o || typeof o == "boolean") ? {} : o;
- B = B.toLowerCase();
- var ce = this.events[B] || true;
- if(typeof ce == "boolean"){
- ce = new Roo.util.Event(this, B);
- this.events[B] = ce;
- }
-
- ce.addListener(fn, C, o);
- },
-
-
-
- removeListener : function(D, fn, E){
- var ce = this.events[D.toLowerCase()];
- if(typeof ce == "object"){
- ce.removeListener(fn, E);
- }
- },
-
-
-
- purgeListeners : function(){
- for(var evt in this.events){
- if(typeof this.events[evt] == "object"){
- this.events[evt].clearListeners();
- }
- }
- },
-
- relayEvents : function(o, F){
- var G = function(H){
- return function(){
- return this.fireEvent.apply(this, Roo.combine(H, Array.prototype.slice.call(arguments, 0)));
- };
- };
- for(var i = 0, len = F.length; i < len; i++){
- var ename = F[i];
- if(!this.events[ename]){ this.events[ename] = true; };
- o.on(ename, G(ename), this);
- }
- },
-
-
-
- addEvents : function(o){
- if(!this.events){
- this.events = {};
- }
-
- Roo.applyIf(this.events, o);
- },
-
-
-
- hasListener : function(H){
- var e = this.events[H];
- return typeof e == "object" && e.listeners.length > 0;
- }
-};
-
-
-Roo.util.Observable.prototype.on = Roo.util.Observable.prototype.addListener;
-
-
-Roo.util.Observable.prototype.un = Roo.util.Observable.prototype.removeListener;
-
-
-
-Roo.util.Observable.capture = function(o, fn, I){
- o.fireEvent = o.fireEvent.createInterceptor(fn, I);
-};
-
-
-
-Roo.util.Observable.releaseCapture = function(o){
- o.fireEvent = Roo.util.Observable.prototype.fireEvent;
-};
-
-(function(){
-
- var J = function(h, o, M){
- var N = new Roo.util.DelayedTask();
- return function(){
- N.delay(o.buffer, h, M, Array.prototype.slice.call(arguments, 0));
- };
- };
-
- var K = function(h, e, fn, M){
- return function(){
- e.removeListener(fn, M);
- return h.apply(M, arguments);
- };
- };
-
- var L = function(h, o, M){
- return function(){
- var N = Array.prototype.slice.call(arguments, 0);
- setTimeout(function(){
- h.apply(M, N);
- }, o.delay || 10);
- };
- };
-
- Roo.util.Event = function(M, N){
- this.name = N;
- this.obj = M;
- this.listeners = [];
- };
-
- Roo.util.Event.prototype = {
- addListener : function(fn, M, N){
- var o = N || {};
- M = M || this.obj;
- if(!this.isListening(fn, M)){
- var l = {fn: fn, scope: M, options: o};
- var h = fn;
- if(o.delay){
- h = L(h, o, M);
- }
- if(o.single){
- h = K(h, this, fn, M);
- }
- if(o.buffer){
- h = J(h, o, M);
- }
-
- l.fireFn = h;
- if(!this.firing){
- this.listeners.push(l);
- }else {
- this.listeners = this.listeners.slice(0);
- this.listeners.push(l);
- }
- }
- },
-
- findListener : function(fn, O){
- O = O || this.obj;
- var ls = this.listeners;
- for(var i = 0, len = ls.length; i < len; i++){
- var l = ls[i];
- if(l.fn == fn && l.scope == O){
- return i;
- }
- }
- return -1;
- },
-
- isListening : function(fn, P){
- return this.findListener(fn, P) != -1;
- },
-
- removeListener : function(fn, Q){
- var R;
- if((R = this.findListener(fn, Q)) != -1){
- if(!this.firing){
- this.listeners.splice(R, 1);
- }else {
- this.listeners = this.listeners.slice(0);
- this.listeners.splice(R, 1);
- }
- return true;
- }
- return false;
- },
-
- clearListeners : function(){
- this.listeners = [];
- },
-
- fire : function(){
- var ls = this.listeners, S, T = ls.length;
- if(T > 0){
- this.firing = true;
- var args = Array.prototype.slice.call(arguments, 0);
- for(var i = 0; i < T; i++){
- var l = ls[i];
- if(l.fireFn.apply(l.scope||this.obj||window, arguments) === false){
- this.firing = false;
- return false;
- }
- }
-
- this.firing = false;
- }
- return true;
- }
- };
-})();
-
-
-
-
-
-Roo.EventManager = function(){
- var A, B, C = false;
- var F, G, H, I;
- var E = Roo.lib.Event;
- var D = Roo.lib.Dom;
-
-
- var J = function(){
- if(!C){
- C = true;
- Roo.isReady = true;
- if(B){
- clearInterval(B);
- }
- if(Roo.isGecko || Roo.isOpera) {
- document.removeEventListener("DOMContentLoaded", J, false);
- }
- if(Roo.isIE){
- var defer = document.getElementById("ie-deferred-loader");
- if(defer){
- defer.onreadystatechange = null;
- defer.parentNode.removeChild(defer);
- }
- }
- if(A){
- A.fire();
- A.clearListeners();
- }
- }
- };
-
- var K = function(){
- A = new Roo.util.Event();
- if(Roo.isGecko || Roo.isOpera) {
- document.addEventListener("DOMContentLoaded", J, false);
- }else if(Roo.isIE){
- document.write("<s"+'cript id="ie-deferred-loader" defer="defer" src="/'+'/:"></s'+"cript>");
- var defer = document.getElementById("ie-deferred-loader");
- defer.onreadystatechange = function(){
- if(this.readyState == "complete"){
- J();
- }
- };
- }else if(Roo.isSafari){
- B = setInterval(function(){
- var rs = document.readyState;
- if(rs == "complete") {
- J();
- }
- }, 10);
- }
-
-
- E.on(window, "load", J);
- };
-
- var L = function(h, o){
- var S = new Roo.util.DelayedTask(h);
- return function(e){
-
- e = new Roo.EventObjectImpl(e);
- S.delay(o.buffer, h, null, [e]);
- };
- };
-
- var M = function(h, el, S, fn){
- return function(e){
- Roo.EventManager.removeListener(el, S, fn);
- h(e);
- };
- };
-
- var N = function(h, o){
- return function(e){
-
- e = new Roo.EventObjectImpl(e);
- setTimeout(function(){
- h(e);
- }, o.delay || 10);
- };
- };
-
- var O = function(S, T, U, fn, V){
- var o = (!U || typeof U == "boolean") ? {} : U;
- fn = fn || o.fn; V = V || o.scope;
- var el = Roo.getDom(S);
- if(!el){
- throw "Error listening for \"" + T + '\". Element "' + S + '" doesn\'t exist.';
- }
- var h = function(e){
- e = Roo.EventObject.setEvent(e);
- var t;
- if(o.delegate){
- t = e.getTarget(o.delegate, el);
- if(!t){
- return;
- }
- }else {
- t = e.target;
- }
- if(o.stopEvent === true){
- e.stopEvent();
- }
- if(o.preventDefault === true){
- e.preventDefault();
- }
- if(o.stopPropagation === true){
- e.stopPropagation();
- }
-
- if(o.normalized === false){
- e = e.browserEvent;
- }
-
-
- fn.call(V || el, e, t, o);
- };
- if(o.delay){
- h = N(h, o);
- }
- if(o.single){
- h = M(h, el, T, fn);
- }
- if(o.buffer){
- h = L(h, o);
- }
-
- fn._handlers = fn._handlers || [];
- fn._handlers.push([Roo.id(el), T, h]);
-
- E.on(el, T, h);
- if(T == "mousewheel" && el.addEventListener){
- el.addEventListener("DOMMouseScroll", h, false);
- E.on(window, 'unload', function(){
- el.removeEventListener("DOMMouseScroll", h, false);
- });
- }
- if(T == "mousedown" && el == document){
- Roo.EventManager.stoppedMouseDownEvent.addListener(h);
- }
- return h;
- };
-
- var P = function(el, S, fn){
- var id = Roo.id(el), T = fn._handlers, hd = fn;
- if(T){
- for(var i = 0, len = T.length; i < len; i++){
- var h = T[i];
- if(h[0] == id && h[1] == S){
- hd = h[2];
- T.splice(i, 1);
- break;
- }
- }
- }
-
- E.un(el, S, hd);
- el = Roo.getDom(el);
- if(S == "mousewheel" && el.addEventListener){
- el.removeEventListener("DOMMouseScroll", hd, false);
- }
- if(S == "mousedown" && el == document){
- Roo.EventManager.stoppedMouseDownEvent.removeListener(hd);
- }
- };
-
- var Q = /^(?:scope|delay|buffer|single|stopEvent|preventDefault|stopPropagation|normalized|args|delegate)$/;
-
- var R = {
-
-
-
-
-
-
-
-
- wrap : function(fn, S, T){
- return function(e){
- Roo.EventObject.setEvent(e);
- fn.call(T ? S || window : window, Roo.EventObject, S);
- };
- },
-
-
-
- addListener : function(U, V, fn, W, X){
- if(typeof V == "object"){
- var o = V;
- for(var e in o){
- if(Q.test(e)){
- continue;
- }
- if(typeof o[e] == "function"){
-
- O(U, e, o, o[e], o.scope);
- }else {
-
- O(U, e, o[e]);
- }
- }
- return;
- }
- return O(U, V, X, fn, W);
- },
-
-
-
- removeListener : function(Y, Z, fn){
- return P(Y, Z, fn);
- },
-
-
-
- onDocumentReady : function(fn, a, b){
- if(C){
- A.addListener(fn, a, b);
- A.fire();
- A.clearListeners();
- return;
- }
- if(!A){
- K();
- }
-
- A.addListener(fn, a, b);
- },
-
-
-
- onWindowResize : function(fn, c, d){
- if(!F){
- F = new Roo.util.Event();
- G = new Roo.util.DelayedTask(function(){
- F.fire(D.getViewWidth(), D.getViewHeight());
- });
- E.on(window, "resize", function(){
- if(Roo.isIE){
- G.delay(50);
- }else {
- F.fire(D.getViewWidth(), D.getViewHeight());
- }
- });
- }
-
- F.addListener(fn, c, d);
- },
-
-
-
- onTextResize : function(fn, f, g){
- if(!H){
- H = new Roo.util.Event();
- var textEl = new Roo.Element(document.createElement('div'));
- textEl.dom.className = 'x-text-resize';
- textEl.dom.innerHTML = 'X';
- textEl.appendTo(document.body);
- I = textEl.dom.offsetHeight;
- setInterval(function(){
- if(textEl.dom.offsetHeight != I){
- H.fire(I, I = textEl.dom.offsetHeight);
- }
- }, this.textResizeInterval);
- }
-
- H.addListener(fn, f, g);
- },
-
-
-
- removeResizeListener : function(fn, j){
- if(F){
- F.removeListener(fn, j);
- }
- },
-
-
- fireResize : function(){
- if(F){
- F.fire(D.getViewWidth(), D.getViewHeight());
- }
- },
-
-
- ieDeferSrc : false,
-
-
- textResizeInterval : 50
- };
-
-
-
-
-
-
- R.on = R.addListener;
- R.un = R.removeListener;
-
- R.stoppedMouseDownEvent = new Roo.util.Event();
- return R;
-}();
-
-
-Roo.onReady = Roo.EventManager.onDocumentReady;
-
-Roo.onReady(function(){
- var bd = Roo.get(document.body);
- if(!bd){ return; }
-
- var S = [
- Roo.isIE ? "roo-ie"
- : Roo.isGecko ? "roo-gecko"
- : Roo.isOpera ? "roo-opera"
- : Roo.isSafari ? "roo-safari" : ""];
-
- if(Roo.isMac){
- S.push("roo-mac");
- }
- if(Roo.isLinux){
- S.push("roo-linux");
- }
- if(Roo.isBorderBox){
- S.push('roo-border-box');
- }
- if(Roo.isStrict){
- var p = bd.dom.parentNode;
- if(p){
- p.className += ' roo-strict';
- }
- }
-
- bd.addClass(S.join(' '));
-});
-
-
-
-Roo.EventObject = function(){
-
- var E = Roo.lib.Event;
-
-
- var T = {
- 63234 : 37,
- 63235 : 39,
- 63232 : 38,
- 63233 : 40,
- 63276 : 33,
- 63277 : 34,
- 63272 : 46,
- 63273 : 36,
- 63275 : 35
- };
-
-
- var U = Roo.isIE ? {1:0,4:1,2:2} :
- (Roo.isSafari ? {1:0,2:1,3:2} : {0:0,1:1,2:2});
-
- Roo.EventObjectImpl = function(e){
- if(e){
- this.setEvent(e.browserEvent || e);
- }
- };
- Roo.EventObjectImpl.prototype = {
-
-
-
-
-
-
-
-
- browserEvent : null,
-
-
- button : -1,
-
-
- shiftKey : false,
-
-
- ctrlKey : false,
-
-
- altKey : false,
-
-
-
- BACKSPACE : 8,
-
-
- TAB : 9,
-
-
- RETURN : 13,
-
-
- ENTER : 13,
-
-
- SHIFT : 16,
-
-
- CONTROL : 17,
-
-
- ESC : 27,
-
-
- SPACE : 32,
-
-
- PAGEUP : 33,
-
-
- PAGEDOWN : 34,
-
-
- END : 35,
-
-
- HOME : 36,
-
-
- LEFT : 37,
-
-
- UP : 38,
-
-
- RIGHT : 39,
-
-
- DOWN : 40,
-
-
- DELETE : 46,
-
-
- F5 : 116,
-
-
-
- setEvent : function(e){
- if(e == this || (e && e.browserEvent)){
- return e;
- }
-
- this.browserEvent = e;
- if(e){
-
- this.button = e.button ? U[e.button] : (e.which ? e.which-1 : -1);
- if(e.type == 'click' && this.button == -1){
- this.button = 0;
- }
-
- this.type = e.type;
- this.shiftKey = e.shiftKey;
-
- this.ctrlKey = e.ctrlKey || e.metaKey;
- this.altKey = e.altKey;
-
- this.keyCode = e.keyCode;
-
- this.charCode = (e.type == 'keyup' || e.type == 'keydown') ? 0 : e.charCode;
-
- this.target = E.getTarget(e);
-
- this.xy = E.getXY(e);
- }else {
- this.button = -1;
- this.shiftKey = false;
- this.ctrlKey = false;
- this.altKey = false;
- this.keyCode = 0;
- this.charCode =0;
- this.target = null;
- this.xy = [0, 0];
- }
- return this;
- },
-
-
-
- stopEvent : function(){
- if(this.browserEvent){
- if(this.browserEvent.type == 'mousedown'){
- Roo.EventManager.stoppedMouseDownEvent.fire(this);
- }
-
- E.stopEvent(this.browserEvent);
- }
- },
-
-
-
- preventDefault : function(){
- if(this.browserEvent){
- E.preventDefault(this.browserEvent);
- }
- },
-
-
-
- isNavKeyPress : function(){
- var k = this.keyCode;
- k = Roo.isSafari ? (T[k] || k) : k;
- return (k >= 33 && k <= 40) || k == this.RETURN || k == this.TAB || k == this.ESC;
- },
-
- isSpecialKey : function(){
- var k = this.keyCode;
- return (this.type == 'keypress' && this.ctrlKey) || k == 9 || k == 13 || k == 40 || k == 27 ||
- (k == 16) || (k == 17) ||
- (k >= 18 && k <= 20) ||
- (k >= 33 && k <= 35) ||
- (k >= 36 && k <= 39) ||
- (k >= 44 && k <= 45);
- },
-
-
- stopPropagation : function(){
- if(this.browserEvent){
- if(this.type == 'mousedown'){
- Roo.EventManager.stoppedMouseDownEvent.fire(this);
- }
-
- E.stopPropagation(this.browserEvent);
- }
- },
-
-
-
- getCharCode : function(){
- return this.charCode || this.keyCode;
- },
-
-
-
- getKey : function(){
- var k = this.keyCode || this.charCode;
- return Roo.isSafari ? (T[k] || k) : k;
- },
-
-
-
- getPageX : function(){
- return this.xy[0];
- },
-
-
-
- getPageY : function(){
- return this.xy[1];
- },
-
-
-
- getTime : function(){
- if(this.browserEvent){
- return E.getTime(this.browserEvent);
- }
- return null;
- },
-
-
-
- getXY : function(){
- return this.xy;
- },
-
-
-
- getTarget : function(V, W, X){
- return V ? Roo.fly(this.target).findParent(V, W, X) : this.target;
- },
-
-
- getRelatedTarget : function(){
- if(this.browserEvent){
- return E.getRelatedTarget(this.browserEvent);
- }
- return null;
- },
-
-
-
- getWheelDelta : function(){
- var e = this.browserEvent;
- var Y = 0;
- if(e.wheelDelta){
-
- Y = e.wheelDelta/120;
- }else if(e.detail){
-
- Y = -e.detail/3;
- }
- return Y;
- },
-
-
-
- hasModifier : function(){
- return !!((this.ctrlKey || this.altKey) || this.shiftKey);
- },
-
-
-
- within : function(el, Z){
- var t = this[Z ? "getRelatedTarget" : "getTarget"]();
- return t && Roo.fly(el).contains(t);
- },
-
- getPoint : function(){
- return new Roo.lib.Point(this.xy[0], this.xy[1]);
- }
- };
-
- return new Roo.EventObjectImpl();
-}();
-
-
-
-
-
-
-
-
-(function(){
- var D = Roo.lib.Dom;
- var E = Roo.lib.Event;
- var A = Roo.lib.Anim;
-
-
- var B = {};
- var C = /(-[a-z])/gi;
- var F = function(m, a){ return a.charAt(1).toUpperCase(); };
- var G = document.defaultView;
-
-
-
- Roo.Element = function(J, K){
- var L = typeof J == "string" ?
- document.getElementById(J) : J;
- if(!L){
- return null;
- }
- var id = L.id;
- if(K !== true && id && Roo.Element.cache[id]){
- return Roo.Element.cache[id];
- }
-
-
-
-
- this.dom = L;
-
-
-
- this.id = id || Roo.id(L);
- };
-
- var El = Roo.Element;
-
- El.prototype = {
-
-
- originalDisplay : "",
-
- visibilityMode : 1,
-
-
- defaultUnit : "px",
-
-
- setVisibilityMode : function(J){
- this.visibilityMode = J;
- return this;
- },
-
-
- enableDisplayMode : function(K){
- this.setVisibilityMode(El.DISPLAY);
- if(typeof K != "undefined") this.originalDisplay = K;
- return this;
- },
-
-
-
- findParent : function(L, M, N){
- var p = this.dom, b = document.body, O = 0, dq = Roo.DomQuery, P;
- M = M || 50;
- if(typeof M != "number"){
- P = Roo.getDom(M);
- M = 10;
- }
- while(p && p.nodeType == 1 && O < M && p != b && p != P){
- if(dq.is(p, L)){
- return N ? Roo.get(p) : p;
- }
-
- O++;
- p = p.parentNode;
- }
- return null;
- },
-
-
-
-
- findParentNode : function(Q, R, S){
- var p = Roo.fly(this.dom.parentNode, '_internal');
- return p ? p.findParent(Q, R, S) : null;
- },
-
-
-
- up : function(T, U){
- return this.findParentNode(T, U, true);
- },
-
-
-
-
-
- is : function(V){
- return Roo.DomQuery.is(this.dom, V);
- },
-
-
-
- animate : function(W, X, Y, Z, c){
- this.anim(W, {duration: X, callback: Y, easing: Z}, c);
- return this;
- },
-
-
-
- anim : function(e, g, h, j, k, cb){
- h = h || 'run';
- g = g || {};
- var l = Roo.lib.Anim[h](
- this.dom, e,
- (g.duration || j) || .35,
- (g.easing || k) || 'easeOut',
- function(){
- Roo.callback(cb, this);
- Roo.callback(g.callback, g.scope || this, [this, g]);
- },
- this
- );
- g.anim = l;
- return l;
- },
-
-
- preanim : function(a, i){
- return !a[i] ? false : (typeof a[i] == "object" ? a[i]: {duration: a[i+1], callback: a[i+2], easing: a[i+3]});
- },
-
-
-
- clean : function(o){
- if(this.isCleaned && o !== true){
- return this;
- }
- var ns = /\S/;
- var d = this.dom, n = d.firstChild, ni = -1;
- while(n){
- var nx = n.nextSibling;
- if(n.nodeType == 3 && !ns.test(n.nodeValue)){
- d.removeChild(n);
- }else {
- n.nodeIndex = ++ni;
- }
-
- n = nx;
- }
-
- this.isCleaned = true;
- return this;
- },
-
-
- calcOffsetsTo : function(el){
- el = Roo.get(el);
- var d = el.dom;
- var q = false;
- if(el.getStyle('position') == 'static'){
- el.position('relative');
- q = true;
- }
- var x = 0, y =0;
- var op = this.dom;
- while(op && op != d && op.tagName != 'HTML'){
- x+= op.offsetLeft;
- y+= op.offsetTop;
- op = op.offsetParent;
- }
- if(q){
- el.position('static');
- }
- return [x, y];
- },
-
-
-
- scrollIntoView : function(u, v){
- var c = Roo.getDom(u) || document.body;
- var el = this.dom;
-
- var o = this.calcOffsetsTo(c),
- l = o[0],
- t = o[1],
- b = t+el.offsetHeight,
- r = l+el.offsetWidth;
-
- var ch = c.clientHeight;
- var ct = parseInt(c.scrollTop, 10);
- var cl = parseInt(c.scrollLeft, 10);
- var cb = ct + ch;
- var cr = cl + c.clientWidth;
-
- if(t < ct){
- c.scrollTop = t;
- }else if(b > cb){
- c.scrollTop = b-ch;
- }
-
- if(v !== false){
- if(l < cl){
- c.scrollLeft = l;
- }else if(r > cr){
- c.scrollLeft = r-c.clientWidth;
- }
- }
- return this;
- },
-
-
- scrollChildIntoView : function(w, z){
- Roo.fly(w, '_scrollChildIntoView').scrollIntoView(this, z);
- },
-
-
-
- autoHeight : function(AA, AB, AC, AD){
- var AE = this.getHeight();
- this.clip();
- this.setHeight(1);
- setTimeout(function(){
- var AG = parseInt(this.dom.scrollHeight, 10);
- if(!AA){
- this.setHeight(AG);
- this.unclip();
- if(typeof AC == "function"){
- AC();
- }
- }else {
- this.setHeight(AE);
- this.setHeight(AG, AA, AB, function(){
- this.unclip();
- if(typeof AC == "function") AC();
- }.createDelegate(this), AD);
- }
- }.createDelegate(this), 0);
- return this;
- },
-
-
-
- contains : function(el){
- if(!el){return false;}
- return D.isAncestor(this.dom, el.dom ? el.dom : el);
- },
-
-
-
- isVisible : function(AF) {
- var AG = !(this.getStyle("visibility") == "hidden" || this.getStyle("display") == "none");
- if(AF !== true || !AG){
- return AG;
- }
- var p = this.dom.parentNode;
- while(p && p.tagName.toLowerCase() != "body"){
- if(!Roo.fly(p, '_isVisible').isVisible()){
- return false;
- }
-
- p = p.parentNode;
- }
- return true;
- },
-
-
-
- select : function(AH, AI){
- return El.select(AH, AI, this.dom);
- },
-
-
-
- query : function(AJ, AK){
- return Roo.DomQuery.select(AJ, this.dom);
- },
-
-
-
- child : function(AL, AM){
- var n = Roo.DomQuery.selectNode(AL, this.dom);
- return AM ? n : Roo.get(n);
- },
-
-
-
- down : function(AN, AO){
- var n = Roo.DomQuery.selectNode(" > " + AN, this.dom);
- return AO ? n : Roo.get(n);
- },
-
-
-
- initDD : function(AP, AQ, AR){
- var dd = new Roo.dd.DD(Roo.id(this.dom), AP, AQ);
- return Roo.apply(dd, AR);
- },
-
-
-
- initDDProxy : function(AS, AT, AU){
- var dd = new Roo.dd.DDProxy(Roo.id(this.dom), AS, AT);
- return Roo.apply(dd, AU);
- },
-
-
-
- initDDTarget : function(AV, AW, AX){
- var dd = new Roo.dd.DDTarget(Roo.id(this.dom), AV, AW);
- return Roo.apply(dd, AX);
- },
-
-
-
- setVisible : function(AY, AZ){
- if(!AZ || !A){
- if(this.visibilityMode == El.DISPLAY){
- this.setDisplayed(AY);
- }else {
- this.fixDisplay();
- this.dom.style.visibility = AY ? "visible" : "hidden";
- }
- }else {
-
- var dom = this.dom;
- var J = this.visibilityMode;
- if(AY){
- this.setOpacity(.01);
- this.setVisible(true);
- }
-
- this.anim({opacity: { to: (AY?1:0) }},
- this.preanim(arguments, 1),
- null, .35, 'easeIn', function(){
- if(!AY){
- if(J == El.DISPLAY){
- dom.style.display = "none";
- }else {
- dom.style.visibility = "hidden";
- }
-
- Roo.get(dom).setOpacity(1);
- }
- });
- }
- return this;
- },
-
-
-
- isDisplayed : function() {
- return this.getStyle("display") != "none";
- },
-
-
-
- toggle : function(Aa){
- this.setVisible(!this.isVisible(), this.preanim(arguments, 0));
- return this;
- },
-
-
-
- setDisplayed : function(Ab) {
- if(typeof Ab == "boolean"){
- Ab = Ab ? this.originalDisplay : "none";
- }
-
- this.setStyle("display", Ab);
- return this;
- },
-
-
-
- focus : function() {
- try{
- this.dom.focus();
- }catch(e){}
- return this;
- },
-
-
-
- blur : function() {
- try{
- this.dom.blur();
- }catch(e){}
- return this;
- },
-
-
-
- addClass : function(Ac){
- if(Ac instanceof Array){
- for(var i = 0, len = Ac.length; i < len; i++) {
- this.addClass(Ac[i]);
- }
- }else {
- if(Ac && !this.hasClass(Ac)){
- this.dom.className = this.dom.className + " " + Ac;
- }
- }
- return this;
- },
-
-
-
- radioClass : function(Ad){
- var Ae = this.dom.parentNode.childNodes;
- for(var i = 0; i < Ae.length; i++) {
- var s = Ae[i];
- if(s.nodeType == 1){
- Roo.get(s).removeClass(Ad);
- }
- }
-
- this.addClass(Ad);
- return this;
- },
-
-
-
- removeClass : function(Af){
- if(!Af || !this.dom.className){
- return this;
- }
- if(Af instanceof Array){
- for(var i = 0, len = Af.length; i < len; i++) {
- this.removeClass(Af[i]);
- }
- }else {
- if(this.hasClass(Af)){
- var re = this.classReCache[Af];
- if (!re) {
- re = new RegExp('(?:^|\\s+)' + Af + '(?:\\s+|$)', "g");
- this.classReCache[Af] = re;
- }
-
- this.dom.className =
- this.dom.className.replace(re, " ");
- }
- }
- return this;
- },
-
-
- classReCache: {},
-
-
-
- toggleClass : function(Ag){
- if(this.hasClass(Ag)){
- this.removeClass(Ag);
- }else {
- this.addClass(Ag);
- }
- return this;
- },
-
-
-
- hasClass : function(Ah){
- return Ah && (' '+this.dom.className+' ').indexOf(' '+Ah+' ') != -1;
- },
-
-
-
- replaceClass : function(Ai, Aj){
- this.removeClass(Ai);
- this.addClass(Aj);
- return this;
- },
-
-
-
- getStyles : function(){
- var a = arguments, Ak = a.length, r = {};
- for(var i = 0; i < Ak; i++){
- r[a[i]] = this.getStyle(a[i]);
- }
- return r;
- },
-
-
-
- getStyle : function(){
- return G && G.getComputedStyle ?
- function(Al){
- var el = this.dom, v, cs, Am;
- if(Al == 'float'){
- Al = "cssFloat";
- }
- if(el.style && (v = el.style[Al])){
- return v;
- }
- if(cs = G.getComputedStyle(el, "")){
- if(!(Am = B[Al])){
- Am = B[Al] = Al.replace(C, F);
- }
- return cs[Am];
- }
- return null;
- } :
- function(Al){
- var el = this.dom, v, cs, Am;
- if(Al == 'opacity'){
- if(typeof el.style.filter == 'string'){
- var m = el.style.filter.match(/alpha\(opacity=(.*)\)/i);
- if(m){
- var fv = parseFloat(m[1]);
- if(!isNaN(fv)){
- return fv ? fv / 100 : 0;
- }
- }
- }
- return 1;
- }else if(Al == 'float'){
- Al = "styleFloat";
- }
- if(!(Am = B[Al])){
- Am = B[Al] = Al.replace(C, F);
- }
- if(v = el.style[Am]){
- return v;
- }
- if(cs = el.currentStyle){
- return cs[Am];
- }
- return null;
- };
- }(),
-
-
-
- setStyle : function(Al, Am){
- if(typeof Al == "string"){
-
- if (Al == 'float') {
- this.setStyle(Roo.isIE ? 'styleFloat' : 'cssFloat', Am);
- return this;
- }
-
- var camel;
- if(!(camel = B[Al])){
- camel = B[Al] = Al.replace(C, F);
- }
-
- if(camel == 'opacity') {
- this.setOpacity(Am);
- }else {
- this.dom.style[camel] = Am;
- }
- }else {
- for(var style in Al){
- if(typeof Al[style] != "function"){
- this.setStyle(style, Al[style]);
- }
- }
- }
- return this;
- },
-
-
-
- applyStyles : function(An){
- Roo.DomHelper.applyStyles(this.dom, An);
- return this;
- },
-
-
-
- getX : function(){
- return D.getX(this.dom);
- },
-
-
-
- getY : function(){
- return D.getY(this.dom);
- },
-
-
-
- getXY : function(){
- return D.getXY(this.dom);
- },
-
-
-
- setX : function(x, Ao){
- if(!Ao || !A){
- D.setX(this.dom, x);
- }else {
- this.setXY([x, this.getY()], this.preanim(arguments, 1));
- }
- return this;
- },
-
-
-
- setY : function(y, Ap){
- if(!Ap || !A){
- D.setY(this.dom, y);
- }else {
- this.setXY([this.getX(), y], this.preanim(arguments, 1));
- }
- return this;
- },
-
-
-
- setLeft : function(Aq){
- this.setStyle("left", this.addUnits(Aq));
- return this;
- },
-
-
-
- setTop : function(Ar){
- this.setStyle("top", this.addUnits(Ar));
- return this;
- },
-
-
-
- setRight : function(As){
- this.setStyle("right", this.addUnits(As));
- return this;
- },
-
-
-
- setBottom : function(At){
- this.setStyle("bottom", this.addUnits(At));
- return this;
- },
-
-
-
- setXY : function(Au, Av){
- if(!Av || !A){
- D.setXY(this.dom, Au);
- }else {
- this.anim({points: {to: Au}}, this.preanim(arguments, 1), 'motion');
- }
- return this;
- },
-
-
-
- setLocation : function(x, y, Aw){
- this.setXY([x, y], this.preanim(arguments, 2));
- return this;
- },
-
-
-
- moveTo : function(x, y, Ax){
- this.setXY([x, y], this.preanim(arguments, 2));
- return this;
- },
-
-
-
- getRegion : function(){
- return D.getRegion(this.dom);
- },
-
-
-
- getHeight : function(Ay){
- var h = this.dom.offsetHeight || 0;
- return Ay !== true ? h : h-this.getBorderWidth("tb")-this.getPadding("tb");
- },
-
-
-
- getWidth : function(Az){
- var w = this.dom.offsetWidth || 0;
- return Az !== true ? w : w-this.getBorderWidth("lr")-this.getPadding("lr");
- },
-
-
-
- getComputedHeight : function(){
- var h = Math.max(this.dom.offsetHeight, this.dom.clientHeight);
- if(!h){
- h = parseInt(this.getStyle('height'), 10) || 0;
- if(!this.isBorderBox()){
- h += this.getFrameWidth('tb');
- }
- }
- return h;
- },
-
-
-
- getComputedWidth : function(){
- var w = Math.max(this.dom.offsetWidth, this.dom.clientWidth);
- if(!w){
- w = parseInt(this.getStyle('width'), 10) || 0;
- if(!this.isBorderBox()){
- w += this.getFrameWidth('lr');
- }
- }
- return w;
- },
-
-
-
- getSize : function(A0){
- return {width: this.getWidth(A0), height: this.getHeight(A0)};
- },
-
-
-
- getViewSize : function(){
- var d = this.dom, A1 = document, aw = 0, ah = 0;
- if(d == A1 || d == A1.body){
- return {width : D.getViewWidth(), height: D.getViewHeight()};
- }else {
- return {
- width : d.clientWidth,
- height: d.clientHeight
- };
- }
- },
-
-
-
- getValue : function(A2){
- return A2 ? parseInt(this.dom.value, 10) : this.dom.value;
- },
-
-
- adjustWidth : function(A3){
- if(typeof A3 == "number"){
- if(this.autoBoxAdjust && !this.isBorderBox()){
- A3 -= (this.getBorderWidth("lr") + this.getPadding("lr"));
- }
- if(A3 < 0){
- A3 = 0;
- }
- }
- return A3;
- },
-
-
- adjustHeight : function(A4){
- if(typeof A4 == "number"){
- if(this.autoBoxAdjust && !this.isBorderBox()){
- A4 -= (this.getBorderWidth("tb") + this.getPadding("tb"));
- }
- if(A4 < 0){
- A4 = 0;
- }
- }
- return A4;
- },
-
-
-
- setWidth : function(A5, A6){
- A5 = this.adjustWidth(A5);
- if(!A6 || !A){
- this.dom.style.width = this.addUnits(A5);
- }else {
- this.anim({width: {to: A5}}, this.preanim(arguments, 1));
- }
- return this;
- },
-
-
-
- setHeight : function(A7, A8){
- A7 = this.adjustHeight(A7);
- if(!A8 || !A){
- this.dom.style.height = this.addUnits(A7);
- }else {
- this.anim({height: {to: A7}}, this.preanim(arguments, 1));
- }
- return this;
- },
-
-
-
- setSize : function(A9, BA, BB){
- if(typeof A9 == "object"){
- BA = A9.height; A9 = A9.width;
- }
-
- A9 = this.adjustWidth(A9); BA = this.adjustHeight(BA);
- if(!BB || !A){
- this.dom.style.width = this.addUnits(A9);
- this.dom.style.height = this.addUnits(BA);
- }else {
- this.anim({width: {to: A9}, height: {to: BA}}, this.preanim(arguments, 2));
- }
- return this;
- },
-
-
-
- setBounds : function(x, y, BC, BD, BE){
- if(!BE || !A){
- this.setSize(BC, BD);
- this.setLocation(x, y);
- }else {
- BC = this.adjustWidth(BC); BD = this.adjustHeight(BD);
- this.anim({points: {to: [x, y]}, width: {to: BC}, height: {to: BD}},
- this.preanim(arguments, 4), 'motion');
- }
- return this;
- },
-
-
-
- setRegion : function(BF, BG){
- this.setBounds(BF.left, BF.top, BF.right-BF.left, BF.bottom-BF.top, this.preanim(arguments, 1));
- return this;
- },
-
-
-
- addListener : function(BH, fn, BI, BJ){
- Roo.EventManager.on(this.dom, BH, fn, BI || this, BJ);
- },
-
-
-
- removeListener : function(BK, fn){
- Roo.EventManager.removeListener(this.dom, BK, fn);
- return this;
- },
-
-
-
- removeAllListeners : function(){
- E.purgeElement(this.dom);
- return this;
- },
-
- relayEvent : function(BL, BM){
- this.on(BL, function(e){
- BM.fireEvent(BL, e);
- });
- },
-
-
-
- setOpacity : function(BN, BO){
- if(!BO || !A){
- var s = this.dom.style;
- if(Roo.isIE){
- s.zoom = 1;
- s.filter = (s.filter || '').replace(/alpha\([^\)]*\)/gi,"") +
- (BN == 1 ? "" : "alpha(opacity=" + BN * 100 + ")");
- }else {
- s.opacity = BN;
- }
- }else {
- this.anim({opacity: {to: BN}}, this.preanim(arguments, 1), null, .35, 'easeIn');
- }
- return this;
- },
-
-
-
- getLeft : function(BP){
- if(!BP){
- return this.getX();
- }else {
- return parseInt(this.getStyle("left"), 10) || 0;
- }
- },
-
-
-
- getRight : function(BQ){
- if(!BQ){
- return this.getX() + this.getWidth();
- }else {
- return (this.getLeft(true) + this.getWidth()) || 0;
- }
- },
-
-
-
- getTop : function(BR) {
- if(!BR){
- return this.getY();
- }else {
- return parseInt(this.getStyle("top"), 10) || 0;
- }
- },
-
-
-
- getBottom : function(BS){
- if(!BS){
- return this.getY() + this.getHeight();
- }else {
- return (this.getTop(true) + this.getHeight()) || 0;
- }
- },
-
-
-
- position : function(BT, BU, x, y){
- if(!BT){
- if(this.getStyle('position') == 'static'){
- this.setStyle('position', 'relative');
- }
- }else {
- this.setStyle("position", BT);
- }
- if(BU){
- this.setStyle("z-index", BU);
- }
- if(x !== undefined && y !== undefined){
- this.setXY([x, y]);
- }else if(x !== undefined){
- this.setX(x);
- }else if(y !== undefined){
- this.setY(y);
- }
- },
-
-
-
- clearPositioning : function(BV){
- BV = BV ||'';
- this.setStyle({
- "left": BV,
- "right": BV,
- "top": BV,
- "bottom": BV,
- "z-index": "",
- "position" : "static"
- });
- return this;
- },
-
-
-
- getPositioning : function(){
- var l = this.getStyle("left");
- var t = this.getStyle("top");
- return {
- "position" : this.getStyle("position"),
- "left" : l,
- "right" : l ? "" : this.getStyle("right"),
- "top" : t,
- "bottom" : t ? "" : this.getStyle("bottom"),
- "z-index" : this.getStyle("z-index")
- };
- },
-
-
-
- getBorderWidth : function(BW){
- return this.addStyles(BW, El.borders);
- },
-
-
-
- getPadding : function(BX){
- return this.addStyles(BX, El.paddings);
- },
-
-
-
- setPositioning : function(pc){
- this.applyStyles(pc);
- if(pc.right == "auto"){
- this.dom.style.right = "";
- }
- if(pc.bottom == "auto"){
- this.dom.style.bottom = "";
- }
- return this;
- },
-
-
- fixDisplay : function(){
- if(this.getStyle("display") == "none"){
- this.setStyle("visibility", "hidden");
- this.setStyle("display", this.originalDisplay);
- if(this.getStyle("display") == "none"){
- this.setStyle("display", "block");
- }
- }
- },
-
-
-
- setLeftTop : function(BY, BZ){
- this.dom.style.left = this.addUnits(BY);
- this.dom.style.top = this.addUnits(BZ);
- return this;
- },
-
-
-
- move : function(Ba, Bb, Bc){
- var xy = this.getXY();
- Ba = Ba.toLowerCase();
- switch(Ba){
- case "l":
- case "left":
- this.moveTo(xy[0]-Bb, xy[1], this.preanim(arguments, 2));
- break;
- case "r":
- case "right":
- this.moveTo(xy[0]+Bb, xy[1], this.preanim(arguments, 2));
- break;
- case "t":
- case "top":
- case "up":
- this.moveTo(xy[0], xy[1]-Bb, this.preanim(arguments, 2));
- break;
- case "b":
- case "bottom":
- case "down":
- this.moveTo(xy[0], xy[1]+Bb, this.preanim(arguments, 2));
- break;
- }
- return this;
- },
-
-
-
- clip : function(){
- if(!this.isClipped){
- this.isClipped = true;
- this.originalClip = {
- "o": this.getStyle("overflow"),
- "x": this.getStyle("overflow-x"),
- "y": this.getStyle("overflow-y")
- };
- this.setStyle("overflow", "hidden");
- this.setStyle("overflow-x", "hidden");
- this.setStyle("overflow-y", "hidden");
- }
- return this;
- },
-
-
-
- unclip : function(){
- if(this.isClipped){
- this.isClipped = false;
- var o = this.originalClip;
- if(o.o){this.setStyle("overflow", o.o);}
- if(o.x){this.setStyle("overflow-x", o.x);}
- if(o.y){this.setStyle("overflow-y", o.y);}
- }
- return this;
- },
-
-
-
-
- getAnchorXY : function(Bd, Be, s){
-
-
-
- var w, h, vp = false;
- if(!s){
- var d = this.dom;
- if(d == document.body || d == document){
- vp = true;
- w = D.getViewWidth(); h = D.getViewHeight();
- }else {
- w = this.getWidth(); h = this.getHeight();
- }
- }else {
- w = s.width; h = s.height;
- }
- var x = 0, y = 0, r = Math.round;
- switch((Bd || "tl").toLowerCase()){
- case "c":
- x = r(w*.5);
- y = r(h*.5);
- break;
- case "t":
- x = r(w*.5);
- y = 0;
- break;
- case "l":
- x = 0;
- y = r(h*.5);
- break;
- case "r":
- x = w;
- y = r(h*.5);
- break;
- case "b":
- x = r(w*.5);
- y = h;
- break;
- case "tl":
- x = 0;
- y = 0;
- break;
- case "bl":
- x = 0;
- y = h;
- break;
- case "br":
- x = w;
- y = h;
- break;
- case "tr":
- x = w;
- y = 0;
- break;
- }
- if(Be === true){
- return [x, y];
- }
- if(vp){
- var sc = this.getScroll();
- return [x + sc.left, y + sc.top];
- }
-
- var o = this.getXY();
- return [x+o[0], y+o[1]];
- },
-
-
-
- getAlignToXY : function(el, p, o){
- el = Roo.get(el);
- var d = this.dom;
- if(!el.dom){
- throw "Element.alignTo with an element that doesn't exist";
- }
- var c = false;
- var p1 = "", p2 = "";
- o = o || [0,0];
-
- if(!p){
- p = "tl-bl";
- }else if(p == "?"){
- p = "tl-bl?";
- }else if(p.indexOf("-") == -1){
- p = "tl-" + p;
- }
-
- p = p.toLowerCase();
- var m = p.match(/^([a-z]+)-([a-z]+)(\?)?$/);
- if(!m){
- throw "Element.alignTo with an invalid alignment " + p;
- }
-
- p1 = m[1]; p2 = m[2]; c = !!m[3];
-
-
-
- var a1 = this.getAnchorXY(p1, true);
- var a2 = el.getAnchorXY(p2, false);
- var x = a2[0] - a1[0] + o[0];
- var y = a2[1] - a1[1] + o[1];
- if(c){
-
- var w = this.getWidth(), h = this.getHeight(), r = el.getRegion();
-
- var dw = D.getViewWidth()-5, dh = D.getViewHeight()-5;
-
-
-
-
- var p1y = p1.charAt(0), p1x = p1.charAt(p1.length-1);
- var p2y = p2.charAt(0), p2x = p2.charAt(p2.length-1);
- var swapY = ((p1y=="t" && p2y=="b") || (p1y=="b" && p2y=="t"));
- var swapX = ((p1x=="r" && p2x=="l") || (p1x=="l" && p2x=="r"));
-
- var A1 = document;
- var scrollX = (A1.documentElement.scrollLeft || A1.body.scrollLeft || 0)+5;
- var scrollY = (A1.documentElement.scrollTop || A1.body.scrollTop || 0)+5;
-
- if((x+w) > dw + scrollX){
- x = swapX ? r.left-w : dw+scrollX-w;
- }
- if(x < scrollX){
- x = swapX ? r.right : scrollX;
- }
- if((y+h) > dh + scrollY){
- y = swapY ? r.top-h : dh+scrollY-h;
- }
- if (y < scrollY){
- y = swapY ? r.bottom : scrollY;
- }
- }
- return [x,y];
- },
-
-
- getConstrainToXY : function(){
- var os = {top:0, left:0, bottom:0, right: 0};
-
- return function(el, Bf, Bg, Bh){
- el = Roo.get(el);
- Bg = Bg ? Roo.applyIf(Bg, os) : os;
-
- var vw, vh, vx = 0, vy = 0;
- if(el.dom == document.body || el.dom == document){
- vw = Roo.lib.Dom.getViewWidth();
- vh = Roo.lib.Dom.getViewHeight();
- }else {
- vw = el.dom.clientWidth;
- vh = el.dom.clientHeight;
- if(!Bf){
- var vxy = el.getXY();
- vx = vxy[0];
- vy = vxy[1];
- }
- }
-
- var s = el.getScroll();
-
- vx += Bg.left + s.left;
- vy += Bg.top + s.top;
-
- vw -= Bg.right;
- vh -= Bg.bottom;
-
- var vr = vx+vw;
- var vb = vy+vh;
-
- var xy = Bh || (!Bf ? this.getXY() : [this.getLeft(true), this.getTop(true)]);
- var x = xy[0], y = xy[1];
- var w = this.dom.offsetWidth, h = this.dom.offsetHeight;
-
-
- var Bi = false;
-
-
- if((x + w) > vr){
- x = vr - w;
- Bi = true;
- }
- if((y + h) > vb){
- y = vb - h;
- Bi = true;
- }
-
- if(x < vx){
- x = vx;
- Bi = true;
- }
- if(y < vy){
- y = vy;
- Bi = true;
- }
- return Bi ? [x, y] : false;
- };
- }(),
-
-
- adjustForConstraints : function(xy, Bf, Bg){
- return this.getConstrainToXY(Bf || document, false, Bg, xy) || xy;
- },
-
-
-
- alignTo : function(Bh, Bi, Bj, Bk){
- var xy = this.getAlignToXY(Bh, Bi, Bj);
- this.setXY(xy, this.preanim(arguments, 3));
- return this;
- },
-
-
-
- anchorTo : function(el, Bl, Bm, Bn, Bo, Bp){
- var Bq = function(){
- this.alignTo(el, Bl, Bm, Bn);
- Roo.callback(Bp, this);
- };
- Roo.EventManager.onWindowResize(Bq, this);
- var tm = typeof Bo;
- if(tm != 'undefined'){
- Roo.EventManager.on(window, 'scroll', Bq, this,
- {buffer: tm == 'number' ? Bo : 50});
- }
-
- Bq.call(this);
- return this;
- },
-
-
- clearOpacity : function(){
- if (window.ActiveXObject) {
- if(typeof this.dom.style.filter == 'string' && (/alpha/i).test(this.dom.style.filter)){
- this.dom.style.filter = "";
- }
- } else {
- this.dom.style.opacity = "";
- this.dom.style["-moz-opacity"] = "";
- this.dom.style["-khtml-opacity"] = "";
- }
- return this;
- },
-
-
-
- hide : function(Br){
- this.setVisible(false, this.preanim(arguments, 0));
- return this;
- },
-
-
-
- show : function(Bs){
- this.setVisible(true, this.preanim(arguments, 0));
- return this;
- },
-
-
-
- addUnits : function(Bt){
- return Roo.Element.addUnits(Bt, this.defaultUnit);
- },
-
-
-
- beginMeasure : function(){
- var el = this.dom;
- if(el.offsetWidth || el.offsetHeight){
- return this;
- }
- var Bu = [];
- var p = this.dom, b = document.body;
- while((!el.offsetWidth && !el.offsetHeight) && p && p.tagName && p != b){
- var pe = Roo.get(p);
- if(pe.getStyle('display') == 'none'){
- Bu.push({el: p, visibility: pe.getStyle("visibility")});
- p.style.visibility = "hidden";
- p.style.display = "block";
- }
-
- p = p.parentNode;
- }
-
- this._measureChanged = Bu;
- return this;
-
- },
-
-
-
- endMeasure : function(){
- var Bv = this._measureChanged;
- if(Bv){
- for(var i = 0, Ak = Bv.length; i < Ak; i++) {
- var r = Bv[i];
- r.el.style.visibility = r.visibility;
- r.el.style.display = "none";
- }
-
- this._measureChanged = null;
- }
- return this;
- },
-
-
-
- update : function(Bw, Bx, By){
- if(typeof Bw == "undefined"){
- Bw = "";
- }
- if(Bx !== true){
- this.dom.innerHTML = Bw;
- if(typeof By == "function"){
- By();
- }
- return this;
- }
- var id = Roo.id();
- var Bz = this.dom;
-
- Bw += '<span id="' + id + '"></span>';
-
- E.onAvailable(id, function(){
- var hd = document.getElementsByTagName("head")[0];
- var re = /(?:<script([^>]*)?>)((\n|\r|.)*?)(?:<\/script>)/ig;
- var B0 = /\ssrc=([\'\"])(.*?)\1/i;
- var B1 = /\stype=([\'\"])(.*?)\1/i;
-
- var B2;
- while(B2 = re.exec(Bw)){
- var attrs = B2[1];
- var srcMatch = attrs ? attrs.match(B0) : false;
- if(srcMatch && srcMatch[2]){
- var s = document.createElement("script");
- s.src = srcMatch[2];
- var typeMatch = attrs.match(B1);
- if(typeMatch && typeMatch[2]){
- s.type = typeMatch[2];
- }
-
- hd.appendChild(s);
- }else if(B2[2] && B2[2].length > 0){
- if(window.execScript) {
- window.execScript(B2[2]);
- } else {
-
-
- window.eval(B2[2]);
- }
- }
- }
- var el = document.getElementById(id);
- if(el){el.parentNode.removeChild(el);}
- if(typeof By == "function"){
- By();
- }
- });
- Bz.innerHTML = Bw.replace(/(?:<script.*?>)((\n|\r|.)*?)(?:<\/script>)/ig, "");
- return this;
- },
-
-
-
- load : function(){
- var um = this.getUpdateManager();
- um.update.apply(um, arguments);
- return this;
- },
-
-
-
- getUpdateManager : function(){
- if(!this.updateManager){
- this.updateManager = new Roo.UpdateManager(this);
- }
- return this.updateManager;
- },
-
-
-
- unselectable : function(){
- this.dom.unselectable = "on";
- this.swallowEvent("selectstart", true);
- this.applyStyles("-moz-user-select:none;-khtml-user-select:none;");
- this.addClass("x-unselectable");
- return this;
- },
-
-
-
- getCenterXY : function(){
- return this.getAlignToXY(document, 'c-c');
- },
-
-
-
- center : function(B0){
- this.alignTo(B0 || document, 'c-c');
- return this;
- },
-
-
-
- isBorderBox : function(){
- return I[this.dom.tagName.toLowerCase()] || Roo.isBorderBox;
- },
-
-
-
- getBox : function(B1, B2){
- var xy;
- if(!B2){
- xy = this.getXY();
- }else {
- var BY = parseInt(this.getStyle("left"), 10) || 0;
- var BZ = parseInt(this.getStyle("top"), 10) || 0;
- xy = [BY, BZ];
- }
- var el = this.dom, w = el.offsetWidth, h = el.offsetHeight, bx;
- if(!B1){
- bx = {x: xy[0], y: xy[1], 0: xy[0], 1: xy[1], width: w, height: h};
- }else {
- var l = this.getBorderWidth("l")+this.getPadding("l");
- var r = this.getBorderWidth("r")+this.getPadding("r");
- var t = this.getBorderWidth("t")+this.getPadding("t");
- var b = this.getBorderWidth("b")+this.getPadding("b");
- bx = {x: xy[0]+l, y: xy[1]+t, 0: xy[0]+l, 1: xy[1]+t, width: w-(l+r), height: h-(t+b)};
- }
-
- bx.right = bx.x + bx.width;
- bx.bottom = bx.y + bx.height;
- return bx;
- },
-
-
-
- getFrameWidth : function(B3, B4){
- return B4 && Roo.isBorderBox ? 0 : (this.getPadding(B3) + this.getBorderWidth(B3));
- },
-
-
-
- setBox : function(B5, B6, B7){
- var w = B5.width, h = B5.height;
- if((B6 && !this.autoBoxAdjust) && !this.isBorderBox()){
- w -= (this.getBorderWidth("lr") + this.getPadding("lr"));
- h -= (this.getBorderWidth("tb") + this.getPadding("tb"));
- }
-
- this.setBounds(B5.x, B5.y, w, h, this.preanim(arguments, 2));
- return this;
- },
-
-
-
- repaint : function(){
- var B8 = this.dom;
- this.addClass("x-repaint");
- setTimeout(function(){
- Roo.get(B8).removeClass("x-repaint");
- }, 1);
- return this;
- },
-
-
-
- getMargins : function(B9){
- if(!B9){
- return {
- top: parseInt(this.getStyle("margin-top"), 10) || 0,
- left: parseInt(this.getStyle("margin-left"), 10) || 0,
- bottom: parseInt(this.getStyle("margin-bottom"), 10) || 0,
- right: parseInt(this.getStyle("margin-right"), 10) || 0
- };
- }else {
- return this.addStyles(B9, El.margins);
- }
- },
-
-
- addStyles : function(CA, CB){
- var CC = 0, v, w;
- for(var i = 0, Ak = CA.length; i < Ak; i++){
- v = this.getStyle(CB[CA.charAt(i)]);
- if(v){
- w = parseInt(v, 10);
- if(w){ CC += w; }
- }
- }
- return CC;
- },
-
-
-
- createProxy : function(CD, CE, CF){
- if(CE){
- CE = Roo.getDom(CE);
- }else {
- CE = document.body;
- }
-
- CD = typeof CD == "object" ?
- CD : {tag : "div", cls: CD};
- var CG = Roo.DomHelper.append(CE, CD, true);
- if(CF){
- CG.setBox(this.getBox());
- }
- return CG;
- },
-
-
-
- mask : function(CH, CI){
- if(this.getStyle("position") == "static"){
- this.setStyle("position", "relative");
- }
- if(!this._mask){
- this._mask = Roo.DomHelper.append(this.dom, {cls:"roo-el-mask"}, true);
- }
-
- this.addClass("x-masked");
- this._mask.setDisplayed(true);
- if(typeof CH == 'string'){
- if(!this._maskMsg){
- this._maskMsg = Roo.DomHelper.append(this.dom, {cls:"roo-el-mask-msg", cn:{tag:'div'}}, true);
- }
- var mm = this._maskMsg;
- mm.dom.className = CI ? "roo-el-mask-msg " + CI : "roo-el-mask-msg";
- mm.dom.firstChild.innerHTML = CH;
- mm.setDisplayed(true);
- mm.center(this);
- }
- if(Roo.isIE && !(Roo.isIE7 && Roo.isStrict) && this.getStyle('height') == 'auto'){
- this._mask.setHeight(this.getHeight());
- }
- return this._mask;
- },
-
-
-
- unmask : function(CJ){
- if(this._mask){
- if(CJ === true){
- this._mask.remove();
- delete this._mask;
- if(this._maskMsg){
- this._maskMsg.remove();
- delete this._maskMsg;
- }
- }else {
- this._mask.setDisplayed(false);
- if(this._maskMsg){
- this._maskMsg.setDisplayed(false);
- }
- }
- }
-
- this.removeClass("x-masked");
- },
-
-
-
- isMasked : function(){
- return this._mask && this._mask.isVisible();
- },
-
-
-
- createShim : function(){
- var el = document.createElement('iframe');
- el.frameBorder = 'no';
- el.className = 'roo-shim';
- if(Roo.isIE && Roo.isSecure){
- el.src = Roo.SSL_SECURE_URL;
- }
- var CK = Roo.get(this.dom.parentNode.insertBefore(el, this.dom));
- CK.autoBoxAdjust = false;
- return CK;
- },
-
-
-
- remove : function(){
- if(this.dom.parentNode){
- this.dom.parentNode.removeChild(this.dom);
- }
- delete El.cache[this.dom.id];
- },
-
-
-
- addClassOnOver : function(CL, CM){
- this.on("mouseover", function(){
- Roo.fly(this, '_internal').addClass(CL);
- }, this.dom);
- var CN = function(e){
- if(CM !== true || !e.within(this, true)){
- Roo.fly(this, '_internal').removeClass(CL);
- }
- };
- this.on("mouseout", CN, this.dom);
- return this;
- },
-
-
-
- addClassOnFocus : function(CO){
- this.on("focus", function(){
- Roo.fly(this, '_internal').addClass(CO);
- }, this.dom);
- this.on("blur", function(){
- Roo.fly(this, '_internal').removeClass(CO);
- }, this.dom);
- return this;
- },
-
-
- addClassOnClick : function(CP){
- var CQ = this.dom;
- this.on("mousedown", function(){
- Roo.fly(CQ, '_internal').addClass(CP);
- var d = Roo.get(document);
- var fn = function(){
- Roo.fly(CQ, '_internal').removeClass(CP);
- d.removeListener("mouseup", fn);
- };
- d.on("mouseup", fn);
- });
- return this;
- },
-
-
-
- swallowEvent : function(CR, CS){
- var fn = function(e){
- e.stopPropagation();
- if(CS){
- e.preventDefault();
- }
- };
- if(CR instanceof Array){
- for(var i = 0, Ak = CR.length; i < Ak; i++){
- this.on(CR[i], fn);
- }
- return this;
- }
-
- this.on(CR, fn);
- return this;
- },
-
-
-
- fitToParentDelegate : Roo.emptyFn,
-
-
-
- fitToParent : function(CT, CU) {
- Roo.EventManager.removeResizeListener(this.fitToParentDelegate);
- this.fitToParentDelegate = Roo.emptyFn;
- if (CT === true && !this.dom.parentNode) {
- return;
- }
- var p = Roo.get(CU || this.dom.parentNode);
- this.setSize(p.getComputedWidth() - p.getFrameWidth('lr'), p.getComputedHeight() - p.getFrameWidth('tb'));
- if (CT === true) {
- this.fitToParentDelegate = this.fitToParent.createDelegate(this, [true, CU]);
- Roo.EventManager.onWindowResize(this.fitToParentDelegate);
- }
- return this;
- },
-
-
-
- getNextSibling : function(){
- var n = this.dom.nextSibling;
- while(n && n.nodeType != 1){
- n = n.nextSibling;
- }
- return n;
- },
-
-
-
- getPrevSibling : function(){
- var n = this.dom.previousSibling;
- while(n && n.nodeType != 1){
- n = n.previousSibling;
- }
- return n;
- },
-
-
-
-
- appendChild: function(el){
- el = Roo.get(el);
- el.appendTo(this);
- return this;
- },
-
-
-
- createChild: function(CV, CW, CX){
- CV = CV || {tag:'div'};
- if(CW){
- return Roo.DomHelper.insertBefore(CW, CV, CX !== true);
- }
- return Roo.DomHelper[!this.dom.firstChild ? 'overwrite' : 'append'](this.dom, CV, CX !== true);
- },
-
-
-
- appendTo: function(el){
- el = Roo.getDom(el);
- el.appendChild(this.dom);
- return this;
- },
-
-
-
- insertBefore: function(el){
- el = Roo.getDom(el);
- el.parentNode.insertBefore(this.dom, el);
- return this;
- },
-
-
-
- insertAfter: function(el){
- el = Roo.getDom(el);
- el.parentNode.insertBefore(this.dom, el.nextSibling);
- return this;
- },
-
-
-
- insertFirst: function(el, CY){
- el = el || {};
- if(typeof el == 'object' && !el.nodeType){
- return this.createChild(el, this.dom.firstChild, CY);
- }else {
- el = Roo.getDom(el);
- this.dom.insertBefore(el, this.dom.firstChild);
- return !CY ? Roo.get(el) : el;
- }
- },
-
-
-
- insertSibling: function(el, CZ, Ca){
- CZ = CZ ? CZ.toLowerCase() : 'before';
- el = el || {};
- var rt, Cb = CZ == 'before' ? this.dom : this.dom.nextSibling;
-
- if(typeof el == 'object' && !el.nodeType){
- if(CZ == 'after' && !this.dom.nextSibling){
- rt = Roo.DomHelper.append(this.dom.parentNode, el, !Ca);
- }else {
- rt = Roo.DomHelper[CZ == 'after' ? 'insertAfter' : 'insertBefore'](this.dom, el, !Ca);
- }
-
- }else {
- rt = this.dom.parentNode.insertBefore(Roo.getDom(el),
- CZ == 'before' ? this.dom : this.dom.nextSibling);
- if(!Ca){
- rt = Roo.get(rt);
- }
- }
- return rt;
- },
-
-
-
- wrap: function(Cc, Cd){
- if(!Cc){
- Cc = {tag: "div"};
- }
- var Ce = Roo.DomHelper.insertBefore(this.dom, Cc, !Cd);
- Ce.dom ? Ce.dom.appendChild(this.dom) : Ce.appendChild(this.dom);
- return Ce;
- },
-
-
-
- replace: function(el){
- el = Roo.get(el);
- this.insertBefore(el);
- el.remove();
- return this;
- },
-
-
-
- insertHtml : function(Cf, Cg, Ch){
- var el = Roo.DomHelper.insertHtml(Cf, this.dom, Cg);
- return Ch ? Roo.get(el) : el;
- },
-
-
-
- set : function(o, Ci){
- var el = this.dom;
- Ci = typeof Ci == 'undefined' ? (el.setAttribute ? true : false) : Ci;
- for(var attr in o){
- if(attr == "style" || typeof o[attr] == "function") continue;
- if(attr=="cls"){
- el.className = o["cls"];
- }else {
- if(Ci) el.setAttribute(attr, o[attr]);
- else el[attr] = o[attr];
- }
- }
- if(o.style){
- Roo.DomHelper.applyStyles(el, o.style);
- }
- return this;
- },
-
-
-
- addKeyListener : function(Cj, fn, Ck){
- var Cl;
- if(typeof Cj != "object" || Cj instanceof Array){
- Cl = {
- key: Cj,
- fn: fn,
- scope: Ck
- };
- }else {
- Cl = {
- key : Cj.key,
- shift : Cj.shift,
- ctrl : Cj.ctrl,
- alt : Cj.alt,
- fn: fn,
- scope: Ck
- };
- }
- return new Roo.KeyMap(this, Cl);
- },
-
-
-
- addKeyMap : function(Cm){
- return new Roo.KeyMap(this, Cm);
- },
-
-
-
- isScrollable : function(){
- var Cn = this.dom;
- return Cn.scrollHeight > Cn.clientHeight || Cn.scrollWidth > Cn.clientWidth;
- },
-
-
-
-
- scrollTo : function(Co, Cp, Cq){
- var Cr = Co.toLowerCase() == "left" ? "scrollLeft" : "scrollTop";
- if(!Cq || !A){
- this.dom[Cr] = Cp;
- }else {
- var to = Cr == "scrollLeft" ? [Cp, this.dom.scrollTop] : [this.dom.scrollLeft, Cp];
- this.anim({scroll: {"to": to}}, this.preanim(arguments, 2), 'scroll');
- }
- return this;
- },
-
-
-
- scroll : function(Cs, Ct, Cu){
- if(!this.isScrollable()){
- return;
- }
- var el = this.dom;
- var l = el.scrollLeft, t = el.scrollTop;
- var w = el.scrollWidth, h = el.scrollHeight;
- var cw = el.clientWidth, ch = el.clientHeight;
- Cs = Cs.toLowerCase();
- var Cv = false;
- var a = this.preanim(arguments, 2);
- switch(Cs){
- case "l":
- case "left":
- if(w - l > cw){
- var v = Math.min(l + Ct, w-cw);
- this.scrollTo("left", v, a);
- Cv = true;
- }
- break;
- case "r":
- case "right":
- if(l > 0){
- var v = Math.max(l - Ct, 0);
- this.scrollTo("left", v, a);
- Cv = true;
- }
- break;
- case "t":
- case "top":
- case "up":
- if(t > 0){
- var v = Math.max(t - Ct, 0);
- this.scrollTo("top", v, a);
- Cv = true;
- }
- break;
- case "b":
- case "bottom":
- case "down":
- if(h - t > ch){
- var v = Math.min(t + Ct, h-ch);
- this.scrollTo("top", v, a);
- Cv = true;
- }
- break;
- }
- return Cv;
- },
-
-
-
- translatePoints : function(x, y){
- if(typeof x == 'object' || x instanceof Array){
- y = x[1]; x = x[0];
- }
- var p = this.getStyle('position');
- var o = this.getXY();
-
- var l = parseInt(this.getStyle('left'), 10);
- var t = parseInt(this.getStyle('top'), 10);
-
- if(isNaN(l)){
- l = (p == "relative") ? 0 : this.dom.offsetLeft;
- }
- if(isNaN(t)){
- t = (p == "relative") ? 0 : this.dom.offsetTop;
- }
-
- return {left: (x - o[0] + l), top: (y - o[1] + t)};
- },
-
-
-
- getScroll : function(){
- var d = this.dom, Cw = document;
- if(d == Cw || d == Cw.body){
- var l = window.pageXOffset || Cw.documentElement.scrollLeft || Cw.body.scrollLeft || 0;
- var t = window.pageYOffset || Cw.documentElement.scrollTop || Cw.body.scrollTop || 0;
- return {left: l, top: t};
- }else {
- return {left: d.scrollLeft, top: d.scrollTop};
- }
- },
-
-
-
- getColor : function(Cx, Cy, Cz){
- var v = this.getStyle(Cx);
- if(!v || v == "transparent" || v == "inherit") {
- return Cy;
- }
- var C0 = typeof Cz == "undefined" ? "#" : Cz;
- if(v.substr(0, 4) == "rgb("){
- var rvs = v.slice(4, v.length -1).split(",");
- for(var i = 0; i < 3; i++){
- var h = parseInt(rvs[i]).toString(16);
- if(h < 16){
- h = "0" + h;
- }
-
- C0 += h;
- }
- } else {
- if(v.substr(0, 1) == "#"){
- if(v.length == 4) {
- for(var i = 1; i < 4; i++){
- var c = v.charAt(i);
- C0 += c + c;
- }
- }else if(v.length == 7){
- C0 += v.substr(1);
- }
- }
- }
- return (C0.length > 5 ? C0.toLowerCase() : Cy);
- },
-
-
-
- boxWrap : function(C1){
- C1 = C1 || 'x-box';
- var el = Roo.get(this.insertHtml('beforeBegin', String.format('<div class="{0}">'+El.boxMarkup+'</div>', C1)));
- el.child('.'+C1+'-mc').dom.appendChild(this.dom);
- return el;
- },
-
-
-
- getAttributeNS : Roo.isIE ? function(ns, C2){
- var d = this.dom;
- var C3 = typeof d[ns+":"+C2];
- if(C3 != 'undefined' && C3 != 'unknown'){
- return d[ns+":"+C2];
- }
- return d[C2];
- } : function(ns, C4){
- var d = this.dom;
- return d.getAttributeNS(ns, C4) || d.getAttribute(ns+":"+C4) || d.getAttribute(C4) || d[C4];
- }
- };
-
- var ep = El.prototype;
-
-
-
- ep.on = ep.addListener;
-
- ep.mon = ep.addListener;
-
-
-
- ep.un = ep.removeListener;
-
-
-
- ep.autoBoxAdjust = true;
-
-
- El.unitPattern = /\d+(px|em|%|en|ex|pt|in|cm|mm|pc)$/i;
-
-
- El.addUnits = function(v, J){
- if(v === "" || v == "auto"){
- return v;
- }
- if(v === undefined){
- return '';
- }
- if(typeof v == "number" || !El.unitPattern.test(v)){
- return v + (J || 'px');
- }
- return v;
- };
-
-
- El.boxMarkup = '<div class="{0}-tl"><div class="{0}-tr"><div class="{0}-tc"></div></div></div><div class="{0}-ml"><div class="{0}-mr"><div class="{0}-mc"></div></div></div><div class="{0}-bl"><div class="{0}-br"><div class="{0}-bc"></div></div></div>';
-
-
- El.VISIBILITY = 1;
-
-
- El.DISPLAY = 2;
-
- El.borders = {l: "border-left-width", r: "border-right-width", t: "border-top-width", b: "border-bottom-width"};
- El.paddings = {l: "padding-left", r: "padding-right", t: "padding-top", b: "padding-bottom"};
- El.margins = {l: "margin-left", r: "margin-right", t: "margin-top", b: "margin-bottom"};
-
-
-
-
-
- El.cache = {};
-
- var H;
-
-
-
- El.get = function(el){
- var ex, J, id;
- if(!el){ return null; }
- if(typeof el == "string"){
- if(!(J = document.getElementById(el))){
- return null;
- }
- if(ex = El.cache[el]){
- ex.dom = J;
- }else {
- ex = El.cache[el] = new El(J);
- }
- return ex;
- }else if(el.tagName){
- if(!(id = el.id)){
- id = Roo.id(el);
- }
- if(ex = El.cache[id]){
- ex.dom = el;
- }else {
- ex = El.cache[id] = new El(el);
- }
- return ex;
- }else if(el instanceof El){
- if(el != H){
- el.dom = document.getElementById(el.id) || el.dom;
-
- El.cache[el.id] = el;
- }
- return el;
- }else if(el.isComposite){
- return el;
- }else if(el instanceof Array){
- return El.select(el);
- }else if(el == document){
-
- if(!H){
- var f = function(){};
- f.prototype = El.prototype;
- H = new f();
- H.dom = document;
- }
- return H;
- }
- return null;
- };
-
-
- El.uncache = function(el){
- for(var i = 0, a = arguments, len = a.length; i < len; i++) {
- if(a[i]){
- delete El.cache[a[i].id || a[i]];
- }
- }
- };
-
-
-
-
- El.garbageCollect = function(){
- if(!Roo.enableGarbageCollector){
- clearInterval(El.collectorThread);
- return;
- }
- for(var eid in El.cache){
- var el = El.cache[eid], d = el.dom;
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- if(!d || !d.parentNode || (!d.offsetParent && !document.getElementById(eid))){
- delete El.cache[eid];
- if(d && Roo.enableListenerCollection){
- E.purgeElement(d);
- }
- }
- }
- }
-
- El.collectorThreadId = setInterval(El.garbageCollect, 30000);
-
-
-
- El.Flyweight = function(J){
- this.dom = J;
- };
- El.Flyweight.prototype = El.prototype;
-
- El._flyweights = {};
-
-
- El.fly = function(el, J){
- J = J || '_global';
- el = Roo.getDom(el);
- if(!el){
- return null;
- }
- if(!El._flyweights[J]){
- El._flyweights[J] = new El.Flyweight();
- }
-
- El._flyweights[J].dom = el;
- return El._flyweights[J];
- };
-
-
-
- Roo.get = El.get;
-
-
- Roo.fly = El.fly;
-
-
- var I = Roo.isStrict ? {
- select:1
- } : {
- input:1, select:1, textarea:1
- };
- if(Roo.isIE || Roo.isGecko){
- I['button'] = 1;
- }
-
-
-
- Roo.EventManager.on(window, 'unload', function(){
- delete El.cache;
- delete El._flyweights;
- });
-})();
-
-
-
-
-if(Roo.DomQuery){
- Roo.Element.selectorFunction = Roo.DomQuery.select;
-}
-
-
-Roo.Element.select = function(J, K, L){
- var M;
- if(typeof J == "string"){
- M = Roo.Element.selectorFunction(J, L);
- }else if(J.length !== undefined){
- M = J;
- }else {
- throw "Invalid selector";
- }
- if(K === true){
- return new Roo.CompositeElement(M);
- }else {
- return new Roo.CompositeElementLite(M);
- }
-};
-
-
-Roo.select = Roo.Element.select;
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Roo.enableFx = true;
-
-
-
-Roo.Fx = {
-
-
- slideIn : function(A, o){
- var el = this.getFxEl();
- o = o || {};
-
- el.queueFx(o, function(){
-
- A = A || "t";
-
-
- this.fixDisplay();
-
-
- var r = this.getFxRestore();
- var b = this.getBox();
-
- this.setSize(b);
-
-
- var B = this.fxWrap(r.pos, o, "hidden");
-
- var st = this.dom.style;
- st.visibility = "visible";
- st.position = "absolute";
-
-
- var C = function(){
- el.fxUnwrap(B, r.pos, o);
- st.width = r.width;
- st.height = r.height;
- el.afterFx(o);
- };
-
- var a, pt = {to: [b.x, b.y]}, bw = {to: b.width}, bh = {to: b.height};
-
- switch(A.toLowerCase()){
- case "t":
- B.setSize(b.width, 0);
- st.left = st.bottom = "0";
- a = {height: bh};
- break;
- case "l":
- B.setSize(0, b.height);
- st.right = st.top = "0";
- a = {width: bw};
- break;
- case "r":
- B.setSize(0, b.height);
- B.setX(b.right);
- st.left = st.top = "0";
- a = {width: bw, points: pt};
- break;
- case "b":
- B.setSize(b.width, 0);
- B.setY(b.bottom);
- st.left = st.top = "0";
- a = {height: bh, points: pt};
- break;
- case "tl":
- B.setSize(0, 0);
- st.right = st.bottom = "0";
- a = {width: bw, height: bh};
- break;
- case "bl":
- B.setSize(0, 0);
- B.setY(b.y+b.height);
- st.right = st.top = "0";
- a = {width: bw, height: bh, points: pt};
- break;
- case "br":
- B.setSize(0, 0);
- B.setXY([b.right, b.bottom]);
- st.left = st.top = "0";
- a = {width: bw, height: bh, points: pt};
- break;
- case "tr":
- B.setSize(0, 0);
- B.setX(b.x+b.width);
- st.left = st.bottom = "0";
- a = {width: bw, height: bh, points: pt};
- break;
- }
-
- this.dom.style.visibility = "visible";
- B.show();
-
- arguments.callee.anim = B.fxanim(a,
- o,
- 'motion',
- .5,
- 'easeOut', C);
- });
- return this;
- },
-
-
-
- slideOut : function(B, o){
- var el = this.getFxEl();
- o = o || {};
-
- el.queueFx(o, function(){
-
- B = B || "t";
-
-
- var r = this.getFxRestore();
-
- var b = this.getBox();
-
- this.setSize(b);
-
-
- var C = this.fxWrap(r.pos, o, "visible");
-
- var st = this.dom.style;
- st.visibility = "visible";
- st.position = "absolute";
-
- C.setSize(b);
-
- var D = function(){
- if(o.useDisplay){
- el.setDisplayed(false);
- }else {
- el.hide();
- }
-
-
- el.fxUnwrap(C, r.pos, o);
-
- st.width = r.width;
- st.height = r.height;
-
- el.afterFx(o);
- };
-
- var a, E = {to: 0};
- switch(B.toLowerCase()){
- case "t":
- st.left = st.bottom = "0";
- a = {height: E};
- break;
- case "l":
- st.right = st.top = "0";
- a = {width: E};
- break;
- case "r":
- st.left = st.top = "0";
- a = {width: E, points: {to:[b.right, b.y]}};
- break;
- case "b":
- st.left = st.top = "0";
- a = {height: E, points: {to:[b.x, b.bottom]}};
- break;
- case "tl":
- st.right = st.bottom = "0";
- a = {width: E, height: E};
- break;
- case "bl":
- st.right = st.top = "0";
- a = {width: E, height: E, points: {to:[b.x, b.bottom]}};
- break;
- case "br":
- st.left = st.top = "0";
- a = {width: E, height: E, points: {to:[b.x+b.width, b.bottom]}};
- break;
- case "tr":
- st.left = st.bottom = "0";
- a = {width: E, height: E, points: {to:[b.right, b.y]}};
- break;
- }
-
-
- arguments.callee.anim = C.fxanim(a,
- o,
- 'motion',
- .5,
- "easeOut", D);
- });
- return this;
- },
-
-
-
- puff : function(o){
- var el = this.getFxEl();
- o = o || {};
-
- el.queueFx(o, function(){
- this.clearOpacity();
- this.show();
-
-
- var r = this.getFxRestore();
- var st = this.dom.style;
-
- var C = function(){
- if(o.useDisplay){
- el.setDisplayed(false);
- }else {
- el.hide();
- }
-
-
- el.clearOpacity();
-
- el.setPositioning(r.pos);
- st.width = r.width;
- st.height = r.height;
- st.fontSize = '';
- el.afterFx(o);
- };
-
- var D = this.getWidth();
- var E = this.getHeight();
-
- arguments.callee.anim = this.fxanim({
- width : {to: this.adjustWidth(D * 2)},
- height : {to: this.adjustHeight(E * 2)},
- points : {by: [-(D * .5), -(E * .5)]},
- opacity : {to: 0},
- fontSize: {to:200, unit: "%"}
- },
- o,
- 'motion',
- .5,
- "easeOut", C);
- });
- return this;
- },
-
-
-
- switchOff : function(o){
- var el = this.getFxEl();
- o = o || {};
-
- el.queueFx(o, function(){
- this.clearOpacity();
- this.clip();
-
-
- var r = this.getFxRestore();
- var st = this.dom.style;
-
- var C = function(){
- if(o.useDisplay){
- el.setDisplayed(false);
- }else {
- el.hide();
- }
-
-
- el.clearOpacity();
- el.setPositioning(r.pos);
- st.width = r.width;
- st.height = r.height;
-
- el.afterFx(o);
- };
-
- this.fxanim({opacity:{to:0.3}}, null, null, .1, null, function(){
- this.clearOpacity();
- (function(){
- this.fxanim({
- height:{to:1},
- points:{by:[0, this.getHeight() * .5]}
- }, o, 'motion', 0.3, 'easeIn', C);
- }).defer(100, this);
- });
- });
- return this;
- },
-
-
-
- highlight : function(C, o){
- var el = this.getFxEl();
- o = o || {};
-
- el.queueFx(o, function(){
- C = C || "ffff9c";
- attr = o.attr || "backgroundColor";
-
- this.clearOpacity();
- this.show();
-
- var D = this.getColor(attr);
- var E = this.dom.style[attr];
- endColor = (o.endColor || D) || "ffffff";
-
- var F = function(){
- el.dom.style[attr] = E;
- el.afterFx(o);
- };
-
- var a = {};
- a[attr] = {from: C, to: endColor};
- arguments.callee.anim = this.fxanim(a,
- o,
- 'color',
- 1,
- 'easeIn', F);
- });
- return this;
- },
-
-
-
- frame : function(D, E, o){
- var el = this.getFxEl();
- o = o || {};
-
- el.queueFx(o, function(){
- D = D || "#C3DAF9";
- if(D.length == 6){
- D = "#" + D;
- }
-
- E = E || 1;
- duration = o.duration || 1;
- this.show();
-
- var b = this.getBox();
- var F = function(){
- var G = this.createProxy({
-
- style:{
- visbility:"hidden",
- position:"absolute",
- "z-index":"35000",
- border:"0px solid " + D
- }
- });
- var H = Roo.isBorderBox ? 2 : 1;
- G.animate({
- top:{from:b.y, to:b.y - 20},
- left:{from:b.x, to:b.x - 20},
- borderWidth:{from:0, to:10},
- opacity:{from:1, to:0},
- height:{from:b.height, to:(b.height + (20*H))},
- width:{from:b.width, to:(b.width + (20*H))}
- }, duration, function(){
- G.remove();
- });
- if(--E > 0){
- F.defer((duration/2)*1000, this);
- }else {
- el.afterFx(o);
- }
- };
- F.call(this);
- });
- return this;
- },
-
-
-
- pause : function(F){
- var el = this.getFxEl();
- var o = {};
-
- el.queueFx(o, function(){
- setTimeout(function(){
- el.afterFx(o);
- }, F * 1000);
- });
- return this;
- },
-
-
-
- fadeIn : function(o){
- var el = this.getFxEl();
- o = o || {};
- el.queueFx(o, function(){
- this.setOpacity(0);
- this.fixDisplay();
- this.dom.style.visibility = 'visible';
- var to = o.endOpacity || 1;
- arguments.callee.anim = this.fxanim({opacity:{to:to}},
- o, null, .5, "easeOut", function(){
- if(to == 1){
- this.clearOpacity();
- }
-
- el.afterFx(o);
- });
- });
- return this;
- },
-
-
-
- fadeOut : function(o){
- var el = this.getFxEl();
- o = o || {};
- el.queueFx(o, function(){
- arguments.callee.anim = this.fxanim({opacity:{to:o.endOpacity || 0}},
- o, null, .5, "easeOut", function(){
- if(this.visibilityMode == Roo.Element.DISPLAY || o.useDisplay){
- this.dom.style.display = "none";
- }else {
- this.dom.style.visibility = "hidden";
- }
-
- this.clearOpacity();
- el.afterFx(o);
- });
- });
- return this;
- },
-
-
-
- scale : function(w, h, o){
- this.shift(Roo.apply({}, o, {
- width: w,
- height: h
- }));
- return this;
- },
-
-
-
- shift : function(o){
- var el = this.getFxEl();
- o = o || {};
- el.queueFx(o, function(){
- var a = {}, w = o.width, h = o.height, x = o.x, y = o.y, op = o.opacity;
- if(w !== undefined){
- a.width = {to: this.adjustWidth(w)};
- }
- if(h !== undefined){
- a.height = {to: this.adjustHeight(h)};
- }
- if(x !== undefined || y !== undefined){
- a.points = {to: [
- x !== undefined ? x : this.getX(),
- y !== undefined ? y : this.getY()
- ]};
- }
- if(op !== undefined){
- a.opacity = {to: op};
- }
- if(o.xy !== undefined){
- a.points = {to: o.xy};
- }
-
- arguments.callee.anim = this.fxanim(a,
- o, 'motion', .35, "easeOut", function(){
- el.afterFx(o);
- });
- });
- return this;
- },
-
-
-
- ghost : function(G, o){
- var el = this.getFxEl();
- o = o || {};
-
- el.queueFx(o, function(){
- G = G || "b";
-
-
- var r = this.getFxRestore();
- var w = this.getWidth(),
- h = this.getHeight();
-
- var st = this.dom.style;
-
- var H = function(){
- if(o.useDisplay){
- el.setDisplayed(false);
- }else {
- el.hide();
- }
-
-
- el.clearOpacity();
- el.setPositioning(r.pos);
- st.width = r.width;
- st.height = r.height;
-
- el.afterFx(o);
- };
-
- var a = {opacity: {to: 0}, points: {}}, pt = a.points;
- switch(G.toLowerCase()){
- case "t":
- pt.by = [0, -h];
- break;
- case "l":
- pt.by = [-w, 0];
- break;
- case "r":
- pt.by = [w, 0];
- break;
- case "b":
- pt.by = [0, h];
- break;
- case "tl":
- pt.by = [-w, -h];
- break;
- case "bl":
- pt.by = [-w, h];
- break;
- case "br":
- pt.by = [w, h];
- break;
- case "tr":
- pt.by = [w, -h];
- break;
- }
-
-
- arguments.callee.anim = this.fxanim(a,
- o,
- 'motion',
- .5,
- "easeOut", H);
- });
- return this;
- },
-
-
-
- syncFx : function(){
- this.fxDefaults = Roo.apply(this.fxDefaults || {}, {
- block : false,
- concurrent : true,
- stopFx : false
- });
- return this;
- },
-
-
-
- sequenceFx : function(){
- this.fxDefaults = Roo.apply(this.fxDefaults || {}, {
- block : false,
- concurrent : false,
- stopFx : false
- });
- return this;
- },
-
-
-
- nextFx : function(){
- var ef = this.fxQueue[0];
- if(ef){
- ef.call(this);
- }
- },
-
-
-
- hasActiveFx : function(){
- return this.fxQueue && this.fxQueue[0];
- },
-
-
-
- stopFx : function(){
- if(this.hasActiveFx()){
- var cur = this.fxQueue[0];
- if(cur && cur.anim && cur.anim.isAnimated()){
- this.fxQueue = [cur];
- cur.anim.stop(true);
- }
- }
- return this;
- },
-
-
-
- beforeFx : function(o){
- if(this.hasActiveFx() && !o.concurrent){
- if(o.stopFx){
- this.stopFx();
- return true;
- }
- return false;
- }
- return true;
- },
-
-
-
- hasFxBlock : function(){
- var q = this.fxQueue;
- return q && q[0] && q[0].block;
- },
-
-
-
- queueFx : function(o, fn){
- if(!this.fxQueue){
- this.fxQueue = [];
- }
- if(!this.hasFxBlock()){
- Roo.applyIf(o, this.fxDefaults);
- if(!o.concurrent){
- var run = this.beforeFx(o);
- fn.block = o.block;
- this.fxQueue.push(fn);
- if(run){
- this.nextFx();
- }
- }else {
- fn.call(this);
- }
- }
- return this;
- },
-
-
-
- fxWrap : function(H, o, I){
- var J;
- if(!o.wrap || !(J = Roo.get(o.wrap))){
- var wrapXY;
- if(o.fixPosition){
- wrapXY = this.getXY();
- }
- var div = document.createElement("div");
- div.style.visibility = I;
- J = Roo.get(this.dom.parentNode.insertBefore(div, this.dom));
- J.setPositioning(H);
- if(J.getStyle("position") == "static"){
- J.position("relative");
- }
-
- this.clearPositioning('auto');
- J.clip();
- J.dom.appendChild(this.dom);
- if(wrapXY){
- J.setXY(wrapXY);
- }
- }
- return J;
- },
-
-
-
- fxUnwrap : function(K, L, o){
- this.clearPositioning();
- this.setPositioning(L);
- if(!o.wrap){
- K.dom.parentNode.insertBefore(this.dom, K.dom);
- K.remove();
- }
- },
-
-
-
- getFxRestore : function(){
- var st = this.dom.style;
- return {pos: this.getPositioning(), width: st.width, height : st.height};
- },
-
-
-
- afterFx : function(o){
- if(o.afterStyle){
- this.applyStyles(o.afterStyle);
- }
- if(o.afterCls){
- this.addClass(o.afterCls);
- }
- if(o.remove === true){
- this.remove();
- }
-
- Roo.callback(o.callback, o.scope, [this]);
- if(!o.concurrent){
- this.fxQueue.shift();
- this.nextFx();
- }
- },
-
-
-
- getFxEl : function(){
- return Roo.get(this.dom);
- },
-
-
-
- fxanim : function(M, N, O, P, Q, cb){
- O = O || 'run';
- N = N || {};
- var R = Roo.lib.Anim[O](
- this.dom, M,
- (N.duration || P) || .35,
- (N.easing || Q) || 'easeOut',
- function(){
- Roo.callback(cb, this);
- },
- this
- );
- N.anim = R;
- return R;
- }
-};
-
-
-Roo.Fx.resize = Roo.Fx.scale;
-
-
-
-Roo.apply(Roo.Element.prototype, Roo.Fx);
-
-
-
-
-
-
-Roo.CompositeElement = function(A){
- this.elements = [];
- this.addElements(A);
-};
-Roo.CompositeElement.prototype = {
- isComposite: true,
- addElements : function(B){
- if(!B) return this;
- if(typeof B == "string"){
- B = Roo.Element.selectorFunction(B);
- }
- var C = this.elements;
- var D = C.length-1;
- for(var i = 0, len = B.length; i < len; i++) {
- C[++D] = Roo.get(B[i]);
- }
- return this;
- },
-
-
-
- fill : function(E){
- this.elements = [];
- this.add(E);
- return this;
- },
-
-
-
- filter : function(F){
- var G = [];
- this.each(function(el){
- if(el.is(F)){
- G[G.length] = el.dom;
- }
- });
- this.fill(G);
- return this;
- },
-
- invoke : function(fn, H){
- var I = this.elements;
- for(var i = 0, len = I.length; i < len; i++) {
- Roo.Element.prototype[fn].apply(I[i], H);
- }
- return this;
- },
-
-
- add : function(J){
- if(typeof J == "string"){
- this.addElements(Roo.Element.selectorFunction(J));
- }else if(J.length !== undefined){
- this.addElements(J);
- }else {
- this.addElements([J]);
- }
- return this;
- },
-
-
- each : function(fn, K){
- var L = this.elements;
- for(var i = 0, len = L.length; i < len; i++){
- if(fn.call(K || L[i], L[i], this, i) === false) {
- break;
- }
- }
- return this;
- },
-
-
-
- item : function(M){
- return this.elements[M] || null;
- },
-
-
-
- first : function(){
- return this.item(0);
- },
-
-
-
- last : function(){
- return this.item(this.elements.length-1);
- },
-
-
-
- getCount : function(){
- return this.elements.length;
- },
-
-
-
- contains : function(el){
- return this.indexOf(el) !== -1;
- },
-
-
-
- indexOf : function(el){
- return this.elements.indexOf(Roo.get(el));
- },
-
-
-
-
- removeElement : function(el, N){
- if(el instanceof Array){
- for(var i = 0, len = el.length; i < len; i++){
- this.removeElement(el[i]);
- }
- return this;
- }
- var O = typeof el == 'number' ? el : this.indexOf(el);
- if(O !== -1){
- if(N){
- var d = this.elements[O];
- if(d.dom){
- d.remove();
- }else {
- d.parentNode.removeChild(d);
- }
- }
-
- this.elements.splice(O, 1);
- }
- return this;
- },
-
-
-
- replaceElement : function(el, P, Q){
- var R = typeof el == 'number' ? el : this.indexOf(el);
- if(R !== -1){
- if(Q){
- this.elements[R].replaceWith(P);
- }else {
- this.elements.splice(R, 1, Roo.get(P))
- }
- }
- return this;
- },
-
-
-
- clear : function(){
- this.elements = [];
- }
-};
-(function(){
- Roo.CompositeElement.createCall = function(S, T){
- if(!S[T]){
- S[T] = function(){
- return this.invoke(T, arguments);
- };
- }
- };
- for(var fnName in Roo.Element.prototype){
- if(typeof Roo.Element.prototype[fnName] == "function"){
- Roo.CompositeElement.createCall(Roo.CompositeElement.prototype, fnName);
- }
- };
-})();
-
-
-
-
-
-
-Roo.CompositeElementLite = function(A){
- Roo.CompositeElementLite.superclass.constructor.call(this, A);
- this.el = new Roo.Element.Flyweight();
-};
-Roo.extend(Roo.CompositeElementLite, Roo.CompositeElement, {
- addElements : function(B){
- if(B){
- if(B instanceof Array){
- this.elements = this.elements.concat(B);
- }else {
- var yels = this.elements;
- var index = yels.length-1;
- for(var i = 0, len = B.length; i < len; i++) {
- yels[++index] = B[i];
- }
- }
- }
- return this;
- },
- invoke : function(fn, C){
- var D = this.elements;
- var el = this.el;
- for(var i = 0, len = D.length; i < len; i++) {
- el.dom = D[i];
- Roo.Element.prototype[fn].apply(el, C);
- }
- return this;
- },
-
-
- item : function(E){
- if(!this.elements[E]){
- return null;
- }
-
- this.el.dom = this.elements[E];
- return this.el;
- },
-
-
- addListener : function(F, G, H, I){
- var J = this.elements;
- for(var i = 0, len = J.length; i < len; i++) {
- Roo.EventManager.on(J[i], F, G, H || J[i], I);
- }
- return this;
- },
-
-
-
- each : function(fn, K){
- var L = this.elements;
- var el = this.el;
- for(var i = 0, len = L.length; i < len; i++){
- el.dom = L[i];
- if(fn.call(K || el, el, this, i) === false){
- break;
- }
- }
- return this;
- },
-
- indexOf : function(el){
- return this.elements.indexOf(Roo.getDom(el));
- },
-
- replaceElement : function(el, M, N){
- var O = typeof el == 'number' ? el : this.indexOf(el);
- if(O !== -1){
- M = Roo.getDom(M);
- if(N){
- var d = this.elements[O];
- d.parentNode.insertBefore(M, d);
- d.parentNode.removeChild(d);
- }
-
- this.elements.splice(O, 1, M);
- }
- return this;
- }
-});
-Roo.CompositeElementLite.prototype.on = Roo.CompositeElementLite.prototype.addListener;
-
-
-
-
-
-
-
-
-
-Roo.data.Connection = function(A){
- Roo.apply(this, A);
- this.addEvents({
-
-
- "beforerequest" : true,
-
-
- "requestcomplete" : true,
-
-
- "requestexception" : true
- });
- Roo.data.Connection.superclass.constructor.call(this);
-};
-
-Roo.extend(Roo.data.Connection, Roo.util.Observable, {
-
-
-
-
-
-
-
-
-
-
- timeout : 30000,
-
-
- autoAbort:false,
-
-
-
- disableCaching: true,
-
-
-
- request : function(o){
- if(this.fireEvent("beforerequest", this, o) !== false){
- var p = o.params;
-
- if(typeof p == "function"){
- p = p.call(o.scope||window, o);
- }
- if(typeof p == "object"){
- p = Roo.urlEncode(o.params);
- }
- if(this.extraParams){
- var extras = Roo.urlEncode(this.extraParams);
- p = p ? (p + '&' + extras) : extras;
- }
-
- var url = o.url || this.url;
- if(typeof url == 'function'){
- url = url.call(o.scope||window, o);
- }
-
- if(o.form){
- var form = Roo.getDom(o.form);
- url = url || form.action;
-
- var enctype = form.getAttribute("enctype");
- if(o.isUpload || (enctype && enctype.toLowerCase() == 'multipart/form-data')){
- return this.doFormUpload(o, p, url);
- }
- var f = Roo.lib.Ajax.serializeForm(form);
- p = p ? (p + '&' + f) : f;
- }
-
- var hs = o.headers;
- if(this.defaultHeaders){
- hs = Roo.apply(hs || {}, this.defaultHeaders);
- if(!o.headers){
- o.headers = hs;
- }
- }
-
- var cb = {
- success: this.handleResponse,
- failure: this.handleFailure,
- scope: this,
- argument: {options: o},
- timeout : this.timeout
- };
-
- var method = o.method||this.method||(p ? "POST" : "GET");
-
- if(method == 'GET' && (this.disableCaching && o.disableCaching !== false) || o.disableCaching === true){
- url += (url.indexOf('?') != -1 ? '&' : '?') + '_dc=' + (new Date().getTime());
- }
-
- if(typeof o.autoAbort == 'boolean'){
- if(o.autoAbort){
- this.abort();
- }
- }else if(this.autoAbort !== false){
- this.abort();
- }
-
- if((method == 'GET' && p) || o.xmlData){
- url += (url.indexOf('?') != -1 ? '&' : '?') + p;
- p = '';
- }
-
- this.transId = Roo.lib.Ajax.request(method, url, cb, p, o);
- return this.transId;
- }else {
- Roo.callback(o.callback, o.scope, [o, null, null]);
- return null;
- }
- },
-
-
-
- isLoading : function(B){
- if(B){
- return Roo.lib.Ajax.isCallInProgress(B);
- }else {
- return this.transId ? true : false;
- }
- },
-
-
-
- abort : function(C){
- if(C || this.isLoading()){
- Roo.lib.Ajax.abort(C || this.transId);
- }
- },
-
-
- handleResponse : function(D){
- this.transId = false;
- var E = D.argument.options;
- D.argument = E ? E.argument : null;
- this.fireEvent("requestcomplete", this, D, E);
- Roo.callback(E.success, E.scope, [D, E]);
- Roo.callback(E.callback, E.scope, [E, true, D]);
- },
-
-
- handleFailure : function(F, e){
- this.transId = false;
- var G = F.argument.options;
- F.argument = G ? G.argument : null;
- this.fireEvent("requestexception", this, F, G, e);
- Roo.callback(G.failure, G.scope, [F, G]);
- Roo.callback(G.callback, G.scope, [G, false, F]);
- },
-
-
- doFormUpload : function(o, ps, H){
- var id = Roo.id();
- var I = document.createElement('iframe');
- I.id = id;
- I.name = id;
- I.className = 'x-hidden';
- if(Roo.isIE){
- I.src = Roo.SSL_SECURE_URL;
- }
-
- document.body.appendChild(I);
-
- if(Roo.isIE){
- document.frames[id].name = id;
- }
-
- var J = Roo.getDom(o.form);
- J.target = id;
- J.method = 'POST';
- J.enctype = J.encoding = 'multipart/form-data';
- if(H){
- J.action = H;
- }
-
- var K, hd;
- if(ps){
- K = [];
- ps = Roo.urlDecode(ps, false);
- for(var k in ps){
- if(ps.hasOwnProperty(k)){
- hd = document.createElement('input');
- hd.type = 'hidden';
- hd.name = k;
- hd.value = ps[k];
- J.appendChild(hd);
- K.push(hd);
- }
- }
- }
-
- function cb(){
- var r = {
- responseText : '',
- responseXML : null
- };
-
- r.argument = o ? o.argument : null;
-
- try {
- var doc;
- if(Roo.isIE){
- doc = I.contentWindow.document;
- }else {
- doc = (I.contentDocument || window.frames[id].document);
- }
- if(doc && doc.body){
- r.responseText = doc.body.innerHTML;
- }
- if(doc && doc.XMLDocument){
- r.responseXML = doc.XMLDocument;
- }else {
- r.responseXML = doc;
- }
- }
- catch(e) {
-
- }
-
-
- Roo.EventManager.removeListener(I, 'load', cb, this);
-
- this.fireEvent("requestcomplete", this, r, o);
- Roo.callback(o.success, o.scope, [r, o]);
- Roo.callback(o.callback, o.scope, [o, true, r]);
-
- setTimeout(function(){document.body.removeChild(I);}, 100);
- }
-
-
- Roo.EventManager.on(I, 'load', cb, this);
- J.submit();
-
- if(K){
- for(var i = 0, len = K.length; i < len; i++){
- J.removeChild(K[i]);
- }
- }
- }
-});
-
-
-
-Roo.Ajax = new Roo.data.Connection({
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- autoAbort : false,
-
-
-
- serializeForm : function(L){
- return Roo.lib.Ajax.serializeForm(L);
- }
-});
-
-
-
-
-
-Roo.Ajax = new Roo.data.Connection({
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- autoAbort : false,
-
-
-
- serializeForm : function(A){
- return Roo.lib.Ajax.serializeForm(A);
- }
-});
-
-
-
-
-
-
-Roo.UpdateManager = function(el, A){
- el = Roo.get(el);
- if(!A && el.updateManager){
- return el.updateManager;
- }
-
-
-
- this.el = el;
-
-
- this.defaultUrl = null;
-
- this.addEvents({
-
-
- "beforeupdate": true,
-
-
- "update": true,
-
-
- "failure": true
- });
- var d = Roo.UpdateManager.defaults;
-
-
- this.sslBlankUrl = d.sslBlankUrl;
-
-
- this.disableCaching = d.disableCaching;
-
-
- this.indicatorText = d.indicatorText;
-
-
- this.showLoadIndicator = d.showLoadIndicator;
-
-
- this.timeout = d.timeout;
-
-
-
- this.loadScripts = d.loadScripts;
-
-
-
- this.transaction = null;
-
-
-
- this.autoRefreshProcId = null;
-
-
- this.refreshDelegate = this.refresh.createDelegate(this);
-
-
- this.updateDelegate = this.update.createDelegate(this);
-
-
- this.formUpdateDelegate = this.formUpdate.createDelegate(this);
-
-
- this.successDelegate = this.processSuccess.createDelegate(this);
-
-
- this.failureDelegate = this.processFailure.createDelegate(this);
-
- if(!this.renderer){
-
-
- this.renderer = new Roo.UpdateManager.BasicRenderer();
- }
-
-
- Roo.UpdateManager.superclass.constructor.call(this);
-};
-
-Roo.extend(Roo.UpdateManager, Roo.util.Observable, {
-
-
- getEl : function(){
- return this.el;
- },
-
-
- update : function(B, C, D, E){
- if(this.fireEvent("beforeupdate", this.el, B, C) !== false){
- var method = this.method, cfg;
- if(typeof B == "object"){
- cfg = B;
- B = cfg.url;
- C = C || cfg.params;
- D = D || cfg.callback;
- E = E || cfg.discardUrl;
- if(D && cfg.scope){
- D = D.createDelegate(cfg.scope);
- }
- if(typeof cfg.method != "undefined"){method = cfg.method;};
- if(typeof cfg.nocache != "undefined"){this.disableCaching = cfg.nocache;};
- if(typeof cfg.text != "undefined"){this.indicatorText = '<div class="loading-indicator">'+cfg.text+"</div>";};
- if(typeof cfg.scripts != "undefined"){this.loadScripts = cfg.scripts;};
- if(typeof cfg.timeout != "undefined"){this.timeout = cfg.timeout;};
- }
-
- this.showLoading();
- if(!E){
- this.defaultUrl = B;
- }
- if(typeof B == "function"){
- B = B.call(this);
- }
-
-
- method = method || (C ? "POST" : "GET");
- if(method == "GET"){
- B = this.prepareUrl(B);
- }
-
- var o = Roo.apply(cfg ||{}, {
- url : B,
- params: C,
- success: this.successDelegate,
- failure: this.failureDelegate,
- callback: undefined,
- timeout: (this.timeout*1000),
- argument: {"url": B, "form": null, "callback": D, "params": C}
- });
-
- this.transaction = Roo.Ajax.request(o);
- }
- },
-
-
-
- formUpdate : function(F, G, H, I){
- if(this.fireEvent("beforeupdate", this.el, F, G) !== false){
- if(typeof G == "function"){
- G = G.call(this);
- }
-
- F = Roo.getDom(F);
- this.transaction = Roo.Ajax.request({
- form: F,
- url:G,
- success: this.successDelegate,
- failure: this.failureDelegate,
- timeout: (this.timeout*1000),
- argument: {"url": G, "form": F, "callback": I, "reset": H}
- });
- this.showLoading.defer(1, this);
- }
- },
-
-
-
- refresh : function(J){
- if(this.defaultUrl == null){
- return;
- }
-
- this.update(this.defaultUrl, null, J, true);
- },
-
-
-
- startAutoRefresh : function(K, L, M, N, O){
- if(O){
- this.update(L || this.defaultUrl, M, N, true);
- }
- if(this.autoRefreshProcId){
- clearInterval(this.autoRefreshProcId);
- }
-
- this.autoRefreshProcId = setInterval(this.update.createDelegate(this, [L || this.defaultUrl, M, N, true]), K*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);
- }
- },
-
-
-
- prepareUrl : function(P){
- if(this.disableCaching){
- var append = "_dc=" + (new Date().getTime());
- if(P.indexOf("?") !== -1){
- P += "&" + append;
- }else {
- P += "?" + append;
- }
- }
- return P;
- },
-
-
-
- processSuccess : function(Q){
- this.transaction = null;
- if(Q.argument.form && Q.argument.reset){
- try{
- Q.argument.form.reset();
- }catch(e){}
- }
- if(this.loadScripts){
- this.renderer.render(this.el, Q, this,
- this.updateComplete.createDelegate(this, [Q]));
- }else {
- this.renderer.render(this.el, Q, this);
- this.updateComplete(Q);
- }
- },
-
- updateComplete : function(R){
- this.fireEvent("update", this.el, R);
- if(typeof R.argument.callback == "function"){
- R.argument.callback(this.el, true, R);
- }
- },
-
-
-
- processFailure : function(S){
- this.transaction = null;
- this.fireEvent("failure", this.el, S);
- if(typeof S.argument.callback == "function"){
- S.argument.callback(this.el, false, S);
- }
- },
-
-
-
- setRenderer : function(T){
- this.renderer = T;
- },
-
- getRenderer : function(){
- return this.renderer;
- },
-
-
-
- setDefaultUrl : function(U){
- this.defaultUrl = U;
- },
-
-
-
- abort : function(){
- if(this.transaction){
- Roo.Ajax.abort(this.transaction);
- }
- },
-
-
-
- isUpdating : function(){
- if(this.transaction){
- return Roo.Ajax.isLoading(this.transaction);
- }
- return false;
- }
-});
-
-
-
- Roo.UpdateManager.defaults = {
-
-
- timeout : 30,
-
-
-
- loadScripts : false,
-
-
-
- sslBlankUrl : (Roo.SSL_SECURE_URL || "javascript:false"),
-
-
- disableCaching : false,
-
-
- showLoadIndicator : true,
-
-
- indicatorText : '<div class="loading-indicator">Loading...</div>'
- };
-
-
-
-Roo.UpdateManager.updateElement = function(el, V, W, X){
- var um = Roo.get(el, true).getUpdateManager();
- Roo.apply(um, X);
- um.update(V, W, X ? X.callback : null);
-};
-
-Roo.UpdateManager.update = Roo.UpdateManager.updateElement;
-
-
-Roo.UpdateManager.BasicRenderer = function(){};
-
-Roo.UpdateManager.BasicRenderer.prototype = {
-
-
- render : function(el, Y, Z, a){
- el.update(Y.responseText, Z.loadScripts, a);
- }
-};
-
-
-
-
-
-
-Roo.util.DelayedTask = function(fn, A, B){
- var id = null, d, t;
-
- var C = function(){
- var D = new Date().getTime();
- if(D - t >= d){
- clearInterval(id);
- id = null;
- fn.apply(A, B || []);
- }
- };
-
-
- this.delay = function(D, E, F, G){
- if(id && D != d){
- this.cancel();
- }
-
- d = D;
- t = new Date().getTime();
- fn = E || fn;
- A = F || A;
- B = G || B;
- if(!id){
- id = setInterval(C, d);
- }
- };
-
-
-
- this.cancel = function(){
- if(id){
- clearInterval(id);
- id = null;
- }
- };
-};
-
-
-
-
-Roo.util.TaskRunner = function(A){
- A = A || 10;
- var B = [], C = [];
- var id = 0;
- var D = false;
-
- var E = function(){
- D = false;
- clearInterval(id);
- id = 0;
- };
-
- var F = function(){
- if(!D){
- D = true;
- id = setInterval(H, A);
- }
- };
-
- var G = function(I){
- C.push(I);
- if(I.onStop){
- I.onStop();
- }
- };
-
- var H = function(){
- if(C.length > 0){
- for(var i = 0, len = C.length; i < len; i++){
- B.remove(C[i]);
- }
-
- C = [];
- if(B.length < 1){
- E();
- return;
- }
- }
- var I = new Date().getTime();
- for(var i = 0, len = B.length; i < len; ++i){
- var t = B[i];
- var itime = I - t.taskRunTime;
- if(t.interval <= itime){
- var rt = t.run.apply(t.scope || t, t.args || [++t.taskRunCount]);
- t.taskRunTime = I;
- if(rt === false || t.taskRunCount === t.repeat){
- G(t);
- return;
- }
- }
- if(t.duration && t.duration <= (I - t.taskStartTime)){
- G(t);
- }
- }
- };
-
-
-
- this.start = function(I){
- B.push(I);
- I.taskStartTime = new Date().getTime();
- I.taskRunTime = 0;
- I.taskRunCount = 0;
- F();
- return I;
- };
-
- this.stop = function(I){
- G(I);
- return I;
- };
-
- this.stopAll = function(){
- E();
- for(var i = 0, len = B.length; i < len; i++){
- if(B[i].onStop){
- B[i].onStop();
- }
- }
-
- B = [];
- C = [];
- };
-};
-
-Roo.TaskMgr = new Roo.util.TaskRunner();
-
-
-
-
-
-
-Roo.util.MixedCollection = function(A, B){
- this.items = [];
- this.map = {};
- this.keys = [];
- this.length = 0;
- this.addEvents({
-
-
- "clear" : true,
-
-
- "add" : true,
-
-
- "replace" : true,
-
-
- "remove" : true,
- "sort" : true
- });
- this.allowFunctions = A === true;
- if(B){
- this.getKey = B;
- }
-
- Roo.util.MixedCollection.superclass.constructor.call(this);
-};
-
-Roo.extend(Roo.util.MixedCollection, Roo.util.Observable, {
- allowFunctions : false,
-
-
-
- add : function(C, o){
- if(arguments.length == 1){
- o = arguments[0];
- C = this.getKey(o);
- }
- if(typeof C == "undefined" || C === null){
- this.length++;
- this.items.push(o);
- this.keys.push(null);
- }else {
- var old = this.map[C];
- if(old){
- return this.replace(C, o);
- }
-
- this.length++;
- this.items.push(o);
- this.map[C] = o;
- this.keys.push(C);
- }
-
- this.fireEvent("add", this.length-1, o, C);
- return o;
- },
-
-
-
- getKey : function(o){
- return o.id;
- },
-
-
-
- replace : function(D, o){
- if(arguments.length == 1){
- o = arguments[0];
- D = this.getKey(o);
- }
- var E = this.item(D);
- if(typeof D == "undefined" || D === null || typeof E == "undefined"){
- return this.add(D, o);
- }
- var F = this.indexOfKey(D);
- this.items[F] = o;
- this.map[D] = o;
- this.fireEvent("replace", D, E, o);
- return o;
- },
-
-
-
- addAll : function(G){
- if(arguments.length > 1 || G instanceof Array){
- var args = arguments.length > 1 ? arguments : G;
- for(var i = 0, len = args.length; i < len; i++){
- this.add(args[i]);
- }
- }else {
- for(var D in G){
- if(this.allowFunctions || typeof G[D] != "function"){
- this.add(D, G[D]);
- }
- }
- }
- },
-
-
-
- each : function(fn, H){
- var I = [].concat(this.items);
- for(var i = 0, len = I.length; i < len; i++){
- if(fn.call(H || I[i], I[i], i, len) === false){
- break;
- }
- }
- },
-
-
-
- eachKey : function(fn, J){
- for(var i = 0, len = this.keys.length; i < len; i++){
- fn.call(J || window, this.keys[i], this.items[i], i, len);
- }
- },
-
-
-
- find : function(fn, K){
- for(var i = 0, len = this.items.length; i < len; i++){
- if(fn.call(K || window, this.items[i], this.keys[i])){
- return this.items[i];
- }
- }
- return null;
- },
-
-
-
- insert : function(L, M, o){
- if(arguments.length == 2){
- o = arguments[1];
- M = this.getKey(o);
- }
- if(L >= this.length){
- return this.add(M, o);
- }
-
- this.length++;
- this.items.splice(L, 0, o);
- if(typeof M != "undefined" && M != null){
- this.map[M] = o;
- }
-
- this.keys.splice(L, 0, M);
- this.fireEvent("add", L, o, M);
- return o;
- },
-
-
-
- remove : function(o){
- return this.removeAt(this.indexOf(o));
- },
-
-
-
- removeAt : function(N){
- if(N < this.length && N >= 0){
- this.length--;
- var o = this.items[N];
- this.items.splice(N, 1);
- var M = this.keys[N];
- if(typeof M != "undefined"){
- delete this.map[M];
- }
-
- this.keys.splice(N, 1);
- this.fireEvent("remove", o, M);
- }
- },
-
-
-
- removeKey : function(O){
- return this.removeAt(this.indexOfKey(O));
- },
-
-
-
- getCount : function(){
- return this.length;
- },
-
-
-
- indexOf : function(o){
- if(!this.items.indexOf){
- for(var i = 0, len = this.items.length; i < len; i++){
- if(this.items[i] == o) return i;
- }
- return -1;
- }else {
- return this.items.indexOf(o);
- }
- },
-
-
-
- indexOfKey : function(P){
- if(!this.keys.indexOf){
- for(var i = 0, len = this.keys.length; i < len; i++){
- if(this.keys[i] == P) return i;
- }
- return -1;
- }else {
- return this.keys.indexOf(P);
- }
- },
-
-
-
- item : function(Q){
- var R = typeof this.map[Q] != "undefined" ? this.map[Q] : this.items[Q];
- return typeof R != 'function' || this.allowFunctions ? R : null;
- },
-
-
-
- itemAt : function(S){
- return this.items[S];
- },
-
-
-
- key : function(T){
- return this.map[T];
- },
-
-
-
- contains : function(o){
- return this.indexOf(o) != -1;
- },
-
-
-
- containsKey : function(U){
- return typeof this.map[U] != "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(V, W, fn){
- var X = String(W).toUpperCase() == "DESC" ? -1 : 1;
- fn = fn || function(a, b){
- return a-b;
- };
- var c = [], k = this.keys, Y = this.items;
- for(var i = 0, len = Y.length; i < len; i++){
- c[c.length] = {key: k[i], value: Y[i], index: i};
- }
-
- c.sort(function(a, b){
- var v = fn(a[V], b[V]) * X;
- if(v == 0){
- v = (a.index < b.index ? -1 : 1);
- }
- return v;
- });
- for(var i = 0, len = c.length; i < len; i++){
- Y[i] = c[i].value;
- k[i] = c[i].key;
- }
-
- this.fireEvent("sort", this);
- },
-
-
-
- sort : function(Z, fn){
- this._sort("value", Z, fn);
- },
-
-
-
- keySort : function(a, fn){
- this._sort("key", a, fn || function(a, b){
- return String(a).toUpperCase()-String(b).toUpperCase();
- });
- },
-
-
-
- getRange : function(b, d){
- var e = this.items;
- if(e.length < 1){
- return [];
- }
-
- b = b || 0;
- d = Math.min(typeof d == "undefined" ? this.length-1 : d, this.length-1);
- var r = [];
- if(b <= d){
- for(var i = b; i <= d; i++) {
- r[r.length] = e[i];
- }
- }else {
- for(var i = b; i >= d; i--) {
- r[r.length] = e[i];
- }
- }
- return r;
- },
-
-
-
- filter : function(f, g){
- if(!g.exec){
- g = String(g);
- if(g.length == 0){
- return this.clone();
- }
-
- g = new RegExp("^" + Roo.escapeRe(g), "i");
- }
- return this.filterBy(function(o){
- return o && g.test(o[f]);
- });
- },
-
-
-
- filterBy : function(fn, h){
- var r = new Roo.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(h||this, it[i], k[i])){
- r.add(k[i], it[i]);
- }
- }
- return r;
- },
-
-
-
- clone : function(){
- var r = new Roo.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;
- }
-});
-
-
-Roo.util.MixedCollection.prototype.get = Roo.util.MixedCollection.prototype.item;
-
-
-
-
-Roo.util.JSON = new (function(){
- var useHasOwn = {}.hasOwnProperty ? true : false;
-
-
-
-
- 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" : Roo.util.JSON.encode(v));
- b = true;
- }
- }
-
- a.push("]");
- return a.join("");
- };
-
- var 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(o instanceof Array){
- return encodeArray(o);
- }else if(o instanceof Date){
- return 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 + ')');
- };
-})();
-
-
-Roo.encode = Roo.util.JSON.encode;
-
-
-Roo.decode = Roo.util.JSON.decode;
-
-
-
-
-
-
-Roo.util.Format = function(){
- var A = /^\s+|\s+$/g;
- return {
-
-
- ellipsis : function(R, S){
- if(R && R.length > S){
- return R.substr(0, S-3)+"...";
- }
- return R;
- },
-
-
-
- undef : function(T){
- return typeof T != "undefined" ? T : "";
- },
-
-
-
- htmlEncode : function(U){
- return !U ? U : String(U).replace(/&/g, "&").replace(/>/g, ">").replace(/</g, "<").replace(/"/g, """);
- },
-
-
-
- htmlDecode : function(V){
- return !V ? V : String(V).replace(/&/g, "&").replace(/>/g, ">").replace(/</g, "<").replace(/"/g, '"');
- },
-
-
-
- trim : function(W){
- return String(W).replace(A, "");
- },
-
-
-
- substr : function(X, Y, Z){
- return String(X).substr(Y, Z);
- },
-
-
-
- lowercase : function(a){
- return String(a).toLowerCase();
- },
-
-
-
- uppercase : function(b){
- return String(b).toUpperCase();
- },
-
-
-
- capitalize : function(c){
- return !c ? c : c.charAt(0).toUpperCase() + c.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 d = ps[0];
- var e = ps[1] ? '.'+ ps[1] : '.00';
- var r = /(\d+)(\d{3})/;
- while (r.test(d)) {
- d = d.replace(r, '$1' + ',' + '$2');
- }
- return "$" + d + e ;
- },
-
-
-
- date : function(v, f){
- if(!v){
- return "";
- }
- if(!(v instanceof Date)){
- v = new Date(Date.parse(v));
- }
- return v.dateFormat(f || "m/d/Y");
- },
-
-
-
- dateRenderer : function(g){
- return function(v){
- return Roo.util.Format.date(v, g);
- };
- },
-
-
- stripTagsRE : /<\/?[^>]+>/gi,
-
-
-
- stripTags : function(v){
- return !v ? v : String(v).replace(this.stripTagsRE, "");
- }
- };
-}();
-
-
-
-
-
-
-
-
-Roo.MasterTemplate = function(){
- Roo.MasterTemplate.superclass.constructor.apply(this, arguments);
- this.originalHtml = this.html;
- var st = {};
- var m, re = this.subTemplateRe;
- re.lastIndex = 0;
- var A = 0;
- while(m = re.exec(this.html)){
- var name = m[1], content = m[2];
- st[A] = {
- name: name,
- index: A,
- buffer: [],
- tpl : new Roo.Template(content)
- };
- if(name){
- st[name] = st[A];
- }
-
- st[A].tpl.compile();
- st[A].tpl.call = this.call.createDelegate(this);
- A++;
- }
-
- this.subCount = A;
- this.subs = st;
-};
-Roo.extend(Roo.MasterTemplate, Roo.Template, {
-
-
- subTemplateRe : /<tpl(?:\sname="([\w-]+)")?>((?:.|\n)*?)<\/tpl>/gi,
-
-
-
- add : function(B, C){
- if(arguments.length == 1){
- C = arguments[0];
- B = 0;
- }
- var s = this.subs[B];
- s.buffer[s.buffer.length] = s.tpl.apply(C);
- return this;
- },
-
-
-
- fill : function(D, E, F){
- var a = arguments;
- if(a.length == 1 || (a.length == 2 && typeof a[1] == "boolean")){
- E = a[0];
- D = 0;
- F = a[1];
- }
- if(F){
- this.reset();
- }
- for(var i = 0, len = E.length; i < len; i++){
- this.add(D, E[i]);
- }
- return this;
- },
-
-
-
- reset : function(){
- var s = this.subs;
- for(var i = 0; i < this.subCount; i++){
- s[i].buffer = [];
- }
- return this;
- },
-
- applyTemplate : function(G){
- var s = this.subs;
- var H = -1;
- this.html = this.originalHtml.replace(this.subTemplateRe, function(m, I){
- return s[++H].buffer.join("");
- });
- return Roo.MasterTemplate.superclass.applyTemplate.call(this, G);
- },
-
- apply : function(){
- return this.applyTemplate.apply(this, arguments);
- },
-
- compile : function(){return this;}
-});
-
-
-
-Roo.MasterTemplate.prototype.addAll = Roo.MasterTemplate.prototype.fill;
-
-
-Roo.MasterTemplate.from = function(el, I){
- el = Roo.getDom(el);
- return new Roo.MasterTemplate(el.value || el.innerHTML, I || '');
-};
-
-
-
-
-
-
-Roo.util.CSS = function(){
- var A = null;
- var B = document;
-
- var C = /(-[a-z])/gi;
- var D = function(m, a){ return a.charAt(1).toUpperCase(); };
-
- return {
-
-
- createStyleSheet : function(Q, id){
- var ss;
- var R = B.getElementsByTagName("head")[0];
- var S = B.createElement("style");
- S.setAttribute("type", "text/css");
- if(id){
- S.setAttribute("id", id);
- }
- if (typeof(Q) != 'string') {
-
-
-
-
- var cssTextNew = [];
- for(var n in Q) {
- var citems = [];
- for(var k in Q[n]) {
- citems.push( k + ' : ' +Q[n][k] + ';' );
- }
-
- cssTextNew.push( n + ' { ' + citems.join(' ') + '} ');
-
- }
-
- Q = cssTextNew.join("\n");
-
- }
-
-
- if(Roo.isIE){
- R.appendChild(S);
- ss = S.styleSheet;
- ss.cssText = Q;
- }else {
- try{
- S.appendChild(B.createTextNode(Q));
- }catch(e){
- S.cssText = Q;
- }
-
- R.appendChild(S);
- ss = S.styleSheet ? S.styleSheet : (S.sheet || B.styleSheets[B.styleSheets.length-1]);
- }
-
- this.cacheStyleSheet(ss);
- return ss;
- },
-
-
-
- removeStyleSheet : function(id){
- var T = B.getElementById(id);
- if(T){
- T.parentNode.removeChild(T);
- }
- },
-
-
-
- swapStyleSheet : function(id, U){
- this.removeStyleSheet(id);
- var ss = B.createElement("link");
- ss.setAttribute("rel", "stylesheet");
- ss.setAttribute("type", "text/css");
- ss.setAttribute("id", id);
- ss.setAttribute("href", U);
- B.getElementsByTagName("head")[0].appendChild(ss);
- },
-
-
-
- refreshCache : function(){
- return this.getRules(true);
- },
-
-
- cacheStyleSheet : function(V){
- if(!A){
- A = {};
- }
- try{
- var ssRules = V.cssRules || V.rules;
- for(var j = ssRules.length-1; j >= 0; --j){
- A[ssRules[j].selectorText] = ssRules[j];
- }
- }catch(e){}
- },
-
-
-
- getRules : function(W){
- if(A == null || W){
- A = {};
- var ds = B.styleSheets;
- for(var i =0, len = ds.length; i < len; i++){
- try{
- this.cacheStyleSheet(ds[i]);
- }catch(e){}
- }
- }
- return A;
- },
-
-
-
- getRule : function(X, Y){
- var rs = this.getRules(Y);
- if(!(X instanceof Array)){
- return rs[X];
- }
- for(var i = 0; i < X.length; i++){
- if(rs[X[i]]){
- return rs[X[i]];
- }
- }
- return null;
- },
-
-
-
-
- updateRule : function(Z, a, b){
- if(!(Z instanceof Array)){
- var rule = this.getRule(Z);
- if(rule){
- rule.style[a.replace(C, D)] = b;
- return true;
- }
- }else {
- for(var i = 0; i < Z.length; i++){
- if(this.updateRule(Z[i], a, b)){
- return true;
- }
- }
- }
- return false;
- }
- };
-}();
-
-
-
-
-
-
-
-Roo.util.ClickRepeater = function(el, A)
-{
- this.el = Roo.get(el);
- this.el.unselectable();
-
- Roo.apply(this, A);
-
- this.addEvents({
-
-
- "mousedown" : true,
-
-
- "click" : true,
-
-
- "mouseup" : true
- });
-
- this.el.on("mousedown", this.handleMouseDown, this);
- if(this.preventDefault || this.stopDefault){
- this.el.on("click", function(e){
- if(this.preventDefault){
- e.preventDefault();
- }
- if(this.stopDefault){
- e.stopEvent();
- }
- }, this);
- }
-
-
- if(this.handler){
- this.on("click", this.handler, this.scope || this);
- }
-
-
- Roo.util.ClickRepeater.superclass.constructor.call(this);
-};
-
-Roo.extend(Roo.util.ClickRepeater, Roo.util.Observable, {
- interval : 20,
- delay: 250,
- preventDefault : true,
- stopDefault : false,
- timer : 0,
-
-
- handleMouseDown : function(){
- clearTimeout(this.timer);
- this.el.blur();
- if(this.pressClass){
- this.el.addClass(this.pressClass);
- }
-
- this.mousedownTime = new Date();
-
- Roo.get(document).on("mouseup", this.handleMouseUp, this);
- this.el.on("mouseout", this.handleMouseOut, this);
-
- this.fireEvent("mousedown", this);
- this.fireEvent("click", this);
-
- this.timer = this.click.defer(this.delay || this.interval, this);
- },
-
-
- click : function(){
- this.fireEvent("click", this);
- this.timer = this.click.defer(this.getInterval(), this);
- },
-
-
- getInterval: function(){
- if(!this.accelerate){
- return this.interval;
- }
- var B = this.mousedownTime.getElapsed();
- if(B < 500){
- return 400;
- }else if(B < 1700){
- return 320;
- }else if(B < 2600){
- return 250;
- }else if(B < 3500){
- return 180;
- }else if(B < 4400){
- return 140;
- }else if(B < 5300){
- return 80;
- }else if(B < 6200){
- return 50;
- }else {
- return 10;
- }
- },
-
-
- handleMouseOut : function(){
- clearTimeout(this.timer);
- if(this.pressClass){
- this.el.removeClass(this.pressClass);
- }
-
- this.el.on("mouseover", this.handleMouseReturn, this);
- },
-
-
- handleMouseReturn : function(){
- this.el.un("mouseover", this.handleMouseReturn);
- if(this.pressClass){
- this.el.addClass(this.pressClass);
- }
-
- this.click();
- },
-
-
- handleMouseUp : function(){
- clearTimeout(this.timer);
- this.el.un("mouseover", this.handleMouseReturn);
- this.el.un("mouseout", this.handleMouseOut);
- Roo.get(document).un("mouseup", this.handleMouseUp);
- this.el.removeClass(this.pressClass);
- this.fireEvent("mouseup", this);
- }
-});
-
-
-
-
-
-
-Roo.KeyNav = function(el, A){
- this.el = Roo.get(el);
- Roo.apply(this, A);
- if(!this.disabled){
- this.disabled = true;
- this.enable();
- }
-};
-
-Roo.KeyNav.prototype = {
-
-
- disabled : false,
-
-
- defaultEventAction: "stopEvent",
-
-
- forceKeyDown : false,
-
-
- prepareEvent : function(e){
- var k = e.getKey();
- var h = this.keyToHandler[k];
-
-
-
- if(Roo.isSafari && h && k >= 37 && k <= 40){
- e.stopEvent();
- }
- },
-
-
- relay : function(e){
- var k = e.getKey();
- var h = this.keyToHandler[k];
- if(h && this[h]){
- if(this.doRelay(e, this[h], h) !== true){
- e[this.defaultEventAction]();
- }
- }
- },
-
-
- doRelay : function(e, h, B){
- return h.call(this.scope || this, e);
- },
-
-
- enter : false,
- left : false,
- right : false,
- up : false,
- down : false,
- tab : false,
- esc : false,
- pageUp : false,
- pageDown : false,
- del : false,
- home : false,
- end : false,
-
-
- keyToHandler : {
- 37 : "left",
- 39 : "right",
- 38 : "up",
- 40 : "down",
- 33 : "pageUp",
- 34 : "pageDown",
- 46 : "del",
- 36 : "home",
- 35 : "end",
- 13 : "enter",
- 27 : "esc",
- 9 : "tab"
- },
-
-
-
- enable: function(){
- if(this.disabled){
-
-
- if(this.forceKeyDown || Roo.isIE || Roo.isAir){
- this.el.on("keydown", this.relay, this);
- }else {
- this.el.on("keydown", this.prepareEvent, this);
- this.el.on("keypress", this.relay, this);
- }
-
- this.disabled = false;
- }
- },
-
-
-
- disable: function(){
- if(!this.disabled){
- if(this.forceKeyDown || Roo.isIE || Roo.isAir){
- this.el.un("keydown", this.relay);
- }else {
- this.el.un("keydown", this.prepareEvent);
- this.el.un("keypress", this.relay);
- }
-
- this.disabled = true;
- }
- }
-};
-
-
-
-
-
-
-Roo.KeyMap = function(el, A, B){
- this.el = Roo.get(el);
- this.eventName = B || "keydown";
- this.bindings = [];
- if(A){
- this.addBinding(A);
- }
-
- this.enable();
-};
-
-Roo.KeyMap.prototype = {
-
-
- stopEvent : false,
-
-
-
- addBinding : function(C){
- if(C instanceof Array){
- for(var i = 0, len = C.length; i < len; i++){
- this.addBinding(C[i]);
- }
- return;
- }
- var D = C.key,
- E = C.shift,
- F = C.ctrl,
- G = C.alt,
- fn = C.fn,
- H = C.scope;
- if(typeof D == "string"){
- var ks = [];
- var keyString = D.toUpperCase();
- for(var j = 0, len = keyString.length; j < len; j++){
- ks.push(keyString.charCodeAt(j));
- }
-
- D = ks;
- }
- var I = D instanceof Array;
- var J = function(e){
- if((!E || e.shiftKey) && (!F || e.ctrlKey) && (!G || e.altKey)){
- var k = e.getKey();
- if(I){
- for(var i = 0, len = D.length; i < len; i++){
- if(D[i] == k){
- if(this.stopEvent){
- e.stopEvent();
- }
-
- fn.call(H || window, k, e);
- return;
- }
- }
- }else {
- if(k == D){
- if(this.stopEvent){
- e.stopEvent();
- }
-
- fn.call(H || window, k, e);
- }
- }
- }
- };
- this.bindings.push(J);
- },
-
-
-
- on : function(K, fn, L){
- var M, N, O, P;
- if(typeof K == "object" && !(K instanceof Array)){
- M = K.key;
- N = K.shift;
- O = K.ctrl;
- P = K.alt;
- }else {
- M = K;
- }
-
- this.addBinding({
- key: M,
- shift: N,
- ctrl: O,
- alt: P,
- fn: fn,
- scope: L
- })
- },
-
-
- handleKeyDown : function(e){
- if(this.enabled){
- var b = this.bindings;
- for(var i = 0, len = b.length; i < len; i++){
- b[i].call(this, e);
- }
- }
- },
-
-
-
- isEnabled : function(){
- return this.enabled;
- },
-
-
-
- enable: function(){
- if(!this.enabled){
- this.el.on(this.eventName, this.handleKeyDown, this);
- this.enabled = true;
- }
- },
-
-
-
- disable: function(){
- if(this.enabled){
- this.el.removeListener(this.eventName, this.handleKeyDown, this);
- this.enabled = false;
- }
- }
-};
-
-
-
-
-
-
-Roo.util.TextMetrics = function(){
- var A;
- return {
-
-
- measure : function(el, E, F){
- if(!A){
- A = Roo.util.TextMetrics.Instance(el, F);
- }
-
- A.bind(el);
- A.setFixedWidth(F || 'auto');
- return A.getSize(E);
- },
-
-
-
- createInstance : function(el, G){
- return Roo.util.TextMetrics.Instance(el, G);
- }
- };
-}();
-
-
-
-Roo.util.TextMetrics.Instance = function(B, C){
- var ml = new Roo.Element(document.createElement('div'));
- document.body.appendChild(ml.dom);
- ml.position('absolute');
- ml.setLeftTop(-1000, -1000);
- ml.hide();
-
- if(C){
- ml.setWidth(C);
- }
-
- var D = {
-
-
- getSize : function(E){
- ml.update(E);
- var s = ml.getSize();
- ml.update('');
- return s;
- },
-
-
-
- bind : function(el){
- ml.setStyle(
- Roo.fly(el).getStyles('font-size','font-style', 'font-weight', 'font-family','line-height')
- );
- },
-
-
-
- setFixedWidth : function(F){
- ml.setWidth(F);
- },
-
-
-
- getWidth : function(G){
- ml.dom.style.width = 'auto';
- return this.getSize(G).width;
- },
-
-
-
- getHeight : function(H){
- return this.getSize(H).height;
- }
- };
-
- D.bind(B);
-
- return D;
-};
-
-
-Roo.Element.measureText = Roo.util.TextMetrics.measure;
-
-
-
-
-
-Roo.state.Provider = function(){
-
-
- this.addEvents({
- "statechange": true
- });
- this.state = {};
- Roo.state.Provider.superclass.constructor.call(this);
-};
-Roo.extend(Roo.state.Provider, Roo.util.Observable, {
-
-
- get : function(A, B){
- return typeof this.state[A] == "undefined" ?
- B : this.state[A];
- },
-
-
-
- clear : function(C){
- delete this.state[C];
- this.fireEvent("statechange", this, C, null);
- },
-
-
-
- set : function(D, E){
- this.state[D] = E;
- this.fireEvent("statechange", this, D, E);
- },
-
-
-
- decodeValue : function(F){
- var re = /^(a|n|d|b|s|o)\:(.*)$/;
- var G = re.exec(unescape(F));
- if(!G || !G[1]) return;
- var H = G[1];
- var v = G[2];
- switch(H){
- case "n":
- return parseFloat(v);
- case "d":
- return new Date(Date.parse(v));
- case "b":
- return (v == "1");
- case "a":
- var all = [];
- var values = v.split("^");
- for(var i = 0, len = values.length; i < len; i++){
- all.push(this.decodeValue(values[i]));
- }
- return all;
- case "o":
- var all = {};
- var values = v.split("^");
- for(var i = 0, len = values.length; i < len; i++){
- var kv = values[i].split("=");
- all[kv[0]] = this.decodeValue(kv[1]);
- }
- return all;
- default:
- return v;
- }
- },
-
-
-
- encodeValue : function(v){
- var I;
- if(typeof v == "number"){
- I = "n:" + v;
- }else if(typeof v == "boolean"){
- I = "b:" + (v ? "1" : "0");
- }else if(v instanceof Date){
- I = "d:" + v.toGMTString();
- }else if(v instanceof Array){
- var flat = "";
- for(var i = 0, len = v.length; i < len; i++){
- flat += this.encodeValue(v[i]);
- if(i != len-1) flat += "^";
- }
-
- I = "a:" + flat;
- }else if(typeof v == "object"){
- var flat = "";
- for(var key in v){
- if(typeof v[key] != "function"){
- flat += key + "=" + this.encodeValue(v[key]) + "^";
- }
- }
-
- I = "o:" + flat.substring(0, flat.length-1);
- }else {
- I = "s:" + v;
- }
- return escape(I);
- }
-});
-
-
-
-
-
-
-Roo.state.Manager = function(){
- var A = new Roo.state.Provider();
-
- return {
-
-
- setProvider : function(H){
- A = H;
- },
-
-
-
- get : function(I, J){
- return A.get(I, J);
- },
-
-
-
- set : function(K, L){
- A.set(K, L);
- },
-
-
-
- clear : function(M){
- A.clear(M);
- },
-
-
-
- getProvider : function(){
- return A;
- }
- };
-}();
-
-
-
-
-
-Roo.state.CookieProvider = function(A){
- Roo.state.CookieProvider.superclass.constructor.call(this);
- this.path = "/";
- this.expires = new Date(new Date().getTime()+(1000*60*60*24*7));
- this.domain = null;
- this.secure = false;
- Roo.apply(this, A);
- this.state = this.readCookies();
-};
-
-Roo.extend(Roo.state.CookieProvider, Roo.state.Provider, {
-
- set : function(B, C){
- if(typeof C == "undefined" || C === null){
- this.clear(B);
- return;
- }
-
- this.setCookie(B, C);
- Roo.state.CookieProvider.superclass.set.call(this, B, C);
- },
-
-
- clear : function(D){
- this.clearCookie(D);
- Roo.state.CookieProvider.superclass.clear.call(this, D);
- },
-
-
- readCookies : function(){
- var E = {};
- var c = document.cookie + ";";
- var re = /\s?(.*?)=(.*?);/g;
- var F;
- while((F = re.exec(c)) != null){
- var D = F[1];
- var C = F[2];
- if(D && D.substring(0,3) == "ys-"){
- E[D.substr(3)] = this.decodeValue(C);
- }
- }
- return E;
- },
-
-
- setCookie : function(G, H){
- document.cookie = "ys-"+ G + "=" + this.encodeValue(H) +
- ((this.expires == null) ? "" : ("; expires=" + this.expires.toGMTString())) +
- ((this.path == null) ? "" : ("; path=" + this.path)) +
- ((this.domain == null) ? "" : ("; domain=" + this.domain)) +
- ((this.secure == true) ? "; secure" : "");
- },
-
-
- clearCookie : function(I){
- document.cookie = "ys-" + I + "=null; expires=Thu, 01-Jan-70 00:00:01 GMT" +
- ((this.path == null) ? "" : ("; path=" + this.path)) +
- ((this.domain == null) ? "" : ("; domain=" + this.domain)) +
- ((this.secure == true) ? "; secure" : "");
- }
-});
-
-
-
-
-
-
-
-
-(function() {
-
-var A=Roo.EventManager;
-var B=Roo.lib.Dom;
-
-
-
-Roo.dd.DragDrop = function(id, C, D) {
- if (id) {
- this.init(id, C, D);
- }
-};
-
-Roo.dd.DragDrop.prototype = {
-
-
-
- id: null,
-
-
-
- config: null,
-
-
-
- dragElId: null,
-
-
-
- handleElId: null,
-
-
-
- invalidHandleTypes: null,
-
-
-
- invalidHandleIds: null,
-
-
-
- invalidHandleClasses: null,
-
-
-
- startPageX: 0,
-
-
-
- startPageY: 0,
-
-
-
- groups: null,
-
-
-
- locked: false,
-
-
-
- lock: function() { this.locked = true; },
-
-
-
- unlock: function() { this.locked = false; },
-
-
-
- isTarget: true,
-
-
-
- padding: null,
-
-
-
- _domRef: null,
-
-
-
- __ygDragDrop: true,
-
-
-
- constrainX: false,
-
-
-
- constrainY: false,
-
-
-
- minX: 0,
-
-
-
- maxX: 0,
-
-
-
- minY: 0,
-
-
-
- maxY: 0,
-
-
-
- maintainOffset: false,
-
-
-
- xTicks: null,
-
-
-
- yTicks: null,
-
-
-
- primaryButtonOnly: true,
-
-
-
- available: false,
-
-
-
- hasOuterHandles: false,
-
-
-
- b4StartDrag: function(x, y) { },
-
-
-
- startDrag: function(x, y) {
- },
-
-
-
- b4Drag: function(e) { },
-
-
-
- onDrag: function(e) {
- },
-
-
-
- onDragEnter: function(e, id) {
- },
-
-
-
- b4DragOver: function(e) { },
-
-
-
- onDragOver: function(e, id) {
- },
-
-
-
- b4DragOut: function(e) { },
-
-
-
- onDragOut: function(e, id) {
- },
-
-
-
- b4DragDrop: function(e) { },
-
-
-
- onDragDrop: function(e, id) {
- },
-
-
-
- onInvalidDrop: function(e) {
- },
-
-
-
- b4EndDrag: function(e) { },
-
-
-
- endDrag: function(e) {
- },
-
-
-
- b4MouseDown: function(e) { },
-
-
-
- onMouseDown: function(e) {
- },
-
-
-
- onMouseUp: function(e) {
- },
-
-
-
- onAvailable: function () {
- },
-
-
-
- defaultPadding : {left:0, right:0, top:0, bottom:0},
-
-
-
- constrainTo : function(C, D, E){
- if(typeof D == "number"){
- D = {left: D, right:D, top:D, bottom:D};
- }
-
- D = D || this.defaultPadding;
- var b = Roo.get(this.getEl()).getBox();
- var ce = Roo.get(C);
- var s = ce.getScroll();
- var c, cd = ce.dom;
- if(cd == document.body){
- c = { x: s.left, y: s.top, width: Roo.lib.Dom.getViewWidth(), height: Roo.lib.Dom.getViewHeight()};
- }else {
- xy = ce.getXY();
- c = {x : xy[0]+s.left, y: xy[1]+s.top, width: cd.clientWidth, height: cd.clientHeight};
- }
-
-
- var F = b.y - c.y;
- var G = b.x - c.x;
-
- this.resetConstraints();
- this.setXConstraint(G - (D.left||0),
- c.width - G - b.width - (D.right||0)
- );
- this.setYConstraint(F - (D.top||0),
- c.height - F - b.height - (D.bottom||0)
- );
- },
-
-
-
- getEl: function() {
- if (!this._domRef) {
- this._domRef = Roo.getDom(this.id);
- }
-
- return this._domRef;
- },
-
-
-
- getDragEl: function() {
- return Roo.getDom(this.dragElId);
- },
-
-
-
- init: function(id, H, I) {
- this.initTarget(id, H, I);
- A.on(this.id, "mousedown", this.handleMouseDown, this);
-
- },
-
-
-
- initTarget: function(id, J, K) {
-
-
- this.config = K || {};
-
-
- this.DDM = Roo.dd.DDM;
-
- this.groups = {};
-
-
-
- if (typeof id !== "string") {
- id = Roo.id(id);
- }
-
-
-
- this.id = id;
-
-
- this.addToGroup((J) ? J : "default");
-
-
-
- this.handleElId = id;
-
-
- this.setDragElId(id);
-
-
- this.invalidHandleTypes = { A: "A" };
- this.invalidHandleIds = {};
- this.invalidHandleClasses = [];
-
- this.applyConfig();
-
- this.handleOnAvailable();
- },
-
-
-
- applyConfig: function() {
-
-
-
- this.padding = this.config.padding || [0, 0, 0, 0];
- this.isTarget = (this.config.isTarget !== false);
- this.maintainOffset = (this.config.maintainOffset);
- this.primaryButtonOnly = (this.config.primaryButtonOnly !== false);
-
- },
-
-
-
- handleOnAvailable: function() {
- this.available = true;
- this.resetConstraints();
- this.onAvailable();
- },
-
-
-
- setPadding: function(L, M, N, O) {
-
- if (!M && 0 !== M) {
- this.padding = [L, L, L, L];
- } else if (!N && 0 !== N) {
- this.padding = [L, M, L, M];
- } else {
- this.padding = [L, M, N, O];
- }
- },
-
-
-
- setInitPosition: function(P, Q) {
- var el = this.getEl();
-
- if (!this.DDM.verifyEl(el)) {
- return;
- }
-
- var dx = P || 0;
- var dy = Q || 0;
-
- var p = B.getXY( el );
-
- this.initPageX = p[0] - dx;
- this.initPageY = p[1] - dy;
-
- this.lastPageX = p[0];
- this.lastPageY = p[1];
-
-
- this.setStartPosition(p);
- },
-
-
-
- setStartPosition: function(R) {
- var p = R || B.getXY( this.getEl() );
- this.deltaSetXY = null;
-
- this.startPageX = p[0];
- this.startPageY = p[1];
- },
-
-
-
- addToGroup: function(S) {
- this.groups[S] = true;
- this.DDM.regDragDrop(this, S);
- },
-
-
-
- removeFromGroup: function(T) {
- if (this.groups[T]) {
- delete this.groups[T];
- }
-
-
- this.DDM.removeDDFromGroup(this, T);
- },
-
-
-
- setDragElId: function(id) {
- this.dragElId = id;
- },
-
-
-
- setHandleElId: function(id) {
- if (typeof id !== "string") {
- id = Roo.id(id);
- }
-
- this.handleElId = id;
- this.DDM.regHandle(this.id, id);
- },
-
-
-
- setOuterHandleElId: function(id) {
- if (typeof id !== "string") {
- id = Roo.id(id);
- }
-
- A.on(id, "mousedown",
- this.handleMouseDown, this);
- this.setHandleElId(id);
-
- this.hasOuterHandles = true;
- },
-
-
-
- unreg: function() {
- A.un(this.id, "mousedown",
- this.handleMouseDown);
- this._domRef = null;
- this.DDM._remove(this);
- },
-
- destroy : function(){
- this.unreg();
- },
-
-
-
- isLocked: function() {
- return (this.DDM.isLocked() || this.locked);
- },
-
-
-
- handleMouseDown: function(e, U){
- if (this.primaryButtonOnly && e.button != 0) {
- return;
- }
-
- if (this.isLocked()) {
- return;
- }
-
-
- this.DDM.refreshCache(this.groups);
-
- var pt = new Roo.lib.Point(Roo.lib.Event.getPageX(e), Roo.lib.Event.getPageY(e));
- if (!this.hasOuterHandles && !this.DDM.isOverTarget(pt, this) ) {
- } else {
- if (this.clickValidator(e)) {
-
-
- this.setStartPosition();
-
-
- this.b4MouseDown(e);
- this.onMouseDown(e);
-
- this.DDM.handleMouseDown(e, this);
-
- this.DDM.stopEvent(e);
- } else {
-
-
- }
- }
- },
-
- clickValidator: function(e) {
- var V = e.getTarget();
- return ( this.isValidHandleChild(V) &&
- (this.id == this.handleElId ||
- this.DDM.handleWasClicked(V, this.id)) );
- },
-
-
-
- addInvalidHandleType: function(W) {
- var X = W.toUpperCase();
- this.invalidHandleTypes[X] = X;
- },
-
-
-
- addInvalidHandleId: function(id) {
- if (typeof id !== "string") {
- id = Roo.id(id);
- }
-
- this.invalidHandleIds[id] = id;
- },
-
-
-
- addInvalidHandleClass: function(Y) {
- this.invalidHandleClasses.push(Y);
- },
-
-
-
- removeInvalidHandleType: function(Z) {
- var a = Z.toUpperCase();
-
- delete this.invalidHandleTypes[a];
- },
-
-
-
- removeInvalidHandleId: function(id) {
- if (typeof id !== "string") {
- id = Roo.id(id);
- }
- delete this.invalidHandleIds[id];
- },
-
-
-
- removeInvalidHandleClass: function(d) {
- for (var i=0, len=this.invalidHandleClasses.length; i<len; ++i) {
- if (this.invalidHandleClasses[i] == d) {
- delete this.invalidHandleClasses[i];
- }
- }
- },
-
-
-
- isValidHandleChild: function(f) {
-
- var g = true;
-
- var h;
- try {
- h = f.nodeName.toUpperCase();
- } catch(e) {
- nodeName = node.nodeName;
- }
-
- g = g && !this.invalidHandleTypes[h];
- g = g && !this.invalidHandleIds[f.id];
-
- for (var i=0, len=this.invalidHandleClasses.length; g && i<len; ++i) {
- g = !B.hasClass(f, this.invalidHandleClasses[i]);
- }
-
-
- return g;
-
- },
-
-
-
- setXTicks: function(j, k) {
- this.xTicks = [];
- this.xTickSize = k;
-
- var l = {};
-
- for (var i = this.initPageX; i >= this.minX; i = i - k) {
- if (!l[i]) {
- this.xTicks[this.xTicks.length] = i;
- l[i] = true;
- }
- }
-
- for (i = this.initPageX; i <= this.maxX; i = i + k) {
- if (!l[i]) {
- this.xTicks[this.xTicks.length] = i;
- l[i] = true;
- }
- }
-
-
- this.xTicks.sort(this.DDM.numericSort) ;
- },
-
-
-
- setYTicks: function(m, n) {
- this.yTicks = [];
- this.yTickSize = n;
-
- var o = {};
-
- for (var i = this.initPageY; i >= this.minY; i = i - n) {
- if (!o[i]) {
- this.yTicks[this.yTicks.length] = i;
- o[i] = true;
- }
- }
-
- for (i = this.initPageY; i <= this.maxY; i = i + n) {
- if (!o[i]) {
- this.yTicks[this.yTicks.length] = i;
- o[i] = true;
- }
- }
-
-
- this.yTicks.sort(this.DDM.numericSort) ;
- },
-
-
-
- setXConstraint: function(q, r, t) {
- this.leftConstraint = q;
- this.rightConstraint = r;
-
- this.minX = this.initPageX - q;
- this.maxX = this.initPageX + r;
- if (t) { this.setXTicks(this.initPageX, t); }
-
-
- this.constrainX = true;
- },
-
-
-
- clearConstraints: function() {
- this.constrainX = false;
- this.constrainY = false;
- this.clearTicks();
- },
-
-
-
- clearTicks: function() {
- this.xTicks = null;
- this.yTicks = null;
- this.xTickSize = 0;
- this.yTickSize = 0;
- },
-
-
-
- setYConstraint: function(u, v, w) {
- this.topConstraint = u;
- this.bottomConstraint = v;
-
- this.minY = this.initPageY - u;
- this.maxY = this.initPageY + v;
- if (w) { this.setYTicks(this.initPageY, w); }
-
-
- this.constrainY = true;
-
- },
-
-
-
- resetConstraints: function() {
-
-
-
- if (this.initPageX || this.initPageX === 0) {
-
- var dx = (this.maintainOffset) ? this.lastPageX - this.initPageX : 0;
- var dy = (this.maintainOffset) ? this.lastPageY - this.initPageY : 0;
-
- this.setInitPosition(dx, dy);
-
-
- } else {
- this.setInitPosition();
- }
-
- if (this.constrainX) {
- this.setXConstraint( this.leftConstraint,
- this.rightConstraint,
- this.xTickSize );
- }
-
- if (this.constrainY) {
- this.setYConstraint( this.topConstraint,
- this.bottomConstraint,
- this.yTickSize );
- }
- },
-
-
-
- getTick: function(z, AA) {
-
- if (!AA) {
-
-
- return z;
- } else if (AA[0] >= z) {
-
-
- return AA[0];
- } else {
- for (var i=0, len=AA.length; i<len; ++i) {
- var next = i + 1;
- if (AA[next] && AA[next] >= z) {
- var diff1 = z - AA[i];
- var diff2 = AA[next] - z;
- return (diff2 > diff1) ? AA[i] : AA[next];
- }
- }
-
-
-
- return AA[AA.length - 1];
- }
- },
-
-
-
- toString: function() {
- return ("DragDrop " + this.id);
- }
-
-};
-
-})();
-
-
-
-
-
-
-
-
-
-
-if (!Roo.dd.DragDropMgr) {
-
-
-
-Roo.dd.DragDropMgr = function() {
-
- var A = Roo.EventManager;
-
- return {
-
-
-
- ids: {},
-
-
-
- handleIds: {},
-
-
-
- dragCurrent: null,
-
-
-
- dragOvers: {},
-
-
-
- deltaX: 0,
-
-
-
- deltaY: 0,
-
-
-
- preventDefault: true,
-
-
-
- stopPropagation: true,
-
-
-
- initalized: false,
-
-
-
- locked: false,
-
-
-
- init: function() {
- this.initialized = true;
- },
-
-
-
- POINT: 0,
-
-
-
- INTERSECT: 1,
-
-
-
- mode: 0,
-
-
-
- _execOnAll: function(AG, AH) {
- for (var i in this.ids) {
- for (var j in this.ids[i]) {
- var h = this.ids[i][j];
- if (! this.isTypeOfDD(h)) {
- continue;
- }
-
- h[AG].apply(h, AH);
- }
- }
- },
-
-
-
- _onLoad: function() {
-
- this.init();
-
-
- A.on(document, "mouseup", this.handleMouseUp, this, true);
- A.on(document, "mousemove", this.handleMouseMove, this, true);
- A.on(window, "unload", this._onUnload, this, true);
- A.on(window, "resize", this._onResize, this, true);
-
-
- },
-
-
-
- _onResize: function(e) {
- this._execOnAll("resetConstraints", []);
- },
-
-
-
- lock: function() { this.locked = true; },
-
-
-
- unlock: function() { this.locked = false; },
-
-
-
- isLocked: function() { return this.locked; },
-
-
-
- locationCache: {},
-
-
-
- useCache: true,
-
-
-
- clickPixelThresh: 3,
-
-
-
- clickTimeThresh: 350,
-
-
-
- dragThreshMet: false,
-
-
-
- clickTimeout: null,
-
-
-
- startX: 0,
-
-
-
- startY: 0,
-
-
-
- regDragDrop: function(AI, AJ) {
- if (!this.initialized) { this.init(); }
-
- if (!this.ids[AJ]) {
- this.ids[AJ] = {};
- }
-
- this.ids[AJ][AI.id] = AI;
- },
-
-
-
- removeDDFromGroup: function(AK, AL) {
- if (!this.ids[AL]) {
- this.ids[AL] = {};
- }
-
- var AM = this.ids[AL];
- if (AM && AM[AK.id]) {
- delete AM[AK.id];
- }
- },
-
-
-
- _remove: function(AN) {
- for (var g in AN.groups) {
- if (g && this.ids[g][AN.id]) {
- delete this.ids[g][AN.id];
- }
- }
- delete this.handleIds[AN.id];
- },
-
-
-
- regHandle: function(AO, AP) {
- if (!this.handleIds[AO]) {
- this.handleIds[AO] = {};
- }
-
- this.handleIds[AO][AP] = AP;
- },
-
-
-
- isDragDrop: function(id) {
- return ( this.getDDById(id) ) ? true : false;
- },
-
-
-
- getRelated: function(AQ, AR) {
- var AS = [];
- for (var i in AQ.groups) {
- for (j in this.ids[i]) {
- var dd = this.ids[i][j];
- if (! this.isTypeOfDD(dd)) {
- continue;
- }
- if (!AR || dd.isTarget) {
- AS[AS.length] = dd;
- }
- }
- }
-
- return AS;
- },
-
-
-
- isLegalTarget: function (AT, AU) {
- var AV = this.getRelated(AT, true);
- for (var i=0, d=AV.length;i<d;++i) {
- if (AV[i].id == AU.id) {
- return true;
- }
- }
-
- return false;
- },
-
-
-
- isTypeOfDD: function (AW) {
- return (AW && AW.__ygDragDrop);
- },
-
-
-
- isHandle: function(AX, AY) {
- return ( this.handleIds[AX] &&
- this.handleIds[AX][AY] );
- },
-
-
-
- getDDById: function(id) {
- for (var i in this.ids) {
- if (this.ids[i][id]) {
- return this.ids[i][id];
- }
- }
- return null;
- },
-
-
-
- handleMouseDown: function(e, AZ) {
- if(Roo.QuickTips){
- Roo.QuickTips.disable();
- }
-
- this.currentTarget = e.getTarget();
-
- this.dragCurrent = AZ;
-
- var el = AZ.getEl();
-
-
- this.startX = e.getPageX();
- this.startY = e.getPageY();
-
- this.deltaX = this.startX - el.offsetLeft;
- this.deltaY = this.startY - el.offsetTop;
-
- this.dragThreshMet = false;
-
- this.clickTimeout = setTimeout(
- function() {
- var Aa = Roo.dd.DDM;
- Aa.startDrag(Aa.startX, Aa.startY);
- },
- this.clickTimeThresh );
- },
-
-
-
- startDrag: function(x, y) {
- clearTimeout(this.clickTimeout);
- if (this.dragCurrent) {
- this.dragCurrent.b4StartDrag(x, y);
- this.dragCurrent.startDrag(x, y);
- }
-
- this.dragThreshMet = true;
- },
-
-
-
- handleMouseUp: function(e) {
-
- if(Roo.QuickTips){
- Roo.QuickTips.enable();
- }
- if (! this.dragCurrent) {
- return;
- }
-
-
- clearTimeout(this.clickTimeout);
-
- if (this.dragThreshMet) {
- this.fireEvents(e, true);
- } else {
- }
-
-
- this.stopDrag(e);
-
- this.stopEvent(e);
- },
-
-
-
- stopEvent: function(e){
- if(this.stopPropagation) {
- e.stopPropagation();
- }
-
- if (this.preventDefault) {
- e.preventDefault();
- }
- },
-
-
-
- stopDrag: function(e) {
-
- if (this.dragCurrent) {
- if (this.dragThreshMet) {
- this.dragCurrent.b4EndDrag(e);
- this.dragCurrent.endDrag(e);
- }
-
-
- this.dragCurrent.onMouseUp(e);
- }
-
-
- this.dragCurrent = null;
- this.dragOvers = {};
- },
-
-
-
- handleMouseMove: function(e) {
- if (! this.dragCurrent) {
- return true;
- }
-
-
-
-
- if (Roo.isIE && (e.button !== 0 && e.button !== 1 && e.button !== 2)) {
- this.stopEvent(e);
- return this.handleMouseUp(e);
- }
-
- if (!this.dragThreshMet) {
- var diffX = Math.abs(this.startX - e.getPageX());
- var diffY = Math.abs(this.startY - e.getPageY());
- if (diffX > this.clickPixelThresh ||
- diffY > this.clickPixelThresh) {
- this.startDrag(this.startX, this.startY);
- }
- }
-
- if (this.dragThreshMet) {
- this.dragCurrent.b4Drag(e);
- this.dragCurrent.onDrag(e);
- if(!this.dragCurrent.moveOnly){
- this.fireEvents(e, false);
- }
- }
-
-
- this.stopEvent(e);
-
- return true;
- },
-
-
-
- fireEvents: function(e, Aa) {
- var dc = this.dragCurrent;
-
-
-
- if (!dc || dc.isLocked()) {
- return;
- }
-
- var pt = e.getPoint();
-
-
- var Ab = [];
-
- var Ac = [];
- var Ad = [];
- var Ae = [];
- var Af = [];
-
-
-
- for (var i in this.dragOvers) {
-
- var ddo = this.dragOvers[i];
-
- if (! this.isTypeOfDD(ddo)) {
- continue;
- }
-
- if (! this.isOverTarget(pt, ddo, this.mode)) {
- Ac.push( ddo );
- }
-
-
- Ab[i] = true;
- delete this.dragOvers[i];
- }
-
- for (var AL in dc.groups) {
-
- if ("string" != typeof AL) {
- continue;
- }
-
- for (i in this.ids[AL]) {
- var AZ = this.ids[AL][i];
- if (! this.isTypeOfDD(AZ)) {
- continue;
- }
-
- if (AZ.isTarget && !AZ.isLocked() && AZ != dc) {
- if (this.isOverTarget(pt, AZ, this.mode)) {
-
- if (Aa) {
- Ae.push( AZ );
-
- } else {
-
-
- if (!Ab[AZ.id]) {
- Af.push( AZ );
-
- } else {
- Ad.push( AZ );
- }
-
-
- this.dragOvers[AZ.id] = AZ;
- }
- }
- }
- }
- }
-
- if (this.mode) {
- if (Ac.length) {
- dc.b4DragOut(e, Ac);
- dc.onDragOut(e, Ac);
- }
-
- if (Af.length) {
- dc.onDragEnter(e, Af);
- }
-
- if (Ad.length) {
- dc.b4DragOver(e, Ad);
- dc.onDragOver(e, Ad);
- }
-
- if (Ae.length) {
- dc.b4DragDrop(e, Ae);
- dc.onDragDrop(e, Ae);
- }
-
- } else {
-
- var d = 0;
- for (i=0, d=Ac.length; i<d; ++i) {
- dc.b4DragOut(e, Ac[i].id);
- dc.onDragOut(e, Ac[i].id);
- }
-
-
- for (i=0,d=Af.length; i<d; ++i) {
-
- dc.onDragEnter(e, Af[i].id);
- }
-
-
- for (i=0,d=Ad.length; i<d; ++i) {
- dc.b4DragOver(e, Ad[i].id);
- dc.onDragOver(e, Ad[i].id);
- }
-
-
- for (i=0, d=Ae.length; i<d; ++i) {
- dc.b4DragDrop(e, Ae[i].id);
- dc.onDragDrop(e, Ae[i].id);
- }
-
- }
-
-
- if (Aa && !Ae.length) {
- dc.onInvalidDrop(e);
- }
-
- },
-
-
-
- getBestMatch: function(Ag) {
- var Ah = null;
-
-
-
-
-
-
- var Ai = Ag.length;
-
- if (Ai == 1) {
- Ah = Ag[0];
- } else {
-
- for (var i=0; i<Ai; ++i) {
- var dd = Ag[i];
-
-
-
- if (dd.cursorIsOver) {
- Ah = dd;
- break;
-
- } else {
- if (!Ah ||
- Ah.overlap.getArea() < dd.overlap.getArea()) {
- Ah = dd;
- }
- }
- }
- }
-
- return Ah;
- },
-
-
-
- refreshCache: function(Aj) {
- for (var AL in Aj) {
- if ("string" != typeof AL) {
- continue;
- }
- for (var i in this.ids[AL]) {
- var AZ = this.ids[AL][i];
-
- if (this.isTypeOfDD(AZ)) {
-
- var o = this.getLocation(AZ);
- if (o) {
- this.locationCache[AZ.id] = o;
- } else {
- delete this.locationCache[AZ.id];
-
-
-
- }
- }
- }
- }
- },
-
-
-
- verifyEl: function(el) {
- if (el) {
- var parent;
- if(Roo.isIE){
- try{
- parent = el.offsetParent;
- }catch(e){}
- }else {
- parent = el.offsetParent;
- }
- if (parent) {
- return true;
- }
- }
-
- return false;
- },
-
-
-
- getLocation: function(Ak) {
- if (! this.isTypeOfDD(Ak)) {
- return null;
- }
-
- var el = Ak.getEl(), Al, x1, x2, y1, y2, t, r, b, l;
-
- try {
- Al= Roo.lib.Dom.getXY(el);
- } catch (e) { }
-
- if (!Al) {
- return null;
- }
-
-
- x1 = Al[0];
- x2 = x1 + el.offsetWidth;
- y1 = Al[1];
- y2 = y1 + el.offsetHeight;
-
- t = y1 - Ak.padding[0];
- r = x2 + Ak.padding[1];
- b = y2 + Ak.padding[2];
- l = x1 - Ak.padding[3];
-
- return new Roo.lib.Region( t, r, b, l );
- },
-
-
-
- isOverTarget: function(pt, Am, An) {
-
- var Ao = this.locationCache[Am.id];
- if (!Ao || !this.useCache) {
- Ao = this.getLocation(Am);
- this.locationCache[Am.id] = Ao;
-
- }
-
- if (!Ao) {
- return false;
- }
-
-
- Am.cursorIsOver = Ao.contains( pt );
-
-
-
-
-
-
- var dc = this.dragCurrent;
- if (!dc || !dc.getTargetCoord ||
- (!An && !dc.constrainX && !dc.constrainY)) {
- return Am.cursorIsOver;
- }
-
-
- Am.overlap = null;
-
-
-
-
-
- var Ap = dc.getTargetCoord(pt.x, pt.y);
-
- var el = dc.getDragEl();
- var Aq = new Roo.lib.Region( Ap.y,
- Ap.x + el.offsetWidth,
- Ap.y + el.offsetHeight,
- Ap.x );
-
- var Ar = Aq.intersect(Ao);
-
- if (Ar) {
- Am.overlap = Ar;
- return (An) ? true : Am.cursorIsOver;
- } else {
- return false;
- }
- },
-
-
-
- _onUnload: function(e, me) {
- Roo.dd.DragDropMgr.unregAll();
- },
-
-
-
- unregAll: function() {
-
- if (this.dragCurrent) {
- this.stopDrag();
- this.dragCurrent = null;
- }
-
-
- this._execOnAll("unreg", []);
-
- for (i in this.elementCache) {
- delete this.elementCache[i];
- }
-
-
- this.elementCache = {};
- this.ids = {};
- },
-
-
-
- elementCache: {},
-
-
-
- getElWrapper: function(id) {
- var As = this.elementCache[id];
- if (!As || !As.el) {
- As = this.elementCache[id] =
- new this.ElementWrapper(Roo.getDom(id));
- }
- return As;
- },
-
-
-
- getElement: function(id) {
- return Roo.getDom(id);
- },
-
-
-
- getCss: function(id) {
- var el = Roo.getDom(id);
- return (el) ? el.style : null;
- },
-
-
-
- ElementWrapper: function(el) {
-
-
- this.el = el || null;
-
-
- this.id = this.el && el.id;
-
-
- this.css = this.el && el.style;
- },
-
-
-
- getPosX: function(el) {
- return Roo.lib.Dom.getX(el);
- },
-
-
-
- getPosY: function(el) {
- return Roo.lib.Dom.getY(el);
- },
-
-
-
- swapNode: function(n1, n2) {
- if (n1.swapNode) {
- n1.swapNode(n2);
- } else {
- var p = n2.parentNode;
- var s = n2.nextSibling;
-
- if (s == n1) {
- p.insertBefore(n1, n2);
- } else if (n2 == n1.nextSibling) {
- p.insertBefore(n2, n1);
- } else {
- n1.parentNode.replaceChild(n2, n1);
- p.insertBefore(n1, s);
- }
- }
- },
-
-
-
- getScroll: function () {
- var t, l, At=document.documentElement, db=document.body;
- if (At && (At.scrollTop || At.scrollLeft)) {
- t = At.scrollTop;
- l = At.scrollLeft;
- } else if (db) {
- t = db.scrollTop;
- l = db.scrollLeft;
- } else {
-
- }
- return { top: t, left: l };
- },
-
-
-
- getStyle: function(el, Au) {
- return Roo.fly(el).getStyle(Au);
- },
-
-
-
- getScrollTop: function () { return this.getScroll().top; },
-
-
-
- getScrollLeft: function () { return this.getScroll().left; },
-
-
-
- moveToEl: function (Av, Aw) {
- var Ax = Roo.lib.Dom.getXY(Aw);
- Roo.lib.Dom.setXY(Av, Ax);
- },
-
-
-
- numericSort: function(a, b) { return (a - b); },
-
-
-
- _timeoutCount: 0,
-
-
-
- _addListeners: function() {
- var Ay = Roo.dd.DDM;
- if ( Roo.lib.Event && document ) {
- Ay._onLoad();
- } else {
- if (Ay._timeoutCount > 2000) {
- } else {
- setTimeout(Ay._addListeners, 10);
- if (document && document.body) {
- Ay._timeoutCount += 1;
- }
- }
- }
- },
-
-
-
- handleWasClicked: function(Az, id) {
- if (this.isHandle(id, Az.id)) {
- return true;
- } else {
-
- var p = Az.parentNode;
-
- while (p) {
- if (this.isHandle(id, p.id)) {
- return true;
- } else {
- p = p.parentNode;
- }
- }
- }
-
- return false;
- }
-
- };
-
-}();
-
-
-Roo.dd.DDM = Roo.dd.DragDropMgr;
-Roo.dd.DDM._addListeners();
-
-}
-
-
-
-
-
-Roo.dd.DD = function(id, A, B) {
- if (id) {
- this.init(id, A, B);
- }
-};
-
-Roo.extend(Roo.dd.DD, Roo.dd.DragDrop, {
-
-
-
- scroll: true,
-
-
-
- autoOffset: function(C, D) {
- var x = C - this.startPageX;
- var y = D - this.startPageY;
- this.setDelta(x, y);
- },
-
-
-
- setDelta: function(E, F) {
- this.deltaX = E;
- this.deltaY = F;
- },
-
-
-
- setDragElPos: function(G, H) {
-
-
-
- var el = this.getDragEl();
- this.alignElWithMouse(el, G, H);
- },
-
-
-
- alignElWithMouse: function(el, I, J) {
- var K = this.getTargetCoord(I, J);
- var L = el.dom ? el : Roo.fly(el);
- if (!this.deltaSetXY) {
- var aCoord = [K.x, K.y];
- L.setXY(aCoord);
- var newLeft = L.getLeft(true);
- var newTop = L.getTop(true);
- this.deltaSetXY = [ newLeft - K.x, newTop - K.y ];
- } else {
- L.setLeftTop(K.x + this.deltaSetXY[0], K.y + this.deltaSetXY[1]);
- }
-
-
- this.cachePosition(K.x, K.y);
- this.autoScroll(K.x, K.y, el.offsetHeight, el.offsetWidth);
- return K;
- },
-
-
-
- cachePosition: function(M, N) {
- if (M) {
- this.lastPageX = M;
- this.lastPageY = N;
- } else {
- var aCoord = Roo.lib.Dom.getXY(this.getEl());
- this.lastPageX = aCoord[0];
- this.lastPageY = aCoord[1];
- }
- },
-
-
-
- autoScroll: function(x, y, h, w) {
-
- if (this.scroll) {
-
- var clientH = Roo.lib.Dom.getViewWidth();
-
-
- var clientW = Roo.lib.Dom.getViewHeight();
-
-
- var st = this.DDM.getScrollTop();
-
-
- var sl = this.DDM.getScrollLeft();
-
-
- var bot = h + y;
-
-
- var right = w + x;
-
-
-
-
- var toBot = (clientH + st - y - this.deltaY);
-
-
- var toRight = (clientW + sl - x - this.deltaX);
-
-
-
-
- var thresh = 40;
-
-
-
-
- var scrAmt = (document.all) ? 80 : 30;
-
-
-
- if ( bot > clientH && toBot < thresh ) {
- window.scrollTo(sl, st + scrAmt);
- }
-
-
-
- if ( y < st && st > 0 && y - st < thresh ) {
- window.scrollTo(sl, st - scrAmt);
- }
-
-
-
- if ( right > clientW && toRight < thresh ) {
- window.scrollTo(sl + scrAmt, st);
- }
-
-
-
- if ( x < sl && sl > 0 && x - sl < thresh ) {
- window.scrollTo(sl - scrAmt, st);
- }
- }
- },
-
-
-
- getTargetCoord: function(O, P) {
-
-
- var x = O - this.deltaX;
- var y = P - this.deltaY;
-
- if (this.constrainX) {
- if (x < this.minX) { x = this.minX; }
- if (x > this.maxX) { x = this.maxX; }
- }
-
- if (this.constrainY) {
- if (y < this.minY) { y = this.minY; }
- if (y > this.maxY) { y = this.maxY; }
- }
-
-
- x = this.getTick(x, this.xTicks);
- y = this.getTick(y, this.yTicks);
-
-
- return {x:x, y:y};
- },
-
-
-
- applyConfig: function() {
- Roo.dd.DD.superclass.applyConfig.call(this);
- this.scroll = (this.config.scroll !== false);
- },
-
-
-
- b4MouseDown: function(e) {
-
- this.autoOffset(e.getPageX(),
- e.getPageY());
- },
-
-
-
- b4Drag: function(e) {
- this.setDragElPos(e.getPageX(),
- e.getPageY());
- },
-
- toString: function() {
- return ("DD " + this.id);
- }
-
-
-
-
-
-
-
-});
-
-
-
-
-
-Roo.dd.DDProxy = function(id, A, B) {
- if (id) {
- this.init(id, A, B);
- this.initFrame();
- }
-};
-
-
-
-Roo.dd.DDProxy.dragElId = "ygddfdiv";
-
-Roo.extend(Roo.dd.DDProxy, Roo.dd.DD, {
-
-
-
- resizeFrame: true,
-
-
-
- centerFrame: false,
-
-
-
- createFrame: function() {
- var C = this;
- var D = document.body;
-
- if (!D || !D.firstChild) {
- setTimeout( function() { C.createFrame(); }, 50 );
- return;
- }
-
- var E = this.getDragEl();
-
- if (!E) {
- E = document.createElement("div");
- E.id = this.dragElId;
- var s = E.style;
-
- s.position = "absolute";
- s.visibility = "hidden";
- s.cursor = "move";
- s.border = "2px solid #aaa";
- s.zIndex = 999;
-
-
-
-
- D.insertBefore(E, D.firstChild);
- }
- },
-
-
-
- initFrame: function() {
- this.createFrame();
- },
-
- applyConfig: function() {
- Roo.dd.DDProxy.superclass.applyConfig.call(this);
-
- this.resizeFrame = (this.config.resizeFrame !== false);
- this.centerFrame = (this.config.centerFrame);
- this.setDragElId(this.config.dragElId || Roo.dd.DDProxy.dragElId);
- },
-
-
-
- showFrame: function(F, G) {
- var el = this.getEl();
- var H = this.getDragEl();
- var s = H.style;
-
- this._resizeProxy();
-
- if (this.centerFrame) {
- this.setDelta( Math.round(parseInt(s.width, 10)/2),
- Math.round(parseInt(s.height, 10)/2) );
- }
-
-
- this.setDragElPos(F, G);
-
- Roo.fly(H).show();
- },
-
-
-
- _resizeProxy: function() {
- if (this.resizeFrame) {
- var el = this.getEl();
- Roo.fly(this.getDragEl()).setSize(el.offsetWidth, el.offsetHeight);
- }
- },
-
-
- b4MouseDown: function(e) {
- var x = e.getPageX();
- var y = e.getPageY();
- this.autoOffset(x, y);
- this.setDragElPos(x, y);
- },
-
-
- b4StartDrag: function(x, y) {
-
- this.showFrame(x, y);
- },
-
-
- b4EndDrag: function(e) {
- Roo.fly(this.getDragEl()).hide();
- },
-
-
-
-
- endDrag: function(e) {
-
- var I = this.getEl();
- var J = this.getDragEl();
-
-
- J.style.visibility = "";
-
- this.beforeMove();
-
-
- I.style.visibility = "hidden";
- Roo.dd.DDM.moveToEl(I, J);
- J.style.visibility = "hidden";
- I.style.visibility = "";
-
- this.afterDrag();
- },
-
- beforeMove : function(){
-
- },
-
- afterDrag : function(){
-
- },
-
- toString: function() {
- return ("DDProxy " + this.id);
- }
-
-});
-
-
-
-
-
-
-Roo.dd.DDTarget = function(id, A, B) {
- if (id) {
- this.initTarget(id, A, B);
- }
-};
-
-
-Roo.extend(Roo.dd.DDTarget, Roo.dd.DragDrop, {
- toString: function() {
- return ("DDTarget " + this.id);
- }
-});
-
-
-
-
-
-
-
-Roo.dd.ScrollManager = function(){
- var A = Roo.dd.DragDropMgr;
- var B = {};
- var C = null;
- var D = {};
-
- var E = function(e){
- C = null;
- H();
- };
-
- var F = function(){
- if(A.dragCurrent){
- A.refreshCache(A.dragCurrent.groups);
- }
- };
-
- var G = function(){
- if(A.dragCurrent){
- var dds = Roo.dd.ScrollManager;
- if(!dds.animate){
- if(D.el.scroll(D.dir, dds.increment)){
- F();
- }
- }else {
- D.el.scroll(D.dir, dds.increment, true, dds.animDuration, F);
- }
- }
- };
-
- var H = function(){
- if(D.id){
- clearInterval(D.id);
- }
-
- D.id = 0;
- D.el = null;
- D.dir = "";
- };
-
- var I = function(el, K){
- H();
- D.el = el;
- D.dir = K;
- D.id = setInterval(G, Roo.dd.ScrollManager.frequency);
- };
-
- var J = function(e, K){
- if(K || !A.dragCurrent){ return; }
- var L = Roo.dd.ScrollManager;
- if(!C || C != A.dragCurrent){
- C = A.dragCurrent;
-
- L.refreshCache();
- }
-
- var xy = Roo.lib.Event.getXY(e);
- var pt = new Roo.lib.Point(xy[0], xy[1]);
- for(var id in B){
- var el = B[id], r = el._region;
- if(r && r.contains(pt) && el.isScrollable()){
- if(r.bottom - pt.y <= L.thresh){
- if(D.el != el){
- I(el, "down");
- }
- return;
- }else if(r.right - pt.x <= L.thresh){
- if(D.el != el){
- I(el, "left");
- }
- return;
- }else if(pt.y - r.top <= L.thresh){
- if(D.el != el){
- I(el, "up");
- }
- return;
- }else if(pt.x - r.left <= L.thresh){
- if(D.el != el){
- I(el, "right");
- }
- return;
- }
- }
- }
-
- H();
- };
-
- A.fireEvents = A.fireEvents.createSequence(J, A);
- A.stopDrag = A.stopDrag.createSequence(E, A);
-
- return {
-
-
- register : function(el){
- if(el instanceof Array){
- for(var i = 0, len = el.length; i < len; i++) {
- this.register(el[i]);
- }
- }else {
- el = Roo.get(el);
- B[el.id] = el;
- }
- },
-
-
-
- unregister : function(el){
- if(el instanceof Array){
- for(var i = 0, len = el.length; i < len; i++) {
- this.unregister(el[i]);
- }
- }else {
- el = Roo.get(el);
- delete B[el.id];
- }
- },
-
-
-
- thresh : 25,
-
-
-
- increment : 100,
-
-
-
- frequency : 500,
-
-
-
- animate: true,
-
-
-
- animDuration: .4,
-
-
-
- refreshCache : function(){
- for(var id in B){
- if(typeof B[id] == 'object'){
- B[id]._region = B[id].getRegion();
- }
- }
- }
- };
-}();
-
-
-
-
-
-
-Roo.dd.Registry = function(){
- var A = {};
- var B = {};
- var C = 0;
-
- var D = function(el, E){
- if(typeof el == "string"){
- return el;
- }
- var id = el.id;
- if(!id && E !== false){
- id = "roodd-" + (++C);
- el.id = id;
- }
- return id;
- };
-
- return {
-
-
- register : function(el, G){
- G = G || {};
- if(typeof el == "string"){
- el = document.getElementById(el);
- }
-
- G.ddel = el;
- A[D(el)] = G;
- if(G.isHandle !== false){
- B[G.ddel.id] = G;
- }
- if(G.handles){
- var hs = G.handles;
- for(var i = 0, len = hs.length; i < len; i++){
- B[D(hs[i])] = G;
- }
- }
- },
-
-
-
- unregister : function(el){
- var id = D(el, false);
- var H = A[id];
- if(H){
- delete A[id];
- if(H.handles){
- var hs = H.handles;
- for(var i = 0, len = hs.length; i < len; i++){
- delete B[D(hs[i], false)];
- }
- }
- }
- },
-
-
-
- getHandle : function(id){
- if(typeof id != "string"){
- id = id.id;
- }
- return B[id];
- },
-
-
-
- getHandleFromEvent : function(e){
- var t = Roo.lib.Event.getTarget(e);
- return t ? B[t.id] : null;
- },
-
-
-
- getTarget : function(id){
- if(typeof id != "string"){
- id = id.id;
- }
- return A[id];
- },
-
-
-
- getTargetFromEvent : function(e){
- var t = Roo.lib.Event.getTarget(e);
- return t ? A[t.id] || B[t.id] : null;
- }
- };
-}();
-
-
-
-
-
-
-Roo.dd.StatusProxy = function(A){
- Roo.apply(this, A);
- this.id = this.id || Roo.id();
- this.el = new Roo.Layer({
- dh: {
- id: this.id, tag: "div", cls: "x-dd-drag-proxy "+this.dropNotAllowed, children: [
- {tag: "div", cls: "x-dd-drop-icon"},
- {tag: "div", cls: "x-dd-drag-ghost"}
- ]
- },
- shadow: !A || A.shadow !== false
- });
- this.ghost = Roo.get(this.el.dom.childNodes[1]);
- this.dropStatus = this.dropNotAllowed;
-};
-
-Roo.dd.StatusProxy.prototype = {
-
-
- dropAllowed : "x-dd-drop-ok",
-
-
- dropNotAllowed : "x-dd-drop-nodrop",
-
-
-
- setStatus : function(B){
- B = B || this.dropNotAllowed;
- if(this.dropStatus != B){
- this.el.replaceClass(this.dropStatus, B);
- this.dropStatus = B;
- }
- },
-
-
-
- reset : function(C){
- this.el.dom.className = "x-dd-drag-proxy " + this.dropNotAllowed;
- this.dropStatus = this.dropNotAllowed;
- if(C){
- this.ghost.update("");
- }
- },
-
-
-
- update : function(D){
- if(typeof D == "string"){
- this.ghost.update(D);
- }else {
- this.ghost.update("");
- D.style.margin = "0";
- this.ghost.dom.appendChild(D);
- }
-
- var el = this.ghost.dom.firstChild;
- if(el){
- Roo.fly(el).setStyle('float', 'none');
- }
- },
-
-
-
- getEl : function(){
- return this.el;
- },
-
-
-
- getGhost : function(){
- return this.ghost;
- },
-
-
-
- hide : function(E){
- this.el.hide();
- if(E){
- this.reset(true);
- }
- },
-
-
-
- stop : function(){
- if(this.anim && this.anim.isAnimated && this.anim.isAnimated()){
- this.anim.stop();
- }
- },
-
-
-
- show : function(){
- this.el.show();
- },
-
-
-
- sync : function(){
- this.el.sync();
- },
-
-
-
- repair : function(xy, F, G){
- this.callback = F;
- this.scope = G;
- if(xy && this.animRepair !== false){
- this.el.addClass("x-dd-drag-repair");
- this.el.hideUnders(true);
- this.anim = this.el.shift({
- duration: this.repairDuration || .5,
- easing: 'easeOut',
- xy: xy,
- stopFx: true,
- callback: this.afterRepair,
- scope: this
- });
- }else {
- this.afterRepair();
- }
- },
-
-
- afterRepair : function(){
- this.hide(true);
- if(typeof this.callback == "function"){
- this.callback.call(this.scope || this);
- }
-
- this.callback = null;
- this.scope = null;
- }
-};
-
-
-
-
-
-Roo.dd.DragSource = function(el, A){
- this.el = Roo.get(el);
- this.dragData = {};
-
- Roo.apply(this, A);
-
- if(!this.proxy){
- this.proxy = new Roo.dd.StatusProxy();
- }
-
-
- Roo.dd.DragSource.superclass.constructor.call(this, this.el.dom, this.ddGroup || this.group,
- {dragElId : this.proxy.id, resizeFrame: false, isTarget: false, scroll: this.scroll === true});
-
- this.dragging = false;
-};
-
-Roo.extend(Roo.dd.DragSource, Roo.dd.DDProxy, {
-
-
- dropAllowed : "x-dd-drop-ok",
-
-
- dropNotAllowed : "x-dd-drop-nodrop",
-
-
-
- getDragData : function(e){
- return this.dragData;
- },
-
-
- onDragEnter : function(e, id){
- var B = Roo.dd.DragDropMgr.getDDById(id);
- this.cachedTarget = B;
- if(this.beforeDragEnter(B, e, id) !== false){
- if(B.isNotifyTarget){
- var status = B.notifyEnter(this, e, this.dragData);
- this.proxy.setStatus(status);
- }else {
- this.proxy.setStatus(this.dropAllowed);
- }
-
- if(this.afterDragEnter){
-
-
- this.afterDragEnter(B, e, id);
- }
- }
- },
-
-
-
- beforeDragEnter : function(C, e, id){
- return true;
- },
-
-
- alignElWithMouse: function() {
- Roo.dd.DragSource.superclass.alignElWithMouse.apply(this, arguments);
- this.proxy.sync();
- },
-
-
- onDragOver : function(e, id){
- var D = this.cachedTarget || Roo.dd.DragDropMgr.getDDById(id);
- if(this.beforeDragOver(D, e, id) !== false){
- if(D.isNotifyTarget){
- var status = D.notifyOver(this, e, this.dragData);
- this.proxy.setStatus(status);
- }
-
- if(this.afterDragOver){
-
-
- this.afterDragOver(D, e, id);
- }
- }
- },
-
-
-
- beforeDragOver : function(E, e, id){
- return true;
- },
-
-
- onDragOut : function(e, id){
- var F = this.cachedTarget || Roo.dd.DragDropMgr.getDDById(id);
- if(this.beforeDragOut(F, e, id) !== false){
- if(F.isNotifyTarget){
- F.notifyOut(this, e, this.dragData);
- }
-
- this.proxy.reset();
- if(this.afterDragOut){
-
-
- this.afterDragOut(F, e, id);
- }
- }
-
- this.cachedTarget = null;
- },
-
-
-
- beforeDragOut : function(G, e, id){
- return true;
- },
-
-
- onDragDrop : function(e, id){
- var H = this.cachedTarget || Roo.dd.DragDropMgr.getDDById(id);
- if(this.beforeDragDrop(H, e, id) !== false){
- if(H.isNotifyTarget){
- if(H.notifyDrop(this, e, this.dragData)){
- this.onValidDrop(H, e, id);
- }else {
- this.onInvalidDrop(H, e, id);
- }
- }else {
- this.onValidDrop(H, e, id);
- }
-
- if(this.afterDragDrop){
-
-
- this.afterDragDrop(H, e, id);
- }
- }
- delete this.cachedTarget;
- },
-
-
-
- beforeDragDrop : function(I, e, id){
- return true;
- },
-
-
- onValidDrop : function(J, e, id){
- this.hideProxy();
- if(this.afterValidDrop){
-
-
- this.afterValidDrop(J, e, id);
- }
- },
-
-
- getRepairXY : function(e, K){
- return this.el.getXY();
- },
-
-
- onInvalidDrop : function(L, e, id){
- this.beforeInvalidDrop(L, e, id);
- if(this.cachedTarget){
- if(this.cachedTarget.isNotifyTarget){
- this.cachedTarget.notifyOut(this, e, this.dragData);
- }
-
- this.cacheTarget = null;
- }
-
- this.proxy.repair(this.getRepairXY(e, this.dragData), this.afterRepair, this);
-
- if(this.afterInvalidDrop){
-
-
- this.afterInvalidDrop(e, id);
- }
- },
-
-
- afterRepair : function(){
- if(Roo.enableFx){
- this.el.highlight(this.hlColor || "c3daf9");
- }
-
- this.dragging = false;
- },
-
-
-
- beforeInvalidDrop : function(M, e, id){
- return true;
- },
-
-
- handleMouseDown : function(e){
- if(this.dragging) {
- return;
- }
- var N = this.getDragData(e);
- if(N && this.onBeforeDrag(N, e) !== false){
- this.dragData = N;
- this.proxy.stop();
- Roo.dd.DragSource.superclass.handleMouseDown.apply(this, arguments);
- }
- },
-
-
-
- onBeforeDrag : function(O, e){
- return true;
- },
-
-
-
- onStartDrag : Roo.emptyFn,
-
-
- startDrag : function(x, y){
- this.proxy.reset();
- this.dragging = true;
- this.proxy.update("");
- this.onInitDrag(x, y);
- this.proxy.show();
- },
-
-
- onInitDrag : function(x, y){
- var P = this.el.dom.cloneNode(true);
- P.id = Roo.id();
- this.proxy.update(P);
- this.onStartDrag(x, y);
- return true;
- },
-
-
-
- getProxy : function(){
- return this.proxy;
- },
-
-
-
- hideProxy : function(){
- this.proxy.hide();
- this.proxy.reset(true);
- this.dragging = false;
- },
-
-
- triggerCacheRefresh : function(){
- Roo.dd.DDM.refreshCache(this.groups);
- },
-
-
- b4EndDrag: function(e) {
- },
-
-
- endDrag : function(e){
- this.onEndDrag(this.dragData, e);
- },
-
-
- onEndDrag : function(Q, e){
- },
-
-
- autoOffset : function(x, y) {
- this.setDelta(-12, -20);
- }
-});
-
-
-
-
-
-
-Roo.dd.DropTarget = function(el, A){
- this.el = Roo.get(el);
-
- Roo.apply(this, A);
-
- if(this.containerScroll){
- Roo.dd.ScrollManager.register(this.el);
- }
-
-
- Roo.dd.DropTarget.superclass.constructor.call(this, this.el.dom, this.ddGroup || this.group,
- {isTarget: true});
-
-};
-
-Roo.extend(Roo.dd.DropTarget, Roo.dd.DDTarget, {
-
-
-
-
- dropAllowed : "x-dd-drop-ok",
-
-
- dropNotAllowed : "x-dd-drop-nodrop",
-
-
- isTarget : true,
-
-
- isNotifyTarget : true,
-
-
-
- notifyEnter : function(dd, e, B){
- if(this.overClass){
- this.el.addClass(this.overClass);
- }
- return this.dropAllowed;
- },
-
-
-
- notifyOver : function(dd, e, C){
- return this.dropAllowed;
- },
-
-
-
- notifyOut : function(dd, e, D){
- if(this.overClass){
- this.el.removeClass(this.overClass);
- }
- },
-
-
-
- notifyDrop : function(dd, e, E){
- return false;
- }
-});
-
-
-
-
-
-
-Roo.dd.DragZone = function(el, A){
- Roo.dd.DragZone.superclass.constructor.call(this, el, A);
- if(this.containerScroll){
- Roo.dd.ScrollManager.register(this.el);
- }
-};
-
-Roo.extend(Roo.dd.DragZone, Roo.dd.DragSource, {
-
-
-
-
-
-
-
- getDragData : function(e){
- return Roo.dd.Registry.getHandleFromEvent(e);
- },
-
-
-
- onInitDrag : function(x, y){
- this.proxy.update(this.dragData.ddel.cloneNode(true));
- this.onStartDrag(x, y);
- return true;
- },
-
-
-
- afterRepair : function(){
- if(Roo.enableFx){
- Roo.Element.fly(this.dragData.ddel).highlight(this.hlColor || "c3daf9");
- }
-
- this.dragging = false;
- },
-
-
-
- getRepairXY : function(e){
- return Roo.Element.fly(this.dragData.ddel).getXY();
- }
-});
-
-
-
-
-Roo.dd.DropZone = function(el, A){
- Roo.dd.DropZone.superclass.constructor.call(this, el, A);
-};
-
-Roo.extend(Roo.dd.DropZone, Roo.dd.DropTarget, {
-
-
- getTargetFromEvent : function(e){
- return Roo.dd.Registry.getTargetFromEvent(e);
- },
-
-
-
- onNodeEnter : function(n, dd, e, B){
-
- },
-
-
-
- onNodeOver : function(n, dd, e, C){
- return this.dropAllowed;
- },
-
-
-
- onNodeOut : function(n, dd, e, D){
-
- },
-
-
-
- onNodeDrop : function(n, dd, e, E){
- return false;
- },
-
-
-
- onContainerOver : function(dd, e, F){
- return this.dropNotAllowed;
- },
-
-
-
- onContainerDrop : function(dd, e, G){
- return false;
- },
-
-
-
- notifyEnter : function(dd, e, H){
- return this.dropNotAllowed;
- },
-
-
-
- notifyOver : function(dd, e, I){
- var n = this.getTargetFromEvent(e);
- if(!n){
- if(this.lastOverNode){
- this.onNodeOut(this.lastOverNode, dd, e, I);
- this.lastOverNode = null;
- }
- return this.onContainerOver(dd, e, I);
- }
- if(this.lastOverNode != n){
- if(this.lastOverNode){
- this.onNodeOut(this.lastOverNode, dd, e, I);
- }
-
- this.onNodeEnter(n, dd, e, I);
- this.lastOverNode = n;
- }
- return this.onNodeOver(n, dd, e, I);
- },
-
-
-
- notifyOut : function(dd, e, J){
- if(this.lastOverNode){
- this.onNodeOut(this.lastOverNode, dd, e, J);
- this.lastOverNode = null;
- }
- },
-
-
-
- notifyDrop : function(dd, e, K){
- if(this.lastOverNode){
- this.onNodeOut(this.lastOverNode, dd, e, K);
- this.lastOverNode = null;
- }
- var n = this.getTargetFromEvent(e);
- return n ?
- this.onNodeDrop(n, dd, e, K) :
- this.onContainerDrop(dd, e, K);
- },
-
-
- triggerCacheRefresh : function(){
- Roo.dd.DDM.refreshCache(this.groups);
- }
-});
-
-
-
-
-
-
-Roo.data.SortTypes = {
-
-
- none : function(s){
- return s;
- },
-
-
-
- stripTagsRE : /<\/?[^>]+>/gi,
-
-
-
- asText : function(s){
- return String(s).replace(this.stripTagsRE, "");
- },
-
-
-
- asUCText : function(s){
- return String(s).toUpperCase().replace(this.stripTagsRE, "");
- },
-
-
-
- asUCString : function(s) {
- return String(s).toUpperCase();
- },
-
-
-
- asDate : function(s) {
- if(!s){
- return 0;
- }
- if(s instanceof Date){
- return s.getTime();
- }
- return Date.parse(String(s));
- },
-
-
-
- asFloat : function(s) {
- var A = parseFloat(String(s).replace(/,/g, ""));
- if(isNaN(A)) A = 0;
- return A;
- },
-
-
-
- asInt : function(s) {
- var B = parseInt(String(s).replace(/,/g, ""));
- if(isNaN(B)) B = 0;
- return B;
- }
-};
-
-
-
-
-
-Roo.data.Record = function(A, id){
- this.id = (id || id === 0) ? id : ++Roo.data.Record.AUTO_ID;
- this.data = A;
-};
-
-
-
-Roo.data.Record.create = function(o){
- var f = function(){
- f.superclass.constructor.apply(this, arguments);
- };
- Roo.extend(f, Roo.data.Record);
- var p = f.prototype;
- p.fields = new Roo.util.MixedCollection(false, function(B){
- return B.name;
- });
- for(var i = 0, len = o.length; i < len; i++){
- p.fields.add(new Roo.data.Field(o[i]));
- }
-
- f.getField = function(B){
- return p.fields.get(B);
- };
- return f;
-};
-
-Roo.data.Record.AUTO_ID = 1000;
-Roo.data.Record.EDIT = 'edit';
-Roo.data.Record.REJECT = 'reject';
-Roo.data.Record.COMMIT = 'commit';
-
-Roo.data.Record.prototype = {
-
-
- dirty : false,
- editing : false,
- error: null,
- modified: null,
-
-
- join : function(B){
- this.store = B;
- },
-
-
-
- set : function(C, D){
- if(this.data[C] == D){
- return;
- }
-
- this.dirty = true;
- if(!this.modified){
- this.modified = {};
- }
- if(typeof this.modified[C] == 'undefined'){
- this.modified[C] = this.data[C];
- }
-
- this.data[C] = D;
- if(!this.editing){
- this.store.afterEdit(this);
- }
- },
-
-
-
- get : function(E){
- return this.data[E];
- },
-
-
- beginEdit : function(){
- this.editing = true;
- this.modified = {};
- },
-
-
- cancelEdit : function(){
- this.editing = false;
- delete this.modified;
- },
-
-
- endEdit : function(){
- this.editing = false;
- if(this.dirty && this.store){
- this.store.afterEdit(this);
- }
- },
-
-
-
- reject : function(){
- var m = this.modified;
- for(var n in m){
- if(typeof m[n] != "function"){
- this.data[n] = m[n];
- }
- }
-
- this.dirty = false;
- delete this.modified;
- this.editing = false;
- if(this.store){
- this.store.afterReject(this);
- }
- },
-
-
-
- commit : function(){
- this.dirty = false;
- delete this.modified;
- this.editing = false;
- if(this.store){
- this.store.afterCommit(this);
- }
- },
-
-
- hasError : function(){
- return this.error != null;
- },
-
-
- clearError : function(){
- this.error = null;
- },
-
-
-
- copy : function(F) {
- return new this.constructor(Roo.apply({}, this.data), F || this.id);
- }
-};
-
-
-
-
-
-
-
-Roo.data.Store = function(A){
- this.data = new Roo.util.MixedCollection(false);
- this.data.getKey = function(o){
- return o.id;
- };
- this.baseParams = {};
-
- this.paramNames = {
- "start" : "start",
- "limit" : "limit",
- "sort" : "sort",
- "dir" : "dir"
- };
-
- if(A && A.data){
- this.inlineData = A.data;
- delete A.data;
- }
-
-
- Roo.apply(this, A);
-
- if(this.reader){
- this.reader = Roo.factory(this.reader, Roo.data);
- this.reader.xmodule = this.xmodule || false;
- if(!this.recordType){
- this.recordType = this.reader.recordType;
- }
- if(this.reader.onMetaChange){
- this.reader.onMetaChange = this.onMetaChange.createDelegate(this);
- }
- }
-
- if(this.recordType){
- this.fields = this.recordType.prototype.fields;
- }
-
- this.modified = [];
-
- this.addEvents({
-
-
- datachanged : true,
-
-
- metachange : true,
-
-
- add : true,
-
-
- remove : true,
-
-
- update : true,
-
-
- clear : true,
-
-
- beforeload : true,
-
-
- load : true,
-
-
- loadexception : true
- });
-
- if(this.proxy){
- this.proxy = Roo.factory(this.proxy, Roo.data);
- this.proxy.xmodule = this.xmodule || false;
- this.relayEvents(this.proxy, ["loadexception"]);
- }
-
- this.sortToggle = {};
-
- Roo.data.Store.superclass.constructor.call(this);
-
- if(this.inlineData){
- this.loadData(this.inlineData);
- delete this.inlineData;
- }
-};
-Roo.extend(Roo.data.Store, Roo.util.Observable, {
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- remoteSort : false,
-
-
-
- pruneModifiedRecords : false,
-
-
- lastOptions : null,
-
-
-
- add : function(B){
- B = [].concat(B);
- for(var i = 0, len = B.length; i < len; i++){
- B[i].join(this);
- }
- var C = this.data.length;
- this.data.addAll(B);
- this.fireEvent("add", this, B, C);
- },
-
-
-
- remove : function(D){
- var E = this.data.indexOf(D);
- this.data.removeAt(E);
- if(this.pruneModifiedRecords){
- this.modified.remove(D);
- }
-
- this.fireEvent("remove", this, D, E);
- },
-
-
-
- removeAll : function(){
- this.data.clear();
- if(this.pruneModifiedRecords){
- this.modified = [];
- }
-
- this.fireEvent("clear", this);
- },
-
-
-
- insert : function(F, G){
- G = [].concat(G);
- for(var i = 0, len = G.length; i < len; i++){
- this.data.insert(F, G[i]);
- G[i].join(this);
- }
-
- this.fireEvent("add", this, G, F);
- },
-
-
-
- indexOf : function(H){
- return this.data.indexOf(H);
- },
-
-
-
- indexOfId : function(id){
- return this.data.indexOfKey(id);
- },
-
-
-
- getById : function(id){
- return this.data.key(id);
- },
-
-
-
- getAt : function(I){
- return this.data.itemAt(I);
- },
-
-
-
- getRange : function(J, K){
- return this.data.getRange(J, K);
- },
-
-
- storeOptions : function(o){
- o = Roo.apply({}, o);
- delete o.callback;
- delete o.scope;
- this.lastOptions = o;
- },
-
-
-
- load : function(L){
- L = L || {};
- if(this.fireEvent("beforeload", this, L) !== false){
- this.storeOptions(L);
- var p = Roo.apply(L.params || {}, this.baseParams);
- if(this.sortInfo && this.remoteSort){
- var pn = this.paramNames;
- p[pn["sort"]] = this.sortInfo.field;
- p[pn["dir"]] = this.sortInfo.direction;
- }
-
- this.proxy.load(p, this.reader, this.loadRecords, this, L);
- }
- },
-
-
-
- reload : function(M){
- this.load(Roo.applyIf(M||{}, this.lastOptions));
- },
-
-
-
- loadRecords : function(o, N, O){
- if(!o || O === false){
- if(O !== false){
- this.fireEvent("load", this, [], N);
- }
- if(N.callback){
- N.callback.call(N.scope || this, [], N, false);
- }
- return;
- }
-
- if (o.success === false) {
- this.fireEvent("loadexception", this, o, N, this.reader.jsonData);
- return;
- }
- var r = o.records, t = o.totalRecords || r.length;
- if(!N || N.add !== true){
- if(this.pruneModifiedRecords){
- this.modified = [];
- }
- for(var i = 0, len = r.length; i < len; i++){
- r[i].join(this);
- }
- if(this.snapshot){
- this.data = this.snapshot;
- delete this.snapshot;
- }
-
- this.data.clear();
- this.data.addAll(r);
- this.totalLength = t;
- this.applySort();
- this.fireEvent("datachanged", this);
- }else {
- this.totalLength = Math.max(t, this.data.length+r.length);
- this.add(r);
- }
-
- this.fireEvent("load", this, r, N);
- if(N.callback){
- N.callback.call(N.scope || this, r, N, true);
- }
- },
-
-
-
- loadData : function(o, P){
- var r = this.reader.readRecords(o);
- this.loadRecords(r, {add: P}, true);
- },
-
-
-
- getCount : function(){
- return this.data.length || 0;
- },
-
-
-
- getTotalCount : function(){
- return this.totalLength || 0;
- },
-
-
-
- getSortState : function(){
- return this.sortInfo;
- },
-
-
- applySort : function(){
- if(this.sortInfo && !this.remoteSort){
- var s = this.sortInfo, f = s.field;
- var st = this.fields.get(f).sortType;
- var fn = function(r1, r2){
- var v1 = st(r1.data[f]), v2 = st(r2.data[f]);
- return v1 > v2 ? 1 : (v1 < v2 ? -1 : 0);
- };
- this.data.sort(s.direction, fn);
- if(this.snapshot && this.snapshot != this.data){
- this.snapshot.sort(s.direction, fn);
- }
- }
- },
-
-
-
- setDefaultSort : function(Q, R){
- this.sortInfo = {field: Q, direction: R ? R.toUpperCase() : "ASC"};
- },
-
-
-
- sort : function(S, T){
- var f = this.fields.get(S);
- if(!T){
- if(this.sortInfo && this.sortInfo.field == f.name){
- T = (this.sortToggle[f.name] || "ASC").toggle("ASC", "DESC");
- }else {
- T = f.sortDir;
- }
- }
-
- this.sortToggle[f.name] = T;
- this.sortInfo = {field: f.name, direction: T};
- if(!this.remoteSort){
- this.applySort();
- this.fireEvent("datachanged", this);
- }else {
- this.load(this.lastOptions);
- }
- },
-
-
-
- each : function(fn, U){
- this.data.each(fn, U);
- },
-
-
-
- getModifiedRecords : function(){
- return this.modified;
- },
-
-
- createFilterFn : function(V, W, X){
- if(!W.exec){
- W = String(W);
- if(W.length == 0){
- return false;
- }
-
- W = new RegExp((X === true ? '' : '^') + Roo.escapeRe(W), "i");
- }
- return function(r){
- return W.test(r.data[V]);
- };
- },
-
-
-
- sum : function(Y, Z, a){
- var rs = this.data.items, v = 0;
- Z = Z || 0;
- a = (a || a === 0) ? a : rs.length-1;
-
- for(var i = Z; i <= a; i++){
- v += (rs[i].data[Y] || 0);
- }
- return v;
- },
-
-
-
- filter : function(b, c, d){
- var fn = this.createFilterFn(b, c, d);
- return fn ? this.filterBy(fn) : this.clearFilter();
- },
-
-
-
- filterBy : function(fn, e){
- this.snapshot = this.snapshot || this.data;
- this.data = this.queryBy(fn, e||this);
- this.fireEvent("datachanged", this);
- },
-
-
-
- query : function(g, h, j){
- var fn = this.createFilterFn(g, h, j);
- return fn ? this.queryBy(fn) : this.data.clone();
- },
-
-
-
- queryBy : function(fn, k){
- var l = this.snapshot || this.data;
- return l.filterBy(fn, k||this);
- },
-
-
-
- collect : function(m, n, q){
- var d = (q === true && this.snapshot) ?
- this.snapshot.items : this.data.items;
- var v, sv, r = [], l = {};
- for(var i = 0, len = d.length; i < len; i++){
- v = d[i].data[m];
- sv = String(v);
- if((n || !Roo.isEmpty(v)) && !l[sv]){
- l[sv] = true;
- r[r.length] = v;
- }
- }
- return r;
- },
-
-
-
- clearFilter : function(u){
- if(this.snapshot && this.snapshot != this.data){
- this.data = this.snapshot;
- delete this.snapshot;
- if(u !== true){
- this.fireEvent("datachanged", this);
- }
- }
- },
-
-
- afterEdit : function(w){
- if(this.modified.indexOf(w) == -1){
- this.modified.push(w);
- }
-
- this.fireEvent("update", this, w, Roo.data.Record.EDIT);
- },
-
-
- afterReject : function(x){
- this.modified.remove(x);
- this.fireEvent("update", this, x, Roo.data.Record.REJECT);
- },
-
-
- afterCommit : function(y){
- this.modified.remove(y);
- this.fireEvent("update", this, y, Roo.data.Record.COMMIT);
- },
-
-
-
- commitChanges : function(){
- var m = this.modified.slice(0);
- this.modified = [];
- for(var i = 0, len = m.length; i < len; i++){
- m[i].commit();
- }
- },
-
-
-
- rejectChanges : function(){
- var m = this.modified.slice(0);
- this.modified = [];
- for(var i = 0, len = m.length; i < len; i++){
- m[i].reject();
- }
- },
-
- onMetaChange : function(z, AA, o){
- this.recordType = AA;
- this.fields = AA.prototype.fields;
- delete this.snapshot;
- this.sortInfo = z.sortInfo;
- this.modified = [];
- this.fireEvent('metachange', this, this.reader.meta);
- }
-});
-
-
-
-
-
-Roo.data.SimpleStore = function(A){
- Roo.data.SimpleStore.superclass.constructor.call(this, {
- isLocal : true,
- reader: new Roo.data.ArrayReader({
- id: A.id
- },
- Roo.data.Record.create(A.fields)
- ),
- proxy : new Roo.data.MemoryProxy(A.data)
- });
- this.load();
-};
-Roo.extend(Roo.data.SimpleStore, Roo.data.Store);
-
-
-
-
-
-Roo.data.JsonStore = function(c){
- Roo.data.JsonStore.superclass.constructor.call(this, Roo.apply(c, {
- proxy: !c.data ? new Roo.data.HttpProxy({url: c.url}) : undefined,
- reader: new Roo.data.JsonReader(c, c.fields)
- }));
-};
-Roo.extend(Roo.data.JsonStore, Roo.data.Store);
-
-
-
-
-Roo.data.Field = function(A){
- if(typeof A == "string"){
- A = {name: A};
- }
-
- Roo.apply(this, A);
-
- if(!this.type){
- this.type = "auto";
- }
-
- var st = Roo.data.SortTypes;
-
- if(typeof this.sortType == "string"){
- this.sortType = st[this.sortType];
- }
-
-
- if(!this.sortType){
- switch(this.type){
- case "string":
- this.sortType = st.asUCString;
- break;
- case "date":
- this.sortType = st.asDate;
- break;
- default:
- this.sortType = st.none;
- }
- }
-
-
- var B = /[\$,%]/g;
-
-
-
- if(!this.convert){
- var cv, dateFormat = this.dateFormat;
- switch(this.type){
- case "":
- case "auto":
- case undefined:
- cv = function(v){ return v; };
- break;
- case "string":
- cv = function(v){ return (v === undefined || v === null) ? '' : String(v); };
- break;
- case "int":
- cv = function(v){
- return v !== undefined && v !== null && v !== '' ?
- parseInt(String(v).replace(B, ""), 10) : '';
- };
- break;
- case "float":
- cv = function(v){
- return v !== undefined && v !== null && v !== '' ?
- parseFloat(String(v).replace(B, ""), 10) : '';
- };
- break;
- case "bool":
- case "boolean":
- cv = function(v){ return v === true || v === "true" || v == 1; };
- break;
- case "date":
- cv = function(v){
- if(!v){
- return '';
- }
- if(v instanceof Date){
- return v;
- }
- if(dateFormat){
- if(dateFormat == "timestamp"){
- return new Date(v*1000);
- }
- return Date.parseDate(v, dateFormat);
- }
- var C = Date.parse(v);
- return C ? new Date(C) : null;
- };
- break;
-
- }
-
- this.convert = cv;
- }
-};
-
-Roo.data.Field.prototype = {
- dateFormat: null,
- defaultValue: "",
- mapping: null,
- sortType : null,
- sortDir : "ASC"
-};
-
-
-
-
-
-
-
-
-
-Roo.data.DataReader = function(A, B){
-
- this.meta = A;
-
- this.recordType = B instanceof Array ?
- Roo.data.Record.create(B) : B;
-};
-
-Roo.data.DataReader.prototype = {
-
-
- newRow : function(d) {
- var da = {};
- this.recordType.prototype.fields.each(function(c) {
- switch( c.type) {
- case 'int' : da[c.name] = 0; break;
- case 'date' : da[c.name] = new Date(); break;
- case 'float' : da[c.name] = 0.0; break;
- case 'boolean' : da[c.name] = false; break;
- default : da[c.name] = ""; break;
- }
-
- });
- return new this.recordType(Roo.apply(da, d));
- }
-
-};
-
-
-
-
-
-Roo.data.DataProxy = function(){
- this.addEvents({
-
-
- beforeload : true,
-
-
- load : true,
-
-
- loadexception : true
- });
- Roo.data.DataProxy.superclass.constructor.call(this);
-};
-
-Roo.extend(Roo.data.DataProxy, Roo.util.Observable);
-
-
-
-
-
-
-
-
-Roo.data.MemoryProxy = function(A){
- if (A.data) {
- A = A.data;
- }
-
- Roo.data.MemoryProxy.superclass.constructor.call(this);
- this.data = A;
-};
-
-Roo.extend(Roo.data.MemoryProxy, Roo.data.DataProxy, {
-
-
- load : function(B, C, D, E, F){
- B = B || {};
- var G;
- try {
- G = C.readRecords(this.data);
- }catch(e){
- this.fireEvent("loadexception", this, arg, null, e);
- callback.call(scope, null, arg, false);
- return;
- }
-
- D.call(E, G, F, true);
- },
-
-
- update : function(H, I){
-
- }
-});
-
-
-
-
-Roo.data.HttpProxy = function(A){
- Roo.data.HttpProxy.superclass.constructor.call(this);
-
- this.conn = A;
- this.useAjax = !A || !A.events;
-
-};
-
-Roo.extend(Roo.data.HttpProxy, Roo.data.DataProxy, {
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- getConnection : function(){
- return this.useAjax ? Roo.Ajax : this.conn;
- },
-
-
-
- load : function(B, C, D, E, F){
- if(this.fireEvent("beforeload", this, B) !== false){
- var o = {
- params : B || {},
- request: {
- callback : D,
- scope : E,
- arg : F
- },
- reader: C,
- callback : this.loadResponse,
- scope: this
- };
- if(this.useAjax){
- Roo.applyIf(o, this.conn);
- if(this.activeRequest){
- Roo.Ajax.abort(this.activeRequest);
- }
-
- this.activeRequest = Roo.Ajax.request(o);
- }else {
- this.conn.request(o);
- }
- }else {
- D.call(E||this, null, F, false);
- }
- },
-
-
- loadResponse : function(o, G, H){
- delete this.activeRequest;
- if(!G){
- this.fireEvent("loadexception", this, o, H);
- o.request.callback.call(o.request.scope, null, o.request.arg, false);
- return;
- }
- var I;
- try {
- I = o.reader.read(H);
- }catch(e){
- this.fireEvent("loadexception", this, o, response, e);
- o.request.callback.call(o.request.scope, null, o.request.arg, false);
- return;
- }
-
-
- this.fireEvent("load", this, o, o.request.arg);
- o.request.callback.call(o.request.scope, I, o.request.arg, true);
- },
-
-
- update : function(J){
-
- },
-
-
- updateResponse : function(K){
-
- }
-});
-
-
-
-
-
-Roo.data.ScriptTagProxy = function(A){
- Roo.data.ScriptTagProxy.superclass.constructor.call(this);
- Roo.apply(this, A);
- this.head = document.getElementsByTagName("head")[0];
-};
-
-Roo.data.ScriptTagProxy.TRANS_ID = 1000;
-
-Roo.extend(Roo.data.ScriptTagProxy, Roo.data.DataProxy, {
-
-
-
-
- timeout : 30000,
-
-
- callbackParam : "callback",
-
-
- nocache : true,
-
-
-
- load : function(B, C, D, E, F){
- if(this.fireEvent("beforeload", this, B) !== false){
-
- var p = Roo.urlEncode(Roo.apply(B, this.extraParams));
-
- var url = this.url;
- url += (url.indexOf("?") != -1 ? "&" : "?") + p;
- if(this.nocache){
- url += "&_dc=" + (new Date().getTime());
- }
- var transId = ++Roo.data.ScriptTagProxy.TRANS_ID;
- var trans = {
- id : transId,
- cb : "stcCallback"+transId,
- scriptId : "stcScript"+transId,
- params : B,
- arg : F,
- url : url,
- callback : D,
- scope : E,
- reader : C
- };
- var conn = this;
-
- window[trans.cb] = function(o){
- conn.handleResponse(o, trans);
- };
-
- url += String.format("&{0}={1}", this.callbackParam, trans.cb);
-
- if(this.autoAbort !== false){
- this.abort();
- }
-
-
- trans.timeoutId = this.handleFailure.defer(this.timeout, this, [trans]);
-
- var script = document.createElement("script");
- script.setAttribute("src", url);
- script.setAttribute("type", "text/javascript");
- script.setAttribute("id", trans.scriptId);
- this.head.appendChild(script);
-
- this.trans = trans;
- }else {
- D.call(E||this, null, F, false);
- }
- },
-
-
- isLoading : function(){
- return this.trans ? true : false;
- },
-
-
-
- abort : function(){
- if(this.isLoading()){
- this.destroyTrans(this.trans);
- }
- },
-
-
- destroyTrans : function(G, H){
- this.head.removeChild(document.getElementById(G.scriptId));
- clearTimeout(G.timeoutId);
- if(H){
- window[G.cb] = undefined;
- try{
- delete window[G.cb];
- }catch(e){}
- }else {
-
- window[G.cb] = function(){
- window[G.cb] = undefined;
- try{
- delete window[G.cb];
- }catch(e){}
- };
- }
- },
-
-
- handleResponse : function(o, I){
- this.trans = false;
- this.destroyTrans(I, true);
- var J;
- try {
- J = I.reader.readRecords(o);
- }catch(e){
- this.fireEvent("loadexception", this, o, trans.arg, e);
- trans.callback.call(trans.scope||window, null, trans.arg, false);
- return;
- }
-
- this.fireEvent("load", this, o, I.arg);
- I.callback.call(I.scope||window, J, I.arg, true);
- },
-
-
- handleFailure : function(K){
- this.trans = false;
- this.destroyTrans(K, false);
- this.fireEvent("loadexception", this, null, K.arg);
- K.callback.call(K.scope||window, null, K.arg, false);
- }
-});
-
-
-
-
-
-Roo.data.JsonReader = function(meta, recordType){
-
- meta = meta || {};
-
- Roo.applyIf(meta, {
- totalProperty: 'total',
- successProperty : 'success',
- root : 'data',
- id : 'id'
- });
-
- Roo.data.JsonReader.superclass.constructor.call(this, meta, recordType||meta.fields);
-};
-Roo.extend(Roo.data.JsonReader, Roo.data.DataReader, {
-
-
- read : function(response){
- var json = response.responseText;
-
-
- var o = eval("("+json+")");
- if(!o) {
- throw {message: "JsonReader.read: Json object not found"};
- }
-
- if(o.metaData){
- delete this.ef;
- this.meta = o.metaData;
- this.recordType = Roo.data.Record.create(o.metaData.fields);
- this.onMetaChange(this.meta, this.recordType, o);
- }
- return this.readRecords(o);
- },
-
-
- onMetaChange : function(meta, recordType, o){
-
- },
-
-
-
- simpleAccess: function(obj, subsc) {
- return obj[subsc];
- },
-
-
-
- getJsonAccessor: function(){
- var re = /[\[\.]/;
- return function(expr) {
- try {
- return (re.test(expr))
- ? new Function("obj", "return obj." + expr)
- : function(obj){
- return obj[expr];
- };
- } catch(e){}
- return Roo.emptyFn;
- };
- }(),
-
-
-
- readRecords : function(o){
-
-
- this.jsonData = o;
- var s = this.meta, Record = this.recordType,
- f = Record.prototype.fields, fi = f.items, fl = f.length;
-
-
- if (!this.ef) {
- if(s.totalProperty) {
- this.getTotal = this.getJsonAccessor(s.totalProperty);
- }
- if(s.successProperty) {
- this.getSuccess = this.getJsonAccessor(s.successProperty);
- }
-
- this.getRoot = s.root ? this.getJsonAccessor(s.root) : function(p){return p;};
- if (s.id) {
- var g = this.getJsonAccessor(s.id);
- this.getId = function(rec) {
- var r = g(rec);
- return (r === undefined || r === "") ? null : r;
- };
- } else {
- this.getId = function(){return null;};
- }
-
- this.ef = [];
- for(var i = 0; i < fl; i++){
- f = fi[i];
- var map = (f.mapping !== undefined && f.mapping !== null) ? f.mapping : f.name;
- this.ef[i] = this.getJsonAccessor(map);
- }
- }
-
- var root = this.getRoot(o), c = root.length, totalRecords = c, success = true;
- if(s.totalProperty){
- var v = parseInt(this.getTotal(o), 10);
- if(!isNaN(v)){
- totalRecords = v;
- }
- }
- if(s.successProperty){
- var v = this.getSuccess(o);
- if(v === false || v === 'false'){
- success = false;
- }
- }
- var records = [];
- for(var i = 0; i < c; i++){
- var n = root[i];
- var values = {};
- var id = this.getId(n);
- for(var j = 0; j < fl; j++){
- f = fi[j];
- var v = this.ef[j](n);
- values[f.name] = f.convert((v !== undefined) ? v : f.defaultValue);
- }
- var record = new Record(values, id);
- record.json = n;
- records[i] = record;
- }
- return {
- success : success,
- records : records,
- totalRecords : totalRecords
- };
- }
-});
-
-
-
-
-
-Roo.data.XmlReader = function(A, B){
- A = A || {};
- Roo.data.XmlReader.superclass.constructor.call(this, A, B||A.fields);
-};
-Roo.extend(Roo.data.XmlReader, Roo.data.DataReader, {
-
-
- read : function(C){
- var D = C.responseXML;
- if(!D) {
- throw {message: "XmlReader.read: XML Document not available"};
- }
- return this.readRecords(D);
- },
-
-
-
- readRecords : function(E){
-
-
- this.xmlData = E;
- var F = E.documentElement || E;
- var q = Roo.DomQuery;
- var G = this.recordType, H = G.prototype.fields;
- var I = this.meta.id;
- var J = 0, K = true;
- if(this.meta.totalRecords){
- J = q.selectNumber(this.meta.totalRecords, F, 0);
- }
-
- if(this.meta.success){
- var sv = q.selectValue(this.meta.success, F, true);
- K = sv !== false && sv !== 'false';
- }
- var L = [];
- var ns = q.select(this.meta.record, F);
- for(var i = 0, len = ns.length; i < len; i++) {
- var n = ns[i];
- var values = {};
- var id = I ? q.selectValue(I, n) : undefined;
- for(var j = 0, jlen = H.length; j < jlen; j++){
- var f = H.items[j];
- var v = q.selectValue(f.mapping || f.name, n, f.defaultValue);
- v = f.convert(v);
- values[f.name] = v;
- }
- var record = new G(values, id);
- record.node = n;
- L[L.length] = record;
- }
-
- return {
- success : K,
- records : L,
- totalRecords : J || L.length
- };
- }
-});
-
-
-
-
-
-Roo.data.ArrayReader = function(A, B){
- Roo.data.ArrayReader.superclass.constructor.call(this, A, B);
-};
-
-Roo.extend(Roo.data.ArrayReader, Roo.data.JsonReader, {
-
-
- readRecords : function(o){
- var C = this.meta ? this.meta.id : null;
- var D = this.recordType, E = D.prototype.fields;
- var F = [];
- var G = o;
- for(var i = 0; i < G.length; i++){
- var n = G[i];
- var values = {};
- var id = ((C || C === 0) && n[C] !== undefined && n[C] !== "" ? n[C] : null);
- for(var j = 0, jlen = E.length; j < jlen; j++){
- var f = E.items[j];
- var k = f.mapping !== undefined && f.mapping !== null ? f.mapping : j;
- var v = n[k] !== undefined ? n[k] : f.defaultValue;
- v = f.convert(v);
- values[f.name] = v;
- }
- var record = new D(values, id);
- record.json = n;
- F[F.length] = record;
- }
- return {
- records : F,
- totalRecords : F.length
- };
- }
-});
-
-
-
-
-
-
-Roo.data.Tree = function(A){
- this.nodeHash = {};
-
-
- this.root = null;
- if(A){
- this.setRootNode(A);
- }
-
- this.addEvents({
-
-
- "append" : true,
-
-
- "remove" : true,
-
-
- "move" : true,
-
-
- "insert" : true,
-
-
- "beforeappend" : true,
-
-
- "beforeremove" : true,
-
-
- "beforemove" : true,
-
-
- "beforeinsert" : true
- });
-
- Roo.data.Tree.superclass.constructor.call(this);
-};
-
-Roo.extend(Roo.data.Tree, Roo.util.Observable, {
- pathSeparator: "/",
-
- proxyNodeEvent : function(){
- return this.fireEvent.apply(this, arguments);
- },
-
-
-
- getRootNode : function(){
- return this.root;
- },
-
-
-
- setRootNode : function(B){
- this.root = B;
- B.ownerTree = this;
- B.isRoot = true;
- this.registerNode(B);
- return B;
- },
-
-
-
- getNodeById : function(id){
- return this.nodeHash[id];
- },
-
- registerNode : function(C){
- this.nodeHash[C.id] = C;
- },
-
- unregisterNode : function(D){
- delete this.nodeHash[D.id];
- },
-
- toString : function(){
- return "[Tree"+(this.id?" "+this.id:"")+"]";
- }
-});
-
-
-
-Roo.data.Node = function(E){
-
-
- this.attributes = E || {};
- this.leaf = this.attributes.leaf;
-
-
- this.id = this.attributes.id;
- if(!this.id){
- this.id = Roo.id(null, "ynode-");
- this.attributes.id = this.id;
- }
-
-
-
- this.childNodes = [];
- if(!this.childNodes.indexOf){
- this.childNodes.indexOf = function(o){
- for(var i = 0, len = this.length; i < len; i++){
- if(this[i] == o) return i;
- }
- return -1;
- };
- }
-
-
-
- this.parentNode = null;
-
-
- this.firstChild = null;
-
-
- this.lastChild = null;
-
-
- this.previousSibling = null;
-
-
- this.nextSibling = null;
-
- this.addEvents({
-
-
- "append" : true,
-
-
- "remove" : true,
-
-
- "move" : true,
-
-
- "insert" : true,
-
-
- "beforeappend" : true,
-
-
- "beforeremove" : true,
-
-
- "beforemove" : true,
-
-
- "beforeinsert" : true
- });
- this.listeners = this.attributes.listeners;
- Roo.data.Node.superclass.constructor.call(this);
-};
-
-Roo.extend(Roo.data.Node, Roo.util.Observable, {
- fireEvent : function(F){
-
- if(Roo.data.Node.superclass.fireEvent.apply(this, arguments) === false){
- return false;
- }
-
- var ot = this.getOwnerTree();
- if(ot){
- if(ot.proxyNodeEvent.apply(ot, arguments) === false){
- return false;
- }
- }
- return true;
- },
-
-
-
- isLeaf : function(){
- return this.leaf === true;
- },
-
-
- setFirstChild : function(G){
- this.firstChild = G;
- },
-
-
- setLastChild : function(H){
- this.lastChild = H;
- },
-
-
-
-
- isLast : function(){
- return (!this.parentNode ? true : this.parentNode.lastChild == this);
- },
-
-
-
- isFirst : function(){
- return (!this.parentNode ? true : this.parentNode.firstChild == this);
- },
-
- hasChildNodes : function(){
- return !this.isLeaf() && this.childNodes.length > 0;
- },
-
-
-
- appendChild : function(I){
- var J = false;
- if(I instanceof Array){
- J = I;
- }else if(arguments.length > 1){
- J = arguments;
- }
-
- if(J){
- for(var i = 0, len = J.length; i < len; i++) {
- this.appendChild(J[i]);
- }
- }else {
- if(this.fireEvent("beforeappend", this.ownerTree, this, I) === false){
- return false;
- }
- var index = this.childNodes.length;
- var oldParent = I.parentNode;
-
- if(oldParent){
- if(I.fireEvent("beforemove", I.getOwnerTree(), I, oldParent, this, index) === false){
- return false;
- }
-
- oldParent.removeChild(I);
- }
-
- index = this.childNodes.length;
- if(index == 0){
- this.setFirstChild(I);
- }
-
- this.childNodes.push(I);
- I.parentNode = this;
- var ps = this.childNodes[index-1];
- if(ps){
- I.previousSibling = ps;
- ps.nextSibling = I;
- }else {
- I.previousSibling = null;
- }
-
- I.nextSibling = null;
- this.setLastChild(I);
- I.setOwnerTree(this.getOwnerTree());
- this.fireEvent("append", this.ownerTree, this, I, index);
- if(oldParent){
- I.fireEvent("move", this.ownerTree, I, oldParent, this, index);
- }
- return I;
- }
- },
-
-
-
- removeChild : function(K){
- var L = this.childNodes.indexOf(K);
- if(L == -1){
- return false;
- }
- if(this.fireEvent("beforeremove", this.ownerTree, this, K) === false){
- return false;
- }
-
-
-
- this.childNodes.splice(L, 1);
-
-
- if(K.previousSibling){
- K.previousSibling.nextSibling = K.nextSibling;
- }
- if(K.nextSibling){
- K.nextSibling.previousSibling = K.previousSibling;
- }
-
-
- if(this.firstChild == K){
- this.setFirstChild(K.nextSibling);
- }
- if(this.lastChild == K){
- this.setLastChild(K.previousSibling);
- }
-
-
- K.setOwnerTree(null);
-
- K.parentNode = null;
- K.previousSibling = null;
- K.nextSibling = null;
- this.fireEvent("remove", this.ownerTree, this, K);
- return K;
- },
-
-
-
- insertBefore : function(M, N){
- if(!N){
- return this.appendChild(M);
- }
-
- if(M == N){
- return false;
- }
-
- if(this.fireEvent("beforeinsert", this.ownerTree, this, M, N) === false){
- return false;
- }
- var O = this.childNodes.indexOf(N);
- var P = M.parentNode;
- var Q = O;
-
-
- if(P == this && this.childNodes.indexOf(M) < O){
- Q--;
- }
-
-
- if(P){
- if(M.fireEvent("beforemove", M.getOwnerTree(), M, P, this, O, N) === false){
- return false;
- }
-
- P.removeChild(M);
- }
- if(Q == 0){
- this.setFirstChild(M);
- }
-
- this.childNodes.splice(Q, 0, M);
- M.parentNode = this;
- var ps = this.childNodes[Q-1];
- if(ps){
- M.previousSibling = ps;
- ps.nextSibling = M;
- }else {
- M.previousSibling = null;
- }
-
- M.nextSibling = N;
- N.previousSibling = M;
- M.setOwnerTree(this.getOwnerTree());
- this.fireEvent("insert", this.ownerTree, this, M, N);
- if(P){
- M.fireEvent("move", this.ownerTree, M, P, this, Q, N);
- }
- return M;
- },
-
-
-
- item : function(R){
- return this.childNodes[R];
- },
-
-
-
- replaceChild : function(S, T){
- this.insertBefore(S, T);
- this.removeChild(T);
- return T;
- },
-
-
-
- indexOf : function(U){
- return this.childNodes.indexOf(U);
- },
-
-
-
- getOwnerTree : function(){
-
- if(!this.ownerTree){
- var p = this;
- while(p){
- if(p.ownerTree){
- this.ownerTree = p.ownerTree;
- break;
- }
-
- p = p.parentNode;
- }
- }
- return this.ownerTree;
- },
-
-
-
- getDepth : function(){
- var V = 0;
- var p = this;
- while(p.parentNode){
- ++V;
- p = p.parentNode;
- }
- return V;
- },
-
-
- setOwnerTree : function(W){
-
- if(W != this.ownerTree){
- if(this.ownerTree){
- this.ownerTree.unregisterNode(this);
- }
-
- this.ownerTree = W;
- var cs = this.childNodes;
- for(var i = 0, len = cs.length; i < len; i++) {
- cs[i].setOwnerTree(W);
- }
- if(W){
- W.registerNode(this);
- }
- }
- },
-
-
-
- getPath : function(X){
- X = X || "id";
- var p = this.parentNode;
- var b = [this.attributes[X]];
- while(p){
- b.unshift(p.attributes[X]);
- p = p.parentNode;
- }
- var Y = this.getOwnerTree().pathSeparator;
- return Y + b.join(Y);
- },
-
-
-
- bubble : function(fn, Z, a){
- var p = this;
- while(p){
- if(fn.call(Z || p, a || p) === false){
- break;
- }
-
- p = p.parentNode;
- }
- },
-
-
-
- cascade : function(fn, c, d){
- if(fn.call(c || this, d || this) !== false){
- var cs = this.childNodes;
- for(var i = 0, len = cs.length; i < len; i++) {
- cs[i].cascade(fn, c, d);
- }
- }
- },
-
-
-
- eachChild : function(fn, e, f){
- var cs = this.childNodes;
- for(var i = 0, len = cs.length; i < len; i++) {
- if(fn.call(e || this, f || cs[i]) === false){
- break;
- }
- }
- },
-
-
-
- findChild : function(g, h){
- var cs = this.childNodes;
- for(var i = 0, len = cs.length; i < len; i++) {
- if(cs[i].attributes[g] == h){
- return cs[i];
- }
- }
- return null;
- },
-
-
-
- findChildBy : function(fn, j){
- var cs = this.childNodes;
- for(var i = 0, len = cs.length; i < len; i++) {
- if(fn.call(j||cs[i], cs[i]) === true){
- return cs[i];
- }
- }
- return null;
- },
-
-
-
- sort : function(fn, k){
- var cs = this.childNodes;
- var l = cs.length;
- if(l > 0){
- var sortFn = k ? function(){fn.apply(k, arguments);} : fn;
- cs.sort(sortFn);
- for(var i = 0; i < l; i++){
- var n = cs[i];
- n.previousSibling = cs[i-1];
- n.nextSibling = cs[i+1];
- if(i == 0){
- this.setFirstChild(n);
- }
- if(i == l-1){
- this.setLastChild(n);
- }
- }
- }
- },
-
-
-
- contains : function(m){
- return m.isAncestor(this);
- },
-
-
-
- isAncestor : function(o){
- var p = this.parentNode;
- while(p){
- if(p == o){
- return true;
- }
-
- p = p.parentNode;
- }
- return false;
- },
-
- toString : function(){
- return "[Node"+(this.id?" "+this.id:"")+"]";
- }
-});
-
-
-
-
-
-
-Roo.ComponentMgr = function(){
- var A = new Roo.util.MixedCollection();
-
- return {
-
-
- register : function(c){
- A.add(c);
- },
-
-
-
- unregister : function(c){
- A.remove(c);
- },
-
-
-
- get : function(id){
- return A.get(id);
- },
-
-
-
- onAvailable : function(id, fn, C){
- A.on("add", function(D, o){
- if(o.id == id){
- fn.call(C || o, o);
- A.un("add", fn, C);
- }
- });
- }
- };
-}();
-
-
-
-
-
-Roo.Component = function(A){
- A = A || {};
- if(A.tagName || A.dom || typeof A == "string"){
- A = {el: A, id: A.id || A};
- }
-
- this.initialConfig = A;
-
- Roo.apply(this, A);
- this.addEvents({
-
-
- disable : true,
-
-
- enable : true,
-
-
- beforeshow : true,
-
-
- show : true,
-
-
- beforehide : true,
-
-
- hide : true,
-
-
- beforerender : true,
-
-
- render : true,
-
-
- beforedestroy : true,
-
-
- destroy : true
- });
- if(!this.id){
- this.id = "ext-comp-" + (++Roo.Component.AUTO_ID);
- }
-
- Roo.ComponentMgr.register(this);
- Roo.Component.superclass.constructor.call(this);
- this.initComponent();
- if(this.renderTo){
- this.render(this.renderTo);
- delete this.renderTo;
- }
-};
-
-
-Roo.Component.AUTO_ID = 1000;
-
-Roo.extend(Roo.Component, Roo.util.Observable, {
-
-
- hidden : false,
-
-
- disabled : false,
-
-
- rendered : false,
-
-
-
- disabledClass : "x-item-disabled",
-
-
- allowDomMove : true,
-
-
- hideMode: 'display',
-
-
- ctype : "Roo.Component",
-
-
-
- actionMode : "el",
-
-
- getActionEl : function(){
- return this[this.actionMode];
- },
-
- initComponent : Roo.emptyFn,
-
-
- render : function(B, C){
- if(!this.rendered && this.fireEvent("beforerender", this) !== false){
- if(!B && this.el){
- this.el = Roo.get(this.el);
- B = this.el.dom.parentNode;
- this.allowDomMove = false;
- }
-
- this.container = Roo.get(B);
- this.rendered = true;
- if(C !== undefined){
- if(typeof C == 'number'){
- C = this.container.dom.childNodes[C];
- }else {
- C = Roo.getDom(C);
- }
- }
-
- this.onRender(this.container, C || null);
- if(this.cls){
- this.el.addClass(this.cls);
- delete this.cls;
- }
- if(this.style){
- this.el.applyStyles(this.style);
- delete this.style;
- }
-
- this.fireEvent("render", this);
- this.afterRender(this.container);
- if(this.hidden){
- this.hide();
- }
- if(this.disabled){
- this.disable();
- }
- }
- return this;
- },
-
-
-
- onRender : function(ct, D){
- if(this.el){
- this.el = Roo.get(this.el);
- if(this.allowDomMove !== false){
- ct.dom.insertBefore(this.el.dom, D);
- }
- }
- },
-
-
- getAutoCreate : function(){
- var E = typeof this.autoCreate == "object" ?
- this.autoCreate : Roo.apply({}, this.defaultAutoCreate);
- if(this.id && !E.id){
- E.id = this.id;
- }
- return E;
- },
-
-
- afterRender : Roo.emptyFn,
-
-
-
- destroy : function(){
- if(this.fireEvent("beforedestroy", this) !== false){
- this.purgeListeners();
- this.beforeDestroy();
- if(this.rendered){
- this.el.removeAllListeners();
- this.el.remove();
- if(this.actionMode == "container"){
- this.container.remove();
- }
- }
-
- this.onDestroy();
- Roo.ComponentMgr.unregister(this);
- this.fireEvent("destroy", this);
- }
- },
-
-
- beforeDestroy : function(){
-
- },
-
-
- onDestroy : function(){
-
- },
-
-
-
- getEl : function(){
- return this.el;
- },
-
-
-
- getId : function(){
- return this.id;
- },
-
-
-
- focus : function(F){
- if(this.rendered){
- this.el.focus();
- if(F === true){
- this.el.dom.select();
- }
- }
- return this;
- },
-
-
- blur : function(){
- if(this.rendered){
- this.el.blur();
- }
- return this;
- },
-
-
-
- disable : function(){
- if(this.rendered){
- this.onDisable();
- }
-
- this.disabled = true;
- this.fireEvent("disable", this);
- return this;
- },
-
-
- onDisable : function(){
- this.getActionEl().addClass(this.disabledClass);
- this.el.dom.disabled = true;
- },
-
-
-
- enable : function(){
- if(this.rendered){
- this.onEnable();
- }
-
- this.disabled = false;
- this.fireEvent("enable", this);
- return this;
- },
-
-
- onEnable : function(){
- this.getActionEl().removeClass(this.disabledClass);
- this.el.dom.disabled = false;
- },
-
-
-
- setDisabled : function(G){
- this[G ? "disable" : "enable"]();
- },
-
-
-
- show: function(){
- if(this.fireEvent("beforeshow", this) !== false){
- this.hidden = false;
- if(this.rendered){
- this.onShow();
- }
-
- this.fireEvent("show", this);
- }
- return this;
- },
-
-
- onShow : function(){
- var ae = this.getActionEl();
- if(this.hideMode == 'visibility'){
- ae.dom.style.visibility = "visible";
- }else if(this.hideMode == 'offsets'){
- ae.removeClass('x-hidden');
- }else {
- ae.dom.style.display = "";
- }
- },
-
-
-
- hide: function(){
- if(this.fireEvent("beforehide", this) !== false){
- this.hidden = true;
- if(this.rendered){
- this.onHide();
- }
-
- this.fireEvent("hide", this);
- }
- return this;
- },
-
-
- onHide : function(){
- var ae = this.getActionEl();
- if(this.hideMode == 'visibility'){
- ae.dom.style.visibility = "hidden";
- }else if(this.hideMode == 'offsets'){
- ae.addClass('x-hidden');
- }else {
- ae.dom.style.display = "none";
- }
- },
-
-
-
- setVisible: function(H){
- if(H) {
- this.show();
- }else {
- this.hide();
- }
- return this;
- },
-
-
-
- isVisible : function(){
- return this.getActionEl().isVisible();
- },
-
- cloneConfig : function(I){
- I = I || {};
- var id = I.id || Roo.id();
- var J = Roo.applyIf(I, this.initialConfig);
- J.id = id;
- return new this.constructor(J);
- }
-});
-
-
- (function(){
-
-
-
-Roo.Layer = function(C, D){
- C = C || {};
- var dh = Roo.DomHelper;
- var cp = C.parentEl, E = cp ? Roo.getDom(cp) : document.body;
- if(D){
- this.dom = Roo.getDom(D);
- }
- if(!this.dom){
- var o = C.dh || {tag: "div", cls: "x-layer"};
- this.dom = dh.append(E, o);
- }
- if(C.cls){
- this.addClass(C.cls);
- }
-
- this.constrain = C.constrain !== false;
- this.visibilityMode = Roo.Element.VISIBILITY;
- if(C.id){
- this.id = this.dom.id = C.id;
- }else {
- this.id = Roo.id(this.dom);
- }
-
- this.zindex = C.zindex || this.getZIndex();
- this.position("absolute", this.zindex);
- if(C.shadow){
- this.shadowOffset = C.shadowOffset || 4;
- this.shadow = new Roo.Shadow({
- offset : this.shadowOffset,
- mode : C.shadow
- });
- }else {
- this.shadowOffset = 0;
- }
-
- this.useShim = C.shim !== false && Roo.useShims;
- this.useDisplay = C.useDisplay;
- this.hide();
-};
-
-var A = Roo.Element.prototype;
-
-
-var B = [];
-
-Roo.extend(Roo.Layer, Roo.Element, {
-
- getZIndex : function(){
- return this.zindex || parseInt(this.getStyle("z-index"), 10) || 11000;
- },
-
- getShim : function(){
- if(!this.useShim){
- return null;
- }
- if(this.shim){
- return this.shim;
- }
- var C = B.shift();
- if(!C){
- C = this.createShim();
- C.enableDisplayMode('block');
- C.dom.style.display = 'none';
- C.dom.style.visibility = 'visible';
- }
- var pn = this.dom.parentNode;
- if(C.dom.parentNode != pn){
- pn.insertBefore(C.dom, this.dom);
- }
-
- C.setStyle('z-index', this.getZIndex()-2);
- this.shim = C;
- return C;
- },
-
- hideShim : function(){
- if(this.shim){
- this.shim.setDisplayed(false);
- B.push(this.shim);
- delete this.shim;
- }
- },
-
- disableShadow : function(){
- if(this.shadow){
- this.shadowDisabled = true;
- this.shadow.hide();
- this.lastShadowOffset = this.shadowOffset;
- this.shadowOffset = 0;
- }
- },
-
- enableShadow : function(D){
- if(this.shadow){
- this.shadowDisabled = false;
- this.shadowOffset = this.lastShadowOffset;
- delete this.lastShadowOffset;
- if(D){
- this.sync(true);
- }
- }
- },
-
-
-
-
- sync : function(E){
- var sw = this.shadow;
- if(!this.updating && this.isVisible() && (sw || this.useShim)){
- var sh = this.getShim();
-
- var w = this.getWidth(),
- h = this.getHeight();
-
- var l = this.getLeft(true),
- t = this.getTop(true);
-
- if(sw && !this.shadowDisabled){
- if(E && !sw.isVisible()){
- sw.show(this);
- }else {
- sw.realign(l, t, w, h);
- }
- if(sh){
- if(E){
- sh.show();
- }
-
- var a = sw.adjusts, s = sh.dom.style;
- s.left = (Math.min(l, l+a.l))+"px";
- s.top = (Math.min(t, t+a.t))+"px";
- s.width = (w+a.w)+"px";
- s.height = (h+a.h)+"px";
- }
- }else if(sh){
- if(E){
- sh.show();
- }
-
- sh.setSize(w, h);
- sh.setLeftTop(l, t);
- }
-
- }
- },
-
-
- destroy : function(){
- this.hideShim();
- if(this.shadow){
- this.shadow.hide();
- }
-
- this.removeAllListeners();
- var pn = this.dom.parentNode;
- if(pn){
- pn.removeChild(this.dom);
- }
-
- Roo.Element.uncache(this.id);
- },
-
- remove : function(){
- this.destroy();
- },
-
-
- beginUpdate : function(){
- this.updating = true;
- },
-
-
- endUpdate : function(){
- this.updating = false;
- this.sync(true);
- },
-
-
- hideUnders : function(F){
- if(this.shadow){
- this.shadow.hide();
- }
-
- this.hideShim();
- },
-
-
- constrainXY : function(){
- if(this.constrain){
- var vw = Roo.lib.Dom.getViewWidth(),
- vh = Roo.lib.Dom.getViewHeight();
- var s = Roo.get(document).getScroll();
-
- var xy = this.getXY();
- var x = xy[0], y = xy[1];
- var w = this.dom.offsetWidth+this.shadowOffset, h = this.dom.offsetHeight+this.shadowOffset;
-
- var moved = false;
-
- if((x + w) > vw+s.left){
- x = vw - w - this.shadowOffset;
- moved = true;
- }
- if((y + h) > vh+s.top){
- y = vh - h - this.shadowOffset;
- moved = true;
- }
-
- if(x < s.left){
- x = s.left;
- moved = true;
- }
- if(y < s.top){
- y = s.top;
- moved = true;
- }
- if(moved){
- if(this.avoidY){
- var ay = this.avoidY;
- if(y <= ay && (y+h) >= ay){
- y = ay-h-5;
- }
- }
-
- xy = [x, y];
- this.storeXY(xy);
- A.setXY.call(this, xy);
- this.sync();
- }
- }
- },
-
- isVisible : function(){
- return this.visible;
- },
-
-
- showAction : function(){
- this.visible = true;
- if(this.useDisplay === true){
- this.setDisplayed("");
- }else if(this.lastXY){
- A.setXY.call(this, this.lastXY);
- }else if(this.lastLT){
- A.setLeftTop.call(this, this.lastLT[0], this.lastLT[1]);
- }
- },
-
-
- hideAction : function(){
- this.visible = false;
- if(this.useDisplay === true){
- this.setDisplayed(false);
- }else {
- this.setLeftTop(-10000,-10000);
- }
- },
-
-
- setVisible : function(v, a, d, c, e){
- if(v){
- this.showAction();
- }
- if(a && v){
- var cb = function(){
- this.sync(true);
- if(c){
- c();
- }
- }.createDelegate(this);
- A.setVisible.call(this, true, true, d, cb, e);
- }else {
- if(!v){
- this.hideUnders(true);
- }
- var cb = c;
- if(a){
- cb = function(){
- this.hideAction();
- if(c){
- c();
- }
- }.createDelegate(this);
- }
-
- A.setVisible.call(this, v, a, d, cb, e);
- if(v){
- this.sync(true);
- }else if(!a){
- this.hideAction();
- }
- }
- },
-
- storeXY : function(xy){
- delete this.lastLT;
- this.lastXY = xy;
- },
-
- storeLeftTop : function(G, H){
- delete this.lastXY;
- this.lastLT = [G, H];
- },
-
-
- beforeFx : function(){
- this.beforeAction();
- return Roo.Layer.superclass.beforeFx.apply(this, arguments);
- },
-
-
- afterFx : function(){
- Roo.Layer.superclass.afterFx.apply(this, arguments);
- this.sync(this.isVisible());
- },
-
-
- beforeAction : function(){
- if(!this.updating && this.shadow){
- this.shadow.hide();
- }
- },
-
-
- setLeft : function(I){
- this.storeLeftTop(I, this.getTop(true));
- A.setLeft.apply(this, arguments);
- this.sync();
- },
-
- setTop : function(J){
- this.storeLeftTop(this.getLeft(true), J);
- A.setTop.apply(this, arguments);
- this.sync();
- },
-
- setLeftTop : function(K, L){
- this.storeLeftTop(K, L);
- A.setLeftTop.apply(this, arguments);
- this.sync();
- },
-
- setXY : function(xy, a, d, c, e){
- this.fixDisplay();
- this.beforeAction();
- this.storeXY(xy);
- var cb = this.createCB(c);
- A.setXY.call(this, xy, a, d, cb, e);
- if(!a){
- cb();
- }
- },
-
-
- createCB : function(c){
- var el = this;
- return function(){
- el.constrainXY();
- el.sync(true);
- if(c){
- c();
- }
- };
- },
-
-
- setX : function(x, a, d, c, e){
- this.setXY([x, this.getY()], a, d, c, e);
- },
-
-
- setY : function(y, a, d, c, e){
- this.setXY([this.getX(), y], a, d, c, e);
- },
-
-
- setSize : function(w, h, a, d, c, e){
- this.beforeAction();
- var cb = this.createCB(c);
- A.setSize.call(this, w, h, a, d, cb, e);
- if(!a){
- cb();
- }
- },
-
-
- setWidth : function(w, a, d, c, e){
- this.beforeAction();
- var cb = this.createCB(c);
- A.setWidth.call(this, w, a, d, cb, e);
- if(!a){
- cb();
- }
- },
-
-
- setHeight : function(h, a, d, c, e){
- this.beforeAction();
- var cb = this.createCB(c);
- A.setHeight.call(this, h, a, d, cb, e);
- if(!a){
- cb();
- }
- },
-
-
- setBounds : function(x, y, w, h, a, d, c, e){
- this.beforeAction();
- var cb = this.createCB(c);
- if(!a){
- this.storeXY([x, y]);
- A.setXY.call(this, [x, y]);
- A.setSize.call(this, w, h, a, d, cb, e);
- cb();
- }else {
- A.setBounds.call(this, x, y, w, h, a, d, cb, e);
- }
- return this;
- },
-
-
-
- setZIndex : function(M){
- this.zindex = M;
- this.setStyle("z-index", M + 2);
- if(this.shadow){
- this.shadow.setZIndex(M + 1);
- }
- if(this.shim){
- this.shim.setStyle("z-index", M);
- }
- }
-});
-})();
-
-
-
-
-
-
-Roo.Shadow = function(A){
- Roo.apply(this, A);
- if(typeof this.mode != "string"){
- this.mode = this.defaultMode;
- }
- var o = this.offset, a = {h: 0};
- var B = Math.floor(this.offset/2);
- switch(this.mode.toLowerCase()){
- case "drop":
- a.w = 0;
- a.l = a.t = o;
- a.t -= 1;
- if(Roo.isIE){
- a.l -= this.offset + B;
- a.t -= this.offset + B;
- a.w -= B;
- a.h -= B;
- a.t += 1;
- }
- break;
- case "sides":
- a.w = (o*2);
- a.l = -o;
- a.t = o-1;
- if(Roo.isIE){
- a.l -= (this.offset - B);
- a.t -= this.offset + B;
- a.l += 1;
- a.w -= (this.offset - B)*2;
- a.w -= B + 1;
- a.h -= 1;
- }
- break;
- case "frame":
- a.w = a.h = (o*2);
- a.l = a.t = -o;
- a.t += 1;
- a.h -= 2;
- if(Roo.isIE){
- a.l -= (this.offset - B);
- a.t -= (this.offset - B);
- a.l += 1;
- a.w -= (this.offset + B + 1);
- a.h -= (this.offset + B);
- a.h += 1;
- }
- break;
- };
-
- this.adjusts = a;
-};
-
-Roo.Shadow.prototype = {
-
-
-
-
- offset: 4,
-
-
- defaultMode: "drop",
-
-
-
- show : function(C){
- C = Roo.get(C);
- if(!this.el){
- this.el = Roo.Shadow.Pool.pull();
- if(this.el.dom.nextSibling != C.dom){
- this.el.insertBefore(C);
- }
- }
-
- this.el.setStyle("z-index", this.zIndex || parseInt(C.getStyle("z-index"), 10)-1);
- if(Roo.isIE){
- this.el.dom.style.filter="progid:DXImageTransform.Microsoft.alpha(opacity=50) progid:DXImageTransform.Microsoft.Blur(pixelradius="+(this.offset)+")";
- }
-
- this.realign(
- C.getLeft(true),
- C.getTop(true),
- C.getWidth(),
- C.getHeight()
- );
- this.el.dom.style.display = "block";
- },
-
-
-
- isVisible : function(){
- return this.el ? true : false;
- },
-
-
-
- realign : function(l, t, w, h){
- if(!this.el){
- return;
- }
- var a = this.adjusts, d = this.el.dom, s = d.style;
- var D = 0;
- s.left = (l+a.l)+"px";
- s.top = (t+a.t)+"px";
- var sw = (w+a.w), sh = (h+a.h), E = sw +"px", F = sh + "px";
- if(s.width != E || s.height != F){
- s.width = E;
- s.height = F;
- if(!Roo.isIE){
- var cn = d.childNodes;
- var sww = Math.max(0, (sw-12))+"px";
- cn[0].childNodes[1].style.width = sww;
- cn[1].childNodes[1].style.width = sww;
- cn[2].childNodes[1].style.width = sww;
- cn[1].style.height = Math.max(0, (sh-12))+"px";
- }
- }
- },
-
-
-
- hide : function(){
- if(this.el){
- this.el.dom.style.display = "none";
- Roo.Shadow.Pool.push(this.el);
- delete this.el;
- }
- },
-
-
-
- setZIndex : function(z){
- this.zIndex = z;
- if(this.el){
- this.el.setStyle("z-index", z);
- }
- }
-};
-
-
-Roo.Shadow.Pool = function(){
- var p = [];
- var G = Roo.isIE ?
- '<div class="x-ie-shadow"></div>' :
- '<div class="x-shadow"><div class="xst"><div class="xstl"></div><div class="xstc"></div><div class="xstr"></div></div><div class="xsc"><div class="xsml"></div><div class="xsmc"></div><div class="xsmr"></div></div><div class="xsb"><div class="xsbl"></div><div class="xsbc"></div><div class="xsbr"></div></div></div>';
- return {
- pull : function(){
- var sh = p.shift();
- if(!sh){
- sh = Roo.get(Roo.DomHelper.insertHtml("beforeBegin", document.body.firstChild, G));
- sh.autoBoxAdjust = false;
- }
- return sh;
- },
-
- push : function(sh){
- p.push(sh);
- }
- };
-}();
-
-
-
-
-
-Roo.BoxComponent = function(A){
- Roo.Component.call(this, A);
- this.addEvents({
-
-
- resize : true,
-
-
- move : true
- });
-};
-
-Roo.extend(Roo.BoxComponent, Roo.Component, {
-
- boxReady : false,
-
- deferHeight: false,
-
-
-
-
-
-
-
- setSize : function(w, h){
-
- if(typeof w == 'object'){
- h = w.height;
- w = w.width;
- }
-
- if(!this.boxReady){
- this.width = w;
- this.height = h;
- return this;
- }
-
-
- if(this.lastSize && this.lastSize.width == w && this.lastSize.height == h){
- return this;
- }
-
- this.lastSize = {width: w, height: h};
-
- var B = this.adjustSize(w, h);
- var aw = B.width, ah = B.height;
- if(aw !== undefined || ah !== undefined){
- var rz = this.getResizeEl();
- if(!this.deferHeight && aw !== undefined && ah !== undefined){
- rz.setSize(aw, ah);
- }else if(!this.deferHeight && ah !== undefined){
- rz.setHeight(ah);
- }else if(aw !== undefined){
- rz.setWidth(aw);
- }
-
- this.onResize(aw, ah, w, h);
- this.fireEvent('resize', this, aw, ah, w, h);
- }
- return this;
- },
-
-
-
- getSize : function(){
- return this.el.getSize();
- },
-
-
-
- getPosition : function(C){
- if(C === true){
- return [this.el.getLeft(true), this.el.getTop(true)];
- }
- return this.xy || this.el.getXY();
- },
-
-
-
- getBox : function(D){
- var s = this.el.getSize();
- if(D){
- s.x = this.el.getLeft(true);
- s.y = this.el.getTop(true);
- }else {
- var xy = this.xy || this.el.getXY();
- s.x = xy[0];
- s.y = xy[1];
- }
- return s;
- },
-
-
-
- updateBox : function(E){
- this.setSize(E.width, E.height);
- this.setPagePosition(E.x, E.y);
- return this;
- },
-
-
- getResizeEl : function(){
- return this.resizeEl || this.el;
- },
-
-
- getPositionEl : function(){
- return this.positionEl || this.el;
- },
-
-
-
- setPosition : function(x, y){
- this.x = x;
- this.y = y;
- if(!this.boxReady){
- return this;
- }
- var F = this.adjustPosition(x, y);
- var ax = F.x, ay = F.y;
-
- var el = this.getPositionEl();
- if(ax !== undefined || ay !== undefined){
- if(ax !== undefined && ay !== undefined){
- el.setLeftTop(ax, ay);
- }else if(ax !== undefined){
- el.setLeft(ax);
- }else if(ay !== undefined){
- el.setTop(ay);
- }
-
- this.onPosition(ax, ay);
- this.fireEvent('move', this, ax, ay);
- }
- return this;
- },
-
-
-
- setPagePosition : function(x, y){
- this.pageX = x;
- this.pageY = y;
- if(!this.boxReady){
- return;
- }
- if(x === undefined || y === undefined){
- return;
- }
- var p = this.el.translatePoints(x, y);
- this.setPosition(p.left, p.top);
- return this;
- },
-
-
- onRender : function(ct, G){
- Roo.BoxComponent.superclass.onRender.call(this, ct, G);
- if(this.resizeEl){
- this.resizeEl = Roo.get(this.resizeEl);
- }
- if(this.positionEl){
- this.positionEl = Roo.get(this.positionEl);
- }
- },
-
-
- afterRender : function(){
- Roo.BoxComponent.superclass.afterRender.call(this);
- this.boxReady = true;
- this.setSize(this.width, this.height);
- if(this.x || this.y){
- this.setPosition(this.x, this.y);
- }
- if(this.pageX || this.pageY){
- this.setPagePosition(this.pageX, this.pageY);
- }
- },
-
-
-
- syncSize : function(){
- delete this.lastSize;
- this.setSize(this.el.getWidth(), this.el.getHeight());
- return this;
- },
-
-
-
- onResize : function(H, I, J, K){
-
- },
-
-
-
- onPosition : function(x, y){
-
- },
-
-
- adjustSize : function(w, h){
- if(this.autoWidth){
- w = 'auto';
- }
- if(this.autoHeight){
- h = 'auto';
- }
- return {width : w, height: h};
- },
-
-
- adjustPosition : function(x, y){
- return {x : x, y: y};
- }
-});
-
-
-
-
-
-
-Roo.SplitBar = function(A, B, C, D, E){
-
-
-
- this.el = Roo.get(A, true);
- this.el.dom.unselectable = "on";
-
-
- this.resizingEl = Roo.get(B, true);
-
-
-
- this.orientation = C || Roo.SplitBar.HORIZONTAL;
-
-
-
- this.minSize = 0;
-
-
-
- this.maxSize = 2000;
-
-
-
- this.animate = false;
-
-
-
- this.useShim = false;
-
-
-
- this.shim = null;
-
- if(!E){
-
-
- this.proxy = Roo.SplitBar.createProxy(this.orientation);
- }else {
- this.proxy = Roo.get(E).dom;
- }
-
-
-
- this.dd = new Roo.dd.DDProxy(this.el.dom.id, "XSplitBars", {dragElId : this.proxy.id});
-
-
-
- this.dd.b4StartDrag = this.onStartProxyDrag.createDelegate(this);
-
-
-
- this.dd.endDrag = this.onEndProxyDrag.createDelegate(this);
-
-
-
- this.dragSpecs = {};
-
-
-
- this.adapter = new Roo.SplitBar.BasicLayoutAdapter();
- this.adapter.init(this);
-
- if(this.orientation == Roo.SplitBar.HORIZONTAL){
-
-
- this.placement = D || (this.el.getX() > this.resizingEl.getX() ? Roo.SplitBar.LEFT : Roo.SplitBar.RIGHT);
- this.el.addClass("x-splitbar-h");
- }else {
-
-
- this.placement = D || (this.el.getY() > this.resizingEl.getY() ? Roo.SplitBar.TOP : Roo.SplitBar.BOTTOM);
- this.el.addClass("x-splitbar-v");
- }
-
-
- this.addEvents({
-
-
- "resize" : true,
-
-
- "moved" : true,
-
-
- "beforeresize" : true,
-
- "beforeapply" : true
- });
-
- Roo.util.Observable.call(this);
-};
-
-Roo.extend(Roo.SplitBar, Roo.util.Observable, {
- onStartProxyDrag : function(x, y){
- this.fireEvent("beforeresize", this);
- if(!this.overlay){
- var o = Roo.DomHelper.insertFirst(document.body, {cls: "x-drag-overlay", html: " "}, true);
- o.unselectable();
- o.enableDisplayMode("block");
-
- Roo.SplitBar.prototype.overlay = o;
- }
-
- this.overlay.setSize(Roo.lib.Dom.getViewWidth(true), Roo.lib.Dom.getViewHeight(true));
- this.overlay.show();
- Roo.get(this.proxy).setDisplayed("block");
- var F = this.adapter.getElementSize(this);
- this.activeMinSize = this.getMinimumSize();;
- this.activeMaxSize = this.getMaximumSize();;
- var c1 = F - this.activeMinSize;
- var c2 = Math.max(this.activeMaxSize - F, 0);
- if(this.orientation == Roo.SplitBar.HORIZONTAL){
- this.dd.resetConstraints();
- this.dd.setXConstraint(
- this.placement == Roo.SplitBar.LEFT ? c1 : c2,
- this.placement == Roo.SplitBar.LEFT ? c2 : c1
- );
- this.dd.setYConstraint(0, 0);
- }else {
- this.dd.resetConstraints();
- this.dd.setXConstraint(0, 0);
- this.dd.setYConstraint(
- this.placement == Roo.SplitBar.TOP ? c1 : c2,
- this.placement == Roo.SplitBar.TOP ? c2 : c1
- );
- }
-
- this.dragSpecs.startSize = F;
- this.dragSpecs.startPoint = [x, y];
- Roo.dd.DDProxy.prototype.b4StartDrag.call(this.dd, x, y);
- },
-
-
-
- onEndProxyDrag : function(e){
- Roo.get(this.proxy).setDisplayed(false);
- var G = Roo.lib.Event.getXY(e);
- if(this.overlay){
- this.overlay.hide();
- }
- var H;
- if(this.orientation == Roo.SplitBar.HORIZONTAL){
- H = this.dragSpecs.startSize +
- (this.placement == Roo.SplitBar.LEFT ?
- G[0] - this.dragSpecs.startPoint[0] :
- this.dragSpecs.startPoint[0] - G[0]
- );
- }else {
- H = this.dragSpecs.startSize +
- (this.placement == Roo.SplitBar.TOP ?
- G[1] - this.dragSpecs.startPoint[1] :
- this.dragSpecs.startPoint[1] - G[1]
- );
- }
-
- H = Math.min(Math.max(H, this.activeMinSize), this.activeMaxSize);
- if(H != this.dragSpecs.startSize){
- if(this.fireEvent('beforeapply', this, H) !== false){
- this.adapter.setElementSize(this, H);
- this.fireEvent("moved", this, H);
- this.fireEvent("resize", this, H);
- }
- }
- },
-
-
-
- getAdapter : function(){
- return this.adapter;
- },
-
-
-
- setAdapter : function(I){
- this.adapter = I;
- this.adapter.init(this);
- },
-
-
-
- getMinimumSize : function(){
- return this.minSize;
- },
-
-
-
- setMinimumSize : function(J){
- this.minSize = J;
- },
-
-
-
- getMaximumSize : function(){
- return this.maxSize;
- },
-
-
-
- setMaximumSize : function(K){
- this.maxSize = K;
- },
-
-
-
- setCurrentSize : function(L){
- var M = this.animate;
- this.animate = false;
- this.adapter.setElementSize(this, L);
- this.animate = M;
- },
-
-
-
- destroy : function(N){
- if(this.shim){
- this.shim.remove();
- }
-
- this.dd.unreg();
- this.proxy.parentNode.removeChild(this.proxy);
- if(N){
- this.el.remove();
- }
- }
-});
-
-
-
-Roo.SplitBar.createProxy = function(O){
- var P = new Roo.Element(document.createElement("div"));
- P.unselectable();
- var Q = 'x-splitbar-proxy';
- P.addClass(Q + ' ' + (O == Roo.SplitBar.HORIZONTAL ? Q +'-h' : Q + '-v'));
- document.body.appendChild(P.dom);
- return P.dom;
-};
-
-
-
-Roo.SplitBar.BasicLayoutAdapter = function(){
-};
-
-Roo.SplitBar.BasicLayoutAdapter.prototype = {
-
- init : function(s){
-
- },
-
-
- getElementSize : function(s){
- if(s.orientation == Roo.SplitBar.HORIZONTAL){
- return s.resizingEl.getWidth();
- }else {
- return s.resizingEl.getHeight();
- }
- },
-
-
-
- setElementSize : function(s, R, S){
- if(s.orientation == Roo.SplitBar.HORIZONTAL){
- if(!s.animate){
- s.resizingEl.setWidth(R);
- if(S){
- S(s, R);
- }
- }else {
- s.resizingEl.setWidth(R, true, .1, S, 'easeOut');
- }
- }else {
-
- if(!s.animate){
- s.resizingEl.setHeight(R);
- if(S){
- S(s, R);
- }
- }else {
- s.resizingEl.setHeight(R, true, .1, S, 'easeOut');
- }
- }
- }
-};
-
-
-
-Roo.SplitBar.AbsoluteLayoutAdapter = function(T){
- this.basic = new Roo.SplitBar.BasicLayoutAdapter();
- this.container = Roo.get(T);
-};
-
-Roo.SplitBar.AbsoluteLayoutAdapter.prototype = {
- init : function(s){
- this.basic.init(s);
- },
-
- getElementSize : function(s){
- return this.basic.getElementSize(s);
- },
-
- setElementSize : function(s, U, V){
- this.basic.setElementSize(s, U, this.moveSplitter.createDelegate(this, [s]));
- },
-
- moveSplitter : function(s){
- var W = Roo.SplitBar;
- switch(s.placement){
- case W.LEFT:
- s.el.setX(s.resizingEl.getRight());
- break;
- case W.RIGHT:
- s.el.setStyle("right", (this.container.getWidth() - s.resizingEl.getLeft()) + "px");
- break;
- case W.TOP:
- s.el.setY(s.resizingEl.getBottom());
- break;
- case W.BOTTOM:
- s.el.setY(s.resizingEl.getTop() - s.el.getHeight());
- break;
- }
- }
-};
-
-
-
-Roo.SplitBar.VERTICAL = 1;
-
-
-
-Roo.SplitBar.HORIZONTAL = 2;
-
-
-
-Roo.SplitBar.LEFT = 1;
-
-
-
-Roo.SplitBar.RIGHT = 2;
-
-
-
-Roo.SplitBar.TOP = 3;
-
-
-
-Roo.SplitBar.BOTTOM = 4;
-
-
-
-
-
-
-Roo.View = function(A, B, C){
-
- if (typeof(B) == 'undefined') {
-
- Roo.apply(this, A);
- this.el = Roo.get(this.el);
- } else {
-
- this.el = Roo.get(A);
- this.tpl = B;
- Roo.apply(this, C);
- }
-
-
- if(typeof(this.tpl) == "string"){
- this.tpl = new Roo.Template(this.tpl);
- } else {
-
- this.tpl = new Roo.factory(this.tpl, Roo);
- }
-
-
-
- this.tpl.compile();
-
-
-
-
-
- this.addEvents({
-
-
- "beforeclick" : true,
-
-
- "click" : true,
-
-
- "dblclick" : true,
-
-
- "contextmenu" : true,
-
-
- "selectionchange" : true,
-
-
-
- "beforeselect" : true
- });
-
- this.el.on({
- "click": this.onClick,
- "dblclick": this.onDblClick,
- "contextmenu": this.onContextMenu,
- scope:this
- });
-
- this.selections = [];
- this.nodes = [];
- this.cmp = new Roo.CompositeElementLite([]);
- if(this.store){
- this.store = Roo.factory(this.store, Roo.data);
- this.setStore(this.store, true);
- }
-
- Roo.View.superclass.constructor.call(this);
-};
-
-Roo.extend(Roo.View, Roo.util.Observable, {
-
-
-
- store : false,
-
-
-
- el : '',
-
-
-
- tpl : false,
-
-
-
- selectedClass : "x-view-selected",
-
-
- emptyText : "",
-
-
- getEl : function(){
- return this.el;
- },
-
-
-
- refresh : function(){
- var t = this.tpl;
- this.clearSelections();
- this.el.update("");
- var D = [];
- var E = this.store.getRange();
- if(E.length < 1){
- this.el.update(this.emptyText);
- return;
- }
- for(var i = 0, len = E.length; i < len; i++){
- var data = this.prepareData(E[i].data, i, E[i]);
- D[D.length] = t.apply(data);
- }
-
- this.el.update(D.join(""));
- this.nodes = this.el.dom.childNodes;
- this.updateIndexes(0);
- },
-
-
-
- prepareData : function(F){
- return F;
- },
-
- onUpdate : function(ds, G){
- this.clearSelections();
- var H = this.store.indexOf(G);
- var n = this.nodes[H];
- this.tpl.insertBefore(n, this.prepareData(G.data));
- n.parentNode.removeChild(n);
- this.updateIndexes(H, H);
- },
-
- onAdd : function(ds, I, J){
- this.clearSelections();
- if(this.nodes.length == 0){
- this.refresh();
- return;
- }
- var n = this.nodes[J];
- for(var i = 0, len = I.length; i < len; i++){
- var d = this.prepareData(I[i].data);
- if(n){
- this.tpl.insertBefore(n, d);
- }else {
- this.tpl.append(this.el, d);
- }
- }
-
- this.updateIndexes(J);
- },
-
- onRemove : function(ds, K, L){
- this.clearSelections();
- this.el.dom.removeChild(this.nodes[L]);
- this.updateIndexes(L);
- },
-
-
-
- refreshNode : function(M){
- this.onUpdate(this.store, this.store.getAt(M));
- },
-
- updateIndexes : function(N, O){
- var ns = this.nodes;
- N = N || 0;
- O = O || ns.length - 1;
- for(var i = N; i <= O; i++){
- ns[i].nodeIndex = i;
- }
- },
-
-
-
- setStore : function(P, Q){
- if(!Q && this.store){
- this.store.un("datachanged", this.refresh);
- this.store.un("add", this.onAdd);
- this.store.un("remove", this.onRemove);
- this.store.un("update", this.onUpdate);
- this.store.un("clear", this.refresh);
- }
- if(P){
-
- P.on("datachanged", this.refresh, this);
- P.on("add", this.onAdd, this);
- P.on("remove", this.onRemove, this);
- P.on("update", this.onUpdate, this);
- P.on("clear", this.refresh, this);
- }
-
- if(P){
- this.refresh();
- }
- },
-
-
-
- findItemFromChild : function(R){
- var el = this.el.dom;
- if(!R || R.parentNode == el){
- return R;
- }
- var p = R.parentNode;
- while(p && p != el){
- if(p.parentNode == el){
- return p;
- }
-
- p = p.parentNode;
- }
- return null;
- },
-
-
-
- onClick : function(e){
- var S = this.findItemFromChild(e.getTarget());
- if(S){
- var M = this.indexOf(S);
- if(this.onItemClick(S, M, e) !== false){
- this.fireEvent("click", this, M, S, e);
- }
- }else {
- this.clearSelections();
- }
- },
-
-
-
- onContextMenu : function(e){
- var T = this.findItemFromChild(e.getTarget());
- if(T){
- this.fireEvent("contextmenu", this, this.indexOf(T), T, e);
- }
- },
-
-
-
- onDblClick : function(e){
- var U = this.findItemFromChild(e.getTarget());
- if(U){
- this.fireEvent("dblclick", this, this.indexOf(U), U, e);
- }
- },
-
- onItemClick : function(V, W, e){
- if(this.fireEvent("beforeclick", this, W, V, e) === false){
- return false;
- }
- if(this.multiSelect || this.singleSelect){
- if(this.multiSelect && e.shiftKey && this.lastSelection){
- this.select(this.getNodes(this.indexOf(this.lastSelection), W), false);
- }else {
- this.select(V, this.multiSelect && e.ctrlKey);
- this.lastSelection = V;
- }
-
- e.preventDefault();
- }
- return true;
- },
-
-
-
- getSelectionCount : function(){
- return this.selections.length;
- },
-
-
-
- getSelectedNodes : function(){
- return this.selections;
- },
-
-
-
- getSelectedIndexes : function(){
- var X = [], s = this.selections;
- for(var i = 0, len = s.length; i < len; i++){
- X.push(s[i].nodeIndex);
- }
- return X;
- },
-
-
-
- clearSelections : function(Y){
- if(this.nodes && (this.multiSelect || this.singleSelect) && this.selections.length > 0){
- this.cmp.elements = this.selections;
- this.cmp.removeClass(this.selectedClass);
- this.selections = [];
- if(!Y){
- this.fireEvent("selectionchange", this, this.selections);
- }
- }
- },
-
-
-
- isSelected : function(Z){
- var s = this.selections;
- if(s.length < 1){
- return false;
- }
-
- Z = this.getNode(Z);
- return s.indexOf(Z) !== -1;
- },
-
-
-
- select : function(a, b, c){
- if(a instanceof Array){
- if(!b){
- this.clearSelections(true);
- }
- for(var i = 0, len = a.length; i < len; i++){
- this.select(a[i], true, true);
- }
- } else {
- var Z = this.getNode(a);
- if(Z && !this.isSelected(Z)){
- if(!b){
- this.clearSelections(true);
- }
- if(this.fireEvent("beforeselect", this, Z, this.selections) !== false){
- Roo.fly(Z).addClass(this.selectedClass);
- this.selections.push(Z);
- if(!c){
- this.fireEvent("selectionchange", this, this.selections);
- }
- }
- }
- }
- },
-
-
-
- getNode : function(f){
- if(typeof f == "string"){
- return document.getElementById(f);
- }else if(typeof f == "number"){
- return this.nodes[f];
- }
- return f;
- },
-
-
-
- getNodes : function(g, h){
- var ns = this.nodes;
- g = g || 0;
- h = typeof h == "undefined" ? ns.length - 1 : h;
- var j = [];
- if(g <= h){
- for(var i = g; i <= h; i++){
- j.push(ns[i]);
- }
- } else {
- for(var i = g; i >= h; i--){
- j.push(ns[i]);
- }
- }
- return j;
- },
-
-
-
- indexOf : function(k){
- k = this.getNode(k);
- if(typeof k.nodeIndex == "number"){
- return k.nodeIndex;
- }
- var ns = this.nodes;
- for(var i = 0, len = ns.length; i < len; i++){
- if(ns[i] == k){
- return i;
- }
- }
- return -1;
- }
-});
-
-
-
-
-
-
-Roo.JsonView = function(A, B, C){
-
-
- Roo.JsonView.superclass.constructor.call(this, A, B, C);
-
- var um = this.el.getUpdateManager();
- um.setRenderer(this);
- um.on("update", this.onLoad, this);
- um.on("failure", this.onLoadException, this);
-
-
-
-
-
-
-
- this.addEvents({
- 'beforerender' : true,
- 'load' : true,
- 'loadexception' : true
- });
-};
-Roo.extend(Roo.JsonView, Roo.View, {
-
-
- jsonRoot : "",
-
-
-
- refresh : function(){
- this.clearSelections();
- this.el.update("");
- var D = [];
- var o = this.jsonData;
- if(o && o.length > 0){
- for(var i = 0, len = o.length; i < len; i++){
- var data = this.prepareData(o[i], i, o);
- D[D.length] = this.tpl.apply(data);
- }
- }else {
- D.push(this.emptyText);
- }
-
- this.el.update(D.join(""));
- this.nodes = this.el.dom.childNodes;
- this.updateIndexes(0);
- },
-
-
-
- load : function(){
- var um = this.el.getUpdateManager();
- um.update.apply(um, arguments);
- },
-
- render : function(el, E){
- this.clearSelections();
- this.el.update("");
- var o;
- try{
- o = Roo.util.JSON.decode(E.responseText);
- if(this.jsonRoot){
-
- o =
- eval("o." + this.jsonRoot);
- }
- } catch(e){
- }
-
-
-
- this.jsonData = o;
- this.beforeRender();
- this.refresh();
- },
-
-
-
- getCount : function(){
- return this.jsonData ? this.jsonData.length : 0;
- },
-
-
-
- getNodeData : function(F){
- if(F instanceof Array){
- var data = [];
- for(var i = 0, len = F.length; i < len; i++){
- data.push(this.getNodeData(F[i]));
- }
- return data;
- }
- return this.jsonData[this.indexOf(F)] || null;
- },
-
- beforeRender : function(){
- this.snapshot = this.jsonData;
- if(this.sortInfo){
- this.sort.apply(this, this.sortInfo);
- }
-
- this.fireEvent("beforerender", this, this.jsonData);
- },
-
- onLoad : function(el, o){
- this.fireEvent("load", this, this.jsonData, o);
- },
-
- onLoadException : function(el, o){
- this.fireEvent("loadexception", this, o);
- },
-
-
-
- filter : function(G, H){
- if(this.jsonData){
- var data = [];
- var ss = this.snapshot;
- if(typeof H == "string"){
- var vlen = H.length;
- if(vlen == 0){
- this.clearFilter();
- return;
- }
-
- H = H.toLowerCase();
- for(var i = 0, len = ss.length; i < len; i++){
- var o = ss[i];
- if(o[G].substr(0, vlen).toLowerCase() == H){
- data.push(o);
- }
- }
- } else if(H.exec){
- for(var i = 0, len = ss.length; i < len; i++){
- var o = ss[i];
- if(H.test(o[G])){
- data.push(o);
- }
- }
- } else {
- return;
- }
-
- this.jsonData = data;
- this.refresh();
- }
- },
-
-
-
- filterBy : function(fn, I){
- if(this.jsonData){
- var data = [];
- var ss = this.snapshot;
- for(var i = 0, len = ss.length; i < len; i++){
- var o = ss[i];
- if(fn.call(I || this, o)){
- data.push(o);
- }
- }
-
- this.jsonData = data;
- this.refresh();
- }
- },
-
-
-
- clearFilter : function(){
- if(this.snapshot && this.jsonData != this.snapshot){
- this.jsonData = this.snapshot;
- this.refresh();
- }
- },
-
-
-
-
- sort : function(J, K, L){
- this.sortInfo = Array.prototype.slice.call(arguments, 0);
- if(this.jsonData){
- var p = J;
- var dsc = K && K.toLowerCase() == "desc";
- var f = function(o1, o2){
- var v1 = L ? L(o1[p]) : o1[p];
- var v2 = L ? L(o2[p]) : o2[p];
- ;
- if(v1 < v2){
- return dsc ? +1 : -1;
- } else if(v1 > v2){
- return dsc ? -1 : +1;
- } else {
- return 0;
- }
- };
- this.jsonData.sort(f);
- this.refresh();
- if(this.jsonData != this.snapshot){
- this.snapshot.sort(f);
- }
- }
- }
-});
-
-
-
-
-
-
-Roo.ColorPalette = function(A){
- Roo.ColorPalette.superclass.constructor.call(this, A);
- this.addEvents({
-
-
- select: true
- });
-
- if(this.handler){
- this.on("select", this.handler, this.scope, true);
- }
-};
-Roo.extend(Roo.ColorPalette, Roo.Component, {
-
-
- itemCls : "x-color-palette",
-
-
- value : null,
- clickEvent:'click',
-
- ctype: "Roo.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(B, C){
- var t = new Roo.MasterTemplate(
- '<tpl><a href="#" class="color-{0}" hidefocus="on"><em><span style="background:#{0}" unselectable="on"> </span></em></a></tpl>'
- );
- var c = this.colors;
- for(var i = 0, len = c.length; i < len; i++){
- t.add([c[i]]);
- }
- var el = document.createElement("div");
- el.className = this.itemCls;
- t.overwrite(el);
- B.dom.insertBefore(el, C);
- this.el = Roo.get(el);
- this.el.on(this.clickEvent, this.handleClick, this, {delegate: "a"});
- if(this.clickEvent != 'click'){
- this.el.on('click', Roo.emptyFn, this, {delegate: "a", preventDefault:true});
- }
- },
-
-
- afterRender : function(){
- Roo.ColorPalette.superclass.afterRender.call(this);
- if(this.value){
- var s = this.value;
- this.value = null;
- this.select(s);
- }
- },
-
-
- handleClick : function(e, t){
- e.preventDefault();
- if(!this.disabled){
- var c = t.className.match(/(?:^|\s)color-(.{6})(?:\s|$)/)[1];
- this.select(c.toUpperCase());
- }
- },
-
-
-
- select : function(D){
- D = D.replace("#", "");
- if(D != this.value || this.allowReselect){
- var el = this.el;
- if(this.value){
- el.child("a.color-"+this.value).removeClass("x-color-palette-sel");
- }
-
- el.child("a.color-"+D).addClass("x-color-palette-sel");
- this.value = D;
- this.fireEvent("select", this, D);
- }
- }
-});
-
-
-
-
-
-Roo.DatePicker = function(A){
- Roo.DatePicker.superclass.constructor.call(this, A);
-
- this.value = A && A.value ?
- A.value.clearTime() : new Date().clearTime();
-
- this.addEvents({
-
-
- select: true
- });
-
- if(this.handler){
- this.on("select", this.handler, this.scope || this);
- }
-
- if(!this.disabledDatesRE && this.disabledDates){
- var dd = this.disabledDates;
- var re = "(?:";
- for(var i = 0; i < dd.length; i++){
- re += dd[i];
- if(i != dd.length-1) re += "|";
- }
-
- this.disabledDatesRE = new RegExp(re + ")");
- }
-};
-
-Roo.extend(Roo.DatePicker, Roo.Component, {
-
-
- todayText : "Today",
-
-
- okText : " OK ",
-
-
- cancelText : "Cancel",
-
-
- todayTip : "{0} (Spacebar)",
-
-
- minDate : null,
-
-
- maxDate : null,
-
-
- minText : "This date is before the minimum date",
-
-
- maxText : "This date is after the maximum date",
-
-
- format : "m/d/y",
-
-
- disabledDays : null,
-
-
- disabledDaysText : "",
-
-
- disabledDatesRE : null,
-
-
- disabledDatesText : "",
-
-
- constrainToViewport : true,
-
-
- monthNames : Date.monthNames,
-
-
- dayNames : Date.dayNames,
-
-
- nextText: 'Next Month (Control+Right)',
-
-
- prevText: 'Previous Month (Control+Left)',
-
-
- monthYearText: 'Choose a month (Control+Up/Down to move years)',
-
-
- startDay : 0,
-
-
-
- showClear: false,
-
-
-
- setValue : function(B){
- var C = this.value;
- this.value = B.clearTime(true);
- if(this.el){
- this.update(this.value);
- }
- },
-
-
-
- getValue : function(){
- return this.value;
- },
-
-
- focus : function(){
- if(this.el){
- this.update(this.activeDate);
- }
- },
-
-
- onRender : function(D, E){
- var m = [
- '<table cellspacing="0">',
- '<tr><td class="x-date-left"><a href="#" title="', this.prevText ,'"> </a></td><td class="x-date-middle" align="center"></td><td class="x-date-right"><a href="#" title="', this.nextText ,'"> </a></td></tr>',
- '<tr><td colspan="3"><table class="x-date-inner" cellspacing="0"><thead><tr>'];
- var dn = this.dayNames;
- for(var i = 0; i < 7; i++){
- var d = this.startDay+i;
- if(d > 6){
- d = d-7;
- }
-
- m.push("<th><span>", dn[d].substr(0,1), "</span></th>");
- }
-
- m[m.length] = "</tr></thead><tbody><tr>";
- for(var i = 0; i < 42; i++) {
- if(i % 7 == 0 && i != 0){
- m[m.length] = "</tr><tr>";
- }
-
- m[m.length] = '<td><a href="#" hidefocus="on" class="x-date-date" tabIndex="1"><em><span></span></em></a></td>';
- }
-
- m[m.length] = '</tr></tbody></table></td></tr><tr>'+
- '<td colspan="3" class="x-date-bottom" align="center"></td></tr></table><div class="x-date-mp"></div>';
-
- var el = document.createElement("div");
- el.className = "x-date-picker";
- el.innerHTML = m.join("");
-
- D.dom.insertBefore(el, E);
-
- this.el = Roo.get(el);
- this.eventEl = Roo.get(el.firstChild);
-
- new Roo.util.ClickRepeater(this.el.child("td.x-date-left a"), {
- handler: this.showPrevMonth,
- scope: this,
- preventDefault:true,
- stopDefault:true
- });
-
- new Roo.util.ClickRepeater(this.el.child("td.x-date-right a"), {
- handler: this.showNextMonth,
- scope: this,
- preventDefault:true,
- stopDefault:true
- });
-
- this.eventEl.on("mousewheel", this.handleMouseWheel, this);
-
- this.monthPicker = this.el.down('div.x-date-mp');
- this.monthPicker.enableDisplayMode('block');
-
- var kn = new Roo.KeyNav(this.eventEl, {
- "left" : function(e){
- e.ctrlKey ?
- this.showPrevMonth() :
- this.update(this.activeDate.add("d", -1));
- },
-
- "right" : function(e){
- e.ctrlKey ?
- this.showNextMonth() :
- this.update(this.activeDate.add("d", 1));
- },
-
- "up" : function(e){
- e.ctrlKey ?
- this.showNextYear() :
- this.update(this.activeDate.add("d", -7));
- },
-
- "down" : function(e){
- e.ctrlKey ?
- this.showPrevYear() :
- this.update(this.activeDate.add("d", 7));
- },
-
- "pageUp" : function(e){
- this.showNextMonth();
- },
-
- "pageDown" : function(e){
- this.showPrevMonth();
- },
-
- "enter" : function(e){
- e.stopPropagation();
- return true;
- },
-
- scope : this
- });
-
- this.eventEl.on("click", this.handleDateClick, this, {delegate: "a.x-date-date"});
-
- this.eventEl.addKeyListener(Roo.EventObject.SPACE, this.selectToday, this);
-
- this.el.unselectable();
-
- this.cells = this.el.select("table.x-date-inner tbody td");
- this.textNodes = this.el.query("table.x-date-inner tbody span");
-
- this.mbtn = new Roo.Button(this.el.child("td.x-date-middle", true), {
- text: " ",
- tooltip: this.monthYearText
- });
-
- this.mbtn.on('click', this.showMonthPicker, this);
- this.mbtn.el.child(this.mbtn.menuClassTarget).addClass("x-btn-with-menu");
-
-
- var F = (new Date()).dateFormat(this.format);
-
- var G = new Roo.Toolbar(this.el.child("td.x-date-bottom", true));
- G.add({
- text: String.format(this.todayText, F),
- tooltip: String.format(this.todayTip, F),
- handler: this.selectToday,
- scope: this
- });
-
-
-
-
- if (this.showClear) {
-
- G.add( new Roo.Toolbar.Fill());
- G.add({
- text: ' ',
- cls: 'x-btn-icon x-btn-clear',
- handler: function() {
-
- this.fireEvent("select", this, '');
- },
- scope: this
- });
- }
-
-
- if(Roo.isIE){
- this.el.repaint();
- }
-
- this.update(this.value);
- },
-
- createMonthPicker : function(){
- if(!this.monthPicker.dom.firstChild){
- var buf = ['<table border="0" cellspacing="0">'];
- for(var i = 0; i < 6; i++){
- buf.push(
- '<tr><td class="x-date-mp-month"><a href="#">', this.monthNames[i].substr(0, 3), '</a></td>',
- '<td class="x-date-mp-month x-date-mp-sep"><a href="#">', this.monthNames[i+6].substr(0, 3), '</a></td>',
- i == 0 ?
- '<td class="x-date-mp-ybtn" align="center"><a class="x-date-mp-prev"></a></td><td class="x-date-mp-ybtn" align="center"><a class="x-date-mp-next"></a></td></tr>' :
- '<td class="x-date-mp-year"><a href="#"></a></td><td class="x-date-mp-year"><a href="#"></a></td></tr>'
- );
- }
-
- buf.push(
- '<tr class="x-date-mp-btns"><td colspan="4"><button type="button" class="x-date-mp-ok">',
- this.okText,
- '</button><button type="button" class="x-date-mp-cancel">',
- this.cancelText,
- '</button></td></tr>',
- '</table>'
- );
- this.monthPicker.update(buf.join(''));
- this.monthPicker.on('click', this.onMonthClick, this);
- this.monthPicker.on('dblclick', this.onMonthDblClick, this);
-
- this.mpMonths = this.monthPicker.select('td.x-date-mp-month');
- this.mpYears = this.monthPicker.select('td.x-date-mp-year');
-
- this.mpMonths.each(function(m, a, i){
- i += 1;
- if((i%2) == 0){
- m.dom.xmonth = 5 + Math.round(i * .5);
- }else {
- m.dom.xmonth = Math.round((i-1) * .5);
- }
- });
- }
- },
-
- showMonthPicker : function(){
- this.createMonthPicker();
- var H = this.el.getSize();
- this.monthPicker.setSize(H);
- this.monthPicker.child('table').setSize(H);
-
- this.mpSelMonth = (this.activeDate || this.value).getMonth();
- this.updateMPMonth(this.mpSelMonth);
- this.mpSelYear = (this.activeDate || this.value).getFullYear();
- this.updateMPYear(this.mpSelYear);
-
- this.monthPicker.slideIn('t', {duration:.2});
- },
-
- updateMPYear : function(y){
- this.mpyear = y;
- var ys = this.mpYears.elements;
- for(var i = 1; i <= 10; i++){
- var td = ys[i-1], y2;
- if((i%2) == 0){
- y2 = y + Math.round(i * .5);
- td.firstChild.innerHTML = y2;
- td.xyear = y2;
- }else {
- y2 = y - (5-Math.round(i * .5));
- td.firstChild.innerHTML = y2;
- td.xyear = y2;
- }
-
- this.mpYears.item(i-1)[y2 == this.mpSelYear ? 'addClass' : 'removeClass']('x-date-mp-sel');
- }
- },
-
- updateMPMonth : function(sm){
- this.mpMonths.each(function(m, a, i){
- m[m.dom.xmonth == sm ? 'addClass' : 'removeClass']('x-date-mp-sel');
- });
- },
-
- selectMPMonth: function(m){
-
- },
-
- onMonthClick : function(e, t){
- e.stopEvent();
- var el = new Roo.Element(t), pn;
- if(el.is('button.x-date-mp-cancel')){
- this.hideMonthPicker();
- }
- else if(el.is('button.x-date-mp-ok')){
- this.update(new Date(this.mpSelYear, this.mpSelMonth, (this.activeDate || this.value).getDate()));
- this.hideMonthPicker();
- }
- else if(pn = el.up('td.x-date-mp-month', 2)){
- this.mpMonths.removeClass('x-date-mp-sel');
- pn.addClass('x-date-mp-sel');
- this.mpSelMonth = pn.dom.xmonth;
- }
- else if(pn = el.up('td.x-date-mp-year', 2)){
- this.mpYears.removeClass('x-date-mp-sel');
- pn.addClass('x-date-mp-sel');
- this.mpSelYear = pn.dom.xyear;
- }
- else if(el.is('a.x-date-mp-prev')){
- this.updateMPYear(this.mpyear-10);
- }
- else if(el.is('a.x-date-mp-next')){
- this.updateMPYear(this.mpyear+10);
- }
- },
-
- onMonthDblClick : function(e, t){
- e.stopEvent();
- var el = new Roo.Element(t), pn;
- if(pn = el.up('td.x-date-mp-month', 2)){
- this.update(new Date(this.mpSelYear, pn.dom.xmonth, (this.activeDate || this.value).getDate()));
- this.hideMonthPicker();
- }
- else if(pn = el.up('td.x-date-mp-year', 2)){
- this.update(new Date(pn.dom.xyear, this.mpSelMonth, (this.activeDate || this.value).getDate()));
- this.hideMonthPicker();
- }
- },
-
- hideMonthPicker : function(I){
- if(this.monthPicker){
- if(I === true){
- this.monthPicker.hide();
- }else {
- this.monthPicker.slideOut('t', {duration:.2});
- }
- }
- },
-
-
- showPrevMonth : function(e){
- this.update(this.activeDate.add("mo", -1));
- },
-
-
- showNextMonth : function(e){
- this.update(this.activeDate.add("mo", 1));
- },
-
-
- showPrevYear : function(){
- this.update(this.activeDate.add("y", -1));
- },
-
-
- showNextYear : function(){
- this.update(this.activeDate.add("y", 1));
- },
-
-
- handleMouseWheel : function(e){
- var J = e.getWheelDelta();
- if(J > 0){
- this.showPrevMonth();
- e.stopEvent();
- } else if(J < 0){
- this.showNextMonth();
- e.stopEvent();
- }
- },
-
-
- handleDateClick : function(e, t){
- e.stopEvent();
- if(t.dateValue && !Roo.fly(t.parentNode).hasClass("x-date-disabled")){
- this.setValue(new Date(t.dateValue));
- this.fireEvent("select", this, this.value);
- }
- },
-
-
- selectToday : function(){
- this.setValue(new Date().clearTime());
- this.fireEvent("select", this, this.value);
- },
-
-
- update : function(K){
- var vd = this.activeDate;
- this.activeDate = K;
- if(vd && this.el){
- var t = K.getTime();
- if(vd.getMonth() == K.getMonth() && vd.getFullYear() == K.getFullYear()){
- this.cells.removeClass("x-date-selected");
- this.cells.each(function(c){
- if(c.dom.firstChild.dateValue == t){
- c.addClass("x-date-selected");
- setTimeout(function(){
- try{c.dom.firstChild.focus();}catch(e){}
- }, 50);
- return false;
- }
- });
- return;
- }
- }
- var L = K.getDaysInMonth();
- var M = K.getFirstDateOfMonth();
- var N = M.getDay()-this.startDay;
-
- if(N <= this.startDay){
- N += 7;
- }
-
- var pm = K.add("mo", -1);
- var O = pm.getDaysInMonth()-N;
-
- var P = this.cells.elements;
- var Q = this.textNodes;
- L += N;
-
-
- var R = 86400000;
- var d = (new Date(pm.getFullYear(), pm.getMonth(), O)).clearTime();
- var S = new Date().clearTime().getTime();
- var T = K.clearTime().getTime();
- var U = this.minDate ? this.minDate.clearTime() : Number.NEGATIVE_INFINITY;
- var V = this.maxDate ? this.maxDate.clearTime() : Number.POSITIVE_INFINITY;
- var W = this.disabledDatesRE;
- var X = this.disabledDatesText;
- var Y = this.disabledDays ? this.disabledDays.join("") : false;
- var Z = this.disabledDaysText;
- var a = this.format;
-
- var b = function(f, g){
- g.title = "";
- var t = d.getTime();
- g.firstChild.dateValue = t;
- if(t == S){
- g.className += " x-date-today";
- g.title = f.todayText;
- }
- if(t == T){
- g.className += " x-date-selected";
- setTimeout(function(){
- try{g.firstChild.focus();}catch(e){}
- }, 50);
- }
-
- if(t < U) {
- g.className = " x-date-disabled";
- g.title = f.minText;
- return;
- }
- if(t > V) {
- g.className = " x-date-disabled";
- g.title = f.maxText;
- return;
- }
- if(Y){
- if(Y.indexOf(d.getDay()) != -1){
- g.title = Z;
- g.className = " x-date-disabled";
- }
- }
- if(W && a){
- var fvalue = d.dateFormat(a);
- if(W.test(fvalue)){
- g.title = X.replace("%0", fvalue);
- g.className = " x-date-disabled";
- }
- }
- };
-
- var i = 0;
- for(; i < N; i++) {
- Q[i].innerHTML = (++O);
- d.setDate(d.getDate()+1);
- P[i].className = "x-date-prevday";
- b(this, P[i]);
- }
- for(; i < L; i++){
- intDay = i - N + 1;
- Q[i].innerHTML = (intDay);
- d.setDate(d.getDate()+1);
- P[i].className = "x-date-active";
- b(this, P[i]);
- }
- var c = 0;
- for(; i < 42; i++) {
- Q[i].innerHTML = (++c);
- d.setDate(d.getDate()+1);
- P[i].className = "x-date-nextday";
- b(this, P[i]);
- }
-
-
- this.mbtn.setText(this.monthNames[K.getMonth()] + " " + K.getFullYear());
-
- if(!this.internalRender){
- var main = this.el.dom.firstChild;
- var w = main.offsetWidth;
- this.el.setWidth(w + this.el.getBorderWidth("lr"));
- Roo.fly(main).setWidth(w);
- this.internalRender = true;
-
-
-
- if(Roo.isOpera && !this.secondPass){
- main.rows[0].cells[1].style.width = (w - (main.rows[0].cells[0].offsetWidth+main.rows[0].cells[2].offsetWidth)) + "px";
- this.secondPass = true;
- this.update.defer(10, this, [K]);
- }
- }
- }
-});
-
-
-
-
-Roo.TabPanel = function(A, B){
-
-
- this.el = Roo.get(A, true);
- if(B){
- if(typeof B == "boolean"){
- this.tabPosition = B ? "bottom" : "top";
- }else {
- Roo.apply(this, B);
- }
- }
- if(this.tabPosition == "bottom"){
- this.bodyEl = Roo.get(this.createBody(this.el.dom));
- this.el.addClass("x-tabs-bottom");
- }
-
- this.stripWrap = Roo.get(this.createStrip(this.el.dom), true);
- this.stripEl = Roo.get(this.createStripList(this.stripWrap.dom), true);
- this.stripBody = Roo.get(this.stripWrap.dom.firstChild.firstChild, true);
- if(Roo.isIE){
- Roo.fly(this.stripWrap.dom.firstChild).setStyle("overflow-x", "hidden");
- }
- if(this.tabPosition != "bottom"){
-
-
- this.bodyEl = Roo.get(this.createBody(this.el.dom));
- this.el.addClass("x-tabs-top");
- }
-
- this.items = [];
-
- this.bodyEl.setStyle("position", "relative");
-
- this.active = null;
- this.activateDelegate = this.activate.createDelegate(this);
-
- this.addEvents({
-
-
- "tabchange": true,
-
-
- "beforetabchange" : true
- });
-
- Roo.EventManager.onWindowResize(this.onResize, this);
- this.cpad = this.el.getPadding("lr");
- this.hiddenCount = 0;
-
- Roo.TabPanel.superclass.constructor.call(this);
-};
-
-Roo.extend(Roo.TabPanel, Roo.util.Observable, {
-
-
- tabPosition : "top",
-
-
- currentTabWidth : 0,
-
-
- minTabWidth : 40,
-
-
- maxTabWidth : 250,
-
-
- preferredTabWidth : 175,
-
-
- resizeTabs : false,
-
-
- monitorResize : true,
-
-
-
- addTab : function(id, C, D, E){
- var F = new Roo.TabPanelItem(this, id, C, E);
- this.addTabItem(F);
- if(D){
- F.setContent(D);
- }
- return F;
- },
-
-
-
- getTab : function(id){
- return this.items[id];
- },
-
-
-
- hideTab : function(id){
- var t = this.items[id];
- if(!t.isHidden()){
- t.setHidden(true);
- this.hiddenCount++;
- this.autoSizeTabs();
- }
- },
-
-
-
- unhideTab : function(id){
- var t = this.items[id];
- if(t.isHidden()){
- t.setHidden(false);
- this.hiddenCount--;
- this.autoSizeTabs();
- }
- },
-
-
-
- addTabItem : function(G){
- this.items[G.id] = G;
- this.items.push(G);
- if(this.resizeTabs){
- G.setWidth(this.currentTabWidth || this.preferredTabWidth);
- this.autoSizeTabs();
- }else {
- G.autoSize();
- }
- },
-
-
-
- removeTab : function(id){
- var H = this.items;
- var I = H[id];
- if(!I) return;
- var J = H.indexOf(I);
- if(this.active == I && H.length > 1){
- var newTab = this.getNextAvailable(J);
- if(newTab)newTab.activate();
- }
-
- this.stripEl.dom.removeChild(I.pnode.dom);
- if(I.bodyEl.dom.parentNode == this.bodyEl.dom){
- this.bodyEl.dom.removeChild(I.bodyEl.dom);
- }
-
- H.splice(J, 1);
- delete this.items[I.id];
- I.fireEvent("close", I);
- I.purgeListeners();
- this.autoSizeTabs();
- },
-
- getNextAvailable : function(K){
- var L = this.items;
- var M = K;
-
-
- while(M < L.length){
- var G = L[++M];
- if(G && !G.isHidden()){
- return G;
- }
- }
-
-
- M = K;
- while(M >= 0){
- var G = L[--M];
- if(G && !G.isHidden()){
- return G;
- }
- }
- return null;
- },
-
-
-
- disableTab : function(id){
- var N = this.items[id];
- if(N && this.active != N){
- N.disable();
- }
- },
-
-
-
- enableTab : function(id){
- var O = this.items[id];
- O.enable();
- },
-
-
-
- activate : function(id){
- var P = this.items[id];
- if(!P){
- return null;
- }
- if(P == this.active || P.disabled){
- return P;
- }
- var e = {};
- this.fireEvent("beforetabchange", this, e, P);
- if(e.cancel !== true && !P.disabled){
- if(this.active){
- this.active.hide();
- }
-
- this.active = this.items[id];
- this.active.show();
- this.fireEvent("tabchange", this, this.active);
- }
- return P;
- },
-
-
-
- getActiveTab : function(){
- return this.active;
- },
-
-
-
- syncHeight : function(Q){
- var R = (Q || this.el.getHeight())-this.el.getBorderWidth("tb")-this.el.getPadding("tb");
- var bm = this.bodyEl.getMargins();
- var S = R-(this.stripWrap.getHeight()||0)-(bm.top+bm.bottom);
- this.bodyEl.setHeight(S);
- return S;
- },
-
- onResize : function(){
- if(this.monitorResize){
- this.autoSizeTabs();
- }
- },
-
-
-
- beginUpdate : function(){
- this.updating = true;
- },
-
-
-
- endUpdate : function(){
- this.updating = false;
- this.autoSizeTabs();
- },
-
-
-
- autoSizeTabs : function(){
- var T = this.items.length;
- var U = T - this.hiddenCount;
- if(!this.resizeTabs || T < 1 || U < 1 || this.updating) return;
- var w = Math.max(this.el.getWidth() - this.cpad, 10);
- var V = Math.floor(w / U);
- var b = this.stripBody;
- if(b.getWidth() > w){
- var tabs = this.items;
- this.setTabWidth(Math.max(V, this.minTabWidth)-2);
- if(V < this.minTabWidth){
-
-
- }
- }else {
- if(this.currentTabWidth < this.preferredTabWidth){
- this.setTabWidth(Math.min(V, this.preferredTabWidth)-2);
- }
- }
- },
-
-
-
- getCount : function(){
- return this.items.length;
- },
-
-
-
- setTabWidth : function(W){
- this.currentTabWidth = W;
- for(var i = 0, len = this.items.length; i < len; i++) {
- if(!this.items[i].isHidden())this.items[i].setWidth(W);
- }
- },
-
-
-
- destroy : function(X){
- Roo.EventManager.removeResizeListener(this.onResize, this);
- for(var i = 0, len = this.items.length; i < len; i++){
- this.items[i].purgeListeners();
- }
- if(X === true){
- this.el.update("");
- this.el.remove();
- }
- }
-});
-
-
-
-Roo.TabPanelItem = function(Y, id, Z, a){
-
-
- this.tabPanel = Y;
-
-
- this.id = id;
-
-
- this.disabled = false;
-
-
- this.text = Z;
-
-
- this.loaded = false;
- this.closable = a;
-
-
-
- this.bodyEl = Roo.get(Y.createItemBody(Y.bodyEl.dom, id));
- this.bodyEl.setVisibilityMode(Roo.Element.VISIBILITY);
- this.bodyEl.setStyle("display", "block");
- this.bodyEl.setStyle("zoom", "1");
- this.hideAction();
-
- var d = Y.createStripElements(Y.stripEl.dom, Z, a);
-
-
- this.el = Roo.get(d.el, true);
- this.inner = Roo.get(d.inner, true);
- this.textEl = Roo.get(this.el.dom.firstChild.firstChild.firstChild, true);
- this.pnode = Roo.get(d.el.parentNode, true);
- this.el.on("mousedown", this.onTabMouseDown, this);
- this.el.on("click", this.onTabClick, this);
-
-
- if(a){
- var c = Roo.get(d.close, true);
- c.dom.title = this.closeText;
- c.addClassOnOver("close-over");
- c.on("click", this.closeClick, this);
- }
-
-
- this.addEvents({
-
-
- "activate": true,
-
-
- "beforeclose": true,
-
-
- "close": true,
-
-
- "deactivate" : true
- });
- this.hidden = false;
-
- Roo.TabPanelItem.superclass.constructor.call(this);
-};
-
-Roo.extend(Roo.TabPanelItem, Roo.util.Observable, {
- purgeListeners : function(){
- Roo.util.Observable.prototype.purgeListeners.call(this);
- this.el.removeAllListeners();
- },
-
-
- show : function(){
- this.pnode.addClass("on");
- this.showAction();
- if(Roo.isOpera){
- this.tabPanel.stripWrap.repaint();
- }
-
- this.fireEvent("activate", this.tabPanel, this);
- },
-
-
-
- isActive : function(){
- return this.tabPanel.getActiveTab() == this;
- },
-
-
-
- hide : function(){
- this.pnode.removeClass("on");
- this.hideAction();
- this.fireEvent("deactivate", this.tabPanel, this);
- },
-
- hideAction : function(){
- this.bodyEl.hide();
- this.bodyEl.setStyle("position", "absolute");
- this.bodyEl.setLeft("-20000px");
- this.bodyEl.setTop("-20000px");
- },
-
- showAction : function(){
- this.bodyEl.setStyle("position", "relative");
- this.bodyEl.setTop("");
- this.bodyEl.setLeft("");
- this.bodyEl.show();
- },
-
-
-
- setTooltip : function(f){
- if(Roo.QuickTips && Roo.QuickTips.isEnabled()){
- this.textEl.dom.qtip = f;
- this.textEl.dom.removeAttribute('title');
- }else {
- this.textEl.dom.title = f;
- }
- },
-
- onTabClick : function(e){
- e.preventDefault();
- this.tabPanel.activate(this.id);
- },
-
- onTabMouseDown : function(e){
- e.preventDefault();
- this.tabPanel.activate(this.id);
- },
-
- getWidth : function(){
- return this.inner.getWidth();
- },
-
- setWidth : function(g){
- var h = g - this.pnode.getPadding("lr");
- this.inner.setWidth(h);
- this.textEl.setWidth(h-this.inner.getPadding("lr"));
- this.pnode.setWidth(g);
- },
-
-
-
- setHidden : function(j){
- this.hidden = j;
- this.pnode.setStyle("display", j ? "none" : "");
- },
-
-
-
- isHidden : function(){
- return this.hidden;
- },
-
-
-
- getText : function(){
- return this.text;
- },
-
- autoSize : function(){
-
- this.textEl.setWidth(1);
- this.setWidth(this.textEl.dom.scrollWidth+this.pnode.getPadding("lr")+this.inner.getPadding("lr"));
-
- },
-
-
-
- setText : function(k){
- this.text = k;
- this.textEl.update(k);
- this.setTooltip(k);
- if(!this.tabPanel.resizeTabs){
- this.autoSize();
- }
- },
-
-
- activate : function(){
- this.tabPanel.activate(this.id);
- },
-
-
-
- disable : function(){
- if(this.tabPanel.active != this){
- this.disabled = true;
- this.pnode.addClass("disabled");
- }
- },
-
-
-
- enable : function(){
- this.disabled = false;
- this.pnode.removeClass("disabled");
- },
-
-
-
- setContent : function(l, m){
- this.bodyEl.update(l, m);
- },
-
-
-
- getUpdateManager : function(){
- return this.bodyEl.getUpdateManager();
- },
-
-
-
- setUrl : function(n, o, p){
- if(this.refreshDelegate){
- this.un('activate', this.refreshDelegate);
- }
-
- this.refreshDelegate = this._handleRefresh.createDelegate(this, [n, o, p]);
- this.on("activate", this.refreshDelegate);
- return this.bodyEl.getUpdateManager();
- },
-
-
-
- _handleRefresh : function(q, r, s){
- if(!s || !this.loaded){
- var updater = this.bodyEl.getUpdateManager();
- updater.update(q, r, this._setLoaded.createDelegate(this));
- }
- },
-
-
-
- refresh : function(){
- if(this.refreshDelegate){
- this.loaded = false;
- this.refreshDelegate();
- }
- },
-
-
-
- _setLoaded : function(){
- this.loaded = true;
- },
-
-
-
- closeClick : function(e){
- var o = {};
- e.stopEvent();
- this.fireEvent("beforeclose", this, o);
- if(o.cancel !== true){
- this.tabPanel.removeTab(this.id);
- }
- },
-
-
- closeText : "Close this tab"
-});
-
-
-
-Roo.TabPanel.prototype.createStrip = function(u){
- var v = document.createElement("div");
- v.className = "x-tabs-wrap";
- u.appendChild(v);
- return v;
-};
-
-
-Roo.TabPanel.prototype.createStripList = function(x){
-
- x.innerHTML = '<div class="x-tabs-strip-wrap"><table class="x-tabs-strip" cellspacing="0" cellpadding="0" border="0"><tbody><tr></tr></tbody></table></div>';
- return x.firstChild.firstChild.firstChild.firstChild;
-};
-
-
-Roo.TabPanel.prototype.createBody = function(y){
- var z = document.createElement("div");
- Roo.id(z, "tab-body");
- Roo.fly(z).addClass("x-tabs-body");
- y.appendChild(z);
- return z;
-};
-
-
-Roo.TabPanel.prototype.createItemBody = function(AA, id){
- var AB = Roo.getDom(id);
- if(!AB){
- AB = document.createElement("div");
- AB.id = id;
- }
-
- Roo.fly(AB).addClass("x-tabs-item-body");
- AA.insertBefore(AB, AA.firstChild);
- return AB;
-};
-
-
-Roo.TabPanel.prototype.createStripElements = function(AC, AD, AE){
- var td = document.createElement("td");
- AC.appendChild(td);
- if(AE){
- td.className = "x-tabs-closable";
- if(!this.closeTpl){
- this.closeTpl = new Roo.Template(
- '<a href="#" class="x-tabs-right"><span class="x-tabs-left"><em class="x-tabs-inner">' +
- '<span unselectable="on"' + (this.disableTooltips ? '' : ' title="{text}"') +' class="x-tabs-text">{text}</span>' +
- '<div unselectable="on" class="close-icon"> </div></em></span></a>'
- );
- }
- var el = this.closeTpl.overwrite(td, {"text": AD});
- var close = el.getElementsByTagName("div")[0];
- var inner = el.getElementsByTagName("em")[0];
- return {"el": el, "close": close, "inner": inner};
- } else {
- if(!this.tabTpl){
- this.tabTpl = new Roo.Template(
- '<a href="#" class="x-tabs-right"><span class="x-tabs-left"><em class="x-tabs-inner">' +
- '<span unselectable="on"' + (this.disableTooltips ? '' : ' title="{text}"') +' class="x-tabs-text">{text}</span></em></span></a>'
- );
- }
- var el = this.tabTpl.overwrite(td, {"text": AD});
- var inner = el.getElementsByTagName("em")[0];
- return {"el": el, "inner": inner};
- }
-};
-
-
-
-
-
-Roo.Button = function(A, B)
-{
- if (!B) {
- B = A;
- A = B.renderTo || false;
- }
-
-
- Roo.apply(this, B);
- this.addEvents({
-
-
- "click" : true,
-
-
- "toggle" : true,
-
-
- 'mouseover' : true,
-
-
- 'mouseout': true,
-
-
- 'render': true
- });
- if(this.menu){
- this.menu = Roo.menu.MenuMgr.get(this.menu);
- }
- if(A){
- this.render(A);
- }
-
-
- Roo.util.Observable.call(this);
-};
-
-Roo.extend(Roo.Button, Roo.util.Observable, {
-
-
-
-
-
- hidden : false,
-
-
- disabled : false,
-
-
- pressed : false,
-
-
-
- tabIndex : undefined,
-
-
-
- enableToggle: false,
-
-
- menu : undefined,
-
-
- menuAlign : "tl-bl?",
-
-
-
- iconCls : undefined,
-
-
- type : 'button',
-
-
- menuClassTarget: 'tr',
-
-
-
- clickEvent : 'click',
-
-
-
- handleMouseEvents : true,
-
-
-
- tooltipType : 'qtip',
-
-
-
-
-
-
-
-
- render : function(C){
- var D;
- if(this.hideParent){
- this.parentEl = Roo.get(C);
- }
- if(!this.dhconfig){
- if(!this.template){
- if(!Roo.Button.buttonTemplate){
-
- Roo.Button.buttonTemplate = new Roo.Template(
- '<table border="0" cellpadding="0" cellspacing="0" class="x-btn-wrap"><tbody><tr>',
- '<td class="x-btn-left"><i> </i></td><td class="x-btn-center"><em unselectable="on"><button class="x-btn-text" type="{1}">{0}</button></em></td><td class="x-btn-right"><i> </i></td>',
- "</tr></tbody></table>");
- }
-
- this.template = Roo.Button.buttonTemplate;
- }
-
- D = this.template.append(C, [this.text || ' ', this.type], true);
- var btnEl = D.child("button:first");
- btnEl.on('focus', this.onFocus, this);
- btnEl.on('blur', this.onBlur, this);
- if(this.cls){
- D.addClass(this.cls);
- }
- if(this.icon){
- btnEl.setStyle('background-image', 'url(' +this.icon +')');
- }
- if(this.iconCls){
- btnEl.addClass(this.iconCls);
- if(!this.cls){
- D.addClass(this.text ? 'x-btn-text-icon' : 'x-btn-icon');
- }
- }
- if(this.tabIndex !== undefined){
- btnEl.dom.tabIndex = this.tabIndex;
- }
- if(this.tooltip){
- if(typeof this.tooltip == 'object'){
- Roo.QuickTips.tips(Roo.apply({
- target: btnEl.id
- }, this.tooltip));
- } else {
- btnEl.dom[this.tooltipType] = this.tooltip;
- }
- }
- }else {
- D = Roo.DomHelper.append(Roo.get(C).dom, this.dhconfig, true);
- }
-
- this.el = D;
- if(this.id){
- this.el.dom.id = this.el.id = this.id;
- }
- if(this.menu){
- this.el.child(this.menuClassTarget).addClass("x-btn-with-menu");
- this.menu.on("show", this.onMenuShow, this);
- this.menu.on("hide", this.onMenuHide, this);
- }
-
- D.addClass("x-btn");
- if(Roo.isIE && !Roo.isIE7){
- this.autoWidth.defer(1, this);
- }else {
- this.autoWidth();
- }
- if(this.handleMouseEvents){
- D.on("mouseover", this.onMouseOver, this);
- D.on("mouseout", this.onMouseOut, this);
- D.on("mousedown", this.onMouseDown, this);
- }
-
- D.on(this.clickEvent, this.onClick, this);
-
- if(this.hidden){
- this.hide();
- }
- if(this.disabled){
- this.disable();
- }
-
- Roo.ButtonToggleMgr.register(this);
- if(this.pressed){
- this.el.addClass("x-btn-pressed");
- }
- if(this.repeat){
- var repeater = new Roo.util.ClickRepeater(D,
- typeof this.repeat == "object" ? this.repeat : {}
- );
- repeater.on("click", this.onClick, this);
- }
-
- this.fireEvent('render', this);
-
- },
-
-
- getEl : function(){
- return this.el;
- },
-
-
-
- destroy : function(){
- Roo.ButtonToggleMgr.unregister(this);
- this.el.removeAllListeners();
- this.purgeListeners();
- this.el.remove();
- },
-
-
- autoWidth : function(){
- if(this.el){
- this.el.setWidth("auto");
- if(Roo.isIE7 && Roo.isStrict){
- var ib = this.el.child('button');
- if(ib && ib.getWidth() > 20){
- ib.clip();
- ib.setWidth(Roo.util.TextMetrics.measure(ib, this.text).width+ib.getFrameWidth('lr'));
- }
- }
- if(this.minWidth){
- if(this.hidden){
- this.el.beginMeasure();
- }
- if(this.el.getWidth() < this.minWidth){
- this.el.setWidth(this.minWidth);
- }
- if(this.hidden){
- this.el.endMeasure();
- }
- }
- }
- },
-
-
-
- setHandler : function(E, F){
- this.handler = E;
- this.scope = F;
- },
-
-
-
- setText : function(G){
- this.text = G;
- if(this.el){
- this.el.child("td.x-btn-center button.x-btn-text").update(G);
- }
-
- this.autoWidth();
- },
-
-
-
- getText : function(){
- return this.text;
- },
-
-
-
- show: function(){
- this.hidden = false;
- if(this.el){
- this[this.hideParent? 'parentEl' : 'el'].setStyle("display", "");
- }
- },
-
-
-
- hide: function(){
- this.hidden = true;
- if(this.el){
- this[this.hideParent? 'parentEl' : 'el'].setStyle("display", "none");
- }
- },
-
-
-
- setVisible: function(H){
- if(H) {
- this.show();
- }else {
- this.hide();
- }
- },
-
-
-
- toggle : function(I){
- I = I === undefined ? !this.pressed : I;
- if(I != this.pressed){
- if(I){
- this.el.addClass("x-btn-pressed");
- this.pressed = true;
- this.fireEvent("toggle", this, true);
- }else {
- this.el.removeClass("x-btn-pressed");
- this.pressed = false;
- this.fireEvent("toggle", this, false);
- }
- if(this.toggleHandler){
- this.toggleHandler.call(this.scope || this, this, I);
- }
- }
- },
-
-
-
- focus : function(){
- this.el.child('button:first').focus();
- },
-
-
-
- disable : function(){
- if(this.el){
- this.el.addClass("x-btn-disabled");
- }
-
- this.disabled = true;
- },
-
-
-
- enable : function(){
- if(this.el){
- this.el.removeClass("x-btn-disabled");
- }
-
- this.disabled = false;
- },
-
-
-
- setDisabled : function(v){
- this[v !== true ? "enable" : "disable"]();
- },
-
-
- onClick : function(e){
- if(e){
- e.preventDefault();
- }
- if(e.button != 0){
- return;
- }
- if(!this.disabled){
- if(this.enableToggle){
- this.toggle();
- }
- if(this.menu && !this.menu.isVisible()){
- this.menu.show(this.el, this.menuAlign);
- }
-
- this.fireEvent("click", this, e);
- if(this.handler){
- this.el.removeClass("x-btn-over");
- this.handler.call(this.scope || this, this, e);
- }
- }
- },
-
- onMouseOver : function(e){
- if(!this.disabled){
- this.el.addClass("x-btn-over");
- this.fireEvent('mouseover', this, e);
- }
- },
-
- onMouseOut : function(e){
- if(!e.within(this.el, true)){
- this.el.removeClass("x-btn-over");
- this.fireEvent('mouseout', this, e);
- }
- },
-
- onFocus : function(e){
- if(!this.disabled){
- this.el.addClass("x-btn-focus");
- }
- },
-
- onBlur : function(e){
- this.el.removeClass("x-btn-focus");
- },
-
- onMouseDown : function(e){
- if(!this.disabled && e.button == 0){
- this.el.addClass("x-btn-click");
- Roo.get(document).on('mouseup', this.onMouseUp, this);
- }
- },
-
- onMouseUp : function(e){
- if(e.button == 0){
- this.el.removeClass("x-btn-click");
- Roo.get(document).un('mouseup', this.onMouseUp, this);
- }
- },
-
- onMenuShow : function(e){
- this.el.addClass("x-btn-menu-active");
- },
-
- onMenuHide : function(e){
- this.el.removeClass("x-btn-menu-active");
- }
-});
-
-
-Roo.ButtonToggleMgr = function(){
- var J = {};
-
- function K(L, M){
- if(M){
- var g = J[L.toggleGroup];
- for(var i = 0, l = g.length; i < l; i++){
- if(g[i] != L){
- g[i].toggle(false);
- }
- }
- }
- }
-
- return {
- register : function(N){
- if(!N.toggleGroup){
- return;
- }
- var g = J[N.toggleGroup];
- if(!g){
- g = J[N.toggleGroup] = [];
- }
-
- g.push(N);
- N.on("toggle", K);
- },
-
- unregister : function(O){
- if(!O.toggleGroup){
- return;
- }
- var g = J[O.toggleGroup];
- if(g){
- g.remove(O);
- O.un("toggle", K);
- }
- }
- };
-}();
-
-
-
-
-
-Roo.SplitButton = function(A, B){
- Roo.SplitButton.superclass.constructor.call(this, A, B);
-
-
- this.addEvents({"arrowclick":true});
-};
-
-Roo.extend(Roo.SplitButton, Roo.Button, {
- render : function(C){
-
- var D = new Roo.Template(
- '<table cellspacing="0" class="x-btn-menu-wrap x-btn"><tr><td>',
- '<table cellspacing="0" class="x-btn-wrap x-btn-menu-text-wrap"><tbody>',
- '<tr><td class="x-btn-left"><i> </i></td><td class="x-btn-center"><button class="x-btn-text" type="{1}">{0}</button></td></tr>',
- "</tbody></table></td><td>",
- '<table cellspacing="0" class="x-btn-wrap x-btn-menu-arrow-wrap"><tbody>',
- '<tr><td class="x-btn-center"><button class="x-btn-menu-arrow-el" type="button"> </button></td><td class="x-btn-right"><i> </i></td></tr>',
- "</tbody></table></td></tr></table>"
- );
- var E = D.append(C, [this.text, this.type], true);
- var F = E.child("button");
- if(this.cls){
- E.addClass(this.cls);
- }
- if(this.icon){
- F.setStyle('background-image', 'url(' +this.icon +')');
- }
- if(this.iconCls){
- F.addClass(this.iconCls);
- if(!this.cls){
- E.addClass(this.text ? 'x-btn-text-icon' : 'x-btn-icon');
- }
- }
-
- this.el = E;
- if(this.handleMouseEvents){
- E.on("mouseover", this.onMouseOver, this);
- E.on("mouseout", this.onMouseOut, this);
- E.on("mousedown", this.onMouseDown, this);
- E.on("mouseup", this.onMouseUp, this);
- }
-
- E.on(this.clickEvent, this.onClick, this);
- if(this.tooltip){
- if(typeof this.tooltip == 'object'){
- Roo.QuickTips.tips(Roo.apply({
- target: F.id
- }, this.tooltip));
- } else {
- F.dom[this.tooltipType] = this.tooltip;
- }
- }
- if(this.arrowTooltip){
- E.child("button:nth(2)").dom[this.tooltipType] = this.arrowTooltip;
- }
- if(this.hidden){
- this.hide();
- }
- if(this.disabled){
- this.disable();
- }
- if(this.pressed){
- this.el.addClass("x-btn-pressed");
- }
- if(Roo.isIE && !Roo.isIE7){
- this.autoWidth.defer(1, this);
- }else {
- this.autoWidth();
- }
- if(this.menu){
- this.menu.on("show", this.onMenuShow, this);
- this.menu.on("hide", this.onMenuHide, this);
- }
-
- this.fireEvent('render', this);
- },
-
-
- autoWidth : function(){
- if(this.el){
- var tbl = this.el.child("table:first");
- var tbl2 = this.el.child("table:last");
- this.el.setWidth("auto");
- tbl.setWidth("auto");
- if(Roo.isIE7 && Roo.isStrict){
- var ib = this.el.child('button:first');
- if(ib && ib.getWidth() > 20){
- ib.clip();
- ib.setWidth(Roo.util.TextMetrics.measure(ib, this.text).width+ib.getFrameWidth('lr'));
- }
- }
- if(this.minWidth){
- if(this.hidden){
- this.el.beginMeasure();
- }
- if((tbl.getWidth()+tbl2.getWidth()) < this.minWidth){
- tbl.setWidth(this.minWidth-tbl2.getWidth());
- }
- if(this.hidden){
- this.el.endMeasure();
- }
- }
-
- this.el.setWidth(tbl.getWidth()+tbl2.getWidth());
- }
- },
-
-
- setHandler : function(G, H){
- this.handler = G;
- this.scope = H;
- },
-
-
-
- setArrowHandler : function(I, J){
- this.arrowHandler = I;
- this.scope = J;
- },
-
-
-
- focus : function(){
- if(this.el){
- this.el.child("button:first").focus();
- }
- },
-
-
- onClick : function(e){
- e.preventDefault();
- if(!this.disabled){
- if(e.getTarget(".x-btn-menu-arrow-wrap")){
- if(this.menu && !this.menu.isVisible()){
- this.menu.show(this.el, this.menuAlign);
- }
-
- this.fireEvent("arrowclick", this, e);
- if(this.arrowHandler){
- this.arrowHandler.call(this.scope || this, this, e);
- }
- }else {
- this.fireEvent("click", this, e);
- if(this.handler){
- this.handler.call(this.scope || this, this, e);
- }
- }
- }
- },
-
- onMouseDown : function(e){
- if(!this.disabled){
- Roo.fly(e.getTarget("table")).addClass("x-btn-click");
- }
- },
-
- onMouseUp : function(e){
- Roo.fly(e.getTarget("table")).removeClass("x-btn-click");
- }
-});
-
-
-
-Roo.MenuButton = Roo.SplitButton;
-
-
-
-
-
-Roo.Toolbar = function(A, B, C)
-{
-
- if(A instanceof Array){
- B = A;
- C = B;
- A = null;
- }
- if (typeof(A) == 'object' && A.xtype) {
- C = A;
- A = C.container;
- B = C.buttons;
- }
- var D = [];
- if (C && C.items) {
- D = C.items;
- delete C.items;
- }
-
- Roo.apply(this, C);
- this.buttons = B;
-
- if(A){
- this.render(A);
- }
-
- Roo.each(D, function(b) {
- this.add(b);
- }, this);
-
-};
-
-Roo.Toolbar.prototype = {
-
-
-
-
-
-
- render : function(ct){
- this.el = Roo.get(ct);
- if(this.cls){
- this.el.addClass(this.cls);
- }
-
-
-
- this.el.update('<div class="x-toolbar x-small-editor"><table cellspacing="0"><tr></tr></table></div>');
- this.tr = this.el.child("tr", true);
- var E = 0;
- this.items = new Roo.util.MixedCollection(false, function(o){
- return o.id || ("item" + (++E));
- });
- if(this.buttons){
- this.add.apply(this, this.buttons);
- delete this.buttons;
- }
- },
-
-
-
- add : function(){
- var a = arguments, l = a.length;
- for(var i = 0; i < l; i++){
- this._add(a[i]);
- }
- },
-
- _add : function(el) {
-
- if (el.xtype) {
- el = Roo.factory(el, typeof(Roo.Toolbar[el.xtype]) == 'undefined' ? Roo.form : Roo.Toolbar);
- }
-
- if (el.applyTo){
- return this.addField(el);
- }
- if (el.render){
- return this.addItem(el);
- }
- if (typeof el == "string"){
- if(el == "separator" || el == "-"){
- return this.addSeparator();
- }
- if (el == " "){
- return this.addSpacer();
- }
- if(el == "->"){
- return this.addFill();
- }
- return this.addText(el);
-
- }
- if(el.tagName){
- return this.addElement(el);
- }
- if(typeof el == "object"){
- return this.addButton(el);
- }
-
- return false;
-
- },
-
-
-
- addxtype : function(e){
- return this.add(e);
- },
-
-
-
- getEl : function(){
- return this.el;
- },
-
-
-
- addSeparator : function(){
- return this.addItem(new Roo.Toolbar.Separator());
- },
-
-
-
- addSpacer : function(){
- return this.addItem(new Roo.Toolbar.Spacer());
- },
-
-
-
- addFill : function(){
- return this.addItem(new Roo.Toolbar.Fill());
- },
-
-
-
- addElement : function(el){
- return this.addItem(new Roo.Toolbar.Item(el));
- },
-
-
- items : false,
-
-
-
- addItem : function(F){
- var td = this.nextBlock();
- F.render(td);
- this.items.add(F);
- return F;
- },
-
-
-
- addButton : function(G){
- if(G instanceof Array){
- var B = [];
- for(var i = 0, len = G.length; i < len; i++) {
- B.push(this.addButton(G[i]));
- }
- return B;
- }
- var b = G;
- if(!(G instanceof Roo.Toolbar.Button)){
- b = G.split ?
- new Roo.Toolbar.SplitButton(G) :
- new Roo.Toolbar.Button(G);
- }
- var td = this.nextBlock();
- b.render(td);
- this.items.add(b);
- return b;
- },
-
-
-
- addText : function(H){
- return this.addItem(new Roo.Toolbar.TextItem(H));
- },
-
-
-
- insertButton : function(I, J){
- if(J instanceof Array){
- var B = [];
- for(var i = 0, len = J.length; i < len; i++) {
- B.push(this.insertButton(I + i, J[i]));
- }
- return B;
- }
- if (!(J instanceof Roo.Toolbar.Button)){
- J = new Roo.Toolbar.Button(J);
- }
- var td = document.createElement("td");
- this.tr.insertBefore(td, this.tr.childNodes[I]);
- J.render(td);
- this.items.insert(I, J);
- return J;
- },
-
-
-
- addDom : function(K, L){
- var td = this.nextBlock();
- Roo.DomHelper.overwrite(td, K);
- var ti = new Roo.Toolbar.Item(td.firstChild);
- ti.render(td);
- this.items.add(ti);
- return ti;
- },
-
-
-
- fields : false,
-
-
-
-
-
- addField : function(M) {
- if (!this.fields) {
- var E = 0;
- this.fields = new Roo.util.MixedCollection(false, function(o){
- return o.id || ("item" + (++E));
- });
-
- }
-
- var td = this.nextBlock();
- M.render(td);
- var ti = new Roo.Toolbar.Item(td.firstChild);
- ti.render(td);
- this.items.add(ti);
- this.fields.add(M);
- return ti;
- },
-
-
-
-
- hide : function()
- {
- this.el.child('div').setVisibilityMode(Roo.Element.DISPLAY);
- this.el.child('div').hide();
- },
-
-
- show : function()
- {
- this.el.child('div').show();
- },
-
-
- nextBlock : function(){
- var td = document.createElement("td");
- this.tr.appendChild(td);
- return td;
- },
-
-
- destroy : function(){
- if(this.items){
- Roo.destroy.apply(Roo, this.items.items);
- }
- if(this.fields){
- Roo.destroy.apply(Roo, this.fields.items);
- }
-
- Roo.Element.uncache(this.el, this.tr);
- }
-};
-
-
-
-Roo.Toolbar.Item = function(el){
- this.el = Roo.getDom(el);
- this.id = Roo.id(this.el);
- this.hidden = false;
-};
-
-Roo.Toolbar.Item.prototype = {
-
-
-
- getEl : function(){
- return this.el;
- },
-
-
- render : function(td){
- this.td = td;
- td.appendChild(this.el);
- },
-
-
-
- destroy : function(){
- this.td.parentNode.removeChild(this.td);
- },
-
-
-
- show: function(){
- this.hidden = false;
- this.td.style.display = "";
- },
-
-
-
- hide: function(){
- this.hidden = true;
- this.td.style.display = "none";
- },
-
-
-
- setVisible: function(N){
- if(N) {
- this.show();
- }else {
- this.hide();
- }
- },
-
-
-
- focus : function(){
- Roo.fly(this.el).focus();
- },
-
-
-
- disable : function(){
- Roo.fly(this.td).addClass("x-item-disabled");
- this.disabled = true;
- this.el.disabled = true;
- },
-
-
-
- enable : function(){
- Roo.fly(this.td).removeClass("x-item-disabled");
- this.disabled = false;
- this.el.disabled = false;
- }
-};
-
-
-
-
-Roo.Toolbar.Separator = function(){
- var s = document.createElement("span");
- s.className = "ytb-sep";
- Roo.Toolbar.Separator.superclass.constructor.call(this, s);
-};
-Roo.extend(Roo.Toolbar.Separator, Roo.Toolbar.Item, {
- enable:Roo.emptyFn,
- disable:Roo.emptyFn,
- focus:Roo.emptyFn
-});
-
-
-
-Roo.Toolbar.Spacer = function(){
- var s = document.createElement("div");
- s.className = "ytb-spacer";
- Roo.Toolbar.Spacer.superclass.constructor.call(this, s);
-};
-Roo.extend(Roo.Toolbar.Spacer, Roo.Toolbar.Item, {
- enable:Roo.emptyFn,
- disable:Roo.emptyFn,
- focus:Roo.emptyFn
-});
-
-
-
-Roo.Toolbar.Fill = Roo.extend(Roo.Toolbar.Spacer, {
-
- render : function(td){
- td.style.width = '100%';
- Roo.Toolbar.Fill.superclass.render.call(this, td);
- }
-});
-
-
-
-Roo.Toolbar.TextItem = function(O){
- if (typeof(O) == 'object') {
- O = O.text;
- }
- var s = document.createElement("span");
- s.className = "ytb-text";
- s.innerHTML = O;
- Roo.Toolbar.TextItem.superclass.constructor.call(this, s);
-};
-Roo.extend(Roo.Toolbar.TextItem, Roo.Toolbar.Item, {
- enable:Roo.emptyFn,
- disable:Roo.emptyFn,
- focus:Roo.emptyFn
-});
-
-
-
-Roo.Toolbar.Button = function(P){
- Roo.Toolbar.Button.superclass.constructor.call(this, null, P);
-};
-Roo.extend(Roo.Toolbar.Button, Roo.Button, {
- render : function(td){
- this.td = td;
- Roo.Toolbar.Button.superclass.render.call(this, td);
- },
-
-
-
- destroy : function(){
- Roo.Toolbar.Button.superclass.destroy.call(this);
- this.td.parentNode.removeChild(this.td);
- },
-
-
-
- show: function(){
- this.hidden = false;
- this.td.style.display = "";
- },
-
-
-
- hide: function(){
- this.hidden = true;
- this.td.style.display = "none";
- },
-
-
-
- disable : function(){
- Roo.fly(this.td).addClass("x-item-disabled");
- this.disabled = true;
- },
-
-
-
- enable : function(){
- Roo.fly(this.td).removeClass("x-item-disabled");
- this.disabled = false;
- }
-});
-
-Roo.ToolbarButton = Roo.Toolbar.Button;
-
-
-
-Roo.Toolbar.SplitButton = function(Q){
- Roo.Toolbar.SplitButton.superclass.constructor.call(this, null, Q);
-};
-Roo.extend(Roo.Toolbar.SplitButton, Roo.SplitButton, {
- render : function(td){
- this.td = td;
- Roo.Toolbar.SplitButton.superclass.render.call(this, td);
- },
-
-
-
- destroy : function(){
- Roo.Toolbar.SplitButton.superclass.destroy.call(this);
- this.td.parentNode.removeChild(this.td);
- },
-
-
-
- show: function(){
- this.hidden = false;
- this.td.style.display = "";
- },
-
-
-
- hide: function(){
- this.hidden = true;
- this.td.style.display = "none";
- }
-});
-
-
-Roo.Toolbar.MenuButton = Roo.Toolbar.SplitButton;
-
-
-
-
-
-Roo.PagingToolbar = function(el, ds, A)
-{
-
- if (typeof(el) == 'object' && el.xtype) {
-
- A = el;
- ds = el.dataSource;
- el = A.container;
- }
-
-
-
- Roo.PagingToolbar.superclass.constructor.call(this, el, null, A);
- this.ds = ds;
- this.cursor = 0;
- this.renderButtons(this.el);
- this.bind(ds);
-};
-
-Roo.extend(Roo.PagingToolbar, Roo.Toolbar, {
-
-
-
-
-
-
-
-
- pageSize: 20,
-
-
- displayMsg : 'Displaying {0} - {1} of {2}',
-
-
- emptyMsg : 'No data to display',
-
-
- beforePageText : "Page",
-
-
- afterPageText : "of {0}",
-
-
- firstText : "First Page",
-
-
- prevText : "Previous Page",
-
-
- nextText : "Next Page",
-
-
- lastText : "Last Page",
-
-
- refreshText : "Refresh",
-
-
- renderButtons : function(el){
- Roo.PagingToolbar.superclass.render.call(this, el);
- this.first = this.addButton({
- tooltip: this.firstText,
- cls: "x-btn-icon x-grid-page-first",
- disabled: true,
- handler: this.onClick.createDelegate(this, ["first"])
- });
- this.prev = this.addButton({
- tooltip: this.prevText,
- cls: "x-btn-icon x-grid-page-prev",
- disabled: true,
- handler: this.onClick.createDelegate(this, ["prev"])
- });
- this.addSeparator();
- this.add(this.beforePageText);
- this.field = Roo.get(this.addDom({
- tag: "input",
- type: "text",
- size: "3",
- value: "1",
- cls: "x-grid-page-number"
- }).el);
- this.field.on("keydown", this.onPagingKeydown, this);
- this.field.on("focus", function(){this.dom.select();});
- this.afterTextEl = this.addText(String.format(this.afterPageText, 1));
- this.field.setHeight(18);
- this.addSeparator();
- this.next = this.addButton({
- tooltip: this.nextText,
- cls: "x-btn-icon x-grid-page-next",
- disabled: true,
- handler: this.onClick.createDelegate(this, ["next"])
- });
- this.last = this.addButton({
- tooltip: this.lastText,
- cls: "x-btn-icon x-grid-page-last",
- disabled: true,
- handler: this.onClick.createDelegate(this, ["last"])
- });
- this.addSeparator();
- this.loading = this.addButton({
- tooltip: this.refreshText,
- cls: "x-btn-icon x-grid-loading",
- handler: this.onClick.createDelegate(this, ["refresh"])
- });
-
- if(this.displayInfo){
- this.displayEl = Roo.fly(this.el.dom.firstChild).createChild({cls:'x-paging-info'});
- }
- },
-
-
- updateInfo : function(){
- if(this.displayEl){
- var count = this.ds.getCount();
- var msg = count == 0 ?
- this.emptyMsg :
- String.format(
- this.displayMsg,
- this.cursor+1, this.cursor+count, this.ds.getTotalCount()
- );
- this.displayEl.update(msg);
- }
- },
-
-
- onLoad : function(ds, r, o){
- this.cursor = o.params ? o.params.start : 0;
- var d = this.getPageData(), ap = d.activePage, ps = d.pages;
-
- this.afterTextEl.el.innerHTML = String.format(this.afterPageText, d.pages);
- this.field.dom.value = ap;
- 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();
- },
-
-
- getPageData : function(){
- var B = this.ds.getTotalCount();
- return {
- total : B,
- activePage : Math.ceil((this.cursor+this.pageSize)/this.pageSize),
- pages : B < this.pageSize ? 1 : Math.ceil(B/this.pageSize)
- };
- },
-
-
- onLoadError : function(){
- this.loading.enable();
- },
-
-
- onPagingKeydown : function(e){
- var k = e.getKey();
- var d = this.getPageData();
- if(k == e.RETURN ){
- var v = this.field.dom.value, pageNum;
- if(!v || isNaN(pageNum = parseInt(v, 10))){
- this.field.dom.value = d.activePage;
- return;
- }
-
- pageNum = Math.min(Math.max(1, pageNum), d.pages) - 1;
- this.ds.load({params:{start: pageNum * this.pageSize, limit: this.pageSize}});
- e.stopEvent();
- }
- else if(k == e.HOME || (k == e.UP && e.ctrlKey) || (k == e.PAGEUP && e.ctrlKey) || (k == e.RIGHT && e.ctrlKey) || k == e.END || (k == e.DOWN && e.ctrlKey) || (k == e.LEFT && e.ctrlKey) || (k == e.PAGEDOWN && e.ctrlKey))
- {
- var pageNum = (k == e.HOME || (k == e.DOWN && e.ctrlKey) || (k == e.LEFT && e.ctrlKey) || (k == e.PAGEDOWN && e.ctrlKey)) ? 1 : d.pages;
- this.field.dom.value = pageNum;
- this.ds.load({params:{start: (pageNum - 1) * this.pageSize, limit: this.pageSize}});
- e.stopEvent();
- }
- else if(k == e.UP || k == e.RIGHT || k == e.PAGEUP || k == e.DOWN || k == e.LEFT || k == e.PAGEDOWN)
- {
- var v = this.field.dom.value, pageNum;
- var increment = (e.shiftKey) ? 10 : 1;
- if(k == e.DOWN || k == e.LEFT || k == e.PAGEDOWN)
- increment *= -1;
- if(!v || isNaN(pageNum = parseInt(v, 10))) {
- this.field.dom.value = d.activePage;
- return;
- }
- else if(parseInt(v, 10) + increment >= 1 & parseInt(v, 10) + increment <= d.pages)
- {
- this.field.dom.value = parseInt(v, 10) + increment;
- pageNum = Math.min(Math.max(1, pageNum + increment), d.pages) - 1;
- this.ds.load({params:{start: pageNum * this.pageSize, limit: this.pageSize}});
- }
-
- e.stopEvent();
- }
- },
-
-
- beforeLoad : function(){
- if(this.loading){
- this.loading.disable();
- }
- },
-
-
- onClick : function(C){
- var ds = this.ds;
- switch(C){
- case "first":
- ds.load({params:{start: 0, limit: this.pageSize}});
- break;
- case "prev":
- ds.load({params:{start: Math.max(0, this.cursor-this.pageSize), limit: this.pageSize}});
- break;
- case "next":
- ds.load({params:{start: this.cursor+this.pageSize, limit: this.pageSize}});
- break;
- case "last":
- var B = ds.getTotalCount();
- var extra = B % this.pageSize;
- var lastStart = extra ? (B - extra) : B-this.pageSize;
- ds.load({params:{start: lastStart, limit: this.pageSize}});
- break;
- case "refresh":
- ds.load({params:{start: this.cursor, limit: this.pageSize}});
- break;
- }
- },
-
-
-
- unbind : function(ds){
- ds.un("beforeload", this.beforeLoad, this);
- ds.un("load", this.onLoad, this);
- ds.un("loadexception", this.onLoadError, this);
- ds.un("remove", this.updateInfo, this);
- ds.un("add", this.updateInfo, this);
- this.ds = undefined;
- },
-
-
-
- bind : function(ds){
- ds.on("beforeload", this.beforeLoad, this);
- ds.on("load", this.onLoad, this);
- ds.on("loadexception", this.onLoadError, this);
- ds.on("remove", this.updateInfo, this);
- ds.on("add", this.updateInfo, this);
- this.ds = ds;
- }
-});
-
-
-
-
-
-Roo.Resizable = function(el, A){
- this.el = Roo.get(el);
-
- if(A && A.wrap){
- A.resizeChild = this.el;
- this.el = this.el.wrap(typeof A.wrap == "object" ? A.wrap : {cls:"xresizable-wrap"});
- this.el.id = this.el.dom.id = A.resizeChild.id + "-rzwrap";
- this.el.setStyle("overflow", "hidden");
- this.el.setPositioning(A.resizeChild.getPositioning());
- A.resizeChild.clearPositioning();
- if(!A.width || !A.height){
- var csize = A.resizeChild.getSize();
- this.el.setSize(csize.width, csize.height);
- }
- if(A.pinned && !A.adjustments){
- A.adjustments = "auto";
- }
- }
-
-
- this.proxy = this.el.createProxy({tag: "div", cls: "x-resizable-proxy", id: this.el.id + "-rzproxy"});
- this.proxy.unselectable();
- this.proxy.enableDisplayMode('block');
-
- Roo.apply(this, A);
-
- if(this.pinned){
- this.disableTrackOver = true;
- this.el.addClass("x-resizable-pinned");
- }
-
- var B = this.el.getStyle("position");
- if(B != "absolute" && B != "fixed"){
- this.el.setStyle("position", "relative");
- }
- if(!this.handles){
- this.handles = 's,e,se';
- if(this.multiDirectional){
- this.handles += ',n,w';
- }
- }
- if(this.handles == "all"){
- this.handles = "n s e w ne nw se sw";
- }
- var hs = this.handles.split(/\s*?[,;]\s*?| /);
- var ps = Roo.Resizable.positions;
- for(var i = 0, len = hs.length; i < len; i++){
- if(hs[i] && ps[hs[i]]){
- var pos = ps[hs[i]];
- this[pos] = new Roo.Resizable.Handle(this, pos, this.disableTrackOver, this.transparent);
- }
- }
-
-
- this.corner = this.southeast;
-
- if(this.handles.indexOf("n") != -1 || this.handles.indexOf("w") != -1){
- this.updateBox = true;
- }
-
-
- this.activeHandle = null;
-
- if(this.resizeChild){
- if(typeof this.resizeChild == "boolean"){
- this.resizeChild = Roo.get(this.el.dom.firstChild, true);
- }else {
- this.resizeChild = Roo.get(this.resizeChild, true);
- }
- }
-
- if(this.adjustments == "auto"){
- var rc = this.resizeChild;
- var hw = this.west, he = this.east, hn = this.north, hs = this.south;
- if(rc && (hw || hn)){
- rc.position("relative");
- rc.setLeft(hw ? hw.el.getWidth() : 0);
- rc.setTop(hn ? hn.el.getHeight() : 0);
- }
-
- this.adjustments = [
- (he ? -he.el.getWidth() : 0) + (hw ? -hw.el.getWidth() : 0),
- (hn ? -hn.el.getHeight() : 0) + (hs ? -hs.el.getHeight() : 0) -1
- ];
- }
-
- if(this.draggable){
- this.dd = this.dynamic ?
- this.el.initDD(null) : this.el.initDDProxy(null, {dragElId: this.proxy.id});
- this.dd.setHandleElId(this.resizeChild ? this.resizeChild.id : this.el.id);
- }
-
-
-
- this.addEvents({
-
-
- "beforeresize" : true,
-
-
- "resize" : true
- });
-
- if(this.width !== null && this.height !== null){
- this.resizeTo(this.width, this.height);
- }else {
- this.updateChildSize();
- }
- if(Roo.isIE){
- this.el.dom.style.zoom = 1;
- }
-
- Roo.Resizable.superclass.constructor.call(this);
-};
-
-Roo.extend(Roo.Resizable, Roo.util.Observable, {
- resizeChild : false,
- adjustments : [0, 0],
- minWidth : 5,
- minHeight : 5,
- maxWidth : 10000,
- maxHeight : 10000,
- enabled : true,
- animate : false,
- duration : .35,
- dynamic : false,
- handles : false,
- multiDirectional : false,
- disableTrackOver : false,
- easing : 'easeOutStrong',
- widthIncrement : 0,
- heightIncrement : 0,
- pinned : false,
- width : null,
- height : null,
- preserveRatio : false,
- transparent: false,
- minX: 0,
- minY: 0,
- draggable: false,
-
-
-
- constrainTo: undefined,
-
-
- resizeRegion: undefined,
-
-
-
-
- resizeTo : function(C, D){
- this.el.setSize(C, D);
- this.updateChildSize();
- this.fireEvent("resize", this, C, D, null);
- },
-
-
- startSizing : function(e, E){
- this.fireEvent("beforeresize", this, e);
- if(this.enabled){
-
- if(!this.overlay){
- this.overlay = this.el.createProxy({tag: "div", cls: "x-resizable-overlay", html: " "});
- this.overlay.unselectable();
- this.overlay.enableDisplayMode("block");
- this.overlay.on("mousemove", this.onMouseMove, this);
- this.overlay.on("mouseup", this.onMouseUp, this);
- }
-
- this.overlay.setStyle("cursor", E.el.getStyle("cursor"));
-
- this.resizing = true;
- this.startBox = this.el.getBox();
- this.startPoint = e.getXY();
- this.offsets = [(this.startBox.x + this.startBox.width) - this.startPoint[0],
- (this.startBox.y + this.startBox.height) - this.startPoint[1]];
-
- this.overlay.setSize(Roo.lib.Dom.getViewWidth(true), Roo.lib.Dom.getViewHeight(true));
- this.overlay.show();
-
- if(this.constrainTo) {
- var ct = Roo.get(this.constrainTo);
- this.resizeRegion = ct.getRegion().adjust(
- ct.getFrameWidth('t'),
- ct.getFrameWidth('l'),
- -ct.getFrameWidth('b'),
- -ct.getFrameWidth('r')
- );
- }
-
-
- this.proxy.setStyle('visibility', 'hidden');
- this.proxy.show();
- this.proxy.setBox(this.startBox);
- if(!this.dynamic){
- this.proxy.setStyle('visibility', 'visible');
- }
- }
- },
-
-
- onMouseDown : function(F, e){
- if(this.enabled){
- e.stopEvent();
- this.activeHandle = F;
- this.startSizing(e, F);
- }
- },
-
-
- onMouseUp : function(e){
- var G = this.resizeElement();
- this.resizing = false;
- this.handleOut();
- this.overlay.hide();
- this.proxy.hide();
- this.fireEvent("resize", this, G.width, G.height, e);
- },
-
-
- updateChildSize : function(){
- if(this.resizeChild){
- var el = this.el;
- var child = this.resizeChild;
- var adj = this.adjustments;
- if(el.dom.offsetWidth){
- var b = el.getSize(true);
- child.setSize(b.width+adj[0], b.height+adj[1]);
- }
-
-
-
-
- if(Roo.isIE){
- setTimeout(function(){
- if(el.dom.offsetWidth){
- var b = el.getSize(true);
- child.setSize(b.width+adj[0], b.height+adj[1]);
- }
- }, 10);
- }
- }
- },
-
-
- snap : function(H, I, J){
- if(!I || !H) return H;
- var K = H;
- var m = H % I;
- if(m > 0){
- if(m > (I/2)){
- K = H + (I-m);
- }else {
- K = H - m;
- }
- }
- return Math.max(J, K);
- },
-
-
- resizeElement : function(){
- var L = this.proxy.getBox();
- if(this.updateBox){
- this.el.setBox(L, false, this.animate, this.duration, null, this.easing);
- }else {
- this.el.setSize(L.width, L.height, this.animate, this.duration, null, this.easing);
- }
-
- this.updateChildSize();
- if(!this.dynamic){
- this.proxy.hide();
- }
- return L;
- },
-
-
- constrain : function(v, M, m, mx){
- if(v - M < m){
- M = v - m;
- }else if(v - M > mx){
- M = mx - v;
- }
- return M;
- },
-
-
- onMouseMove : function(e){
- if(this.enabled){
- try{
-
- if(this.resizeRegion && !this.resizeRegion.contains(e.getPoint())) {
- return;
- }
-
-
- var curSize = this.curSize || this.startBox;
- var x = this.startBox.x, y = this.startBox.y;
- var ox = x, oy = y;
- var w = curSize.width, h = curSize.height;
- var ow = w, oh = h;
- var mw = this.minWidth, mh = this.minHeight;
- var mxw = this.maxWidth, mxh = this.maxHeight;
- var wi = this.widthIncrement;
- var hi = this.heightIncrement;
-
- var eventXY = e.getXY();
- var diffX = -(this.startPoint[0] - Math.max(this.minX, eventXY[0]));
- var diffY = -(this.startPoint[1] - Math.max(this.minY, eventXY[1]));
-
- var pos = this.activeHandle.position;
-
- switch(pos){
- case "east":
- w += diffX;
- w = Math.min(Math.max(mw, w), mxw);
- break;
- case "south":
- h += diffY;
- h = Math.min(Math.max(mh, h), mxh);
- break;
- case "southeast":
- w += diffX;
- h += diffY;
- w = Math.min(Math.max(mw, w), mxw);
- h = Math.min(Math.max(mh, h), mxh);
- break;
- case "north":
- diffY = this.constrain(h, diffY, mh, mxh);
- y += diffY;
- h -= diffY;
- break;
- case "west":
- diffX = this.constrain(w, diffX, mw, mxw);
- x += diffX;
- w -= diffX;
- break;
- case "northeast":
- w += diffX;
- w = Math.min(Math.max(mw, w), mxw);
- diffY = this.constrain(h, diffY, mh, mxh);
- y += diffY;
- h -= diffY;
- break;
- case "northwest":
- diffX = this.constrain(w, diffX, mw, mxw);
- diffY = this.constrain(h, diffY, mh, mxh);
- y += diffY;
- h -= diffY;
- x += diffX;
- w -= diffX;
- break;
- case "southwest":
- diffX = this.constrain(w, diffX, mw, mxw);
- h += diffY;
- h = Math.min(Math.max(mh, h), mxh);
- x += diffX;
- w -= diffX;
- break;
- }
-
- var sw = this.snap(w, wi, mw);
- var sh = this.snap(h, hi, mh);
- if(sw != w || sh != h){
- switch(pos){
- case "northeast":
- y -= sh - h;
- break;
- case "north":
- y -= sh - h;
- break;
- case "southwest":
- x -= sw - w;
- break;
- case "west":
- x -= sw - w;
- break;
- case "northwest":
- x -= sw - w;
- y -= sh - h;
- break;
- }
-
- w = sw;
- h = sh;
- }
-
- if(this.preserveRatio){
- switch(pos){
- case "southeast":
- case "east":
- h = oh * (w/ow);
- h = Math.min(Math.max(mh, h), mxh);
- w = ow * (h/oh);
- break;
- case "south":
- w = ow * (h/oh);
- w = Math.min(Math.max(mw, w), mxw);
- h = oh * (w/ow);
- break;
- case "northeast":
- w = ow * (h/oh);
- w = Math.min(Math.max(mw, w), mxw);
- h = oh * (w/ow);
- break;
- case "north":
- var tw = w;
- w = ow * (h/oh);
- w = Math.min(Math.max(mw, w), mxw);
- h = oh * (w/ow);
- x += (tw - w) / 2;
- break;
- case "southwest":
- h = oh * (w/ow);
- h = Math.min(Math.max(mh, h), mxh);
- var tw = w;
- w = ow * (h/oh);
- x += tw - w;
- break;
- case "west":
- var th = h;
- h = oh * (w/ow);
- h = Math.min(Math.max(mh, h), mxh);
- y += (th - h) / 2;
- var tw = w;
- w = ow * (h/oh);
- x += tw - w;
- break;
- case "northwest":
- var tw = w;
- var th = h;
- h = oh * (w/ow);
- h = Math.min(Math.max(mh, h), mxh);
- w = ow * (h/oh);
- y += th - h;
- x += tw - w;
- break;
-
- }
- }
-
- this.proxy.setBounds(x, y, w, h);
- if(this.dynamic){
- this.resizeElement();
- }
- }catch(e){}
- }
- },
-
-
- handleOver : function(){
- if(this.enabled){
- this.el.addClass("x-resizable-over");
- }
- },
-
-
- handleOut : function(){
- if(!this.resizing){
- this.el.removeClass("x-resizable-over");
- }
- },
-
-
-
- getEl : function(){
- return this.el;
- },
-
-
-
- getResizeChild : function(){
- return this.resizeChild;
- },
-
-
-
- destroy : function(N){
- this.proxy.remove();
- if(this.overlay){
- this.overlay.removeAllListeners();
- this.overlay.remove();
- }
- var ps = Roo.Resizable.positions;
- for(var k in ps){
- if(typeof ps[k] != "function" && this[ps[k]]){
- var h = this[ps[k]];
- h.el.removeAllListeners();
- h.el.remove();
- }
- }
- if(N){
- this.el.update("");
- this.el.remove();
- }
- }
-});
-
-
-
-Roo.Resizable.positions = {
- n: "north", s: "south", e: "east", w: "west", se: "southeast", sw: "southwest", nw: "northwest", ne: "northeast"
-};
-
-
-Roo.Resizable.Handle = function(rz, O, P, Q){
- if(!this.tpl){
-
- var tpl = Roo.DomHelper.createTemplate(
- {tag: "div", cls: "x-resizable-handle x-resizable-handle-{0}"}
- );
- tpl.compile();
- Roo.Resizable.Handle.prototype.tpl = tpl;
- }
-
- this.position = O;
- this.rz = rz;
- this.el = this.tpl.append(rz.el.dom, [this.position], true);
- this.el.unselectable();
- if(Q){
- this.el.setOpacity(0);
- }
-
- this.el.on("mousedown", this.onMouseDown, this);
- if(!P){
- this.el.on("mouseover", this.onMouseOver, this);
- this.el.on("mouseout", this.onMouseOut, this);
- }
-};
-
-
-Roo.Resizable.Handle.prototype = {
- afterResize : function(rz){
-
- },
-
- onMouseDown : function(e){
- this.rz.onMouseDown(this, e);
- },
-
- onMouseOver : function(e){
- this.rz.handleOver(this, e);
- },
-
- onMouseOut : function(e){
- this.rz.handleOut(this, e);
- }
-};
-
-
-
-
-
-Roo.Editor = function(A, B){
- Roo.Editor.superclass.constructor.call(this, B);
- this.field = A;
- this.addEvents({
-
-
- "beforestartedit" : true,
-
-
- "startedit" : true,
-
-
- "beforecomplete" : true,
-
-
- "complete" : true,
-
-
- "specialkey" : true
- });
-};
-
-Roo.extend(Roo.Editor, Roo.Component, {
-
-
-
-
-
-
-
-
-
-
- value : "",
-
-
- alignment: "c-c?",
-
-
- shadow : "frame",
-
-
- constrain : false,
-
-
- completeOnEnter : false,
-
-
- cancelOnEsc : false,
-
-
- updateEl : false,
-
-
- onRender : function(ct, C){
- this.el = new Roo.Layer({
- shadow: this.shadow,
- cls: "x-editor",
- parentEl : ct,
- shim : this.shim,
- shadowOffset:4,
- id: this.id,
- constrain: this.constrain
- });
- this.el.setStyle("overflow", Roo.isGecko ? "auto" : "hidden");
- if(this.field.msgTarget != 'title'){
- this.field.msgTarget = 'qtip';
- }
-
- this.field.render(this.el);
- if(Roo.isGecko){
- this.field.el.dom.setAttribute('autocomplete', 'off');
- }
-
- this.field.on("specialkey", this.onSpecialKey, this);
- if(this.swallowKeys){
- this.field.el.swallowEvent(['keydown','keypress']);
- }
-
- this.field.show();
- this.field.on("blur", this.onBlur, this);
- if(this.field.grow){
- this.field.on("autosize", this.el.sync, this.el, {delay:1});
- }
- },
-
- onSpecialKey : function(D, e){
- if(this.completeOnEnter && e.getKey() == e.ENTER){
- e.stopEvent();
- this.completeEdit();
- }else if(this.cancelOnEsc && e.getKey() == e.ESC){
- this.cancelEdit();
- }else {
- this.fireEvent('specialkey', D, e);
- }
- },
-
-
-
- startEdit : function(el, E){
- if(this.editing){
- this.completeEdit();
- }
-
- this.boundEl = Roo.get(el);
- var v = E !== undefined ? E : this.boundEl.dom.innerHTML;
- if(!this.rendered){
- this.render(this.parentEl || document.body);
- }
- if(this.fireEvent("beforestartedit", this, this.boundEl, v) === false){
- return;
- }
-
- this.startValue = v;
- this.field.setValue(v);
- if(this.autoSize){
- var sz = this.boundEl.getSize();
- switch(this.autoSize){
- case "width":
- this.setSize(sz.width, "");
- break;
- case "height":
- this.setSize("", sz.height);
- break;
- default:
- this.setSize(sz.width, sz.height);
- }
- }
-
- this.el.alignTo(this.boundEl, this.alignment);
- this.editing = true;
- if(Roo.QuickTips){
- Roo.QuickTips.disable();
- }
-
- this.show();
- },
-
-
-
- setSize : function(w, h){
- this.field.setSize(w, h);
- if(this.el){
- this.el.sync();
- }
- },
-
-
-
- realign : function(){
- this.el.alignTo(this.boundEl, this.alignment);
- },
-
-
-
- completeEdit : function(F){
- if(!this.editing){
- return;
- }
- var v = this.getValue();
- if(this.revertInvalid !== false && !this.field.isValid()){
- v = this.startValue;
- this.cancelEdit(true);
- }
- if(String(v) === String(this.startValue) && this.ignoreNoChange){
- this.editing = false;
- this.hide();
- return;
- }
- if(this.fireEvent("beforecomplete", this, v, this.startValue) !== false){
- this.editing = false;
- if(this.updateEl && this.boundEl){
- this.boundEl.update(v);
- }
- if(F !== true){
- this.hide();
- }
-
- this.fireEvent("complete", this, v, this.startValue);
- }
- },
-
-
- onShow : function(){
- this.el.show();
- if(this.hideEl !== false){
- this.boundEl.hide();
- }
-
- this.field.show();
- if(Roo.isIE && !this.fixIEFocus){
- this.fixIEFocus = true;
- this.deferredFocus.defer(50, this);
- }else {
- this.field.focus();
- }
-
- this.fireEvent("startedit", this.boundEl, this.startValue);
- },
-
- deferredFocus : function(){
- if(this.editing){
- this.field.focus();
- }
- },
-
-
-
- cancelEdit : function(G){
- if(this.editing){
- this.setValue(this.startValue);
- if(G !== true){
- this.hide();
- }
- }
- },
-
-
- onBlur : function(){
- if(this.allowBlur !== true && this.editing){
- this.completeEdit();
- }
- },
-
-
- onHide : function(){
- if(this.editing){
- this.completeEdit();
- return;
- }
-
- this.field.blur();
- if(this.field.collapse){
- this.field.collapse();
- }
-
- this.el.hide();
- if(this.hideEl !== false){
- this.boundEl.show();
- }
- if(Roo.QuickTips){
- Roo.QuickTips.enable();
- }
- },
-
-
-
- setValue : function(v){
- this.field.setValue(v);
- },
-
-
-
- getValue : function(){
- return this.field.getValue();
- }
-});
-
-
-
-
-
-Roo.BasicDialog = function(el, A){
- this.el = Roo.get(el);
- var dh = Roo.DomHelper;
- if(!this.el && A && A.autoCreate){
- if(typeof A.autoCreate == "object"){
- if(!A.autoCreate.id){
- A.autoCreate.id = el;
- }
-
- this.el = dh.append(document.body,
- A.autoCreate, true);
- }else {
- this.el = dh.append(document.body,
- {tag: "div", id: el, style:'visibility:hidden;'}, true);
- }
- }
-
- el = this.el;
- el.setDisplayed(true);
- el.hide = this.hideAction;
- this.id = el.id;
- el.addClass("x-dlg");
-
- Roo.apply(this, A);
-
- this.proxy = el.createProxy("x-dlg-proxy");
- this.proxy.hide = this.hideAction;
- this.proxy.setOpacity(.5);
- this.proxy.hide();
-
- if(A.width){
- el.setWidth(A.width);
- }
- if(A.height){
- el.setHeight(A.height);
- }
-
- this.size = el.getSize();
- if(typeof A.x != "undefined" && typeof A.y != "undefined"){
- this.xy = [A.x,A.y];
- }else {
- this.xy = el.getCenterXY(true);
- }
-
-
-
- this.header = el.child("> .x-dlg-hd");
-
-
- this.body = el.child("> .x-dlg-bd");
-
-
- this.footer = el.child("> .x-dlg-ft");
-
- if(!this.header){
- this.header = el.createChild({tag: "div", cls:"x-dlg-hd", html: " "}, this.body ? this.body.dom : null);
- }
- if(!this.body){
- this.body = el.createChild({tag: "div", cls:"x-dlg-bd"});
- }
-
-
- this.header.unselectable();
- if(this.title){
- this.header.update(this.title);
- }
-
-
- this.focusEl = el.createChild({tag: "a", href:"#", cls:"x-dlg-focus", tabIndex:"-1"});
- this.focusEl.swallowEvent("click", true);
-
- this.header.wrap({cls:"x-dlg-hd-right"}).wrap({cls:"x-dlg-hd-left"}, true);
-
-
- this.bwrap = this.body.wrap({tag: "div", cls:"x-dlg-dlg-body"});
- if(this.footer){
- this.bwrap.dom.appendChild(this.footer.dom);
- }
-
-
- this.bg = this.el.createChild({
- tag: "div", cls:"x-dlg-bg",
- html: '<div class="x-dlg-bg-left"><div class="x-dlg-bg-right"><div class="x-dlg-bg-center"> </div></div></div>'
- });
- this.centerBg = this.bg.child("div.x-dlg-bg-center");
-
-
- if(this.autoScroll !== false && !this.autoTabs){
- this.body.setStyle("overflow", "auto");
- }
-
-
- this.toolbox = this.el.createChild({cls: "x-dlg-toolbox"});
-
- if(this.closable !== false){
- this.el.addClass("x-dlg-closable");
- this.close = this.toolbox.createChild({cls:"x-dlg-close"});
- this.close.on("click", this.closeClick, this);
- this.close.addClassOnOver("x-dlg-close-over");
- }
- if(this.collapsible !== false){
- this.collapseBtn = this.toolbox.createChild({cls:"x-dlg-collapse"});
- this.collapseBtn.on("click", this.collapseClick, this);
- this.collapseBtn.addClassOnOver("x-dlg-collapse-over");
- this.header.on("dblclick", this.collapseClick, this);
- }
- if(this.resizable !== false){
- this.el.addClass("x-dlg-resizable");
- this.resizer = new Roo.Resizable(el, {
- minWidth: this.minWidth || 80,
- minHeight:this.minHeight || 80,
- handles: this.resizeHandles || "all",
- pinned: true
- });
- this.resizer.on("beforeresize", this.beforeResize, this);
- this.resizer.on("resize", this.onResize, this);
- }
- if(this.draggable !== false){
- el.addClass("x-dlg-draggable");
- if (!this.proxyDrag) {
- var dd = new Roo.dd.DD(el.dom.id, "WindowDrag");
- }
- else {
- var dd = new Roo.dd.DDProxy(el.dom.id, "WindowDrag", {dragElId: this.proxy.id});
- }
-
- dd.setHandleElId(this.header.id);
- dd.endDrag = this.endMove.createDelegate(this);
- dd.startDrag = this.startMove.createDelegate(this);
- dd.onDrag = this.onDrag.createDelegate(this);
- dd.scroll = false;
- this.dd = dd;
- }
- if(this.modal){
- this.mask = dh.append(document.body, {tag: "div", cls:"x-dlg-mask"}, true);
- this.mask.enableDisplayMode("block");
- this.mask.hide();
- this.el.addClass("x-dlg-modal");
- }
- if(this.shadow){
- this.shadow = new Roo.Shadow({
- mode : typeof this.shadow == "string" ? this.shadow : "sides",
- offset : this.shadowOffset
- });
- }else {
- this.shadowOffset = 0;
- }
- if(Roo.useShims && this.shim !== false){
- this.shim = this.el.createShim();
- this.shim.hide = this.hideAction;
- this.shim.hide();
- }else {
- this.shim = false;
- }
- if(this.autoTabs){
- this.initTabs();
- }
- if (this.buttons) {
- var bts= this.buttons;
- this.buttons = [];
- Roo.each(bts, function(b) {
- this.addButton(b);
- }, this);
- }
-
-
-
- this.addEvents({
-
-
- "keydown" : true,
-
-
- "move" : true,
-
-
- "resize" : true,
-
-
- "beforehide" : true,
-
-
- "hide" : true,
-
-
- "beforeshow" : true,
-
-
- "show" : true
- });
- el.on("keydown", this.onKeyDown, this);
- el.on("mousedown", this.toFront, this);
- Roo.EventManager.onWindowResize(this.adjustViewport, this, true);
- this.el.hide();
- Roo.DialogManager.register(this);
- Roo.BasicDialog.superclass.constructor.call(this);
-};
-
-Roo.extend(Roo.BasicDialog, Roo.util.Observable, {
- shadowOffset: Roo.isIE ? 6 : 5,
- minHeight: 80,
- minWidth: 200,
- minButtonWidth: 75,
- defaultButton: null,
- buttonAlign: "right",
- tabTag: 'div',
- firstShow: true,
-
-
-
- setTitle : function(B){
- this.header.update(B);
- return this;
- },
-
-
- closeClick : function(){
- this.hide();
- },
-
-
- collapseClick : function(){
- this[this.collapsed ? "expand" : "collapse"]();
- },
-
-
-
- collapse : function(){
- if(!this.collapsed){
- this.collapsed = true;
- this.el.addClass("x-dlg-collapsed");
- this.restoreHeight = this.el.getHeight();
- this.resizeTo(this.el.getWidth(), this.header.getHeight());
- }
- },
-
-
-
- expand : function(){
- if(this.collapsed){
- this.collapsed = false;
- this.el.removeClass("x-dlg-collapsed");
- this.resizeTo(this.el.getWidth(), this.restoreHeight);
- }
- },
-
-
-
- initTabs : function(){
- var C = this.getTabs();
- while(C.getTab(0)){
- C.removeTab(0);
- }
-
- this.el.select(this.tabTag+'.x-dlg-tab').each(function(el){
- var D = el.dom;
- C.addTab(Roo.id(D), D.title);
- D.title = "";
- });
- C.activate(0);
- return C;
- },
-
-
- beforeResize : function(){
- this.resizer.minHeight = Math.max(this.minHeight, this.getHeaderFooterHeight(true)+40);
- },
-
-
- onResize : function(){
- this.refreshSize();
- this.syncBodyHeight();
- this.adjustAssets();
- this.focus();
- this.fireEvent("resize", this, this.size.width, this.size.height);
- },
-
-
- onKeyDown : function(e){
- if(this.isVisible()){
- this.fireEvent("keydown", this, e);
- }
- },
-
-
-
- resizeTo : function(D, E){
- this.el.setSize(D, E);
- this.size = {width: D, height: E};
- this.syncBodyHeight();
- if(this.fixedcenter){
- this.center();
- }
- if(this.isVisible()){
- this.constrainXY();
- this.adjustAssets();
- }
-
- this.fireEvent("resize", this, D, E);
- return this;
- },
-
-
-
-
- setContentSize : function(w, h){
- h += this.getHeaderFooterHeight() + this.body.getMargins("tb");
- w += this.body.getMargins("lr") + this.bwrap.getMargins("lr") + this.centerBg.getPadding("lr");
-
- h += this.body.getPadding("tb") + this.bwrap.getBorderWidth("tb") + this.body.getBorderWidth("tb") + this.el.getBorderWidth("tb");
- w += this.body.getPadding("lr") + this.bwrap.getBorderWidth("lr") + this.body.getBorderWidth("lr") + this.bwrap.getPadding("lr") + this.el.getBorderWidth("lr");
-
- if(this.tabs){
- h += this.tabs.stripWrap.getHeight() + this.tabs.bodyEl.getMargins("tb") + this.tabs.bodyEl.getPadding("tb");
- w += this.tabs.bodyEl.getMargins("lr") + this.tabs.bodyEl.getPadding("lr");
- }
-
- this.resizeTo(w, h);
- return this;
- },
-
-
-
- addKeyListener : function(F, fn, G){
- var H, I, J, K;
- if(typeof F == "object" && !(F instanceof Array)){
- H = F["key"];
- I = F["shift"];
- J = F["ctrl"];
- K = F["alt"];
- }else {
- H = F;
- }
- var L = function(M, e){
- if((!I || e.shiftKey) && (!J || e.ctrlKey) && (!K || e.altKey)){
- var k = e.getKey();
- if(H instanceof Array){
- for(var i = 0, len = H.length; i < len; i++){
- if(H[i] == k){
- fn.call(G || window, M, k, e);
- return;
- }
- }
- }else {
- if(k == H){
- fn.call(G || window, M, k, e);
- }
- }
- }
- };
- this.on("keydown", L);
- return this;
- },
-
-
-
- getTabs : function(){
- if(!this.tabs){
- this.el.addClass("x-dlg-auto-tabs");
- this.body.addClass(this.tabPosition == "bottom" ? "x-tabs-bottom" : "x-tabs-top");
- this.tabs = new Roo.TabPanel(this.body.dom, this.tabPosition == "bottom");
- }
- return this.tabs;
- },
-
-
-
- addButton : function(M, N, O){
- var dh = Roo.DomHelper;
- if(!this.footer){
- this.footer = dh.append(this.bwrap, {tag: "div", cls:"x-dlg-ft"}, true);
- }
- if(!this.btnContainer){
- var tb = this.footer.createChild({
-
- cls:"x-dlg-btns x-dlg-btns-"+this.buttonAlign,
- html:'<table cellspacing="0"><tbody><tr></tr></tbody></table><div class="x-clear"></div>'
- }, null, true);
- this.btnContainer = tb.firstChild.firstChild.firstChild;
- }
- var P = {
- handler: N,
- scope: O,
- minWidth: this.minButtonWidth,
- hideParent:true
- };
- if(typeof M == "string"){
- P.text = M;
- }else {
- if(M.tag){
- P.dhconfig = M;
- }else {
- Roo.apply(P, M);
- }
- }
- var fc = false;
- if ((typeof(P.position) != 'undefined') && P.position < this.btnContainer.childNodes.length-1) {
- P.position = Math.max(0, P.position);
- fc = this.btnContainer.childNodes[P.position];
- }
-
- var Q = new Roo.Button(
- fc ?
- this.btnContainer.insertBefore(document.createElement("td"),fc)
- : this.btnContainer.appendChild(document.createElement("td")),
-
- P
- );
- this.syncBodyHeight();
- if(!this.buttons){
-
-
- this.buttons = [];
- }
-
- this.buttons.push(Q);
- return Q;
- },
-
-
-
- setDefaultButton : function(R){
- this.defaultButton = R;
- return this;
- },
-
-
- getHeaderFooterHeight : function(S){
- var T = 0;
- if(this.header){
- T += this.header.getHeight();
- }
- if(this.footer){
- var fm = this.footer.getMargins();
- T += (this.footer.getHeight()+fm.top+fm.bottom);
- }
-
- T += this.bwrap.getPadding("tb")+this.bwrap.getBorderWidth("tb");
- T += this.centerBg.getPadding("tb");
- return T;
- },
-
-
- syncBodyHeight : function(){
- var bd = this.body, cb = this.centerBg, bw = this.bwrap;
- var U = this.size.height - this.getHeaderFooterHeight(false);
- bd.setHeight(U-bd.getMargins("tb"));
- var hh = this.header.getHeight();
- var h = this.size.height-hh;
- cb.setHeight(h);
- bw.setLeftTop(cb.getPadding("l"), hh+cb.getPadding("t"));
- bw.setHeight(h-cb.getPadding("tb"));
- bw.setWidth(this.el.getWidth(true)-cb.getPadding("lr"));
- bd.setWidth(bw.getWidth(true));
- if(this.tabs){
- this.tabs.syncHeight();
- if(Roo.isIE){
- this.tabs.el.repaint();
- }
- }
- },
-
-
-
- restoreState : function(){
- var V = Roo.state.Manager.get(this.stateId || (this.el.id + "-state"));
- if(V && V.width){
- this.xy = [V.x, V.y];
- this.resizeTo(V.width, V.height);
- }
- return this;
- },
-
-
- beforeShow : function(){
- this.expand();
- if(this.fixedcenter){
- this.xy = this.el.getCenterXY(true);
- }
- if(this.modal){
- Roo.get(document.body).addClass("x-body-masked");
- this.mask.setSize(Roo.lib.Dom.getViewWidth(true), Roo.lib.Dom.getViewHeight(true));
- this.mask.show();
- }
-
- this.constrainXY();
- },
-
-
- animShow : function(){
- var b = Roo.get(this.animateTarget, true).getBox();
- this.proxy.setSize(b.width, b.height);
- this.proxy.setLocation(b.x, b.y);
- this.proxy.show();
- this.proxy.setBounds(this.xy[0], this.xy[1], this.size.width, this.size.height,
- true, .35, this.showEl.createDelegate(this));
- },
-
-
-
- show : function(W){
- if (this.fireEvent("beforeshow", this) === false){
- return;
- }
- if(this.syncHeightBeforeShow){
- this.syncBodyHeight();
- }else if(this.firstShow){
- this.firstShow = false;
- this.syncBodyHeight();
- }
-
- this.animateTarget = W || this.animateTarget;
- if(!this.el.isVisible()){
- this.beforeShow();
- if(this.animateTarget){
- this.animShow();
- }else {
- this.showEl();
- }
- }
- return this;
- },
-
-
- showEl : function(){
- this.proxy.hide();
- this.el.setXY(this.xy);
- this.el.show();
- this.adjustAssets(true);
- this.toFront();
- this.focus();
-
- if(Roo.isIE){
- this.el.repaint();
- }
-
- this.fireEvent("show", this);
- },
-
-
-
- focus : function(){
- if(this.defaultButton){
- this.defaultButton.focus();
- }else {
- this.focusEl.focus();
- }
- },
-
-
- constrainXY : function(){
- if(this.constraintoviewport !== false){
- if(!this.viewSize){
- if(this.container){
- var s = this.container.getSize();
- this.viewSize = [s.width, s.height];
- }else {
- this.viewSize = [Roo.lib.Dom.getViewWidth(),Roo.lib.Dom.getViewHeight()];
- }
- }
- var s = Roo.get(this.container||document).getScroll();
-
- var x = this.xy[0], y = this.xy[1];
- var w = this.size.width, h = this.size.height;
- var vw = this.viewSize[0], vh = this.viewSize[1];
-
- var moved = false;
-
- if(x + w > vw+s.left){
- x = vw - w;
- moved = true;
- }
- if(y + h > vh+s.top){
- y = vh - h;
- moved = true;
- }
-
- if(x < s.left){
- x = s.left;
- moved = true;
- }
- if(y < s.top){
- y = s.top;
- moved = true;
- }
- if(moved){
-
- this.xy = [x, y];
- if(this.isVisible()){
- this.el.setLocation(x, y);
- this.adjustAssets();
- }
- }
- }
- },
-
-
- onDrag : function(){
- if(!this.proxyDrag){
- this.xy = this.el.getXY();
- this.adjustAssets();
- }
- },
-
-
- adjustAssets : function(X){
- var x = this.xy[0], y = this.xy[1];
- var w = this.size.width, h = this.size.height;
- if(X === true){
- if(this.shadow){
- this.shadow.show(this.el);
- }
- if(this.shim){
- this.shim.show();
- }
- }
- if(this.shadow && this.shadow.isVisible()){
- this.shadow.show(this.el);
- }
- if(this.shim && this.shim.isVisible()){
- this.shim.setBounds(x, y, w, h);
- }
- },
-
-
- adjustViewport : function(w, h){
- if(!w || !h){
- w = Roo.lib.Dom.getViewWidth();
- h = Roo.lib.Dom.getViewHeight();
- }
-
-
- this.viewSize = [w, h];
- if(this.modal && this.mask.isVisible()){
- this.mask.setSize(w, h);
- this.mask.setSize(Roo.lib.Dom.getViewWidth(true), Roo.lib.Dom.getViewHeight(true));
- }
- if(this.isVisible()){
- this.constrainXY();
- }
- },
-
-
-
- destroy : function(Y){
- if(this.isVisible()){
- this.animateTarget = null;
- this.hide();
- }
-
- Roo.EventManager.removeResizeListener(this.adjustViewport, this);
- if(this.tabs){
- this.tabs.destroy(Y);
- }
-
- Roo.destroy(
- this.shim,
- this.proxy,
- this.resizer,
- this.close,
- this.mask
- );
- if(this.dd){
- this.dd.unreg();
- }
- if(this.buttons){
- for(var i = 0, len = this.buttons.length; i < len; i++){
- this.buttons[i].destroy();
- }
- }
-
- this.el.removeAllListeners();
- if(Y === true){
- this.el.update("");
- this.el.remove();
- }
-
- Roo.DialogManager.unregister(this);
- },
-
-
- startMove : function(){
- if(this.proxyDrag){
- this.proxy.show();
- }
- if(this.constraintoviewport !== false){
- this.dd.constrainTo(document.body, {right: this.shadowOffset, bottom: this.shadowOffset});
- }
- },
-
-
- endMove : function(){
- if(!this.proxyDrag){
- Roo.dd.DD.prototype.endDrag.apply(this.dd, arguments);
- }else {
- Roo.dd.DDProxy.prototype.endDrag.apply(this.dd, arguments);
- this.proxy.hide();
- }
-
- this.refreshSize();
- this.adjustAssets();
- this.focus();
- this.fireEvent("move", this, this.xy[0], this.xy[1]);
- },
-
-
-
- toFront : function(){
- Roo.DialogManager.bringToFront(this);
- return this;
- },
-
-
-
- toBack : function(){
- Roo.DialogManager.sendToBack(this);
- return this;
- },
-
-
-
- center : function(){
- var xy = this.el.getCenterXY(true);
- this.moveTo(xy[0], xy[1]);
- return this;
- },
-
-
-
- moveTo : function(x, y){
- this.xy = [x,y];
- if(this.isVisible()){
- this.el.setXY(this.xy);
- this.adjustAssets();
- }
- return this;
- },
-
-
-
- alignTo : function(Z, a, c){
- this.xy = this.el.getAlignToXY(Z, a, c);
- if(this.isVisible()){
- this.el.setXY(this.xy);
- this.adjustAssets();
- }
- return this;
- },
-
-
-
- anchorTo : function(el, d, f, g){
- var j = function(){
- this.alignTo(el, d, f);
- };
- Roo.EventManager.onWindowResize(j, this);
- var tm = typeof g;
- if(tm != 'undefined'){
- Roo.EventManager.on(window, 'scroll', j, this,
- {buffer: tm == 'number' ? g : 50});
- }
-
- j.call(this);
- return this;
- },
-
-
-
- isVisible : function(){
- return this.el.isVisible();
- },
-
-
- animHide : function(l){
- var b = Roo.get(this.animateTarget).getBox();
- this.proxy.show();
- this.proxy.setBounds(this.xy[0], this.xy[1], this.size.width, this.size.height);
- this.el.hide();
- this.proxy.setBounds(b.x, b.y, b.width, b.height, true, .35,
- this.hideEl.createDelegate(this, [l]));
- },
-
-
-
- hide : function(m){
- if (this.fireEvent("beforehide", this) === false){
- return;
- }
- if(this.shadow){
- this.shadow.hide();
- }
- if(this.shim) {
- this.shim.hide();
- }
- if(this.animateTarget){
- this.animHide(m);
- }else {
- this.el.hide();
- this.hideEl(m);
- }
- return this;
- },
-
-
- hideEl : function(n){
- this.proxy.hide();
- if(this.modal){
- this.mask.hide();
- Roo.get(document.body).removeClass("x-body-masked");
- }
-
- this.fireEvent("hide", this);
- if(typeof n == "function"){
- n();
- }
- },
-
-
- hideAction : function(){
- this.setLeft("-10000px");
- this.setTop("-10000px");
- this.setStyle("visibility", "hidden");
- },
-
-
- refreshSize : function(){
- this.size = this.el.getSize();
- this.xy = this.el.getXY();
- Roo.state.Manager.set(this.stateId || this.el.id + "-state", this.el.getBox());
- },
-
-
-
- setZIndex : function(o){
- if(this.modal){
- this.mask.setStyle("z-index", o);
- }
- if(this.shim){
- this.shim.setStyle("z-index", ++o);
- }
- if(this.shadow){
- this.shadow.setZIndex(++o);
- }
-
- this.el.setStyle("z-index", ++o);
- if(this.proxy){
- this.proxy.setStyle("z-index", ++o);
- }
- if(this.resizer){
- this.resizer.proxy.setStyle("z-index", ++o);
- }
-
-
- this.lastZIndex = o;
- },
-
-
-
- getEl : function(){
- return this.el;
- }
-});
-
-
-
-Roo.DialogManager = function(){
- var p = {};
- var q = [];
- var r = null;
-
-
- var t = function(d1, d2){
- return (!d1._lastAccess || d1._lastAccess < d2._lastAccess) ? -1 : 1;
- };
-
-
- var u = function(){
- q.sort(t);
- var v = Roo.DialogManager.zseed;
- for(var i = 0, len = q.length; i < len; i++){
- var dlg = q[i];
- if(dlg){
- dlg.setZIndex(v + (i*10));
- }
- }
- };
-
- return {
-
-
- zseed : 9000,
-
-
- register : function(AD){
- p[AD.id] = AD;
- q.push(AD);
- },
-
-
- unregister : function(AE){
- delete p[AE.id];
- var i=0;
- var AF=0;
- if(!q.indexOf){
- for( i = 0, AF = q.length; i < AF; i++){
- if(q[i] == AE){
- q.splice(i, 1);
- return;
- }
- }
- }else {
- i = q.indexOf(AE);
- if(i != -1){
- q.splice(i, 1);
- }
- }
- },
-
-
-
- get : function(id){
- return typeof id == "object" ? id : p[id];
- },
-
-
-
- bringToFront : function(AG){
- AG = this.get(AG);
- if(AG != r){
- r = AG;
- AG._lastAccess = new Date().getTime();
- u();
- }
- return AG;
- },
-
-
-
- sendToBack : function(AH){
- AH = this.get(AH);
- AH._lastAccess = -(new Date().getTime());
- u();
- return AH;
- },
-
-
-
- hideAll : function(){
- for(var id in p){
- if(p[id] && typeof p[id] != "function" && p[id].isVisible()){
- p[id].hide();
- }
- }
- }
- };
-}();
-
-
-
-Roo.LayoutDialog = function(el, v){
-
- var z= v;
- if (typeof(v) == 'undefined') {
- z = Roo.apply({}, el);
- el = Roo.get( document.documentElement || document.body).createChild();
-
- }
-
-
-
- z.autoTabs = false;
- Roo.LayoutDialog.superclass.constructor.call(this, el, z);
- this.body.setStyle({overflow:"hidden", position:"relative"});
- this.layout = new Roo.BorderLayout(this.body.dom, z);
- this.layout.monitorWindowResize = false;
- this.el.addClass("x-dlg-auto-layout");
-
- this.center = Roo.BasicDialog.prototype.center;
- this.on("show", this.layout.layout, this.layout, true);
- if (z.items) {
- var xitems = z.items;
- delete z.items;
- Roo.each(xitems, this.addxtype, this);
- }
-
-
-};
-Roo.extend(Roo.LayoutDialog, Roo.BasicDialog, {
-
-
- endUpdate : function(){
- this.layout.endUpdate();
- },
-
-
-
- beginUpdate : function(){
- this.layout.beginUpdate();
- },
-
-
-
- getLayout : function(){
- return this.layout;
- },
-
- showEl : function(){
- Roo.LayoutDialog.superclass.showEl.apply(this, arguments);
- if(Roo.isIE7){
- this.layout.layout();
- }
- },
-
-
-
- syncBodyHeight : function(){
- Roo.LayoutDialog.superclass.syncBodyHeight.call(this);
- if(this.layout){this.layout.layout();}
- },
-
-
-
-
- addxtype : function(c) {
- return this.layout.addxtype(c);
- }
-});
-
-
-
-
-
-Roo.MessageBox = function(){
- var A, B, C, D;
- var E, F, G, H, I, pp;
- var J, K, L;
-
-
- var M = function(Q){
- A.hide();
- Roo.callback(B.fn, B.scope||window, [Q, K.dom.value], 1);
- };
-
-
- var N = function(){
- if(B && B.cls){
- A.el.removeClass(B.cls);
- }
- if(D){
- Roo.TaskMgr.stop(D);
- D = null;
- }
- };
-
-
- var O = function(b){
- var Q = 0;
- if(!b){
- J["ok"].hide();
- J["cancel"].hide();
- J["yes"].hide();
- J["no"].hide();
- A.footer.dom.style.display = 'none';
- return Q;
- }
-
- A.footer.dom.style.display = '';
- for(var k in J){
- if(typeof J[k] != "function"){
- if(b[k]){
- J[k].show();
- J[k].setText(typeof b[k] == "string" ? b[k] : Roo.MessageBox.buttonText[k]);
- Q += J[k].el.getWidth()+15;
- }else {
- J[k].hide();
- }
- }
- }
- return Q;
- };
-
-
- var P = function(d, k, e){
- if(B && B.closable !== false){
- A.hide();
- }
- if(e){
- e.stopEvent();
- }
- };
-
- return {
-
-
- getDialog : function(){
- if(!A){
- A = new Roo.BasicDialog("x-msg-box", {
- autoCreate : true,
- shadow: true,
- draggable: true,
- resizable:false,
- constraintoviewport:false,
- fixedcenter:true,
- collapsible : false,
- shim:true,
- modal: true,
- width:400, height:100,
- buttonAlign:"center",
- closeClick : function(){
- if(B && B.buttons && B.buttons.no && !B.buttons.cancel){
- M("no");
- }else {
- M("cancel");
- }
- }
- });
- A.on("hide", N);
- C = A.mask;
- A.addKeyListener(27, P);
- J = {};
- var bt = this.buttonText;
- J["ok"] = A.addButton(bt["ok"], M.createCallback("ok"));
- J["yes"] = A.addButton(bt["yes"], M.createCallback("yes"));
- J["no"] = A.addButton(bt["no"], M.createCallback("no"));
- J["cancel"] = A.addButton(bt["cancel"], M.createCallback("cancel"));
- E = A.body.createChild({
-
- html:'<span class="roo-mb-text"></span><br /><input type="text" class="roo-mb-input" /><textarea class="roo-mb-textarea"></textarea><div class="roo-mb-progress-wrap"><div class="roo-mb-progress"><div class="roo-mb-progress-bar"> </div></div></div>'
- });
- F = E.dom.firstChild;
- G = Roo.get(E.dom.childNodes[2]);
- G.enableDisplayMode();
- G.addKeyListener([10,13], function(){
- if(A.isVisible() && B && B.buttons){
- if(B.buttons.ok){
- M("ok");
- }else if(B.buttons.yes){
- M("yes");
- }
- }
- });
- H = Roo.get(E.dom.childNodes[3]);
- H.enableDisplayMode();
- I = Roo.get(E.dom.childNodes[4]);
- I.enableDisplayMode();
- var pf = I.dom.firstChild;
- if (pf) {
- pp = Roo.get(pf.firstChild);
- pp.setHeight(pf.offsetHeight);
- }
-
- }
- return A;
- },
-
-
-
- updateText : function(j){
- if(!A.isVisible() && !B.width){
- A.resizeTo(this.maxWidth, 100);
- }
-
- F.innerHTML = j || ' ';
- var w = Math.max(Math.min(B.width || F.offsetWidth, this.maxWidth),
- Math.max(B.minWidth || this.minWidth, L));
- if(B.prompt){
- K.setWidth(w);
- }
- if(A.isVisible()){
- A.fixedcenter = false;
- }
-
- A.setContentSize(w, E.getHeight());
- if(A.isVisible()){
- A.fixedcenter = true;
- }
- return this;
- },
-
-
-
- updateProgress : function(l, m){
- if(m){
- this.updateText(m);
- }
- if (pp) {
- pp.setWidth(Math.floor(l*I.dom.firstChild.offsetWidth));
- }
- return this;
- },
-
-
-
- isVisible : function(){
- return A && A.isVisible();
- },
-
-
-
- hide : function(){
- if(this.isVisible()){
- A.hide();
- }
- },
-
-
-
- show : function(n){
- if(this.isVisible()){
- this.hide();
- }
- var d = this.getDialog();
- B = n;
- d.setTitle(B.title || " ");
- d.close.setDisplayed(B.closable !== false);
- K = G;
- B.prompt = B.prompt || (B.multiline ? true : false);
- if(B.prompt){
- if(B.multiline){
- G.hide();
- H.show();
- H.setHeight(typeof B.multiline == "number" ?
- B.multiline : this.defaultTextHeight);
- K = H;
- }else {
- G.show();
- H.hide();
- }
- }else {
- G.hide();
- H.hide();
- }
-
- I.setDisplayed(B.progress === true);
- this.updateProgress(0);
- K.dom.value = B.value || "";
- if(B.prompt){
- A.setDefaultButton(K);
- }else {
- var bs = B.buttons;
- var db = null;
- if(bs && bs.ok){
- db = J["ok"];
- }else if(bs && bs.yes){
- db = J["yes"];
- }
-
- A.setDefaultButton(db);
- }
-
- L = O(B.buttons);
- this.updateText(B.msg);
- if(B.cls){
- d.el.addClass(B.cls);
- }
-
- d.proxyDrag = B.proxyDrag === true;
- d.modal = B.modal !== false;
- d.mask = B.modal !== false ? C : false;
- if(!d.isVisible()){
-
- document.body.appendChild(A.el.dom);
- d.animateTarget = null;
- d.show(n.animEl);
- }
- return this;
- },
-
-
-
- progress : function(o, p){
- this.show({
- title : o,
- msg : p,
- buttons: false,
- progress:true,
- closable:false,
- minWidth: this.minProgressWidth,
- modal : true
- });
- return this;
- },
-
-
-
- alert : function(q, r, fn, s){
- this.show({
- title : q,
- msg : r,
- buttons: this.OK,
- fn: fn,
- scope : s,
- modal : true
- });
- return this;
- },
-
-
-
- wait : function(t, u){
- this.show({
- title : u,
- msg : t,
- buttons: false,
- closable:false,
- progress:true,
- modal:true,
- width:300,
- wait:true
- });
- D = Roo.TaskMgr.start({
- run: function(i){
- Roo.MessageBox.updateProgress(((((i+20)%20)+1)*5)*.01);
- },
- interval: 1000
- });
- return this;
- },
-
-
-
- confirm : function(v, x, fn, y){
- this.show({
- title : v,
- msg : x,
- buttons: this.YESNO,
- fn: fn,
- scope : y,
- modal : true
- });
- return this;
- },
-
-
-
- prompt : function(z, AA, fn, AB, AC){
- this.show({
- title : z,
- msg : AA,
- buttons: this.OKCANCEL,
- fn: fn,
- minWidth:250,
- scope : AB,
- prompt:true,
- multiline: AC,
- modal : true
- });
- return this;
- },
-
-
-
- OK : {ok:true},
-
-
- YESNO : {yes:true, no:true},
-
-
- OKCANCEL : {ok:true, cancel:true},
-
-
- YESNOCANCEL : {yes:true, no:true, cancel:true},
-
-
-
- defaultTextHeight : 75,
-
-
- maxWidth : 600,
-
-
- minWidth : 100,
-
-
- minProgressWidth : 250,
-
-
- buttonText : {
- ok : "OK",
- cancel : "Cancel",
- yes : "Yes",
- no : "No"
- }
- };
-}();
-
-
-
-Roo.Msg = Roo.MessageBox;
-
-
-
-
-Roo.QuickTips = function(){
- var el, A, B, C, tm, D, E, F = {}, esc, removeCls = null, bdLeft, bdRight;
- var ce, bd, xy, dd;
- var G = false, H = true, I = false;
- var J = 1, K = 1, L = 1, M = [];
-
- var N = function(e){
- if(H){
- return;
- }
- var t = e.getTarget();
- if(!t || t.nodeType !== 1 || t == document || t == document.body){
- return;
- }
- if(ce && t == ce.el){
- clearTimeout(K);
- return;
- }
- if(t && F[t.id]){
- F[t.id].el = t;
- J = S.defer(tm.showDelay, tm, [F[t.id]]);
- return;
- }
- var W, et = Roo.fly(t);
- var ns = D.namespace;
- if(tm.interceptTitles && t.title){
- W = t.title;
- t.qtip = W;
- t.removeAttribute("title");
- e.preventDefault();
- }else {
- W = t.qtip || et.getAttributeNS(ns, D.attribute);
- }
- if(W){
- J = S.defer(tm.showDelay, tm, [{
- el: t,
- text: W,
- width: et.getAttributeNS(ns, D.width),
- autoHide: et.getAttributeNS(ns, D.hide) != "user",
- title: et.getAttributeNS(ns, D.title),
- cls: et.getAttributeNS(ns, D.cls)
- }]);
- }
- };
-
- var O = function(e){
- clearTimeout(J);
- var t = e.getTarget();
- if(t && ce && ce.el == t && (tm.autoHide && ce.autoHide !== false)){
- K = setTimeout(U, tm.hideDelay);
- }
- };
-
- var P = function(e){
- if(H){
- return;
- }
-
- xy = e.getXY();
- xy[1] += 18;
- if(tm.trackMouse && ce){
- el.setXY(xy);
- }
- };
-
- var Q = function(e){
- clearTimeout(J);
- clearTimeout(K);
- if(!e.within(el)){
- if(tm.hideOnClick){
- U();
- tm.disable();
- tm.enable.defer(100, tm);
- }
- }
- };
-
- var R = function(){
- return 2;
- };
-
- var S = function(o){
- if(H){
- return;
- }
-
- clearTimeout(L);
- ce = o;
- if(removeCls){
- el.removeClass(removeCls);
- removeCls = null;
- }
- if(ce.cls){
- el.addClass(ce.cls);
- removeCls = ce.cls;
- }
- if(ce.title){
- C.update(ce.title);
- C.show();
- }else {
- C.update('');
- C.hide();
- }
-
- el.dom.style.width = tm.maxWidth+'px';
-
- B.update(o.text);
- var p = R(), w = ce.width;
- if(!w){
- var td = B.dom;
- var aw = Math.max(td.offsetWidth, td.clientWidth, td.scrollWidth);
- if(aw > tm.maxWidth){
- w = tm.maxWidth;
- }else if(aw < tm.minWidth){
- w = tm.minWidth;
- }else {
- w = aw;
- }
- }
-
-
- el.setWidth(parseInt(w, 10) + p);
- if(ce.autoHide === false){
- E.setDisplayed(true);
- if(dd){
- dd.unlock();
- }
- }else {
- E.setDisplayed(false);
- if(dd){
- dd.lock();
- }
- }
- if(xy){
- el.avoidY = xy[1]-18;
- el.setXY(xy);
- }
- if(tm.animate){
- el.setOpacity(.1);
- el.setStyle("visibility", "visible");
- el.fadeIn({callback: T});
- }else {
- T();
- }
- };
-
- var T = function(){
- if(ce){
- el.show();
- esc.enable();
- if(tm.autoDismiss && ce.autoHide !== false){
- L = setTimeout(U, tm.autoDismissDelay);
- }
- }
- };
-
- var U = function(W){
- clearTimeout(L);
- clearTimeout(K);
- ce = null;
- if(el.isVisible()){
- esc.disable();
- if(W !== true && tm.animate){
- el.fadeOut({callback: V});
- }else {
- V();
- }
- }
- };
-
- var V = function(){
- el.hide();
- if(removeCls){
- el.removeClass(removeCls);
- removeCls = null;
- }
- };
-
- return {
-
-
- minWidth : 40,
-
-
- maxWidth : 300,
-
-
- interceptTitles : false,
-
-
- trackMouse : false,
-
-
- hideOnClick : true,
-
-
- showDelay : 500,
-
-
- hideDelay : 200,
-
-
- autoHide : true,
-
-
- autoDismiss : true,
-
-
- autoDismissDelay : 5000,
-
-
- animate : false,
-
-
-
- title: '',
-
-
- text : '',
-
-
- cls : '',
-
-
- width : null,
-
-
-
- init : function(){
- tm = Roo.QuickTips;
- D = tm.tagConfig;
- if(!I){
- if(!Roo.isReady){
- Roo.onReady(Roo.QuickTips.init, Roo.QuickTips);
- return;
- }
-
- el = new Roo.Layer({cls:"x-tip", shadow:"drop", shim: true, constrain:true, shadowOffset:4});
- el.fxDefaults = {stopFx: true};
-
-
- el.update('<div class="x-tip-bd"><div class="x-tip-close"></div><h3></h3><div class="x-tip-bd-inner"></div><div class="x-clear"></div></div>');
- C = el.child('h3');
- C.enableDisplayMode("block");
- A = el.child('div.x-tip-bd');
- B = el.child('div.x-tip-bd-inner');
-
-
- E = el.child('div.x-tip-close');
- E.enableDisplayMode("block");
- E.on("click", U);
- var d = Roo.get(document);
- d.on("mousedown", Q);
- d.on("mouseover", N);
- d.on("mouseout", O);
- d.on("mousemove", P);
- esc = d.addKeyListener(27, U);
- esc.disable();
- if(Roo.dd.DD){
- dd = el.initDD("default", null, {
- onDrag : function(){
- el.sync();
- }
- });
- dd.setHandleElId(C.id);
- dd.lock();
- }
-
- I = true;
- }
-
- this.enable();
- },
-
-
-
- register : function(X){
- var cs = X instanceof Array ? X : arguments;
- for(var i = 0, len = cs.length; i < len; i++) {
- var c = cs[i];
- var target = c.target;
- if(target){
- if(target instanceof Array){
- for(var j = 0, jlen = target.length; j < jlen; j++){
- F[target[j]] = c;
- }
- }else {
- F[typeof target == 'string' ? target : Roo.id(target)] = c;
- }
- }
- }
- },
-
-
-
- unregister : function(el){
- delete F[Roo.id(el)];
- },
-
-
-
- enable : function(){
- if(I && H){
- M.pop();
- if(M.length < 1){
- H = false;
- }
- }
- },
-
-
-
- disable : function(){
- H = true;
- clearTimeout(J);
- clearTimeout(K);
- clearTimeout(L);
- if(ce){
- U(true);
- }
-
- M.push(1);
- },
-
-
-
- isEnabled : function(){
- return !H;
- },
-
-
- tagConfig : {
- namespace : "ext",
- attribute : "qtip",
- width : "width",
- target : "target",
- title : "qtitle",
- hide : "hide",
- cls : "qclass"
- }
- };
-}();
-
-
-Roo.QuickTips.tips = Roo.QuickTips.register;
-
-
-
-
-
-
-Roo.tree.TreePanel = function(el, A){
- var B = false;
- var C = false;
- if (A.root) {
- B = A.root;
- delete A.root;
- }
- if (A.loader) {
- C = A.loader;
- delete A.loader;
- }
-
-
- Roo.apply(this, A);
- Roo.tree.TreePanel.superclass.constructor.call(this);
- this.el = Roo.get(el);
- this.el.addClass('x-tree');
-
- if (B) {
- this.setRootNode( Roo.factory(B, Roo.tree));
- }
- if (C) {
- this.loader = Roo.factory(C, Roo.tree);
- }
-
-
-
- this.id = this.el.id;
- this.addEvents({
-
-
- "beforeload" : true,
-
-
- "load" : true,
-
-
- "textchange" : true,
-
-
- "beforeexpand" : true,
-
-
- "beforecollapse" : true,
-
-
- "expand" : true,
-
-
- "disabledchange" : true,
-
-
- "collapse" : true,
-
-
- "beforeclick":true,
-
-
- "checkchange":true,
-
-
- "click":true,
-
-
- "dblclick":true,
-
-
- "contextmenu":true,
-
-
- "beforechildrenrendered":true,
-
-
- "startdrag" : true,
-
-
- "enddrag" : true,
-
-
- "dragdrop" : true,
-
-
- "beforenodedrop" : true,
-
-
- "nodedrop" : true,
-
-
- "nodedragover" : true
-
- });
- if(this.singleExpand){
- this.on("beforeexpand", this.restrictExpand, this);
- }
-};
-Roo.extend(Roo.tree.TreePanel, Roo.data.Tree, {
- rootVisible : true,
- animate: Roo.enableFx,
- lines : true,
- enableDD : false,
- hlDrop : Roo.enableFx,
-
- renderer: false,
-
- rendererTip: false,
-
- restrictExpand : function(D){
- var p = D.parentNode;
- if(p){
- if(p.expandedChild && p.expandedChild.parentNode == p){
- p.expandedChild.collapse();
- }
-
- p.expandedChild = D;
- }
- },
-
-
- setRootNode : function(E){
- Roo.tree.TreePanel.superclass.setRootNode.call(this, E);
- if(!this.rootVisible){
- E.ui = new Roo.tree.RootTreeNodeUI(E);
- }
- return E;
- },
-
-
-
- getEl : function(){
- return this.el;
- },
-
-
-
- getLoader : function(){
- return this.loader;
- },
-
-
-
- expandAll : function(){
- this.root.expand(true);
- },
-
-
-
- collapseAll : function(){
- this.root.collapse(true);
- },
-
-
-
- getSelectionModel : function(){
- if(!this.selModel){
- this.selModel = new Roo.tree.DefaultSelectionModel();
- }
- return this.selModel;
- },
-
-
-
- getChecked : function(a, F){
- F = F || this.root;
- var r = [];
- var f = function(){
- if(this.attributes.checked){
- r.push(!a ? this : (a == 'id' ? this.id : this.attributes[a]));
- }
- }
-
- F.cascade(f);
- return r;
- },
-
-
-
- expandPath : function(G, H, I){
- H = H || "id";
- var J = G.split(this.pathSeparator);
- var K = this.root;
- if(K.attributes[H] != J[1]){
- if(I){
- I(false, null);
- }
- return;
- }
- var L = 1;
- var f = function(){
- if(++L == J.length){
- if(I){
- I(true, K);
- }
- return;
- }
- var c = K.findChild(H, J[L]);
- if(!c){
- if(I){
- I(false, K);
- }
- return;
- }
-
- K = c;
- c.expand(false, false, f);
- };
- K.expand(false, false, f);
- },
-
-
-
- selectPath : function(M, N, O){
- N = N || "id";
- var P = M.split(this.pathSeparator);
- var v = P.pop();
- if(P.length > 0){
- var f = function(Q, R){
- if(Q && R){
- var n = R.findChild(N, v);
- if(n){
- n.select();
- if(O){
- O(true, n);
- }
- }else if(O){
- O(false, n);
- }
- }else {
- if(O){
- O(false, n);
- }
- }
- };
- this.expandPath(P.join(this.pathSeparator), N, f);
- }else {
- this.root.select();
- if(O){
- O(true, this.root);
- }
- }
- },
-
- getTreeEl : function(){
- return this.el;
- },
-
-
-
- render : function(){
- if (this.innerCt) {
- return this;
- }
-
-
- this.innerCt = this.el.createChild({tag:"ul",
- cls:"x-tree-root-ct " +
- (this.lines ? "x-tree-lines" : "x-tree-no-lines")});
-
- if(this.containerScroll){
- Roo.dd.ScrollManager.register(this.el);
- }
- if((this.enableDD || this.enableDrop) && !this.dropZone){
-
-
- this.dropZone = new Roo.tree.TreeDropZone(this, this.dropConfig || {
- ddGroup: this.ddGroup || "TreeDD", appendOnly: this.ddAppendOnly === true
- });
- }
- if((this.enableDD || this.enableDrag) && !this.dragZone){
-
-
- this.dragZone = new Roo.tree.TreeDragZone(this, this.dragConfig || {
- ddGroup: this.ddGroup || "TreeDD",
- scroll: this.ddScroll
- });
- }
-
- this.getSelectionModel().init(this);
- if (!this.root) {
- console.log("ROOT not set in tree");
- return;
- }
-
- this.root.render();
- if(!this.rootVisible){
- this.root.renderChildren();
- }
- return this;
- }
-});
-
-
-
-
-
-
-Roo.tree.DefaultSelectionModel = function(){
- this.selNode = null;
-
- this.addEvents({
-
-
- "selectionchange" : true,
-
-
-
- "beforeselect" : true
- });
-};
-
-Roo.extend(Roo.tree.DefaultSelectionModel, Roo.util.Observable, {
- init : function(A){
- this.tree = A;
- A.getTreeEl().on("keydown", this.onKeyDown, this);
- A.on("click", this.onNodeClick, this);
- },
-
- onNodeClick : function(B, e){
- if (e.ctrlKey && this.selNode == B) {
- this.unselect(B);
- return;
- }
-
- this.select(B);
- },
-
-
-
- select : function(C){
- var D = this.selNode;
- if(D != C && this.fireEvent('beforeselect', this, C, D) !== false){
- if(D){
- D.ui.onSelectedChange(false);
- }
-
- this.selNode = C;
- C.ui.onSelectedChange(true);
- this.fireEvent("selectionchange", this, C, D);
- }
- return C;
- },
-
-
-
- unselect : function(E){
- if(this.selNode == E){
- this.clearSelections();
- }
- },
-
-
-
- clearSelections : function(){
- var n = this.selNode;
- if(n){
- n.ui.onSelectedChange(false);
- this.selNode = null;
- this.fireEvent("selectionchange", this, null);
- }
- return n;
- },
-
-
-
- getSelectedNode : function(){
- return this.selNode;
- },
-
-
-
- isSelected : function(F){
- return this.selNode == F;
- },
-
-
-
- selectPrevious : function(){
- var s = this.selNode || this.lastSelNode;
- if(!s){
- return null;
- }
- var ps = s.previousSibling;
- if(ps){
- if(!ps.isExpanded() || ps.childNodes.length < 1){
- return this.select(ps);
- } else {
- var lc = ps.lastChild;
- while(lc && lc.isExpanded() && lc.childNodes.length > 0){
- lc = lc.lastChild;
- }
- return this.select(lc);
- }
- } else if(s.parentNode && (this.tree.rootVisible || !s.parentNode.isRoot)){
- return this.select(s.parentNode);
- }
- return null;
- },
-
-
-
- selectNext : function(){
- var s = this.selNode || this.lastSelNode;
- if(!s){
- return null;
- }
- if(s.firstChild && s.isExpanded()){
- return this.select(s.firstChild);
- }else if(s.nextSibling){
- return this.select(s.nextSibling);
- }else if(s.parentNode){
- var newS = null;
- s.parentNode.bubble(function(){
- if(this.nextSibling){
- newS = this.getOwnerTree().selModel.select(this.nextSibling);
- return false;
- }
- });
- return newS;
- }
- return null;
- },
-
- onKeyDown : function(e){
- var s = this.selNode || this.lastSelNode;
-
- var sm = this;
- if(!s){
- return;
- }
- var k = e.getKey();
- switch(k){
- case e.DOWN:
- e.stopEvent();
- this.selectNext();
- break;
- case e.UP:
- e.stopEvent();
- this.selectPrevious();
- break;
- case e.RIGHT:
- e.preventDefault();
- if(s.hasChildNodes()){
- if(!s.isExpanded()){
- s.expand();
- }else if(s.firstChild){
- this.select(s.firstChild, e);
- }
- }
- break;
- case e.LEFT:
- e.preventDefault();
- if(s.hasChildNodes() && s.isExpanded()){
- s.collapse();
- }else if(s.parentNode && (this.tree.rootVisible || s.parentNode != this.tree.getRootNode())){
- this.select(s.parentNode, e);
- }
- break;
- };
- }
-});
-
-
-
-Roo.tree.MultiSelectionModel = function(){
- this.selNodes = [];
- this.selMap = {};
- this.addEvents({
-
-
- "selectionchange" : true
- });
-};
-
-Roo.extend(Roo.tree.MultiSelectionModel, Roo.util.Observable, {
- init : function(G){
- this.tree = G;
- G.getTreeEl().on("keydown", this.onKeyDown, this);
- G.on("click", this.onNodeClick, this);
- },
-
- onNodeClick : function(H, e){
- this.select(H, e, e.ctrlKey);
- },
-
-
-
- select : function(I, e, J){
- if(J !== true){
- this.clearSelections(true);
- }
- if(this.isSelected(I)){
- this.lastSelNode = I;
- return I;
- }
-
- this.selNodes.push(I);
- this.selMap[I.id] = I;
- this.lastSelNode = I;
- I.ui.onSelectedChange(true);
- this.fireEvent("selectionchange", this, this.selNodes);
- return I;
- },
-
-
-
- unselect : function(K){
- if(this.selMap[K.id]){
- K.ui.onSelectedChange(false);
- var sn = this.selNodes;
- var index = -1;
- if(sn.indexOf){
- index = sn.indexOf(K);
- }else {
- for(var i = 0, len = sn.length; i < len; i++){
- if(sn[i] == K){
- index = i;
- break;
- }
- }
- }
- if(index != -1){
- this.selNodes.splice(index, 1);
- }
- delete this.selMap[K.id];
- this.fireEvent("selectionchange", this, this.selNodes);
- }
- },
-
-
-
- clearSelections : function(L){
- var sn = this.selNodes;
- if(sn.length > 0){
- for(var i = 0, len = sn.length; i < len; i++){
- sn[i].ui.onSelectedChange(false);
- }
-
- this.selNodes = [];
- this.selMap = {};
- if(L !== true){
- this.fireEvent("selectionchange", this, this.selNodes);
- }
- }
- },
-
-
-
- isSelected : function(M){
- return this.selMap[M.id] ? true : false;
- },
-
-
-
- getSelectedNodes : function(){
- return this.selNodes;
- },
-
- onKeyDown : Roo.tree.DefaultSelectionModel.prototype.onKeyDown,
-
- selectNext : Roo.tree.DefaultSelectionModel.prototype.selectNext,
-
- selectPrevious : Roo.tree.DefaultSelectionModel.prototype.selectPrevious
-});
-
-
-
-
-
-Roo.tree.TreeNode = function(A){
- A = A || {};
- if(typeof A == "string"){
- A = {text: A};
- }
-
- this.childrenRendered = false;
- this.rendered = false;
- Roo.tree.TreeNode.superclass.constructor.call(this, A);
- this.expanded = A.expanded === true;
- this.isTarget = A.isTarget !== false;
- this.draggable = A.draggable !== false && A.allowDrag !== false;
- this.allowChildren = A.allowChildren !== false && A.allowDrop !== false;
-
-
-
- this.text = A.text;
-
-
- this.disabled = A.disabled === true;
-
- this.addEvents({
-
-
- "textchange" : true,
-
-
- "beforeexpand" : true,
-
-
- "beforecollapse" : true,
-
-
- "expand" : true,
-
-
- "disabledchange" : true,
-
-
- "collapse" : true,
-
-
- "beforeclick":true,
-
-
- "checkchange":true,
-
-
- "click":true,
-
-
- "dblclick":true,
-
-
- "contextmenu":true,
-
-
- "beforechildrenrendered":true
- });
-
- var B = this.attributes.uiProvider || Roo.tree.TreeNodeUI;
-
-
-
- this.ui = new B(this);
-};
-Roo.extend(Roo.tree.TreeNode, Roo.data.Node, {
- preventHScroll: true,
-
-
- isExpanded : function(){
- return this.expanded;
- },
-
-
-
- getUI : function(){
- return this.ui;
- },
-
-
- setFirstChild : function(C){
- var of = this.firstChild;
- Roo.tree.TreeNode.superclass.setFirstChild.call(this, C);
- if(this.childrenRendered && of && C != of){
- of.renderIndent(true, true);
- }
- if(this.rendered){
- this.renderIndent(true, true);
- }
- },
-
-
- setLastChild : function(D){
- var ol = this.lastChild;
- Roo.tree.TreeNode.superclass.setLastChild.call(this, D);
- if(this.childrenRendered && ol && D != ol){
- ol.renderIndent(true, true);
- }
- if(this.rendered){
- this.renderIndent(true, true);
- }
- },
-
-
-
- appendChild : function(){
- var E = Roo.tree.TreeNode.superclass.appendChild.apply(this, arguments);
- if(E && this.childrenRendered){
- E.render();
- }
-
- this.ui.updateExpandIcon();
- return E;
- },
-
-
- removeChild : function(F){
- this.ownerTree.getSelectionModel().unselect(F);
- Roo.tree.TreeNode.superclass.removeChild.apply(this, arguments);
-
- if(this.childrenRendered){
- F.ui.remove();
- }
- if(this.childNodes.length < 1){
- this.collapse(false, false);
- }else {
- this.ui.updateExpandIcon();
- }
- if(!this.firstChild) {
- this.childrenRendered = false;
- }
- return F;
- },
-
-
- insertBefore : function(G, H){
- var I = Roo.tree.TreeNode.superclass.insertBefore.apply(this, arguments);
- if(I && H && this.childrenRendered){
- G.render();
- }
-
- this.ui.updateExpandIcon();
- return I;
- },
-
-
-
- setText : function(J){
- var K = this.text;
- this.text = J;
- this.attributes.text = J;
- if(this.rendered){
- this.ui.onTextChange(this, J, K);
- }
-
- this.fireEvent("textchange", this, J, K);
- },
-
-
-
- select : function(){
- this.getOwnerTree().getSelectionModel().select(this);
- },
-
-
-
- unselect : function(){
- this.getOwnerTree().getSelectionModel().unselect(this);
- },
-
-
-
- isSelected : function(){
- return this.getOwnerTree().getSelectionModel().isSelected(this);
- },
-
-
-
- expand : function(L, M, N){
- if(!this.expanded){
- if(this.fireEvent("beforeexpand", this, L, M) === false){
- return;
- }
- if(!this.childrenRendered){
- this.renderChildren();
- }
-
- this.expanded = true;
- if(!this.isHiddenRoot() && (this.getOwnerTree().animate && M !== false) || M){
- this.ui.animExpand(function(){
- this.fireEvent("expand", this);
- if(typeof N == "function"){
- N(this);
- }
- if(L === true){
- this.expandChildNodes(true);
- }
- }.createDelegate(this));
- return;
- }else {
- this.ui.expand();
- this.fireEvent("expand", this);
- if(typeof N == "function"){
- N(this);
- }
- }
- }else {
- if(typeof N == "function"){
- N(this);
- }
- }
- if(L === true){
- this.expandChildNodes(true);
- }
- },
-
- isHiddenRoot : function(){
- return this.isRoot && !this.getOwnerTree().rootVisible;
- },
-
-
-
- collapse : function(O, P){
- if(this.expanded && !this.isHiddenRoot()){
- if(this.fireEvent("beforecollapse", this, O, P) === false){
- return;
- }
-
- this.expanded = false;
- if((this.getOwnerTree().animate && P !== false) || P){
- this.ui.animCollapse(function(){
- this.fireEvent("collapse", this);
- if(O === true){
- this.collapseChildNodes(true);
- }
- }.createDelegate(this));
- return;
- }else {
- this.ui.collapse();
- this.fireEvent("collapse", this);
- }
- }
- if(O === true){
- var cs = this.childNodes;
- for(var i = 0, len = cs.length; i < len; i++) {
- cs[i].collapse(true, false);
- }
- }
- },
-
-
- delayedExpand : function(Q){
- if(!this.expandProcId){
- this.expandProcId = this.expand.defer(Q, this);
- }
- },
-
-
- cancelExpand : function(){
- if(this.expandProcId){
- clearTimeout(this.expandProcId);
- }
-
- this.expandProcId = false;
- },
-
-
-
- toggle : function(){
- if(this.expanded){
- this.collapse();
- }else {
- this.expand();
- }
- },
-
-
-
- ensureVisible : function(R){
- var S = this.getOwnerTree();
- S.expandPath(this.parentNode.getPath(), false, function(){
- S.getTreeEl().scrollChildIntoView(this.ui.anchor);
- Roo.callback(R);
- }.createDelegate(this));
- },
-
-
-
- expandChildNodes : function(T){
- var cs = this.childNodes;
- for(var i = 0, len = cs.length; i < len; i++) {
- cs[i].expand(T);
- }
- },
-
-
-
- collapseChildNodes : function(U){
- var cs = this.childNodes;
- for(var i = 0, len = cs.length; i < len; i++) {
- cs[i].collapse(U);
- }
- },
-
-
-
- disable : function(){
- this.disabled = true;
- this.unselect();
- if(this.rendered && this.ui.onDisableChange){
- this.ui.onDisableChange(this, true);
- }
-
- this.fireEvent("disabledchange", this, true);
- },
-
-
-
- enable : function(){
- this.disabled = false;
- if(this.rendered && this.ui.onDisableChange){
- this.ui.onDisableChange(this, false);
- }
-
- this.fireEvent("disabledchange", this, false);
- },
-
-
- renderChildren : function(V){
- if(V !== false){
- this.fireEvent("beforechildrenrendered", this);
- }
- var cs = this.childNodes;
- for(var i = 0, len = cs.length; i < len; i++){
- cs[i].render(true);
- }
-
- this.childrenRendered = true;
- },
-
-
- sort : function(fn, W){
- Roo.tree.TreeNode.superclass.sort.apply(this, arguments);
- if(this.childrenRendered){
- var cs = this.childNodes;
- for(var i = 0, len = cs.length; i < len; i++){
- cs[i].render(true);
- }
- }
- },
-
-
- render : function(X){
- this.ui.render(X);
- if(!this.rendered){
- this.rendered = true;
- if(this.expanded){
- this.expanded = false;
- this.expand(false, false);
- }
- }
- },
-
-
- renderIndent : function(Y, Z){
- if(Z){
- this.ui.childIndent = null;
- }
-
- this.ui.renderIndent();
- if(Y === true && this.childrenRendered){
- var cs = this.childNodes;
- for(var i = 0, len = cs.length; i < len; i++){
- cs[i].renderIndent(true, Z);
- }
- }
- }
-});
-
-
-
-
-
- Roo.tree.AsyncTreeNode = function(A){
- this.loaded = false;
- this.loading = false;
- Roo.tree.AsyncTreeNode.superclass.constructor.apply(this, arguments);
-
-
- this.addEvents({'beforeload':true, 'load': true});
-
-
-
-
-};
-Roo.extend(Roo.tree.AsyncTreeNode, Roo.tree.TreeNode, {
- expand : function(B, C, D){
- if(this.loading){
- var timer;
- var f = function(){
- if(!this.loading){
- clearInterval(timer);
- this.expand(B, C, D);
- }
- }.createDelegate(this);
- timer = setInterval(f, 200);
- return;
- }
- if(!this.loaded){
- if(this.fireEvent("beforeload", this) === false){
- return;
- }
-
- this.loading = true;
- this.ui.beforeLoad(this);
- var loader = this.loader || this.attributes.loader || this.getOwnerTree().getLoader();
- if(loader){
- loader.load(this, this.loadComplete.createDelegate(this, [B, C, D]));
- return;
- }
- }
-
- Roo.tree.AsyncTreeNode.superclass.expand.call(this, B, C, D);
- },
-
-
-
- isLoading : function(){
- return this.loading;
- },
-
- loadComplete : function(E, F, G){
- this.loading = false;
- this.loaded = true;
- this.ui.afterLoad(this);
- this.fireEvent("load", this);
- this.expand(E, F, G);
- },
-
-
-
- isLoaded : function(){
- return this.loaded;
- },
-
- hasChildNodes : function(){
- if(!this.isLeaf() && !this.loaded){
- return true;
- }else {
- return Roo.tree.AsyncTreeNode.superclass.hasChildNodes.call(this);
- }
- },
-
-
-
- reload : function(H){
- this.collapse(false, false);
- while(this.firstChild){
- this.removeChild(this.firstChild);
- }
-
- this.childrenRendered = false;
- this.loaded = false;
- if(this.isHiddenRoot()){
- this.expanded = false;
- }
-
- this.expand(false, false, H);
- }
-});
-
-
-
-
-
-Roo.tree.TreeNodeUI = function(A){
- this.node = A;
- this.rendered = false;
- this.animating = false;
- this.emptyIcon = Roo.BLANK_IMAGE_URL;
-};
-
-Roo.tree.TreeNodeUI.prototype = {
- removeChild : function(B){
- if(this.rendered){
- this.ctNode.removeChild(B.ui.getEl());
- }
- },
-
- beforeLoad : function(){
- this.addClass("x-tree-node-loading");
- },
-
- afterLoad : function(){
- this.removeClass("x-tree-node-loading");
- },
-
- onTextChange : function(C, D, E){
- if(this.rendered){
- this.textNode.innerHTML = D;
- }
- },
-
- onDisableChange : function(F, G){
- this.disabled = G;
- if(G){
- this.addClass("x-tree-node-disabled");
- }else {
- this.removeClass("x-tree-node-disabled");
- }
- },
-
- onSelectedChange : function(H){
- if(H){
- this.focus();
- this.addClass("x-tree-selected");
- }else {
-
- this.removeClass("x-tree-selected");
- }
- },
-
- onMove : function(I, J, K, L, M, N){
- this.childIndent = null;
- if(this.rendered){
- var targetNode = L.ui.getContainer();
- if(!targetNode){
- this.holder = document.createElement("div");
- this.holder.appendChild(this.wrap);
- return;
- }
- var insertBefore = N ? N.ui.getEl() : null;
- if(insertBefore){
- targetNode.insertBefore(this.wrap, insertBefore);
- }else {
- targetNode.appendChild(this.wrap);
- }
-
- this.node.renderIndent(true);
- }
- },
-
- addClass : function(O){
- if(this.elNode){
- Roo.fly(this.elNode).addClass(O);
- }
- },
-
- removeClass : function(P){
- if(this.elNode){
- Roo.fly(this.elNode).removeClass(P);
- }
- },
-
- remove : function(){
- if(this.rendered){
- this.holder = document.createElement("div");
- this.holder.appendChild(this.wrap);
- }
- },
-
- fireEvent : function(){
- return this.node.fireEvent.apply(this.node, arguments);
- },
-
- initEvents : function(){
- this.node.on("move", this.onMove, this);
- var E = Roo.EventManager;
- var a = this.anchor;
-
- var el = Roo.fly(a, '_treeui');
-
- if(Roo.isOpera){
- el.setStyle("text-decoration", "none");
- }
-
-
- el.on("click", this.onClick, this);
- el.on("dblclick", this.onDblClick, this);
-
- if(this.checkbox){
- Roo.EventManager.on(this.checkbox,
- Roo.isIE ? 'click' : 'change', this.onCheckChange, this);
- }
-
-
- el.on("contextmenu", this.onContextMenu, this);
-
- var Q = Roo.fly(this.iconNode);
- Q.on("click", this.onClick, this);
- Q.on("dblclick", this.onDblClick, this);
- Q.on("contextmenu", this.onContextMenu, this);
- E.on(this.ecNode, "click", this.ecClick, this, true);
-
- if(this.node.disabled){
- this.addClass("x-tree-node-disabled");
- }
- if(this.node.hidden){
- this.addClass("x-tree-node-disabled");
- }
- var ot = this.node.getOwnerTree();
- var dd = ot.enableDD || ot.enableDrag || ot.enableDrop;
- if(dd && (!this.node.isRoot || ot.rootVisible)){
- Roo.dd.Registry.register(this.elNode, {
- node: this.node,
- handles: this.getDDHandles(),
- isHandle: false
- });
- }
- },
-
- getDDHandles : function(){
- return [this.iconNode, this.textNode];
- },
-
- hide : function(){
- if(this.rendered){
- this.wrap.style.display = "none";
- }
- },
-
- show : function(){
- if(this.rendered){
- this.wrap.style.display = "";
- }
- },
-
- onContextMenu : function(e){
- if (this.node.hasListener("contextmenu") || this.node.getOwnerTree().hasListener("contextmenu")) {
- e.preventDefault();
- this.focus();
- this.fireEvent("contextmenu", this.node, e);
- }
- },
-
- onClick : function(e){
- if(this.dropping){
- e.stopEvent();
- return;
- }
- if(this.fireEvent("beforeclick", this.node, e) !== false){
- if(!this.disabled && this.node.attributes.href){
- this.fireEvent("click", this.node, e);
- return;
- }
-
- e.preventDefault();
- if(this.disabled){
- return;
- }
-
- if(this.node.attributes.singleClickExpand && !this.animating && this.node.hasChildNodes()){
- this.node.toggle();
- }
-
-
- this.fireEvent("click", this.node, e);
- }else {
- e.stopEvent();
- }
- },
-
- onDblClick : function(e){
- e.preventDefault();
- if(this.disabled){
- return;
- }
- if(this.checkbox){
- this.toggleCheck();
- }
- if(!this.animating && this.node.hasChildNodes()){
- this.node.toggle();
- }
-
- this.fireEvent("dblclick", this.node, e);
- },
-
- onCheckChange : function(){
- var R = this.checkbox.checked;
- this.node.attributes.checked = R;
- this.fireEvent('checkchange', this.node, R);
- },
-
- ecClick : function(e){
- if(!this.animating && this.node.hasChildNodes()){
- this.node.toggle();
- }
- },
-
- startDrop : function(){
- this.dropping = true;
- },
-
-
- endDrop : function(){
- setTimeout(function(){
- this.dropping = false;
- }.createDelegate(this), 50);
- },
-
- expand : function(){
- this.updateExpandIcon();
- this.ctNode.style.display = "";
- },
-
- focus : function(){
- if(!this.node.preventHScroll){
- try{this.anchor.focus();
- }catch(e){}
- }else if(!Roo.isIE){
- try{
- var noscroll = this.node.getOwnerTree().getTreeEl().dom;
- var l = noscroll.scrollLeft;
- this.anchor.focus();
- noscroll.scrollLeft = l;
- }catch(e){}
- }
- },
-
- toggleCheck : function(S){
- var cb = this.checkbox;
- if(cb){
- cb.checked = (S === undefined ? !cb.checked : S);
- }
- },
-
- blur : function(){
- try{
- this.anchor.blur();
- }catch(e){}
- },
-
- animExpand : function(T){
- var ct = Roo.get(this.ctNode);
- ct.stopFx();
- if(!this.node.hasChildNodes()){
- this.updateExpandIcon();
- this.ctNode.style.display = "";
- Roo.callback(T);
- return;
- }
-
- this.animating = true;
- this.updateExpandIcon();
-
- ct.slideIn('t', {
- callback : function(){
- this.animating = false;
- Roo.callback(T);
- },
- scope: this,
- duration: this.node.ownerTree.duration || .25
- });
- },
-
- highlight : function(){
- var U = this.node.getOwnerTree();
- Roo.fly(this.wrap).highlight(
- U.hlColor || "C3DAF9",
- {endColor: U.hlBaseColor}
- );
- },
-
- collapse : function(){
- this.updateExpandIcon();
- this.ctNode.style.display = "none";
- },
-
- animCollapse : function(V){
- var ct = Roo.get(this.ctNode);
- ct.enableDisplayMode('block');
- ct.stopFx();
-
- this.animating = true;
- this.updateExpandIcon();
-
- ct.slideOut('t', {
- callback : function(){
- this.animating = false;
- Roo.callback(V);
- },
- scope: this,
- duration: this.node.ownerTree.duration || .25
- });
- },
-
- getContainer : function(){
- return this.ctNode;
- },
-
- getEl : function(){
- return this.wrap;
- },
-
- appendDDGhost : function(W){
- W.appendChild(this.elNode.cloneNode(true));
- },
-
- getDDRepairXY : function(){
- return Roo.lib.Dom.getXY(this.iconNode);
- },
-
- onRender : function(){
- this.render();
- },
-
- render : function(X){
- var n = this.node, a = n.attributes;
- var Y = n.parentNode ?
- n.parentNode.ui.getContainer() : n.ownerTree.innerCt.dom;
-
- if(!this.rendered){
- this.rendered = true;
-
- this.renderElements(n, a, Y, X);
-
- if(a.qtip){
- if(this.textNode.setAttributeNS){
- this.textNode.setAttributeNS("ext", "qtip", a.qtip);
- if(a.qtipTitle){
- this.textNode.setAttributeNS("ext", "qtitle", a.qtipTitle);
- }
- }else {
- this.textNode.setAttribute("ext:qtip", a.qtip);
- if(a.qtipTitle){
- this.textNode.setAttribute("ext:qtitle", a.qtipTitle);
- }
- }
- }else if(a.qtipCfg){
- a.qtipCfg.target = Roo.id(this.textNode);
- Roo.QuickTips.register(a.qtipCfg);
- }
-
- this.initEvents();
- if(!this.node.expanded){
- this.updateExpandIcon();
- }
- }else {
- if(X === true) {
- Y.appendChild(this.wrap);
- }
- }
- },
-
- renderElements : function(n, a, Z, b){
-
- this.indentMarkup = n.parentNode ? n.parentNode.ui.getChildIndent() : '';
- var t = n.getOwnerTree();
- var c = t.renderer ? t.renderer(n.attributes) : Roo.util.Format.htmlEncode(n.text);
- var d = t.rendererTip ? t.rendererTip(n.attributes) : c;
- var cb = typeof a.checked == 'boolean';
- var f = a.href ? a.href : Roo.isGecko ? "" : "#";
- var g = ['<li class="x-tree-node"><div class="x-tree-node-el ', a.cls,'">',
- '<span class="x-tree-node-indent">',this.indentMarkup,"</span>",
- '<img src="', this.emptyIcon, '" class="x-tree-ec-icon" />',
- '<img src="', a.icon || this.emptyIcon, '" class="x-tree-node-icon',(a.icon ? " x-tree-node-inline-icon" : ""),(a.iconCls ? " "+a.iconCls : ""),'" unselectable="on" />',
- cb ? ('<input class="x-tree-node-cb" type="checkbox" ' + (a.checked ? 'checked="checked" />' : ' />')) : '',
- '<a hidefocus="on" href="',f,'" tabIndex="1" ',
- a.hrefTarget ? ' target="'+a.hrefTarget+'"' : "",
- '><span unselectable="on" qtip="' , d ,'">',c,"</span></a></div>",
- '<ul class="x-tree-node-ct" style="display:none;"></ul>',
- "</li>"];
-
- if(b !== true && n.nextSibling && n.nextSibling.ui.getEl()){
- this.wrap = Roo.DomHelper.insertHtml("beforeBegin",
- n.nextSibling.ui.getEl(), g.join(""));
- }else {
- this.wrap = Roo.DomHelper.insertHtml("beforeEnd", Z, g.join(""));
- }
-
-
- this.elNode = this.wrap.childNodes[0];
- this.ctNode = this.wrap.childNodes[1];
- var cs = this.elNode.childNodes;
- this.indentNode = cs[0];
- this.ecNode = cs[1];
- this.iconNode = cs[2];
- var h = 3;
- if(cb){
- this.checkbox = cs[3];
- h++;
- }
-
- this.anchor = cs[h];
- this.textNode = cs[h].firstChild;
- },
-
- getAnchor : function(){
- return this.anchor;
- },
-
- getTextEl : function(){
- return this.textNode;
- },
-
- getIconEl : function(){
- return this.iconNode;
- },
-
- isChecked : function(){
- return this.checkbox ? this.checkbox.checked : false;
- },
-
- updateExpandIcon : function(){
- if(this.rendered){
- var n = this.node, c1, c2;
- var P = n.isLast() ? "x-tree-elbow-end" : "x-tree-elbow";
- var hasChild = n.hasChildNodes();
- if(hasChild){
- if(n.expanded){
- P += "-minus";
- c1 = "x-tree-node-collapsed";
- c2 = "x-tree-node-expanded";
- }else {
- P += "-plus";
- c1 = "x-tree-node-expanded";
- c2 = "x-tree-node-collapsed";
- }
- if(this.wasLeaf){
- this.removeClass("x-tree-node-leaf");
- this.wasLeaf = false;
- }
- if(this.c1 != c1 || this.c2 != c2){
- Roo.fly(this.elNode).replaceClass(c1, c2);
- this.c1 = c1; this.c2 = c2;
- }
- }else {
- if(!this.wasLeaf){
- Roo.fly(this.elNode).replaceClass("x-tree-node-expanded", "x-tree-node-leaf");
- delete this.c1;
- delete this.c2;
- this.wasLeaf = true;
- }
- }
- var ecc = "x-tree-ec-icon "+P;
- if(this.ecc != ecc){
- this.ecNode.className = ecc;
- this.ecc = ecc;
- }
- }
- },
-
- getChildIndent : function(){
- if(!this.childIndent){
- var g = [];
- var p = this.node;
- while(p){
- if(!p.isRoot || (p.isRoot && p.ownerTree.rootVisible)){
- if(!p.isLast()) {
- g.unshift('<img src="'+this.emptyIcon+'" class="x-tree-elbow-line" />');
- } else {
- g.unshift('<img src="'+this.emptyIcon+'" class="x-tree-icon" />');
- }
- }
-
- p = p.parentNode;
- }
-
- this.childIndent = g.join("");
- }
- return this.childIndent;
- },
-
- renderIndent : function(){
- if(this.rendered){
- var indent = "";
- var p = this.node.parentNode;
- if(p){
- indent = p.ui.getChildIndent();
- }
- if(this.indentMarkup != indent){
- this.indentNode.innerHTML = indent;
- this.indentMarkup = indent;
- }
-
- this.updateExpandIcon();
- }
- }
-};
-
-Roo.tree.RootTreeNodeUI = function(){
- Roo.tree.RootTreeNodeUI.superclass.constructor.apply(this, arguments);
-};
-Roo.extend(Roo.tree.RootTreeNodeUI, Roo.tree.TreeNodeUI, {
- render : function(){
- if(!this.rendered){
- var Z = this.node.ownerTree.innerCt.dom;
- this.node.expanded = true;
- Z.innerHTML = '<div class="x-tree-root-node"></div>';
- this.wrap = this.ctNode = Z.firstChild;
- }
- },
- collapse : function(){
- },
- expand : function(){
- }
-});
-
-
-
-
-Roo.tree.TreeLoader = function(A){
- this.baseParams = {};
- this.requestMethod = "POST";
- Roo.apply(this, A);
-
- this.addEvents({
-
-
-
- beforeload : true,
-
-
- load : true,
-
-
- loadexception : true,
-
-
- create : true
- });
-
- Roo.tree.TreeLoader.superclass.constructor.call(this);
-};
-
-Roo.extend(Roo.tree.TreeLoader, Roo.util.Observable, {
-
-
-
-
-
-
-
-
- uiProviders : {},
-
-
-
- clearOnLoad : true,
-
-
-
-
- root : false,
-
-
-
-
- queryParam: false,
-
-
-
- load : function(B, C){
- if(this.clearOnLoad){
- while(B.firstChild){
- B.removeChild(B.firstChild);
- }
- }
- if(B.attributes.children){
- var cs = B.attributes.children;
- for(var i = 0, len = cs.length; i < len; i++){
- B.appendChild(this.createNode(cs[i]));
- }
- if(typeof C == "function"){
- C();
- }
- }else if(this.dataUrl){
- this.requestData(B, C);
- }
- },
-
- getParams: function(D){
- var E = [], bp = this.baseParams;
- for(var key in bp){
- if(typeof bp[key] != "function"){
- E.push(encodeURIComponent(key), "=", encodeURIComponent(bp[key]), "&");
- }
- }
- var n = this.queryParam === false ? 'node' : this.queryParam;
- E.push(n + "=", encodeURIComponent(D.id));
- return E.join("");
- },
-
- requestData : function(F, G){
- if(this.fireEvent("beforeload", this, F, G) !== false){
- this.transId = Roo.Ajax.request({
- method:this.requestMethod,
- url: this.dataUrl||this.url,
- success: this.handleResponse,
- failure: this.handleFailure,
- scope: this,
- argument: {callback: G, node: F},
- params: this.getParams(F)
- });
- }else {
-
-
- if(typeof G == "function"){
- G();
- }
- }
- },
-
- isLoading : function(){
- return this.transId ? true : false;
- },
-
- abort : function(){
- if(this.isLoading()){
- Roo.Ajax.abort(this.transId);
- }
- },
-
-
- createNode : function(attr){
-
- if(this.baseAttrs){
- Roo.applyIf(attr, this.baseAttrs);
- }
- if(this.applyLoader !== false){
- attr.loader = this;
- }
-
-
- if(typeof(attr.uiProvider) == 'string'){
- attr.uiProvider = this.uiProviders[attr.uiProvider] ||
-
- eval(attr.uiProvider);
- }
- if(typeof(this.uiProviders['default']) != 'undefined') {
- attr.uiProvider = this.uiProviders['default'];
- }
-
-
- this.fireEvent('create', this, attr);
-
- attr.leaf = typeof(attr.leaf) == 'string' ? attr.leaf * 1 : attr.leaf;
- return (attr.leaf ?
- new Roo.tree.TreeNode(attr) :
- new Roo.tree.AsyncTreeNode(attr));
- },
-
- processResponse : function(H, I, J){
- var K = H.responseText;
- try {
-
- var o =
- eval("("+K+")");
- if (this.root !== false) {
- o = o[this.root];
- }
-
- for(var i = 0, len = o.length; i < len; i++){
- var n = this.createNode(o[i]);
- if(n){
- I.appendChild(n);
- }
- }
- if(typeof J == "function"){
- J(this, I);
- }
- }catch(e){
- this.handleFailure(response);
- }
- },
-
- handleResponse : function(L){
- this.transId = false;
- var a = L.argument;
- this.processResponse(L, a.node, a.callback);
- this.fireEvent("load", this, a.node, L);
- },
-
- handleFailure : function(M){
- this.transId = false;
- var a = M.argument;
- this.fireEvent("loadexception", this, a.node, M);
- if(typeof a.callback == "function"){
- a.callback(this, a.node);
- }
- }
-});
-
-
-
-
-
-Roo.tree.TreeFilter = function(A, B){
- this.tree = A;
- this.filtered = {};
- Roo.apply(this, B);
-};
-
-Roo.tree.TreeFilter.prototype = {
- clearBlank:false,
- reverse:false,
- autoClear:false,
- remove:false,
-
-
-
- filter : function(C, D, E){
- D = D || "text";
- var f;
- if(typeof C == "string"){
- var vlen = C.length;
-
- if(vlen == 0 && this.clearBlank){
- this.clear();
- return;
- }
-
- C = C.toLowerCase();
- f = function(n){
- return n.attributes[D].substr(0, vlen).toLowerCase() == C;
- };
- }else if(C.exec){
- f = function(n){
- return C.test(n.attributes[D]);
- };
- }else {
- throw 'Illegal filter type, must be string or regex';
- }
-
- this.filterBy(f, null, E);
- },
-
-
-
- filterBy : function(fn, F, G){
- G = G || this.tree.root;
- if(this.autoClear){
- this.clear();
- }
- var af = this.filtered, rv = this.reverse;
- var f = function(n){
- if(n == G){
- return true;
- }
- if(af[n.id]){
- return false;
- }
- var m = fn.call(F || n, n);
- if(!m || rv){
- af[n.id] = n;
- n.ui.hide();
- return false;
- }
- return true;
- };
- G.cascade(f);
- if(this.remove){
- for(var id in af){
- if(typeof id != "function"){
- var n = af[id];
- if(n && n.parentNode){
- n.parentNode.removeChild(n);
- }
- }
- }
- }
- },
-
-
-
- clear : function(){
- var t = this.tree;
- var af = this.filtered;
- for(var id in af){
- if(typeof id != "function"){
- var n = af[id];
- if(n){
- n.ui.show();
- }
- }
- }
-
- this.filtered = {};
- }
-};
-
-
-
-
-
-
-
-Roo.tree.TreeSorter = function(A, B){
- Roo.apply(this, B);
- A.on("beforechildrenrendered", this.doSort, this);
- A.on("append", this.updateSort, this);
- A.on("insert", this.updateSort, this);
-
- var C = this.dir && this.dir.toLowerCase() == "desc";
- var p = this.property || "text";
- var D = this.sortType;
- var fs = this.folderSort;
- var cs = this.caseSensitive === true;
- var E = this.leafAttr || 'leaf';
-
- this.sortFn = function(n1, n2){
- if(fs){
- if(n1.attributes[E] && !n2.attributes[E]){
- return 1;
- }
- if(!n1.attributes[E] && n2.attributes[E]){
- return -1;
- }
- }
- var v1 = D ? D(n1) : (cs ? n1.attributes[p] : n1.attributes[p].toUpperCase());
- var v2 = D ? D(n2) : (cs ? n2.attributes[p] : n2.attributes[p].toUpperCase());
- if(v1 < v2){
- return C ? +1 : -1;
- }else if(v1 > v2){
- return C ? -1 : +1;
- }else {
- return 0;
- }
- };
-};
-
-Roo.tree.TreeSorter.prototype = {
- doSort : function(F){
- F.sort(this.sortFn);
- },
-
- compareNodes : function(n1, n2){
- return (n1.text.toUpperCase() > n2.text.toUpperCase() ? 1 : -1);
- },
-
- updateSort : function(G, H){
- if(H.childrenRendered){
- this.doSort.defer(1, this, [H]);
- }
- }
-};
-
-
-
-if(Roo.dd.DropZone){
-
-Roo.tree.TreeDropZone = function(A, B){
- this.allowParentInsert = false;
- this.allowContainerDrop = false;
- this.appendOnly = false;
- Roo.tree.TreeDropZone.superclass.constructor.call(this, A.innerCt, B);
- this.tree = A;
- this.lastInsertClass = "x-tree-no-status";
- this.dragOverData = {};
-};
-
-Roo.extend(Roo.tree.TreeDropZone, Roo.dd.DropZone, {
- ddGroup : "TreeDD",
-
- expandDelay : 1000,
-
- expandNode : function(C){
- if(C.hasChildNodes() && !C.isExpanded()){
- C.expand(false, null, this.triggerCacheRefresh.createDelegate(this));
- }
- },
-
- queueExpand : function(D){
- this.expandProcId = this.expandNode.defer(this.expandDelay, this, [D]);
- },
-
- cancelExpand : function(){
- if(this.expandProcId){
- clearTimeout(this.expandProcId);
- this.expandProcId = false;
- }
- },
-
- isValidDropPoint : function(n, pt, dd, e, E){
- if(!n || !E){ return false; }
- var F = n.node;
- var G = E.node;
-
- if(!(F && F.isTarget && pt)){
- return false;
- }
- if(pt == "append" && F.allowChildren === false){
- return false;
- }
- if((pt == "above" || pt == "below") && (F.parentNode && F.parentNode.allowChildren === false)){
- return false;
- }
- if(G && (F == G || G.contains(F))){
- return false;
- }
-
- var H = this.dragOverData;
- H.tree = this.tree;
- H.target = F;
- H.data = E;
- H.point = pt;
- H.source = dd;
- H.rawEvent = e;
- H.dropNode = G;
- H.cancel = false;
- var I = this.tree.fireEvent("nodedragover", H);
- return H.cancel === false && I !== false;
- },
-
- getDropPoint : function(e, n, dd){
- var tn = n.node;
- if(tn.isRoot){
- return tn.allowChildren !== false ? "append" : false;
- }
- var J = n.ddel;
- var t = Roo.lib.Dom.getY(J), b = t + J.offsetHeight;
- var y = Roo.lib.Event.getPageY(e);
- var K = tn.allowChildren === false || tn.isLeaf();
- if(this.appendOnly || tn.parentNode.allowChildren === false){
- return K ? false : "append";
- }
- var L = false;
- if(!this.allowParentInsert){
- L = tn.hasChildNodes() && tn.isExpanded();
- }
- var q = (b - t) / (K ? 2 : 3);
- if(y >= t && y < (t + q)){
- return "above";
- }else if(!L && (K || y >= b-q && y <= b)){
- return "below";
- }else {
- return "append";
- }
- },
-
- onNodeEnter : function(n, dd, e, M){
- this.cancelExpand();
- },
-
- onNodeOver : function(n, dd, e, N){
- var pt = this.getDropPoint(e, n, dd);
- var O = n.node;
-
-
- if(!this.expandProcId && pt == "append" && O.hasChildNodes() && !n.node.isExpanded()){
- this.queueExpand(O);
- }else if(pt != "append"){
- this.cancelExpand();
- }
-
-
- var P = this.dropNotAllowed;
- if(this.isValidDropPoint(n, pt, dd, e, N)){
- if(pt){
- var el = n.ddel;
- var cls;
- if(pt == "above"){
- P = n.node.isFirst() ? "x-tree-drop-ok-above" : "x-tree-drop-ok-between";
- cls = "x-tree-drag-insert-above";
- }else if(pt == "below"){
- P = n.node.isLast() ? "x-tree-drop-ok-below" : "x-tree-drop-ok-between";
- cls = "x-tree-drag-insert-below";
- }else {
- P = "x-tree-drop-ok-append";
- cls = "x-tree-drag-append";
- }
- if(this.lastInsertClass != cls){
- Roo.fly(el).replaceClass(this.lastInsertClass, cls);
- this.lastInsertClass = cls;
- }
- }
- }
- return P;
- },
-
- onNodeOut : function(n, dd, e, Q){
- this.cancelExpand();
- this.removeDropIndicators(n);
- },
-
- onNodeDrop : function(n, dd, e, R){
- var S = this.getDropPoint(e, n, dd);
- var T = n.node;
- T.ui.startDrop();
- if(!this.isValidDropPoint(n, S, dd, e, R)){
- T.ui.endDrop();
- return false;
- }
-
- var U = R.node || (dd.getTreeNode ? dd.getTreeNode(R, T, S, e) : null);
- var V = {
- tree : this.tree,
- target: T,
- data: R,
- point: S,
- source: dd,
- rawEvent: e,
- dropNode: U,
- cancel: !U
- };
- var W = this.tree.fireEvent("beforenodedrop", V);
- if(W === false || V.cancel === true || !V.dropNode){
- T.ui.endDrop();
- return false;
- }
-
-
- T = V.target;
- if(S == "append" && !T.isExpanded()){
- T.expand(false, null, function(){
- this.completeDrop(V);
- }.createDelegate(this));
- }else {
- this.completeDrop(V);
- }
- return true;
- },
-
- completeDrop : function(de){
- var ns = de.dropNode, p = de.point, t = de.target;
- if(!(ns instanceof Array)){
- ns = [ns];
- }
- var n;
- for(var i = 0, len = ns.length; i < len; i++){
- n = ns[i];
- if(p == "above"){
- t.parentNode.insertBefore(n, t);
- }else if(p == "below"){
- t.parentNode.insertBefore(n, t.nextSibling);
- }else {
- t.appendChild(n);
- }
- }
-
- n.ui.focus();
- if(this.tree.hlDrop){
- n.ui.highlight();
- }
-
- t.ui.endDrop();
- this.tree.fireEvent("nodedrop", de);
- },
-
- afterNodeMoved : function(dd, X, e, Y, Z){
- if(this.tree.hlDrop){
- Z.ui.focus();
- Z.ui.highlight();
- }
-
- this.tree.fireEvent("nodedrop", this.tree, Y, X, dd, e);
- },
-
- getTree : function(){
- return this.tree;
- },
-
- removeDropIndicators : function(n){
- if(n && n.ddel){
- var el = n.ddel;
- Roo.fly(el).removeClass([
- "x-tree-drag-insert-above",
- "x-tree-drag-insert-below",
- "x-tree-drag-append"]);
- this.lastInsertClass = "_noclass";
- }
- },
-
- beforeDragDrop : function(a, e, id){
- this.cancelExpand();
- return true;
- },
-
- afterRepair : function(c){
- if(c && Roo.enableFx){
- c.node.ui.highlight();
- }
-
- this.hideProxy();
- }
-});
-
-}
-
-
-
-
-if(Roo.dd.DragZone){
-Roo.tree.TreeDragZone = function(A, B){
- Roo.tree.TreeDragZone.superclass.constructor.call(this, A.getTreeEl(), B);
- this.tree = A;
-};
-
-Roo.extend(Roo.tree.TreeDragZone, Roo.dd.DragZone, {
- ddGroup : "TreeDD",
-
- onBeforeDrag : function(C, e){
- var n = C.node;
- return n && n.draggable && !n.disabled;
- },
-
- onInitDrag : function(e){
- var D = this.dragData;
- this.tree.getSelectionModel().select(D.node);
- this.proxy.update("");
- D.node.ui.appendDDGhost(this.proxy.ghost.dom);
- this.tree.fireEvent("startdrag", this.tree, D.node, e);
- },
-
- getRepairXY : function(e, E){
- return E.node.ui.getDDRepairXY();
- },
-
- onEndDrag : function(F, e){
- this.tree.fireEvent("enddrag", this.tree, F.node, e);
- },
-
- onValidDrop : function(dd, e, id){
- this.tree.fireEvent("dragdrop", this.tree, this.dragData.node, dd, e);
- this.hideProxy();
- },
-
- beforeInvalidDrop : function(e, id){
-
- var sm = this.tree.getSelectionModel();
- sm.clearSelections();
- sm.select(this.dragData.node);
- }
-});
-}
-
-
-
-
-Roo.tree.TreeEditor = function(A, B){
- B = B || {};
- var C = B.events ? B : new Roo.form.TextField(B);
- Roo.tree.TreeEditor.superclass.constructor.call(this, C);
-
- this.tree = A;
-
- A.on('beforeclick', this.beforeNodeClick, this);
- A.getTreeEl().on('mousedown', this.hide, this);
- this.on('complete', this.updateNode, this);
- this.on('beforestartedit', this.fitToTree, this);
- this.on('startedit', this.bindScroll, this, {delay:10});
- this.on('specialkey', this.onSpecialKey, this);
-};
-
-Roo.extend(Roo.tree.TreeEditor, Roo.Editor, {
-
-
- alignment: "l-l",
-
- autoSize: false,
-
-
- hideEl : false,
-
-
- cls: "x-small-editor x-tree-editor",
-
-
- shim:false,
-
- shadow:"frame",
-
-
- maxWidth: 250,
-
- editDelay : 350,
-
-
- fitToTree : function(ed, el){
- var td = this.tree.getTreeEl().dom, nd = el.dom;
- if(td.scrollLeft > nd.offsetLeft){
- td.scrollLeft = nd.offsetLeft;
- }
- var w = Math.min(
- this.maxWidth,
- (td.clientWidth > 20 ? td.clientWidth : td.offsetWidth) - Math.max(0, nd.offsetLeft-td.scrollLeft) -
-5);
- this.setSize(w, '');
- },
-
-
- triggerEdit : function(D){
- this.completeEdit();
- this.editNode = D;
- this.startEdit(D.ui.textNode, D.text);
- },
-
-
- bindScroll : function(){
- this.tree.getTreeEl().on('scroll', this.cancelEdit, this);
- },
-
-
- beforeNodeClick : function(E, e){
- var F = (this.lastClick ? this.lastClick.getElapsed() : 0);
- this.lastClick = new Date();
- if(F > this.editDelay && this.tree.getSelectionModel().isSelected(E)){
- e.stopEvent();
- this.triggerEdit(E);
- return false;
- }
- },
-
-
- updateNode : function(ed, G){
- this.tree.getTreeEl().un('scroll', this.cancelEdit, this);
- this.editNode.setText(G);
- },
-
-
- onHide : function(){
- Roo.tree.TreeEditor.superclass.onHide.call(this);
- if(this.editNode){
- this.editNode.ui.focus();
- }
- },
-
-
- onSpecialKey : function(H, e){
- var k = e.getKey();
- if(k == e.ESC){
- e.stopEvent();
- this.cancelEdit();
- }else if(k == e.ENTER && !e.hasModifier()){
- e.stopEvent();
- this.completeEdit();
- }
- }
-});
-
-
-
-
-
-
-
-Roo.tree.ColumnNodeUI = Roo.extend(Roo.tree.TreeNodeUI, {
-
-
- renderElements : function(n, a, A, B){
-
- this.indentMarkup = n.parentNode ? n.parentNode.ui.getChildIndent() : '';
-
- var t = n.getOwnerTree();
- var C = Pman.Tab.Document_TypesTree.tree.el.id;
-
- var D = t.columns;
- var bw = t.borderWidth;
- var c = D[0];
- var E = a.href ? a.href : Roo.isGecko ? "" : "#";
- var cb = typeof a.checked == "boolean";
- var tx = String.format('{0}',n.text || (c.renderer ? c.renderer(a[c.dataIndex], n, a) : a[c.dataIndex]));
- var F = 'x-t-' + C + '-c0';
- var G = [
- '<li class="x-tree-node">',
-
-
- '<div class="x-tree-node-el ', a.cls,'">',
-
- '<div class="x-tree-col ', F, '" style="width:', c.width-bw, 'px;">',
-
-
- '<span class="x-tree-node-indent">',this.indentMarkup,'</span>',
- '<img src="', this.emptyIcon, '" class="x-tree-ec-icon " />',
- '<img src="', a.icon || this.emptyIcon, '" class="x-tree-node-icon',
- (a.icon ? ' x-tree-node-inline-icon' : ''),
- (a.iconCls ? ' '+a.iconCls : ''),
- '" unselectable="on" />',
- (cb ? ('<input class="x-tree-node-cb" type="checkbox" ' +
- (a.checked ? 'checked="checked" />' : ' />')) : ''),
-
- '<a class="x-tree-node-anchor" hidefocus="on" href="',E,'" tabIndex="1" ',
- (a.hrefTarget ? ' target="' +a.hrefTarget + '"' : ''), '>',
- '<span unselectable="on" qtip="' + tx + '">',
- tx,
- '</span></a>' ,
- '</div>',
- '<a class="x-tree-node-anchor" hidefocus="on" href="',E,'" tabIndex="1" ',
- (a.hrefTarget ? ' target="' +a.hrefTarget + '"' : ''), '>',
- ];
-
- for(var i = 1, len = D.length; i < len; i++){
- c = D[i];
- F = 'x-t-' + C + '-c' +i;
- tx = String.format('{0}', (c.renderer ? c.renderer(a[c.dataIndex], n, a) : a[c.dataIndex]));
- G.push('<div class="x-tree-col ', F, ' ' ,(c.cls?c.cls:''),'" style="width:',c.width-bw,'px;">',
- '<div class="x-tree-col-text" qtip="' + tx +'">',tx,"</div>",
- "</div>");
- }
-
-
- G.push(
- '</a>',
- '<div class="x-clear"></div></div>',
- '<ul class="x-tree-node-ct" style="display:none;"></ul>',
- "</li>");
-
- if(B !== true && n.nextSibling && n.nextSibling.ui.getEl()){
- this.wrap = Roo.DomHelper.insertHtml("beforeBegin",
- n.nextSibling.ui.getEl(), G.join(""));
- }else {
- this.wrap = Roo.DomHelper.insertHtml("beforeEnd", A, G.join(""));
- }
- var el = this.wrap.firstChild;
- this.elRow = el;
- this.elNode = el.firstChild;
- this.ranchor = el.childNodes[1];
- this.ctNode = this.wrap.childNodes[1];
- var cs = el.firstChild.childNodes;
- this.indentNode = cs[0];
- this.ecNode = cs[1];
- this.iconNode = cs[2];
- var H = 3;
- if(cb){
- this.checkbox = cs[3];
- H++;
- }
-
- this.anchor = cs[H];
-
- this.textNode = cs[H].firstChild;
-
-
-
-
-
-
- },
- initEvents : function(){
- Roo.tree.ColumnNodeUI.superclass.initEvents.call(this);
-
-
- var a = this.ranchor;
-
- var el = Roo.get(a);
-
- if(Roo.isOpera){
- el.setStyle("text-decoration", "none");
- }
-
-
- el.on("click", this.onClick, this);
- el.on("dblclick", this.onDblClick, this);
- el.on("contextmenu", this.onContextMenu, this);
-
- },
-
-
-
- addClass : function(I){
- if(this.elRow){
- Roo.fly(this.elRow).addClass(I);
- }
-
- },
-
-
- removeClass : function(J){
- if(this.elRow){
- Roo.fly(this.elRow).removeClass(J);
- }
- }
-
-
-
-});
-
-
-
-
-
-
-
-
-Roo.tree.ColumnTree = function(el, A)
-{
- Roo.tree.ColumnTree.superclass.constructor.call(this, el , A);
- this.addEvents({
-
-
- "resize" : true
- });
- this.on('resize', this.onResize, this);
-};
-
-Roo.extend(Roo.tree.ColumnTree, Roo.tree.TreePanel, {
-
-
-
- borderWidth: Roo.isBorderBox ? 0 : 2,
- headEls : false,
-
- render : function(){
-
-
- Roo.tree.ColumnTree.superclass.render.apply(this);
-
- this.el.addClass('x-column-tree');
-
- this.headers = this.el.createChild(
- {cls:'x-tree-headers'},this.innerCt.dom);
-
- var B = this.columns, c;
- var C = 0;
- this.headEls = [];
- var D = B.length;
- for(var i = 0; i < D; i++){
- c = B[i];
- C += c.width;
- this.headEls.push(this.headers.createChild({
- cls:'x-tree-hd ' + (c.cls?c.cls+'-hd':''),
- cn: {
- cls:'x-tree-hd-text',
- html: c.header
- },
- style:'width:'+(c.width-this.borderWidth)+'px;'
- }));
- }
-
- this.headers.createChild({cls:'x-clear'});
-
- this.headers.setWidth(C);
-
- this.innerCt.setStyle({ overflow: 'auto' });
- this.onResize(this.width, this.height);
-
-
- },
- onResize : function(w,h)
- {
- this.height = h;
- this.width = w;
-
- this.innerCt.setWidth(this.width);
- this.innerCt.setHeight(this.height-20);
-
-
- var E = this.columns, c;
- var F = 0;
- var G = false;
- var H = E.length;
- for(var i = 0; i < H; i++){
- c = E[i];
- if (this.autoExpandColumn !== false && c.dataIndex == this.autoExpandColumn) {
-
- G = this.headEls[i];
- continue;
- }
-
- F += c.width;
-
- }
- if (G) {
- G.setWidth( ((w - F)-this.borderWidth - 20));
- }
-
- this.headers.setWidth(w-20);
-
-
-
-
- }
-});
-
-
-
-
-
-
-Roo.menu.Menu = function(A){
- Roo.apply(this, A);
- this.id = this.id || Roo.id();
- this.addEvents({
-
-
- beforeshow : true,
-
-
- beforehide : true,
-
-
- show : true,
-
-
- hide : true,
-
-
- click : true,
-
-
- mouseover : true,
-
-
- mouseout : true,
-
-
- itemclick: true
- });
- if (this.registerMenu) {
- Roo.menu.MenuMgr.register(this);
- }
-
- var B = this.items;
- this.items = new Roo.util.MixedCollection();
- if(B){
- this.add.apply(this, B);
- }
-};
-
-Roo.extend(Roo.menu.Menu, Roo.util.Observable, {
-
-
- minWidth : 120,
-
-
- shadow : "sides",
-
-
- subMenuAlign : "tl-tr?",
-
-
- defaultAlign : "tl-bl?",
-
-
- allowOtherMenus : false,
-
-
- registerMenu : true,
-
- hidden:true,
-
-
- render : function(){
- if(this.el){
- return;
- }
- var el = this.el = new Roo.Layer({
- cls: "x-menu",
- shadow:this.shadow,
- constrain: false,
- parentEl: this.parentEl || document.body,
- zindex:15000
- });
-
- this.keyNav = new Roo.menu.MenuNav(this);
-
- if(this.plain){
- el.addClass("x-menu-plain");
- }
- if(this.cls){
- el.addClass(this.cls);
- }
-
-
- this.focusEl = el.createChild({
- tag: "a", cls: "x-menu-focus", href: "#", onclick: "return false;", tabIndex:"-1"
- });
- var ul = el.createChild({tag: "ul", cls: "x-menu-list"});
- ul.on("click", this.onClick, this);
- ul.on("mouseover", this.onMouseOver, this);
- ul.on("mouseout", this.onMouseOut, this);
- this.items.each(function(C){
- var li = document.createElement("li");
- li.className = "x-menu-list-item";
- ul.dom.appendChild(li);
- C.render(li, this);
- }, this);
- this.ul = ul;
- this.autoWidth();
- },
-
-
- autoWidth : function(){
- var el = this.el, ul = this.ul;
- if(!el){
- return;
- }
- var w = this.width;
- if(w){
- el.setWidth(w);
- }else if(Roo.isIE){
- el.setWidth(this.minWidth);
- var t = el.dom.offsetWidth;
- el.setWidth(ul.getWidth()+el.getFrameWidth("lr"));
- }
- },
-
-
- delayAutoWidth : function(){
- if(this.rendered){
- if(!this.awTask){
- this.awTask = new Roo.util.DelayedTask(this.autoWidth, this);
- }
-
- this.awTask.delay(20);
- }
- },
-
-
- findTargetItem : function(e){
- var t = e.getTarget(".x-menu-list-item", this.ul, true);
- if(t && t.menuItemId){
- return this.items.get(t.menuItemId);
- }
- },
-
-
- onClick : function(e){
- var t;
- if(t = this.findTargetItem(e)){
- t.onClick(e);
- this.fireEvent("click", this, t, e);
- }
- },
-
-
- setActiveItem : function(C, D){
- if(C != this.activeItem){
- if(this.activeItem){
- this.activeItem.deactivate();
- }
-
- this.activeItem = C;
- C.activate(D);
- }else if(D){
- C.expandMenu();
- }
- },
-
-
- tryActivate : function(E, F){
- var G = this.items;
- for(var i = E, len = G.length; i >= 0 && i < len; i+= F){
- var C = G.get(i);
- if(!C.disabled && C.canActivate){
- this.setActiveItem(C, false);
- return C;
- }
- }
- return false;
- },
-
-
- onMouseOver : function(e){
- var t;
- if(t = this.findTargetItem(e)){
- if(t.canActivate && !t.disabled){
- this.setActiveItem(t, true);
- }
- }
-
- this.fireEvent("mouseover", this, e, t);
- },
-
-
- onMouseOut : function(e){
- var t;
- if(t = this.findTargetItem(e)){
- if(t == this.activeItem && t.shouldDeactivate(e)){
- this.activeItem.deactivate();
- delete this.activeItem;
- }
- }
-
- this.fireEvent("mouseout", this, e, t);
- },
-
-
-
- isVisible : function(){
- return this.el && !this.hidden;
- },
-
-
-
- show : function(el, H, I){
- this.parentMenu = I;
- if(!this.el){
- this.render();
- }
-
- this.fireEvent("beforeshow", this);
- this.showAt(this.el.getAlignToXY(el, H || this.defaultAlign), I, false);
- },
-
-
-
- showAt : function(xy, J,
-_e){
- this.parentMenu = J;
- if(!this.el){
- this.render();
- }
- if(_e !== false){
- this.fireEvent("beforeshow", this);
- xy = this.el.adjustForConstraints(xy);
- }
-
- this.el.setXY(xy);
- this.el.show();
- this.hidden = false;
- this.focus();
- this.fireEvent("show", this);
- },
-
- focus : function(){
- if(!this.hidden){
- this.doFocus.defer(50, this);
- }
- },
-
- doFocus : function(){
- if(!this.hidden){
- this.focusEl.focus();
- }
- },
-
-
-
- hide : function(K){
- if(this.el && this.isVisible()){
- this.fireEvent("beforehide", this);
- if(this.activeItem){
- this.activeItem.deactivate();
- this.activeItem = null;
- }
-
- this.el.hide();
- this.hidden = true;
- this.fireEvent("hide", this);
- }
- if(K === true && this.parentMenu){
- this.parentMenu.hide(true);
- }
- },
-
-
-
- add : function(){
- var a = arguments, l = a.length, L;
- for(var i = 0; i < l; i++){
- var el = a[i];
- if(el.render){
- L = this.addItem(el);
- }else if(typeof el == "string"){
- if(el == "separator" || el == "-"){
- L = this.addSeparator();
- }else {
- L = this.addText(el);
- }
- }else if(el.tagName || el.el){
- L = this.addElement(el);
- }else if(typeof el == "object"){
- L = this.addMenuItem(el);
- }
- }
- return L;
- },
-
-
-
- getEl : function(){
- if(!this.el){
- this.render();
- }
- return this.el;
- },
-
-
-
- addSeparator : function(){
- return this.addItem(new Roo.menu.Separator());
- },
-
-
-
- addElement : function(el){
- return this.addItem(new Roo.menu.BaseItem(el));
- },
-
-
-
- addItem : function(M){
- this.items.add(M);
- if(this.ul){
- var li = document.createElement("li");
- li.className = "x-menu-list-item";
- this.ul.dom.appendChild(li);
- M.render(li, this);
- this.delayAutoWidth();
- }
- return M;
- },
-
-
-
- addMenuItem : function(N){
- if(!(N instanceof Roo.menu.Item)){
- if(typeof N.checked == "boolean"){
- N = new Roo.menu.CheckItem(N);
- }else {
- N = new Roo.menu.Item(N);
- }
- }
- return this.addItem(N);
- },
-
-
-
- addText : function(O){
- return this.addItem(new Roo.menu.TextItem(O));
- },
-
-
-
- insert : function(P, Q){
- this.items.insert(P, Q);
- if(this.ul){
- var li = document.createElement("li");
- li.className = "x-menu-list-item";
- this.ul.dom.insertBefore(li, this.ul.dom.childNodes[P]);
- Q.render(li, this);
- this.delayAutoWidth();
- }
- return Q;
- },
-
-
-
- remove : function(R){
- this.items.removeKey(R.id);
- R.destroy();
- },
-
-
-
- removeAll : function(){
- var f;
- while(f = this.items.first()){
- this.remove(f);
- }
- }
-});
-
-
-Roo.menu.MenuNav = function(S){
- Roo.menu.MenuNav.superclass.constructor.call(this, S.el);
- this.scope = this.menu = S;
-};
-
-Roo.extend(Roo.menu.MenuNav, Roo.KeyNav, {
- doRelay : function(e, h){
- var k = e.getKey();
- if(!this.menu.activeItem && e.isNavKeyPress() && k != e.SPACE && k != e.RETURN ){
- this.menu.tryActivate(0, 1);
- return false;
- }
- return h.call(this.scope || this, e, this.menu);
- },
-
- up : function(e, m){
- if(!m.tryActivate(m.items.indexOf(m.activeItem)-1, -1)){
- m.tryActivate(m.items.length-1, -1);
- }
- },
-
- down : function(e, m){
- if(!m.tryActivate(m.items.indexOf(m.activeItem)+1, 1)){
- m.tryActivate(0, 1);
- }
- },
-
- right : function(e, m){
- if(m.activeItem){
- m.activeItem.expandMenu(true);
- }
- },
-
- left : function(e, m){
- m.hide();
- if(m.parentMenu && m.parentMenu.activeItem){
- m.parentMenu.activeItem.activate();
- }
- },
-
- enter : function(e, m){
- if(m.activeItem){
- e.stopPropagation();
- m.activeItem.onClick(e);
- m.fireEvent("click", this, m.activeItem);
- return true;
- }
- }
-});
-
-
-
-
-
-Roo.menu.MenuMgr = function(){
- var A, B, C = {}, attached = false, lastShow = new Date();
-
-
- function D(){
- A = {};
- B = new Roo.util.MixedCollection();
- Roo.get(document).addKeyListener(27, function(){
- if(B.length > 0){
- E();
- }
- });
- }
-
-
- function E(){
- if(B && B.length > 0){
- var c = B.clone();
- c.each(function(m){
- m.hide();
- });
- }
- }
-
-
- function F(m){
- B.remove(m);
- if(B.length < 1){
- Roo.get(document).un("mousedown", J);
- attached = false;
- }
- }
-
-
- function G(m){
- var L = B.last();
- lastShow = new Date();
- B.add(m);
- if(!attached){
- Roo.get(document).on("mousedown", J);
- attached = true;
- }
- if(m.parentMenu){
- m.getEl().setZIndex(parseInt(m.parentMenu.getEl().getStyle("z-index"), 10) + 3);
- m.parentMenu.activeChild = m;
- }else if(L && L.isVisible()){
- m.getEl().setZIndex(parseInt(L.getEl().getStyle("z-index"), 10) + 3);
- }
- }
-
-
- function H(m){
- if(m.activeChild){
- m.activeChild.hide();
- }
- if(m.autoHideTimer){
- clearTimeout(m.autoHideTimer);
- delete m.autoHideTimer;
- }
- }
-
-
- function I(m){
- var pm = m.parentMenu;
- if(!pm && !m.allowOtherMenus){
- E();
- }else if(pm && pm.activeChild && B != m){
- pm.activeChild.hide();
- }
- }
-
-
- function J(e){
- if(lastShow.getElapsed() > 50 && B.length > 0 && !e.getTarget(".x-menu")){
- E();
- }
- }
-
-
- function K(mi, L){
- if(L){
- var g = C[mi.group];
- for(var i = 0, l = g.length; i < l; i++){
- if(g[i] != mi){
- g[i].setChecked(false);
- }
- }
- }
- }
-
- return {
-
-
-
- hideAll : function(){
- E();
- },
-
-
- register : function(Q){
- if(!A){
- D();
- }
-
- A[Q.id] = Q;
- Q.on("beforehide", H);
- Q.on("hide", F);
- Q.on("beforeshow", I);
- Q.on("show", G);
- var g = Q.group;
- if(g && Q.events["checkchange"]){
- if(!C[g]){
- C[g] = [];
- }
-
- C[g].push(Q);
- Q.on("checkchange", onCheck);
- }
- },
-
-
-
- get : function(R){
- if(typeof R == "string"){
- return A[R];
- }else if(R.events){
- return R;
- }else if(typeof R.length == 'number'){
- return new Roo.menu.Menu({items:R});
- }else {
- return new Roo.menu.Menu(R);
- }
- },
-
-
- unregister : function(S){
- delete A[S.id];
- S.un("beforehide", H);
- S.un("hide", F);
- S.un("beforeshow", I);
- S.un("show", G);
- var g = S.group;
- if(g && S.events["checkchange"]){
- C[g].remove(S);
- S.un("checkchange", onCheck);
- }
- },
-
-
- registerCheckable : function(T){
- var g = T.group;
- if(g){
- if(!C[g]){
- C[g] = [];
- }
-
- C[g].push(T);
- T.on("beforecheckchange", K);
- }
- },
-
-
- unregisterCheckable : function(U){
- var g = U.group;
- if(g){
- C[g].remove(U);
- U.un("beforecheckchange", K);
- }
- }
- };
-}();
-
-
-
-
-
-
-Roo.menu.BaseItem = function(A){
- Roo.menu.BaseItem.superclass.constructor.call(this, A);
-
- this.addEvents({
-
-
- click: true,
-
-
- activate : true,
-
-
- deactivate : true
- });
-
- if(this.handler){
- this.on("click", this.handler, this.scope, true);
- }
-};
-
-Roo.extend(Roo.menu.BaseItem, Roo.Component, {
-
-
-
-
- canActivate : false,
-
-
- activeClass : "x-menu-item-active",
-
-
- hideOnClick : true,
-
-
- hideDelay : 100,
-
-
- ctype: "Roo.menu.BaseItem",
-
-
- actionMode : "container",
-
-
- render : function(B, C){
- this.parentMenu = C;
- Roo.menu.BaseItem.superclass.render.call(this, B);
- this.container.menuItemId = this.id;
- },
-
-
- onRender : function(D, E){
- this.el = Roo.get(this.el);
- D.dom.appendChild(this.el.dom);
- },
-
-
- onClick : function(e){
- if(!this.disabled && this.fireEvent("click", this, e) !== false
- && this.parentMenu.fireEvent("itemclick", this, e) !== false){
- this.handleClick(e);
- }else {
- e.stopEvent();
- }
- },
-
-
- activate : function(){
- if(this.disabled){
- return false;
- }
- var li = this.container;
- li.addClass(this.activeClass);
- this.region = li.getRegion().adjust(2, 2, -2, -2);
- this.fireEvent("activate", this);
- return true;
- },
-
-
- deactivate : function(){
- this.container.removeClass(this.activeClass);
- this.fireEvent("deactivate", this);
- },
-
-
- shouldDeactivate : function(e){
- return !this.region || !this.region.contains(e.getPoint());
- },
-
-
- handleClick : function(e){
- if(this.hideOnClick){
- this.parentMenu.hide.defer(this.hideDelay, this.parentMenu, [true]);
- }
- },
-
-
- expandMenu : function(F){
-
- },
-
-
- hideMenu : function(){
-
- }
-});
-
-
-
-
-
-Roo.menu.Adapter = function(A, B){
- Roo.menu.Adapter.superclass.constructor.call(this, B);
- this.component = A;
-};
-Roo.extend(Roo.menu.Adapter, Roo.menu.BaseItem, {
-
- canActivate : true,
-
-
- onRender : function(C, D){
- this.component.render(C);
- this.el = this.component.getEl();
- },
-
-
- activate : function(){
- if(this.disabled){
- return false;
- }
-
- this.component.focus();
- this.fireEvent("activate", this);
- return true;
- },
-
-
- deactivate : function(){
- this.fireEvent("deactivate", this);
- },
-
-
- disable : function(){
- this.component.disable();
- Roo.menu.Adapter.superclass.disable.call(this);
- },
-
-
- enable : function(){
- this.component.enable();
- Roo.menu.Adapter.superclass.enable.call(this);
- }
-});
-
-
-
-
-
-Roo.menu.TextItem = function(A){
- this.text = A;
- Roo.menu.TextItem.superclass.constructor.call(this);
-};
-
-Roo.extend(Roo.menu.TextItem, Roo.menu.BaseItem, {
-
-
- hideOnClick : false,
-
-
- itemCls : "x-menu-text",
-
-
- onRender : function(){
- var s = document.createElement("span");
- s.className = this.itemCls;
- s.innerHTML = this.text;
- this.el = s;
- Roo.menu.TextItem.superclass.onRender.apply(this, arguments);
- }
-});
-
-
-
-
-
-Roo.menu.Separator = function(A){
- Roo.menu.Separator.superclass.constructor.call(this, A);
-};
-
-Roo.extend(Roo.menu.Separator, Roo.menu.BaseItem, {
-
-
- itemCls : "x-menu-sep",
-
-
- hideOnClick : false,
-
-
- onRender : function(li){
- var s = document.createElement("span");
- s.className = this.itemCls;
- s.innerHTML = " ";
- this.el = s;
- li.addClass("x-menu-sep-li");
- Roo.menu.Separator.superclass.onRender.apply(this, arguments);
- }
-});
-
-
-
-
-Roo.menu.Item = function(A){
- Roo.menu.Item.superclass.constructor.call(this, A);
- if(this.menu){
- this.menu = Roo.menu.MenuMgr.get(this.menu);
- }
-};
-Roo.extend(Roo.menu.Item, Roo.menu.BaseItem, {
-
-
-
-
- itemCls : "x-menu-item",
-
-
- canActivate : true,
-
-
- showDelay: 200,
-
- hideDelay: 200,
-
-
- ctype: "Roo.menu.Item",
-
-
- onRender : function(B, C){
- var el = document.createElement("a");
- el.hideFocus = true;
- el.unselectable = "on";
- el.href = this.href || "#";
- if(this.hrefTarget){
- el.target = this.hrefTarget;
- }
-
- el.className = this.itemCls + (this.menu ? " x-menu-item-arrow" : "") + (this.cls ? " " + this.cls : "");
- el.innerHTML = String.format(
- '<img src="{0}" class="x-menu-item-icon {2}" />{1}',
- this.icon || Roo.BLANK_IMAGE_URL, this.text, this.iconCls || '');
- this.el = el;
- Roo.menu.Item.superclass.onRender.call(this, B, C);
- },
-
-
-
- setText : function(D){
- this.text = D;
- if(this.rendered){
- this.el.update(String.format(
- '<img src="{0}" class="x-menu-item-icon {2}">{1}',
- this.icon || Roo.BLANK_IMAGE_URL, this.text, this.iconCls || ''));
- this.parentMenu.autoWidth();
- }
- },
-
-
- handleClick : function(e){
- if(!this.href){
- e.stopEvent();
- }
-
- Roo.menu.Item.superclass.handleClick.apply(this, arguments);
- },
-
-
- activate : function(E){
- if(Roo.menu.Item.superclass.activate.apply(this, arguments)){
- this.focus();
- if(E){
- this.expandMenu();
- }
- }
- return true;
- },
-
-
- shouldDeactivate : function(e){
- if(Roo.menu.Item.superclass.shouldDeactivate.call(this, e)){
- if(this.menu && this.menu.isVisible()){
- return !this.menu.getEl().getRegion().contains(e.getPoint());
- }
- return true;
- }
- return false;
- },
-
-
- deactivate : function(){
- Roo.menu.Item.superclass.deactivate.apply(this, arguments);
- this.hideMenu();
- },
-
-
- expandMenu : function(F){
- if(!this.disabled && this.menu){
- clearTimeout(this.hideTimer);
- delete this.hideTimer;
- if(!this.menu.isVisible() && !this.showTimer){
- this.showTimer = this.deferExpand.defer(this.showDelay, this, [F]);
- }else if (this.menu.isVisible() && F){
- this.menu.tryActivate(0, 1);
- }
- }
- },
-
-
- deferExpand : function(G){
- delete this.showTimer;
- this.menu.show(this.container, this.parentMenu.subMenuAlign || "tl-tr?", this.parentMenu);
- if(G){
- this.menu.tryActivate(0, 1);
- }
- },
-
-
- hideMenu : function(){
- clearTimeout(this.showTimer);
- delete this.showTimer;
- if(!this.hideTimer && this.menu && this.menu.isVisible()){
- this.hideTimer = this.deferHide.defer(this.hideDelay, this);
- }
- },
-
-
- deferHide : function(){
- delete this.hideTimer;
- this.menu.hide();
- }
-});
-
-
-
-
-
-Roo.menu.CheckItem = function(A){
- Roo.menu.CheckItem.superclass.constructor.call(this, A);
- this.addEvents({
-
-
- "beforecheckchange" : true,
-
-
- "checkchange" : true
- });
- if(this.checkHandler){
- this.on('checkchange', this.checkHandler, this.scope);
- }
-};
-Roo.extend(Roo.menu.CheckItem, Roo.menu.Item, {
-
-
-
-
- itemCls : "x-menu-item x-menu-check-item",
-
-
- groupClass : "x-menu-group-item",
-
-
-
- checked: false,
-
-
- ctype: "Roo.menu.CheckItem",
-
-
- onRender : function(c){
- Roo.menu.CheckItem.superclass.onRender.apply(this, arguments);
- if(this.group){
- this.el.addClass(this.groupClass);
- }
-
- Roo.menu.MenuMgr.registerCheckable(this);
- if(this.checked){
- this.checked = false;
- this.setChecked(true, true);
- }
- },
-
-
- destroy : function(){
- if(this.rendered){
- Roo.menu.MenuMgr.unregisterCheckable(this);
- }
-
- Roo.menu.CheckItem.superclass.destroy.apply(this, arguments);
- },
-
-
-
- setChecked : function(B, C){
- if(this.checked != B && this.fireEvent("beforecheckchange", this, B) !== false){
- if(this.container){
- this.container[B ? "addClass" : "removeClass"]("x-menu-item-checked");
- }
-
- this.checked = B;
- if(C !== true){
- this.fireEvent("checkchange", this, B);
- }
- }
- },
-
-
- handleClick : function(e){
- if(!this.disabled && !(this.checked && this.group)){
- this.setChecked(!this.checked);
- }
-
- Roo.menu.CheckItem.superclass.handleClick.apply(this, arguments);
- }
-});
-
-
-
-
-
-Roo.menu.DateItem = function(A){
- Roo.menu.DateItem.superclass.constructor.call(this, new Roo.DatePicker(A), A);
-
-
- this.picker = this.component;
- this.addEvents({select: true});
-
- this.picker.on("render", function(B){
- B.getEl().swallowEvent("click");
- B.container.addClass("x-menu-date-item");
- });
-
- this.picker.on("select", this.onSelect, this);
-};
-
-Roo.extend(Roo.menu.DateItem, Roo.menu.Adapter, {
-
- onSelect : function(B, C){
- this.fireEvent("select", this, C, B);
- Roo.menu.DateItem.superclass.handleClick.call(this);
- }
-});
-
-
-
-
-
-Roo.menu.ColorItem = function(A){
- Roo.menu.ColorItem.superclass.constructor.call(this, new Roo.ColorPalette(A), A);
-
-
- this.palette = this.component;
- this.relayEvents(this.palette, ["select"]);
- if(this.selectHandler){
- this.on('select', this.selectHandler, this.scope);
- }
-};
-Roo.extend(Roo.menu.ColorItem, Roo.menu.Adapter);
-
-
-
-
-
-
-Roo.menu.DateMenu = function(A){
- Roo.menu.DateMenu.superclass.constructor.call(this, A);
- this.plain = true;
- var di = new Roo.menu.DateItem(A);
- this.add(di);
-
-
- this.picker = di.picker;
-
-
- this.relayEvents(di, ["select"]);
-
- this.on('beforeshow', function(){
- if(this.picker){
- this.picker.hideMonthPicker(true);
- }
- }, this);
-};
-Roo.extend(Roo.menu.DateMenu, Roo.menu.Menu, {
- cls:'x-date-menu'
-});
-
-
-
-
-
-
-Roo.menu.ColorMenu = function(A){
- Roo.menu.ColorMenu.superclass.constructor.call(this, A);
- this.plain = true;
- var ci = new Roo.menu.ColorItem(A);
- this.add(ci);
-
-
- this.palette = ci.palette;
-
-
- this.relayEvents(ci, ["select"]);
-};
-Roo.extend(Roo.menu.ColorMenu, Roo.menu.Menu);
-
-
-
-
-
-Roo.form.Field = function(A){
- Roo.form.Field.superclass.constructor.call(this, A);
-};
-
-Roo.extend(Roo.form.Field, Roo.BoxComponent, {
-
-
-
-
-
-
-
- invalidClass : "x-form-invalid",
-
-
- invalidText : "The value in this field is invalid",
-
-
- focusClass : "x-form-focus",
-
-
- validationEvent : "keyup",
-
-
- validateOnBlur : true,
-
-
- validationDelay : 250,
-
-
- defaultAutoCreate : {tag: "input", type: "text", size: "20", autocomplete: "off"},
-
-
- fieldClass : "x-form-field",
-
-
- msgTarget : 'qtip',
-
-
- msgFx : 'normal',
-
-
-
- readOnly : false,
-
-
-
- disabled : false,
-
-
-
- inputType : undefined,
-
-
-
- tabIndex : undefined,
-
-
- isFormField : true,
-
-
- hasFocus : false,
-
-
-
-
- value : undefined,
-
-
-
-
-
-
-
- initComponent : function(){
- Roo.form.Field.superclass.initComponent.call(this);
- this.addEvents({
-
-
- focus : true,
-
-
- blur : true,
-
-
- specialkey : true,
-
-
- change : true,
-
-
- invalid : true,
-
-
- valid : true
- });
- },
-
-
-
- getName: function(){
- return this.rendered && this.el.dom.name ? this.el.dom.name : (this.hiddenName || '');
- },
-
-
- onRender : function(ct, B){
- Roo.form.Field.superclass.onRender.call(this, ct, B);
- if(!this.el){
- var cfg = this.getAutoCreate();
- if(!cfg.name){
- cfg.name = this.name || this.id;
- }
- if(this.inputType){
- cfg.type = this.inputType;
- }
-
- this.el = ct.createChild(cfg, B);
- }
- var C = this.el.dom.type;
- if(C){
- if(C == 'password'){
- C = 'text';
- }
-
- this.el.addClass('x-form-'+C);
- }
- if(this.readOnly){
- this.el.dom.readOnly = true;
- }
- if(this.tabIndex !== undefined){
- this.el.dom.setAttribute('tabIndex', this.tabIndex);
- }
-
-
- this.el.addClass([this.fieldClass, this.cls]);
- this.initValue();
- },
-
-
-
- applyTo : function(D){
- this.allowDomMove = false;
- this.el = Roo.get(D);
- this.render(this.el.dom.parentNode);
- return this;
- },
-
-
- initValue : function(){
- if(this.value !== undefined){
- this.setValue(this.value);
- }else if(this.el.dom.value.length > 0){
- this.setValue(this.el.dom.value);
- }
- },
-
-
-
- isDirty : function() {
- if(this.disabled) {
- return false;
- }
- return String(this.getValue()) !== String(this.originalValue);
- },
-
-
- afterRender : function(){
- Roo.form.Field.superclass.afterRender.call(this);
- this.initEvents();
- },
-
-
- fireKey : function(e){
- if(e.isNavKeyPress()){
- this.fireEvent("specialkey", this, e);
- }
- },
-
-
-
- reset : function(){
- this.setValue(this.originalValue);
- this.clearInvalid();
- },
-
-
- initEvents : function(){
- this.el.on(Roo.isIE ? "keydown" : "keypress", this.fireKey, this);
- this.el.on("focus", this.onFocus, this);
- this.el.on("blur", this.onBlur, this);
-
-
- this.originalValue = this.getValue();
- },
-
-
- onFocus : function(){
- if(!Roo.isOpera && this.focusClass){
- this.el.addClass(this.focusClass);
- }
- if(!this.hasFocus){
- this.hasFocus = true;
- this.startValue = this.getValue();
- this.fireEvent("focus", this);
- }
- },
-
- beforeBlur : Roo.emptyFn,
-
-
- onBlur : function(){
- this.beforeBlur();
- if(!Roo.isOpera && this.focusClass){
- this.el.removeClass(this.focusClass);
- }
-
- this.hasFocus = false;
- if(this.validationEvent !== false && this.validateOnBlur && this.validationEvent != "blur"){
- this.validate();
- }
- var v = this.getValue();
- if(String(v) !== String(this.startValue)){
- this.fireEvent('change', this, v, this.startValue);
- }
-
- this.fireEvent("blur", this);
- },
-
-
-
- isValid : function(E){
- if(this.disabled){
- return true;
- }
- var F = this.preventMark;
- this.preventMark = E === true;
- var v = this.validateValue(this.processValue(this.getRawValue()));
- this.preventMark = F;
- return v;
- },
-
-
-
- validate : function(){
- if(this.disabled || this.validateValue(this.processValue(this.getRawValue()))){
- this.clearInvalid();
- return true;
- }
- return false;
- },
-
- processValue : function(G){
- return G;
- },
-
-
-
- validateValue : function(H){
- return true;
- },
-
-
-
- markInvalid : function(I){
- if(!this.rendered || this.preventMark){
- return;
- }
-
- this.el.addClass(this.invalidClass);
- I = I || this.invalidText;
- switch(this.msgTarget){
- case 'qtip':
- this.el.dom.qtip = I;
- this.el.dom.qclass = 'x-form-invalid-tip';
- if(Roo.QuickTips){
- Roo.QuickTips.enable();
- }
- break;
- case 'title':
- this.el.dom.title = I;
- break;
- case 'under':
- if(!this.errorEl){
- var elp = this.el.findParent('.x-form-element', 5, true);
- this.errorEl = elp.createChild({cls:'x-form-invalid-msg'});
- this.errorEl.setWidth(elp.getWidth(true)-20);
- }
-
- this.errorEl.update(I);
- Roo.form.Field.msgFx[this.msgFx].show(this.errorEl, this);
- break;
- case 'side':
- if(!this.errorIcon){
- var elp = this.el.findParent('.x-form-element', 5, true);
- this.errorIcon = elp.createChild({cls:'x-form-invalid-icon'});
- }
-
- this.alignErrorIcon();
- this.errorIcon.dom.qtip = I;
- this.errorIcon.dom.qclass = 'x-form-invalid-tip';
- this.errorIcon.show();
- this.on('resize', this.alignErrorIcon, this);
- break;
- default:
- var t = Roo.getDom(this.msgTarget);
- t.innerHTML = I;
- t.style.display = this.msgDisplay;
- break;
- }
-
- this.fireEvent('invalid', this, I);
- },
-
-
- alignErrorIcon : function(){
- this.errorIcon.alignTo(this.el, 'tl-tr', [2, 0]);
- },
-
-
-
- clearInvalid : function(){
- if(!this.rendered || this.preventMark){
- return;
- }
-
- this.el.removeClass(this.invalidClass);
- switch(this.msgTarget){
- case 'qtip':
- this.el.dom.qtip = '';
- break;
- case 'title':
- this.el.dom.title = '';
- break;
- case 'under':
- if(this.errorEl){
- Roo.form.Field.msgFx[this.msgFx].hide(this.errorEl, this);
- }
- break;
- case 'side':
- if(this.errorIcon){
- this.errorIcon.dom.qtip = '';
- this.errorIcon.hide();
- this.un('resize', this.alignErrorIcon, this);
- }
- break;
- default:
- var t = Roo.getDom(this.msgTarget);
- t.innerHTML = '';
- t.style.display = 'none';
- break;
- }
-
- this.fireEvent('valid', this);
- },
-
-
-
- getRawValue : function(){
- var v = this.el.getValue();
- if(v === this.emptyText){
- v = '';
- }
- return v;
- },
-
-
-
- getValue : function(){
- var v = this.el.getValue();
- if(v === this.emptyText || v === undefined){
- v = '';
- }
- return v;
- },
-
-
-
- setRawValue : function(v){
- return this.el.dom.value = (v === null || v === undefined ? '' : v);
- },
-
-
-
- setValue : function(v){
- this.value = v;
- if(this.rendered){
- this.el.dom.value = (v === null || v === undefined ? '' : v);
- this.validate();
- }
- },
-
- adjustSize : function(w, h){
- var s = Roo.form.Field.superclass.adjustSize.call(this, w, h);
- s.width = this.adjustWidth(this.el.dom.tagName, s.width);
- return s;
- },
-
- adjustWidth : function(J, w){
- J = J.toLowerCase();
- if(typeof w == 'number' && Roo.isStrict && !Roo.isSafari){
- if(Roo.isIE && (J == 'input' || J == 'textarea')){
- if(J == 'input'){
- return w + 2;
- }
- if(J = 'textarea'){
- return w-2;
- }
- }else if(Roo.isOpera){
- if(J == 'input'){
- return w + 2;
- }
- if(J = 'textarea'){
- return w-2;
- }
- }
- }
- return w;
- }
-});
-
-
-
-Roo.form.Field.msgFx = {
- normal : {
- show: function(K, f){
- K.setDisplayed('block');
- },
-
- hide : function(L, f){
- L.setDisplayed(false).update('');
- }
- },
-
- slide : {
- show: function(M, f){
- M.slideIn('t', {stopFx:true});
- },
-
- hide : function(N, f){
- N.slideOut('t', {stopFx:true,useDisplay:true});
- }
- },
-
- slideRight : {
- show: function(O, f){
- O.fixDisplay();
- O.alignTo(f.el, 'tl-tr');
- O.slideIn('l', {stopFx:true});
- },
-
- hide : function(P, f){
- P.slideOut('l', {stopFx:true,useDisplay:true});
- }
- }
-};
-
-
-
-
-
-
-Roo.form.TextField = function(A){
- Roo.form.TextField.superclass.constructor.call(this, A);
- this.addEvents({
-
-
- autosize : true
- });
-};
-
-Roo.extend(Roo.form.TextField, Roo.form.Field, {
-
-
- grow : false,
-
-
- growMin : 30,
-
-
- growMax : 800,
-
-
- vtype : null,
-
-
- maskRe : null,
-
-
- disableKeyFilter : false,
-
-
- allowBlank : true,
-
-
- minLength : 0,
-
-
- maxLength : Number.MAX_VALUE,
-
-
- minLengthText : "The minimum length for this field is {0}",
-
-
- maxLengthText : "The maximum length for this field is {0}",
-
-
- selectOnFocus : false,
-
-
- blankText : "This field is required",
-
-
- validator : null,
-
-
- regex : null,
-
-
- regexText : "",
-
-
- emptyText : null,
-
-
- emptyClass : 'x-form-empty-field',
-
-
- initEvents : function(){
- Roo.form.TextField.superclass.initEvents.call(this);
- if(this.validationEvent == 'keyup'){
- this.validationTask = new Roo.util.DelayedTask(this.validate, this);
- this.el.on('keyup', this.filterValidation, this);
- }
- else if(this.validationEvent !== false){
- this.el.on(this.validationEvent, this.validate, this, {buffer: this.validationDelay});
- }
- if(this.selectOnFocus || this.emptyText){
- this.on("focus", this.preFocus, this);
- if(this.emptyText){
- this.on('blur', this.postBlur, this);
- this.applyEmptyText();
- }
- }
- if(this.maskRe || (this.vtype && this.disableKeyFilter !== true && (this.maskRe = Roo.form.VTypes[this.vtype+'Mask']))){
- this.el.on("keypress", this.filterKeys, this);
- }
- if(this.grow){
- this.el.on("keyup", this.onKeyUp, this, {buffer:50});
- this.el.on("click", this.autoSize, this);
- }
- },
-
- processValue : function(B){
- if(this.stripCharsRe){
- var newValue = B.replace(this.stripCharsRe, '');
- if(newValue !== B){
- this.setRawValue(newValue);
- return newValue;
- }
- }
- return B;
- },
-
- filterValidation : function(e){
- if(!e.isNavKeyPress()){
- this.validationTask.delay(this.validationDelay);
- }
- },
-
-
- onKeyUp : function(e){
- if(!e.isNavKeyPress()){
- this.autoSize();
- }
- },
-
-
-
- reset : function(){
- Roo.form.TextField.superclass.reset.call(this);
- this.applyEmptyText();
- },
-
- applyEmptyText : function(){
- if(this.rendered && this.emptyText && this.getRawValue().length < 1){
- this.setRawValue(this.emptyText);
- this.el.addClass(this.emptyClass);
- }
- },
-
-
- preFocus : function(){
- if(this.emptyText){
- if(this.el.dom.value == this.emptyText){
- this.setRawValue('');
- }
-
- this.el.removeClass(this.emptyClass);
- }
- if(this.selectOnFocus){
- this.el.dom.select();
- }
- },
-
-
- postBlur : function(){
- this.applyEmptyText();
- },
-
-
- filterKeys : function(e){
- var k = e.getKey();
- if(!Roo.isIE && (e.isNavKeyPress() || k == e.BACKSPACE || (k == e.DELETE && e.button == -1))){
- return;
- }
- var c = e.getCharCode(), cc = String.fromCharCode(c);
- if(Roo.isIE && (e.isSpecialKey() || !cc)){
- return;
- }
- if(!this.maskRe.test(cc)){
- e.stopEvent();
- }
- },
-
- setValue : function(v){
- if(this.emptyText && this.el && v !== undefined && v !== null && v !== ''){
- this.el.removeClass(this.emptyClass);
- }
-
- Roo.form.TextField.superclass.setValue.apply(this, arguments);
- this.applyEmptyText();
- this.autoSize();
- },
-
-
-
- validateValue : function(C){
- if(C.length < 1 || C === this.emptyText){
- if(this.allowBlank){
- this.clearInvalid();
- return true;
- }else {
- this.markInvalid(this.blankText);
- return false;
- }
- }
- if(C.length < this.minLength){
- this.markInvalid(String.format(this.minLengthText, this.minLength));
- return false;
- }
- if(C.length > this.maxLength){
- this.markInvalid(String.format(this.maxLengthText, this.maxLength));
- return false;
- }
- if(this.vtype){
- var vt = Roo.form.VTypes;
- if(!vt[this.vtype](C, this)){
- this.markInvalid(this.vtypeText || vt[this.vtype +'Text']);
- return false;
- }
- }
- if(typeof this.validator == "function"){
- var msg = this.validator(C);
- if(msg !== true){
- this.markInvalid(msg);
- return false;
- }
- }
- if(this.regex && !this.regex.test(C)){
- this.markInvalid(this.regexText);
- return false;
- }
- return true;
- },
-
-
-
- selectText : function(D, E){
- var v = this.getRawValue();
- if(v.length > 0){
- D = D === undefined ? 0 : D;
- E = E === undefined ? v.length : E;
- var d = this.el.dom;
- if(d.setSelectionRange){
- d.setSelectionRange(D, E);
- }else if(d.createTextRange){
- var range = d.createTextRange();
- range.moveStart("character", D);
- range.moveEnd("character", v.length-E);
- range.select();
- }
- }
- },
-
-
-
- autoSize : function(){
- if(!this.grow || !this.rendered){
- return;
- }
- if(!this.metrics){
- this.metrics = Roo.util.TextMetrics.createInstance(this.el);
- }
- var el = this.el;
- var v = el.dom.value;
- var d = document.createElement('div');
- d.appendChild(document.createTextNode(v));
- v = d.innerHTML;
- d = null;
- v += " ";
- var w = Math.min(this.growMax, Math.max(this.metrics.getWidth(v) +
- 10, this.growMin));
- this.el.setWidth(w);
- this.fireEvent("autosize", this, w);
- }
-});
-
-
-
-
-
-
-
-
-
-Roo.form.Hidden = function(A){
- Roo.form.Hidden.superclass.constructor.call(this, A);
-};
-
-Roo.extend(Roo.form.Hidden, Roo.form.TextField, {
- fieldLabel: '',
- inputType: 'hidden',
- width: 50,
- allowBlank: true,
- labelSeparator: '',
- hidden: true,
- itemCls : 'x-form-item-display-none'
-
-
-});
-
-
-
-
-
-
-
-
-Roo.form.TriggerField = function(A){
- this.mimicing = false;
- Roo.form.TriggerField.superclass.constructor.call(this, A);
-};
-
-Roo.extend(Roo.form.TriggerField, Roo.form.TextField, {
-
-
-
-
- defaultAutoCreate : {tag: "input", type: "text", size: "16", autocomplete: "off"},
-
-
- hideTrigger:false,
-
-
-
-
-
-
-
-
-
-
- autoSize: Roo.emptyFn,
-
- monitorTab : true,
-
- deferHeight : true,
-
-
- actionMode : 'wrap',
-
- onResize : function(w, h){
- Roo.form.TriggerField.superclass.onResize.apply(this, arguments);
- if(typeof w == 'number'){
- this.el.setWidth(this.adjustWidth('input', w - this.trigger.getWidth()));
- }
- },
-
-
- adjustSize : Roo.BoxComponent.prototype.adjustSize,
-
-
- getResizeEl : function(){
- return this.wrap;
- },
-
-
- getPositionEl : function(){
- return this.wrap;
- },
-
-
- alignErrorIcon : function(){
- this.errorIcon.alignTo(this.wrap, 'tl-tr', [2, 0]);
- },
-
-
- onRender : function(ct, B){
- Roo.form.TriggerField.superclass.onRender.call(this, ct, B);
- this.wrap = this.el.wrap({cls: "x-form-field-wrap"});
- this.trigger = this.wrap.createChild(this.triggerConfig ||
- {tag: "img", src: Roo.BLANK_IMAGE_URL, cls: "x-form-trigger " + this.triggerClass});
- if(this.hideTrigger){
- this.trigger.setDisplayed(false);
- }
-
- this.initTrigger();
- if(!this.width){
- this.wrap.setWidth(this.el.getWidth()+this.trigger.getWidth());
- }
- },
-
-
- initTrigger : function(){
- this.trigger.on("click", this.onTriggerClick, this, {preventDefault:true});
- this.trigger.addClassOnOver('x-form-trigger-over');
- this.trigger.addClassOnClick('x-form-trigger-click');
- },
-
-
- onDestroy : function(){
- if(this.trigger){
- this.trigger.removeAllListeners();
- this.trigger.remove();
- }
- if(this.wrap){
- this.wrap.remove();
- }
-
- Roo.form.TriggerField.superclass.onDestroy.call(this);
- },
-
-
- onFocus : function(){
- Roo.form.TriggerField.superclass.onFocus.call(this);
- if(!this.mimicing){
- this.wrap.addClass('x-trigger-wrap-focus');
- this.mimicing = true;
- Roo.get(Roo.isIE ? document.body : document).on("mousedown", this.mimicBlur, this);
- if(this.monitorTab){
- this.el.on("keydown", this.checkTab, this);
- }
- }
- },
-
-
- checkTab : function(e){
- if(e.getKey() == e.TAB){
- this.triggerBlur();
- }
- },
-
-
- onBlur : function(){
-
- },
-
-
- mimicBlur : function(e, t){
- if(!this.wrap.contains(t) && this.validateBlur()){
- this.triggerBlur();
- }
- },
-
-
- triggerBlur : function(){
- this.mimicing = false;
- Roo.get(Roo.isIE ? document.body : document).un("mousedown", this.mimicBlur);
- if(this.monitorTab){
- this.el.un("keydown", this.checkTab, this);
- }
-
- this.wrap.removeClass('x-trigger-wrap-focus');
- Roo.form.TriggerField.superclass.onBlur.call(this);
- },
-
-
-
- validateBlur : function(e, t){
- return true;
- },
-
-
- onDisable : function(){
- Roo.form.TriggerField.superclass.onDisable.call(this);
- if(this.wrap){
- this.wrap.addClass('x-item-disabled');
- }
- },
-
-
- onEnable : function(){
- Roo.form.TriggerField.superclass.onEnable.call(this);
- if(this.wrap){
- this.wrap.removeClass('x-item-disabled');
- }
- },
-
-
- onShow : function(){
- var ae = this.getActionEl();
-
- if(ae){
- ae.dom.style.display = '';
- ae.dom.style.visibility = 'visible';
- }
- },
-
-
-
- onHide : function(){
- var ae = this.getActionEl();
- ae.dom.style.display = 'none';
- },
-
-
-
- onTriggerClick : Roo.emptyFn
-});
-
-
-
-
-Roo.form.TwinTriggerField = Roo.extend(Roo.form.TriggerField, {
- initComponent : function(){
- Roo.form.TwinTriggerField.superclass.initComponent.call(this);
-
- this.triggerConfig = {
- tag:'span', cls:'x-form-twin-triggers', cn:[
- {tag: "img", src: Roo.BLANK_IMAGE_URL, cls: "x-form-trigger " + this.trigger1Class},
- {tag: "img", src: Roo.BLANK_IMAGE_URL, cls: "x-form-trigger " + this.trigger2Class}
- ]};
- },
-
- getTrigger : function(C){
- return this.triggers[C];
- },
-
- initTrigger : function(){
- var ts = this.trigger.select('.x-form-trigger', true);
- this.wrap.setStyle('overflow', 'hidden');
- var D = this;
- ts.each(function(t, E, F){
- t.hide = function(){
- var w = D.wrap.getWidth();
- this.dom.style.display = 'none';
- D.el.setWidth(w-D.trigger.getWidth());
- };
- t.show = function(){
- var w = D.wrap.getWidth();
- this.dom.style.display = '';
- D.el.setWidth(w-D.trigger.getWidth());
- };
- var G = 'Trigger'+(F+1);
-
- if(this['hide'+G]){
- t.dom.style.display = 'none';
- }
-
- t.on("click", this['on'+G+'Click'], this, {preventDefault:true});
- t.addClassOnOver('x-form-trigger-over');
- t.addClassOnClick('x-form-trigger-click');
- }, this);
- this.triggers = ts.elements;
- },
-
- onTrigger1Click : Roo.emptyFn,
- onTrigger2Click : Roo.emptyFn
-});
-
-
-
-
-
-Roo.form.TextArea = function(A){
- Roo.form.TextArea.superclass.constructor.call(this, A);
-
-
-
- if(this.minHeight !== undefined){
- this.growMin = this.minHeight;
- }
- if(this.maxHeight !== undefined){
- this.growMax = this.maxHeight;
- }
-};
-
-Roo.extend(Roo.form.TextArea, Roo.form.TextField, {
-
-
- growMin : 60,
-
-
- growMax: 1000,
-
-
- preventScrollbars: false,
-
-
-
-
- onRender : function(ct, B){
- if(!this.el){
- this.defaultAutoCreate = {
- tag: "textarea",
- style:"width:300px;height:60px;",
- autocomplete: "off"
- };
- }
-
- Roo.form.TextArea.superclass.onRender.call(this, ct, B);
- if(this.grow){
- this.textSizeEl = Roo.DomHelper.append(document.body, {
- tag: "pre", cls: "x-form-grow-sizer"
- });
- if(this.preventScrollbars){
- this.el.setStyle("overflow", "hidden");
- }
-
- this.el.setHeight(this.growMin);
- }
- },
-
- onDestroy : function(){
- if(this.textSizeEl){
- this.textSizeEl.parentNode.removeChild(this.textSizeEl);
- }
-
- Roo.form.TextArea.superclass.onDestroy.call(this);
- },
-
-
- onKeyUp : function(e){
- if(!e.isNavKeyPress() || e.getKey() == e.ENTER){
- this.autoSize();
- }
- },
-
-
-
- autoSize : function(){
- if(!this.grow || !this.textSizeEl){
- return;
- }
- var el = this.el;
- var v = el.dom.value;
- var ts = this.textSizeEl;
-
- ts.innerHTML = '';
- ts.appendChild(document.createTextNode(v));
- v = ts.innerHTML;
-
- Roo.fly(ts).setWidth(this.el.getWidth());
- if(v.length < 1){
- v = "  ";
- }else {
- if(Roo.isIE){
- v = v.replace(/\n/g, '<p> </p>');
- }
-
- v += " \n ";
- }
-
- ts.innerHTML = v;
- var h = Math.min(this.growMax, Math.max(ts.offsetHeight, this.growMin));
- if(h != this.lastHeight){
- this.lastHeight = h;
- this.el.setHeight(h);
- this.fireEvent("autosize", this, h);
- }
- }
-});
-
-
-
-
-
-
-Roo.form.NumberField = function(A){
- Roo.form.NumberField.superclass.constructor.call(this, A);
-};
-
-Roo.extend(Roo.form.NumberField, Roo.form.TextField, {
-
-
- fieldClass: "x-form-field x-form-num-field",
-
-
- allowDecimals : true,
-
-
- decimalSeparator : ".",
-
-
- decimalPrecision : 2,
-
-
- allowNegative : true,
-
-
- minValue : Number.NEGATIVE_INFINITY,
-
-
- maxValue : Number.MAX_VALUE,
-
-
- minText : "The minimum value for this field is {0}",
-
-
- maxText : "The maximum value for this field is {0}",
-
-
- nanText : "{0} is not a valid number",
-
-
- initEvents : function(){
- Roo.form.NumberField.superclass.initEvents.call(this);
- var B = "0123456789";
- if(this.allowDecimals){
- B += this.decimalSeparator;
- }
- if(this.allowNegative){
- B += "-";
- }
-
- this.stripCharsRe = new RegExp('[^'+B+']', 'gi');
- var C = function(e){
- var k = e.getKey();
- if(!Roo.isIE && (e.isSpecialKey() || k == e.BACKSPACE || k == e.DELETE )){
- return;
- }
- var c = e.getCharCode();
- if(B.indexOf(String.fromCharCode(c)) === -1){
- e.stopEvent();
- }
- };
- this.el.on("keypress", C, this);
- },
-
-
- validateValue : function(D){
- if(!Roo.form.NumberField.superclass.validateValue.call(this, D)){
- return false;
- }
- if(D.length < 1){
- return true;
- }
- var E = this.parseValue(D);
- if(isNaN(E)){
- this.markInvalid(String.format(this.nanText, D));
- return false;
- }
- if(E < this.minValue){
- this.markInvalid(String.format(this.minText, this.minValue));
- return false;
- }
- if(E > this.maxValue){
- this.markInvalid(String.format(this.maxText, this.maxValue));
- return false;
- }
- return true;
- },
-
- getValue : function(){
- return this.fixPrecision(this.parseValue(Roo.form.NumberField.superclass.getValue.call(this)));
- },
-
-
- parseValue : function(F){
- F = parseFloat(String(F).replace(this.decimalSeparator, "."));
- return isNaN(F) ? '' : F;
- },
-
-
- fixPrecision : function(G){
- var H = isNaN(G);
- if(!this.allowDecimals || this.decimalPrecision == -1 || H || !G){
- return H ? '' : G;
- }
- return parseFloat(G).toFixed(this.decimalPrecision);
- },
-
- setValue : function(v){
- Roo.form.NumberField.superclass.setValue.call(this, String(v).replace(".", this.decimalSeparator));
- },
-
-
- decimalPrecisionFcn : function(v){
- return Math.floor(v);
- },
-
- beforeBlur : function(){
- var v = this.parseValue(this.getRawValue());
- if(v){
- this.setValue(this.fixPrecision(v));
- }
- }
-});
-
-
-
-
-
-Roo.form.DateField = function(A){
- Roo.form.DateField.superclass.constructor.call(this, A);
-
- this.addEvents({
-
-
-
- 'select' : true
-
- });
-
-
- if(typeof this.minValue == "string") this.minValue = this.parseDate(this.minValue);
- if(typeof this.maxValue == "string") this.maxValue = this.parseDate(this.maxValue);
- this.ddMatch = null;
- if(this.disabledDates){
- var dd = this.disabledDates;
- var re = "(?:";
- for(var i = 0; i < dd.length; i++){
- re += dd[i];
- if(i != dd.length-1) re += "|";
- }
-
- this.ddMatch = new RegExp(re + ")");
- }
-};
-
-Roo.extend(Roo.form.DateField, Roo.form.TriggerField, {
-
-
- format : "m/d/y",
-
-
- altFormats : "m/d/Y|m-d-y|m-d-Y|m/d|m-d|md|mdy|mdY|d",
-
-
- disabledDays : null,
-
-
- disabledDaysText : "Disabled",
-
-
- disabledDates : null,
-
-
- disabledDatesText : "Disabled",
-
-
- minValue : null,
-
-
- maxValue : null,
-
-
- minText : "The date in this field must be equal to or after {0}",
-
-
- maxText : "The date in this field must be equal to or before {0}",
-
-
- invalidText : "{0} is not a valid date - it must be in the format {1}",
-
-
- triggerClass : 'x-form-date-trigger',
-
-
-
-
- useIso : false,
-
-
-
- defaultAutoCreate : {tag: "input", type: "text", size: "10", autocomplete: "off"},
-
-
- hiddenField: false,
-
- onRender : function(ct, B)
- {
- Roo.form.DateField.superclass.onRender.call(this, ct, B);
- if (this.useIso) {
- this.el.dom.removeAttribute('name');
- this.hiddenField = this.el.insertSibling({ tag:'input', type:'hidden', name: this.name },
- 'before', true);
- this.hiddenField.value = this.formatDate(this.value, 'Y-m-d');
-
- this.hiddenName = this.name;
- }
-
-
- },
-
-
- validateValue : function(C)
- {
- C = this.formatDate(C);
- if(!Roo.form.DateField.superclass.validateValue.call(this, C)){
- return false;
- }
- if(C.length < 1){
- return true;
- }
- var D = C;
- C = this.parseDate(C);
- if(!C){
- this.markInvalid(String.format(this.invalidText, D, this.format));
- return false;
- }
- var E = C.getTime();
- if(this.minValue && E < this.minValue.getTime()){
- this.markInvalid(String.format(this.minText, this.formatDate(this.minValue)));
- return false;
- }
- if(this.maxValue && E > this.maxValue.getTime()){
- this.markInvalid(String.format(this.maxText, this.formatDate(this.maxValue)));
- return false;
- }
- if(this.disabledDays){
- var day = C.getDay();
- for(var i = 0; i < this.disabledDays.length; i++) {
- if(day === this.disabledDays[i]){
- this.markInvalid(this.disabledDaysText);
- return false;
- }
- }
- }
- var F = this.formatDate(C);
- if(this.ddMatch && this.ddMatch.test(F)){
- this.markInvalid(String.format(this.disabledDatesText, F));
- return false;
- }
- return true;
- },
-
-
-
- validateBlur : function(){
- return !this.menu || !this.menu.isVisible();
- },
-
-
-
- getValue : function(){
-
- return this.hiddenField ? this.hiddenField.value : this.parseDate(Roo.form.DateField.superclass.getValue.call(this)) || "";
- },
-
-
-
- setValue : function(G){
- if (this.hiddenField) {
- this.hiddenField.value = this.formatDate(this.parseDate(G), 'Y-m-d');
- }
-
- Roo.form.DateField.superclass.setValue.call(this, this.formatDate(this.parseDate(G)));
- },
-
-
- parseDate : function(H){
- if(!H || H instanceof Date){
- return H;
- }
- var v = Date.parseDate(H, this.format);
- if(!v && this.altFormats){
- if(!this.altFormatsArray){
- this.altFormatsArray = this.altFormats.split("|");
- }
- for(var i = 0, len = this.altFormatsArray.length; i < len && !v; i++){
- v = Date.parseDate(H, this.altFormatsArray[i]);
- }
- }
- return v;
- },
-
-
- formatDate : function(I, J){
- return (!I || !(I instanceof Date)) ?
- I : I.dateFormat(J || this.format);
- },
-
-
- menuListeners : {
- select: function(m, d){
- this.setValue(d);
- this.fireEvent('select', this, d);
- },
- show : function(){
- this.onFocus();
- },
- hide : function(){
- this.focus.defer(10, this);
- var ml = this.menuListeners;
- this.menu.un("select", ml.select, this);
- this.menu.un("show", ml.show, this);
- this.menu.un("hide", ml.hide, this);
- }
- },
-
-
-
- onTriggerClick : function(){
- if(this.disabled){
- return;
- }
- if(this.menu == null){
- this.menu = new Roo.menu.DateMenu();
- }
-
- Roo.apply(this.menu.picker, {
- showClear: this.allowBlank,
- minDate : this.minValue,
- maxDate : this.maxValue,
- disabledDatesRE : this.ddMatch,
- disabledDatesText : this.disabledDatesText,
- disabledDays : this.disabledDays,
- disabledDaysText : this.disabledDaysText,
- format : this.format,
- minText : String.format(this.minText, this.formatDate(this.minValue)),
- maxText : String.format(this.maxText, this.formatDate(this.maxValue))
- });
- this.menu.on(Roo.apply({}, this.menuListeners, {
- scope:this
- }));
- this.menu.picker.setValue(this.getValue() || new Date());
- this.menu.show(this.el, "tl-bl?");
- },
-
- beforeBlur : function(){
- var v = this.parseDate(this.getRawValue());
- if(v){
- this.setValue(v);
- }
- }
-
-
-
-
-
-
-
-
-
-});
-
-
-
-
-
-
-Roo.form.ComboBox = function(A){
- Roo.form.ComboBox.superclass.constructor.call(this, A);
- this.addEvents({
-
-
- 'expand' : true,
-
-
- 'collapse' : true,
-
-
- 'beforeselect' : true,
-
-
- 'select' : true,
-
-
- 'beforequery': true
- });
- if(this.transform){
- this.allowDomMove = false;
- var s = Roo.getDom(this.transform);
- if(!this.hiddenName){
- this.hiddenName = s.name;
- }
- if(!this.store){
- this.mode = 'local';
- var d = [], opts = s.options;
- for(var i = 0, len = opts.length;i < len; i++){
- var o = opts[i];
- var value = (Roo.isIE ? o.getAttributeNode('value').specified : o.hasAttribute('value')) ? o.value : o.text;
- if(o.selected) {
- this.value = value;
- }
-
- d.push([value, o.text]);
- }
-
- this.store = new Roo.data.SimpleStore({
- 'id': 0,
- fields: ['value', 'text'],
- data : d
- });
- this.valueField = 'value';
- this.displayField = 'text';
- }
-
- s.name = Roo.id();
- if(!this.lazyRender){
- this.target = true;
- this.el = Roo.DomHelper.insertBefore(s, this.autoCreate || this.defaultAutoCreate);
- s.parentNode.removeChild(s);
- this.render(this.el.parentNode);
- }else {
- s.parentNode.removeChild(s);
- }
-
- }
- if (this.store) {
- this.store = Roo.factory(this.store, Roo.data);
- }
-
-
- this.selectedIndex = -1;
- if(this.mode == 'local'){
- if(A.queryDelay === undefined){
- this.queryDelay = 10;
- }
- if(A.minChars === undefined){
- this.minChars = 0;
- }
- }
-};
-
-Roo.extend(Roo.form.ComboBox, Roo.form.TriggerField, {
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- defaultAutoCreate : {tag: "input", type: "text", size: "24", autocomplete: "off"},
-
-
- listWidth: undefined,
-
-
- displayField: undefined,
-
-
- valueField: undefined,
-
-
- hiddenName: undefined,
-
-
- listClass: '',
-
-
- selectedClass: 'x-combo-selected',
-
-
- triggerClass : 'x-form-arrow-trigger',
-
-
- shadow:'sides',
-
-
- listAlign: 'tl-bl?',
-
-
- maxHeight: 300,
-
-
- triggerAction: 'query',
-
-
- minChars : 4,
-
-
- typeAhead: false,
-
-
- queryDelay: 500,
-
-
- pageSize: 0,
-
-
- selectOnFocus:false,
-
-
- queryParam: 'query',
-
-
- loadingText: 'Loading...',
-
-
- resizable: false,
-
-
- handleHeight : 8,
-
-
- editable: true,
-
-
- allQuery: '',
-
-
- mode: 'remote',
-
-
- minListWidth : 70,
-
-
- forceSelection:false,
-
-
- typeAheadDelay : 250,
-
-
- valueNotFoundText : undefined,
-
-
- blockFocus : false,
-
-
-
- disableClear : false,
-
-
- onRender : function(ct, B){
- Roo.form.ComboBox.superclass.onRender.call(this, ct, B);
- if(this.hiddenName){
- this.hiddenField = this.el.insertSibling({tag:'input', type:'hidden', name: this.hiddenName, id: (this.hiddenId||this.hiddenName)},
- 'before', true);
- this.hiddenField.value =
- this.hiddenValue !== undefined ? this.hiddenValue :
- this.value !== undefined ? this.value : '';
-
-
- this.el.dom.removeAttribute('name');
- }
- if(Roo.isGecko){
- this.el.dom.setAttribute('autocomplete', 'off');
- }
-
- var C = 'x-combo-list';
-
- this.list = new Roo.Layer({
- shadow: this.shadow, cls: [C, this.listClass].join(' '), constrain:false
- });
-
- var lw = this.listWidth || Math.max(this.wrap.getWidth(), this.minListWidth);
- this.list.setWidth(lw);
- this.list.swallowEvent('mousewheel');
- this.assetHeight = 0;
-
- if(this.title){
- this.header = this.list.createChild({cls:C+'-hd', html: this.title});
- this.assetHeight += this.header.getHeight();
- }
-
-
- this.innerList = this.list.createChild({cls:C+'-inner'});
- this.innerList.on('mouseover', this.onViewOver, this);
- this.innerList.on('mousemove', this.onViewMove, this);
- this.innerList.setWidth(lw - this.list.getFrameWidth('lr'));
-
- if(this.allowBlank && !this.pageSize && !this.disableClear){
- this.footer = this.list.createChild({cls:C+'-ft'});
- this.pageTb = new Roo.Toolbar(this.footer);
-
- }
- if(this.pageSize){
- this.footer = this.list.createChild({cls:C+'-ft'});
- this.pageTb = new Roo.PagingToolbar(this.footer, this.store,
- {pageSize: this.pageSize});
-
- }
-
- if (this.pageTb && this.allowBlank && !this.disableClear) {
- var _this = this;
- this.pageTb.add(new Roo.Toolbar.Fill(), {
- cls: 'x-btn-icon x-btn-clear',
- text: ' ',
- handler: function()
- {
- _this.collapse();
- _this.clearValue();
- _this.onSelect(false, -1);
- }
- });
- }
- if (this.footer) {
- this.assetHeight += this.footer.getHeight();
- }
-
-
- if(!this.tpl){
- this.tpl = '<div class="'+C+'-item">{' + this.displayField + '}</div>';
- }
-
-
- this.view = new Roo.View(this.innerList, this.tpl, {
- singleSelect:true, store: this.store, selectedClass: this.selectedClass
- });
-
- this.view.on('click', this.onViewClick, this);
-
- this.store.on('beforeload', this.onBeforeLoad, this);
- this.store.on('load', this.onLoad, this);
- this.store.on('loadexception', this.collapse, this);
-
- if(this.resizable){
- this.resizer = new Roo.Resizable(this.list, {
- pinned:true, handles:'se'
- });
- this.resizer.on('resize', function(r, w, h){
- this.maxHeight = h-this.handleHeight-this.list.getFrameWidth('tb')-this.assetHeight;
- this.listWidth = w;
- this.innerList.setWidth(w - this.list.getFrameWidth('lr'));
- this.restrictHeight();
- }, this);
- this[this.pageSize?'footer':'innerList'].setStyle('margin-bottom', this.handleHeight+'px');
- }
- if(!this.editable){
- this.editable = true;
- this.setEditable(false);
- }
- },
-
-
- initEvents : function(){
- Roo.form.ComboBox.superclass.initEvents.call(this);
-
- this.keyNav = new Roo.KeyNav(this.el, {
- "up" : function(e){
- this.inKeyMode = true;
- this.selectPrev();
- },
-
- "down" : function(e){
- if(!this.isExpanded()){
- this.onTriggerClick();
- }else {
- this.inKeyMode = true;
- this.selectNext();
- }
- },
-
- "enter" : function(e){
- this.onViewClick();
-
- },
-
- "esc" : function(e){
- this.collapse();
- },
-
- "tab" : function(e){
- this.onViewClick(false);
- return true;
- },
-
- scope : this,
-
- doRelay : function(D, E, F){
- if(F == 'down' || this.scope.isExpanded()){
- return Roo.KeyNav.prototype.doRelay.apply(this, arguments);
- }
- return true;
- },
-
- forceKeyDown: true
- });
- this.queryDelay = Math.max(this.queryDelay || 10,
- this.mode == 'local' ? 10 : 250);
- this.dqTask = new Roo.util.DelayedTask(this.initQuery, this);
- if(this.typeAhead){
- this.taTask = new Roo.util.DelayedTask(this.onTypeAhead, this);
- }
- if(this.editable !== false){
- this.el.on("keyup", this.onKeyUp, this);
- }
- if(this.forceSelection){
- this.on('blur', this.doForce, this);
- }
- },
-
- onDestroy : function(){
- if(this.view){
- this.view.setStore(null);
- this.view.el.removeAllListeners();
- this.view.el.remove();
- this.view.purgeListeners();
- }
- if(this.list){
- this.list.destroy();
- }
- if(this.store){
- this.store.un('beforeload', this.onBeforeLoad, this);
- this.store.un('load', this.onLoad, this);
- this.store.un('loadexception', this.collapse, this);
- }
-
- Roo.form.ComboBox.superclass.onDestroy.call(this);
- },
-
-
- fireKey : function(e){
- if(e.isNavKeyPress() && !this.list.isVisible()){
- this.fireEvent("specialkey", this, e);
- }
- },
-
-
- onResize: function(w, h){
- Roo.form.ComboBox.superclass.onResize.apply(this, arguments);
- if(this.list && this.listWidth === undefined){
- var lw = Math.max(w, this.minListWidth);
- this.list.setWidth(lw);
- this.innerList.setWidth(lw - this.list.getFrameWidth('lr'));
- }
- },
-
-
-
- setEditable : function(D){
- if(D == this.editable){
- return;
- }
-
- this.editable = D;
- if(!D){
- this.el.dom.setAttribute('readOnly', true);
- this.el.on('mousedown', this.onTriggerClick, this);
- this.el.addClass('x-combo-noedit');
- }else {
- this.el.dom.setAttribute('readOnly', false);
- this.el.un('mousedown', this.onTriggerClick, this);
- this.el.removeClass('x-combo-noedit');
- }
- },
-
-
- onBeforeLoad : function(){
- if(!this.hasFocus){
- return;
- }
-
- this.innerList.update(this.loadingText ?
- '<div class="loading-indicator">'+this.loadingText+'</div>' : '');
- 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 != Roo.EventObject.BACKSPACE && this.lastKey != Roo.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(E, F){
- if(this.fireEvent('beforeselect', this, E, F) !== false){
- this.setFromData(F > -1 ? E.data : false);
- this.collapse();
- this.fireEvent('select', this, E, F);
- }
- },
-
-
-
- getValue : function(){
- if(this.valueField){
- return typeof this.value != 'undefined' ? this.value : '';
- }else {
- return Roo.form.ComboBox.superclass.getValue.call(this);
- }
- },
-
-
-
- clearValue : function(){
- if(this.hiddenField){
- this.hiddenField.value = '';
- }
-
- this.value = '';
- this.setRawValue('');
- this.lastSelectionText = '';
- this.applyEmptyText();
- },
-
-
-
- setValue : function(v){
- var G = v;
- if(this.valueField){
- var r = this.findRecord(this.valueField, v);
- if(r){
- G = r.data[this.displayField];
- }else if(this.valueNotFoundText !== undefined){
- G = this.valueNotFoundText;
- }
- }
-
- this.lastSelectionText = G;
- if(this.hiddenField){
- this.hiddenField.value = v;
- }
-
- Roo.form.ComboBox.superclass.setValue.call(this, G);
- this.value = v;
- },
-
-
-
- lastData : false,
-
-
- setFromData : function(o){
- var dv = '';
- var vv = '';
- this.lastData = o;
- if (this.displayField) {
- dv = !o || typeof(o[this.displayField]) == 'undefined' ? '' : o[this.displayField];
- } else {
-
- console.log('no value field set for '+ this.name);
- }
-
- if(this.valueField){
- vv = !o || typeof(o[this.valueField]) == 'undefined' ? dv : o[this.valueField];
- }
- if(this.hiddenField){
- this.hiddenField.value = vv;
-
- this.lastSelectionText = dv;
- Roo.form.ComboBox.superclass.setValue.call(this, dv);
- this.value = vv;
- return;
- }
-
-
-
- this.lastSelectionText = dv;
- Roo.form.ComboBox.superclass.setValue.call(this, dv);
- this.value = vv;
-
-
- },
-
- reset : function(){
-
- this.setValue(this.originalValue);
- this.clearInvalid();
- this.lastData = false;
- },
-
- findRecord : function(H, I){
- var J;
- if(this.store.getCount() > 0){
- this.store.each(function(r){
- if(r.data[H] == I){
- J = r;
- return false;
- }
- });
- }
- return J;
- },
-
-
- onViewMove : function(e, t){
- this.inKeyMode = false;
- },
-
-
- onViewOver : function(e, t){
- if(this.inKeyMode){
- return;
- }
- var K = this.view.findItemFromChild(t);
- if(K){
- var F = this.view.indexOf(K);
- this.select(F, false);
- }
- },
-
-
- onViewClick : function(L){
- var M = this.view.getSelectedIndexes()[0];
- var r = this.store.getAt(M);
- if(r){
- this.onSelect(r, M);
- }
- if(L !== false && !this.blockFocus){
- this.el.focus();
- }
- },
-
-
- restrictHeight : function(){
- this.innerList.dom.style.height = '';
- var N = this.innerList.dom;
- var h = Math.max(N.clientHeight, N.offsetHeight, N.scrollHeight);
- this.innerList.setHeight(h < this.maxHeight ? 'auto' : this.maxHeight);
- this.list.beginUpdate();
- this.list.setHeight(this.innerList.getHeight()+this.list.getFrameWidth('tb')+(this.resizable?this.handleHeight:0)+this.assetHeight);
- this.list.alignTo(this.el, this.listAlign);
- this.list.endUpdate();
- },
-
-
- onEmptyResults : function(){
- this.collapse();
- },
-
-
-
- isExpanded : function(){
- return this.list.isVisible();
- },
-
-
-
- selectByValue : function(v, O){
- if(v !== undefined && v !== null){
- var r = this.findRecord(this.valueField || this.displayField, v);
- if(r){
- this.select(this.store.indexOf(r), O);
- return true;
- }
- }
- return false;
- },
-
-
-
- select : function(P, Q){
- this.selectedIndex = P;
- this.view.select(P);
- if(Q !== false){
- var el = this.view.getNode(P);
- 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, R){
- if(q === undefined || q === null){
- q = '';
- }
- var qe = {
- query: q,
- forceAll: R,
- combo: this,
- cancel:false
- };
- if(this.fireEvent('beforequery', qe)===false || qe.cancel){
- return false;
- }
-
- q = qe.query;
- R = qe.forceAll;
- if(R === true || (q.length >= this.minChars)){
- if(this.lastQuery != q){
- this.lastQuery = q;
- if(this.mode == 'local'){
- this.selectedIndex = -1;
- if(R){
- 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();
- Roo.get(document).un('mousedown', this.collapseIf, this);
- Roo.get(document).un('mousewheel', 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.el, this.listAlign);
- this.list.show();
- Roo.get(document).on('mousedown', this.collapseIf, this);
- Roo.get(document).on('mousewheel', this.collapseIf, this);
- this.fireEvent('expand', this);
- },
-
-
-
- onTriggerClick : function(){
- if(this.disabled){
- return;
- }
- if(this.isExpanded()){
- this.collapse();
- if (!this.blockFocus) {
- this.el.focus();
- }
-
- }else {
- this.hasFocus = true;
- if(this.triggerAction == 'all') {
- this.doQuery(this.allQuery, true);
- } else {
- this.doQuery(this.getRawValue());
- }
- if (!this.blockFocus) {
- this.el.focus();
- }
- }
- }
-
-
-
-
-
-
-
-
-
-});
-
-
-
-
-Roo.form.Checkbox = function(A){
- Roo.form.Checkbox.superclass.constructor.call(this, A);
- this.addEvents({
-
-
- check : true
- });
-};
-
-Roo.extend(Roo.form.Checkbox, Roo.form.Field, {
-
-
- focusClass : undefined,
-
-
- fieldClass: "x-form-field",
-
-
- checked: false,
-
-
- defaultAutoCreate : { tag: "input", type: 'hidden', autocomplete: "off"},
-
-
- boxLabel : "",
-
-
- inputValue : '1',
-
-
- valueOff: '0',
-
- actionMode : 'viewEl',
-
-
- itemCls : 'x-menu-check-item x-form-item',
- groupClass : 'x-menu-group-item',
- inputType : 'hidden',
-
-
- inSetChecked: false,
-
- inputElement: false,
- basedOn: false,
-
- isFormField: true,
-
- onResize : function(){
- Roo.form.Checkbox.superclass.onResize.apply(this, arguments);
- if(!this.boxLabel){
- this.el.alignTo(this.wrap, 'c-c');
- }
- },
-
- initEvents : function(){
- Roo.form.Checkbox.superclass.initEvents.call(this);
- this.el.on("click", this.onClick, this);
- this.el.on("change", this.onClick, this);
- },
-
-
- getResizeEl : function(){
- return this.wrap;
- },
-
- getPositionEl : function(){
- return this.wrap;
- },
-
-
- onRender : function(ct, B){
- Roo.form.Checkbox.superclass.onRender.call(this, ct, B);
-
-
-
- this.wrap = this.el.wrap({cls: 'x-menu-check-item '});
- var C = this.wrap.createChild({
- tag: 'img', cls: 'x-menu-item-icon', style: 'margin: 0px;' ,src : Roo.BLANK_IMAGE_URL });
- this.viewEl = C;
- this.wrap.on('click', this.onClick, this);
-
- this.el.on('DOMAttrModified', this.setFromHidden, this);
- this.el.on('propertychange', this.setFromHidden, this);
-
-
-
- if(this.boxLabel){
- this.wrap.createChild({tag: 'label', htmlFor: this.el.id, cls: 'x-form-cb-label', html: this.boxLabel});
-
- }
-
-
- this.setChecked(this.checked);
-
-
-
-
- },
-
-
- initValue : Roo.emptyFn,
-
-
-
- getValue : function(){
- if(this.el){
- return String(this.el.dom.value) == String(this.inputValue ) ? this.inputValue : this.valueOff;
- }
- return this.valueOff;
-
- },
-
-
- onClick : function(){
- this.setChecked(!this.checked);
-
-
-
-
- },
-
-
-
- setValue : function(v,D){
-
-
-
-
-
- this.setChecked(v === this.inputValue);
-
- },
-
- setChecked : function(E,F)
- {
- if (this.inSetChecked) {
- this.checked = E;
- return;
- }
-
-
- if(this.wrap){
- this.wrap[E ? 'addClass' : 'removeClass']('x-menu-item-checked');
- }
-
- this.checked = E;
- if(F !== true){
- this.fireEvent('checkchange', this, E);
- }
-
- this.inSetChecked = true;
- this.el.dom.value = E ? this.inputValue : this.valueOff;
- this.inSetChecked = false;
-
- },
-
- setFromHidden: function()
- {
- if(!this.el){
- return;
- }
-
-
-
- this.setValue(this.el.dom.value);
- },
-
- onDestroy : function()
- {
- if(this.viewEl){
- Roo.get(this.viewEl).remove();
- }
-
-
- Roo.form.Checkbox.superclass.onDestroy.call(this);
- }
-
-});
-
-
-
-
-
-Roo.form.Radio = function(){
- Roo.form.Radio.superclass.constructor.apply(this, arguments);
-};
-Roo.extend(Roo.form.Radio, Roo.form.Checkbox, {
- inputType: 'radio',
-
-
-
- getGroupValue : function(){
- return this.el.up('form').child('input[name='+this.el.dom.name+']:checked', true).value;
- }
-});
-
-
-
-
-
-
-
-
-
-
-
-Roo.form.HtmlEditor = Roo.extend(Roo.form.Field, {
-
-
- toolbars : false,
-
-
- createLinkText : 'Please enter the URL for the link:',
-
-
- defaultLinkValue : 'http:/'+'/',
-
-
-
- frameId: false,
-
-
- validationEvent : false,
- deferHeight: true,
- initialized : false,
- activated : false,
- sourceEditMode : false,
- onFocus : Roo.emptyFn,
- iframePad:3,
- hideMode:'offsets',
- defaultAutoCreate : {
- tag: "textarea",
- style:"width:500px;height:300px;",
- autocomplete: "off"
- },
-
-
- initComponent : function(){
- this.addEvents({
-
-
- initialize: true,
-
-
- activate: true,
-
-
- beforesync: true,
-
-
- beforepush: true,
-
-
- sync: true,
-
-
- push: true,
-
-
- editmodechange: true,
-
-
- editorevent: true
- })
- },
-
-
-
- createToolbar : function(A){
- if (!A.toolbars || !A.toolbars.length) {
- A.toolbars = [ new Roo.form.HtmlEditor.ToolbarStandard() ];
- }
-
- for (var i =0 ; i < A.toolbars.length;i++) {
- A.toolbars[i].init(A);
- }
-
-
- },
-
-
-
- getDocMarkup : function(){
- return '<html><head><style type="text/css">body{border:0;margin:0;padding:3px;height:98%;cursor:text;}</style></head><body></body></html>';
- },
-
-
- onRender : function(ct, B){
- Roo.form.HtmlEditor.superclass.onRender.call(this, ct, B);
- this.el.dom.style.border = '0 none';
- this.el.dom.setAttribute('tabIndex', -1);
- this.el.addClass('x-hidden');
- if(Roo.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.frameId = Roo.id();
- this.createToolbar(this);
-
-
-
-
-
-
- var C = this.wrap.createChild({
- tag: 'iframe',
- id: this.frameId,
- name: this.frameId,
- frameBorder : 'no',
- 'src' : Roo.SSL_SECURE_URL ? Roo.SSL_SECURE_URL : "javascript:false"
- });
-
-
-
-
- this.iframe = C.dom;
-
- this.assignDocWin();
-
- this.doc.designMode = 'on';
-
- this.doc.open();
- this.doc.write(this.getDocMarkup());
- this.doc.close();
-
-
- var D = {
- run : function(){
-
- this.assignDocWin();
- if(this.doc.body || this.doc.readyState == 'complete'){
- try {
-
-
- this.doc.designMode="on";
- } catch (e) {
- return;
- }
-
- Roo.TaskMgr.stop(D);
- this.initEditor.defer(10, this);
- }
- },
- interval : 10,
- duration:10000,
- scope: this
- };
- Roo.TaskMgr.start(D);
-
- if(!this.width){
- this.setSize(this.el.getSize());
- }
- },
-
-
- onResize : function(w, h){
- Roo.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 tbh = 0;
- for (var i =0; i < this.toolbars.length;i++) {
-
- tbh += this.toolbars[i].tb.el.getHeight();
- }
-
-
-
-
- var ah = h - this.wrap.getFrameWidth('tb') - tbh;
- this.el.setHeight(this.adjustWidth('textarea', ah));
- this.iframe.style.height = ah + 'px';
- if(this.doc){
- (this.doc.body || this.doc.documentElement).style.height = (ah - (this.iframePad*2)) + 'px';
- }
- }
- }
- },
-
-
-
- toggleSourceEdit : function(E){
-
- this.sourceEditMode = E === true;
-
- if(this.sourceEditMode){
-
- this.syncValue();
- this.iframe.className = 'x-hidden';
- this.el.removeClass('x-hidden');
- this.el.dom.removeAttribute('tabIndex');
- this.el.focus();
- }else {
-
- this.pushValue();
- this.iframe.className = '';
- this.el.addClass('x-hidden');
- this.el.dom.setAttribute('tabIndex', -1);
- this.deferFocus();
- }
-
- this.setSize(this.wrap.getSize());
- this.fireEvent('editmodechange', this, this.sourceEditMode);
- },
-
-
- createLink : function(){
- var F = prompt(this.createLinkText, this.defaultLinkValue);
- if(F && F != 'http:/'+'/'){
- this.relayCmd('createlink', F);
- }
- },
-
-
- adjustSize : Roo.BoxComponent.prototype.adjustSize,
-
-
- getResizeEl : function(){
- return this.wrap;
- },
-
-
- getPositionEl : function(){
- return this.wrap;
- },
-
-
- initEvents : function(){
- this.originalValue = this.getValue();
- },
-
-
-
- markInvalid : Roo.emptyFn,
-
-
- clearInvalid : Roo.emptyFn,
-
- setValue : function(v){
- Roo.form.HtmlEditor.superclass.setValue.call(this, v);
- this.pushValue();
- },
-
-
-
- cleanHtml : function(G){
- G = String(G);
- if(G.length > 5){
- if(Roo.isSafari){
- G = G.replace(/\sclass="(?:Apple-style-span|khtml-block-placeholder)"/gi, '');
- }
- }
- if(G == ' '){
- G = '';
- }
- return G;
- },
-
-
-
- syncValue : function(){
- if(this.initialized){
- var bd = (this.doc.body || this.doc.documentElement);
- var G = bd.innerHTML;
- if(Roo.isSafari){
- var bs = bd.getAttribute('style');
- var m = bs.match(/text-align:(.*?);/i);
- if(m && m[1]){
- G = '<div style="'+m[0]+'">' + G + '</div>';
- }
- }
-
- G = this.cleanHtml(G);
- if(this.fireEvent('beforesync', this, G) !== false){
- this.el.dom.value = G;
- this.fireEvent('sync', this, G);
- }
- }
- },
-
-
-
- pushValue : function(){
- if(this.initialized){
- var v = this.el.dom.value;
- if(v.length < 1){
- v = ' ';
- }
- if(this.fireEvent('beforepush', this, v) !== false){
- (this.doc.body || this.doc.documentElement).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();
- }
- },
-
- assignDocWin: function()
- {
- var H = this.iframe;
-
- if(Roo.isIE){
- this.doc = H.contentWindow.document;
- this.win = H.contentWindow;
- } else {
- this.doc = (H.contentDocument || Roo.get(this.frameId).dom.document);
- this.win = Roo.get(this.frameId).dom.contentWindow;
- }
- },
-
-
- initEditor : function(){
-
- this.assignDocWin();
-
-
-
- this.doc.designMode="on";
- this.doc.open();
- this.doc.write(this.getDocMarkup());
- this.doc.close();
-
- var I = (this.doc.body || this.doc.documentElement);
-
-
-
- var ss = this.el.getStyles('font-size', 'background-image', 'background-repeat');
- ss['background-attachment'] = 'fixed';
- I.bgProperties = 'fixed';
- Roo.DomHelper.applyStyles(I, ss);
- Roo.EventManager.on(this.doc, {
- 'mousedown': this.onEditorEvent,
- 'dblclick': this.onEditorEvent,
- 'click': this.onEditorEvent,
- 'keyup': this.onEditorEvent,
- buffer:100,
- scope: this
- });
- if(Roo.isGecko){
- Roo.EventManager.on(this.doc, 'keypress', this.applyCommand, this);
- }
- if(Roo.isIE || Roo.isSafari || Roo.isOpera){
- Roo.EventManager.on(this.doc, 'keydown', this.fixKeys, this);
- }
-
- this.initialized = true;
-
- this.fireEvent('initialize', this);
- this.pushValue();
- },
-
-
- onDestroy : function(){
-
-
-
- if(this.rendered){
-
- for (var i =0; i < this.toolbars.length;i++) {
-
- this.toolbars[i].onDestroy();
- }
-
-
- this.wrap.dom.innerHTML = '';
- this.wrap.remove();
- }
- },
-
-
- onFirstFocus : function(){
-
- this.assignDocWin();
-
-
- this.activated = true;
- for (var i =0; i < this.toolbars.length;i++) {
- this.toolbars[i].onFirstFocus();
- }
-
- if(Roo.isGecko){
- this.win.focus();
- var s = this.win.getSelection();
- if(!s.focusNode || s.focusNode.nodeType != 3){
- var r = s.getRangeAt(0);
- r.selectNodeContents((this.doc.body || this.doc.documentElement));
- r.collapse(true);
- this.deferFocus();
- }
- try{
- this.execCmd('useCSS', true);
- this.execCmd('styleWithCSS', false);
- }catch(e){}
- }
-
- this.fireEvent('activate', this);
- },
-
-
- adjustFont: function(J){
- var K = J.cmd == 'increasefontsize' ? 1 : -1;
-
-
-
- var v = parseInt(this.doc.queryCommandValue('FontSize')|| 3, 10);
- if(Roo.isSafari){
- var sm = { 10 : 1, 13: 2, 16:3, 18:4, 24: 5, 32:6, 48: 7 };
- v = (v < 10) ? 10 : v;
- v = (v > 48) ? 48 : v;
- v = typeof(sm[v]) == 'undefined' ? 1 : sm[v];
-
- }
-
-
-
- v = Math.max(1, v+K);
-
- this.execCmd('FontSize', v );
- },
-
- onEditorEvent : function(e){
- this.fireEvent('editorevent', this, e);
-
- this.syncValue();
- },
-
- insertTag : function(tg)
- {
-
-
- this.execCmd("formatblock", tg);
-
- },
-
- insertText : function(L)
- {
-
-
- range = this.createRange();
- range.deleteContents();
-
-
- range.insertNode(this.doc.createTextNode(L));
- } ,
-
-
- relayBtnCmd : function(M){
- this.relayCmd(M.cmd);
- },
-
-
-
- relayCmd : function(N, O){
- this.win.focus();
- this.execCmd(N, O);
- this.fireEvent('editorevent', this);
-
- this.deferFocus();
- },
-
-
-
- execCmd : function(P, Q){
- this.doc.execCommand(P, false, Q === undefined ? null : Q);
- this.syncValue();
- },
-
-
- applyCommand : function(e){
- if(e.ctrlKey){
- var c = e.getCharCode(), P;
- if(c > 0){
- c = String.fromCharCode(c);
- switch(c){
- case 'b':
- P = 'bold';
- break;
- case 'i':
- P = 'italic';
- break;
- case 'u':
- P = 'underline';
- break;
- }
- if(P){
- this.win.focus();
- this.execCmd(P);
- this.deferFocus();
- e.preventDefault();
- }
- }
- }
- },
-
-
-
- insertAtCursor : function(R){
- if(!this.activated){
- return;
- }
- if(Roo.isIE){
- this.win.focus();
- var r = this.doc.selection.createRange();
- if(r){
- r.collapse(true);
- r.pasteHTML(R);
- this.syncValue();
- this.deferFocus();
- }
- }else if(Roo.isGecko || Roo.isOpera){
- this.win.focus();
- this.execCmd('InsertHTML', R);
- this.deferFocus();
- }else if(Roo.isSafari){
- this.execCmd('InsertText', R);
- this.deferFocus();
- }
- },
-
-
- fixKeys : function(){
- if(Roo.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('<br />');
- r.collapse(false);
- r.select();
- }
- }
- }
- };
- }else if(Roo.isOpera){
- return function(e){
- var k = e.getKey();
- if(k == e.TAB){
- e.stopEvent();
- this.win.focus();
- this.execCmd('InsertHTML','    ');
- this.deferFocus();
- }
- };
- }else if(Roo.isSafari){
- return function(e){
- var k = e.getKey();
- if(k == e.TAB){
- e.stopEvent();
- this.execCmd('InsertText','\t');
- this.deferFocus();
- }
- };
- }
- }(),
-
- getAllAncestors: function()
- {
- var p = this.getSelectedNode();
- var a = [];
- if (!p) {
- a.push(p);
- p = this.getParentElement();
- }
-
-
- while (p && (p.nodeType == 1) && (p.tagName.toLowerCase() != 'body')) {
- a.push(p);
- p = p.parentNode;
- }
-
- a.push(this.doc.body);
- return a;
- },
- lastSel : false,
- lastSelNode : false,
-
-
- getSelection : function()
- {
- this.assignDocWin();
- return Roo.isIE ? this.doc.selection : this.win.getSelection();
- },
-
- getSelectedNode: function()
- {
-
-
-
-
-
-
-
- var S = this.createRange(this.getSelection());
-
- if (Roo.isIE) {
- var parent = S.parentElement();
- while (true) {
- var testRange = S.duplicate();
- testRange.moveToElementText(parent);
- if (testRange.inRange(S)) {
- break;
- }
- if ((parent.nodeType != 1) || (parent.tagName.toLowerCase() == 'body')) {
- break;
- }
-
- parent = parent.parentElement;
- }
- return parent;
- }
-
-
- var ar = S.endContainer.childNodes;
- if (!ar.length) {
- ar = S.commonAncestorContainer.childNodes;
-
- }
- var T = [];
- var U = [];
- var V = false;
- for (var i=0;i<ar.length;i++) {
- if ((ar[i].nodeType == 3) && (!ar[i].data.length)) {
- continue;
- }
-
-
- if (this.rangeIntersectsNode(S,ar[i]) && this.rangeCompareNode(S,ar[i]) == 3) {
- T.push(ar[i]);
- continue;
- }
-
-
- if ((ar[i].nodeType == 1) && this.rangeIntersectsNode(S,ar[i]) && (this.rangeCompareNode(S,ar[i]) > 0)) {
- U.push(ar[i]);
- continue;
- }
- if (!this.rangeIntersectsNode(S,ar[i])|| (this.rangeCompareNode(S,ar[i]) == 0)) {
- continue;
- }
-
-
-
- V = true;
- }
- if (!T.length && U.length) {
- T= U;
- }
- if (V || !T.length || (T.length > 1)) {
- return false;
- }
-
- return T[0];
- },
- createRange: function(W)
- {
-
-
-
- if (typeof W != "undefined") {
- try {
- return W.getRangeAt ? W.getRangeAt(0) : W.createRange();
- } catch(e) {
- return this.doc.createRange();
- }
- } else {
- return this.doc.createRange();
- }
- },
- getParentElement: function()
- {
-
- this.assignDocWin();
- var X = Roo.isIE ? this.doc.selection : this.win.getSelection();
-
- var Y = this.createRange(X);
-
- try {
- var p = Y.commonAncestorContainer;
- while (p.nodeType == 3) {
- p = p.parentNode;
- }
- return p;
- } catch (e) {
- return null;
- }
-
- },
-
-
-
-
- rangeIntersectsNode : function(Z, b)
- {
- var d = b.ownerDocument.createRange();
- try {
- d.selectNode(b);
- }
- catch (e) {
- nodeRange.selectNodeContents(node);
- }
-
- return Z.compareBoundaryPoints(Range.END_TO_START, d) == -1 &&
- Z.compareBoundaryPoints(Range.START_TO_END, d) == 1;
- },
- rangeCompareNode : function(f, g) {
- var j = g.ownerDocument.createRange();
- try {
- j.selectNode(g);
- } catch (e) {
- nodeRange.selectNodeContents(node);
- }
- var k = f.compareBoundaryPoints(Range.START_TO_START, j) == 1;
- var l = f.compareBoundaryPoints(Range.END_TO_END, j) == -1;
-
- if (k && !l)
- return 0;
- if (!k && l)
- return 1;
- if (k && l)
- return 2;
-
- return 3;
- }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-});
-
-
-
-
-
-
-
-Roo.form.HtmlEditor.ToolbarStandard = function(A)
-{
-
- Roo.apply(this, A);
-
-
-}
-
-
-Roo.apply(Roo.form.HtmlEditor.ToolbarStandard.prototype, {
-
- tb: false,
-
- rendered: false,
-
- editor : false,
-
-
- disable : false,
-
-
- fontFamilies : [
- 'Arial',
- 'Courier New',
- 'Tahoma',
- 'Times New Roman',
- 'Verdana'
- ],
-
- specialChars : [
- "©",
- "®",
- "™",
- "£" ,
-
- "…",
- "÷" ,
-
- "€" ,
-
-
-
- "°"
-
-
-
- ],
- inputElements : [
- "form", "input:text", "input:hidden", "input:checkbox", "input:radio", "input:password",
- "input:submit", "input:button", "select", "textarea", "label" ],
- formats : [
- ["p"] ,
- ["h1"],["h2"],["h3"],["h4"],["h5"],["h6"],
- ["pre"],[ "code"],
- ["abbr"],[ "acronym"],[ "address"],[ "cite"],[ "samp"],[ "var"]
- ],
-
-
- defaultFont: 'tahoma',
-
- fontSelect : false,
-
-
- formatCombo : false,
-
- init : function(B)
- {
- this.editor = B;
-
-
- var C = B.frameId;
- var D = this;
- function E(id, G, H){
- var I = C + '-'+ id ;
- return {
- id : I,
- cmd : id,
- cls : 'x-btn-icon x-edit-'+id,
- enableToggle:G !== false,
- scope: B,
- handler:H||B.relayBtnCmd,
- clickEvent:'mousedown',
- tooltip: D.buttonTips[id] || undefined,
- tabIndex:-1
- };
- }
-
-
-
- var tb = new Roo.Toolbar(B.wrap.dom.firstChild);
- this.tb = tb;
-
- tb.el.on('click', function(e){
- e.preventDefault();
- });
-
- if(!this.disable.font && !Roo.isSafari){
-
-
- };
- if(!this.disable.formats){
- this.formatCombo = new Roo.form.ComboBox({
- store: new Roo.data.SimpleStore({
- id : 'tag',
- fields: ['tag'],
- data : this.formats
- }),
- blockFocus : true,
-
- displayField:'tag',
- typeAhead: false,
- mode: 'local',
- editable : false,
- triggerAction: 'all',
- emptyText:'Add tag',
- selectOnFocus:true,
- width:135,
- listeners : {
- 'select': function(c, r, i) {
- B.insertTag(r.get('tag'));
- B.focus();
- }
- }
-
- });
- tb.addField(this.formatCombo);
-
- }
-
- if(!this.disable.format){
- tb.add(
- E('bold'),
- E('italic'),
- E('underline')
- );
- };
- if(!this.disable.fontSize){
- tb.add(
- '-',
-
-
- E('increasefontsize', false, B.adjustFont),
- E('decreasefontsize', false, B.adjustFont)
- );
- };
-
-
- if(this.disable.colors){
- tb.add(
- '-', {
- id:B.frameId +'-forecolor',
- cls:'x-btn-icon x-edit-forecolor',
- clickEvent:'mousedown',
- tooltip: this.buttonTips['forecolor'] || undefined,
- tabIndex:-1,
- menu : new Roo.menu.ColorMenu({
- allowReselect: true,
- focus: Roo.emptyFn,
- value:'000000',
- plain:true,
- selectHandler: function(cp, G){
- B.execCmd('forecolor', Roo.isSafari || Roo.isIE ? '#'+G : G);
- B.deferFocus();
- },
- scope: B,
- clickEvent:'mousedown'
- })
- }, {
- id:B.frameId +'backcolor',
- cls:'x-btn-icon x-edit-backcolor',
- clickEvent:'mousedown',
- tooltip: this.buttonTips['backcolor'] || undefined,
- tabIndex:-1,
- menu : new Roo.menu.ColorMenu({
- focus: Roo.emptyFn,
- value:'FFFFFF',
- plain:true,
- allowReselect: true,
- selectHandler: function(cp, H){
- if(Roo.isGecko){
- B.execCmd('useCSS', false);
- B.execCmd('hilitecolor', H);
- B.execCmd('useCSS', true);
- B.deferFocus();
- }else {
- B.execCmd(Roo.isOpera ? 'hilitecolor' : 'backcolor',
- Roo.isSafari || Roo.isIE ? '#'+H : H);
- B.deferFocus();
- }
- },
- scope:B,
- clickEvent:'mousedown'
- })
- }
- );
- };
-
-
-
- if(!this.disable.alignments){
- tb.add(
- '-',
- E('justifyleft'),
- E('justifycenter'),
- E('justifyright')
- );
- };
-
-
- if(!this.disable.links){
- tb.add(
- '-',
- E('createlink', false, B.createLink)
- );
- };
-
- if(!this.disable.lists){
- tb.add(
- '-',
- E('insertorderedlist'),
- E('insertunorderedlist')
- );
- }
- if(!this.disable.sourceEdit){
- tb.add(
- '-',
- E('sourceedit', true, function(G){
- this.toggleSourceEdit(G.pressed);
- })
- );
- }
-
-
- var F = { };
-
- if (!this.disable.special) {
- F = {
- text: "©",
- cls: 'x-edit-none',
- menu : {
- items : []
- }
- };
- for (var i =0; i < this.specialChars.length; i++) {
- F.menu.items.push({
-
- text: this.specialChars[i],
- handler: function(a,b) {
- B.insertAtCursor(String.fromCharCode(a.text.replace('&#','').replace(';', '')));
- },
- tabIndex:-1
- });
- }
-
-
-
- tb.add(F);
-
-
- }
- if (this.btns) {
- for(var i =0; i< this.btns.length;i++) {
- var b = this.btns[i];
- b.cls = 'x-edit-none';
- b.scope = B;
- tb.add(b);
- }
-
- }
-
-
-
-
-
-
- this.tb.items.each(function(G){
- if(G.id != B.frameId+ '-sourceedit'){
- G.disable();
- }
- });
- this.rendered = true;
-
-
- B.on('editorevent', this.updateToolbar, this);
-
-
- },
-
-
-
-
-
- updateToolbar: function(){
-
- if(!this.editor.activated){
- this.editor.onFirstFocus();
- return;
- }
-
- var G = this.tb.items.map,
- H = this.editor.doc,
- I = this.editor.frameId;
-
- if(!this.disable.font && !Roo.isSafari){
-
-
- }
- if(!this.disable.format){
- G[I + '-bold'].toggle(H.queryCommandState('bold'));
- G[I + '-italic'].toggle(H.queryCommandState('italic'));
- G[I + '-underline'].toggle(H.queryCommandState('underline'));
- }
- if(!this.disable.alignments){
- G[I + '-justifyleft'].toggle(H.queryCommandState('justifyleft'));
- G[I + '-justifycenter'].toggle(H.queryCommandState('justifycenter'));
- G[I + '-justifyright'].toggle(H.queryCommandState('justifyright'));
- }
- if(!Roo.isSafari && !this.disable.lists){
- G[I + '-insertorderedlist'].toggle(H.queryCommandState('insertorderedlist'));
- G[I + '-insertunorderedlist'].toggle(H.queryCommandState('insertunorderedlist'));
- }
-
- var J = this.editor.getAllAncestors();
- if (this.formatCombo) {
-
-
- var store = this.formatCombo.store;
- this.formatCombo.setValue("");
- for (var i =0; i < J.length;i++) {
- if (J[i] && store.query('tag',J[i].tagName.toLowerCase(), true).length) {
-
- this.formatCombo.setValue(J[i].tagName.toLowerCase());
- break;
- }
- }
- }
-
-
-
-
-
- Roo.menu.MenuMgr.hideAll();
-
-
- },
-
-
- createFontOptions : function(){
- var K = [], fs = this.fontFamilies, ff, lc;
- for(var i = 0, len = fs.length; i< len; i++){
- ff = fs[i];
- lc = ff.toLowerCase();
- K.push(
- '<option value="',lc,'" style="font-family:',ff,';"',
- (this.defaultFont == lc ? ' selected="true">' : '>'),
- ff,
- '</option>'
- );
- }
- return K.join('');
- },
-
- toggleSourceEdit : function(L){
- if(L === undefined){
- L = !this.sourceEditMode;
- }
-
- this.sourceEditMode = L === true;
- var M = this.tb.items.get(this.editor.frameId +'-sourceedit');
-
- if(M.pressed !== this.editor.sourceEditMode){
- M.toggle(this.editor.sourceEditMode);
- return;
- }
-
- if(this.sourceEditMode){
- this.tb.items.each(function(N){
- if(N.cmd != 'sourceedit'){
- N.disable();
- }
- });
-
- }else {
- if(this.initialized){
- this.tb.items.each(function(O){
- O.enable();
- });
- }
-
- }
-
-
- this.editor.toggleSourceEdit(L);
-
- },
-
-
- 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'
- }
- },
-
- onDestroy : function(){
- if(this.rendered){
-
- this.tb.items.each(function(N){
- if(N.menu){
- N.menu.removeAll();
- if(N.menu.el){
- N.menu.el.destroy();
- }
- }
-
- N.destroy();
- });
-
- }
- },
- onFirstFocus: function() {
- this.tb.items.each(function(N){
- N.enable();
- });
- }
-});
-
-
-
-
-
-
-
-
-
-
-
-
-
-Roo.form.HtmlEditor.ToolbarContext = function(A)
-{
-
- Roo.apply(this, A);
-
-
-}
-
-Roo.form.HtmlEditor.ToolbarContext.types = {
- 'IMG' : {
- width : {
- title: "Width",
- width: 40
- },
- height: {
- title: "Height",
- width: 40
- },
- align: {
- title: "Align",
- opts : [ [""],[ "left"],[ "right"],[ "center"],[ "top"]],
- width : 80
-
- },
- border: {
- title: "Border",
- width: 40
- },
- alt: {
- title: "Alt",
- width: 120
- },
- src : {
- title: "Src",
- width: 220
- }
-
- },
- 'A' : {
- name : {
- title: "Name",
- width: 50
- },
- href: {
- title: "Href",
- width: 220
- }
-
- },
- 'TABLE' : {
- rows : {
- title: "Rows",
- width: 20
- },
- cols : {
- title: "Cols",
- width: 20
- },
- width : {
- title: "Width",
- width: 40
- },
- height : {
- title: "Height",
- width: 40
- },
- border : {
- title: "Border",
- width: 20
- }
- },
- 'TD' : {
- width : {
- title: "Width",
- width: 40
- },
- height : {
- title: "Height",
- width: 40
- },
- align: {
- title: "Align",
- opts : [[""],[ "left"],[ "center"],[ "right"],[ "justify"],[ "char"]],
- width: 40
- },
- valign: {
- title: "Valign",
- opts : [[""],[ "top"],[ "middle"],[ "bottom"],[ "baseline"]],
- width: 40
- },
- colspan: {
- title: "Colspan",
- width: 20
-
- }
- },
- 'INPUT' : {
- name : {
- title: "name",
- width: 120
- },
- value : {
- title: "Value",
- width: 120
- },
- width : {
- title: "Width",
- width: 40
- }
- },
- 'LABEL' : {
- 'for' : {
- title: "For",
- width: 120
- }
- },
- 'TEXTAREA' : {
- name : {
- title: "name",
- width: 120
- },
- rows : {
- title: "Rows",
- width: 20
- },
- cols : {
- title: "Cols",
- width: 20
- }
- },
- 'SELECT' : {
- name : {
- title: "name",
- width: 120
- },
- selectoptions : {
- title: "Options",
- width: 200
- }
- },
- 'BODY' : {
- title : {
- title: "title",
- width: 120,
- disabled : true
- }
- }
-};
-
-
-
-Roo.apply(Roo.form.HtmlEditor.ToolbarContext.prototype, {
-
- tb: false,
-
- rendered: false,
-
- editor : false,
-
-
- disable : false,
-
-
-
- toolbars : false,
-
- init : function(B)
- {
- this.editor = B;
-
-
- var C = B.frameId;
- var D = this;
- function E(id, G, H){
- var I = C + '-'+ id ;
- return {
- id : I,
- cmd : id,
- cls : 'x-btn-icon x-edit-'+id,
- enableToggle:G !== false,
- scope: B,
- handler:H||B.relayBtnCmd,
- clickEvent:'mousedown',
- tooltip: D.buttonTips[id] || undefined,
- tabIndex:-1
- };
- }
-
- var F = B.wrap.createChild({
- tag: 'div'
- }, B.wrap.dom.firstChild.nextSibling, true);
-
-
-
-
-
-
-
- var ty= Roo.form.HtmlEditor.ToolbarContext.types;
- this.toolbars = {};
-
- for (var i in ty) {
- this.toolbars[i] = this.buildToolbar(ty[i],i);
- }
-
- this.tb = this.toolbars.BODY;
- this.tb.el.show();
-
-
- this.rendered = true;
-
-
- B.on('editorevent', this.updateToolbar, this);
-
-
- },
-
-
-
-
-
- updateToolbar: function(){
-
- if(!this.editor.activated){
- this.editor.onFirstFocus();
- return;
- }
-
-
- var G = this.editor.getAllAncestors();
-
-
- var ty= Roo.form.HtmlEditor.ToolbarContext.types;
- var H = G.length ? (G[0] ? G[0] : G[1]) : this.editor.doc.body;
- H = H ? H : this.editor.doc.body;
- H = H.tagName.length ? H : this.editor.doc.body;
- var tn = H.tagName.toUpperCase();
- H = typeof(ty[tn]) != 'undefined' ? H : this.editor.doc.body;
- tn = H.tagName.toUpperCase();
- if (this.tb.name == tn) {
- return;
- }
-
- this.tb.el.hide();
-
- this.tb = this.toolbars[tn];
- this.tb.el.show();
- this.tb.fields.each(function(e) {
- e.setValue(H.getAttribute(e.name));
- });
- this.tb.selectedNode = H;
-
-
- Roo.menu.MenuMgr.hideAll();
-
-
- },
-
-
-
- onDestroy : function(){
- if(this.rendered){
-
- this.tb.items.each(function(I){
- if(I.menu){
- I.menu.removeAll();
- if(I.menu.el){
- I.menu.el.destroy();
- }
- }
-
- I.destroy();
- });
-
- }
- },
- onFirstFocus: function() {
-
- this.tb.items.each(function(I){
- I.enable();
- });
- },
- buildToolbar: function(I, nm)
- {
- var J = this.editor;
-
- var K = J.wrap.createChild({
- tag: 'div'
- }, J.wrap.dom.firstChild.nextSibling, true);
-
-
- var tb = new Roo.Toolbar(K);
- tb.add(nm+ ": ");
- for (var i in I) {
- var item = I[i];
- tb.add(item.title + ": ");
- if (item.opts) {
-
-
-
- tb.addField( new Roo.form.ComboBox({
- store: new Roo.data.SimpleStore({
- id : 'val',
- fields: ['val'],
- data : item.opts
- }),
- name : i,
- displayField:'val',
- typeAhead: false,
- mode: 'local',
- editable : false,
- triggerAction: 'all',
- emptyText:'Select',
- selectOnFocus:true,
- width: item.width ? item.width : 130,
- listeners : {
- 'select': function(c, r, i) {
- tb.selectedNode.setAttribute(c.name, r.get('val'));
- }
- }
-
- }));
- continue;
-
-
-
-
-
- tb.addField( new Roo.form.TextField({
- name: i,
- width: 100,
-
- value: ''
- }));
- continue;
- }
-
- tb.addField( new Roo.form.TextField({
- name: i,
- width: item.width,
-
- value: '',
- listeners: {
- 'change' : function(f, nv, ov) {
- tb.selectedNode.setAttribute(f.name, nv);
- }
- }
- }));
-
- }
-
- tb.el.on('click', function(e){
- e.preventDefault();
- });
- tb.el.setVisibilityMode( Roo.Element.DISPLAY);
- tb.el.hide();
- tb.name = nm;
-
- return tb;
-
-
- }
-
-
-
-
-});
-
-
-
-
-
-
-
-
-
-
-
-Roo.form.BasicForm = function(el, A){
- this.allItems = [];
- this.childForms = [];
- Roo.apply(this, A);
-
-
-
-
- this.items = new Roo.util.MixedCollection(false, function(o){
- return o.id || (o.id = Roo.id());
- });
- this.addEvents({
-
-
- beforeaction: true,
-
-
- actionfailed : true,
-
-
- actioncomplete : true
- });
- if(el){
- this.initEl(el);
- }
-
- Roo.form.BasicForm.superclass.constructor.call(this);
-};
-
-Roo.extend(Roo.form.BasicForm, Roo.util.Observable, {
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- timeout: 30,
-
-
- activeAction : null,
-
-
-
- trackResetOnLoad : false,
-
-
-
-
- childForms : false,
-
-
-
- allItems : false,
-
-
-
- waitMsgTarget : undefined,
-
-
- initEl : function(el){
- this.el = Roo.get(el);
- this.id = this.el.id || Roo.id();
- this.el.on('submit', this.onSubmit, this);
- this.el.addClass('x-form');
- },
-
-
- onSubmit : function(e){
- e.stopEvent();
- },
-
-
-
- isValid : function(){
- var B = true;
- this.items.each(function(f){
- if(!f.validate()){
- B = false;
- }
- });
- return B;
- },
-
-
-
- isDirty : function(){
- var C = false;
- this.items.each(function(f){
- if(f.isDirty()){
- C = true;
- return false;
- }
- });
- return C;
- },
-
-
-
- doAction : function(D, E){
- if(typeof D == 'string'){
- D = new Roo.form.Action.ACTION_TYPES[D](this, E);
- }
- if(this.fireEvent('beforeaction', this, D) !== false){
- this.beforeAction(D);
- D.run.defer(100, D);
- }
- return this;
- },
-
-
-
- submit : function(F){
- this.doAction('submit', F);
- return this;
- },
-
-
-
- load : function(G){
- this.doAction('load', G);
- return this;
- },
-
-
-
- updateRecord : function(H){
- H.beginEdit();
- var fs = H.fields;
- fs.each(function(f){
- var I = this.findField(f.name);
- if(I){
- H.set(f.name, I.getValue());
- }
- }, this);
- H.endEdit();
- return this;
- },
-
-
-
- loadRecord : function(I){
- this.setValues(I.data);
- return this;
- },
-
-
- beforeAction : function(J){
- var o = J.options;
- if(o.waitMsg){
- if(this.waitMsgTarget === true){
- this.el.mask(o.waitMsg, 'x-mask-loading');
- }else if(this.waitMsgTarget){
- this.waitMsgTarget = Roo.get(this.waitMsgTarget);
- this.waitMsgTarget.mask(o.waitMsg, 'x-mask-loading');
- }else {
- Roo.MessageBox.wait(o.waitMsg, o.waitTitle || this.waitTitle || 'Please Wait...');
- }
- }
- },
-
-
- afterAction : function(K, L){
- this.activeAction = null;
- var o = K.options;
- if(o.waitMsg){
- if(this.waitMsgTarget === true){
- this.el.unmask();
- }else if(this.waitMsgTarget){
- this.waitMsgTarget.unmask();
- }else {
- Roo.MessageBox.updateProgress(1);
- Roo.MessageBox.hide();
- }
- }
- if(L){
- if(o.reset){
- this.reset();
- }
-
- Roo.callback(o.success, o.scope, [this, K]);
- this.fireEvent('actioncomplete', this, K);
- }else {
- Roo.callback(o.failure, o.scope, [this, K]);
- this.fireEvent('actionfailed', this, K);
- }
- },
-
-
-
- findField : function(id){
- var M = this.items.get(id);
- if(!M){
- this.items.each(function(f){
- if(f.isFormField && (f.dataIndex == id || f.id == id || f.getName() == id)){
- M = f;
- return false;
- }
- });
- }
- return M || null;
- },
-
-
-
- addForm : function(N){
-
- this.childForms.push(N);
- Roo.each(N.allItems, function (fe) {
-
- if (this.findField(fe.name)) {
- return;
- }
-
- this.add( new Roo.form.Hidden({
- name : fe.name
- }));
- }, this);
-
- },
-
-
- markInvalid : function(O){
- if(O instanceof Array){
- for(var i = 0, len = O.length; i < len; i++){
- var fieldError = O[i];
- var f = this.findField(fieldError.id);
- if(f){
- f.markInvalid(fieldError.msg);
- }
- }
- }else {
- var M, id;
- for(id in O){
- if(typeof O[id] != 'function' && (M = this.findField(id))){
- M.markInvalid(O[id]);
- }
- }
- }
-
- Roo.each(this.childForms || [], function (f) {
- f.markInvalid(O);
- });
-
- return this;
- },
-
-
-
- setValues : function(P){
- if(P instanceof Array){
- for(var i = 0, len = P.length; i < len; i++){
- var v = P[i];
- var f = this.findField(v.id);
- if(f){
- f.setValue(v.value);
- if(this.trackResetOnLoad){
- f.originalValue = f.getValue();
- }
- }
- }
- }else {
- var M, id;
- for(id in P){
- if(typeof P[id] != 'function' && (M = this.findField(id))){
-
- if (M.setFromData &&
- M.valueField &&
- M.displayField &&
-
-
-
- (M.store && !M.store.isLocal)
- ) {
-
- var sd = { };
- sd[M.valueField] = typeof(P[M.hiddenName]) == 'undefined' ? '' : P[M.hiddenName];
- sd[M.displayField] = typeof(P[M.name]) == 'undefined' ? '' : P[M.name];
- M.setFromData(sd);
-
- } else {
- M.setValue(P[id]);
- }
-
-
- if(this.trackResetOnLoad){
- M.originalValue = M.getValue();
- }
- }
- }
- }
-
-
- Roo.each(this.childForms || [], function (f) {
- f.setValues(P);
- });
-
- return this;
- },
-
-
-
- getValues : function(Q){
- if (this.childForms) {
-
- Roo.each(this.childForms, function (f) {
- if (f.allFields) {
- Roo.each(f.allFields, function (e) {
- if (e.name && e.getValue && this.findField(e.name)) {
- this.findField(e.name).setValue(e.getValue());
- }
- });
- }
- }, this);
- }
-
-
-
- var fs = Roo.lib.Ajax.serializeForm(this.el.dom);
- if(Q === true){
- return fs;
- }
- return Roo.urlDecode(fs);
- },
-
-
-
- clearInvalid : function(){
- this.items.each(function(f){
- f.clearInvalid();
- });
-
- Roo.each(this.childForms || [], function (f) {
- f.clearInvalid();
- });
-
-
- return this;
- },
-
-
-
- reset : function(){
- this.items.each(function(f){
- f.reset();
- });
-
- Roo.each(this.childForms || [], function (f) {
- f.reset();
- });
-
-
- return this;
- },
-
-
-
- add : function(){
- this.items.addAll(Array.prototype.slice.call(arguments, 0));
- return this;
- },
-
-
-
-
- remove : function(R){
- this.items.remove(R);
- return this;
- },
-
-
-
- render : function(){
- this.items.each(function(f){
- if(f.isFormField && !f.rendered && document.getElementById(f.id)){
- f.applyTo(f.id);
- }
- });
- return this;
- },
-
-
-
- applyToFields : function(o){
- this.items.each(function(f){
- Roo.apply(f, o);
- });
- return this;
- },
-
-
-
- applyIfToFields : function(o){
- this.items.each(function(f){
- Roo.applyIf(f, o);
- });
- return this;
- }
-});
-
-
-Roo.BasicForm = Roo.form.BasicForm;
-
-
-
-
-
-Roo.form.Form = function(A){
- var B = [];
- if (A.items) {
- B = A.items;
- delete A.items;
- }
-
-
-
- Roo.form.Form.superclass.constructor.call(this, null, A);
- this.url = this.url || this.action;
- if(!this.root){
- this.root = new Roo.form.Layout(Roo.applyIf({
- id: Roo.id()
- }, A));
- }
-
- this.active = this.root;
-
-
- this.buttons = [];
- this.allItems = [];
- this.addEvents({
-
-
- clientvalidation: true,
-
-
- rendered : true
- });
-
- Roo.each(B, this.addxtype, this);
-
-
-
-};
-
-Roo.extend(Roo.form.Form, Roo.form.BasicForm, {
-
-
-
-
-
-
- buttonAlign:'center',
-
-
-
- minButtonWidth:75,
-
-
-
- labelAlign:'left',
-
-
-
- monitorValid : false,
-
-
-
- monitorPoll : 200,
-
-
-
-
- column : function(c){
- var C = new Roo.form.Column(c);
- this.start(C);
- if(arguments.length > 1){
- this.add.apply(this, Array.prototype.slice.call(arguments, 1));
- this.end();
- }
- return C;
- },
-
-
-
- fieldset : function(c){
- var fs = new Roo.form.FieldSet(c);
- this.start(fs);
- if(arguments.length > 1){
- this.add.apply(this, Array.prototype.slice.call(arguments, 1));
- this.end();
- }
- return fs;
- },
-
-
-
- container : function(c){
- var l = new Roo.form.Layout(c);
- this.start(l);
- if(arguments.length > 1){
- this.add.apply(this, Array.prototype.slice.call(arguments, 1));
- this.end();
- }
- return l;
- },
-
-
-
- start : function(c){
-
- Roo.applyIf(c, {'labelAlign': this.active.labelAlign, 'labelWidth': this.active.labelWidth, 'itemCls': this.active.itemCls});
- this.active.stack.push(c);
- c.ownerCt = this.active;
- this.active = c;
- return this;
- },
-
-
-
- end : function(){
- if(this.active == this.root){
- return this;
- }
-
- this.active = this.active.ownerCt;
- return this;
- },
-
-
-
- add : function(){
- this.active.stack.push.apply(this.active.stack, arguments);
- this.allItems.push.apply(this.allItems,arguments);
- var r = [];
- for(var i = 0, a = arguments, len = a.length; i < len; i++) {
- if(a[i].isFormField){
- r.push(a[i]);
- }
- }
- if(r.length > 0){
- Roo.form.Form.superclass.add.apply(this, r);
- }
- return this;
- },
-
-
-
-
-
-
-
- findbyId : function(id)
- {
- var D = false;
- if (!id) {
- return D;
- }
-
- Ext.each(this.allItems, function(f){
- if (f.id == id || f.name == id ){
- D = f;
- return false;
- }
- });
- return D;
- },
-
-
-
-
-
- render : function(ct){
- ct = Roo.get(ct);
- var o = this.autoCreate || {
- tag: 'form',
- method : this.method || 'POST',
- id : this.id || Roo.id()
- };
- this.initEl(ct.createChild(o));
-
- this.root.render(this.el);
-
- this.items.each(function(f){
- f.render('x-form-el-'+f.id);
- });
-
- if(this.buttons.length > 0){
-
- var tb = this.el.createChild({cls:'x-form-btns-ct', cn: {
- cls:"x-form-btns x-form-btns-"+this.buttonAlign,
- html:'<table cellspacing="0"><tbody><tr></tr></tbody></table><div class="x-clear"></div>'
- }}, null, true);
- var tr = tb.getElementsByTagName('tr')[0];
- for(var i = 0, len = this.buttons.length; i < len; i++) {
- var b = this.buttons[i];
- var td = document.createElement('td');
- td.className = 'x-form-btn-td';
- b.render(tr.appendChild(td));
- }
- }
- if(this.monitorValid){
- this.startMonitoring();
- }
-
- this.fireEvent('rendered', this);
- return this;
- },
-
-
-
- addButton : function(E, F, G){
- var bc = {
- handler: F,
- scope: G,
- minWidth: this.minButtonWidth,
- hideParent:true
- };
- if(typeof E == "string"){
- bc.text = E;
- }else {
- Roo.apply(bc, E);
- }
- var H = new Roo.Button(null, bc);
- this.buttons.push(H);
- return H;
- },
-
-
-
-
- addxtype : function()
- {
- var ar = Array.prototype.slice.call(arguments, 0);
- var I = false;
- for(var i = 0; i < ar.length; i++) {
- if (!ar[i]) {
- continue;
-
-
- }
-
- if (Roo.form[ar[i].xtype]) {
- ar[i].form = this;
- var fe = Roo.factory(ar[i], Roo.form);
- if (!I) {
- I = fe;
- }
-
- fe.form = this;
- if (fe.store) {
- fe.store.form = this;
- }
- if (fe.isLayout) {
-
- this.start(fe);
- this.allItems.push(fe);
- if (fe.items && fe.addxtype) {
- fe.addxtype.apply(fe, fe.items);
- delete fe.items;
- }
-
- this.end();
- continue;
- }
-
-
-
-
- this.add(fe);
-
- }
- if (ar[i].xtype == 'Button') {
-
-
- this.addButton(ar[i]);
- this.allItems.push(fe);
- continue;
- }
-
- if (ar[i].xtype == 'end') {
- alert('end is not supported on xtype any more, use items');
-
-
- }
-
- }
- return I;
- },
-
-
-
- startMonitoring : function(){
- if(!this.bound){
- this.bound = true;
- Roo.TaskMgr.start({
- run : this.bindHandler,
- interval : this.monitorPoll || 200,
- scope: this
- });
- }
- },
-
-
-
- stopMonitoring : function(){
- this.bound = false;
- },
-
-
- bindHandler : function(){
- if(!this.bound){
- return false;
- }
- var J = true;
- this.items.each(function(f){
- if(!f.isValid(true)){
- J = false;
- return false;
- }
- });
- for(var i = 0, len = this.buttons.length; i < len; i++){
- var H = this.buttons[i];
- if(H.formBind === true && H.disabled === J){
- H.setDisabled(!J);
- }
- }
-
- this.fireEvent('clientvalidation', this, J);
- }
-
-
-
-
-
-
-
-
-});
-
-
-
-Roo.Form = Roo.form.Form;
-
-
-
-
-
-
-
-
-
-Roo.form.Action = function(A, B){
- this.form = A;
- this.options = B || {};
-};
-
-
-Roo.form.Action.CLIENT_INVALID = 'client';
-
-
- Roo.form.Action.SERVER_INVALID = 'server';
-
-
-Roo.form.Action.CONNECT_FAILURE = 'connect';
-
-
-Roo.form.Action.LOAD_FAILURE = 'load';
-
-Roo.form.Action.prototype = {
- type : 'default',
- failureType : undefined,
- response : undefined,
- result : undefined,
-
-
- run : function(C){
-
- },
-
-
- success : function(D){
-
- },
-
-
- handleResponse : function(E){
-
- },
-
-
- failure : function(F){
- this.response = F;
- this.failureType = Roo.form.Action.CONNECT_FAILURE;
- this.form.afterAction(this, false);
- },
-
- processResponse : function(G){
- this.response = G;
- if(!G.responseText){
- return true;
- }
-
- this.result = this.handleResponse(G);
- return this.result;
- },
-
-
- getUrl : function(H){
- var I = this.options.url || this.form.url || this.form.el.dom.action;
- if(H){
- var p = this.getParams();
- if(p){
- I += (I.indexOf('?') != -1 ? '&' : '?') + p;
- }
- }
- return I;
- },
-
- 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 = Roo.urlEncode(Roo.applyIf(p, bp));
- }else if(typeof p == 'string' && bp){
- p += '&' + Roo.urlEncode(bp);
- }
- }else if(bp){
- p = Roo.urlEncode(bp);
- }
- return p;
- },
-
- createCallback : function(){
- return {
- success: this.success,
- failure: this.failure,
- scope: this,
- timeout: (this.form.timeout*1000),
- upload: this.form.fileUpload ? this.success : undefined
- };
- }
-};
-
-Roo.form.Action.Submit = function(J, K){
- Roo.form.Action.Submit.superclass.constructor.call(this, J, K);
-};
-
-Roo.extend(Roo.form.Action.Submit, Roo.form.Action, {
- type : 'submit',
-
- run : function(){
- var o = this.options;
- var L = this.getMethod();
- var M = L == 'POST';
- if(o.clientValidation === false || this.form.isValid()){
- Roo.Ajax.request(Roo.apply(this.createCallback(), {
- form:this.form.el.dom,
- url:this.getUrl(!M),
- method: L,
- params:M ? this.getParams() : null,
- isUpload: this.form.fileUpload
- }));
-
- }else if (o.clientValidation !== false){
- this.failureType = Roo.form.Action.CLIENT_INVALID;
- this.form.afterAction(this, false);
- }
- },
-
- success : function(N){
- var O = this.processResponse(N);
- if(O === true || O.success){
- this.form.afterAction(this, true);
- return;
- }
- if(O.errors){
- this.form.markInvalid(O.errors);
- this.failureType = Roo.form.Action.SERVER_INVALID;
- }
-
- this.form.afterAction(this, false);
- },
-
- handleResponse : function(P){
- if(this.form.errorReader){
- var rs = this.form.errorReader.read(P);
- 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
- };
- }
- var Q = false;
- try {
- Q = Roo.decode(P.responseText);
- } catch (e) {
- ret = {
- success: false,
- errorMsg: "Failed to read server message: " + response.responseText,
- errors : []
- };
- }
- return Q;
-
- }
-});
-
-
-Roo.form.Action.Load = function(R, S){
- Roo.form.Action.Load.superclass.constructor.call(this, R, S);
- this.reader = this.form.reader;
-};
-
-Roo.extend(Roo.form.Action.Load, Roo.form.Action, {
- type : 'load',
-
- run : function(){
- Roo.Ajax.request(Roo.apply(
- this.createCallback(), {
- method:this.getMethod(),
- url:this.getUrl(false),
- params:this.getParams()
- }));
- },
-
- success : function(T){
- var U = this.processResponse(T);
- if(U === true || !U.success || !U.data){
- this.failureType = Roo.form.Action.LOAD_FAILURE;
- this.form.afterAction(this, false);
- return;
- }
-
- this.form.clearInvalid();
- this.form.setValues(U.data);
- this.form.afterAction(this, true);
- },
-
- handleResponse : function(V){
- if(this.form.reader){
- var rs = this.form.reader.read(V);
- var data = rs.records && rs.records[0] ? rs.records[0].data : null;
- return {
- success : rs.success,
- data : data
- };
- }
- return Roo.decode(V.responseText);
- }
-});
-
-Roo.form.Action.ACTION_TYPES = {
- 'load' : Roo.form.Action.Load,
- 'submit' : Roo.form.Action.Submit
-};
-
-
-
-
-
-Roo.form.Layout = function(A){
- var B = [];
- if (A.items) {
- B = A.items;
- delete A.items;
- }
-
- Roo.form.Layout.superclass.constructor.call(this, A);
- this.stack = [];
- Roo.each(B, this.addxtype, this);
-
-};
-
-Roo.extend(Roo.form.Layout, Roo.Component, {
-
-
-
-
-
-
-
-
-
-
- clear : true,
-
-
- labelSeparator : ':',
-
-
- hideLabels : false,
-
-
- defaultAutoCreate : {tag: 'div', cls: 'x-form-ct'},
-
- isLayout : true,
-
-
- onRender : function(ct, C){
- if(this.el){
- this.el = Roo.get(this.el);
- }else {
- var cfg = this.getAutoCreate();
- this.el = ct.createChild(cfg, C);
- }
- if(this.style){
- this.el.applyStyles(this.style);
- }
- if(this.labelAlign){
- this.el.addClass('x-form-label-'+this.labelAlign);
- }
- if(this.hideLabels){
- this.labelStyle = "display:none";
- this.elementStyle = "padding-left:0;";
- }else {
- if(typeof this.labelWidth == 'number'){
- this.labelStyle = "width:"+this.labelWidth+"px;";
- this.elementStyle = "padding-left:"+((this.labelWidth+(typeof this.labelPad == 'number' ? this.labelPad : 5))+'px')+";";
- }
- if(this.labelAlign == 'top'){
- this.labelStyle = "width:auto;";
- this.elementStyle = "padding-left:0;";
- }
- }
- var D = this.stack;
- var E = D.length;
- if(E > 0){
- if(!this.fieldTpl){
- var t = new Roo.Template(
- '<div class="x-form-item {5}">',
- '<label for="{0}" style="{2}">{1}{4}</label>',
- '<div class="x-form-element" id="x-form-el-{0}" style="{3}">',
- '</div>',
- '</div><div class="x-form-clear-left"></div>'
- );
- t.disableFormats = true;
- t.compile();
- Roo.form.Layout.prototype.fieldTpl = t;
- }
- for(var i = 0; i < E; i++) {
- if(D[i].isFormField){
- this.renderField(D[i]);
- }else {
- this.renderComponent(D[i]);
- }
- }
- }
- if(this.clear){
- this.el.createChild({cls:'x-form-clear'});
- }
- },
-
-
- renderField : function(f){
- f.fieldEl = Roo.get(this.fieldTpl.append(this.el, [
- f.id,
- f.fieldLabel,
- f.labelStyle||this.labelStyle||'',
- this.elementStyle||'',
- typeof f.labelSeparator == 'undefined' ? this.labelSeparator : f.labelSeparator,
- f.itemCls||this.itemCls||''
- ], true).getPrevSibling());
- },
-
-
- renderComponent : function(c){
- c.render(c.isLayout ? this.el : this.el.createChild());
- },
-
-
- addxtype : function(o)
- {
-
- o.form = this.form;
- var fe = Roo.factory(o, Roo.form);
- this.form.allItems.push(fe);
- this.stack.push(fe);
-
- if (fe.isFormField) {
- this.form.items.add(fe);
- }
-
- return fe;
- }
-});
-
-
-
-Roo.form.Column = function(F){
- Roo.form.Column.superclass.constructor.call(this, F);
-};
-
-Roo.extend(Roo.form.Column, Roo.form.Layout, {
-
-
-
-
-
-
- defaultAutoCreate : {tag: 'div', cls: 'x-form-ct x-form-column'},
-
-
- onRender : function(ct, G){
- Roo.form.Column.superclass.onRender.call(this, ct, G);
- if(this.width){
- this.el.setWidth(this.width);
- }
- }
-});
-
-
-
-
-
-
-Roo.form.Row = function(H){
- Roo.form.Row.superclass.constructor.call(this, H);
-};
-
-Roo.extend(Roo.form.Row, Roo.form.Layout, {
-
-
-
-
- defaultAutoCreate : {tag: 'div', cls: 'x-form-ct x-form-row'},
-
- padWidth : 20,
-
- onRender : function(ct, I){
-
- if(!this.rowTpl){
- var t = new Roo.Template(
- '<div class="x-form-item {5}" style="float:left;width:{6}px">',
- '<label for="{0}" style="{2}">{1}{4}</label>',
- '<div class="x-form-element" id="x-form-el-{0}" style="{3}">',
- '</div>',
- '</div>'
- );
- t.disableFormats = true;
- t.compile();
- Roo.form.Layout.prototype.rowTpl = t;
- }
-
- this.fieldTpl = this.rowTpl;
-
-
- var J = 100;
-
- if ((this.labelAlign != 'top')) {
- if (typeof this.labelWidth == 'number') {
- J = this.labelWidth
- }
-
- this.padWidth = 20 + J;
-
- }
-
-
- Roo.form.Column.superclass.onRender.call(this, ct, I);
- if(this.width){
- this.el.setWidth(this.width);
- }
- if(this.height){
- this.el.setHeight(this.height);
- }
- },
-
-
- renderField : function(f){
- f.fieldEl = this.fieldTpl.append(this.el, [
- f.id, f.fieldLabel,
- f.labelStyle||this.labelStyle||'',
- this.elementStyle||'',
- typeof f.labelSeparator == 'undefined' ? this.labelSeparator : f.labelSeparator,
- f.itemCls||this.itemCls||'',
- f.width ? f.width + this.padWidth : 160 + this.padWidth
- ],true);
- }
-});
-
-
-
-
-Roo.form.FieldSet = function(K){
- Roo.form.FieldSet.superclass.constructor.call(this, K);
-};
-
-Roo.extend(Roo.form.FieldSet, Roo.form.Layout, {
-
-
-
-
-
-
- defaultAutoCreate : {tag: 'fieldset', cn: {tag:'legend'}},
-
-
- onRender : function(ct, L){
- Roo.form.FieldSet.superclass.onRender.call(this, ct, L);
- if(this.legend){
- this.setLegend(this.legend);
- }
- },
-
-
- setLegend : function(M){
- if(this.rendered){
- this.el.child('legend').update(M);
- }
- }
-});
-
-
-
-
-Roo.form.VTypes = function(){
-
- var A = /^[a-zA-Z_]+$/;
- var B = /^[a-zA-Z0-9_]+$/;
- var C = /^([\w]+)(.[\w]+)*@([\w-]+\.){1,5}([A-Za-z]){2,4}$/;
- var D = /(((https?)|(ftp)):\/\/([\-\w]+\.)+\w{2,3}(\/[%\-\w]+(\.\w{2,})?)*(([\w\-\.\?\\\/+@&#;`~=%!]*)(\.\w{2,})?)*\/?)/i;
-
-
- return {
-
-
- 'email' : function(v){
- return C.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 D.test(v);
- },
-
-
- 'urlText' : 'This field should be a URL in the format "http:/'+'/www.domain.com"',
-
-
-
- 'alpha' : function(v){
- return A.test(v);
- },
-
-
- 'alphaText' : 'This field should only contain letters and _',
-
-
- 'alphaMask' : /[a-z_]/i,
-
-
-
- 'alphanum' : function(v){
- return B.test(v);
- },
-
-
- 'alphanumText' : 'This field should only contain letters, numbers and _',
-
-
- 'alphanumMask' : /[a-z0-9_]/i
- };
-}();
-
-
-
-
-Roo.form.FCKeditor = function(A){
- Roo.form.FCKeditor.superclass.constructor.call(this, A);
- this.addEvents({
-
-
- editorinit : true
- });
-
-
-};
-Roo.form.FCKeditor.editors = { };
-Roo.extend(Roo.form.FCKeditor, Roo.form.TextArea,
-{
-
-
-
-
-
-
- fckconfig : false,
-
-
-
- toolbarSet : 'Basic',
-
-
- basePath : '/fckeditor/',
-
-
- frame : false,
-
- value : '',
-
-
- onRender : function(ct, B)
- {
- if(!this.el){
- this.defaultAutoCreate = {
- tag: "textarea",
- style:"width:300px;height:60px;",
- autocomplete: "off"
- };
- }
-
- Roo.form.FCKeditor.superclass.onRender.call(this, ct, B);
-
-
-
- Roo.form.FCKeditor.editors[this.getId()] = this;
-
-
- this.replaceTextarea() ;
-
- },
-
- getEditor : function() {
- return this.fckEditor;
- },
-
-
-
-
- setValue : function(C)
- {
-
-
- if(typeof(C) == 'undefined') {
- return;
- }
-
- Roo.form.FCKeditor.superclass.setValue.apply(this,[C]);
-
-
-
-
-
-
-
- if(!this.getEditor()) {
- return;
- }
-
-
- this.getEditor().SetData(C);
-
-
-
- },
-
-
-
- getValue : function()
- {
-
- if (this.frame && this.frame.dom.style.display == 'none') {
- return Roo.form.FCKeditor.superclass.getValue.call(this);
- }
-
- if(!this.el || !this.getEditor()) {
-
-
- return this.value;
- }
-
-
- var D=this.getEditor().GetData();
- Roo.form.FCKeditor.superclass.setValue.apply(this,[D]);
- return Roo.form.FCKeditor.superclass.getValue.call(this);
-
-
- },
-
-
-
- getRawValue : function()
- {
- if (this.frame && this.frame.dom.style.display == 'none') {
- return Roo.form.FCKeditor.superclass.getRawValue.call(this);
- }
-
- if(!this.el || !this.getEditor()) {
-
- return this.value;
- return;
- }
-
-
-
- var E=this.getEditor().GetData();
- Roo.form.FCKeditor.superclass.setRawValue.apply(this,[E]);
- return Roo.form.FCKeditor.superclass.getRawValue.call(this);
-
- },
-
- setSize : function(w,h) {
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Roo.form.FCKeditor.superclass.setSize.apply(this, [w, h]);
-
- this.frame.dom.setAttribute('width', w);
- this.frame.dom.setAttribute('height', h);
- this.frame.setSize(w,h);
-
- },
-
- toggleSourceEdit : function(F) {
-
-
-
- this.el.dom.style.display = F ? '' : 'none';
- this.frame.dom.style.display = F ? 'none' : '';
-
- },
-
-
- focus: function(G)
- {
- if (this.frame.dom.style.display == 'none') {
- return Roo.form.FCKeditor.superclass.focus.call(this);
- }
- if(!this.el || !this.getEditor()) {
- this.focus.defer(100,this, [G]);
- return;
- }
-
-
-
-
- var H = this.getEditor().EditorDocument.getElementsByTagName(G);
- this.getEditor().Focus();
- if (H.length) {
- if (!this.getEditor().Selection.GetSelection()) {
- this.focus.defer(100,this, [G]);
- return;
- }
-
-
- var r = this.getEditor().EditorDocument.createRange();
- r.setStart(H[0],0);
- r.setEnd(H[0],0);
- this.getEditor().Selection.GetSelection().removeAllRanges();
- this.getEditor().Selection.GetSelection().addRange(r);
- this.getEditor().Focus();
- }
-
- },
-
-
-
- replaceTextarea : function()
- {
- if ( document.getElementById( this.getId() + '___Frame' ) )
- return ;
-
-
-
- var I = document.getElementById( this.getId() );
-
- var J = document.getElementsByName( this.getId() ) ;
-
- I.style.display = 'none' ;
-
- if ( I.tabIndex ) {
- this.TabIndex = I.tabIndex ;
- }
-
-
- this._insertHtmlBefore( this._getConfigHtml(), I ) ;
- this._insertHtmlBefore( this._getIFrameHtml(), I ) ;
- this.frame = Roo.get(this.getId() + '___Frame')
- },
-
- _getConfigHtml : function()
- {
- var K = '' ;
-
- for ( var o in this.fckconfig ) {
- K += K.length > 0 ? '&' : '';
- K += encodeURIComponent( o ) + '=' + encodeURIComponent( this.fckconfig[o] ) ;
- }
-
- return '<input type="hidden" id="' + this.getId() + '___Config" value="' + K + '" style="display:none" />' ;
- },
-
-
- _getIFrameHtml : function()
- {
- var L = 'fckeditor.html' ;
-
-
-
- var M = this.basePath + 'editor/' + L + '?InstanceName=' + encodeURIComponent( this.getId() ) ;
- M += this.toolbarSet ? ( '&Toolbar=' + this.toolbarSet) : '';
-
-
- var N = '<iframe id="' + this.getId() +
- '___Frame" src="' + M +
- '" width="' + this.width +
- '" height="' + this.height + '"' +
- (this.tabIndex ? ' tabindex="' + this.tabIndex + '"' :'' ) +
- ' frameborder="0" scrolling="no"></iframe>' ;
-
- return N ;
- },
-
- _insertHtmlBefore : function( O, P )
- {
- if ( P.insertAdjacentHTML ) {
-
- P.insertAdjacentHTML( 'beforeBegin', O ) ;
- } else {
- var oRange = document.createRange() ;
- oRange.setStartBefore( P ) ;
- var oFragment = oRange.createContextualFragment( O );
- P.parentNode.insertBefore( oFragment, P ) ;
- }
- }
-
-
-
-
-
-
-
-
-});
-
-
-
-function Q(R){
- var f = Roo.form.FCKeditor.editors[R.Name];
- f.fckEditor = R;
-
- f.fireEvent('editorinit', f, R);
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Roo.form.GridField = function(A){
- Roo.form.GridField.superclass.constructor.call(this, A);
-
-};
-
-Roo.extend(Roo.form.GridField, Roo.form.Field, {
-
-
- width : 100,
-
-
- height : 50,
-
-
- xgrid : false,
-
-
-
- defaultAutoCreate : { tag: 'input', type: 'hidden', autocomplete: 'off'},
-
-
- addTitle : false,
-
- onResize : function(){
- Roo.form.Field.superclass.onResize.apply(this, arguments);
- },
-
- initEvents : function(){
-
-
-
- },
-
-
- getResizeEl : function(){
- return this.wrap;
- },
-
- getPositionEl : function(){
- return this.wrap;
- },
-
-
- onRender : function(ct, B){
-
- this.style = this.style || 'overflow: hidden; border:1px solid #c3daf9;';
- var C = this.style;
- delete this.style;
-
- Roo.form.DisplayImage.superclass.onRender.call(this, ct, B);
- this.wrap = this.el.wrap({cls: ''});
- this.viewEl = this.wrap.createChild({ tag: 'div' });
- if (C) {
- this.viewEl.applyStyles(C);
- }
- if (this.width) {
- this.viewEl.setWidth(this.width);
- }
- if (this.height) {
- this.viewEl.setHeight(this.height);
- }
-
-
-
-
-
- this.grid = new Roo.grid[this.xgrid.xtype](this.viewEl, this.xgrid);
-
-
- this.grid.render();
- this.grid.getDataSource().on('remove', this.refreshValue, this);
- this.grid.getDataSource().on('update', this.refreshValue, this);
- this.grid.on('afteredit', this.refreshValue, this);
-
- },
-
-
-
-
- setValue : function(v){
-
- v = v || [];
-
- if (this.grid && this.grid.getDataSource() && typeof(v) != 'undefined') {
- var ds = this.grid.getDataSource();
-
- var data = {}
-
- data[ds.reader.meta.root ] = typeof(v) == 'string' ? Roo.decode(v) : v;
- ds.loadData( data);
- }
-
- Roo.form.GridField.superclass.setValue.call(this, v);
- this.refreshValue();
-
- },
-
-
- refreshValue: function() {
- var D = [];
- this.grid.getDataSource().each(function(r) {
- D.push(r.data);
- });
- this.el.dom.value = Roo.encode(D);
- }
-
-
-
-
-});
-
-
-
-
-
-
-Roo.DDView = function(A, B, C) {
- Roo.DDView.superclass.constructor.apply(this, arguments);
- this.getEl().setStyle("outline", "0px none");
- this.getEl().unselectable();
- if (this.dragGroup) {
- this.setDraggable(this.dragGroup.split(","));
- }
- if (this.dropGroup) {
- this.setDroppable(this.dropGroup.split(","));
- }
- if (this.deletable) {
- this.setDeletable();
- }
-
- this.isDirtyFlag = false;
- this.addEvents({
- "drop" : true
- });
-};
-
-Roo.extend(Roo.DDView, Roo.View, {
-
-
-
-
-
-
-
-
-
- isFormField: true,
-
- reset: Roo.emptyFn,
-
- clearInvalid: Roo.form.Field.prototype.clearInvalid,
-
- validate: function() {
- return true;
- },
-
- destroy: function() {
- this.purgeListeners();
- this.getEl.removeAllListeners();
- this.getEl().remove();
- if (this.dragZone) {
- if (this.dragZone.destroy) {
- this.dragZone.destroy();
- }
- }
- if (this.dropZone) {
- if (this.dropZone.destroy) {
- this.dropZone.destroy();
- }
- }
- },
-
-
-
- getName: function() {
- return this.name;
- },
-
-
-
- setValue: function(v) {
- if (!this.store) {
- throw "DDView.setValue(). DDView must be constructed with a valid Store";
- }
- var D = {};
- D[this.store.reader.meta.root] = v ? [].concat(v) : [];
- this.store.proxy = new Roo.data.MemoryProxy(D);
- this.store.load();
- },
-
-
-
- getValue: function() {
- var E = '(';
- this.store.each(function(F) {
- E += F.id + ',';
- });
- return E.substr(0, E.length - 1) + ')';
- },
-
- getIds: function() {
- var i = 0, F = new Array(this.store.getCount());
- this.store.each(function(G) {
- F[i++] = G.id;
- });
- return F;
- },
-
- isDirty: function() {
- return this.isDirtyFlag;
- },
-
-
-
- getTargetFromEvent : function(e) {
- var G = e.getTarget();
- while ((G !== null) && (G.parentNode != this.el.dom)) {
- G = G.parentNode;
- }
- if (!G) {
- G = this.el.dom.lastChild || this.el.dom;
- }
- return G;
- },
-
-
-
- getDragData : function(e) {
- var H = this.findItemFromChild(e.getTarget());
- if(H) {
- this.handleSelection(e);
- var selNodes = this.getSelectedNodes();
- var dragData = {
- source: this,
- copy: this.copy || (this.allowCopy && e.ctrlKey),
- nodes: selNodes,
- records: []
- };
- var selectedIndices = this.getSelectedIndexes();
- for (var i = 0; i < selectedIndices.length; i++) {
- dragData.records.push(this.store.getAt(selectedIndices[i]));
- }
- if (selNodes.length == 1) {
- dragData.ddel = H.cloneNode(true);
- } else {
- var div = document.createElement('div');
- div.className = 'multi-proxy';
- for (var i = 0, len = selNodes.length; i < len; i++) {
- div.appendChild(selNodes[i].cloneNode(true));
- }
-
- dragData.ddel = div;
- }
-
-
- return dragData;
- }
-
- return false;
- },
-
-
-
- setDraggable: function(I) {
- if (I instanceof Array) {
- Roo.each(I, this.setDraggable, this);
- return;
- }
- if (this.dragZone) {
- this.dragZone.addToGroup(I);
- } else {
- this.dragZone = new Roo.dd.DragZone(this.getEl(), {
- containerScroll: true,
- ddGroup: I
-
- });
-
- if (!this.multiSelect) { this.singleSelect = true; }
-
-
-
- this.dragZone.getDragData = this.getDragData.createDelegate(this);
- }
- },
-
-
-
- setDroppable: function(J) {
- if (J instanceof Array) {
- Roo.each(J, this.setDroppable, this);
- return;
- }
- if (this.dropZone) {
- this.dropZone.addToGroup(J);
- } else {
- this.dropZone = new Roo.dd.DropZone(this.getEl(), {
- containerScroll: true,
- ddGroup: J
- });
-
-
- this.dropZone.getTargetFromEvent = this.getTargetFromEvent.createDelegate(this);
- this.dropZone.onNodeEnter = this.onNodeEnter.createDelegate(this);
- this.dropZone.onNodeOver = this.onNodeOver.createDelegate(this);
- this.dropZone.onNodeOut = this.onNodeOut.createDelegate(this);
- this.dropZone.onNodeDrop = this.onNodeDrop.createDelegate(this);
- }
- },
-
-
-
- getDropPoint : function(e, n, dd){
- if (n == this.el.dom) { return "above"; }
- var t = Roo.lib.Dom.getY(n), b = t + n.offsetHeight;
- var c = t + (b - t) / 2;
- var y = Roo.lib.Event.getPageY(e);
- if(y <= c) {
- return "above";
- }else {
- return "below";
- }
- },
-
- onNodeEnter : function(n, dd, e, K){
- return false;
- },
-
- onNodeOver : function(n, dd, e, L){
- var pt = this.getDropPoint(e, n, dd);
-
- var M = this.dropNotAllowed;
- if (pt) {
- var targetElClass;
- if (pt == "above"){
- M = n.previousSibling ? "x-tree-drop-ok-between" : "x-tree-drop-ok-above";
- targetElClass = "x-view-drag-insert-above";
- } else {
- M = n.nextSibling ? "x-tree-drop-ok-between" : "x-tree-drop-ok-below";
- targetElClass = "x-view-drag-insert-below";
- }
- if (this.lastInsertClass != targetElClass){
- Roo.fly(n).replaceClass(this.lastInsertClass, targetElClass);
- this.lastInsertClass = targetElClass;
- }
- }
- return M;
- },
-
- onNodeOut : function(n, dd, e, N){
- this.removeDropIndicators(n);
- },
-
- onNodeDrop : function(n, dd, e, O){
- if (this.fireEvent("drop", this, n, dd, e, O) === false) {
- return false;
- }
- var pt = this.getDropPoint(e, n, dd);
- var P = (n == this.el.dom) ? this.nodes.length : n.nodeIndex;
- if (pt == "below") { P++; }
- for (var i = 0; i < O.records.length; i++) {
- var r = O.records[i];
- var dup = this.store.getById(r.id);
- if (dup && (dd != this.dragZone)) {
- Roo.fly(this.getNode(this.store.indexOf(dup))).frame("red", 1);
- } else {
- if (O.copy) {
- this.store.insert(P++, r.copy());
- } else {
- O.source.isDirtyFlag = true;
- r.store.remove(r);
- this.store.insert(P++, r);
- }
-
- this.isDirtyFlag = true;
- }
- }
-
- this.dragZone.cachedTarget = null;
- return true;
- },
-
- removeDropIndicators : function(n){
- if(n){
- Roo.fly(n).removeClass([
- "x-view-drag-insert-above",
- "x-view-drag-insert-below"]);
- this.lastInsertClass = "_noclass";
- }
- },
-
-
-
- setDeletable: function(Q) {
- if (!this.singleSelect && !this.multiSelect) {
- this.singleSelect = true;
- }
- var c = this.getContextMenu();
- this.contextMenu.on("itemclick", function(R) {
- switch (R.id) {
- case "delete":
- this.remove(this.getSelectedIndexes());
- break;
- }
- }, this);
- this.contextMenu.add({
- icon: Q,
- id: "delete",
- text: 'Delete'
- });
- },
-
-
-
- getContextMenu: function() {
- if (!this.contextMenu) {
-
- this.contextMenu = new Roo.menu.Menu({
- id: this.id + "-contextmenu"
- });
- this.el.on("contextmenu", this.showContextMenu, this);
- }
- return this.contextMenu;
- },
-
- disableContextMenu: function() {
- if (this.contextMenu) {
- this.el.un("contextmenu", this.showContextMenu, this);
- }
- },
-
- showContextMenu: function(e, R) {
- R = this.findItemFromChild(e.getTarget());
- if (R) {
- e.stopEvent();
- this.select(this.getNode(R), this.multiSelect && e.ctrlKey, true);
- this.contextMenu.showAt(e.getXY());
- }
- },
-
-
-
- remove: function(S) {
- S = [].concat(S);
- for (var i = 0; i < S.length; i++) {
- var rec = this.store.getAt(S[i]);
- this.store.remove(rec);
- }
- },
-
-
-
- onDblClick : function(e){
- var T = this.findItemFromChild(e.getTarget());
- if(T){
- if (this.fireEvent("dblclick", this, this.indexOf(T), T, e) === false) {
- return false;
- }
- if (this.dragGroup) {
- var targets = Roo.dd.DragDropMgr.getRelated(this.dragZone, true);
- while (targets.indexOf(this.dropZone) > -1) {
- targets.remove(this.dropZone);
- }
- if (targets.length == 1) {
- this.dragZone.cachedTarget = null;
- var el = Roo.get(targets[0].getEl());
- var box = el.getBox(true);
- targets[0].onNodeDrop(el.dom, {
- target: el.dom,
- xy: [box.x, box.y + box.height - 1]
- }, null, this.getDragData(e));
- }
- }
- }
- },
-
- handleSelection: function(e) {
- this.dragZone.cachedTarget = null;
- var U = this.findItemFromChild(e.getTarget());
- if (!U) {
- this.clearSelections(true);
- return;
- }
- if (U && (this.multiSelect || this.singleSelect)){
- if(this.multiSelect && e.shiftKey && (!e.ctrlKey) && this.lastSelection){
- this.select(this.getNodes(this.indexOf(this.lastSelection), U.nodeIndex), false);
- }else if (this.isSelected(this.getNode(U)) && e.ctrlKey){
- this.unselect(U);
- } else {
- this.select(U, this.multiSelect && e.ctrlKey);
- this.lastSelection = U;
- }
- }
- },
-
- onItemClick : function(V, W, e){
- if(this.fireEvent("beforeclick", this, W, V, e) === false){
- return false;
- }
- return true;
- },
-
- unselect : function(X, Y){
- var Z = this.getNode(X);
- if(Z && this.isSelected(Z)){
- if(this.fireEvent("beforeselect", this, Z, this.selections) !== false){
- Roo.fly(Z).removeClass(this.selectedClass);
- this.selections.remove(Z);
- if(!Y){
- this.fireEvent("selectionchange", this, this.selections);
- }
- }
- }
- }
-});
-
-
-
-
-
-
-Roo.LayoutManager = function(A, B){
- Roo.LayoutManager.superclass.constructor.call(this);
- this.el = Roo.get(A);
-
- if(this.el.dom == document.body && Roo.isIE && !B.allowScroll){
- document.body.scroll = "no";
- }else if(this.el.dom != document.body && this.el.getStyle('position') == 'static'){
- this.el.position('relative');
- }
-
- this.id = this.el.id;
- this.el.addClass("x-layout-container");
-
-
- this.monitorWindowResize = true;
- this.regions = {};
- this.addEvents({
-
-
- "layout" : true,
-
-
- "regionresized" : true,
-
-
- "regioncollapsed" : true,
-
-
- "regionexpanded" : true
- });
- this.updating = false;
- Roo.EventManager.onWindowResize(this.onWindowResize, this, true);
-};
-
-Roo.extend(Roo.LayoutManager, Roo.util.Observable, {
-
-
- isUpdating : function(){
- return this.updating;
- },
-
-
-
- beginUpdate : function(){
- this.updating = true;
- },
-
-
-
- endUpdate : function(C){
- this.updating = false;
- if(!C){
- this.layout();
- }
- },
-
- layout: function(){
-
- },
-
- onRegionResized : function(D, E){
- this.fireEvent("regionresized", D, E);
- this.layout();
- },
-
- onRegionCollapsed : function(F){
- this.fireEvent("regioncollapsed", F);
- },
-
- onRegionExpanded : function(G){
- this.fireEvent("regionexpanded", G);
- },
-
-
-
- getViewSize : function(){
- var H;
- if(this.el.dom != document.body){
- H = this.el.getSize();
- }else {
- H = {width: Roo.lib.Dom.getViewWidth(), height: Roo.lib.Dom.getViewHeight()};
- }
-
- H.width -= this.el.getBorderWidth("lr")-this.el.getPadding("lr");
- H.height -= this.el.getBorderWidth("tb")-this.el.getPadding("tb");
- return H;
- },
-
-
-
- getEl : function(){
- return this.el;
- },
-
-
-
- getRegion : function(I){
- return this.regions[I.toLowerCase()];
- },
-
- onWindowResize : function(){
- if(this.monitorWindowResize){
- this.layout();
- }
- }
-});
-
-
-
-
-Roo.BorderLayout = function(A, B){
- B = B || {};
- Roo.BorderLayout.superclass.constructor.call(this, A, B);
- this.factory = B.factory || Roo.BorderLayout.RegionFactory;
- for(var i = 0, len = this.factory.validRegions.length; i < len; i++) {
- var target = this.factory.validRegions[i];
- if(B[target]){
- this.addRegion(target, B[target]);
- }
- }
-};
-
-Roo.extend(Roo.BorderLayout, Roo.LayoutManager, {
-
-
- addRegion : function(C, D){
- if(!this.regions[C]){
- var r = this.factory.create(C, this, D);
- this.bindRegion(C, r);
- }
- return this.regions[C];
- },
-
-
- bindRegion : function(E, r){
- this.regions[E] = r;
- r.on("visibilitychange", this.layout, this);
- r.on("paneladded", this.layout, this);
- r.on("panelremoved", this.layout, this);
- r.on("invalidated", this.layout, this);
- r.on("resized", this.onRegionResized, this);
- r.on("collapsed", this.onRegionCollapsed, this);
- r.on("expanded", this.onRegionExpanded, this);
- },
-
-
-
- layout : function(){
- if(this.updating) return;
- var F = this.getViewSize();
- var w = F.width;
- var h = F.height;
- var G = w;
- var H = h;
- var I = 0;
- var J = 0;
-
-
- var rs = this.regions;
- var K = rs["north"];
- var L = rs["south"];
- var M = rs["west"];
- var N = rs["east"];
- var O = rs["center"];
-
-
-
- if(K && K.isVisible()){
- var b = K.getBox();
- var m = K.getMargins();
- b.width = w - (m.left+m.right);
- b.x = m.left;
- b.y = m.top;
- I = b.height + b.y + m.bottom;
- H -= I;
- K.updateBox(this.safeBox(b));
- }
- if(L && L.isVisible()){
- var b = L.getBox();
- var m = L.getMargins();
- b.width = w - (m.left+m.right);
- b.x = m.left;
- var totalHeight = (b.height + m.top + m.bottom);
- b.y = h - totalHeight + m.top;
- H -= totalHeight;
- L.updateBox(this.safeBox(b));
- }
- if(M && M.isVisible()){
- var b = M.getBox();
- var m = M.getMargins();
- b.height = H - (m.top+m.bottom);
- b.x = m.left;
- b.y = I + m.top;
- var totalWidth = (b.width + m.left + m.right);
- J += totalWidth;
- G -= totalWidth;
- M.updateBox(this.safeBox(b));
- }
- if(N && N.isVisible()){
- var b = N.getBox();
- var m = N.getMargins();
- b.height = H - (m.top+m.bottom);
- var totalWidth = (b.width + m.left + m.right);
- b.x = w - totalWidth + m.left;
- b.y = I + m.top;
- G -= totalWidth;
- N.updateBox(this.safeBox(b));
- }
- if(O){
- var m = O.getMargins();
- var centerBox = {
- x: J + m.left,
- y: I + m.top,
- width: G - (m.left+m.right),
- height: H - (m.top+m.bottom)
- };
-
-
-
- O.updateBox(this.safeBox(centerBox));
- }
-
- this.el.repaint();
- this.fireEvent("layout", this);
- },
-
-
- safeBox : function(P){
- P.width = Math.max(0, P.width);
- P.height = Math.max(0, P.height);
- return P;
- },
-
-
-
- add : function(Q, R){
-
- Q = Q.toLowerCase();
- return this.regions[Q].add(R);
- },
-
-
-
- remove : function(S, T){
- S = S.toLowerCase();
- return this.regions[S].remove(T);
- },
-
-
-
- findPanel : function(U){
- var rs = this.regions;
- for(var S in rs){
- if(typeof rs[S] != "function"){
- var p = rs[S].getPanel(U);
- if(p){
- return p;
- }
- }
- }
- return null;
- },
-
-
-
- showPanel : function(V) {
- var rs = this.regions;
- for(var S in rs){
- var r = rs[S];
- if(typeof r != "function"){
- if(r.hasPanel(V)){
- return r.showPanel(V);
- }
- }
- }
- return null;
- },
-
-
-
- restoreState : function(W){
- if(!W){
- W = Roo.state.Manager;
- }
- var sm = new Roo.LayoutStateManager();
- sm.init(this, W);
- },
-
-
-
- batchAdd : function(X){
- this.beginUpdate();
- for(var rname in X){
- var lr = this.regions[rname];
- if(lr){
- this.addTypedPanels(lr, X[rname]);
- }
- }
-
- this.endUpdate();
- },
-
-
- addTypedPanels : function(lr, ps){
- if(typeof ps == 'string'){
- lr.add(new Roo.ContentPanel(ps));
- }
- else if(ps instanceof Array){
- for(var i =0, len = ps.length; i < len; i++){
- this.addTypedPanels(lr, ps[i]);
- }
- }
- else if(!ps.events){
- var el = ps.el;
- delete ps.el;
- lr.add(new Roo.ContentPanel(el || Roo.id(), ps));
- }
- else {
- lr.add(ps);
- }
- },
-
-
- addxtype : function(Y)
- {
-
-
-
-
- if (!Y.xtype.match(/Panel$/)) {
- return false;
- }
- var Z = false;
- var a = Y.region;
- delete Y.region;
-
-
- var c = [];
- if (Y.items) {
- c = Y.items;
- delete Y.items;
- }
-
-
- switch(Y.xtype)
- {
- case 'ContentPanel':
- if(Y.autoCreate) {
- Z = new Roo[Y.xtype](Y);
- } else {
- var el = this.el.createChild();
- Z = new Roo[Y.xtype](el, Y);
- }
-
-
- this.add(a, Z);
- break;
-
-
- case 'TreePanel':
- Y.el = this.el.createChild();
- Z = new Roo[Y.xtype](Y);
- this.add(a, Z);
- break;
-
- case 'NestedLayoutPanel':
-
- var el = this.el.createChild();
- var clayout = Y.layout;
- delete Y.layout;
- clayout.items = clayout.items || [];
-
- c = clayout.items;
-
-
- if (a == 'center' && this.active && this.getRegion('center').panels.length < 1) {
- Y.background = false;
- }
- var layout = new Roo.BorderLayout(el, clayout);
-
- Z = new Roo[Y.xtype](layout, Y);
-
- this.add(a, Z);
-
- break;
-
- case 'GridPanel':
-
-
-
-
- var el = this.el.createChild();
-
-
- var grid = new Roo.grid[Y.grid.xtype](el, Y.grid);
- delete Y.grid;
- if (a == 'center' && this.active ) {
- Y.background = false;
- }
-
- Z = new Roo[Y.xtype](grid, Y);
-
- this.add(a, Z);
- if (Y.background) {
- Z.on('activate', function(gp) {
- if (!gp.grid.rendered) {
- gp.grid.render();
- }
- });
- } else {
- grid.render();
- }
- break;
-
-
-
-
- default:
- alert("Can not add '" + Y.xtype + "' to BorderLayout");
- return;
-
-
- }
-
- this.beginUpdate();
-
- Roo.each(c, function(i) {
- Z.addxtype(i);
- });
- this.endUpdate();
- return Z;
-
- }
-});
-
-
-
-Roo.BorderLayout.create = function(d, e){
- var f = new Roo.BorderLayout(e || document.body, d);
- f.beginUpdate();
- var g = Roo.BorderLayout.RegionFactory.validRegions;
- for(var j = 0, jlen = g.length; j < jlen; j++){
- var lr = g[j];
- if(f.regions[lr] && d[lr].panels){
- var r = f.regions[lr];
- var ps = d[lr].panels;
- f.addTypedPanels(r, ps);
- }
- }
-
- f.endUpdate();
- return f;
-};
-
-
-Roo.BorderLayout.RegionFactory = {
-
- validRegions : ["north","south","east","west","center"],
-
-
- create : function(k, l, n){
- k = k.toLowerCase();
- if(n.lightweight || n.basic){
- return new Roo.BasicLayoutRegion(l, n, k);
- }
- switch(k){
- case "north":
- return new Roo.NorthLayoutRegion(l, n);
- case "south":
- return new Roo.SouthLayoutRegion(l, n);
- case "east":
- return new Roo.EastLayoutRegion(l, n);
- case "west":
- return new Roo.WestLayoutRegion(l, n);
- case "center":
- return new Roo.CenterLayoutRegion(l, n);
- }
- throw 'Layout region "'+k+'" not supported.';
- }
-};
-
-
-
-
-
-Roo.BasicLayoutRegion = function(A, B, C, D){
- this.mgr = A;
- this.position = C;
- this.events = {
-
-
-
-
-
- "beforeremove" : true,
-
-
- "invalidated" : true,
-
-
- "visibilitychange" : true,
-
-
- "paneladded" : true,
-
-
- "panelremoved" : true,
-
-
- "collapsed" : true,
-
-
- "expanded" : true,
-
-
- "slideshow" : true,
-
-
- "slidehide" : true,
-
-
- "panelactivated" : true,
-
-
- "resized" : true
- };
-
-
- this.panels = new Roo.util.MixedCollection();
- this.panels.getKey = this.getPanelId.createDelegate(this);
- this.box = null;
- this.activePanel = null;
-
-
- if (B.listeners || B.events) {
- Roo.BasicLayoutRegion.superclass.constructor.call(this, {
- listeners : B.listeners || {},
- events : B.events || {}
- });
- }
-
- if(D !== true){
- this.applyConfig(B);
- }
-};
-
-Roo.extend(Roo.BasicLayoutRegion, Roo.util.Observable, {
- getPanelId : function(p){
- return p.getId();
- },
-
- applyConfig : function(E){
- this.margins = E.margins || this.margins || {top: 0, left: 0, right:0, bottom: 0};
- this.config = E;
-
- },
-
-
-
- resizeTo : function(F){
- var el = this.el ? this.el :
- (this.activePanel ? this.activePanel.getEl() : null);
- if(el){
- switch(this.position){
- case "east":
- case "west":
- el.setWidth(F);
- this.fireEvent("resized", this, F);
- break;
- case "north":
- case "south":
- el.setHeight(F);
- this.fireEvent("resized", this, F);
- break;
- }
- }
- },
-
- getBox : function(){
- return this.activePanel ? this.activePanel.getEl().getBox(false, true) : null;
- },
-
- getMargins : function(){
- return this.margins;
- },
-
- updateBox : function(G){
- this.box = G;
- var el = this.activePanel.getEl();
- el.dom.style.left = G.x + "px";
- el.dom.style.top = G.y + "px";
- this.activePanel.setSize(G.width, G.height);
- },
-
-
-
- getEl : function(){
- return this.activePanel;
- },
-
-
-
- isVisible : function(){
- return this.activePanel ? true : false;
- },
-
- setActivePanel : function(H){
- H = this.getPanel(H);
- if(this.activePanel && this.activePanel != H){
- this.activePanel.setActiveState(false);
- this.activePanel.getEl().setLeftTop(-10000,-10000);
- }
-
- this.activePanel = H;
- H.setActiveState(true);
- if(this.box){
- H.setSize(this.box.width, this.box.height);
- }
-
- this.fireEvent("panelactivated", this, H);
- this.fireEvent("invalidated");
- },
-
-
-
- showPanel : function(I){
- if(I = this.getPanel(I)){
- this.setActivePanel(I);
- }
- return I;
- },
-
-
-
- getActivePanel : function(){
- return this.activePanel;
- },
-
-
-
- add : function(J){
- if(arguments.length > 1){
- for(var i = 0, len = arguments.length; i < len; i++) {
- this.add(arguments[i]);
- }
- return null;
- }
- if(this.hasPanel(J)){
- this.showPanel(J);
- return J;
- }
- var el = J.getEl();
- if(el.dom.parentNode != this.mgr.el.dom){
- this.mgr.el.dom.appendChild(el.dom);
- }
- if(J.setRegion){
- J.setRegion(this);
- }
-
- this.panels.add(J);
- el.setStyle("position", "absolute");
- if(!J.background){
- this.setActivePanel(J);
- if(this.config.initialSize && this.panels.getCount()==1){
- this.resizeTo(this.config.initialSize);
- }
- }
-
- this.fireEvent("paneladded", this, J);
- return J;
- },
-
-
-
- hasPanel : function(K){
- if(typeof K == "object"){
- K = K.getId();
- }
- return this.getPanel(K) ? true : false;
- },
-
-
-
- remove : function(L, M){
- L = this.getPanel(L);
- if(!L){
- return null;
- }
- var e = {};
- this.fireEvent("beforeremove", this, L, e);
- if(e.cancel === true){
- return null;
- }
- var N = L.getId();
- this.panels.removeKey(N);
- return L;
- },
-
-
-
- getPanel : function(id){
- if(typeof id == "object"){
- return id;
- }
- return this.panels.get(id);
- },
-
-
-
- getPosition: function(){
- return this.position;
- }
-});
-
-
-
-
-
-Roo.LayoutRegion = function(A, B, C){
- Roo.LayoutRegion.superclass.constructor.call(this, A, B, C, true);
- var dh = Roo.DomHelper;
-
-
- this.el = dh.append(A.el.dom, {tag: "div", cls: "x-layout-panel x-layout-panel-" + this.position}, true);
-
-
-
- this.titleEl = dh.append(this.el.dom, {tag: "div", unselectable: "on", cls: "x-unselectable x-layout-panel-hd x-layout-title-"+this.position, children:[
- {tag: "span", cls: "x-unselectable x-layout-panel-hd-text", unselectable: "on", html: " "},
- {tag: "div", cls: "x-unselectable x-layout-panel-hd-tools", unselectable: "on"}
- ]}, true);
- this.titleEl.enableDisplayMode();
-
-
- this.titleTextEl = this.titleEl.dom.firstChild;
- this.tools = Roo.get(this.titleEl.dom.childNodes[1], true);
- this.closeBtn = this.createTool(this.tools.dom, "x-layout-close");
- this.closeBtn.enableDisplayMode();
- this.closeBtn.on("click", this.closeClicked, this);
- this.closeBtn.hide();
-
- this.createBody(B);
- this.visible = true;
- this.collapsed = false;
-
- if(B.hideWhenEmpty){
- this.hide();
- this.on("paneladded", this.validateVisibility, this);
- this.on("panelremoved", this.validateVisibility, this);
- }
-
- this.applyConfig(B);
-};
-
-Roo.extend(Roo.LayoutRegion, Roo.BasicLayoutRegion, {
-
- createBody : function(){
-
-
- this.bodyEl = this.el.createChild({tag: "div", cls: "x-layout-panel-body"});
- },
-
- applyConfig : function(c){
- if(c.collapsible && this.position != "center" && !this.collapsedEl){
- var dh = Roo.DomHelper;
- if(c.titlebar !== false){
- this.collapseBtn = this.createTool(this.tools.dom, "x-layout-collapse-"+this.position);
- this.collapseBtn.on("click", this.collapse, this);
- this.collapseBtn.enableDisplayMode();
-
- if(c.showPin === true || this.showPin){
- this.stickBtn = this.createTool(this.tools.dom, "x-layout-stick");
- this.stickBtn.enableDisplayMode();
- this.stickBtn.on("click", this.expand, this);
- this.stickBtn.hide();
- }
- }
-
-
-
- this.collapsedEl = dh.append(this.mgr.el.dom, {cls: "x-layout-collapsed x-layout-collapsed-"+this.position, children:[
- {cls: "x-layout-collapsed-tools", children:[{cls: "x-layout-ctools-inner"}]}
- ]}, true);
- if(c.floatable !== false){
- this.collapsedEl.addClassOnOver("x-layout-collapsed-over");
- this.collapsedEl.on("click", this.collapseClick, this);
- }
-
- if(c.collapsedTitle && (this.position == "north" || this.position== "south")) {
- this.collapsedTitleTextEl = dh.append(this.collapsedEl.dom, {tag: "div", cls: "x-unselectable x-layout-panel-hd-text",
- id: "message", unselectable: "on", style:{"float":"left"}});
- this.collapsedTitleTextEl.innerHTML = c.collapsedTitle;
- }
-
- this.expandBtn = this.createTool(this.collapsedEl.dom.firstChild.firstChild, "x-layout-expand-"+this.position);
- this.expandBtn.on("click", this.expand, this);
- }
- if(this.collapseBtn){
- this.collapseBtn.setVisible(c.collapsible == true);
- }
-
- this.cmargins = c.cmargins || this.cmargins ||
- (this.position == "west" || this.position == "east" ?
- {top: 0, left: 2, right:2, bottom: 0} :
- {top: 2, left: 0, right:0, bottom: 2});
- this.margins = c.margins || this.margins || {top: 0, left: 0, right:0, bottom: 0};
- this.bottomTabs = c.tabPosition != "top";
- this.autoScroll = c.autoScroll || false;
- if(this.autoScroll){
- this.bodyEl.setStyle("overflow", "auto");
- }else {
- this.bodyEl.setStyle("overflow", "hidden");
- }
-
- if((!c.titlebar && !c.title) || c.titlebar === false){
- this.titleEl.hide();
- }else {
- this.titleEl.show();
- if(c.title){
- this.titleTextEl.innerHTML = c.title;
- }
- }
-
-
- this.duration = c.duration || .30;
- this.slideDuration = c.slideDuration || .45;
- this.config = c;
- if(c.collapsed){
- this.collapse(true);
- }
- if(c.hidden){
- this.hide();
- }
- },
-
-
- isVisible : function(){
- return this.visible;
- },
-
-
-
- setCollapsedTitle : function(D){
- D = D || " ";
- if(this.collapsedTitleTextEl){
- this.collapsedTitleTextEl.innerHTML = D;
- }
- },
-
- getBox : function(){
- var b;
- if(!this.collapsed){
- b = this.el.getBox(false, true);
- }else {
- b = this.collapsedEl.getBox(false, true);
- }
- return b;
- },
-
- getMargins : function(){
- return this.collapsed ? this.cmargins : this.margins;
- },
-
- highlight : function(){
- this.el.addClass("x-layout-panel-dragover");
- },
-
- unhighlight : function(){
- this.el.removeClass("x-layout-panel-dragover");
- },
-
- updateBox : function(E){
- this.box = E;
- if(!this.collapsed){
- this.el.dom.style.left = E.x + "px";
- this.el.dom.style.top = E.y + "px";
- this.updateBody(E.width, E.height);
- }else {
- this.collapsedEl.dom.style.left = E.x + "px";
- this.collapsedEl.dom.style.top = E.y + "px";
- this.collapsedEl.setSize(E.width, E.height);
- }
- if(this.tabs){
- this.tabs.autoSizeTabs();
- }
- },
-
- updateBody : function(w, h){
- if(w !== null){
- this.el.setWidth(w);
- w -= this.el.getBorderWidth("rl");
- if(this.config.adjustments){
- w += this.config.adjustments[0];
- }
- }
- if(h !== null){
- this.el.setHeight(h);
- h = this.titleEl && this.titleEl.isDisplayed() ? h - (this.titleEl.getHeight()||0) : h;
- h -= this.el.getBorderWidth("tb");
- if(this.config.adjustments){
- h += this.config.adjustments[1];
- }
-
- this.bodyEl.setHeight(h);
- if(this.tabs){
- h = this.tabs.syncHeight(h);
- }
- }
- if(this.panelSize){
- w = w !== null ? w : this.panelSize.width;
- h = h !== null ? h : this.panelSize.height;
- }
- if(this.activePanel){
- var el = this.activePanel.getEl();
- w = w !== null ? w : el.getWidth();
- h = h !== null ? h : el.getHeight();
- this.panelSize = {width: w, height: h};
- this.activePanel.setSize(w, h);
- }
- if(Roo.isIE && this.tabs){
- this.tabs.el.repaint();
- }
- },
-
-
-
- getEl : function(){
- return this.el;
- },
-
-
-
- hide : function(){
- if(!this.collapsed){
- this.el.dom.style.left = "-2000px";
- this.el.hide();
- }else {
- this.collapsedEl.dom.style.left = "-2000px";
- this.collapsedEl.hide();
- }
-
- this.visible = false;
- this.fireEvent("visibilitychange", this, false);
- },
-
-
-
- show : function(){
- if(!this.collapsed){
- this.el.show();
- }else {
- this.collapsedEl.show();
- }
-
- this.visible = true;
- this.fireEvent("visibilitychange", this, true);
- },
-
- closeClicked : function(){
- if(this.activePanel){
- this.remove(this.activePanel);
- }
- },
-
- collapseClick : function(e){
- if(this.isSlid){
- e.stopPropagation();
- this.slideIn();
- }else {
- e.stopPropagation();
- this.slideOut();
- }
- },
-
-
-
- collapse : function(F){
- if(this.collapsed) return;
- this.collapsed = true;
- if(this.split){
- this.split.el.hide();
- }
- if(this.config.animate && F !== true){
- this.fireEvent("invalidated", this);
- this.animateCollapse();
- }else {
- this.el.setLocation(-20000,-20000);
- this.el.hide();
- this.collapsedEl.show();
- this.fireEvent("collapsed", this);
- this.fireEvent("invalidated", this);
- }
- },
-
- animateCollapse : function(){
-
- },
-
-
-
- expand : function(e, G){
- if(e) e.stopPropagation();
- if(!this.collapsed || this.el.hasActiveFx()) return;
- if(this.isSlid){
- this.afterSlideIn();
- G = true;
- }
-
- this.collapsed = false;
- if(this.config.animate && G !== true){
- this.animateExpand();
- }else {
- this.el.show();
- if(this.split){
- this.split.el.show();
- }
-
- this.collapsedEl.setLocation(-2000,-2000);
- this.collapsedEl.hide();
- this.fireEvent("invalidated", this);
- this.fireEvent("expanded", this);
- }
- },
-
- animateExpand : function(){
-
- },
-
- initTabs : function(){
- this.bodyEl.setStyle("overflow", "hidden");
- var ts = new Roo.TabPanel(this.bodyEl.dom, {
- tabPosition: this.bottomTabs ? 'bottom' : 'top',
- disableTooltips: this.config.disableTabTips
- });
- if(this.config.hideTabs){
- ts.stripWrap.setDisplayed(false);
- }
-
- this.tabs = ts;
- ts.resizeTabs = this.config.resizeTabs === true;
- ts.minTabWidth = this.config.minTabWidth || 40;
- ts.maxTabWidth = this.config.maxTabWidth || 250;
- ts.preferredTabWidth = this.config.preferredTabWidth || 150;
- ts.monitorResize = false;
- ts.bodyEl.setStyle("overflow", this.config.autoScroll ? "auto" : "hidden");
- ts.bodyEl.addClass('x-layout-tabs-body');
- this.panels.each(this.initPanelAsTab, this);
- },
-
- initPanelAsTab : function(H){
- var ti = this.tabs.addTab(H.getEl().id, H.getTitle(), null,
- this.config.closeOnTab && H.isClosable());
- if(H.tabTip !== undefined){
- ti.setTooltip(H.tabTip);
- }
-
- ti.on("activate", function(){
- this.setActivePanel(H);
- }, this);
- if(this.config.closeOnTab){
- ti.on("beforeclose", function(t, e){
- e.cancel = true;
- this.remove(H);
- }, this);
- }
- return ti;
- },
-
- updatePanelTitle : function(I, J){
- if(this.activePanel == I){
- this.updateTitle(J);
- }
- if(this.tabs){
- var ti = this.tabs.getTab(I.getEl().id);
- ti.setText(J);
- if(I.tabTip !== undefined){
- ti.setTooltip(I.tabTip);
- }
- }
- },
-
- updateTitle : function(K){
- if(this.titleTextEl && !this.config.title){
- this.titleTextEl.innerHTML = (typeof K != "undefined" && K.length > 0 ? K : " ");
- }
- },
-
- setActivePanel : function(L){
- L = this.getPanel(L);
- if(this.activePanel && this.activePanel != L){
- this.activePanel.setActiveState(false);
- }
-
- this.activePanel = L;
- L.setActiveState(true);
- if(this.panelSize){
- L.setSize(this.panelSize.width, this.panelSize.height);
- }
- if(this.closeBtn){
- this.closeBtn.setVisible(!this.config.closeOnTab && !this.isSlid && L.isClosable());
- }
-
- this.updateTitle(L.getTitle());
- if(this.tabs){
- this.fireEvent("invalidated", this);
- }
-
- this.fireEvent("panelactivated", this, L);
- },
-
-
-
- showPanel : function(M){
- if(M = this.getPanel(M)){
- if(this.tabs){
- var tab = this.tabs.getTab(M.getEl().id);
- if(tab.isHidden()){
- this.tabs.unhideTab(tab.id);
- }
-
- tab.activate();
- }else {
- this.setActivePanel(M);
- }
- }
- return M;
- },
-
-
-
- getActivePanel : function(){
- return this.activePanel;
- },
-
- validateVisibility : function(){
- if(this.panels.getCount() < 1){
- this.updateTitle(" ");
- this.closeBtn.hide();
- this.hide();
- }else {
- if(!this.isVisible()){
- this.show();
- }
- }
- },
-
-
-
- add : function(N){
- if(arguments.length > 1){
- for(var i = 0, len = arguments.length; i < len; i++) {
- this.add(arguments[i]);
- }
- return null;
- }
- if(this.hasPanel(N)){
- this.showPanel(N);
- return N;
- }
-
- N.setRegion(this);
- this.panels.add(N);
- if(this.panels.getCount() == 1 && !this.config.alwaysShowTabs){
- this.bodyEl.dom.appendChild(N.getEl().dom);
- if(N.background !== true){
- this.setActivePanel(N);
- }
-
- this.fireEvent("paneladded", this, N);
- return N;
- }
- if(!this.tabs){
- this.initTabs();
- }else {
- this.initPanelAsTab(N);
- }
- if(N.background !== true){
- this.tabs.activate(N.getEl().id);
- }
-
- this.fireEvent("paneladded", this, N);
- return N;
- },
-
-
-
- hidePanel : function(O){
- if(this.tabs && (O = this.getPanel(O))){
- this.tabs.hideTab(O.getEl().id);
- }
- },
-
-
-
- unhidePanel : function(P){
- if(this.tabs && (P = this.getPanel(P))){
- this.tabs.unhideTab(P.getEl().id);
- }
- },
-
- clearPanels : function(){
- while(this.panels.getCount() > 0){
- this.remove(this.panels.first());
- }
- },
-
-
-
- remove : function(Q, R){
- Q = this.getPanel(Q);
- if(!Q){
- return null;
- }
- var e = {};
- this.fireEvent("beforeremove", this, Q, e);
- if(e.cancel === true){
- return null;
- }
-
- R = (typeof R != "undefined" ? R : (this.config.preservePanels === true || Q.preserve === true));
- var S = Q.getId();
- this.panels.removeKey(S);
- if(R){
- document.body.appendChild(Q.getEl().dom);
- }
- if(this.tabs){
- this.tabs.removeTab(Q.getEl().id);
- }else if (!R){
- this.bodyEl.dom.removeChild(Q.getEl().dom);
- }
- if(this.panels.getCount() == 1 && this.tabs && !this.config.alwaysShowTabs){
- var p = this.panels.first();
- var tempEl = document.createElement("div");
- tempEl.appendChild(p.getEl().dom);
- this.bodyEl.update("");
- this.bodyEl.dom.appendChild(p.getEl().dom);
- tempEl = null;
- this.updateTitle(p.getTitle());
- this.tabs = null;
- this.bodyEl.setStyle("overflow", this.config.autoScroll ? "auto" : "hidden");
- this.setActivePanel(p);
- }
-
- Q.setRegion(null);
- if(this.activePanel == Q){
- this.activePanel = null;
- }
- if(this.config.autoDestroy !== false && R !== true){
- try{Q.destroy();}catch(e){}
- }
-
- this.fireEvent("panelremoved", this, Q);
- return Q;
- },
-
-
-
- getTabs : function(){
- return this.tabs;
- },
-
- createTool : function(T, U){
- var V = Roo.DomHelper.append(T, {tag: "div", cls: "x-layout-tools-button",
- children: [{tag: "div", cls: "x-layout-tools-button-inner " + U, html: " "}]}, true);
- V.addClassOnOver("x-layout-tools-button-over");
- return V;
- }
-});
-
-
-
-
-
-
-
-Roo.SplitLayoutRegion = function(A, B, C, D){
- this.cursor = D;
- Roo.SplitLayoutRegion.superclass.constructor.call(this, A, B, C);
-};
-
-Roo.extend(Roo.SplitLayoutRegion, Roo.LayoutRegion, {
- splitTip : "Drag to resize.",
- collapsibleSplitTip : "Drag to resize. Double click to hide.",
- useSplitTips : false,
-
- applyConfig : function(E){
- Roo.SplitLayoutRegion.superclass.applyConfig.call(this, E);
- if(E.split){
- if(!this.split){
- var splitEl = Roo.DomHelper.append(this.mgr.el.dom,
- {tag: "div", id: this.el.id + "-split", cls: "x-layout-split x-layout-split-"+this.position, html: " "});
-
-
- this.split = new Roo.SplitBar(splitEl, this.el, this.orientation);
- this.split.on("moved", this.onSplitMove, this);
- this.split.useShim = E.useShim === true;
- this.split.getMaximumSize = this[this.position == 'north' || this.position == 'south' ? 'getVMaxSize' : 'getHMaxSize'].createDelegate(this);
- if(this.useSplitTips){
- this.split.el.dom.title = E.collapsible ? this.collapsibleSplitTip : this.splitTip;
- }
- if(E.collapsible){
- this.split.el.on("dblclick", this.collapse, this);
- }
- }
- if(typeof E.minSize != "undefined"){
- this.split.minSize = E.minSize;
- }
- if(typeof E.maxSize != "undefined"){
- this.split.maxSize = E.maxSize;
- }
- if(E.hideWhenEmpty || E.hidden || E.collapsed){
- this.hideSplitter();
- }
- }
- },
-
- getHMaxSize : function(){
- var F = this.config.maxSize || 10000;
- var G = this.mgr.getRegion("center");
- return Math.min(F, (this.el.getWidth()+G.getEl().getWidth())-G.getMinWidth());
- },
-
- getVMaxSize : function(){
- var H = this.config.maxSize || 10000;
- var I = this.mgr.getRegion("center");
- return Math.min(H, (this.el.getHeight()+I.getEl().getHeight())-I.getMinHeight());
- },
-
- onSplitMove : function(J, K){
- this.fireEvent("resized", this, K);
- },
-
-
-
- getSplitBar : function(){
- return this.split;
- },
-
- hide : function(){
- this.hideSplitter();
- Roo.SplitLayoutRegion.superclass.hide.call(this);
- },
-
- hideSplitter : function(){
- if(this.split){
- this.split.el.setLocation(-2000,-2000);
- this.split.el.hide();
- }
- },
-
- show : function(){
- if(this.split){
- this.split.el.show();
- }
-
- Roo.SplitLayoutRegion.superclass.show.call(this);
- },
-
- beforeSlide: function(){
- if(Roo.isGecko){
- this.bodyEl.clip();
- if(this.tabs) this.tabs.bodyEl.clip();
- if(this.activePanel){
- this.activePanel.getEl().clip();
-
- if(this.activePanel.beforeSlide){
- this.activePanel.beforeSlide();
- }
- }
- }
- },
-
- afterSlide : function(){
- if(Roo.isGecko){
- this.bodyEl.unclip();
- if(this.tabs) this.tabs.bodyEl.unclip();
- if(this.activePanel){
- this.activePanel.getEl().unclip();
- if(this.activePanel.afterSlide){
- this.activePanel.afterSlide();
- }
- }
- }
- },
-
- initAutoHide : function(){
- if(this.autoHide !== false){
- if(!this.autoHideHd){
- var st = new Roo.util.DelayedTask(this.slideIn, this);
- this.autoHideHd = {
- "mouseout": function(e){
- if(!e.within(this.el, true)){
- st.delay(500);
- }
- },
- "mouseover" : function(e){
- st.cancel();
- },
- scope : this
- };
- }
-
- this.el.on(this.autoHideHd);
- }
- },
-
- clearAutoHide : function(){
- if(this.autoHide !== false){
- this.el.un("mouseout", this.autoHideHd.mouseout);
- this.el.un("mouseover", this.autoHideHd.mouseover);
- }
- },
-
- clearMonitor : function(){
- Roo.get(document).un("click", this.slideInIf, this);
- },
-
-
- slideOut : function(){
- if(this.isSlid || this.el.hasActiveFx()){
- return;
- }
-
- this.isSlid = true;
- if(this.collapseBtn){
- this.collapseBtn.hide();
- }
-
- this.closeBtnState = this.closeBtn.getStyle('display');
- this.closeBtn.hide();
- if(this.stickBtn){
- this.stickBtn.show();
- }
-
- this.el.show();
- this.el.alignTo(this.collapsedEl, this.getCollapseAnchor());
- this.beforeSlide();
- this.el.setStyle("z-index", 10001);
- this.el.slideIn(this.getSlideAnchor(), {
- callback: function(){
- this.afterSlide();
- this.initAutoHide();
- Roo.get(document).on("click", this.slideInIf, this);
- this.fireEvent("slideshow", this);
- },
- scope: this,
- block: true
- });
- },
-
- afterSlideIn : function(){
- this.clearAutoHide();
- this.isSlid = false;
- this.clearMonitor();
- this.el.setStyle("z-index", "");
- if(this.collapseBtn){
- this.collapseBtn.show();
- }
-
- this.closeBtn.setStyle('display', this.closeBtnState);
- if(this.stickBtn){
- this.stickBtn.hide();
- }
-
- this.fireEvent("slidehide", this);
- },
-
- slideIn : function(cb){
- if(!this.isSlid || this.el.hasActiveFx()){
- Roo.callback(cb);
- return;
- }
-
- this.isSlid = false;
- this.beforeSlide();
- this.el.slideOut(this.getSlideAnchor(), {
- callback: function(){
- this.el.setLeftTop(-10000, -10000);
- this.afterSlide();
- this.afterSlideIn();
- Roo.callback(cb);
- },
- scope: this,
- block: true
- });
- },
-
- slideInIf : function(e){
- if(!e.within(this.el)){
- this.slideIn();
- }
- },
-
- animateCollapse : function(){
- this.beforeSlide();
- this.el.setStyle("z-index", 20000);
- var L = this.getSlideAnchor();
- this.el.slideOut(L, {
- callback : function(){
- this.el.setStyle("z-index", "");
- this.collapsedEl.slideIn(L, {duration:.3});
- this.afterSlide();
- this.el.setLocation(-10000,-10000);
- this.el.hide();
- this.fireEvent("collapsed", this);
- },
- scope: this,
- block: true
- });
- },
-
- animateExpand : function(){
- this.beforeSlide();
- this.el.alignTo(this.collapsedEl, this.getCollapseAnchor(), this.getExpandAdj());
- this.el.setStyle("z-index", 20000);
- this.collapsedEl.hide({
- duration:.1
- });
- this.el.slideIn(this.getSlideAnchor(), {
- callback : function(){
- this.el.setStyle("z-index", "");
- this.afterSlide();
- if(this.split){
- this.split.el.show();
- }
-
- this.fireEvent("invalidated", this);
- this.fireEvent("expanded", this);
- },
- scope: this,
- block: true
- });
- },
-
- anchors : {
- "west" : "left",
- "east" : "right",
- "north" : "top",
- "south" : "bottom"
- },
-
- sanchors : {
- "west" : "l",
- "east" : "r",
- "north" : "t",
- "south" : "b"
- },
-
- canchors : {
- "west" : "tl-tr",
- "east" : "tr-tl",
- "north" : "tl-bl",
- "south" : "bl-tl"
- },
-
- getAnchor : function(){
- return this.anchors[this.position];
- },
-
- getCollapseAnchor : function(){
- return this.canchors[this.position];
- },
-
- getSlideAnchor : function(){
- return this.sanchors[this.position];
- },
-
- getAlignAdj : function(){
- var cm = this.cmargins;
- switch(this.position){
- case "west":
- return [0, 0];
- break;
- case "east":
- return [0, 0];
- break;
- case "north":
- return [0, 0];
- break;
- case "south":
- return [0, 0];
- break;
- }
- },
-
- getExpandAdj : function(){
- var c = this.collapsedEl, cm = this.cmargins;
- switch(this.position){
- case "west":
- return [-(cm.right+c.getWidth()+cm.left), 0];
- break;
- case "east":
- return [cm.right+c.getWidth()+cm.left, 0];
- break;
- case "north":
- return [0, -(cm.top+cm.bottom+c.getHeight())];
- break;
- case "south":
- return [0, cm.top+cm.bottom+c.getHeight()];
- break;
- }
- }
-});
-
-
-
-
-Roo.CenterLayoutRegion = function(A, B){
- Roo.LayoutRegion.call(this, A, B, "center");
- this.visible = true;
- this.minWidth = B.minWidth || 20;
- this.minHeight = B.minHeight || 20;
-};
-
-Roo.extend(Roo.CenterLayoutRegion, Roo.LayoutRegion, {
- hide : function(){
-
- },
-
- show : function(){
-
- },
-
- getMinWidth: function(){
- return this.minWidth;
- },
-
- getMinHeight: function(){
- return this.minHeight;
- }
-});
-
-
-Roo.NorthLayoutRegion = function(C, D){
- Roo.LayoutRegion.call(this, C, D, "north", "n-resize");
- if(this.split){
- this.split.placement = Roo.SplitBar.TOP;
- this.split.orientation = Roo.SplitBar.VERTICAL;
- this.split.el.addClass("x-layout-split-v");
- }
- var E = D.initialSize || D.height;
- if(typeof E != "undefined"){
- this.el.setHeight(E);
- }
-};
-Roo.extend(Roo.NorthLayoutRegion, Roo.SplitLayoutRegion, {
- orientation: Roo.SplitBar.VERTICAL,
- getBox : function(){
- if(this.collapsed){
- return this.collapsedEl.getBox();
- }
- var F = this.el.getBox();
- if(this.split){
- F.height += this.split.el.getHeight();
- }
- return F;
- },
-
- updateBox : function(G){
- if(this.split && !this.collapsed){
- G.height -= this.split.el.getHeight();
- this.split.el.setLeft(G.x);
- this.split.el.setTop(G.y+G.height);
- this.split.el.setWidth(G.width);
- }
- if(this.collapsed){
- this.updateBody(G.width, null);
- }
-
- Roo.LayoutRegion.prototype.updateBox.call(this, G);
- }
-});
-
-Roo.SouthLayoutRegion = function(H, I){
- Roo.SplitLayoutRegion.call(this, H, I, "south", "s-resize");
- if(this.split){
- this.split.placement = Roo.SplitBar.BOTTOM;
- this.split.orientation = Roo.SplitBar.VERTICAL;
- this.split.el.addClass("x-layout-split-v");
- }
- var J = I.initialSize || I.height;
- if(typeof J != "undefined"){
- this.el.setHeight(J);
- }
-};
-Roo.extend(Roo.SouthLayoutRegion, Roo.SplitLayoutRegion, {
- orientation: Roo.SplitBar.VERTICAL,
- getBox : function(){
- if(this.collapsed){
- return this.collapsedEl.getBox();
- }
- var K = this.el.getBox();
- if(this.split){
- var sh = this.split.el.getHeight();
- K.height += sh;
- K.y -= sh;
- }
- return K;
- },
-
- updateBox : function(L){
- if(this.split && !this.collapsed){
- var sh = this.split.el.getHeight();
- L.height -= sh;
- L.y += sh;
- this.split.el.setLeft(L.x);
- this.split.el.setTop(L.y-sh);
- this.split.el.setWidth(L.width);
- }
- if(this.collapsed){
- this.updateBody(L.width, null);
- }
-
- Roo.LayoutRegion.prototype.updateBox.call(this, L);
- }
-});
-
-Roo.EastLayoutRegion = function(M, N){
- Roo.SplitLayoutRegion.call(this, M, N, "east", "e-resize");
- if(this.split){
- this.split.placement = Roo.SplitBar.RIGHT;
- this.split.orientation = Roo.SplitBar.HORIZONTAL;
- this.split.el.addClass("x-layout-split-h");
- }
- var O = N.initialSize || N.width;
- if(typeof O != "undefined"){
- this.el.setWidth(O);
- }
-};
-Roo.extend(Roo.EastLayoutRegion, Roo.SplitLayoutRegion, {
- orientation: Roo.SplitBar.HORIZONTAL,
- getBox : function(){
- if(this.collapsed){
- return this.collapsedEl.getBox();
- }
- var P = this.el.getBox();
- if(this.split){
- var sw = this.split.el.getWidth();
- P.width += sw;
- P.x -= sw;
- }
- return P;
- },
-
- updateBox : function(Q){
- if(this.split && !this.collapsed){
- var sw = this.split.el.getWidth();
- Q.width -= sw;
- this.split.el.setLeft(Q.x);
- this.split.el.setTop(Q.y);
- this.split.el.setHeight(Q.height);
- Q.x += sw;
- }
- if(this.collapsed){
- this.updateBody(null, Q.height);
- }
-
- Roo.LayoutRegion.prototype.updateBox.call(this, Q);
- }
-});
-
-Roo.WestLayoutRegion = function(R, S){
- Roo.SplitLayoutRegion.call(this, R, S, "west", "w-resize");
- if(this.split){
- this.split.placement = Roo.SplitBar.LEFT;
- this.split.orientation = Roo.SplitBar.HORIZONTAL;
- this.split.el.addClass("x-layout-split-h");
- }
- var T = S.initialSize || S.width;
- if(typeof T != "undefined"){
- this.el.setWidth(T);
- }
-};
-Roo.extend(Roo.WestLayoutRegion, Roo.SplitLayoutRegion, {
- orientation: Roo.SplitBar.HORIZONTAL,
- getBox : function(){
- if(this.collapsed){
- return this.collapsedEl.getBox();
- }
- var U = this.el.getBox();
- if(this.split){
- U.width += this.split.el.getWidth();
- }
- return U;
- },
-
- updateBox : function(V){
- if(this.split && !this.collapsed){
- var sw = this.split.el.getWidth();
- V.width -= sw;
- this.split.el.setLeft(V.x+V.width);
- this.split.el.setTop(V.y);
- this.split.el.setHeight(V.height);
- }
- if(this.collapsed){
- this.updateBody(null, V.height);
- }
-
- Roo.LayoutRegion.prototype.updateBox.call(this, V);
- }
-});
-
-
-
-
-
-
-
-Roo.LayoutStateManager = function(A){
-
- this.state = {
- north: {},
- south: {},
- east: {},
- west: {}
- };
-};
-
-Roo.LayoutStateManager.prototype = {
- init : function(B, C){
- this.provider = C;
- var D = C.get(B.id+"-layout-state");
- if(D){
- var wasUpdating = B.isUpdating();
- if(!wasUpdating){
- B.beginUpdate();
- }
- for(var key in D){
- if(typeof D[key] != "function"){
- var rstate = D[key];
- var r = B.getRegion(key);
- if(r && rstate){
- if(rstate.size){
- r.resizeTo(rstate.size);
- }
- if(rstate.collapsed == true){
- r.collapse(true);
- }else {
- r.expand(null, true);
- }
- }
- }
- }
- if(!wasUpdating){
- B.endUpdate();
- }
-
- this.state = D;
- }
-
- this.layout = B;
- B.on("regionresized", this.onRegionResized, this);
- B.on("regioncollapsed", this.onRegionCollapsed, this);
- B.on("regionexpanded", this.onRegionExpanded, this);
- },
-
- storeState : function(){
- this.provider.set(this.layout.id+"-layout-state", this.state);
- },
-
- onRegionResized : function(E, F){
- this.state[E.getPosition()].size = F;
- this.storeState();
- },
-
- onRegionCollapsed : function(G){
- this.state[G.getPosition()].collapsed = true;
- this.storeState();
- },
-
- onRegionExpanded : function(H){
- this.state[H.getPosition()].collapsed = false;
- this.storeState();
- }
-};
-
-
-
-
-Roo.ContentPanel = function(el, A, B){
-
-
-
-
- if(el.autoCreate){
- A = el;
- el = Roo.id();
- }
-
- this.el = Roo.get(el);
- if(!this.el && A && A.autoCreate){
- if(typeof A.autoCreate == "object"){
- if(!A.autoCreate.id){
- A.autoCreate.id = A.id||el;
- }
-
- this.el = Roo.DomHelper.append(document.body,
- A.autoCreate, true);
- }else {
- this.el = Roo.DomHelper.append(document.body,
- {tag: "div", cls: "x-layout-inactive-content", id: A.id||el}, true);
- }
- }
-
- this.closable = false;
- this.loaded = false;
- this.active = false;
- if(typeof A == "string"){
- this.title = A;
- }else {
- Roo.apply(this, A);
- }
-
- if (this.toolbar && !this.toolbar.el && this.toolbar.xtype) {
- this.wrapEl = this.el.wrap();
- this.toolbar = new Roo.Toolbar(this.el.insertSibling(false, 'before'), [] , this.toolbar);
-
- }
-
-
-
- if(this.resizeEl){
- this.resizeEl = Roo.get(this.resizeEl, true);
- }else {
- this.resizeEl = this.el;
- }
-
- this.addEvents({
-
-
- "activate" : true,
-
-
- "deactivate" : true,
-
-
-
- "resize" : true
- });
- if(this.autoScroll){
- this.resizeEl.setStyle("overflow", "auto");
- }
-
- B = B || this.content;
- if(B){
- this.setContent(B);
- }
- if(A && A.url){
- this.setUrl(this.url, this.params, this.loadOnce);
- }
-
-
-
-
- Roo.ContentPanel.superclass.constructor.call(this);
-};
-
-Roo.extend(Roo.ContentPanel, Roo.util.Observable, {
- tabTip:'',
- setRegion : function(C){
- this.region = C;
- if(C){
- this.el.replaceClass("x-layout-inactive-content", "x-layout-active-content");
- }else {
- this.el.replaceClass("x-layout-active-content", "x-layout-inactive-content");
- }
- },
-
-
-
- getToolbar : function(){
- return this.toolbar;
- },
-
- setActiveState : function(D){
- this.active = D;
- if(!D){
- this.fireEvent("deactivate", this);
- }else {
- this.fireEvent("activate", this);
- }
- },
-
-
- setContent : function(E, F){
- this.el.update(E, F);
- },
-
- ignoreResize : function(w, h){
- if(this.lastSize && this.lastSize.width == w && this.lastSize.height == h){
- return true;
- }else {
- this.lastSize = {width: w, height: h};
- return false;
- }
- },
-
-
- getUpdateManager : function(){
- return this.el.getUpdateManager();
- },
-
-
- load : function(){
- var um = this.el.getUpdateManager();
- um.update.apply(um, arguments);
- return this;
- },
-
-
-
-
- setUrl : function(G, H, I){
- if(this.refreshDelegate){
- this.removeListener("activate", this.refreshDelegate);
- }
-
- this.refreshDelegate = this._handleRefresh.createDelegate(this, [G, H, I]);
- this.on("activate", this.refreshDelegate);
- return this.el.getUpdateManager();
- },
-
- _handleRefresh : function(J, K, L){
- if(!L || !this.loaded){
- var updater = this.el.getUpdateManager();
- updater.update(J, K, this._setLoaded.createDelegate(this));
- }
- },
-
- _setLoaded : function(){
- this.loaded = true;
- },
-
-
-
- getId : function(){
- return this.el.id;
- },
-
-
-
- getEl : function(){
- return this.wrapEl || this.el;
- },
-
- adjustForComponents : function(M, N){
- if(this.resizeEl != this.el){
- M -= this.el.getFrameWidth('lr');
- N -= this.el.getFrameWidth('tb');
- }
- if(this.toolbar){
- var te = this.toolbar.getEl();
- N -= te.getHeight();
- te.setWidth(M);
- }
- if(this.adjustments){
- M += this.adjustments[0];
- N += this.adjustments[1];
- }
- return {"width": M, "height": N};
- },
-
- setSize : function(O, P){
- if(this.fitToFrame && !this.ignoreResize(O, P)){
- if(this.fitContainer && this.resizeEl != this.el){
- this.el.setSize(O, P);
- }
- var size = this.adjustForComponents(O, P);
- this.resizeEl.setSize(this.autoWidth ? "auto" : size.width, this.autoHeight ? "auto" : size.height);
- this.fireEvent('resize', this, size.width, size.height);
- }
- },
-
-
-
- getTitle : function(){
- return this.title;
- },
-
-
-
- setTitle : function(Q){
- this.title = Q;
- if(this.region){
- this.region.updatePanelTitle(this, Q);
- }
- },
-
-
-
- isClosable : function(){
- return this.closable;
- },
-
- beforeSlide : function(){
- this.el.clip();
- this.resizeEl.clip();
- },
-
- afterSlide : function(){
- this.el.unclip();
- this.resizeEl.unclip();
- },
-
-
-
- refresh : function(){
- if(this.refreshDelegate){
- this.loaded = false;
- this.refreshDelegate();
- }
- },
-
-
-
- destroy : function(){
- this.el.removeAllListeners();
- var R = document.createElement("span");
- R.appendChild(this.el.dom);
- R.innerHTML = "";
- this.el.remove();
- this.el = null;
- },
-
-
-
-
- addxtype : function(S) {
-
- if (S.xtype.match(/^Form$/)) {
- var el = this.el.createChild();
-
- this.form = new Roo.form.Form(S);
-
-
- if ( this.form.allItems.length) this.form.render(el.dom);
- return this.form;
- }
- if (['View', 'JsonView'].indexOf(S.xtype) > -1) {
-
- S.el = this.el.appendChild(document.createElement("div"));
-
- var ret = new Roo[S.xtype](S);
- ret.render(false, '');
- return ret;
-
- }
- return false;
-
- }
-});
-
-
-
-Roo.GridPanel = function(T, U){
-
-
- this.wrapper = Roo.DomHelper.append(document.body,
- {tag: "div", cls: "x-layout-grid-wrapper x-layout-inactive-content"}, true);
-
- this.wrapper.dom.appendChild(T.getGridEl().dom);
-
- Roo.GridPanel.superclass.constructor.call(this, this.wrapper, U);
-
- if(this.toolbar){
- this.toolbar.el.insertBefore(this.wrapper.dom.firstChild);
- }
-
- if (this.footer && !this.footer.el && this.footer.xtype) {
-
- this.footer.container = this.grid.getView().getFooterPanel(true);
- this.footer.dataSource = this.grid.dataSource;
- this.footer = Roo.factory(this.footer, Roo);
-
- }
-
-
- T.monitorWindowResize = false;
- T.autoHeight = false;
- T.autoWidth = false;
- this.grid = T;
- this.grid.getGridEl().replaceClass("x-layout-inactive-content", "x-layout-component-panel");
-};
-
-Roo.extend(Roo.GridPanel, Roo.ContentPanel, {
- getId : function(){
- return this.grid.id;
- },
-
-
-
- getGrid : function(){
- return this.grid;
- },
-
- setSize : function(V, W){
- if(!this.ignoreResize(V, W)){
- var T = this.grid;
- var size = this.adjustForComponents(V, W);
- T.getGridEl().setSize(size.width, size.height);
- T.autoSize();
- }
- },
-
- beforeSlide : function(){
- this.grid.getView().scroller.clip();
- },
-
- afterSlide : function(){
- this.grid.getView().scroller.unclip();
- },
-
- destroy : function(){
- this.grid.destroy();
- delete this.grid;
- Roo.GridPanel.superclass.destroy.call(this);
- }
-});
-
-
-
-
-Roo.NestedLayoutPanel = function(X, Y)
-{
-
-
-
-
- Roo.NestedLayoutPanel.superclass.constructor.call(this, X.getEl(), Y);
-
- X.monitorWindowResize = false;
- this.layout = X;
- this.layout.getEl().addClass("x-layout-nested-layout");
-
-
-
-};
-
-Roo.extend(Roo.NestedLayoutPanel, Roo.ContentPanel, {
-
- setSize : function(Z, a){
- if(!this.ignoreResize(Z, a)){
- var size = this.adjustForComponents(Z, a);
- var el = this.layout.getEl();
- el.setSize(size.width, size.height);
- var touch = el.dom.offsetWidth;
- this.layout.layout();
-
- if(Roo.isIE && !this.initialized){
- this.initialized = true;
- this.layout.layout();
- }
- }
- },
-
-
-
- setActiveState : function(b){
- this.active = b;
- if(!b){
- this.fireEvent("deactivate", this);
- return;
- }
-
-
- this.fireEvent("activate", this);
-
- if (!this.layout) {
- return;
- }
- var c = false;
- for (var r in this.layout.regions) {
- c = this.layout.getRegion(r);
- if (c.getActivePanel()) {
-
- c.setActivePanel(c.getActivePanel());
- continue;
- }
- if (!c.panels.length) {
- continue;
- }
-
- c.showPanel(c.getPanel(0));
- }
-
-
-
-
- },
-
-
-
- getLayout : function(){
- return this.layout;
- },
-
-
-
- addxtype : function(d) {
- return this.layout.addxtype(d);
-
- }
-});
-
-Roo.ScrollPanel = function(el, e, f){
- e = e || {};
- e.fitToFrame = true;
- Roo.ScrollPanel.superclass.constructor.call(this, el, e, f);
-
- this.el.dom.style.overflow = "hidden";
- var g = this.el.wrap({cls: "x-scroller x-layout-inactive-content"});
- this.el.removeClass("x-layout-inactive-content");
- this.el.on("mousewheel", this.onWheel, this);
-
- var up = g.createChild({cls: "x-scroller-up", html: " "}, this.el.dom);
- var i = g.createChild({cls: "x-scroller-down", html: " "});
- up.unselectable(); i.unselectable();
- up.on("click", this.scrollUp, this);
- i.on("click", this.scrollDown, this);
- up.addClassOnOver("x-scroller-btn-over");
- i.addClassOnOver("x-scroller-btn-over");
- up.addClassOnClick("x-scroller-btn-click");
- i.addClassOnClick("x-scroller-btn-click");
- this.adjustments = [0, -(up.getHeight() + i.getHeight())];
-
- this.resizeEl = this.el;
- this.el = g; this.up = up; this.down = i;
-};
-
-Roo.extend(Roo.ScrollPanel, Roo.ContentPanel, {
- increment : 100,
- wheelIncrement : 5,
- scrollUp : function(){
- this.resizeEl.scroll("up", this.increment, {callback: this.afterScroll, scope: this});
- },
-
- scrollDown : function(){
- this.resizeEl.scroll("down", this.increment, {callback: this.afterScroll, scope: this});
- },
-
- afterScroll : function(){
- var el = this.resizeEl;
- var t = el.dom.scrollTop, h = el.dom.scrollHeight, ch = el.dom.clientHeight;
- this.up[t == 0 ? "addClass" : "removeClass"]("x-scroller-btn-disabled");
- this.down[h - t <= ch ? "addClass" : "removeClass"]("x-scroller-btn-disabled");
- },
-
- setSize : function(){
- Roo.ScrollPanel.superclass.setSize.apply(this, arguments);
- this.afterScroll();
- },
-
- onWheel : function(e){
- var d = e.getWheelDelta();
- this.resizeEl.dom.scrollTop -= (d*this.wheelIncrement);
- this.afterScroll();
- e.stopEvent();
- },
-
- setContent : function(j, k){
- this.resizeEl.update(j, k);
- }
-
-});
-
-
-
-
-
-
-
-
-
-
-
-Roo.TreePanel = function(l){
- var el = l.el;
- var m = l.tree;
- delete l.tree;
- delete l.el;
- Roo.TreePanel.superclass.constructor.call(this, el, l);
- var n = el.createChild();
- this.tree = new Roo.tree.TreePanel(n , m);
-
- this.on('activate', function()
- {
- if (this.tree.rendered) {
- return;
- }
-
-
- this.tree.render();
- });
-
- this.on('resize', function (cp, w, h) {
- this.tree.innerCt.setWidth(w);
- this.tree.innerCt.setHeight(h);
- this.tree.innerCt.setStyle('overflow-y', 'auto');
- });
-
-
-
-};
-
-Roo.extend(Roo.TreePanel, Roo.ContentPanel);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Roo.ReaderLayout = function(A, B){
- var c = A || {size:{}};
- Roo.ReaderLayout.superclass.constructor.call(this, B || document.body, {
- north: c.north !== false ? Roo.apply({
- split:false,
- initialSize: 32,
- titlebar: false
- }, c.north) : false,
- west: c.west !== false ? Roo.apply({
- split:true,
- initialSize: 200,
- minSize: 175,
- maxSize: 400,
- titlebar: true,
- collapsible: true,
- animate: true,
- margins:{left:5,right:0,bottom:5,top:5},
- cmargins:{left:5,right:5,bottom:5,top:5}
- }, c.west) : false,
- east: c.east !== false ? Roo.apply({
- split:true,
- initialSize: 200,
- minSize: 175,
- maxSize: 400,
- titlebar: true,
- collapsible: true,
- animate: true,
- margins:{left:0,right:5,bottom:5,top:5},
- cmargins:{left:5,right:5,bottom:5,top:5}
- }, c.east) : false,
- center: Roo.apply({
- tabPosition: 'top',
- autoScroll:false,
- closeOnTab: true,
- titlebar:false,
- margins:{left:c.west!==false ? 0 : 5,right:c.east!==false ? 0 : 5,bottom:5,top:2}
- }, c.center)
- });
-
- this.el.addClass('x-reader');
-
- this.beginUpdate();
-
- var C = new Roo.BorderLayout(Roo.get(document.body).createChild(), {
- south: c.preview !== false ? Roo.apply({
- split:true,
- initialSize: 200,
- minSize: 100,
- autoScroll:true,
- collapsible:true,
- titlebar: true,
- cmargins:{top:5,left:0, right:0, bottom:0}
- }, c.preview) : false,
- center: Roo.apply({
- autoScroll:false,
- titlebar:false,
- minHeight:200
- }, c.listView)
- });
- this.add('center', new Roo.NestedLayoutPanel(C,
- Roo.apply({title: c.mainTitle || '',tabTip:''},c.innerPanelCfg)));
-
- this.endUpdate();
-
- this.regions.preview = C.getRegion('south');
- this.regions.listView = C.getRegion('center');
-};
-
-Roo.extend(Roo.ReaderLayout, Roo.BorderLayout);
-
-
-
-
-
-Roo.grid.Grid = function(A, B){
-
- this.container = Roo.get(A);
- this.container.update("");
- this.container.setStyle("overflow", "hidden");
- this.container.addClass('x-grid-container');
-
- this.id = this.container.id;
-
- Roo.apply(this, B);
-
- if(this.ds){
- this.dataSource = 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;
- }
-
- if (this.selModel) {
- this.selModel = Roo.factory(this.selModel, Roo.grid);
- this.sm = this.selModel;
- this.sm.xmodule = this.xmodule || false;
- }
- if (typeof(this.colModel.config) == 'undefined') {
- this.colModel = new Roo.grid.ColumnModel(this.colModel);
- this.cm = this.colModel;
- this.cm.xmodule = this.xmodule || false;
- }
- if (this.dataSource) {
- this.dataSource= Roo.factory(this.dataSource, Roo.data);
- this.ds = this.dataSource;
- this.ds.xmodule = this.xmodule || false;
-
- }
-
-
-
- if(this.width){
- this.container.setWidth(this.width);
- }
-
- if(this.height){
- this.container.setHeight(this.height);
- }
-
-
-
- this.addEvents({
-
-
-
- "click" : true,
-
-
- "dblclick" : true,
-
-
- "contextmenu" : true,
-
-
- "mousedown" : true,
-
-
- "mouseup" : true,
-
-
- "mouseover" : true,
-
-
- "mouseout" : true,
-
-
- "keypress" : true,
-
-
- "keydown" : true,
-
-
-
-
-
- "cellclick" : true,
-
-
- "celldblclick" : true,
-
-
- "rowclick" : true,
-
-
- "rowdblclick" : true,
-
-
- "headerclick" : true,
-
-
- "headerdblclick" : true,
-
-
- "rowcontextmenu" : true,
-
-
- "cellcontextmenu" : true,
-
-
- "headercontextmenu" : true,
-
-
- "bodyscroll" : true,
-
-
- "columnresize" : true,
-
-
- "columnmove" : true,
-
-
- "startdrag" : true,
-
-
- "enddrag" : true,
-
-
- "dragdrop" : true,
-
-
- "dragover" : true,
-
-
- "dragenter" : true,
-
-
- "dragout" : true,
-
-
- render : true
- });
-
- Roo.grid.Grid.superclass.constructor.call(this);
-};
-Roo.extend(Roo.grid.Grid, Roo.util.Observable, {
-
-
- minColumnWidth : 25,
-
-
-
- autoSizeColumns : false,
-
-
-
- autoSizeHeaders : true,
-
-
-
- monitorWindowResize : true,
-
-
-
- maxRowsToMeasure : 0,
-
-
-
- trackMouseOver : true,
-
-
-
- enableDragDrop : false,
-
-
-
- enableColumnMove : true,
-
-
-
- enableColumnHide : true,
-
-
-
- enableRowHeightSync : false,
-
-
-
- stripeRows : true,
-
-
-
- autoHeight : false,
-
-
-
- autoExpandColumn : false,
-
-
-
- autoExpandMin : 50,
-
-
-
- autoExpandMax : 1000,
-
-
-
- view : null,
-
-
-
- loadMask : false,
-
-
- rendered : false,
-
-
-
-
-
-
-
- render : function(){
- var c = this.container;
-
- if((!c.dom.offsetHeight || c.dom.offsetHeight < 20) || c.getStyle("height") == "auto"){
- this.autoHeight = true;
- }
- var C = this.getView();
- C.init(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);
-
- C.render();
-
- if(this.loadMask){
- this.loadMask = new Roo.LoadMask(this.container,
- Roo.apply({store:this.dataSource}, this.loadMask));
- }
-
-
- if (this.toolbar && this.toolbar.xtype) {
- this.toolbar.container = this.getView().getHeaderPanel(true);
- this.toolbar = new Ext.Toolbar(this.toolbar);
- }
- if (this.footer && this.footer.xtype) {
- this.footer.dataSource = this.getDataSource();
- this.footer.container = this.getView().getFooterPanel(true);
- this.footer = Roo.factory(this.footer, Roo);
- }
-
- this.rendered = true;
- this.fireEvent('render', this);
- return this;
- },
-
-
-
- reconfigure : function(D, E){
- if(this.loadMask){
- this.loadMask.destroy();
- this.loadMask = new Roo.LoadMask(this.container,
- Roo.apply({store:D}, this.loadMask));
- }
-
- this.view.bind(D, E);
- this.dataSource = D;
- this.colModel = E;
- this.view.refresh(true);
- },
-
-
- onKeyDown : function(e){
- this.fireEvent("keydown", e);
- },
-
-
-
- destroy : function(F, G){
- if(this.loadMask){
- this.loadMask.destroy();
- }
- var c = this.container;
- c.removeAllListeners();
- this.view.destroy();
- this.colModel.purgeListeners();
- if(!G){
- this.purgeListeners();
- }
-
- c.update("");
- if(F === true){
- c.remove();
- }
- },
-
-
- processEvent : function(H, e){
- this.fireEvent(H, e);
- var t = e.getTarget();
- var v = this.view;
- var I = v.findHeaderIndex(t);
- if(I !== false){
- this.fireEvent("header" + H, this, I, e);
- }else {
- var row = v.findRowIndex(t);
- var cell = v.findCellIndex(t);
- if(row !== false){
- this.fireEvent("row" + H, this, row, e);
- if(cell !== false){
- this.fireEvent("cell" + H, this, row, cell, e);
- }
- }
- }
- },
-
-
- onClick : function(e){
- this.processEvent("click", e);
- },
-
-
- onContextMenu : function(e, t){
- this.processEvent("contextmenu", e);
- },
-
-
- onDblClick : function(e){
- this.processEvent("dblclick", e);
- },
-
-
- walkCells : function(J, K, L, fn, M){
- var cm = this.colModel, N = cm.getColumnCount();
- var ds = this.dataSource, O = ds.getCount(), P = true;
- if(L < 0){
- if(K < 0){
- J--;
- P = false;
- }
- while(J >= 0){
- if(!P){
- K = N-1;
- }
-
- P = false;
- while(K >= 0){
- if(fn.call(M || this, J, K, cm) === true){
- return [J, K];
- }
-
- K--;
- }
-
- J--;
- }
- } else {
- if(K >= N){
- J++;
- P = false;
- }
- while(J < O){
- if(!P){
- K = 0;
- }
-
- P = false;
- while(K < N){
- if(fn.call(M || this, J, K, cm) === true){
- return [J, K];
- }
-
- K++;
- }
-
- J++;
- }
- }
- return null;
- },
-
-
- getSelections : function(){
- return this.selModel.getSelections();
- },
-
-
-
- autoSize : function(){
- if(this.rendered){
- this.view.layout();
- if(this.view.adjustForScroll){
- this.view.adjustForScroll();
- }
- }
- },
-
-
-
- getGridEl : function(){
- return this.container;
- },
-
-
- stopEditing : function(){},
-
-
-
- getSelectionModel : function(){
- if(!this.selModel){
- this.selModel = new Roo.grid.RowSelectionModel();
- }
- return this.selModel;
- },
-
-
-
- getDataSource : function(){
- return this.dataSource;
- },
-
-
-
- getColumnModel : function(){
- return this.colModel;
- },
-
-
-
- getView : function(){
- if(!this.view){
- this.view = new Roo.grid.GridView(this.viewConfig);
- }
- return this.view;
- },
-
-
- getDragDropText : function(){
- var Q = this.selModel.getCount();
- return String.format(this.ddText, Q, Q == 1 ? '' : 's');
- }
-});
-
-
-Roo.grid.Grid.prototype.ddText = "{0} selected row{1}";
-
-
-
-Roo.grid.AbstractGridView = function(){
- this.grid = null;
-
- this.events = {
- "beforerowremoved" : true,
- "beforerowsinserted" : true,
- "beforerefresh" : true,
- "rowremoved" : true,
- "rowsinserted" : true,
- "rowupdated" : true,
- "refresh" : true
- };
- Roo.grid.AbstractGridView.superclass.constructor.call(this);
-};
-
-Roo.extend(Roo.grid.AbstractGridView, Roo.util.Observable, {
- rowClass : "x-grid-row",
- cellClass : "x-grid-cell",
- tdClass : "x-grid-td",
- hdClass : "x-grid-hd",
- splitClass : "x-grid-hd-split",
-
- init: function(A){
- this.grid = A;
- var B = this.grid.getGridEl().id;
- this.colSelector = "#" + B + " ." + this.cellClass + "-";
- this.tdSelector = "#" + B + " ." + this.tdClass + "-";
- this.hdSelector = "#" + B + " ." + this.hdClass + "-";
- this.splitSelector = "#" + B + " ." + this.splitClass + "-";
- },
-
- getColumnRenderers : function(){
- var C = [];
- var cm = this.grid.colModel;
- var D = cm.getColumnCount();
- for(var i = 0; i < D; i++){
- C[i] = cm.getRenderer(i);
- }
- return C;
- },
-
- getColumnIds : function(){
- var E = [];
- var cm = this.grid.colModel;
- var F = cm.getColumnCount();
- for(var i = 0; i < F; i++){
- E[i] = cm.getColumnId(i);
- }
- return E;
- },
-
- getDataIndexes : function(){
- if(!this.indexMap){
- this.indexMap = this.buildIndexMap();
- }
- return this.indexMap.colToData;
- },
-
- getColumnIndexByDataIndex : function(G){
- if(!this.indexMap){
- this.indexMap = this.buildIndexMap();
- }
- return this.indexMap.dataToCol[G];
- },
-
-
-
- setCSSStyle : function(H, I, J){
- var K = "#" + this.grid.id + " .x-grid-col-" + H;
- Roo.util.CSS.updateRule(K, I, J);
- },
-
- generateRules : function(cm){
- var L = [], M = this.grid.id + '-cssrules';
- Roo.util.CSS.removeStyleSheet(M);
- for(var i = 0, len = cm.getColumnCount(); i < len; i++){
- var B = cm.getColumnId(i);
- L.push(this.colSelector, B, " {\n", cm.config[i].css, "}\n",
- this.tdSelector, B, " {\n}\n",
- this.hdSelector, B, " {\n}\n",
- this.splitSelector, B, " {\n}\n");
- }
- return Roo.util.CSS.createStyleSheet(L.join(""), M);
- }
-});
-
-
-
-
-
-Roo.grid.HeaderDragZone = function(A, hd, B){
- this.grid = A;
- this.view = A.getView();
- this.ddGroup = "gridHeader" + this.grid.getGridEl().id;
- Roo.grid.HeaderDragZone.superclass.constructor.call(this, hd);
- if(B){
- this.setHandleElId(Roo.id(hd));
- this.setOuterHandleElId(Roo.id(B));
- }
-
- this.scroll = false;
-};
-Roo.extend(Roo.grid.HeaderDragZone, Roo.dd.DragZone, {
- maxDragWidth: 120,
- getDragData : function(e){
- var t = Roo.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 C = this.dragData.ddel.cloneNode(true);
- C.id = Roo.id();
- C.style.width = Math.min(this.dragData.header.offsetWidth,this.maxDragWidth) + "px";
- this.proxy.update(C);
- 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);
- }
-});
-
-
-
-
-
-Roo.grid.HeaderDropZone = function(A, hd, B){
- this.grid = A;
- this.view = A.getView();
-
- this.proxyTop = Roo.DomHelper.append(document.body, {
- cls:"col-move-top", html:" "
- }, true);
- this.proxyBottom = Roo.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;
-
-
- Roo.grid.HeaderDropZone.superclass.constructor.call(this, A.getGridEl().dom);
-};
-Roo.extend(Roo.grid.HeaderDropZone, Roo.dd.DropZone, {
- proxyOffsets : [-4, -9],
- fly: Roo.Element.fly,
-
- getTargetFromEvent : function(e){
- var t = Roo.lib.Event.getTarget(e);
- var C = this.view.findCellIndex(t);
- if(C !== false){
- return this.view.getHeaderCell(C);
- }
- },
-
- 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 = Roo.lib.Event.getPageX(e);
- var r = Roo.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 D = this.view.getCellIndex(h);
- var E = this.view.getCellIndex(n);
-
- if(this.grid.colModel.isFixed(E)){
- return false;
- }
-
- var F = this.grid.colModel.isLocked(E);
-
- if(pt == "after"){
- E++;
- }
- if(D < E){
- E--;
- }
- if(D == E && (F == this.grid.colModel.isLocked(D))){
- 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, G){
- if(G.header != n){
- this.positionIndicator(G.header, n, e);
- }
- },
-
- onNodeOver : function(n, dd, e, H){
- var I = false;
- if(H.header != n){
- I = this.positionIndicator(H.header, n, e);
- }
- if(!I){
- this.proxyTop.hide();
- this.proxyBottom.hide();
- }
- return I ? this.dropAllowed : this.dropNotAllowed;
- },
-
- onNodeOut : function(n, dd, e, J){
- this.proxyTop.hide();
- this.proxyBottom.hide();
- },
-
- onNodeDrop : function(n, dd, e, K){
- var h = K.header;
- if(h != n){
- var cm = this.grid.colModel;
- var x = Roo.lib.Event.getPageX(e);
- var r = Roo.lib.Dom.getRegion(n.firstChild);
- var pt = (r.right - x) <= ((r.right-r.left)/2) ? "after" : "before";
- var D = this.view.getCellIndex(h);
- var E = this.view.getCellIndex(n);
- var F = cm.isLocked(E);
- if(pt == "after"){
- E++;
- }
- if(D < E){
- E--;
- }
- if(D == E && (F == cm.isLocked(D))){
- return false;
- }
-
- cm.setLocked(D, F, true);
- cm.moveColumn(D, E);
- this.grid.fireEvent("columnmove", D, E);
- return true;
- }
- return false;
- }
-});
-
-
-
-
-
-
-Roo.grid.GridView = function(A){
- Roo.grid.GridView.superclass.constructor.call(this);
- this.el = null;
-
- Roo.apply(this, A);
-};
-
-Roo.extend(Roo.grid.GridView, Roo.grid.AbstractGridView, {
-
-
-
- rowClass : "x-grid-row",
-
- cellClass : "x-grid-col",
-
- tdClass : "x-grid-td",
-
- hdClass : "x-grid-hd",
-
- splitClass : "x-grid-split",
-
- sortClasses : ["sort-asc", "sort-desc"],
-
- enableMoveAnim : false,
-
- hlColor: "C3DAF9",
-
- dh : Roo.DomHelper,
-
- fly : Roo.Element.fly,
-
- css : Roo.util.CSS,
-
- borderWidth: 1,
-
- splitOffset: 3,
-
- scrollIncrement : 22,
-
- cellRE: /(?:.*?)x-grid-(?:hd|cell|csplit)-(?:[\d]+)-([\d]+)(?:.*?)/,
-
- findRE: /\s?(?:x-grid-hd|x-grid-col|x-grid-csplit)\s/,
-
- bind : 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("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){
- this.generateRules(cm);
- 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;
- },
-
- init: function(B){
- Roo.grid.GridView.superclass.init.call(this, B);
-
- this.bind(B.dataSource, B.colModel);
-
- B.on("headerclick", this.handleHeaderClick, this);
-
- if(B.trackMouseOver){
- B.on("mouseover", this.onRowOver, this);
- B.on("mouseout", this.onRowOut, this);
- }
-
- B.cancelTextSelection = function(){};
- this.gridId = B.id;
-
- var C = this.templates || {};
-
- if(!C.master){
- C.master = new Roo.Template(
- '<div class="x-grid" hidefocus="true">',
- '<div class="x-grid-topbar"></div>',
- '<div class="x-grid-scroller"><div></div></div>',
- '<div class="x-grid-locked">',
- '<div class="x-grid-header">{lockedHeader}</div>',
- '<div class="x-grid-body">{lockedBody}</div>',
- "</div>",
- '<div class="x-grid-viewport">',
- '<div class="x-grid-header">{header}</div>',
- '<div class="x-grid-body">{body}</div>',
- "</div>",
- '<div class="x-grid-bottombar"></div>',
- '<a href="#" class="x-grid-focus" tabIndex="-1"></a>',
- '<div class="x-grid-resize-proxy"> </div>',
- "</div>"
- );
- C.master.disableformats = true;
- }
-
- if(!C.header){
- C.header = new Roo.Template(
- '<table border="0" cellspacing="0" cellpadding="0">',
- '<tbody><tr class="x-grid-hd-row">{cells}</tr></tbody>',
- "</table>{splits}"
- );
- C.header.disableformats = true;
- }
-
- C.header.compile();
-
- if(!C.hcell){
- C.hcell = new Roo.Template(
- '<td class="x-grid-hd x-grid-td-{id} {cellId}"><div title="{title}" class="x-grid-hd-inner x-grid-hd-{id}">',
- '<div class="x-grid-hd-text" unselectable="on">{value}<img class="x-grid-sort-icon" src="', Roo.BLANK_IMAGE_URL, '" /></div>',
- "</div></td>"
- );
- C.hcell.disableFormats = true;
- }
-
- C.hcell.compile();
-
- if(!C.hsplit){
- C.hsplit = new Roo.Template('<div class="x-grid-split {splitId} x-grid-split-{id}" style="{style}" unselectable="on"> </div>');
- C.hsplit.disableFormats = true;
- }
-
- C.hsplit.compile();
-
- if(!C.body){
- C.body = new Roo.Template(
- '<table border="0" cellspacing="0" cellpadding="0">',
- "<tbody>{rows}</tbody>",
- "</table>"
- );
- C.body.disableFormats = true;
- }
-
- C.body.compile();
-
- if(!C.row){
- C.row = new Roo.Template('<tr class="x-grid-row {alt}">{cells}</tr>');
- C.row.disableFormats = true;
- }
-
- C.row.compile();
-
- if(!C.cell){
- C.cell = new Roo.Template(
- '<td class="x-grid-col x-grid-td-{id} {cellId} {css}" tabIndex="0">',
- '<div class="x-grid-col-{id} x-grid-cell-inner"><div class="x-grid-cell-text" unselectable="on" {attr}>{value}</div></div>',
- "</td>"
- );
- C.cell.disableFormats = true;
- }
-
- C.cell.compile();
-
- this.templates = C;
- },
-
-
- onColWidthChange : function(){
- this.updateColumns.apply(this, arguments);
- },
- onHeaderChange : function(){
- this.updateHeaders.apply(this, arguments);
- },
- onHiddenChange : function(){
- this.handleHiddenChange.apply(this, arguments);
- },
- onColumnMove : function(){
- this.handleColumnMove.apply(this, arguments);
- },
- onColumnLock : function(){
- this.handleLockChange.apply(this, arguments);
- },
-
- onDataChange : function(){
- this.refresh();
- this.updateHeaderSortState();
- },
-
- onClear : function(){
- this.refresh();
- },
-
- onUpdate : function(ds, D){
- this.refreshRow(D);
- },
-
- refreshRow : function(E){
- var ds = this.ds, F;
- if(typeof E == 'number'){
- F = E;
- E = ds.getAt(F);
- }else {
- F = ds.indexOf(E);
- }
-
- this.insertRows(ds, F, F, true);
- this.onRemove(ds, E, F+1, true);
- this.syncRowHeights(F, F);
- this.layout();
- this.fireEvent("rowupdated", this, F, E);
- },
-
- onAdd : function(ds, G, H){
- this.insertRows(ds, H, H + (G.length-1));
- },
-
- onRemove : function(ds, I, J, K){
- if(K !== true){
- this.fireEvent("beforerowremoved", this, J, I);
- }
- var bt = this.getBodyTable(), lt = this.getLockedTable();
- if(bt.rows[J]){
- bt.firstChild.removeChild(bt.rows[J]);
- }
- if(lt.rows[J]){
- lt.firstChild.removeChild(lt.rows[J]);
- }
- if(K !== true){
- this.stripeRows(J);
- this.syncRowHeights(J, J);
- this.layout();
- this.fireEvent("rowremoved", this, J, I);
- }
- },
-
- onLoad : function(){
- this.scrollToTop();
- },
-
-
-
- scrollToTop : function(){
- if(this.scroller){
- this.scroller.dom.scrollTop = 0;
- this.syncScroll();
- }
- },
-
-
-
- getHeaderPanel : function(L){
- if(L){
- this.headerPanel.show();
- }
- return this.headerPanel;
- },
-
-
-
- getFooterPanel : function(M){
- if(M){
- this.footerPanel.show();
- }
- return this.footerPanel;
- },
-
- initElements : function(){
- var E = Roo.Element;
- var el = this.grid.getGridEl().dom.firstChild;
- var cs = el.childNodes;
-
- this.el = new E(el);
- this.headerPanel = new E(el.firstChild);
- this.headerPanel.enableDisplayMode("block");
-
- this.scroller = new E(cs[1]);
- this.scrollSizer = new E(this.scroller.dom.firstChild);
-
- this.lockedWrap = new E(cs[2]);
- this.lockedHd = new E(this.lockedWrap.dom.firstChild);
- this.lockedBody = new E(this.lockedWrap.dom.childNodes[1]);
-
- this.mainWrap = new E(cs[3]);
- this.mainHd = new E(this.mainWrap.dom.firstChild);
- this.mainBody = new E(this.mainWrap.dom.childNodes[1]);
-
- this.footerPanel = new E(cs[4]);
- this.footerPanel.enableDisplayMode("block");
-
- this.focusEl = new E(cs[5]);
- this.focusEl.swallowEvent("click", true);
- this.resizeProxy = new E(cs[6]);
-
- this.headerSelector = String.format(
- '#{0} td.x-grid-hd, #{1} td.x-grid-hd',
- this.lockedHd.id, this.mainHd.id
- );
-
- this.splitterSelector = String.format(
- '#{0} div.x-grid-split, #{1} div.x-grid-split',
- this.idToCssName(this.lockedHd.id), this.idToCssName(this.mainHd.id)
- );
- },
- idToCssName : function(s)
- {
- return s.replace(/[^a-z0-9]+/ig, '-');
- },
-
- getHeaderCell : function(N){
- return Roo.DomQuery.select(this.headerSelector)[N];
- },
-
- getHeaderCellMeasure : function(O){
- return this.getHeaderCell(O).firstChild;
- },
-
- getHeaderCellText : function(P){
- return this.getHeaderCell(P).firstChild.firstChild;
- },
-
- getLockedTable : function(){
- return this.lockedBody.dom.firstChild;
- },
-
- getBodyTable : function(){
- return this.mainBody.dom.firstChild;
- },
-
- getLockedRow : function(Q){
- return this.getLockedTable().rows[Q];
- },
-
- getRow : function(R){
- return this.getBodyTable().rows[R];
- },
-
- getRowComposite : function(S){
- if(!this.rowEl){
- this.rowEl = new Roo.CompositeElementLite();
- }
- var T = [], U, V;
- if(U = this.getLockedRow(S)){
- T.push(U);
- }
- if(V = this.getRow(S)){
- T.push(V);
- }
-
- this.rowEl.elements = T;
- return this.rowEl;
- },
-
- getCell : function(W, X){
- var Y = this.cm.getLockedCount();
- var Z;
- if(X < Y){
- Z = this.lockedBody.dom.firstChild;
- }else {
- Z = this.mainBody.dom.firstChild;
- X -= Y;
- }
- return Z.rows[W].childNodes[X];
- },
-
- getCellText : function(a, b){
- return this.getCell(a, b).firstChild.firstChild;
- },
-
- getCellBox : function(c){
- var b = this.fly(c).getBox();
- if(Roo.isOpera){
- b.y = c.offsetTop + this.mainBody.getY();
- }
- return b;
- },
-
- getCellIndex : function(d){
- var id = String(d.className).match(this.cellRE);
- if(id){
- return parseInt(id[1], 10);
- }
- return 0;
- },
-
- findHeaderIndex : function(n){
- var r = Roo.fly(n).findParent("td." + this.hdClass, 6);
- return r ? this.getCellIndex(r) : false;
- },
-
- findHeaderCell : function(n){
- var r = Roo.fly(n).findParent("td." + this.hdClass, 6);
- return r ? r : false;
- },
-
- findRowIndex : function(n){
- if(!n){
- return false;
- }
- var r = Roo.fly(n).findParent("tr." + this.rowClass, 6);
- return r ? r.rowIndex : false;
- },
-
- findCellIndex : function(e){
- var f = this.el.dom;
- while(e && e != f){
- if(this.findRE.test(e.className)){
- return this.getCellIndex(e);
- }
-
- e = e.parentNode;
- }
- return false;
- },
-
- getColumnId : function(g){
- return this.cm.getColumnId(g);
- },
-
- getSplitters : function(){
- if(this.splitterSelector){
- return Roo.DomQuery.select(this.splitterSelector);
- }else {
- return null;
- }
- },
-
- getSplitter : function(k){
- return this.getSplitters()[k];
- },
-
- onRowOver : function(e, t){
- var o;
- if((o = this.findRowIndex(t)) !== false){
- this.getRowComposite(o).addClass("x-grid-row-over");
- }
- },
-
- onRowOut : function(e, t){
- var p;
- if((p = this.findRowIndex(t)) !== false && p !== this.findRowIndex(e.getRelatedTarget())){
- this.getRowComposite(p).removeClass("x-grid-row-over");
- }
- },
-
- renderHeaders : function(){
- var cm = this.cm;
- var ct = this.templates.hcell, ht = this.templates.header, st = this.templates.hsplit;
- var cb = [], lb = [], sb = [], q = [], p = {};
- for(var i = 0, len = cm.getColumnCount(); i < len; i++){
- p.cellId = "x-grid-hd-0-" + i;
- p.splitId = "x-grid-csplit-0-" + i;
- p.id = cm.getColumnId(i);
- p.title = cm.getColumnTooltip(i) || "";
- p.value = cm.getColumnHeader(i) || "";
- p.style = (this.grid.enableColumnResize === false || !cm.isResizable(i) || cm.isFixed(i)) ? 'cursor:default' : '';
- if(!cm.isLocked(i)){
- cb[cb.length] = ct.apply(p);
- sb[sb.length] = st.apply(p);
- }else {
- lb[lb.length] = ct.apply(p);
- q[q.length] = st.apply(p);
- }
- }
- return [ht.apply({cells: lb.join(""), splits:q.join("")}),
- ht.apply({cells: cb.join(""), splits:sb.join("")})];
- },
-
- updateHeaders : function(){
- var u = this.renderHeaders();
- this.lockedHd.update(u[0]);
- this.mainHd.update(u[1]);
- },
-
-
-
- focusRow : function(v){
- var x = this.scroller.dom.scrollLeft;
- this.focusCell(v, 0, false);
- this.scroller.dom.scrollLeft = x;
- },
-
-
-
- focusCell : function(y, z, AA){
- var el = this.ensureVisible(y, z, AA);
- this.focusEl.alignTo(el, "tl-tl");
- if(Roo.isGecko){
- this.focusEl.focus();
- }else {
- this.focusEl.focus.defer(1, this.focusEl);
- }
- },
-
-
-
- ensureVisible : function(AB, AC, AD){
- if(typeof AB != "number"){
- AB = AB.rowIndex;
- }
- if(AB < 0 && AB >= this.ds.getCount()){
- return;
- }
-
- AC = (AC !== undefined ? AC : 0);
- var cm = this.grid.colModel;
- while(cm.isHidden(AC)){
- AC++;
- }
-
- var el = this.getCell(AB, AC);
- if(!el){
- return;
- }
- var c = this.scroller.dom;
-
- var AE = parseInt(el.offsetTop, 10);
- var AF = parseInt(el.offsetLeft, 10);
- var AG = AE + el.offsetHeight;
- var AH = AF + el.offsetWidth;
-
- var ch = c.clientHeight - this.mainHd.dom.offsetHeight;
- var AI = parseInt(c.scrollTop, 10);
- var AJ = parseInt(c.scrollLeft, 10);
- var AK = AI + ch;
- var AL = AJ + c.clientWidth;
-
- if(AE < AI){
- c.scrollTop = AE;
- }else if(AG > AK){
- c.scrollTop = AG-ch;
- }
-
- if(AD !== false){
- if(AF < AJ){
- c.scrollLeft = AF;
- }else if(AH > AL){
- c.scrollLeft = AH-c.clientWidth;
- }
- }
- return el;
- },
-
- updateColumns : function(){
- this.grid.stopEditing();
- var cm = this.grid.colModel, AM = this.getColumnIds();
-
- var AN = 0;
- for(var i = 0, len = cm.getColumnCount(); i < len; i++){
-
- var w = cm.getColumnWidth(i);
- this.css.updateRule(this.colSelector+this.idToCssName(AM[i]), "width", (w - this.borderWidth) + "px");
- this.css.updateRule(this.hdSelector+this.idToCssName(AM[i]), "width", (w - this.borderWidth) + "px");
- }
-
- this.updateSplitters();
- },
-
- generateRules : function(cm){
- var AO = [], AP = this.idToCssName(this.grid.id)+ '-cssrules';
- Roo.util.CSS.removeStyleSheet(AP);
- for(var i = 0, len = cm.getColumnCount(); i < len; i++){
- var cid = cm.getColumnId(i);
- var align = '';
- if(cm.config[i].align){
- align = 'text-align:'+cm.config[i].align+';';
- }
- var hidden = '';
- if(cm.isHidden(i)){
- hidden = 'display:none;';
- }
- var width = "width:" + (cm.getColumnWidth(i) - this.borderWidth) + "px;";
- AO.push(
- this.colSelector, cid, " {\n", cm.config[i].css, align, width, "\n}\n",
- this.hdSelector, cid, " {\n", align, width, "}\n",
- this.tdSelector, cid, " {\n",hidden,"\n}\n",
- this.splitSelector, cid, " {\n", hidden , "\n}\n");
- }
- return Roo.util.CSS.createStyleSheet(AO.join(""), AP);
- },
-
- updateSplitters : function(){
- var cm = this.cm, s = this.getSplitters();
- if(s){
- var AN = 0, Y = true;
- for(var i = 0, len = cm.getColumnCount(); i < len; i++){
- if(cm.isHidden(i)) continue;
- var w = cm.getColumnWidth(i);
- if(!cm.isLocked(i) && Y){
- AN = 0;
- Y = false;
- }
-
- AN += w;
- s[i].style.left = (AN-this.splitOffset) + "px";
- }
- }
- },
-
- handleHiddenChange : function(AQ, AR, AS){
- if(AS){
- this.hideColumn(AR);
- }else {
- this.unhideColumn(AR);
- }
- },
-
- hideColumn : function(AT){
- var AU = this.getColumnId(AT);
- this.css.updateRule(this.tdSelector+this.idToCssName(AU), "display", "none");
- this.css.updateRule(this.splitSelector+this.idToCssName(AU), "display", "none");
- if(Roo.isSafari){
- this.updateHeaders();
- }
-
- this.updateSplitters();
- this.layout();
- },
-
- unhideColumn : function(AV){
- var AW = this.getColumnId(AV);
- this.css.updateRule(this.tdSelector+this.idToCssName(AW), "display", "");
- this.css.updateRule(this.splitSelector+this.idToCssName(AW), "display", "");
-
- if(Roo.isSafari){
- this.updateHeaders();
- }
-
- this.updateSplitters();
- this.layout();
- },
-
- insertRows : function(dm, AX, AY, AZ){
- if(AX == 0 && AY == dm.getCount()-1){
- this.refresh();
- }else {
- if(!AZ){
- this.fireEvent("beforerowsinserted", this, AX, AY);
- }
- var s = this.getScrollState();
- var markup = this.renderRows(AX, AY);
- this.bufferRows(markup[0], this.getLockedTable(), AX);
- this.bufferRows(markup[1], this.getBodyTable(), AX);
- this.restoreScroll(s);
- if(!AZ){
- this.fireEvent("rowsinserted", this, AX, AY);
- this.syncRowHeights(AX, AY);
- this.stripeRows(AX);
- this.layout();
- }
- }
- },
-
- bufferRows : function(Aa, Ab, Ac){
- var Ad = null, Ae = Ab.rows, Af = Ab.tBodies[0];
- if(Ac < Ae.length){
- Ad = Ae[Ac];
- }
- var b = document.createElement("div");
- b.innerHTML = "<table><tbody>"+Aa+"</tbody></table>";
- var Ag = b.firstChild.rows;
- for(var i = 0, len = Ag.length; i < len; i++){
- if(Ad){
- Af.insertBefore(Ag[0], Ad);
- }else {
- Af.appendChild(Ag[0]);
- }
- }
-
- b.innerHTML = "";
- b = null;
- },
-
- deleteRows : function(dm, Ah, Ai){
- if(dm.getRowCount()<1){
- this.fireEvent("beforerefresh", this);
- this.mainBody.update("");
- this.lockedBody.update("");
- this.fireEvent("refresh", this);
- }else {
- this.fireEvent("beforerowsdeleted", this, Ah, Ai);
- var bt = this.getBodyTable();
- var Af = bt.firstChild;
- var Ag = bt.rows;
- for(var a = Ah; a <= Ai; a++){
- Af.removeChild(Ag[Ah]);
- }
-
- this.stripeRows(Ah);
- this.fireEvent("rowsdeleted", this, Ah, Ai);
- }
- },
-
- updateRows : function(Aj, Ak, Al){
- var s = this.getScrollState();
- this.refresh();
- this.restoreScroll(s);
- },
-
- handleSort : function(Am, An, Ao, Ap){
- if(!Ap){
- this.refresh();
- }
-
- this.updateHeaderSortState();
- },
-
- getScrollState : function(){
- var sb = this.scroller.dom;
- return {left: sb.scrollLeft, top: sb.scrollTop};
- },
-
- stripeRows : function(Aq){
- if(!this.grid.stripeRows || this.ds.getCount() < 1){
- return;
- }
-
- Aq = Aq || 0;
- var Ar = this.getBodyTable().rows;
- var As = this.getLockedTable().rows;
- var At = ' x-grid-row-alt ';
- for(var i = Aq, len = Ar.length; i < len; i++){
- var AB = Ar[i], U = As[i];
- var isAlt = ((i+1) % 2 == 0);
- var hasAlt = (' '+AB.className + ' ').indexOf(At) != -1;
- if(isAlt == hasAlt){
- continue;
- }
- if(isAlt){
- AB.className += " x-grid-row-alt";
- }else {
- AB.className = AB.className.replace("x-grid-row-alt", "");
- }
- if(U){
- U.className = AB.className;
- }
- }
- },
-
- restoreScroll : function(Au){
- var sb = this.scroller.dom;
- sb.scrollLeft = Au.left;
- sb.scrollTop = Au.top;
- this.syncScroll();
- },
-
- syncScroll : function(){
- var sb = this.scroller.dom;
- var sh = this.mainHd.dom;
- var bs = this.mainBody.dom;
- var lv = this.lockedBody.dom;
- sh.scrollLeft = bs.scrollLeft = sb.scrollLeft;
- lv.scrollTop = bs.scrollTop = sb.scrollTop;
- },
-
- handleScroll : function(e){
- this.syncScroll();
- var sb = this.scroller.dom;
- this.grid.fireEvent("bodyscroll", sb.scrollLeft, sb.scrollTop);
- e.stopEvent();
- },
-
- handleWheel : function(e){
- var d = e.getWheelDelta();
- this.scroller.dom.scrollTop -= d*22;
-
- this.lockedBody.dom.scrollTop = this.mainBody.dom.scrollTop = this.scroller.dom.scrollTop;
- e.stopEvent();
- },
-
- renderRows : function(Av, Aw){
-
- var g = this.grid, cm = g.colModel, ds = g.dataSource, Ax = g.stripeRows;
- var Ay = cm.getColumnCount();
-
- if(ds.getCount() < 1){
- return ["", ""];
- }
-
-
- var cs = [];
- for(var i = 0; i < Ay; i++){
- var name = cm.getDataIndex(i);
- cs[i] = {
- name : typeof name == 'undefined' ? ds.fields.get(i).name : name,
- renderer : cm.getRenderer(i),
- id : cm.getColumnId(i),
- locked : cm.isLocked(i)
- };
- }
-
-
- Av = Av || 0;
- Aw = typeof Aw == "undefined"? ds.getCount()-1 : Aw;
-
-
- var rs = ds.getRange(Av, Aw);
-
- return this.doRender(cs, rs, ds, Av, Ay, Ax);
- },
-
-
-
-
- doRender : Roo.isGecko ?
- function(cs, rs, ds, Az, A0, A1){
- var ts = this.templates, ct = ts.cell, rt = ts.row;
-
- var A2 = "", A3 = "", cb, A4, c, p = {}, rp = {}, r, a;
- for(var j = 0, len = rs.length; j < len; j++){
- r = rs[j]; cb = ""; A4 = ""; a = (j+Az);
- for(var i = 0; i < A0; i++){
- c = cs[i];
- p.cellId = "x-grid-cell-" + a + "-" + i;
- p.id = c.id;
- p.css = p.attr = "";
- p.value = c.renderer(r.data[c.name], p, r, a, i, ds);
- if(p.value == undefined || p.value === "") p.value = " ";
- if(r.dirty && typeof r.modified[c.name] !== 'undefined'){
- p.css += p.css ? ' x-grid-dirty-cell' : 'x-grid-dirty-cell';
- }
- var Aa = ct.apply(p);
- if(!c.locked){
- cb+= Aa;
- }else {
- A4+= Aa;
- }
- }
- var alt = [];
- if(A1 && ((a+1) % 2 == 0)){
- alt[0] = "x-grid-row-alt";
- }
- if(r.dirty){
- alt[1] = " x-grid-dirty-row";
- }
-
- rp.cells = A4;
- if(this.getRowClass){
- alt[2] = this.getRowClass(r, a);
- }
-
- rp.alt = alt.join(" ");
- A3+= rt.apply(rp);
- rp.cells = cb;
- A2+= rt.apply(rp);
- }
- return [A3, A2];
- } :
- function(cs, rs, ds, A5, A6, A7){
- var ts = this.templates, ct = ts.cell, rt = ts.row;
-
- var A8 = [], A9 = [], cb, BA, c, p = {}, rp = {}, r, a;
- for(var j = 0, len = rs.length; j < len; j++){
- r = rs[j]; cb = []; BA = []; a = (j+A5);
- for(var i = 0; i < A6; i++){
- c = cs[i];
- p.cellId = "x-grid-cell-" + a + "-" + i;
- p.id = c.id;
- p.css = p.attr = "";
- p.value = c.renderer(r.data[c.name], p, r, a, i, ds);
- if(p.value == undefined || p.value === "") p.value = " ";
- if(r.dirty && typeof r.modified[c.name] !== 'undefined'){
- p.css += p.css ? ' x-grid-dirty-cell' : 'x-grid-dirty-cell';
- }
- var Aa = ct.apply(p);
- if(!c.locked){
- cb[cb.length] = Aa;
- }else {
- BA[BA.length] = Aa;
- }
- }
- var alt = [];
- if(A7 && ((a+1) % 2 == 0)){
- alt[0] = "x-grid-row-alt";
- }
- if(r.dirty){
- alt[1] = " x-grid-dirty-row";
- }
-
- rp.cells = BA;
- if(this.getRowClass){
- alt[2] = this.getRowClass(r, a);
- }
-
- rp.alt = alt.join(" ");
- rp.cells = BA.join("");
- A9[A9.length] = rt.apply(rp);
- rp.cells = cb.join("");
- A8[A8.length] = rt.apply(rp);
- }
- return [A9.join(""), A8.join("")];
- },
-
- renderBody : function(){
- var BB = this.renderRows();
- var bt = this.templates.body;
- return [bt.apply({rows: BB[0]}), bt.apply({rows: BB[1]})];
- },
-
-
-
- refresh : function(BC){
- this.fireEvent("beforerefresh", this);
- this.grid.stopEditing();
- var BD = this.renderBody();
- this.lockedBody.update(BD[0]);
- this.mainBody.update(BD[1]);
- if(BC === true){
- this.updateHeaders();
- this.updateColumns();
- this.updateSplitters();
- this.updateHeaderSortState();
- }
-
- this.syncRowHeights();
- this.layout();
- this.fireEvent("refresh", this);
- },
-
- handleColumnMove : function(cm, BE, BF){
- this.indexMap = null;
- var s = this.getScrollState();
- this.refresh(true);
- this.restoreScroll(s);
- this.afterMove(BF);
- },
-
- afterMove : function(BG){
- if(this.enableMoveAnim && Roo.enableFx){
- this.fly(this.getHeaderCell(BG).firstChild).highlight(this.hlColor);
- }
- },
-
- updateCell : function(dm, BH, BI){
- var BJ = this.getColumnIndexByDataIndex(BI);
- if(typeof BJ == "undefined"){
- return;
- }
- var cm = this.grid.colModel;
- var BK = this.getCell(BH, BJ);
- var BL = this.getCellText(BH, BJ);
-
- var p = {
- cellId : "x-grid-cell-" + BH + "-" + BJ,
- id : cm.getColumnId(BJ),
- css: BJ == cm.getColumnCount()-1 ? "x-grid-col-last" : ""
- };
- var BM = cm.getRenderer(BJ);
- var BN = BM(dm.getValueAt(BH, BI), p, BH, BJ, dm);
- if(typeof BN == "undefined" || BN === "") BN = " ";
- BL.innerHTML = BN;
- BK.className = this.cellClass + " " + this.idToCssName(p.cellId) + " " + p.css;
- this.syncRowHeights(BH, BH);
- },
-
- calcColumnWidth : function(BO, BP){
- var BQ = 0;
- if(this.grid.autoSizeHeaders){
- var h = this.getHeaderCellMeasure(BO);
- BQ = Math.max(BQ, h.scrollWidth);
- }
- var tb, BR;
- if(this.cm.isLocked(BO)){
- tb = this.getLockedTable();
- BR = BO;
- }else {
- tb = this.getBodyTable();
- BR = BO - this.cm.getLockedCount();
- }
- if(tb && tb.rows){
- var Ar = tb.rows;
- var stopIndex = Math.min(BP || Ar.length, Ar.length);
- for(var i = 0; i < stopIndex; i++){
- var BK = Ar[i].childNodes[BR].firstChild;
- BQ = Math.max(BQ, BK.scrollWidth);
- }
- }
- return BQ +
- 5;
- },
-
-
- autoSizeColumn : function(BS, BT, BU){
- if(this.cm.isHidden(BS)){
- return;
- }
- if(BT){
- var AW = this.cm.getColumnId(BS);
- this.css.updateRule(this.colSelector +this.idToCssName( AW), "width", this.grid.minColumnWidth + "px");
- if(this.grid.autoSizeHeaders){
- this.css.updateRule(this.hdSelector + this.idToCssName(AW), "width", this.grid.minColumnWidth + "px");
- }
- }
- var BV = this.calcColumnWidth(BS);
- this.cm.setColumnWidth(BS,
- Math.max(this.grid.minColumnWidth, BV), BU);
- if(!BU){
- this.grid.fireEvent("columnresize", BS, BV);
- }
- },
-
-
-
- autoSizeColumns : function(){
- var cm = this.grid.colModel;
- var BW = cm.getColumnCount();
- for(var i = 0; i < BW; i++){
- this.autoSizeColumn(i, true, true);
- }
- if(cm.getTotalWidth() < this.scroller.dom.clientWidth){
- this.fitColumns();
- }else {
- this.updateColumns();
- this.layout();
- }
- },
-
-
-
- fitColumns : function(BX){
- var cm = this.grid.colModel;
- var BY = cm.getColumnCount();
- var BZ = [];
- var Ba = 0;
- var i, w;
- for (i = 0; i < BY; i++){
- if(!cm.isHidden(i) && !cm.isFixed(i)){
- w = cm.getColumnWidth(i);
- BZ.push(i);
- BZ.push(w);
- Ba += w;
- }
- }
- var Bb = Math.min(this.scroller.dom.clientWidth, this.el.getWidth());
- if(BX){
- Bb -= 17;
- }
- var Bc = (Bb - cm.getTotalWidth())/Ba;
- while (BZ.length){
- w = BZ.pop();
- i = BZ.pop();
- cm.setColumnWidth(i, Math.floor(w + w*Bc), true);
- }
-
- this.updateColumns();
- this.layout();
- },
-
- onRowSelect : function(Bd){
- var Be = this.getRowComposite(Bd);
- Be.addClass("x-grid-row-selected");
- },
-
- onRowDeselect : function(Bf){
- var Bg = this.getRowComposite(Bf);
- Bg.removeClass("x-grid-row-selected");
- },
-
- onCellSelect : function(Bh, Bi){
- var Bj = this.getCell(Bh, Bi);
- if(Bj){
- Roo.fly(Bj).addClass("x-grid-cell-selected");
- }
- },
-
- onCellDeselect : function(Bk, Bl){
- var Bm = this.getCell(Bk, Bl);
- if(Bm){
- Roo.fly(Bm).removeClass("x-grid-cell-selected");
- }
- },
-
- updateHeaderSortState : function(){
- var Bn = this.ds.getSortState();
- if(!Bn){
- return;
- }
-
- this.sortState = Bn;
- var Bo = this.cm.findColumnIndex(Bn.field);
- if(Bo != -1){
- var Ao = Bn.direction;
- var sc = this.sortClasses;
- var hds = this.el.select(this.headerSelector).removeClass(sc);
- hds.item(Bo).addClass(sc[Ao == "DESC" ? 1 : 0]);
- }
- },
-
- handleHeaderClick : function(g, Bp){
- if(this.headersDisabled){
- return;
- }
- var dm = g.dataSource, cm = g.colModel;
- if(!cm.isSortable(Bp)){
- return;
- }
-
- g.stopEditing();
- dm.sort(cm.getDataIndex(Bp));
- },
-
-
- destroy : function(){
- if(this.colMenu){
- this.colMenu.removeAll();
- Roo.menu.MenuMgr.unregister(this.colMenu);
- this.colMenu.getEl().remove();
- delete this.colMenu;
- }
- if(this.hmenu){
- this.hmenu.removeAll();
- Roo.menu.MenuMgr.unregister(this.hmenu);
- this.hmenu.getEl().remove();
- delete this.hmenu;
- }
- if(this.grid.enableColumnMove){
- var dds = Roo.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();
- Roo.get(elid).remove();
- } else if(dds[dd].config.isTarget){
- dds[dd].proxyTop.remove();
- dds[dd].proxyBottom.remove();
- dds[dd].unreg();
- }
- if(Roo.dd.DDM.locationCache[dd]){
- delete Roo.dd.DDM.locationCache[dd];
- }
- }
- delete Roo.dd.DDM.ids['gridHeader' + this.grid.getGridEl().id];
- }
- }
-
- Roo.util.CSS.removeStyleSheet(this.idToCssName(this.grid.id) + '-cssrules');
- this.bind(null, null);
- Roo.EventManager.removeResizeListener(this.onWindowResize, this);
- },
-
- handleLockChange : function(){
- this.refresh(true);
- },
-
- onDenyColumnLock : function(){
-
- },
-
- onDenyColumnHide : function(){
-
- },
-
- handleHdMenuClick : function(Bq){
- var Br = this.hdCtxIndex;
- var cm = this.cm, ds = this.ds;
- switch(Bq.id){
- case "asc":
- ds.sort(cm.getDataIndex(Br), "ASC");
- break;
- case "desc":
- ds.sort(cm.getDataIndex(Br), "DESC");
- break;
- case "lock":
- var lc = cm.getLockedCount();
- if(cm.getColumnCount(true) <= lc+1){
- this.onDenyColumnLock();
- return;
- }
- if(lc != Br){
- cm.setLocked(Br, true, true);
- cm.moveColumn(Br, lc);
- this.grid.fireEvent("columnmove", Br, lc);
- }else {
- cm.setLocked(Br, true);
- }
- break;
- case "unlock":
- var lc = cm.getLockedCount();
- if((lc-1) != Br){
- cm.setLocked(Br, false, true);
- cm.moveColumn(Br, lc-1);
- this.grid.fireEvent("columnmove", Br, lc-1);
- }else {
- cm.setLocked(Br, false);
- }
- break;
- default:
- Br = cm.getIndexById(Bq.id.substr(4));
- if(Br != -1){
- if(Bq.checked && cm.getColumnCount(true) <= 1){
- this.onDenyColumnHide();
- return false;
- }
-
- cm.setHidden(Br, Bq.checked);
- }
- }
- return true;
- },
-
- beforeColMenuShow : function(){
- var cm = this.cm, Bs = cm.getColumnCount();
- this.colMenu.removeAll();
- for(var i = 0; i < Bs; i++){
- this.colMenu.add(new Roo.menu.CheckItem({
- id: "col-"+cm.getColumnId(i),
- text: cm.getColumnHeader(i),
- checked: !cm.isHidden(i),
- hideOnClick:false
- }));
- }
- },
-
- handleHdCtx : function(g, Bt, e){
- e.stopEvent();
- var hd = this.getHeaderCell(Bt);
- this.hdCtxIndex = Bt;
- var ms = this.hmenu.items, cm = this.cm;
- ms.get("asc").setDisabled(!cm.isSortable(Bt));
- ms.get("desc").setDisabled(!cm.isSortable(Bt));
- if(this.grid.enableColLock !== false){
- ms.get("lock").setDisabled(cm.isLocked(Bt));
- ms.get("unlock").setDisabled(!cm.isLocked(Bt));
- }
-
- this.hmenu.show(hd, "tl-bl");
- },
-
- handleHdOver : function(e){
- var hd = this.findHeaderCell(e.getTarget());
- if(hd && !this.headersDisabled){
- if(this.grid.colModel.isSortable(this.getCellIndex(hd))){
- this.fly(hd).addClass("x-grid-hd-over");
- }
- }
- },
-
- handleHdOut : function(e){
- var hd = this.findHeaderCell(e.getTarget());
- if(hd){
- this.fly(hd).removeClass("x-grid-hd-over");
- }
- },
-
- handleSplitDblClick : function(e, t){
- var i = this.getCellIndex(t);
- if(this.grid.enableColumnResize !== false && this.cm.isResizable(i) && !this.cm.isFixed(i)){
- this.autoSizeColumn(i, true);
- this.layout();
- }
- },
-
- render : function(){
-
- var cm = this.cm;
- var Bu = cm.getColumnCount();
-
- if(this.grid.monitorWindowResize === true){
- Roo.EventManager.onWindowResize(this.onWindowResize, this, true);
- }
- var Bv = this.renderHeaders();
- var Bw = this.templates.body.apply({rows:""});
- var Bx = this.templates.master.apply({
- lockedBody: Bw,
- body: Bw,
- lockedHeader: Bv[0],
- header: Bv[1]
- });
-
-
-
- this.grid.getGridEl().dom.innerHTML = Bx;
-
- this.initElements();
-
- this.scroller.on("scroll", this.handleScroll, this);
- this.lockedBody.on("mousewheel", this.handleWheel, this);
- this.mainBody.on("mousewheel", this.handleWheel, this);
-
- this.mainHd.on("mouseover", this.handleHdOver, this);
- this.mainHd.on("mouseout", this.handleHdOut, this);
- this.mainHd.on("dblclick", this.handleSplitDblClick, this,
- {delegate: "."+this.splitClass});
-
- this.lockedHd.on("mouseover", this.handleHdOver, this);
- this.lockedHd.on("mouseout", this.handleHdOut, this);
- this.lockedHd.on("dblclick", this.handleSplitDblClick, this,
- {delegate: "."+this.splitClass});
-
- if(this.grid.enableColumnResize !== false && Roo.grid.SplitDragZone){
- new Roo.grid.SplitDragZone(this.grid, this.lockedHd.dom, this.mainHd.dom);
- }
-
-
- this.updateSplitters();
-
- if(this.grid.enableColumnMove && Roo.grid.HeaderDragZone){
- new Roo.grid.HeaderDragZone(this.grid, this.lockedHd.dom, this.mainHd.dom);
- new Roo.grid.HeaderDropZone(this.grid, this.lockedHd.dom, this.mainHd.dom);
- }
-
- if(this.grid.enableCtxMenu !== false && Roo.menu.Menu){
- this.hmenu = new Roo.menu.Menu({id: this.grid.id + "-hctx"});
- this.hmenu.add(
- {id:"asc", text: this.sortAscText, cls: "xg-hmenu-sort-asc"},
- {id:"desc", text: this.sortDescText, cls: "xg-hmenu-sort-desc"}
- );
- if(this.grid.enableColLock !== false){
- this.hmenu.add('-',
- {id:"lock", text: this.lockText, cls: "xg-hmenu-lock"},
- {id:"unlock", text: this.unlockText, cls: "xg-hmenu-unlock"}
- );
- }
- if(this.grid.enableColumnHide !== false){
-
- this.colMenu = new Roo.menu.Menu({id:this.grid.id + "-hcols-menu"});
- this.colMenu.on("beforeshow", this.beforeColMenuShow, this);
- this.colMenu.on("itemclick", this.handleHdMenuClick, this);
-
- this.hmenu.add('-',
- {id:"columns", text: this.columnsText, menu: this.colMenu}
- );
- }
-
- this.hmenu.on("itemclick", this.handleHdMenuClick, this);
-
- this.grid.on("headercontextmenu", this.handleHdCtx, this);
- }
-
- if((this.grid.enableDragDrop || this.grid.enableDrag) && Roo.grid.GridDragZone){
- this.dd = new Roo.grid.GridDragZone(this.grid, {
- ddGroup : this.grid.ddGroup || 'GridDD'
- });
- }
-
-
-
-
-
- this.updateHeaderSortState();
-
- this.beforeInitialResize();
- this.layout(true);
-
-
- this.renderPhase2.defer(1, this);
- },
-
- renderPhase2 : function(){
-
- this.refresh();
- if(this.grid.autoSizeColumns){
- this.autoSizeColumns();
- }
- },
-
- beforeInitialResize : function(){
-
- },
-
- onColumnSplitterMoved : function(i, w){
- this.userResized = true;
- var cm = this.grid.colModel;
- cm.setColumnWidth(i, w, true);
- var By = cm.getColumnId(i);
- this.css.updateRule(this.colSelector + this.idToCssName(By), "width", (w-this.borderWidth) + "px");
- this.css.updateRule(this.hdSelector + this.idToCssName(By), "width", (w-this.borderWidth) + "px");
- this.updateSplitters();
- this.layout();
- this.grid.fireEvent("columnresize", i, w);
- },
-
- syncRowHeights : function(Bz, B0){
- if(this.grid.enableRowHeightSync === true && this.cm.getLockedCount() > 0){
- Bz = Bz || 0;
- var mrows = this.getBodyTable().rows;
- var As = this.getLockedTable().rows;
- var len = mrows.length-1;
- B0 = Math.min(B0 || len, len);
- for(var i = Bz; i <= B0; i++){
- var m = mrows[i], l = As[i];
- var h = Math.max(m.offsetHeight, l.offsetHeight);
- m.style.height = l.style.height = h + "px";
- }
- }
- },
-
- layout : function(B1, B2){
- var g = this.grid;
- var B3 = g.autoHeight;
- var B4 = 16;
- var c = g.getGridEl(), cm = this.cm,
- B5 = g.autoExpandColumn,
- gv = this;
-
-
- if(!c.dom.offsetWidth){
- if(B1){
- this.lockedWrap.show();
- this.mainWrap.show();
- }
- return;
- }
-
- var B6 = this.cm.isLocked(0);
-
- var B7 = this.headerPanel.getHeight();
- var B8 = this.footerPanel.getHeight();
-
- if(B3){
- var ch = this.getBodyTable().offsetHeight + B7 + B8 + this.mainHd.getHeight();
- var newHeight = ch + c.getBorderWidth("tb");
- if(g.maxHeight){
- newHeight = Math.min(g.maxHeight, newHeight);
- }
-
- c.setHeight(newHeight);
- }
-
- if(g.autoWidth){
- c.setWidth(cm.getTotalWidth()+c.getBorderWidth('lr'));
- }
-
- var s = this.scroller;
-
- var B9 = c.getSize(true);
-
- this.el.setSize(B9.width, B9.height);
-
- this.headerPanel.setWidth(B9.width);
- this.footerPanel.setWidth(B9.width);
-
- var CA = this.mainHd.getHeight();
- var vw = B9.width;
- var vh = B9.height - (B7 + B8);
-
- s.setSize(vw, vh);
-
- var bt = this.getBodyTable();
- var CB = B6 ?
- Math.max(this.getLockedTable().offsetWidth, this.lockedHd.dom.firstChild.offsetWidth) : 0;
-
- var CC = bt.offsetHeight;
- var CD = CB + bt.offsetWidth;
- var CE = false, CF = false;
-
- this.scrollSizer.setSize(CD, CC+CA);
-
- var lw = this.lockedWrap, mw = this.mainWrap;
- var lb = this.lockedBody, mb = this.mainBody;
-
- setTimeout(function(){
- var t = s.dom.offsetTop;
- var w = s.dom.clientWidth,
- h = s.dom.clientHeight;
-
- lw.setTop(t);
- lw.setSize(CB, h);
-
- mw.setLeftTop(CB, t);
- mw.setSize(w-CB, h);
-
- lb.setHeight(h-CA);
- mb.setHeight(h-CA);
-
- if(B2 !== true && !gv.userResized && B5){
-
-
- var ci = cm.getIndexById(B5);
- if (ci < 0) {
- ci = cm.findColumnIndex(B5);
- }
-
- ci = Math.max(0, ci);
- var expandId = cm.getColumnId(ci);
- var tw = cm.getTotalWidth(false);
- var currentWidth = cm.getColumnWidth(ci);
- var cw = Math.min(Math.max(((w-tw)+currentWidth-2)-
-(w <= s.dom.offsetWidth ? 0 : 18), g.autoExpandMin), g.autoExpandMax);
- if(currentWidth != cw){
- cm.setColumnWidth(ci, cw, true);
- gv.css.updateRule(gv.colSelector+gv.idToCssName(expandId), "width", (cw - gv.borderWidth) + "px");
- gv.css.updateRule(gv.hdSelector+gv.idToCssName(expandId), "width", (cw - gv.borderWidth) + "px");
- gv.updateSplitters();
- gv.layout(false, true);
- }
- }
-
- if(B1){
- lw.show();
- mw.show();
- }
-
- }, 10);
- },
-
- onWindowResize : function(){
- if(!this.grid.monitorWindowResize || this.grid.autoHeight){
- return;
- }
-
- this.layout();
- },
-
- appendFooter : function(CG){
- return null;
- },
-
- sortAscText : "Sort Ascending",
- sortDescText : "Sort Descending",
- lockText : "Lock Column",
- unlockText : "Unlock Column",
- columnsText : "Columns"
-});
-
-
-Roo.grid.GridView.ColumnDragZone = function(CH, hd){
- Roo.grid.GridView.ColumnDragZone.superclass.constructor.call(this, CH, hd, null);
- this.proxy.el.addClass('x-grid3-col-dd');
-};
-
-Roo.extend(Roo.grid.GridView.ColumnDragZone, Roo.grid.HeaderDragZone, {
- handleMouseDown : function(e){
-
- },
-
- callHandleMouseDown : function(e){
- Roo.grid.GridView.ColumnDragZone.superclass.handleMouseDown.call(this, e);
- }
-});
-
-
-
-
-
-
-Roo.grid.SplitDragZone = function(A, hd, B){
- this.grid = A;
- this.view = A.getView();
- this.proxy = this.view.resizeProxy;
- Roo.grid.SplitDragZone.superclass.constructor.call(this, hd,
- "gridSplitters" + this.grid.getGridEl().id, {
- dragElId : Roo.id(this.proxy.dom), resizeFrame:false
- });
- this.setHandleElId(Roo.id(hd));
- this.setOuterHandleElId(Roo.id(B));
- this.scroll = false;
-};
-Roo.extend(Roo.grid.SplitDragZone, Roo.dd.DDProxy, {
- fly: Roo.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 C = Math.max(w-this.grid.minColumnWidth, 0);
- this.resetConstraints();
- this.setXConstraint(C, 1000);
- this.setYConstraint(0, 0);
- this.minX = x - C;
- this.maxX = x + 1000;
- this.startPos = x;
- Roo.dd.DDProxy.prototype.b4StartDrag.call(this, x, y);
- },
-
-
- handleMouseDown : function(e){
- ev = Roo.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)){
- Roo.grid.SplitDragZone.superclass.handleMouseDown.apply(this, arguments);
- }
- }
- },
-
- endDrag : function(e){
- this.view.headersDisabled = false;
- var D = Math.max(this.minX, Roo.lib.Event.getPageX(e));
- var E = D - this.startPos;
- this.view.onColumnSplitterMoved(this.cellIndex, this.cm.getColumnWidth(this.cellIndex)+E);
- },
-
- autoOffset : function(){
- this.setDelta(0,0);
- }
-});
-
-
-
-
-
-Roo.grid.GridDragZone = function(A, B){
- this.view = A.getView();
- Roo.grid.GridDragZone.superclass.constructor.call(this, this.view.mainBody.dom, B);
- if(this.view.lockedBody){
- this.setHandleElId(Roo.id(this.view.mainBody.dom));
- this.setOuterHandleElId(Roo.id(this.view.lockedBody.dom));
- }
-
- this.scroll = false;
- this.grid = A;
- this.ddel = document.createElement('div');
- this.ddel.className = 'x-grid-dd-wrap';
-};
-
-Roo.extend(Roo.grid.GridDragZone, Roo.dd.DragZone, {
- ddGroup : "GridDD",
-
- getDragData : function(e){
- var t = Roo.lib.Event.getTarget(e);
- var C = this.view.findRowIndex(t);
- if(C !== false){
- var sm = this.grid.selModel;
-
-
-
- if (e.hasModifier()){
- sm.handleMouseDown(e, t);
- }
- return {grid: this.grid, ddel: this.ddel, rowIndex: C, selections:sm.getSelections()};
- }
- return false;
- },
-
- onInitDrag : function(e){
- var D = this.dragData;
- this.ddel.innerHTML = this.grid.getDragDropText();
- this.proxy.update(this.ddel);
-
- },
-
- afterRepair : function(){
- this.dragging = false;
- },
-
- getRepairXY : function(e, E){
- return false;
- },
-
- onEndDrag : function(F, e){
-
- },
-
- onValidDrop : function(dd, e, id){
-
- this.hideProxy();
- },
-
- beforeInvalidDrop : function(e, id){
-
- }
-});
-
-
-
-
-
-
-Roo.grid.ColumnModel = function(A){
-
-
- this.config = A;
- this.lookup = {};
-
-
-
-
- for(var i = 0, len = A.length; i < len; i++){
- var c = A[i];
- if(typeof c.dataIndex == "undefined"){
- c.dataIndex = i;
- }
- if(typeof c.renderer == "string"){
- c.renderer = Roo.util.Format[c.renderer];
- }
- if(typeof c.id == "undefined"){
- c.id = Roo.id();
- }
- if(c.editor && c.editor.xtype){
- c.editor = Roo.factory(c.editor, Roo.grid);
- }
- if(c.editor && c.editor.isFormField){
- c.editor = new Roo.grid.GridEditor(c.editor);
- }
-
- this.lookup[c.id] = c;
- }
-
-
-
-
- this.defaultWidth = 100;
-
-
-
- this.defaultSortable = false;
-
- this.addEvents({
-
-
- "widthchange": true,
-
-
- "headerchange": true,
-
-
- "hiddenchange": true,
-
-
- "columnmoved" : true,
-
-
- "columnlockchange" : true
- });
- Roo.grid.ColumnModel.superclass.constructor.call(this);
-};
-Roo.extend(Roo.grid.ColumnModel, Roo.util.Observable, {
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- getColumnId : function(B){
- return this.config[B].id;
- },
-
-
-
- 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;
- },
-
-
-
- findColumnIndex : function(C){
- for(var i = 0, len = this.config.length; i < len; i++){
- if(this.config[i].dataIndex == C){
- return i;
- }
- }
- return -1;
- },
-
-
- moveColumn : function(D, E){
- var c = this.config[D];
- this.config.splice(D, 1);
- this.config.splice(E, 0, c);
- this.dataMap = null;
- this.fireEvent("columnmoved", this, D, E);
- },
-
- isLocked : function(F){
- return this.config[F].locked === true;
- },
-
- setLocked : function(G, H, I){
- if(this.isLocked(G) == H){
- return;
- }
-
- this.config[G].locked = H;
- if(!I){
- this.fireEvent("columnlockchange", this, G, H);
- }
- },
-
- getTotalLockedWidth : function(){
- var J = 0;
- for(var i = 0; i < this.config.length; i++){
- if(this.isLocked(i) && !this.isHidden(i)){
- this.totalWidth += this.getColumnWidth(i);
- }
- }
- return J;
- },
-
- getLockedCount : function(){
- for(var i = 0, len = this.config.length; i < len; i++){
- if(!this.isLocked(i)){
- return i;
- }
- }
- },
-
-
-
- getColumnCount : function(K){
- if(K === 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, L){
- var r = [];
- for(var i = 0, len = this.config.length; i < len; i++){
- var c = this.config[i];
- if(fn.call(L||this, c, i) === true){
- r[r.length] = c;
- }
- }
- return r;
- },
-
-
-
- isSortable : function(M){
- if(typeof this.config[M].sortable == "undefined"){
- return this.defaultSortable;
- }
- return this.config[M].sortable;
- },
-
-
-
- getRenderer : function(N){
- if(!this.config[N].renderer){
- return Roo.grid.ColumnModel.defaultRenderer;
- }
- return this.config[N].renderer;
- },
-
-
-
- setRenderer : function(O, fn){
- this.config[O].renderer = fn;
- },
-
-
-
- getColumnWidth : function(P){
- return this.config[P].width || this.defaultWidth;
- },
-
-
-
- setColumnWidth : function(Q, R, S){
- this.config[Q].width = R;
- this.totalWidth = null;
- if(!S){
- this.fireEvent("widthchange", this, Q, R);
- }
- },
-
-
-
- getTotalWidth : function(T){
- if(!this.totalWidth){
- this.totalWidth = 0;
- for(var i = 0, len = this.config.length; i < len; i++){
- if(T || !this.isHidden(i)){
- this.totalWidth += this.getColumnWidth(i);
- }
- }
- }
- return this.totalWidth;
- },
-
-
-
- getColumnHeader : function(U){
- return this.config[U].header;
- },
-
-
-
- setColumnHeader : function(V, W){
- this.config[V].header = W;
- this.fireEvent("headerchange", this, V, W);
- },
-
-
-
- getColumnTooltip : function(X){
- return this.config[X].tooltip;
- },
-
-
- setColumnTooltip : function(Y, Z){
- this.config[Y].tooltip = Z;
- },
-
-
-
- getDataIndex : function(a){
- return this.config[a].dataIndex;
- },
-
-
-
- setDataIndex : function(b, d){
- this.config[b].dataIndex = d;
- },
-
-
-
-
-
- isCellEditable : function(e, f){
- return (this.config[e].editable || (typeof this.config[e].editable == "undefined" && this.config[e].editor)) ? true : false;
- },
-
-
-
- getCellEditor : function(g, h){
- return this.config[g].editor;
- },
-
-
-
- setEditable : function(j, k){
- this.config[j].editable = k;
- },
-
-
-
-
- isHidden : function(l){
- return this.config[l].hidden;
- },
-
-
-
-
- isFixed : function(m){
- return this.config[m].fixed;
- },
-
-
-
- isResizable : function(n){
- return n >= 0 && this.config[n].resizable !== false && this.config[n].fixed !== true;
- },
-
-
- setHidden : function(o, p){
- this.config[o].hidden = p;
- this.totalWidth = null;
- this.fireEvent("hiddenchange", this, o, p);
- },
-
-
-
- setEditor : function(q, s){
- this.config[q].editor = s;
- }
-});
-
-Roo.grid.ColumnModel.defaultRenderer = function(t){
- if(typeof t == "string" && t.length < 1){
- return " ";
- }
- return t;
-};
-
-
-Roo.grid.DefaultColumnModel = Roo.grid.ColumnModel;
-
-
-
-
-
-
-Roo.grid.AbstractSelectionModel = function(){
- this.locked = false;
- Roo.grid.AbstractSelectionModel.superclass.constructor.call(this);
-};
-
-Roo.extend(Roo.grid.AbstractSelectionModel, Roo.util.Observable, {
-
-
- init : function(A){
- this.grid = A;
- this.initEvents();
- },
-
-
-
- lock : function(){
- this.locked = true;
- },
-
-
-
- unlock : function(){
- this.locked = false;
- },
-
-
-
- isLocked : function(){
- return this.locked;
- }
-});
-
-
-
-
-Roo.grid.RowSelectionModel = function(A){
- Roo.apply(this, A);
- this.selections = new Roo.util.MixedCollection(false, function(o){
- return o.id;
- });
-
- this.last = false;
- this.lastActive = false;
-
- this.addEvents({
-
-
- "selectionchange" : true,
-
-
- "afterselectionchange" : true,
-
-
- "beforerowselect" : true,
-
-
- "rowselect" : true,
-
-
- "rowdeselect" : true
- });
- Roo.grid.RowSelectionModel.superclass.constructor.call(this);
- this.locked = false;
-};
-
-Roo.extend(Roo.grid.RowSelectionModel, Roo.grid.AbstractSelectionModel, {
-
-
- singleSelect : false,
-
-
- initEvents : function(){
-
- if(!this.grid.enableDragDrop && !this.grid.enableDrag){
- this.grid.on("mousedown", this.handleMouseDown, this);
- }else {
- this.grid.on("rowclick", this.handleDragableRowClick, this);
- }
-
-
- this.rowNav = new Roo.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();
- }
-
- this.fireEvent("afterselectionchange", this);
- },
- "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();
- }
-
- this.fireEvent("afterselectionchange", this);
- },
- scope: this
- });
-
- var B = this.grid.view;
- B.on("refresh", this.onRefresh, this);
- B.on("rowupdated", this.onRowUpdated, this);
- B.on("rowremoved", this.onRemove, this);
- },
-
-
- onRefresh : function(){
- var ds = this.grid.dataSource, i, v = this.grid.view;
- var s = this.selections;
- s.each(function(r){
- if((i = ds.indexOfId(r.id)) != -1){
- v.onRowSelect(i);
- }else {
- s.remove(r);
- }
- });
- },
-
-
- onRemove : function(v, C, r){
- this.selections.remove(r);
- },
-
-
- onRowUpdated : function(v, D, r){
- if(this.isSelected(r)){
- v.onRowSelect(D);
- }
- },
-
-
-
- selectRecords : function(E, F){
- if(!F){
- this.clearSelections();
- }
- var ds = this.grid.dataSource;
- for(var i = 0, len = E.length; i < len; i++){
- this.selectRow(ds.indexOf(E[i]), true);
- }
- },
-
-
-
- getCount : function(){
- return this.selections.length;
- },
-
-
-
- selectFirstRow : function(){
- this.selectRow(0);
- },
-
-
-
- selectLastRow : function(G){
- this.selectRow(this.grid.dataSource.getCount() - 1, G);
- },
-
-
-
- selectNext : function(H){
- if(this.last !== false && (this.last+1) < this.grid.dataSource.getCount()){
- this.selectRow(this.last+1, H);
- this.grid.getView().focusRow(this.last);
- }
- },
-
-
-
- selectPrevious : function(I){
- if(this.last){
- this.selectRow(this.last-1, I);
- this.grid.getView().focusRow(this.last);
- }
- },
-
-
-
- getSelections : function(){
- return [].concat(this.selections.items);
- },
-
-
-
- getSelected : function(){
- return this.selections.itemAt(0);
- },
-
-
-
-
- clearSelections : function(J){
- if(this.locked) return;
- if(J !== true){
- var ds = this.grid.dataSource;
- 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.dataSource.getCount(); i < len; i++){
- this.selectRow(i, true);
- }
- },
-
-
-
- hasSelection : function(){
- return this.selections.length > 0;
- },
-
-
-
- isSelected : function(K){
- var r = typeof K == "number" ? this.grid.dataSource.getAt(K) : K;
- return (r && this.selections.key(r.id) ? true : false);
- },
-
-
-
- isIdSelected : function(id){
- return (this.selections.key(id) ? true : false);
- },
-
-
- handleMouseDown : function(e, t){
- var L = this.grid.getView(), M;
- if(this.isLocked() || (M = L.findRowIndex(t)) === false){
- return;
- };
- if(e.shiftKey && this.last !== false){
- var last = this.last;
- this.selectRange(last, M, e.ctrlKey);
- this.last = last;
- L.focusRow(M);
- }else {
- var isSelected = this.isSelected(M);
- if(e.button !== 0 && isSelected){
- L.focusRow(M);
- }else if(e.ctrlKey && isSelected){
- this.deselectRow(M);
- }else if(!isSelected){
- this.selectRow(M, e.button === 0 && (e.ctrlKey || e.shiftKey));
- L.focusRow(M);
- }
- }
-
- this.fireEvent("afterselectionchange", this);
- },
-
- handleDragableRowClick : function(N, O, e)
- {
- if(e.button === 0 && !e.shiftKey && !e.ctrlKey) {
- this.selectRow(O, false);
- N.view.focusRow(O);
- this.fireEvent("afterselectionchange", this);
- }
- },
-
-
-
- selectRows : function(P, Q){
- if(!Q){
- this.clearSelections();
- }
- for(var i = 0, len = P.length; i < len; i++){
- this.selectRow(P[i], true);
- }
- },
-
-
-
- selectRange : function(R, S, T){
- if(this.locked) return;
- if(!T){
- this.clearSelections();
- }
- if(R <= S){
- for(var i = R; i <= S; i++){
- this.selectRow(i, true);
- }
- }else {
- for(var i = R; i >= S; i--){
- this.selectRow(i, true);
- }
- }
- },
-
-
-
- deselectRange : function(U, V, W){
- if(this.locked) return;
- for(var i = U; i <= V; i++){
- this.deselectRow(i, W);
- }
- },
-
-
-
- selectRow : function(X, Y, Z){
- if(this.locked || (X < 0 || X >= this.grid.dataSource.getCount())) return;
- if(this.fireEvent("beforerowselect", this, X, Y) !== false){
- if(!Y || this.singleSelect){
- this.clearSelections();
- }
- var r = this.grid.dataSource.getAt(X);
- this.selections.add(r);
- this.last = this.lastActive = X;
- if(!Z){
- this.grid.getView().onRowSelect(X);
- }
-
- this.fireEvent("rowselect", this, X, r);
- this.fireEvent("selectionchange", this);
- }
- },
-
-
-
- deselectRow : function(a, b){
- if(this.locked) return;
- if(this.last == a){
- this.last = false;
- }
- if(this.lastActive == a){
- this.lastActive = false;
- }
- var r = this.grid.dataSource.getAt(a);
- this.selections.remove(r);
- if(!b){
- this.grid.getView().onRowDeselect(a);
- }
-
- this.fireEvent("rowdeselect", this, a);
- this.fireEvent("selectionchange", this);
- },
-
-
- restoreLast : function(){
- if(this._last){
- this.last = this._last;
- }
- },
-
-
- acceptsNav : function(c, d, cm){
- return !cm.isHidden(d) && cm.isCellEditable(d, c);
- },
-
-
- onEditorKey : function(f, e){
- var k = e.getKey(), h, g = this.grid, ed = g.activeEditor;
- if(k == e.TAB){
- e.stopEvent();
- ed.completeEdit();
- if(e.shiftKey){
- h = g.walkCells(ed.row, ed.col-1, -1, this.acceptsNav, this);
- }else {
- h = g.walkCells(ed.row, ed.col+1, 1, this.acceptsNav, this);
- }
- }else if(k == e.ENTER && !e.ctrlKey){
- e.stopEvent();
- ed.completeEdit();
- if(e.shiftKey){
- h = g.walkCells(ed.row-1, ed.col, -1, this.acceptsNav, this);
- }else {
- h = g.walkCells(ed.row+1, ed.col, 1, this.acceptsNav, this);
- }
- }else if(k == e.ESC){
- ed.cancelEdit();
- }
- if(h){
- g.startEditing(h[0], h[1]);
- }
- }
-});
-
-
-
-
-Roo.grid.CellSelectionModel = function(A){
- Roo.apply(this, A);
-
- this.selection = null;
-
- this.addEvents({
-
-
- "beforecellselect" : true,
-
-
- "cellselect" : true,
-
-
- "selectionchange" : true
- });
- Roo.grid.CellSelectionModel.superclass.constructor.call(this);
-};
-
-Roo.extend(Roo.grid.CellSelectionModel, Roo.grid.AbstractSelectionModel, {
-
-
-
- initEvents : function(){
- this.grid.on("mousedown", this.handleMouseDown, this);
- this.grid.getGridEl().on(Roo.isIE ? "keydown" : "keypress", this.handleKeyDown, this);
- var B = this.grid.view;
- B.on("refresh", this.onViewChange, this);
- B.on("rowupdated", this.onRowUpdated, this);
- B.on("beforerowremoved", this.clearSelections, this);
- B.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, C, r){
- if(this.selection && this.selection.record == r){
- v.onCellSelect(C, this.selection.cell[1]);
- }
- },
-
-
- onViewChange : function(){
- this.clearSelections(true);
- },
-
-
-
- getSelectedCell : function(){
- return this.selection ? this.selection.cell : null;
- },
-
-
-
- clearSelections : function(D){
- var s = this.selection;
- if(s){
- if(D !== 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(e, t){
- var v = this.grid.getView();
- if(this.isLocked()){
- return;
- };
- var E = v.findRowIndex(t);
- var F = v.findCellIndex(t);
- if(E !== false && F !== false){
- this.select(E, F);
- }
- },
-
-
-
- select : function(G, H, I, J,
- r){
- if(this.fireEvent("beforecellselect", this, G, H) !== false){
- this.clearSelections();
- r = r || this.grid.dataSource.getAt(G);
- this.selection = {
- record : r,
- cell : [G, H]
- };
- if(!I){
- var v = this.grid.getView();
- v.onCellSelect(G, H);
- if(J !== true){
- v.focusCell(G, H);
- }
- }
-
- this.fireEvent("cellselect", this, G, H);
- this.fireEvent("selectionchange", this, this.selection);
- }
- },
-
-
- isSelectable : function(K, L, cm){
- return !cm.isHidden(L);
- },
-
-
-
- handleKeyDown : function(e){
- if(!e.isNavKeyPress()){
- return;
- }
- var g = this.grid, s = this.selection;
- if(!s){
- e.stopEvent();
- var F = g.walkCells(0, 0, 1, this.isSelectable, this);
- if(F){
- this.select(F[0], F[1]);
- }
- return;
- }
- var sm = this;
- var M = function(O, P, Q){
- return g.walkCells(O, P, Q, sm.isSelectable, sm);
- };
- var k = e.getKey(), r = s.cell[0], c = s.cell[1];
- var N;
-
- switch(k){
- case e.TAB:
- if(e.shiftKey){
- N = M(r, c-1, -1);
- }else {
- N = M(r, c+1, 1);
- }
- break;
- case e.DOWN:
- N = M(r+1, c, 1);
- break;
- case e.UP:
- N = M(r-1, c, -1);
- break;
- case e.RIGHT:
- N = M(r, c+1, 1);
- break;
- case e.LEFT:
- N = M(r, c-1, -1);
- break;
- case e.ENTER:
- if(g.isEditor && !g.editing){
- g.startEditing(r, c);
- e.stopEvent();
- return;
- }
- break;
- };
- if(N){
- this.select(N[0], N[1]);
- e.stopEvent();
- }
- },
-
- acceptsNav : function(O, P, cm){
- return !cm.isHidden(P) && cm.isCellEditable(P, O);
- },
-
- onEditorKey : function(Q, e){
- var k = e.getKey(), R, g = this.grid, ed = g.activeEditor;
- if(k == e.TAB){
- if(e.shiftKey){
- R = g.walkCells(ed.row, ed.col-1, -1, this.acceptsNav, this);
- }else {
- R = g.walkCells(ed.row, ed.col+1, 1, this.acceptsNav, this);
- }
-
- e.stopEvent();
- }else if(k == e.ENTER && !e.ctrlKey){
- ed.completeEdit();
- e.stopEvent();
- }else if(k == e.ESC){
- ed.cancelEdit();
- }
- if(R){
- g.startEditing(R[0], R[1]);
- }
- }
-});
-
-
-
-
-
-Roo.grid.EditorGrid = function(A, B){
- Roo.grid.EditorGrid.superclass.constructor.call(this, A, B);
- this.getGridEl().addClass("xedit-grid");
-
- if(!this.selModel){
- this.selModel = new Roo.grid.CellSelectionModel();
- }
-
-
- this.activeEditor = null;
-
- this.addEvents({
-
-
- "beforeedit" : true,
-
-
- "afteredit" : true,
-
-
- "validateedit" : true
- });
- this.on("bodyscroll", this.stopEditing, this);
- this.on(this.clicksToEdit == 1 ? "cellclick" : "celldblclick", this.onCellDblClick, this);
-};
-
-Roo.extend(Roo.grid.EditorGrid, Roo.grid.Grid, {
-
-
- clicksToEdit: 2,
-
-
- isEditor : true,
-
- trackMouseOver: false,
-
- onCellDblClick : function(g, C, D){
- this.startEditing(C, D);
- },
-
- onEditComplete : function(ed, E, F){
- this.editing = false;
- this.activeEditor = null;
- ed.un("specialkey", this.selModel.onEditorKey, this.selModel);
- var r = ed.record;
- var G = this.colModel.getDataIndex(ed.col);
- var e = {
- grid: this,
- record: r,
- field: G,
- originalValue: F,
- value: E,
- row: ed.row,
- column: ed.col,
- cancel:false,
- editor: ed
- };
- if(String(E) !== String(F)){
-
- if(this.fireEvent("validateedit", e) !== false && !e.cancel){
- r.set(G, e.value);
- delete e.cancel;
- this.fireEvent("afteredit", e);
- }
- } else {
- this.fireEvent("afteredit", e);
- }
-
- this.view.focusCell(ed.row, ed.col);
- },
-
-
-
- startEditing : function(H, I){
- this.stopEditing();
- if(this.colModel.isCellEditable(I, H)){
- this.view.ensureVisible(H, I, true);
- var r = this.dataSource.getAt(H);
- var G = this.colModel.getDataIndex(I);
- var e = {
- grid: this,
- record: r,
- field: G,
- value: r.data[G],
- row: H,
- column: I,
- cancel:false
- };
- if(this.fireEvent("beforeedit", e) !== false && !e.cancel){
- this.editing = true;
- var ed = this.colModel.getCellEditor(I, H);
-
- if (!ed) {
- return;
- }
- if(!ed.rendered){
- ed.render(ed.parentEl || document.body);
- }
-
- ed.field.reset();
- (function(){
- ed.row = H;
- ed.col = I;
- ed.record = r;
- ed.on("complete", this.onEditComplete, this, {single: true});
- ed.on("specialkey", this.selModel.onEditorKey, this.selModel);
- this.activeEditor = ed;
- var v = r.data[G];
- ed.startEdit(this.view.getCell(H, I), v);
- }).defer(50, this);
- }
- }
- },
-
-
-
- stopEditing : function(){
- if(this.activeEditor){
- this.activeEditor.completeEdit();
- }
-
- this.activeEditor = null;
- }
-});
-
-
-
-
-
-
-
-
-Roo.grid.GridEditor = function(A, B){
- if (!B && A.field) {
- B = A;
- A = Roo.factory(B.field, Roo.form);
- }
-
- Roo.grid.GridEditor.superclass.constructor.call(this, A, B);
- A.monitorTab = false;
-};
-
-Roo.extend(Roo.grid.GridEditor, Roo.Editor, {
-
-
-
-
- alignment: "tl-tl",
- autoSize: "width",
- hideEl : false,
- cls: "x-small-editor x-grid-editor",
- shim:false,
- shadow:"frame"
-});
-
-
-
-
-
-Roo.grid.PropertyRecord = Roo.data.Record.create([
- {name:'name',type:'string'}, 'value'
-]);
-
-
-Roo.grid.PropertyStore = function(A, B){
- this.grid = A;
- this.store = new Roo.data.Store({
- recordType : Roo.grid.PropertyRecord
- });
- this.store.on('update', this.onUpdate, this);
- if(B){
- this.setSource(B);
- }
-
- Roo.grid.PropertyStore.superclass.constructor.call(this);
-};
-
-
-
-Roo.extend(Roo.grid.PropertyStore, Roo.util.Observable, {
- setSource : function(o){
- this.source = o;
- this.store.removeAll();
- var C = [];
- for(var k in o){
- if(this.isEditableValue(o[k])){
- C.push(new Roo.grid.PropertyRecord({name: k, value: o[k]}, k));
- }
- }
-
- this.store.loadRecords({records: C}, {}, true);
- },
-
- onUpdate : function(ds, D, E){
- if(E == Roo.data.Record.EDIT){
- var v = D.data['value'];
- var oldValue = D.modified['value'];
- if(this.grid.fireEvent('beforepropertychange', this.source, D.id, v, oldValue) !== false){
- this.source[D.id] = v;
- D.commit();
- this.grid.fireEvent('propertychange', this.source, D.id, v, oldValue);
- }else {
- D.reject();
- }
- }
- },
-
- getProperty : function(F){
- return this.store.getAt(F);
- },
-
- isEditableValue: function(G){
- if(G && G instanceof Date){
- return true;
- }else if(typeof G == 'object' || typeof G == 'function'){
- return false;
- }
- return true;
- },
-
- setValue : function(H, I){
- this.source[H] = I;
- this.store.getById(H).set('value', I);
- },
-
- getSource : function(){
- return this.source;
- }
-});
-
-Roo.grid.PropertyColumnModel = function(J, K){
- this.grid = J;
- var g = Roo.grid;
- g.PropertyColumnModel.superclass.constructor.call(this, [
- {header: this.nameText, sortable: true, dataIndex:'name', id: 'name'},
- {header: this.valueText, resizable:false, dataIndex: 'value', id: 'value'}
- ]);
- this.store = K;
- this.bselect = Roo.DomHelper.append(document.body, {
- tag: 'select', style:'display:none', cls: 'x-grid-editor', children: [
- {tag: 'option', value: 'true', html: 'true'},
- {tag: 'option', value: 'false', html: 'false'}
- ]
- });
- Roo.id(this.bselect);
- var f = Roo.form;
- 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;'})),
- 'int' : new g.GridEditor(new f.NumberField({selectOnFocus:true, allowDecimals:false, style:'text-align:left;'})),
- 'boolean' : new g.GridEditor(new f.Field({el:this.bselect,selectOnFocus:true}))
- };
- this.renderCellDelegate = this.renderCell.createDelegate(this);
- this.renderPropDelegate = this.renderProp.createDelegate(this);
-};
-
-Roo.extend(Roo.grid.PropertyColumnModel, Roo.grid.ColumnModel, {
-
-
- nameText : 'Name',
- valueText : 'Value',
-
- dateFormat : 'm/j/Y',
-
-
- renderDate : function(L){
- return L.dateFormat(this.dateFormat);
- },
-
- renderBool : function(M){
- return M ? 'true' : 'false';
- },
-
- isCellEditable : function(N, O){
- return N == 1;
- },
-
- getRenderer : function(P){
- return P == 1 ?
- this.renderCellDelegate : this.renderPropDelegate;
- },
-
- renderProp : function(v){
- return this.getPropertyName(v);
- },
-
- renderCell : function(Q){
- var rv = Q;
- if(Q instanceof Date){
- rv = this.renderDate(Q);
- }else if(typeof Q == 'boolean'){
- rv = this.renderBool(Q);
- }
- return Roo.util.Format.htmlEncode(rv);
- },
-
- getPropertyName : function(R){
- var pn = this.grid.propertyNames;
- return pn && pn[R] ? pn[R] : R;
- },
-
- getCellEditor : function(S, T){
- var p = this.store.getProperty(T);
- var n = p.data['name'], U = p.data['value'];
-
- if(typeof(this.grid.customEditors[n]) == 'string'){
- return this.editors[this.grid.customEditors[n]];
- }
- if(typeof(this.grid.customEditors[n]) != 'undefined'){
- return this.grid.customEditors[n];
- }
- if(U instanceof Date){
- return this.editors['date'];
- }else if(typeof U == 'number'){
- return this.editors['number'];
- }else if(typeof U == 'boolean'){
- return this.editors['boolean'];
- }else {
- return this.editors['string'];
- }
- }
-});
-
-
-
-Roo.grid.PropertyGrid = function(V, W){
- W = W || {};
- var X = new Roo.grid.PropertyStore(this);
- this.store = X;
- var cm = new Roo.grid.PropertyColumnModel(this, X);
- X.store.sort('name', 'ASC');
- Roo.grid.PropertyGrid.superclass.constructor.call(this, V, Roo.apply({
- ds: X.store,
- cm: cm,
- enableColLock:false,
- enableColumnMove:false,
- stripeRows:false,
- trackMouseOver: false,
- clicksToEdit:1
- }, W));
- this.getGridEl().addClass('x-props-grid');
- this.lastEditRow = null;
- this.on('columnresize', this.onColumnResize, this);
- this.addEvents({
-
-
- "beforepropertychange": true,
-
-
- "propertychange": true
- });
- this.customEditors = this.customEditors || {};
-};
-Roo.extend(Roo.grid.PropertyGrid, Roo.grid.EditorGrid, {
-
-
-
-
-
-
-
- render : function(){
- Roo.grid.PropertyGrid.superclass.render.call(this);
- this.autoSize.defer(100, this);
- },
-
- autoSize : function(){
- Roo.grid.PropertyGrid.superclass.autoSize.call(this);
- if(this.view){
- this.view.fitColumns();
- }
- },
-
- onColumnResize : function(){
- this.colModel.setColumnWidth(1, this.container.getWidth(true)-this.colModel.getColumnWidth(0));
- this.autoSize();
- },
-
-
- setSource : function(Y){
- this.store.setSource(Y);
-
- },
-
-
- getSource : function(){
- return this.store.getSource();
- }
-});
-
-
-
-
-
-Roo.LoadMask = function(el, A){
- this.el = Roo.get(el);
- Roo.apply(this, A);
- if(this.store){
- this.store.on('beforeload', this.onBeforeLoad, this);
- this.store.on('load', this.onLoad, this);
- this.store.on('loadexception', this.onLoad, this);
- this.removeMask = false;
- }else {
- var um = this.el.getUpdateManager();
- um.showLoadIndicator = false;
- um.on('beforeupdate', this.onBeforeLoad, this);
- um.on('update', this.onLoad, this);
- um.on('failure', this.onLoad, this);
- this.removeMask = true;
- }
-};
-
-Roo.LoadMask.prototype = {
-
-
-
-
- msg : 'Loading...',
-
-
- msgCls : 'x-mask-loading',
-
-
-
- disabled: false,
-
-
-
- disable : function(){
- this.disabled = true;
- },
-
-
-
- enable : function(){
- this.disabled = false;
- },
-
-
- onLoad : function(){
- this.el.unmask(this.removeMask);
- },
-
-
- onBeforeLoad : function(){
- if(!this.disabled){
- this.el.mask(this.msg, this.msgCls);
- }
- },
-
-
- destroy : function(){
- if(this.store){
- this.store.un('beforeload', this.onBeforeLoad, this);
- this.store.un('load', this.onLoad, this);
- this.store.un('loadexception', this.onLoad, this);
- }else {
- var um = this.el.getUpdateManager();
- um.un('beforeupdate', this.onBeforeLoad, this);
- um.un('update', this.onLoad, this);
- um.un('failure', this.onLoad, this);
- }
- }
-};
-
-
-Roo.XTemplate = function(){
- Roo.XTemplate.superclass.constructor.apply(this, arguments);
- var s = this.html;
-
- s = ['<tpl>', s, '</tpl>'].join('');
-
- var re = /<tpl\b[^>]*>((?:(?=([^<]+))\2|<(?!tpl\b[^>]*>))*?)<\/tpl>/;
-
- var A = /^<tpl\b[^>]*?for="(.*?)"/;
- var B = /^<tpl\b[^>]*?if="(.*?)"/;
- var C = /^<tpl\b[^>]*?exec="(.*?)"/;
- var m, id = 0;
- var D = [];
-
- while(m = s.match(re)){
- var m2 = m[0].match(A);
- var m3 = m[0].match(B);
- var m4 = m[0].match(C);
- var exp = null, fn = null, exec = null;
- var name = m2 && m2[1] ? m2[1] : '';
- if(m3){
- exp = m3 && m3[1] ? m3[1] : null;
- if(exp){
- fn = new Function('values', 'parent', 'with(values){ return '+(Roo.util.Format.htmlDecode(exp))+'; }');
- }
- }
- if(m4){
- exp = m4 && m4[1] ? m4[1] : null;
- if(exp){
- exec = new Function('values', 'parent', 'with(values){ '+(Roo.util.Format.htmlDecode(exp))+'; }');
- }
- }
- if(name){
- switch(name){
- case '.': name = new Function('values', 'parent', 'with(values){ return values; }'); break;
- case '..': name = new Function('values', 'parent', 'with(values){ return parent; }'); break;
- default: name = new Function('values', 'parent', 'with(values){ return '+name+'; }');
- }
- }
-
- D.push({
- id: id,
- target: name,
- exec: exec,
- test: fn,
- body: m[1]||''
- });
- s = s.replace(m[0], '{xtpl'+ id + '}');
- ++id;
- }
- for(var i = D.length-1; i >= 0; --i){
- this.compileTpl(D[i]);
- }
-
- this.master = D[D.length-1];
- this.tpls = D;
-};
-Roo.extend(Roo.XTemplate, Roo.Template, {
-
- re : /\{([\w-\.]+)(?:\:([\w\.]*)(?:\((.*?)?\))?)?\}/g,
-
- applySubTemplate : function(id, E, F){
- var t = this.tpls[id];
- if(t.test && !t.test.call(this, E, F)){
- return '';
- }
- if(t.exec && t.exec.call(this, E, F)){
- return '';
- }
- var vs = t.target ? t.target.call(this, E, F) : E;
- F = t.target ? E : F;
- if(t.target && vs instanceof Array){
- var buf = [];
- for(var i = 0, len = vs.length; i < len; i++){
- buf[buf.length] = t.compiled.call(this, vs[i], F);
- }
- return buf.join('');
- }
- return t.compiled.call(this, vs, F);
- },
-
- compileTpl : function(G){
- var fm = Roo.util.Format;
- var H = this.disableFormats !== true;
- var I = Roo.isGecko ? "+" : ",";
- var fn = function(m, K, L, M){
- if(K.substr(0, 4) == 'xtpl'){
- return "'"+ I +'this.applySubTemplate('+K.substr(4)+', values, parent)'+I+"'";
- }
- var v;
- if(K.indexOf('.') != -1){
- v = K;
- }else {
- v = "values['" + K + "']";
- }
- if(L && H){
- M = M ? ',' + M : "";
- if(L.substr(0, 5) != "this."){
- L = "fm." + L + '(';
- }else {
- L = 'this.call("'+ L.substr(5) + '", ';
- M = ", values";
- }
- }else {
- M= ''; L = "("+v+" === undefined ? '' : ";
- }
- return "'"+ I + L + v + M + ")"+I+"'";
- };
- var J;
-
- if(Roo.isGecko){
- J = "tpl.compiled = function(values, parent){ return '" +
- G.body.replace(/(\r\n|\n)/g, '\\n').replace(/'/g, "\\'").replace(this.re, fn) +
- "';};";
- }else {
- J = ["tpl.compiled = function(values, parent){ return ['"];
- J.push(G.body.replace(/(\r\n|\n)/g, '\\n').replace(/'/g, "\\'").replace(this.re, fn));
- J.push("'].join('');};");
- J = J.join('');
- }
-
-
- eval(J);
- return this;
- },
-
- applyTemplate : function(K){
- return this.master.compiled.call(this, K, {});
- var s = this.subs;
- },
-
- apply : function(){
- return this.applyTemplate.apply(this, arguments);
- },
-
- compile : function(){return this;}
-});
-
-Roo.XTemplate.from = function(el){
- el = Roo.getDom(el);
- return new Roo.XTemplate(el.value || el.innerHTML);
-};
-
-
-
-
-
-Roo.XComponent = function(A) {
- Roo.apply(this, A);
- this.addEvents({
-
-
- 'built' : true,
-
-
- 'buildcomplete' : true,
-
- });
-
- Roo.XComponent.register(this);
- this.modules = false;
- this.el = false;
-
-
-}
-
-Roo.extend(Roo.XComponent, Roo.util.Observable, {
-
-
- el : false,
-
-
-
- panel : false,
-
-
-
- layout : false,
-
-
-
- disabled : false,
-
-
-
- parent: false,
-
-
-
-
- order : false,
-
-
- name : false,
-
-
- items : false,
-
-
-
-});
-
-Roo.apply(Roo.XComponent, {
-
-
-
- buildCompleted : false,
-
-
-
-
- topModule : false,
-
-
-
-
- modules : [],
-
-
-
-
- register : function(B) {
- this.modules.push(B);
-
- },
-
-
-
- toObject : function(C)
- {
- if (!C || typeof(C) == 'object') {
- return C;
- }
- var ar = C.split('.');
- var rt, o;
- rt = ar.shift();
-
-
- eval('if (typeof ' + rt + ' == "undefined"){ o = false;} o = ' + rt + ';');
- if (o === false) {
- throw "Module not found : " + C;
- }
-
- Roo.each(ar, function(e) {
- if (typeof(o[e]) == 'undefined') {
- throw "Module not found : " + C;
- }
-
- o = o[e];
- });
- return o;
-
- },
-
-
-
-
- preBuild : function ()
- {
-
- Roo.each(this.modules , function (D)
- {
- D.parent = this.toObject(D.parent);
-
- if (!D.parent) {
- this.topModule = D;
- return;
- }
-
- if (!D.parent.modules) {
- D.parent.modules = new Roo.util.MixedCollection(false,
- function(o) { return o.order + '' }
- );
- }
-
-
- D.parent.modules.add(D);
- }, this);
- },
-
-
-
-
- buildOrder : function()
- {
- var D = this;
- var E = function(a,b) {
- return String(a).toUpperCase() > String(b).toUpperCase() ? 1 : -1;
- };
-
- if (!this.topModule || !this.topModule.modules) {
- throw "No top level modules to build";
- }
-
-
- var F = [ this.topModule ];
-
-
-
- var G = function(m) {
-
-
- F.push(m);
- if (m.modules) {
- m.modules.keySort('ASC', E );
- m.modules.each(G);
- }
-
- if (m.finalize) {
- m.finalize.name = m.name + " (clean up) ";
- F.push(m.finalize);
- }
-
- }
-
- this.topModule.modules.keySort('ASC', E );
- this.topModule.modules.each(G);
- return F;
- },
-
-
-
-
- build : function()
- {
-
- this.preBuild();
- var H = this.buildOrder();
-
-
-
-
- if (!H.length) {
- throw "NO modules!!!";
- }
-
-
-
-
-
- Roo.MessageBox.show({ title: 'loading' });
- Roo.MessageBox.show({
- title: "Please wait...",
- msg: "Building Interface...",
- width:450,
- progress:true,
- closable:false,
- modal: false
-
- });
- var I = H.length;
-
- var J = this;
- var K = function() {
- if (!H.length) {
- console.log('hide?');
- Roo.MessageBox.hide();
- J.topModule.fireEvent('buildcomplete', J.topModule);
- return;
- }
-
- var m = H.shift();
- console.log(m);
- if (typeof(m) == 'function') {
- m.call(this);
- return K.defer(10, J);
- }
-
- Roo.MessageBox.updateProgress(
- (I - H.length)/I, "Building Interface " + (I - H.length) +
- " of " + I +
- (m.name ? (' - ' + m.name) : '')
- );
-
-
-
- var L = (typeof(m.disabled) == 'function') ?
- m.disabled.call(m.module.disabled) : m.disabled;
-
-
- if (L) {
- return K();
- }
-
- if (!m.parent) {
-
- var layoutbase = new Ext.BorderLayout(document.body, {
-
- center: {
- titlebar: false,
- autoScroll:false,
- closeOnTab: true,
- tabPosition: 'top',
-
- alwaysShowTabs: true,
- minTabWidth: 140
- }
- });
- var M = m.tree();
- M.region = 'center';
- m.el = layoutbase.addxtype(M);
- m.panel = m.el;
- m.layout = m.panel.layout;
- return K.defer(10, J);
- }
-
- var M = m.tree();
- M.region = M.region || m.region;
- m.el = m.parent.el.addxtype(M);
- m.fireEvent('built', m);
- m.panel = m.el;
- m.layout = m.panel.layout;
- K.defer(10, J);
-
- }
-
- K.defer(1, J);
-
-
-
- }
-
-
-
-
-});
-
-
-
-
-
-
-
-Roo.Login = function(A)
-{
- this.addEvents({
- 'refreshed' : true,
- });
-
- Roo.apply(this,A);
-
- Roo.onReady(function() {
- this.onLoad();
- }, this);
-
-
-
- Roo.Login.superclass.constructor.call(this, this);
-
-
-
-}
-
-
-
-Roo.extend(Roo.Login, Roo.LayoutDialog, {
-
-
-
-
- method : 'POST',
-
-
- url : '',
-
-
-
- user : false,
-
-
- checkFails : 0,
-
-
- intervalID : 0,
-
-
- onLoad : function()
- {
-
-
- if (Roo.get('loading')) {
- Roo.get('loading').remove();
- }
-
-
-
-
- this.check({
- success: function(B, C) {
-
- var D = this.processResponse(B);
- this.checkFails =0;
- if (!D.success) {
- this.checkFails = 5;
-
- return this.failure(B,C);
- }
-
- if (!D.data.id) {
- return this.show();
- }
-
-
-
-
- this.fillAuth(D.data);
- this.checkFails =0;
- Roo.XComponent.build();
- },
- failure : this.show
- });
-
- },
-
-
- check: function(B)
- {
- if (B.again) {
- this.checkFails++;
- } else {
- this.checkFails = 0;
- }
- var C = this;
- if (this.sending) {
- if ( this.checkFails > 4) {
- Roo.MessageBox.alert("Error",
- "Error getting authentication status. - try reloading, or wait a while", function() {
- C.sending = false;
- });
- return;
- }
-
- B.again = true;
- C.check.defer(10000, C, [ B ]);
- return;
- }
-
- this.sending = true;
-
- Roo.Ajax.request({
- url: this.url,
- params: {
- getAuthUser: true
- },
- method: this.method,
- success: B.success || this.success,
- failure : B.failure || this.failure,
- scope : this,
- callCfg : B
-
- });
- },
-
-
- logout: function()
- {
- window.onbeforeunload = function() { };
- this.user = false;
- var D = this;
-
- Roo.Ajax.request({
- url: this.url,
- params: {
- logout: 1
- },
- method: 'GET',
- failure : function() {
- Roo.MessageBox.alert("Error", "Error logging out. - continuing anyway.", function() {
- document.location = document.location.toString() + '?ts=' + Math.random();
- });
-
- },
- success : function() {
- D.user = false;
- this.checkFails =0;
-
- document.location = document.location.toString() + '?ts=' + Math.random();
- }
-
-
- });
- },
-
- processResponse : function (E)
- {
- var F = '';
- try {
- F = Roo.decode(E.responseText);
-
- if (typeof(F) != 'object') {
- F = { success : false, errorMsg : F, errors : true };
- }
- if (typeof(F.success) == 'undefined') {
- F.success = false;
- }
-
- } catch(e) {
- res = { success : false, errorMsg : response.responseText, errors : true };
- }
- return F;
- },
-
- success : function(G, H)
- {
- this.sending = false;
- var I = this.processResponse(G);
- if (!I.success) {
- return this.failure(G, H);
- }
- if (!I.data || !I.data.id) {
- return this.failure(G,H);
- }
-
-
- this.fillAuth(I.data);
-
- this.checkFails =0;
-
- },
-
-
- failure : function (J, K)
- {
- this.authUser = -1;
- this.sending = false;
- var L = this.processResponse(J);
-
- if ( this.checkFails > 2) {
-
- Roo.MessageBox.alert("Error", L.errorMsg ? L.errorMsg :
- "Error getting authentication status. - try reloading");
- return;
- }
-
- K.callCfg.again = true;
- this.check.defer(1000, this, [ K.callCfg ]);
- return;
- },
-
-
-
- fillAuth: function(au) {
- this.startAuthCheck();
- this.authUserId = au.id;
- this.authUser = au;
- this.lastChecked = new Date();
- this.fireEvent('refreshed', au);
-
-
- au.lang = au.lang || 'en';
-
- Roo.state.Manager.set( this.realm + 'lang' , au.lang);
- this.switchLang(au.lang );
-
-
-
- if (this.authUserId < 0) {
- Roo.MessageBox.alert("Warning",
- "This is an open system - please set up a admin user with a password.");
- }
-
-
-
-
- },
-
- startAuthCheck : function()
- {
- if (this.intervalID) {
- return false;
- }
- var M = this;
- this.intervalID = window.setInterval(function() {
- M.check(false);
- }, 120000);
-
-
- },
-
-
- switchLang : function (N)
- {
- _T = typeof(_T) == 'undefined' ? false : _T;
- if (!_T || !N.length) {
- return;
- }
-
- if (!_T && N != 'en') {
- Roo.MessageBox.alert("Sorry", "Language not available yet (" + N +')');
- return;
- }
-
- if (typeof(_T.en) == 'undefined') {
- _T.en = {};
- Roo.apply(_T.en, _T);
- }
-
- if (typeof(_T[N]) == 'undefined') {
- Roo.MessageBox.alert("Sorry", "Language not available yet (" + N +')');
- return;
- }
-
-
-
- Roo.apply(_T, _T[N]);
-
- var O = this;
-
-
-
-
- },
-
-
- title: "Login",
- modal: true,
- width: 350,
-
- height: 180,
- shadow: true,
- minWidth:200,
- minHeight:180,
-
- closable: false,
- draggable: false,
- collapsible: false,
- resizable: false,
- center: {
- autoScroll:false,
- titlebar: false,
-
- hideTabs: true,
- closeOnTab: true,
- alwaysShowTabs: false
- } ,
- listeners : {
-
- show : function(P)
- {
-
- this.form = this.layout.getRegion('center').activePanel.form;
- this.form.dialog = P;
- this.buttons[0].form = this.form;
- this.buttons[0].dialog = P
- this.buttons[1].form = this.form;
- this.buttons[1].dialog = P;
-
-
-
-
-
-
-
-
-
-
-
-
- if (this.disabled) {
- this.hide();
- return;
- }
-
- if (this.user.id < 0) {
- return;
- }
-
- if (this.intervalID) {
-
- window.clearInterval(this.intervalID);
- this.intervalID = false;
- }
-
-
- if (Roo.get('loading')) {
- Roo.get('loading').remove();
- }
- if (Roo.get('loading-mask')) {
- Roo.get('loading-mask').hide();
- }
-
-
-
- this.form.reset();
-
-
- this.el.unmask();
-
-
- this.form.setValues({
- 'username' : Roo.state.Manager.get(this.realm + '.username', ''),
- 'lang' : Roo.state.Manager.get(this.realm + '.lang', 'en')
- });
-
- this.switchLang(Roo.state.Manager.get(this.realm + '.lang', 'en'));
- if (this.form.findField('username').getValue().length > 0 ){
- this.form.findField('password').focus();
- } else {
- this.form.findField('username').focus();
- }
-
- }
- },
- items : [
- {
-
- xtype : 'ContentPanel',
- xns : Roo,
- region: 'center',
- fitToFrame : true,
-
- items : [
-
- {
-
- xtype : 'Form',
- xns : Roo.form,
- labelWidth: 100,
- style : 'margin: 10px;',
-
- listeners : {
- actionfailed : function(f, Q) {
-
-
-
-
-
- this.dialog.el.unmask();
- Roo.MessageBox.alert("Error", Q.result.errorMsg ? Q.result.errorMsg :
- "Login failed - communication error - try again.");
-
- },
- actioncomplete: function(re, R) {
-
- Roo.state.Manager.set(
- this.dialog.realm + '.username',
- this.findField('username').getValue()
- );
- Roo.state.Manager.set(
- this.dialog.realm + '.lang',
- this.findField('lang').getValue()
- );
-
- this.dialog.fillAuth(R.result.data);
-
- this.dialog.hide();
-
- if (Roo.get('loading-mask')) {
- Roo.get('loading-mask').show();
- }
-
- Roo.XComponent.build();
-
-
-
- }
- },
- items : [
- {
- xtype : 'TextField',
- xns : Roo.form,
- fieldLabel: "Email Address",
- name: 'username',
- width:200,
- autoCreate : {tag: "input", type: "text", size: "20"}
- },
- {
- xtype : 'TextField',
- xns : Roo.form,
- fieldLabel: "Password",
- inputType: 'password',
- name: 'password',
- width:200,
- autoCreate : {tag: "input", type: "text", size: "20"},
- listeners : {
- specialkey : function(e,ev) {
- if (ev.keyCode == 13) {
- this.form.dialog.el.mask("Logging in");
- this.form.doAction('submit', {
- url: this.form.dialog.url,
- method: this.form.dialog.method,
- });
- }
- }
- }
- },
- {
- xtype : 'ComboBox',
- xns : Roo.form,
- fieldLabel: "Language",
- name : 'langdisp',
- store: {
- xtype : 'SimpleStore',
- fields: ['lang', 'ldisp'],
- data : [
- [ 'en', 'English' ],
- [ 'zh_HK' , '\u7E41\u4E2D' ],
- [ 'zh_CN', '\u7C21\u4E2D' ]
- ]
- },
-
- valueField : 'lang',
- hiddenName: 'lang',
- width: 200,
- displayField:'ldisp',
- typeAhead: false,
- editable: false,
- mode: 'local',
- triggerAction: 'all',
- emptyText:'Select a Language...',
- selectOnFocus:true,
- listeners : {
- select : function(cb, S, ix) {
- this.form.switchLang(S.data.lang);
- }
- }
-
- }
- ]
- }
-
-
- ]
- }
- ],
- buttons : [
- {
- xtype : 'Button',
- xns : 'Roo',
- text : "Forgot Password",
- listeners : {
- click : function() {
-
- var n = this.form.findField('username').getValue();
- if (!n.length) {
- Roo.MessageBox.alert("Error", "Fill in your email address");
- return;
- }
-
- Roo.Ajax.request({
- url: this.dialog.url,
- params: {
- passwordRequest: n
- },
- method: this.dialog.method,
- success: function(T, U) {
-
- var V = this.dialog.processResponse(T);
- if (!V.success) {
- Roo.MessageBox.alert("Error" ,
- V.errorMsg ? V.errorMsg : "Problem Requesting Password Reset");
- return;
- }
-
- Roo.MessageBox.alert("Notice" ,
- "Please check you email for the Password Reset message");
- },
- failure : function() {
- Roo.MessageBox.alert("Error" , "Problem Requesting Password Reset");
- }
-
- });
- }
- }
- },
- {
- xtype : 'Button',
- xns : 'Roo',
- text : "Login",
- listeners : {
-
- click : function () {
-
- this.dialog.el.mask("Logging in");
- this.form.doAction('submit', {
- url: this.dialog.url,
- method: this.dialog.method
- });
- }
- }
- }
- ]
-
-
-})
-
-
-
-
+window["undefined"]=window["undefined"];var Roo={};Roo.apply=function(o,c,A){if(A){Roo.apply(o,A);}if(o&&c&&typeof c=='object'){for(var p in c){o[p]=c[p];}}return o;};(function(){var B=0;var ua=navigator.userAgent.toLowerCase();var C=document.compatMode=="CSS1Compat",D=ua.indexOf("opera")>-1,E=(/webkit|khtml/).test(ua),F=ua.indexOf("msie")>-1,G=ua.indexOf("msie 7")>-1,H=!E&&ua.indexOf("gecko")>-1,I=F&&!C,J=(ua.indexOf("windows")!=-1||ua.indexOf("win32")!=-1),K=(ua.indexOf("macintosh")!=-1||ua.indexOf("mac os x")!=-1),L=(ua.indexOf("linux")!=-1),M=window.location.href.toLowerCase().indexOf("https")===0;if(F&&!G){try{document.execCommand("BackgroundImageCache",false,true);}catch(e){}}
+Roo.apply(Roo,{isStrict:C,isSecure:M,isReady:false,debug:false,enableGarbageCollector:true,enableListenerCollection:false,SSL_SECURE_URL:"javascript:false",BLANK_IMAGE_URL:"http:/"+"/localhost/s.gif",emptyFn:function(){},applyIf:function(o,c){if(o&&c){for(var p in c){if(typeof o[p]=="undefined"){o[p]=c[p];}}}return o;},addBehaviors:function(o){if(!Roo.isReady){Roo.onReady(function(){Roo.addBehaviors(o);});return;}var N={};for(var b in o){var parts=b.split('@');if(parts[1]){var s=parts[0];if(!N[s]){N[s]=Roo.select(s);}
+N[s].on(parts[1],o[b]);}}
+N=null;},id:function(el,O){O=O||"roo-gen";el=Roo.getDom(el);var id=O+(++B);return el?(el.id?el.id:(el.id=id)):id;},extend:function(){var io=function(o){for(var m in o){this[m]=o[m];}};return function(sb,sp,P){if(typeof sp=='object'){P=sp;sp=sb;sb=function(){sp.apply(this,arguments);};}var F=function(){},sbp,spp=sp.prototype;F.prototype=spp;sbp=sb.prototype=new F();sbp.constructor=sb;sb.superclass=spp;if(spp.constructor==Object.prototype.constructor){spp.constructor=sp;}
+sb.override=function(o){Roo.override(sb,o);};sbp.override=io;Roo.override(sb,P);return sb;};}(),override:function(P,Q){if(Q){var p=P.prototype;for(var method in Q){p[method]=Q[method];}}},namespace:function(){var a=arguments,o=null,i,j,d,rt;for(i=0;i<a.length;++i){d=a[i].split(".");rt=d[0];eval('if (typeof '+rt+' == "undefined"){'+rt+' = {};} o = '+rt+';');for(j=1;j<d.length;++j){o[d[j]]=o[d[j]]||{};o=o[d[j]];}}},factory:function(c,ns){if(!c.xtype||(!ns&&!c.xns)||(c.xns===false)){return c;}
+ns=c.xns?c.xns:ns;if(c.constructor==ns[c.xtype]){return c;}if(ns[c.xtype]){if(Roo.debug)Roo.log("Roo.Factory("+c.xtype+")");var ret=new ns[c.xtype](c);ret.xns=false;return ret;}
+c.xns=false;return c;},log:function(s){if((typeof(console)=='undefined')||(typeof(console.log)=='undefined')){return;}
+console.log(s);},urlEncode:function(o){if(!o){return "";}var R=[];for(var key in o){var ov=o[key],k=encodeURIComponent(key);var type=typeof ov;if(type=='undefined'){R.push(k,"=&");}else if(type!="function"&&type!="object"){R.push(k,"=",encodeURIComponent(ov),"&");}else if(ov instanceof Array){if(ov.length){for(var i=0,len=ov.length;i<len;i++){R.push(k,"=",encodeURIComponent(ov[i]===undefined?'':ov[i]),"&");}}else {R.push(k,"=&");}}}
+R.pop();return R.join("");},urlDecode:function(S,T){if(!S||!S.length){return {};}var U={};var V=S.split('&');var W,X,Y;for(var i=0,len=V.length;i<len;i++){W=V[i].split('=');X=decodeURIComponent(W[0]);Y=decodeURIComponent(W[1]);if(T!==true){if(typeof U[X]=="undefined"){U[X]=Y;}else if(typeof U[X]=="string"){U[X]=[U[X]];U[X].push(Y);}else {U[X].push(Y);}}else {U[X]=Y;}}return U;},each:function(Z,fn,f){if(typeof Z.length=="undefined"||typeof Z=="string"){Z=[Z];}for(var i=0,len=Z.length;i<len;i++){if(fn.call(f||Z[i],Z[i],i,Z)===false){return i;};}},combine:function(){var as=arguments,l=as.length,r=[];for(var i=0;i<l;i++){var a=as[i];if(a instanceof Array){r=r.concat(a);}else if(a.length!==undefined&&!a.substr){r=r.concat(Array.prototype.slice.call(a,0));}else {r.push(a);}}return r;},escapeRe:function(s){return s.replace(/([.*+?^${}()|[\]\/\\])/g,"\\$1");},callback:function(cb,g,h,n){if(typeof cb=="function"){if(n){cb.defer(n,g,h||[]);}else {cb.apply(g,h||[]);}}},getDom:function(el){if(!el){return null;}return el.dom?el.dom:(typeof el=='string'?document.getElementById(el):el);},getCmp:function(id){return Roo.ComponentMgr.get(id);},num:function(v,q){if(typeof v!='number'){return q;}return v;},destroy:function(){for(var i=0,a=arguments,len=a.length;i<len;i++){var as=a[i];if(as){if(as.dom){as.removeAllListeners();as.remove();continue;}if(typeof as.purgeListeners=='function'){as.purgeListeners();}if(typeof as.destroy=='function'){as.destroy();}}}},type:function(o){if(o===undefined||o===null){return false;}if(o.htmlElement){return 'element';}var t=typeof o;if(t=='object'&&o.nodeName){switch(o.nodeType){case 1:return 'element';case 3:return (/\S/).test(o.nodeValue)?'textnode':'whitespace';}}if(t=='object'||t=='function'){switch(o.constructor){case Array:return 'array';case RegExp:return 'regexp';}if(typeof o.length=='number'&&typeof o.item=='function'){return 'nodelist';}}return t;},isEmpty:function(v,u){return v===null||v===undefined||(!u?v==='':false);},isOpera:D,isSafari:E,isIE:F,isIE7:G,isGecko:H,isBorderBox:I,isWindows:J,isLinux:L,isMac:K,useShims:((F&&!G)||(H&&K))});})();Roo.namespace("Roo","Roo.util","Roo.grid","Roo.dd","Roo.tree","Roo.data","Roo.form","Roo.menu","Roo.state","Roo.lib","Roo.layout","Roo.app","Roo.ux");
+(function(){if(Roo.isIE){function A(){var p=Function.prototype;delete p.createSequence;delete p.defer;delete p.createDelegate;delete p.createCallback;delete p.createInterceptor;window.detachEvent("onunload",A);}
+window.attachEvent("onunload",A);}})();Roo.apply(Function.prototype,{createCallback:function(){var B=arguments;var C=this;return function(){return C.apply(window,B);};},createDelegate:function(D,E,F){var G=this;return function(){var H=E||arguments;if(F===true){H=Array.prototype.slice.call(arguments,0);H=H.concat(E);}else if(typeof F=="number"){H=Array.prototype.slice.call(arguments,0);var applyArgs=[F,0].concat(E);Array.prototype.splice.apply(H,applyArgs);}return G.apply(D||window,H);};},defer:function(H,I,J,K){var fn=this.createDelegate(I,J,K);if(H){return setTimeout(fn,H);}
+fn();return 0;},createSequence:function(L,M){if(typeof L!="function"){return this;}var N=this;return function(){var O=N.apply(this||window,arguments);L.apply(M||this||window,arguments);return O;};},createInterceptor:function(O,P){if(typeof O!="function"){return this;}var Q=this;return function(){O.target=this;O.method=Q;if(O.apply(P||this||window,arguments)===false){return;}return Q.apply(this||window,arguments);};}});
+Roo.applyIf(String,{escape:function(A){return A.replace(/('|\\)/g,"\\$1");},leftPad:function(B,C,ch){var D=new String(B);if(ch===null||ch===undefined||ch===''){ch=" ";}while(D.length<C){D=ch+D;}return D;},format:function(E){var F=Array.prototype.slice.call(arguments,1);return E.replace(/\{(\d+)\}/g,function(m,i){return Roo.util.Format.htmlEncode(F[i]);});}});String.prototype.toggle=function(G,H){return this==G?H:G;};
+Roo.applyIf(Number.prototype,{constrain:function(A,B){return Math.min(Math.max(this,A),B);}});
+Roo.applyIf(Array.prototype,{indexOf:function(o){for(var i=0,len=this.length;i<len;i++){if(this[i]==o)return i;}return -1;},remove:function(o){var A=this.indexOf(o);if(A!=-1){this.splice(A,1);}},map:function(B){var C=this.length>>>0;if(typeof B!="function")throw new TypeError();var D=new Array(C);var E=arguments[1];for(var i=0;i<C;i++){if(i in this)D[i]=B.call(E,this[i],i,this);}return D;}});
+Date.prototype.getElapsed=function(A){return Math.abs((A||new Date()).getTime()-this.getTime());};Date.parseFunctions={count:0};Date.parseRegexes=[];Date.formatFunctions={count:0};Date.prototype.dateFormat=function(B){if(Date.formatFunctions[B]==null){Date.createNewFormat(B);}var C=Date.formatFunctions[B];return this[C]();};Date.prototype.format=Date.prototype.dateFormat;Date.createNewFormat=function(D){var E="format"+Date.formatFunctions.count++;Date.formatFunctions[D]=E;var F="Date.prototype."+E+" = function(){return ";var G=false;var ch='';for(var i=0;i<D.length;++i){ch=D.charAt(i);if(!G&&ch=="\\"){G=true;}else if(G){G=false;F+="'"+String.escape(ch)+"' + ";}else {F+=Date.getFormatCode(ch);}}eval(F.substring(0,F.length-3)+";}");};Date.getFormatCode=function(H){switch(H){case "d":return "String.leftPad(this.getDate(), 2, '0') + ";case "D":return "Date.dayNames[this.getDay()].substring(0, 3) + ";case "j":return "this.getDate() + ";case "l":return "Date.dayNames[this.getDay()] + ";case "S":return "this.getSuffix() + ";case "w":return "this.getDay() + ";case "z":return "this.getDayOfYear() + ";case "W":return "this.getWeekOfYear() + ";case "F":return "Date.monthNames[this.getMonth()] + ";case "m":return "String.leftPad(this.getMonth() + 1, 2, '0') + ";case "M":return "Date.monthNames[this.getMonth()].substring(0, 3) + ";case "n":return "(this.getMonth() + 1) + ";case "t":return "this.getDaysInMonth() + ";case "L":return "(this.isLeapYear() ? 1 : 0) + ";case "Y":return "this.getFullYear() + ";case "y":return "('' + this.getFullYear()).substring(2, 4) + ";case "a":return "(this.getHours() < 12 ? 'am' : 'pm') + ";case "A":return "(this.getHours() < 12 ? 'AM' : 'PM') + ";case "g":return "((this.getHours() % 12) ? this.getHours() % 12 : 12) + ";case "G":return "this.getHours() + ";case "h":return "String.leftPad((this.getHours() % 12) ? this.getHours() % 12 : 12, 2, '0') + ";case "H":return "String.leftPad(this.getHours(), 2, '0') + ";case "i":return "String.leftPad(this.getMinutes(), 2, '0') + ";case "s":return "String.leftPad(this.getSeconds(), 2, '0') + ";case "O":return "this.getGMTOffset() + ";case "T":return "this.getTimezone() + ";case "Z":return "(this.getTimezoneOffset() * -60) + ";default:return "'"+String.escape(H)+"' + ";}};Date.parseDate=function(I,J){if(Date.parseFunctions[J]==null){Date.createParser(J);}var K=Date.parseFunctions[J];return Date[K](I);};Date.createParser=function(L){var M="parse"+Date.parseFunctions.count++;var N=Date.parseRegexes.length;var O=1;Date.parseFunctions[L]=M;var P="Date."+M+" = function(input){\n"+"var y = -1, m = -1, d = -1, h = -1, i = -1, s = -1, o, z, v;\n"+"var d = new Date();\n"+"y = d.getFullYear();\n"+"m = d.getMonth();\n"+"d = d.getDate();\n"+"var results = input.match(Date.parseRegexes["+N+"]);\n"+"if (results && results.length > 0) {";var Q="";var R=false;var ch='';for(var i=0;i<L.length;++i){ch=L.charAt(i);if(!R&&ch=="\\"){R=true;}else if(R){R=false;Q+=String.escape(ch);}else {var obj=Date.formatCodeToRegex(ch,O);O+=obj.g;Q+=obj.s;if(obj.g&&obj.c){P+=obj.c;}}}
+P+="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"+"}return (v && (z || o))?\n"+" ((z)? v.add(Date.SECOND, (v.getTimezoneOffset() * 60) + (z*1)) :\n"+" v.add(Date.HOUR, (v.getGMTOffset() / 100) + (o / -100))) : v\n"+";}";Date.parseRegexes[N]=new RegExp("^"+Q+"$");eval(P);};Date.formatCodeToRegex=function(S,T){switch(S){case "D":return {g:0,c:null,s:"(?:Sun|Mon|Tue|Wed|Thu|Fri|Sat)"};case "j":return {g:1,c:"d = parseInt(results["+T+"], 10);\n",s:"(\\d{1,2})"};case "d":return {g:1,c:"d = parseInt(results["+T+"], 10);\n",s:"(\\d{2})"};case "l":return {g:0,c:null,s:"(?:"+Date.dayNames.join("|")+")"};case "S":return {g:0,c:null,s:"(?:st|nd|rd|th)"};case "w":return {g:0,c:null,s:"\\d"};case "z":return {g:0,c:null,s:"(?:\\d{1,3})"};case "W":return {g:0,c:null,s:"(?:\\d{2})"};case "F":return {g:1,c:"m = parseInt(Date.monthNumbers[results["+T+"].substring(0, 3)], 10);\n",s:"("+Date.monthNames.join("|")+")"};case "M":return {g:1,c:"m = parseInt(Date.monthNumbers[results["+T+"]], 10);\n",s:"(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)"};case "n":return {g:1,c:"m = parseInt(results["+T+"], 10) - 1;\n",s:"(\\d{1,2})"};case "m":return {g:1,c:"m = parseInt(results["+T+"], 10) - 1;\n",s:"(\\d{2})"};case "t":return {g:0,c:null,s:"\\d{1,2}"};case "L":return {g:0,c:null,s:"(?:1|0)"};case "Y":return {g:1,c:"y = parseInt(results["+T+"], 10);\n",s:"(\\d{4})"};case "y":return {g:1,c:"var ty = parseInt(results["+T+"], 10);\n"+"y = ty > Date.y2kYear ? 1900 + ty : 2000 + ty;\n",s:"(\\d{1,2})"};case "a":return {g:1,c:"if (results["+T+"] == 'am') {\n"+"if (h == 12) { h = 0; }\n"+"} else { if (h < 12) { h += 12; }}",s:"(am|pm)"};case "A":return {g:1,c:"if (results["+T+"] == 'AM') {\n"+"if (h == 12) { h = 0; }\n"+"} else { if (h < 12) { h += 12; }}",s:"(AM|PM)"};case "g":case "G":return {g:1,c:"h = parseInt(results["+T+"], 10);\n",s:"(\\d{1,2})"};case "h":case "H":return {g:1,c:"h = parseInt(results["+T+"], 10);\n",s:"(\\d{2})"};case "i":return {g:1,c:"i = parseInt(results["+T+"], 10);\n",s:"(\\d{2})"};case "s":return {g:1,c:"s = parseInt(results["+T+"], 10);\n",s:"(\\d{2})"};case "O":return {g:1,c:["o = results[",T,"];\n","var sn = o.substring(0,1);\n","var hr = o.substring(1,3)*1 + Math.floor(o.substring(3,5) / 60);\n","var mn = o.substring(3,5) % 60;\n","o = ((-12 <= (hr*60 + mn)/60) && ((hr*60 + mn)/60 <= 14))?\n"," (sn + String.leftPad(hr, 2, 0) + String.leftPad(mn, 2, 0)) : null;\n"].join(""),s:"([+\-]\\d{4})"};case "T":return {g:0,c:null,s:"[A-Z]{1,4}"};case "Z":return {g:1,c:"z = results["+T+"];\n"+"z = (-43200 <= z*1 && z*1 <= 50400)? z : null;\n",s:"([+\-]?\\d{1,5})"};default:return {g:0,c:null,s:String.escape(S)};}};Date.prototype.getTimezone=function(){return this.toString().replace(/^.*? ([A-Z]{1,4})[\-+][0-9]{4} .*$/,"$1");};Date.prototype.getGMTOffset=function(){return (this.getTimezoneOffset()>0?"-":"+")+String.leftPad(Math.abs(Math.floor(this.getTimezoneOffset()/60)),2,"0")+String.leftPad(this.getTimezoneOffset()%60,2,"0");};Date.prototype.getDayOfYear=function(){var U=0;Date.daysInMonth[1]=this.isLeapYear()?29:28;for(var i=0;i<this.getMonth();++i){U+=Date.daysInMonth[i];}return U+this.getDate()-1;};Date.prototype.getWeekOfYear=function(){var V=this.getDayOfYear()+(4-this.getDay());var W=new Date(this.getFullYear(),0,1);var X=(7-W.getDay()+4);return String.leftPad(((V-X)/7)+1,2,"0");};Date.prototype.isLeapYear=function(){var Y=this.getFullYear();return ((Y&3)==0&&(Y%100||(Y%400==0&&Y)));};Date.prototype.getFirstDayOfMonth=function(){var Z=(this.getDay()-(this.getDate()-1))%7;return (Z<0)?(Z+7):Z;};Date.prototype.getLastDayOfMonth=function(){var a=(this.getDay()+(Date.daysInMonth[this.getMonth()]-this.getDate()))%7;return (a<0)?(a+7):a;};Date.prototype.getFirstDateOfMonth=function(){return new Date(this.getFullYear(),this.getMonth(),1);};Date.prototype.getLastDateOfMonth=function(){return new Date(this.getFullYear(),this.getMonth(),this.getDaysInMonth());};Date.prototype.getDaysInMonth=function(){Date.daysInMonth[1]=this.isLeapYear()?29:28;return Date.daysInMonth[this.getMonth()];};Date.prototype.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";}};Date.daysInMonth=[31,28,31,30,31,30,31,31,30,31,30,31];Date.monthNames=["January","February","March","April","May","June","July","August","September","October","November","December"];Date.dayNames=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];Date.y2kYear=50;Date.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};Date.prototype.clone=function(){return new Date(this.getTime());};Date.prototype.clearTime=function(b){if(b){return this.clone().clearTime();}
+this.setHours(0);this.setMinutes(0);this.setSeconds(0);this.setMilliseconds(0);return this;};if(Roo.isSafari){Date.brokenSetMonth=Date.prototype.setMonth;Date.prototype.setMonth=function(c){if(c<=-1){var n=Math.ceil(-c);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);}};}
+Date.MILLI="ms";Date.SECOND="s";Date.MINUTE="mi";Date.HOUR="h";Date.DAY="d";Date.MONTH="mo";Date.YEAR="y";Date.prototype.add=function(e,f){var d=this.clone();if(!e||f===0)return d;switch(e.toLowerCase()){case Date.MILLI:d.setMilliseconds(this.getMilliseconds()+f);break;case Date.SECOND:d.setSeconds(this.getSeconds()+f);break;case Date.MINUTE:d.setMinutes(this.getMinutes()+f);break;case Date.HOUR:d.setHours(this.getHours()+f);break;case Date.DAY:d.setDate(this.getDate()+f);break;case Date.MONTH:var a=this.getDate();if(a>28){a=Math.min(a,this.getFirstDateOfMonth().add('mo',f).getLastDateOfMonth().getDate());}
+d.setDate(a);d.setMonth(this.getMonth()+f);break;case Date.YEAR:d.setFullYear(this.getFullYear()+f);break;}return d;};
+Roo.lib.Dom={getViewWidth:function(A){return A?this.getDocumentWidth():this.getViewportWidth();},getViewHeight:function(B){return B?this.getDocumentHeight():this.getViewportHeight();},getDocumentHeight:function(){var C=(document.compatMode!="CSS1Compat")?document.body.scrollHeight:document.documentElement.scrollHeight;return Math.max(C,this.getViewportHeight());},getDocumentWidth:function(){var D=(document.compatMode!="CSS1Compat")?document.body.scrollWidth:document.documentElement.scrollWidth;return Math.max(D,this.getViewportWidth());},getViewportHeight:function(){var E=self.innerHeight;var F=document.compatMode;if((F||Roo.isIE)&&!Roo.isOpera){E=(F=="CSS1Compat")?document.documentElement.clientHeight:document.body.clientHeight;}return E;},getViewportWidth:function(){var G=self.innerWidth;var H=document.compatMode;if(H||Roo.isIE){G=(H=="CSS1Compat")?document.documentElement.clientWidth:document.body.clientWidth;}return G;},isAncestor:function(p,c){p=Roo.getDom(p);c=Roo.getDom(c);if(!p||!c){return false;}if(p.contains&&!Roo.isSafari){return p.contains(c);}else if(p.compareDocumentPosition){return !!(p.compareDocumentPosition(c)&16);}else {var parent=c.parentNode;while(parent){if(parent==p){return true;}else if(!parent.tagName||parent.tagName.toUpperCase()=="HTML"){return false;}
+parent=parent.parentNode;}return false;}},getRegion:function(el){return Roo.lib.Region.getRegion(el);},getY:function(el){return this.getXY(el)[1];},getX:function(el){return this.getXY(el)[0];},getXY:function(el){var p,pe,b,I,bd=document.body;el=Roo.getDom(el);var J=Roo.lib.AnimBase.fly;if(el.getBoundingClientRect){b=el.getBoundingClientRect();I=J(document).getScroll();return [b.left+I.left,b.top+I.top];}var x=0,y=0;p=el;var K=J(el).getStyle("position")=="absolute";while(p){x+=p.offsetLeft;y+=p.offsetTop;if(!K&&J(p).getStyle("position")=="absolute"){K=true;}if(Roo.isGecko){pe=J(p);var bt=parseInt(pe.getStyle("borderTopWidth"),10)||0;var bl=parseInt(pe.getStyle("borderLeftWidth"),10)||0;x+=bl;y+=bt;if(p!=el&&pe.getStyle('overflow')!='visible'){x+=bl;y+=bt;}}
+p=p.offsetParent;}if(Roo.isSafari&&K){x-=bd.offsetLeft;y-=bd.offsetTop;}if(Roo.isGecko&&!K){var dbd=J(bd);x+=parseInt(dbd.getStyle("borderLeftWidth"),10)||0;y+=parseInt(dbd.getStyle("borderTopWidth"),10)||0;}
+p=el.parentNode;while(p&&p!=bd){if(!Roo.isOpera||(p.tagName!='TR'&&J(p).getStyle("display")!="inline")){x-=p.scrollLeft;y-=p.scrollTop;}
+p=p.parentNode;}return [x,y];},setXY:function(el,xy){el=Roo.fly(el,'_setXY');el.position();var L=el.translatePoints(xy);if(xy[0]!==false){el.dom.style.left=L.left+"px";}if(xy[1]!==false){el.dom.style.top=L.top+"px";}},setX:function(el,x){this.setXY(el,[x,false]);},setY:function(el,y){this.setXY(el,[false,y]);}};
+Roo.lib.Event=function(){var A=false;var B=[];var C=[];var D=0;var E=[];var F=0;var G=null;return {POLL_RETRYS:200,POLL_INTERVAL:20,EL:0,TYPE:1,FN:2,WFN:3,OBJ:3,ADJ_SCOPE:4,_interval:null,startInterval:function(){if(!this._interval){var self=this;var callback=function(){self._tryPreloadAttach();};this._interval=setInterval(callback,this.POLL_INTERVAL);}},onAvailable:function(h,k,m,n){E.push({id:h,fn:k,obj:m,override:n,checkReady:false});D=this.POLL_RETRYS;this.startInterval();},addListener:function(el,o,fn){el=Roo.getDom(el);if(!el||!fn){return false;}if("unload"==o){C[C.length]=[el,o,fn];return true;}var p=function(e){return fn(Roo.lib.Event.getEvent(e));};var li=[el,o,fn,p];var q=B.length;B[q]=li;this.doAdd(el,o,p,false);return true;},removeListener:function(el,r,fn){var i,s;el=Roo.getDom(el);if(!fn){return this.purgeElement(el,false,r);}if("unload"==r){for(i=0,s=C.length;i<s;i++){var li=C[i];if(li&&li[0]==el&&li[1]==r&&li[2]==fn){C.splice(i,1);return true;}}return false;}var u=null;var v=arguments[3];if("undefined"==typeof v){v=this._getCacheIndex(el,r,fn);}if(v>=0){u=B[v];}if(!el||!u){return false;}
+this.doRemove(el,r,u[this.WFN],false);delete B[v][this.WFN];delete B[v][this.FN];B.splice(v,1);return true;},getTarget:function(ev,w){ev=ev.browserEvent||ev;var t=ev.target||ev.srcElement;return this.resolveTextNode(t);},resolveTextNode:function(z){if(Roo.isSafari&&z&&3==z.nodeType){return z.parentNode;}else {return z;}},getPageX:function(ev){ev=ev.browserEvent||ev;var x=ev.pageX;if(!x&&0!==x){x=ev.clientX||0;if(Roo.isIE){x+=this.getScroll()[1];}}return x;},getPageY:function(ev){ev=ev.browserEvent||ev;var y=ev.pageY;if(!y&&0!==y){y=ev.clientY||0;if(Roo.isIE){y+=this.getScroll()[0];}}return y;},getXY:function(ev){ev=ev.browserEvent||ev;return [this.getPageX(ev),this.getPageY(ev)];},getRelatedTarget:function(ev){ev=ev.browserEvent||ev;var t=ev.relatedTarget;if(!t){if(ev.type=="mouseout"){t=ev.toElement;}else if(ev.type=="mouseover"){t=ev.fromElement;}}return this.resolveTextNode(t);},getTime:function(ev){ev=ev.browserEvent||ev;if(!ev.time){var t=new Date().getTime();try{ev.time=t;}catch(ex){this.lastError=ex;return t;}}return ev.time;},stopEvent:function(ev){this.stopPropagation(ev);this.preventDefault(ev);},stopPropagation:function(ev){ev=ev.browserEvent||ev;if(ev.stopPropagation){ev.stopPropagation();}else {ev.cancelBubble=true;}},preventDefault:function(ev){ev=ev.browserEvent||ev;if(ev.preventDefault){ev.preventDefault();}else {ev.returnValue=false;}},getEvent:function(e){var ev=e||window.event;if(!ev){var c=this.getEvent.caller;while(c){ev=c.arguments[0];if(ev&&Event==ev.constructor){break;}
+c=c.caller;}}return ev;},getCharCode:function(ev){ev=ev.browserEvent||ev;return ev.charCode||ev.keyCode||0;},_getCacheIndex:function(el,AA,fn){for(var i=0,s=B.length;i<s;++i){var li=B[i];if(li&&li[this.FN]==fn&&li[this.EL]==el&&li[this.TYPE]==AA){return i;}}return -1;},elCache:{},getEl:function(id){return document.getElementById(id);},clearCache:function(){},_load:function(e){A=true;var EU=Roo.lib.Event;if(Roo.isIE){EU.doRemove(window,"load",EU._load);}},_tryPreloadAttach:function(){if(this.locked){return false;}
+this.locked=true;var AB=!A;if(!AB){AB=(D>0);}var AC=[];for(var i=0,s=E.length;i<s;++i){var item=E[i];if(item){var el=this.getEl(item.id);if(el){if(!item.checkReady||A||el.nextSibling||(document&&document.body)){var scope=el;if(item.override){if(item.override===true){scope=item.obj;}else {scope=item.override;}}
+item.fn.call(scope,item.obj);E[i]=null;}}else {AC.push(item);}}}
+D=(AC.length===0)?0:D-1;if(AB){this.startInterval();}else {clearInterval(this._interval);this._interval=null;}
+this.locked=false;return true;},purgeElement:function(el,AD,AE){var AF=this.getListeners(el,AE);if(AF){for(var i=0,s=AF.length;i<s;++i){var l=AF[i];this.removeListener(el,l.type,l.fn);}}if(AD&&el&&el.childNodes){for(i=0,s=el.childNodes.length;i<s;++i){this.purgeElement(el.childNodes[i],AD,AE);}}},getListeners:function(el,AG){var AH=[],AI;if(!AG){AI=[B,C];}else if(AG=="unload"){AI=[C];}else {AI=[B];}for(var j=0;j<AI.length;++j){var searchList=AI[j];if(searchList&&searchList.length>0){for(var i=0,s=searchList.length;i<s;++i){var l=searchList[i];if(l&&l[this.EL]===el&&(!AG||AG===l[this.TYPE])){AH.push({type:l[this.TYPE],fn:l[this.FN],obj:l[this.OBJ],adjust:l[this.ADJ_SCOPE],index:i});}}}}return (AH.length)?AH:null;},_unload:function(e){var EU=Roo.lib.Event,i,j,l,AJ,AK;for(i=0,AJ=C.length;i<AJ;++i){l=C[i];if(l){var scope=window;if(l[EU.ADJ_SCOPE]){if(l[EU.ADJ_SCOPE]===true){scope=l[EU.OBJ];}else {scope=l[EU.ADJ_SCOPE];}}
+l[EU.FN].call(scope,EU.getEvent(e),l[EU.OBJ]);C[i]=null;l=null;scope=null;}}
+C=null;if(B&&B.length>0){j=B.length;while(j){AK=j-1;l=B[AK];if(l){EU.removeListener(l[EU.EL],l[EU.TYPE],l[EU.FN],AK);}
+j=j-1;}
+l=null;EU.clearCache();}
+EU.doRemove(window,"unload",EU._unload);},getScroll:function(){var dd=document.documentElement,db=document.body;if(dd&&(dd.scrollTop||dd.scrollLeft)){return [dd.scrollTop,dd.scrollLeft];}else if(db){return [db.scrollTop,db.scrollLeft];}else {return [0,0];}},doAdd:function(){if(window.addEventListener){return function(el,AL,fn,AM){el.addEventListener(AL,fn,(AM));};}else if(window.attachEvent){return function(el,AL,fn,AM){el.attachEvent("on"+AL,fn);};}else {return function(){};}}(),doRemove:function(){if(window.removeEventListener){return function(el,AL,fn,AM){el.removeEventListener(AL,fn,(AM));};}else if(window.detachEvent){return function(el,AL,fn){el.detachEvent("on"+AL,fn);};}else {return function(){};}}()};}();(function(){var E=Roo.lib.Event;E.on=E.addListener;E.un=E.removeListener;if(document&&document.body){E._load();}else {E.doAdd(window,"load",E._load);}
+E.doAdd(window,"unload",E._unload);E._tryPreloadAttach();})();
+(function(){Roo.lib.Ajax={request:function(A,B,cb,C,D){if(D){var hs=D.headers;if(hs){for(var h in hs){if(hs.hasOwnProperty(h)){this.initHeader(h,hs[h],false);}}}if(D.xmlData){this.initHeader('Content-Type','text/xml',false);A='POST';C=D.xmlData;}}return this.asyncRequest(A,B,cb,C);},serializeForm:function(E){if(typeof E=='string'){E=(document.getElementById(E)||document.forms[E]);}var el,F,G,H,I='',J=false;for(var i=0;i<E.elements.length;i++){el=E.elements[i];H=E.elements[i].disabled;F=E.elements[i].name;G=E.elements[i].value;if(!H&&F){switch(el.type){case 'select-one':case 'select-multiple':for(var j=0;j<el.options.length;j++){if(el.options[j].selected){if(Roo.isIE){I+=encodeURIComponent(F)+'='+encodeURIComponent(el.options[j].attributes['value'].specified?el.options[j].value:el.options[j].text)+'&';}else {I+=encodeURIComponent(F)+'='+encodeURIComponent(el.options[j].hasAttribute('value')?el.options[j].value:el.options[j].text)+'&';}}}break;case 'radio':case 'checkbox':if(el.checked){I+=encodeURIComponent(F)+'='+encodeURIComponent(G)+'&';}break;case 'file':case undefined:case 'reset':case 'button':break;case 'submit':if(J==false){I+=encodeURIComponent(F)+'='+encodeURIComponent(G)+'&';J=true;}break;default:I+=encodeURIComponent(F)+'='+encodeURIComponent(G)+'&';break;}}}
+I=I.substr(0,I.length-1);return I;},headers:{},hasHeaders:false,useDefaultHeader:true,defaultPostHeader:'application/x-www-form-urlencoded',useDefaultXhrHeader:true,defaultXhrHeader:'XMLHttpRequest',hasDefaultHeaders:true,defaultHeaders:{},poll:{},timeout:{},pollInterval:50,transactionId:0,setProgId:function(id){this.activeX.unshift(id);},setDefaultPostHeader:function(b){this.useDefaultHeader=b;},setDefaultXhrHeader:function(b){this.useDefaultXhrHeader=b;},setPollingInterval:function(i){if(typeof i=='number'&&isFinite(i)){this.pollInterval=i;}},createXhrObject:function(K){var L,M;try{M=new XMLHttpRequest();L={conn:M,tId:K};}catch(e){for(var i=0;i<this.activeX.length;++i){try{http=new ActiveXObject(this.activeX[i]);obj={conn:http,tId:transactionId};break;}catch(e){}}}finally{return L;}},getConnectionObject:function(){var o;var N=this.transactionId;try{o=this.createXhrObject(N);if(o){this.transactionId++;}}catch(e){}finally{return o;}},asyncRequest:function(O,P,Q,R){var o=this.getConnectionObject();if(!o){return null;}else {o.conn.open(O,P,true);if(this.useDefaultXhrHeader){if(!this.defaultHeaders['X-Requested-With']){this.initHeader('X-Requested-With',this.defaultXhrHeader,true);}}if(R&&this.useDefaultHeader){this.initHeader('Content-Type',this.defaultPostHeader);}if(this.hasDefaultHeaders||this.hasHeaders){this.setHeader(o);}
+this.handleReadyState(o,Q);o.conn.send(R||null);return o;}},handleReadyState:function(o,S){var T=this;if(S&&S.timeout){this.timeout[o.tId]=window.setTimeout(function(){T.abort(o,S,true);},S.timeout);}
+this.poll[o.tId]=window.setInterval(function(){if(o.conn&&o.conn.readyState==4){window.clearInterval(T.poll[o.tId]);delete T.poll[o.tId];if(S&&S.timeout){window.clearTimeout(T.timeout[o.tId]);delete T.timeout[o.tId];}
+T.handleTransactionResponse(o,S);}},this.pollInterval);},handleTransactionResponse:function(o,U,V){if(!U){this.releaseObject(o);return;}var W,X;try{if(o.conn.status!==undefined&&o.conn.status!=0){W=o.conn.status;}else {W=13030;}}catch(e){httpStatus=13030;}if(W>=200&&W<300){X=this.createResponseObject(o,U.argument);if(U.success){if(!U.scope){U.success(X);}else {U.success.apply(U.scope,[X]);}}}else {switch(W){case 12002:case 12029:case 12030:case 12031:case 12152:case 13030:X=this.createExceptionObject(o.tId,U.argument,(V?V:false));if(U.failure){if(!U.scope){U.failure(X);}else {U.failure.apply(U.scope,[X]);}}break;default:X=this.createResponseObject(o,U.argument);if(U.failure){if(!U.scope){U.failure(X);}else {U.failure.apply(U.scope,[X]);}}}}
+this.releaseObject(o);X=null;},createResponseObject:function(o,Y){var Z={};var a={};try{var headerStr=o.conn.getAllResponseHeaders();var header=headerStr.split('\n');for(var i=0;i<header.length;i++){var delimitPos=header[i].indexOf(':');if(delimitPos!=-1){a[header[i].substring(0,delimitPos)]=header[i].substring(delimitPos+2);}}}catch(e){}
+Z.tId=o.tId;Z.status=o.conn.status;Z.statusText=o.conn.statusText;Z.getResponseHeader=a;Z.getAllResponseHeaders=headerStr;Z.responseText=o.conn.responseText;Z.responseXML=o.conn.responseXML;if(typeof Y!==undefined){Z.argument=Y;}return Z;},createExceptionObject:function(c,d,f){var g=0;var k='communication failure';var l=-1;var m='transaction aborted';var n={};n.tId=c;if(f){n.status=l;n.statusText=m;}else {n.status=g;n.statusText=k;}if(d){n.argument=d;}return n;},initHeader:function(p,q,r){var s=(r)?this.defaultHeaders:this.headers;if(s[p]===undefined){s[p]=q;}else {s[p]=q+","+s[p];}if(r){this.hasDefaultHeaders=true;}else {this.hasHeaders=true;}},setHeader:function(o){if(this.hasDefaultHeaders){for(var prop in this.defaultHeaders){if(this.defaultHeaders.hasOwnProperty(prop)){o.conn.setRequestHeader(prop,this.defaultHeaders[prop]);}}}if(this.hasHeaders){for(var prop in this.headers){if(this.headers.hasOwnProperty(prop)){o.conn.setRequestHeader(prop,this.headers[prop]);}}
+this.headers={};this.hasHeaders=false;}},resetDefaultHeaders:function(){delete this.defaultHeaders;this.defaultHeaders={};this.hasDefaultHeaders=false;},abort:function(o,t,u){if(this.isCallInProgress(o)){o.conn.abort();window.clearInterval(this.poll[o.tId]);delete this.poll[o.tId];if(u){delete this.timeout[o.tId];}
+this.handleTransactionResponse(o,t,true);return true;}else {return false;}},isCallInProgress:function(o){if(o&&o.conn){return o.conn.readyState!=4&&o.conn.readyState!=0;}else {return false;}},releaseObject:function(o){o.conn=null;o=null;},activeX:['MSXML2.XMLHTTP.3.0','MSXML2.XMLHTTP','Microsoft.XMLHTTP']};})();
+Roo.lib.Region=function(t,r,b,l){this.top=t;this[1]=t;this.right=r;this.bottom=b;this.left=l;this[0]=l;};Roo.lib.Region.prototype={contains:function(A){return (A.left>=this.left&&A.right<=this.right&&A.top>=this.top&&A.bottom<=this.bottom);},getArea:function(){return ((this.bottom-this.top)*(this.right-this.left));},intersect:function(B){var t=Math.max(this.top,B.top);var r=Math.min(this.right,B.right);var b=Math.min(this.bottom,B.bottom);var l=Math.max(this.left,B.left);if(b>=t&&r>=l){return new Roo.lib.Region(t,r,b,l);}else {return null;}},union:function(C){var t=Math.min(this.top,C.top);var r=Math.max(this.right,C.right);var b=Math.max(this.bottom,C.bottom);var l=Math.min(this.left,C.left);return new Roo.lib.Region(t,r,b,l);},adjust:function(t,l,b,r){this.top+=t;this.left+=l;this.right+=r;this.bottom+=b;return this;}};Roo.lib.Region.getRegion=function(el){var p=Roo.lib.Dom.getXY(el);var t=p[1];var r=p[0]+el.offsetWidth;var b=p[1]+el.offsetHeight;var l=p[0];return new Roo.lib.Region(t,r,b,l);};
+Roo.lib.Point=function(x,y){if(x instanceof Array){y=x[1];x=x[0];}
+this.x=this.right=this.left=this[0]=x;this.y=this.top=this.bottom=this[1]=y;};Roo.lib.Point.prototype=new Roo.lib.Region();
+(function(){Roo.lib.Anim={scroll:function(el,A,B,C,cb,D){this.run(el,A,B,C,cb,D,Roo.lib.Scroll);},motion:function(el,E,F,G,cb,H){this.run(el,E,F,G,cb,H,Roo.lib.Motion);},color:function(el,I,J,K,cb,L){this.run(el,I,J,K,cb,L,Roo.lib.ColorAnim);},run:function(el,M,N,O,cb,P,Q){Q=Q||Roo.lib.AnimBase;if(typeof O=="string"){O=Roo.lib.Easing[O];}var R=new Q(el,M,N,O);R.animateX(function(){Roo.callback(cb,P);});return R;}};})();
+(function(){var A;function B(el){if(!A){A=new Roo.Element.Flyweight();}
+A.dom=el;return A;}
+Roo.lib.AnimBase=function(el,C,D,E){if(el){this.init(el,C,D,E);}};Roo.lib.AnimBase.fly=B;Roo.lib.AnimBase.prototype={toString:function(){var el=this.getEl();var id=el.id||el.tagName;return ("Anim "+id);},patterns:{noNegatives:/width|height|opacity|padding/i,offsetAttribute:/^((width|height)|(top|left))$/,defaultUnit:/width|height|top$|bottom$|left$|right$/i,offsetUnit:/\d+(em|%|en|ex|pt|in|cm|mm|pc)$/i},doMethod:function(C,D,E){return this.method(this.currentFrame,D,E-D,this.totalFrames);},setAttribute:function(F,G,H){if(this.patterns.noNegatives.test(F)){G=(G>0)?G:0;}
+Roo.fly(this.getEl(),'_anim').setStyle(F,G+H);},getAttribute:function(I){var el=this.getEl();var J=B(el).getStyle(I);if(J!=='auto'&&!this.patterns.offsetUnit.test(J)){return parseFloat(J);}var a=this.patterns.offsetAttribute.exec(I)||[];var K=!!(a[3]);var L=!!(a[2]);if(L||(B(el).getStyle('position')=='absolute'&&K)){J=el['offset'+a[0].charAt(0).toUpperCase()+a[0].substr(1)];}else {J=0;}return J;},getDefaultUnit:function(M){if(this.patterns.defaultUnit.test(M)){return 'px';}return '';},animateX:function(N,O){var f=function(){this.onComplete.removeListener(f);if(typeof N=="function"){N.call(O||this,this);}};this.onComplete.addListener(f,this);this.animate();},setRuntimeAttribute:function(P){var Q;var R;var S=this.attributes;this.runtimeAttributes[P]={};var T=function(U){return (typeof U!=='undefined');};if(!T(S[P]['to'])&&!T(S[P]['by'])){return false;}
+Q=(T(S[P]['from']))?S[P]['from']:this.getAttribute(P);if(T(S[P]['to'])){R=S[P]['to'];}else if(T(S[P]['by'])){if(Q.constructor==Array){R=[];for(var i=0,len=Q.length;i<len;++i){R[i]=Q[i]+S[P]['by'][i];}}else {R=Q+S[P]['by'];}}
+this.runtimeAttributes[P].start=Q;this.runtimeAttributes[P].end=R;this.runtimeAttributes[P].unit=(T(S[P].unit))?S[P]['unit']:this.getDefaultUnit(P);},init:function(el,U,V,W){var X=false;var Y=null;var Z=0;el=Roo.getDom(el);this.attributes=U||{};this.duration=V||1;this.method=W||Roo.lib.Easing.easeNone;this.useSeconds=true;this.currentFrame=0;this.totalFrames=Roo.lib.AnimMgr.fps;this.getEl=function(){return el;};this.isAnimated=function(){return X;};this.getStartTime=function(){return Y;};this.runtimeAttributes={};this.animate=function(){if(this.isAnimated()){return false;}
+this.currentFrame=0;this.totalFrames=(this.useSeconds)?Math.ceil(Roo.lib.AnimMgr.fps*this.duration):this.duration;Roo.lib.AnimMgr.registerElement(this);};this.stop=function(e){if(e){this.currentFrame=this.totalFrames;this._onTween.fire();}
+Roo.lib.AnimMgr.stop(this);};var b=function(){this.onStart.fire();this.runtimeAttributes={};for(var P in this.attributes){this.setRuntimeAttribute(P);}
+X=true;Z=0;Y=new Date();};var c=function(){var e={duration:new Date()-this.getStartTime(),currentFrame:this.currentFrame};e.toString=function(){return ('duration: '+e.duration+', currentFrame: '+e.currentFrame);};this.onTween.fire(e);var g=this.runtimeAttributes;for(var P in g){this.setAttribute(P,this.doMethod(P,g[P].start,g[P].end),g[P].unit);}
+Z+=1;};var d=function(){var e=(new Date()-Y)/1000;var g={duration:e,frames:Z,fps:Z/e};g.toString=function(){return ('duration: '+g.duration+', frames: '+g.frames+', fps: '+g.fps);};X=false;Z=0;this.onComplete.fire(g);};this._onStart=new Roo.util.Event(this);this.onStart=new Roo.util.Event(this);this.onTween=new Roo.util.Event(this);this._onTween=new Roo.util.Event(this);this.onComplete=new Roo.util.Event(this);this._onComplete=new Roo.util.Event(this);this._onStart.addListener(b);this._onTween.addListener(c);this._onComplete.addListener(d);}};})();
+Roo.lib.AnimMgr=new function(){var A=null;var B=[];var C=0;this.fps=1000;this.delay=1;this.registerElement=function(F){B[B.length]=F;C+=1;F._onStart.fire();this.start();};this.unRegister=function(F,G){F._onComplete.fire();G=G||D(F);if(G!=-1){B.splice(G,1);}
+C-=1;if(C<=0){this.stop();}};this.start=function(){if(A===null){A=setInterval(this.run,this.delay);}};this.stop=function(F){if(!F){clearInterval(A);for(var i=0,len=B.length;i<len;++i){if(B[0].isAnimated()){this.unRegister(B[0],0);}}
+B=[];A=null;C=0;}else {this.unRegister(F);}};this.run=function(){for(var i=0,len=B.length;i<len;++i){var tween=B[i];if(!tween||!tween.isAnimated()){continue;}if(tween.currentFrame<tween.totalFrames||tween.totalFrames===null){tween.currentFrame+=1;if(tween.useSeconds){E(tween);}
+tween._onTween.fire();}else {Roo.lib.AnimMgr.stop(tween,i);}}};var D=function(F){for(var i=0,len=B.length;i<len;++i){if(B[i]==F){return i;}}return -1;};var E=function(F){var G=F.totalFrames;var H=F.currentFrame;var I=(F.currentFrame*F.duration*1000/F.totalFrames);var J=(new Date()-F.getStartTime());var K=0;if(J<F.duration*1000){K=Math.round((J/I-1)*F.currentFrame);}else {K=G-(H+1);}if(K>0&&isFinite(K)){if(F.currentFrame+K>=G){K=G-(H+1);}
+F.currentFrame+=K;}};};
+Roo.lib.Bezier=new function(){this.getPosition=function(A,t){var n=A.length;var B=[];for(var i=0;i<n;++i){B[i]=[A[i][0],A[i][1]];}for(var j=1;j<n;++j){for(i=0;i<n-j;++i){B[i][0]=(1-t)*B[i][0]+t*B[parseInt(i+1,10)][0];B[i][1]=(1-t)*B[i][1]+t*B[parseInt(i+1,10)][1];}}return [B[0][0],B[0][1]];};};
+(function(){Roo.lib.ColorAnim=function(el,D,E,F){Roo.lib.ColorAnim.superclass.constructor.call(this,el,D,E,F);};Roo.extend(Roo.lib.ColorAnim,Roo.lib.AnimBase);var A=Roo.lib.AnimBase.fly;var Y=Roo.lib;var B=Y.ColorAnim.superclass;var C=Y.ColorAnim.prototype;C.toString=function(){var el=this.getEl();var id=el.id||el.tagName;return ("ColorAnim "+id);};C.patterns.color=/color$/i;C.patterns.rgb=/^rgb\(([0-9]+)\s*,\s*([0-9]+)\s*,\s*([0-9]+)\)$/i;C.patterns.hex=/^#?([0-9A-F]{2})([0-9A-F]{2})([0-9A-F]{2})$/i;C.patterns.hex3=/^#?([0-9A-F]{1})([0-9A-F]{1})([0-9A-F]{1})$/i;C.patterns.transparent=/^transparent|rgba\(0, 0, 0, 0\)$/;C.parseColor=function(s){if(s.length==3){return s;}var c=this.patterns.hex.exec(s);if(c&&c.length==4){return [parseInt(c[1],16),parseInt(c[2],16),parseInt(c[3],16)];}
+c=this.patterns.rgb.exec(s);if(c&&c.length==4){return [parseInt(c[1],10),parseInt(c[2],10),parseInt(c[3],10)];}
+c=this.patterns.hex3.exec(s);if(c&&c.length==4){return [parseInt(c[1]+c[1],16),parseInt(c[2]+c[2],16),parseInt(c[3]+c[3],16)];}return null;};C.getAttribute=function(D){var el=this.getEl();if(this.patterns.color.test(D)){var val=A(el).getStyle(D);if(this.patterns.transparent.test(val)){var parent=el.parentNode;val=A(parent).getStyle(D);while(parent&&this.patterns.transparent.test(val)){parent=parent.parentNode;val=A(parent).getStyle(D);if(parent.tagName.toUpperCase()=='HTML'){val='#fff';}}}}else {val=B.getAttribute.call(this,D);}return val;};C.getAttribute=function(D){var el=this.getEl();if(this.patterns.color.test(D)){var val=A(el).getStyle(D);if(this.patterns.transparent.test(val)){var parent=el.parentNode;val=A(parent).getStyle(D);while(parent&&this.patterns.transparent.test(val)){parent=parent.parentNode;val=A(parent).getStyle(D);if(parent.tagName.toUpperCase()=='HTML'){val='#fff';}}}}else {val=B.getAttribute.call(this,D);}return val;};C.doMethod=function(D,E,F){var G;if(this.patterns.color.test(D)){G=[];for(var i=0,len=E.length;i<len;++i){G[i]=B.doMethod.call(this,D,E[i],F[i]);}
+G='rgb('+Math.floor(G[0])+','+Math.floor(G[1])+','+Math.floor(G[2])+')';}else {G=B.doMethod.call(this,D,E,F);}return G;};C.setRuntimeAttribute=function(D){B.setRuntimeAttribute.call(this,D);if(this.patterns.color.test(D)){var attributes=this.attributes;var start=this.parseColor(this.runtimeAttributes[D].start);var end=this.parseColor(this.runtimeAttributes[D].end);if(typeof attributes[D]['to']==='undefined'&&typeof attributes[D]['by']!=='undefined'){end=this.parseColor(attributes[D].by);for(var i=0,len=start.length;i<len;++i){end[i]=start[i]+end[i];}}
+this.runtimeAttributes[D].start=start;this.runtimeAttributes[D].end=end;}};})();
+Roo.lib.Easing={easeNone:function(t,b,c,d){return c*t/d+b;},easeIn:function(t,b,c,d){return c*(t/=d)*t+b;},easeOut:function(t,b,c,d){return -c*(t/=d)*(t-2)+b;},easeBoth:function(t,b,c,d){if((t/=d/2)<1){return c/2*t*t+b;}return -c/2*((--t)*(t-2)-1)+b;},easeInStrong:function(t,b,c,d){return c*(t/=d)*t*t*t+b;},easeOutStrong:function(t,b,c,d){return -c*((t=t/d-1)*t*t*t-1)+b;},easeBothStrong:function(t,b,c,d){if((t/=d/2)<1){return c/2*t*t*t*t+b;}return -c/2*((t-=2)*t*t*t-2)+b;},elasticIn:function(t,b,c,d,a,p){if(t==0){return b;}if((t/=d)==1){return b+c;}if(!p){p=d*.3;}if(!a||a<Math.abs(c)){a=c;var s=p/4;}else {var s=p/(2*Math.PI)*Math.asin(c/a);}return -(a*Math.pow(2,10*(t-=1))*Math.sin((t*d-s)*(2*Math.PI)/p))+b;},elasticOut:function(t,b,c,d,a,p){if(t==0){return b;}if((t/=d)==1){return b+c;}if(!p){p=d*.3;}if(!a||a<Math.abs(c)){a=c;var s=p/4;}else {var s=p/(2*Math.PI)*Math.asin(c/a);}return a*Math.pow(2,-10*t)*Math.sin((t*d-s)*(2*Math.PI)/p)+c+b;},elasticBoth:function(t,b,c,d,a,p){if(t==0){return b;}if((t/=d/2)==2){return b+c;}if(!p){p=d*(.3*1.5);}if(!a||a<Math.abs(c)){a=c;var s=p/4;}else {var s=p/(2*Math.PI)*Math.asin(c/a);}if(t<1){return -.5*(a*Math.pow(2,10*(t-=1))*Math.sin((t*d-s)*(2*Math.PI)/p))+b;}return a*Math.pow(2,-10*(t-=1))*Math.sin((t*d-s)*(2*Math.PI)/p)*.5+c+b;},backIn:function(t,b,c,d,s){if(typeof s=='undefined'){s=1.70158;}return c*(t/=d)*t*((s+1)*t-s)+b;},backOut:function(t,b,c,d,s){if(typeof s=='undefined'){s=1.70158;}return c*((t=t/d-1)*t*((s+1)*t+s)+1)+b;},backBoth:function(t,b,c,d,s){if(typeof s=='undefined'){s=1.70158;}if((t/=d/2)<1){return c/2*(t*t*(((s*=(1.525))+1)*t-s))+b;}return c/2*((t-=2)*t*(((s*=(1.525))+1)*t+s)+2)+b;},bounceIn:function(t,b,c,d){return c-Roo.lib.Easing.bounceOut(d-t,0,c,d)+b;},bounceOut:function(t,b,c,d){if((t/=d)<(1/2.75)){return c*(7.5625*t*t)+b;}else if(t<(2/2.75)){return c*(7.5625*(t-=(1.5/2.75))*t+.75)+b;}else if(t<(2.5/2.75)){return c*(7.5625*(t-=(2.25/2.75))*t+.9375)+b;}return c*(7.5625*(t-=(2.625/2.75))*t+.984375)+b;},bounceBoth:function(t,b,c,d){if(t<d/2){return Roo.lib.Easing.bounceIn(t*2,0,c,d)*.5+b;}return Roo.lib.Easing.bounceOut(t*2-d,0,c,d)*.5+c*.5+b;}};
+(function(){Roo.lib.Motion=function(el,E,F,G){if(el){Roo.lib.Motion.superclass.constructor.call(this,el,E,F,G);}};Roo.extend(Roo.lib.Motion,Roo.lib.ColorAnim);var Y=Roo.lib;var A=Y.Motion.superclass;var B=Y.Motion.prototype;B.toString=function(){var el=this.getEl();var id=el.id||el.tagName;return ("Motion "+id);};B.patterns.points=/^points$/i;B.setAttribute=function(E,F,G){if(this.patterns.points.test(E)){G=G||'px';A.setAttribute.call(this,'left',F[0],G);A.setAttribute.call(this,'top',F[1],G);}else {A.setAttribute.call(this,E,F,G);}};B.getAttribute=function(E){if(this.patterns.points.test(E)){var val=[A.getAttribute.call(this,'left'),A.getAttribute.call(this,'top')];}else {val=A.getAttribute.call(this,E);}return val;};B.doMethod=function(E,F,G){var H=null;if(this.patterns.points.test(E)){var t=this.method(this.currentFrame,0,100,this.totalFrames)/100;H=Y.Bezier.getPosition(this.runtimeAttributes[E],t);}else {H=A.doMethod.call(this,E,F,G);}return H;};B.setRuntimeAttribute=function(E){if(this.patterns.points.test(E)){var el=this.getEl();var attributes=this.attributes;var start;var control=attributes['points']['control']||[];var end;var i,len;if(control.length>0&&!(control[0] instanceof Array)){control=[control];}else {var tmp=[];for(i=0,len=control.length;i<len;++i){tmp[i]=control[i];}
+control=tmp;}
+Roo.fly(el).position();if(D(attributes['points']['from'])){Roo.lib.Dom.setXY(el,attributes['points']['from']);}else {Roo.lib.Dom.setXY(el,Roo.lib.Dom.getXY(el));}
+start=this.getAttribute('points');if(D(attributes['points']['to'])){end=C.call(this,attributes['points']['to'],start);var pageXY=Roo.lib.Dom.getXY(this.getEl());for(i=0,len=control.length;i<len;++i){control[i]=C.call(this,control[i],start);}}else if(D(attributes['points']['by'])){end=[start[0]+attributes['points']['by'][0],start[1]+attributes['points']['by'][1]];for(i=0,len=control.length;i<len;++i){control[i]=[start[0]+control[i][0],start[1]+control[i][1]];}}
+this.runtimeAttributes[E]=[start];if(control.length>0){this.runtimeAttributes[E]=this.runtimeAttributes[E].concat(control);}
+this.runtimeAttributes[E][this.runtimeAttributes[E].length]=end;}else {A.setRuntimeAttribute.call(this,E);}};var C=function(E,F){var G=Roo.lib.Dom.getXY(this.getEl());E=[E[0]-G[0]+F[0],E[1]-G[1]+F[1]];return E;};var D=function(E){return (typeof E!=='undefined');};})();
+(function(){Roo.lib.Scroll=function(el,C,D,E){if(el){Roo.lib.Scroll.superclass.constructor.call(this,el,C,D,E);}};Roo.extend(Roo.lib.Scroll,Roo.lib.ColorAnim);var Y=Roo.lib;var A=Y.Scroll.superclass;var B=Y.Scroll.prototype;B.toString=function(){var el=this.getEl();var id=el.id||el.tagName;return ("Scroll "+id);};B.doMethod=function(C,D,E){var F=null;if(C=='scroll'){F=[this.method(this.currentFrame,D[0],E[0]-D[0],this.totalFrames),this.method(this.currentFrame,D[1],E[1]-D[1],this.totalFrames)];}else {F=A.doMethod.call(this,C,D,E);}return F;};B.getAttribute=function(C){var D=null;var el=this.getEl();if(C=='scroll'){D=[el.scrollLeft,el.scrollTop];}else {D=A.getAttribute.call(this,C);}return D;};B.setAttribute=function(C,D,E){var el=this.getEl();if(C=='scroll'){el.scrollLeft=D[0];el.scrollTop=D[1];}else {A.setAttribute.call(this,C,D,E);}};})();
+Roo.DomHelper=function(){var A=null;var B=/^(?:br|frame|hr|img|input|link|meta|range|spacer|wbr|area|param|col)$/i;var C=/^table|tbody|tr|td$/i;var D={};var E=function(o){if(typeof o=='string'){return o;}var b="";if(!o.tag){o.tag="div";}
+b+="<"+o.tag;for(var attr in o){if(attr=="tag"||attr=="children"||attr=="cn"||attr=="html"||typeof o[attr]=="function")continue;if(attr=="style"){var s=o["style"];if(typeof s=="function"){s=s.call();}if(typeof s=="string"){b+=' style="'+s+'"';}else if(typeof s=="object"){b+=' style="';for(var key in s){if(typeof s[key]!="function"){b+=key+":"+s[key]+";";}}
+b+='"';}}else {if(attr=="cls"){b+=' class="'+o["cls"]+'"';}else if(attr=="htmlFor"){b+=' for="'+o["htmlFor"]+'"';}else {b+=" "+attr+'="'+o[attr]+'"';}}}if(B.test(o.tag)){b+="/>";}else {b+=">";var cn=o.children||o.cn;if(cn){if((cn instanceof Array)||(Roo.isSafari&&typeof(cn.join)=="function")){for(var i=0,len=cn.length;i<len;i++){b+=E(cn[i],b);}}else {b+=E(cn,b);}}if(o.html){b+=o.html;}
+b+="</"+o.tag+">";}return b;};var F=function(o,M){var ns=false;if(o.ns&&o.ns!='html'){if(o.xmlns&&typeof(D[o.ns])=='undefined'){D[o.ns]=o.xmlns;ns=o.xmlns;}if(typeof(D[o.ns])=='undefined'){console.log("Trying to create namespace element "+o.ns+", however no xmlns was sent to builder previously");}
+ns=D[o.ns];}if(typeof(o)=='string'){return M.appendChild(document.createTextNode(o));}
+o.tag=o.tag||div;if(o.ns&&Roo.isIE){ns=false;o.tag=o.ns+':'+o.tag;}var el=ns?document.createElementNS(ns,o.tag||'div'):document.createElement(o.tag||'div');var N=el.setAttribute?true:false;for(var attr in o){if(attr=="tag"||attr=="ns"||attr=="xmlns"||attr=="children"||attr=="cn"||attr=="html"||attr=="style"||typeof o[attr]=="function")continue;if(attr=="cls"&&Roo.isIE){el.className=o["cls"];}else {if(N)el.setAttribute(attr=="cls"?'class':attr,o[attr]);else el[attr]=o[attr];}}
+Roo.DomHelper.applyStyles(el,o.style);var cn=o.children||o.cn;if(cn){if((cn instanceof Array)||(Roo.isSafari&&typeof(cn.join)=="function")){for(var i=0,len=cn.length;i<len;i++){F(cn[i],el);}}else {F(cn,el);}}if(o.html){el.innerHTML=o.html;}if(M){M.appendChild(el);}return el;};var G=function(M,s,h,e){A.innerHTML=[s,h,e].join('');var i=-1,el=A;while(++i<M){el=el.firstChild;}return el;};var ts='<table>',te='</table>',H=ts+'<tbody>',I='</tbody>'+te,J=H+'<tr>',K='</tr>'+I;var L=function(M,N,el,O){if(!A){A=document.createElement('div');}var P;var Q=null;if(M=='td'){if(N=='afterbegin'||N=='beforeend'){return;}if(N=='beforebegin'){Q=el;el=el.parentNode;}else {Q=el.nextSibling;el=el.parentNode;}
+P=G(4,J,O,K);}else if(M=='tr'){if(N=='beforebegin'){Q=el;el=el.parentNode;P=G(3,H,O,I);}else if(N=='afterend'){Q=el.nextSibling;el=el.parentNode;P=G(3,H,O,I);}else {if(N=='afterbegin'){Q=el.firstChild;}
+P=G(4,J,O,K);}}else if(M=='tbody'){if(N=='beforebegin'){Q=el;el=el.parentNode;P=G(2,ts,O,te);}else if(N=='afterend'){Q=el.nextSibling;el=el.parentNode;P=G(2,ts,O,te);}else {if(N=='afterbegin'){Q=el.firstChild;}
+P=G(3,H,O,I);}}else {if(N=='beforebegin'||N=='afterend'){return;}if(N=='afterbegin'){Q=el.firstChild;}
+P=G(2,ts,O,te);}
+el.insertBefore(P,Q);return P;};return {useDom:false,markup:function(o){return E(o);},applyStyles:function(el,c){if(c){el=Roo.fly(el);if(typeof c=="string"){var re=/\s?([a-z\-]*)\:\s?([^;]*);?/gi;var matches;while((matches=re.exec(c))!=null){el.setStyle(matches[1],matches[2]);}}else if(typeof c=="object"){for(var style in c){el.setStyle(style,c[style]);}}else if(typeof c=="function"){Roo.DomHelper.applyStyles(el,c.call());}}},insertHtml:function(d,el,e){d=d.toLowerCase();if(el.insertAdjacentHTML){if(C.test(el.tagName)){var rs;if(rs=L(el.tagName.toLowerCase(),d,el,e)){return rs;}}switch(d){case "beforebegin":el.insertAdjacentHTML('BeforeBegin',e);return el.previousSibling;case "afterbegin":el.insertAdjacentHTML('AfterBegin',e);return el.firstChild;case "beforeend":el.insertAdjacentHTML('BeforeEnd',e);return el.lastChild;case "afterend":el.insertAdjacentHTML('AfterEnd',e);return el.nextSibling;}throw 'Illegal insertion point -> "'+d+'"';}var f=el.ownerDocument.createRange();var g;switch(d){case "beforebegin":f.setStartBefore(el);g=f.createContextualFragment(e);el.parentNode.insertBefore(g,el);return el.previousSibling;case "afterbegin":if(el.firstChild){f.setStartBefore(el.firstChild);g=f.createContextualFragment(e);el.insertBefore(g,el.firstChild);return el.firstChild;}else {el.innerHTML=e;return el.firstChild;}case "beforeend":if(el.lastChild){f.setStartAfter(el.lastChild);g=f.createContextualFragment(e);el.appendChild(g);return el.lastChild;}else {el.innerHTML=e;return el.lastChild;}case "afterend":f.setStartAfter(el);g=f.createContextualFragment(e);el.parentNode.insertBefore(g,el.nextSibling);return el.nextSibling;}throw 'Illegal insertion point -> "'+d+'"';},insertBefore:function(el,o,h){return this.doInsert(el,o,h,"beforeBegin");},insertAfter:function(el,o,j){return this.doInsert(el,o,j,"afterEnd","nextSibling");},insertFirst:function(el,o,k){return this.doInsert(el,o,k,"afterBegin");},doInsert:function(el,o,l,m,n){el=Roo.getDom(el);var p;if(this.useDom||o.ns){p=F(o,null);el.parentNode.insertBefore(p,n?el[n]:el);}else {var e=E(o);p=this.insertHtml(m,el,e);}return l?Roo.get(p,true):p;},append:function(el,o,q){el=Roo.getDom(el);var r;if(this.useDom||o.ns){r=F(o,null);el.appendChild(r);}else {var e=E(o);r=this.insertHtml("beforeEnd",el,e);}return q?Roo.get(r,true):r;},overwrite:function(el,o,t){el=Roo.getDom(el);if(o.ns){while(el.childNodes.length){el.removeChild(el.firstChild);}
+F(o,el);}else {el.innerHTML=E(o);}return t?Roo.get(el.firstChild,true):el.firstChild;},createTemplate:function(o){var u=E(o);return new Roo.Template(u);}};}();
+Roo.Template=function(A){if(A instanceof Array){A=A.join("");}else if(arguments.length>1){A=Array.prototype.join.call(arguments,"");}if(typeof(A)=='object'){Roo.apply(this,A)}else {this.html=A;}};Roo.Template.prototype={html:'',applyTemplate:function(values){try{if(this.compiled){return this.compiled(values);}var useF=this.disableFormats!==true;var fm=Roo.util.Format,tpl=this;var fn=function(m,E,F,G){if(F&&useF){if(F.substr(0,5)=="this."){return tpl.call(F.substr(5),values[E],values);}else {if(G){var re=/^\s*['"](.*)["']\s*$/;G=G.split(',');for(var i=0,len=G.length;i<len;i++){G[i]=G[i].replace(re,"$1");}
+G=[values[E]].concat(G);}else {G=[values[E]];}return fm[F].apply(fm,G);}}else {return values[E]!==undefined?values[E]:"";}};return this.html.replace(this.re,fn);}catch(e){Roo.log(e);throw e;}},set:function(B,C){this.html=B;this.compiled=null;if(C){this.compile();}return this;},disableFormats:false,re:/\{([\w-]+)(?:\:([\w\.]*)(?:\((.*?)?\))?)?\}/g,compile:function(){var fm=Roo.util.Format;var D=this.disableFormats!==true;var E=Roo.isGecko?"+":",";var fn=function(m,G,H,I){if(H&&D){I=I?','+I:"";if(H.substr(0,5)!="this."){H="fm."+H+'(';}else {H='this.call("'+H.substr(5)+'", ';I=", values";}}else {I='';H="(values['"+G+"'] == undefined ? '' : ";}return "'"+E+H+"values['"+G+"']"+I+")"+E+"'";};var F;if(Roo.isGecko){F="this.compiled = function(values){ return '"+this.html.replace(/\\/g,'\\\\').replace(/(\r\n|\n)/g,'\\n').replace(/'/g,"\\'").replace(this.re,fn)+"';};";}else {F=["this.compiled = function(values){ return ['"];F.push(this.html.replace(/\\/g,'\\\\').replace(/(\r\n|\n)/g,'\\n').replace(/'/g,"\\'").replace(this.re,fn));F.push("'].join('');};");F=F.join('');}eval(F);return this;},call:function(G,H,I){return this[G](H,I);},insertFirst:function(el,J,K){return this.doInsert('afterBegin',el,J,K);},insertBefore:function(el,L,M){return this.doInsert('beforeBegin',el,L,M);},insertAfter:function(el,N,O){return this.doInsert('afterEnd',el,N,O);},append:function(el,P,Q){return this.doInsert('beforeEnd',el,P,Q);},doInsert:function(R,el,S,T){el=Roo.getDom(el);var U=Roo.DomHelper.insertHtml(R,el,this.applyTemplate(S));return T?Roo.get(U,true):U;},overwrite:function(el,V,W){el=Roo.getDom(el);el.innerHTML=this.applyTemplate(V);return W?Roo.get(el.firstChild,true):el.firstChild;}};Roo.Template.prototype.apply=Roo.Template.prototype.applyTemplate;Roo.DomHelper.Template=Roo.Template;Roo.Template.from=function(el){el=Roo.getDom(el);return new Roo.Template(el.value||el.innerHTML);};
+Roo.DomQuery=function(){var A={},simpleCache={},valueCache={};var B=/\S/;var C=/^\s+|\s+$/g;var D=/\{(\d+)\}/g;var E=/^(\s?[\/>+~]\s?|\s|$)/;var F=/^(#)?([\w-\*]+)/;var G=/(\d*)n\+?(\d*)/,H=/\D/;function I(p,T){var i=0;var n=p.firstChild;while(n){if(n.nodeType==1){if(++i==T){return n;}}
+n=n.nextSibling;}return null;};function J(n){while((n=n.nextSibling)&&n.nodeType!=1);return n;};function K(n){while((n=n.previousSibling)&&n.nodeType!=1);return n;};function L(d){var n=d.firstChild,ni=-1;while(n){var nx=n.nextSibling;if(n.nodeType==3&&!B.test(n.nodeValue)){d.removeChild(n);}else {n.nodeIndex=++ni;}
+n=nx;}return this;};function byClassName(c,a,v){if(!v){return c;}var r=[],ri=-1,cn;for(var i=0,ci;ci=c[i];i++){if((' '+ci.className+' ').indexOf(v)!=-1){r[++ri]=ci;}}return r;};function attrValue(n,T){if(!n.tagName&&typeof n.length!="undefined"){n=n[0];}if(!n){return null;}if(T=="for"){return n.htmlFor;}if(T=="class"||T=="className"){return n.className;}return n.getAttribute(T)||n[T];};function getNodes(ns,T,U){var V=[],ri=-1,cs;if(!ns){return V;}
+U=U||"*";if(typeof ns.getElementsByTagName!="undefined"){ns=[ns];}if(!T){for(var i=0,ni;ni=ns[i];i++){cs=ni.getElementsByTagName(U);for(var j=0,ci;ci=cs[j];j++){V[++ri]=ci;}}}else if(T=="/"||T==">"){var utag=U.toUpperCase();for(var i=0,ni,cn;ni=ns[i];i++){cn=ni.children||ni.childNodes;for(var j=0,cj;cj=cn[j];j++){if(cj.nodeName==utag||cj.nodeName==U||U=='*'){V[++ri]=cj;}}}}else if(T=="+"){var utag=U.toUpperCase();for(var i=0,n;n=ns[i];i++){while((n=n.nextSibling)&&n.nodeType!=1);if(n&&(n.nodeName==utag||n.nodeName==U||U=='*')){V[++ri]=n;}}}else if(T=="~"){for(var i=0,n;n=ns[i];i++){while((n=n.nextSibling)&&(n.nodeType!=1||(U=='*'||n.tagName.toLowerCase()!=U)));if(n){V[++ri]=n;}}}return V;};function M(a,b){if(b.slice){return a.concat(b);}for(var i=0,l=b.length;i<l;i++){a[a.length]=b[i];}return a;}function byTag(cs,T){if(cs.tagName||cs==document){cs=[cs];}if(!T){return cs;}var r=[],ri=-1;T=T.toLowerCase();for(var i=0,ci;ci=cs[i];i++){if(ci.nodeType==1&&ci.tagName.toLowerCase()==T){r[++ri]=ci;}}return r;};function N(cs,T,id){if(cs.tagName||cs==document){cs=[cs];}if(!id){return cs;}var r=[],ri=-1;for(var i=0,ci;ci=cs[i];i++){if(ci&&ci.id==id){r[++ri]=ci;return r;}}return r;};function byAttribute(cs,T,U,op,V){var r=[],ri=-1,st=V=="{";var f=Roo.DomQuery.operators[op];for(var i=0,ci;ci=cs[i];i++){var a;if(st){a=Roo.DomQuery.getStyle(ci,T);}else if(T=="class"||T=="className"){a=ci.className;}else if(T=="for"){a=ci.htmlFor;}else if(T=="href"){a=ci.getAttribute("href",2);}else {a=ci.getAttribute(T);}if((f&&f(a,U))||(!f&&a)){r[++ri]=ci;}}return r;};function byPseudo(cs,T,U){return Roo.DomQuery.pseudos[T](cs,U);};var O=window.ActiveXObject?true:false;var batch=30803;var P=30803;function Q(cs){var d=++P;cs[0].setAttribute("_nodup",d);var r=[cs[0]];for(var i=1,len=cs.length;i<len;i++){var c=cs[i];if(!c.getAttribute("_nodup")!=d){c.setAttribute("_nodup",d);r[r.length]=c;}}for(var i=0,len=cs.length;i<len;i++){cs[i].removeAttribute("_nodup");}return r;}function nodup(cs){if(!cs){return [];}var T=cs.length,c,i,r=cs,cj,ri=-1;if(!T||typeof cs.nodeType!="undefined"||T==1){return cs;}if(O&&typeof cs[0].selectSingleNode!="undefined"){return Q(cs);}var d=++P;cs[0]._nodup=d;for(i=1;c=cs[i];i++){if(c._nodup!=d){c._nodup=d;}else {r=[];for(var j=0;j<i;j++){r[++ri]=cs[j];}for(j=i+1;cj=cs[j];j++){if(cj._nodup!=d){cj._nodup=d;r[++ri]=cj;}}return r;}}return r;}function R(c1,c2){var d=++P;for(var i=0,len=c1.length;i<len;i++){c1[i].setAttribute("_qdiff",d);}var r=[];for(var i=0,len=c2.length;i<len;i++){if(c2[i].getAttribute("_qdiff")!=d){r[r.length]=c2[i];}}for(var i=0,len=c1.length;i<len;i++){c1[i].removeAttribute("_qdiff");}return r;}function S(c1,c2){var T=c1.length;if(!T){return c2;}if(O&&c1[0].selectSingleNode){return R(c1,c2);}var d=++P;for(var i=0;i<T;i++){c1[i]._qdiff=d;}var r=[];for(var i=0,len=c2.length;i<len;i++){if(c2[i]._qdiff!=d){r[r.length]=c2[i];}}return r;}function quickId(ns,T,U,id){if(ns==U){var d=U.ownerDocument||U;return d.getElementById(id);}
+ns=getNodes(ns,T,"*");return N(ns,null,id);}return {getStyle:function(el,AA){return Roo.fly(el).getStyle(AA);},compile:function(AB,AC){AC=AC||"select";var fn=["var f = function(root){\n var mode; ++batch; var n = root || document;\n"];var q=AB,mode,lq;var tk=Roo.DomQuery.matchers;var AD=tk.length;var mm;var AE=q.match(E);if(AE&&AE[1]){fn[fn.length]='mode="'+AE[1].replace(C,"")+'";';q=q.replace(AE[1],"");}while(AB.substr(0,1)=="/"){AB=AB.substr(1);}while(q&&lq!=q){lq=q;var tm=q.match(F);if(AC=="select"){if(tm){if(tm[1]=="#"){fn[fn.length]='n = quickId(n, mode, root, "'+tm[2]+'");';}else {fn[fn.length]='n = getNodes(n, mode, "'+tm[2]+'");';}
+q=q.replace(tm[0],"");}else if(q.substr(0,1)!='@'){fn[fn.length]='n = getNodes(n, mode, "*");';}}else {if(tm){if(tm[1]=="#"){fn[fn.length]='n = byId(n, null, "'+tm[2]+'");';}else {fn[fn.length]='n = byTag(n, "'+tm[2]+'");';}
+q=q.replace(tm[0],"");}}while(!(mm=q.match(E))){var matched=false;for(var j=0;j<AD;j++){var t=tk[j];var m=q.match(t.re);if(m){fn[fn.length]=t.select.replace(D,function(x,i){return m[i];});q=q.replace(m[0],"");matched=true;break;}}if(!matched){throw 'Error parsing selector, parsing failed at "'+q+'"';}}if(mm[1]){fn[fn.length]='mode="'+mm[1].replace(C,"")+'";';q=q.replace(mm[1],"");}}
+fn[fn.length]="return nodup(n);\n}";eval(fn.join(""));return f;},select:function(AF,AG,AH){if(!AG||AG==document){AG=document;}if(typeof AG=="string"){AG=document.getElementById(AG);}var AI=AF.split(",");var AJ=[];for(var i=0,len=AI.length;i<len;i++){var p=AI[i].replace(C,"");if(!A[p]){A[p]=Roo.DomQuery.compile(p);if(!A[p]){throw p+" is not a valid selector";}}var z=A[p](AG);if(z&&z!=document){AJ=AJ.concat(z);}}if(AI.length>1){return nodup(AJ);}return AJ;},selectNode:function(AK,AL){return Roo.DomQuery.select(AK,AL)[0];},selectValue:function(AM,AN,AO){AM=AM.replace(C,"");if(!valueCache[AM]){valueCache[AM]=Roo.DomQuery.compile(AM,"select");}var n=valueCache[AM](AN);n=n[0]?n[0]:n;var v=(n&&n.firstChild?n.firstChild.nodeValue:null);return ((v===null||v===undefined||v==='')?AO:v);},selectNumber:function(AP,AQ,AR){var v=Roo.DomQuery.selectValue(AP,AQ,AR||0);return parseFloat(v);},is:function(el,ss){if(typeof el=="string"){el=document.getElementById(el);}var AS=(el instanceof Array);var AT=Roo.DomQuery.filter(AS?el:[el],ss);return AS?(AT.length==el.length):(AT.length>0);},filter:function(AU,ss,AV){ss=ss.replace(C,"");if(!simpleCache[ss]){simpleCache[ss]=Roo.DomQuery.compile(ss,"simple");}var AW=simpleCache[ss](AU);return AV?S(AW,AU):AW;},matchers:[{re:/^\.([\w-]+)/,select:'n = byClassName(n, null, " {1} ");'},{re:/^\:([\w-]+)(?:\(((?:[^\s>\/]*|.*?))\))?/,select:'n = byPseudo(n, "{1}", "{2}");'},{re:/^(?:([\[\{])(?:@)?([\w-]+)\s?(?:(=|.=)\s?['"]?(.*?)["']?)?[\]\}])/,select:'n = byAttribute(n, "{2}", "{4}", "{3}", "{1}");'},{re:/^#([\w-]+)/,select:'n = byId(n, null, "{1}");'},{re:/^@([\w-]+)/,select:'return {firstChild:{nodeValue:attrValue(n, "{1}")}};'}],operators:{"=":function(a,v){return a==v;},"!=":function(a,v){return a!=v;},"^=":function(a,v){return a&&a.substr(0,v.length)==v;},"$=":function(a,v){return a&&a.substr(a.length-v.length)==v;},"*=":function(a,v){return a&&a.indexOf(v)!==-1;},"%=":function(a,v){return (a%v)==0;},"|=":function(a,v){return a&&(a==v||a.substr(0,v.length+1)==v+'-');},"~=":function(a,v){return a&&(' '+a+' ').indexOf(' '+v+' ')!=-1;}},pseudos:{"first-child":function(c){var r=[],ri=-1,n;for(var i=0,ci;ci=n=c[i];i++){while((n=n.previousSibling)&&n.nodeType!=1);if(!n){r[++ri]=ci;}}return r;},"last-child":function(c){var r=[],ri=-1,n;for(var i=0,ci;ci=n=c[i];i++){while((n=n.nextSibling)&&n.nodeType!=1);if(!n){r[++ri]=ci;}}return r;},"nth-child":function(c,a){var r=[],ri=-1;var m=G.exec(a=="even"&&"2n"||a=="odd"&&"2n+1"||!H.test(a)&&"n+"+a||a);var f=(m[1]||1)-0,l=m[2]-0;for(var i=0,n;n=c[i];i++){var pn=n.parentNode;if(batch!=pn._batch){var j=0;for(var cn=pn.firstChild;cn;cn=cn.nextSibling){if(cn.nodeType==1){cn.nodeIndex=++j;}}
+pn._batch=batch;}if(f==1){if(l==0||n.nodeIndex==l){r[++ri]=n;}}else if((n.nodeIndex+l)%f==0){r[++ri]=n;}}return r;},"only-child":function(c){var r=[],ri=-1;;for(var i=0,ci;ci=c[i];i++){if(!K(ci)&&!J(ci)){r[++ri]=ci;}}return r;},"empty":function(c){var r=[],ri=-1;for(var i=0,ci;ci=c[i];i++){var cns=ci.childNodes,j=0,cn,empty=true;while(cn=cns[j]){++j;if(cn.nodeType==1||cn.nodeType==3){empty=false;break;}}if(empty){r[++ri]=ci;}}return r;},"contains":function(c,v){var r=[],ri=-1;for(var i=0,ci;ci=c[i];i++){if((ci.textContent||ci.innerText||'').indexOf(v)!=-1){r[++ri]=ci;}}return r;},"nodeValue":function(c,v){var r=[],ri=-1;for(var i=0,ci;ci=c[i];i++){if(ci.firstChild&&ci.firstChild.nodeValue==v){r[++ri]=ci;}}return r;},"checked":function(c){var r=[],ri=-1;for(var i=0,ci;ci=c[i];i++){if(ci.checked==true){r[++ri]=ci;}}return r;},"not":function(c,ss){return Roo.DomQuery.filter(c,ss,true);},"odd":function(c){return this["nth-child"](c,"odd");},"even":function(c){return this["nth-child"](c,"even");},"nth":function(c,a){return c[a-1]||[];},"first":function(c){return c[0]||[];},"last":function(c){return c[c.length-1]||[];},"has":function(c,ss){var s=Roo.DomQuery.select;var r=[],ri=-1;for(var i=0,ci;ci=c[i];i++){if(s(ss,ci).length>0){r[++ri]=ci;}}return r;},"next":function(c,ss){var is=Roo.DomQuery.is;var r=[],ri=-1;for(var i=0,ci;ci=c[i];i++){var n=J(ci);if(n&&is(n,ss)){r[++ri]=ci;}}return r;},"prev":function(c,ss){var is=Roo.DomQuery.is;var r=[],ri=-1;for(var i=0,ci;ci=c[i];i++){var n=K(ci);if(n&&is(n,ss)){r[++ri]=ci;}}return r;}}};}();Roo.query=Roo.DomQuery.select;
+Roo.util.Observable=function(A){A=A||{};this.addEvents(A.events||{});if(A.events){delete A.events;}
+Roo.apply(this,A);if(this.listeners){this.on(this.listeners);delete this.listeners;}};Roo.util.Observable.prototype={fireEvent:function(){var ce=this.events[arguments[0].toLowerCase()];if(typeof ce=="object"){return ce.fire.apply(ce,Array.prototype.slice.call(arguments,1));}else {return true;}},filterOptRe:/^(?:scope|delay|buffer|single)$/,addListener:function(B,fn,C,o){if(typeof B=="object"){o=B;for(var e in o){if(this.filterOptRe.test(e)){continue;}if(typeof o[e]=="function"){this.addListener(e,o[e],o.scope,o);}else {this.addListener(e,o[e].fn,o[e].scope,o[e]);}}return;}
+o=(!o||typeof o=="boolean")?{}:o;B=B.toLowerCase();var ce=this.events[B]||true;if(typeof ce=="boolean"){ce=new Roo.util.Event(this,B);this.events[B]=ce;}
+ce.addListener(fn,C,o);},removeListener:function(D,fn,E){var ce=this.events[D.toLowerCase()];if(typeof ce=="object"){ce.removeListener(fn,E);}},purgeListeners:function(){for(var evt in this.events){if(typeof this.events[evt]=="object"){this.events[evt].clearListeners();}}},relayEvents:function(o,F){var G=function(H){return function(){return this.fireEvent.apply(this,Roo.combine(H,Array.prototype.slice.call(arguments,0)));};};for(var i=0,len=F.length;i<len;i++){var ename=F[i];if(!this.events[ename]){this.events[ename]=true;};o.on(ename,G(ename),this);}},addEvents:function(o){if(!this.events){this.events={};}
+Roo.applyIf(this.events,o);},hasListener:function(H){var e=this.events[H];return typeof e=="object"&&e.listeners.length>0;}};Roo.util.Observable.prototype.on=Roo.util.Observable.prototype.addListener;Roo.util.Observable.prototype.un=Roo.util.Observable.prototype.removeListener;Roo.util.Observable.capture=function(o,fn,I){o.fireEvent=o.fireEvent.createInterceptor(fn,I);};Roo.util.Observable.releaseCapture=function(o){o.fireEvent=Roo.util.Observable.prototype.fireEvent;};(function(){var J=function(h,o,M){var N=new Roo.util.DelayedTask();return function(){N.delay(o.buffer,h,M,Array.prototype.slice.call(arguments,0));};};var K=function(h,e,fn,M){return function(){e.removeListener(fn,M);return h.apply(M,arguments);};};var L=function(h,o,M){return function(){var N=Array.prototype.slice.call(arguments,0);setTimeout(function(){h.apply(M,N);},o.delay||10);};};Roo.util.Event=function(M,N){this.name=N;this.obj=M;this.listeners=[];};Roo.util.Event.prototype={addListener:function(fn,M,N){var o=N||{};M=M||this.obj;if(!this.isListening(fn,M)){var l={fn:fn,scope:M,options:o};var h=fn;if(o.delay){h=L(h,o,M);}if(o.single){h=K(h,this,fn,M);}if(o.buffer){h=J(h,o,M);}
+l.fireFn=h;if(!this.firing){this.listeners.push(l);}else {this.listeners=this.listeners.slice(0);this.listeners.push(l);}}},findListener:function(fn,O){O=O||this.obj;var ls=this.listeners;for(var i=0,len=ls.length;i<len;i++){var l=ls[i];if(l.fn==fn&&l.scope==O){return i;}}return -1;},isListening:function(fn,P){return this.findListener(fn,P)!=-1;},removeListener:function(fn,Q){var R;if((R=this.findListener(fn,Q))!=-1){if(!this.firing){this.listeners.splice(R,1);}else {this.listeners=this.listeners.slice(0);this.listeners.splice(R,1);}return true;}return false;},clearListeners:function(){this.listeners=[];},fire:function(){var ls=this.listeners,S,T=ls.length;if(T>0){this.firing=true;var args=Array.prototype.slice.call(arguments,0);for(var i=0;i<T;i++){var l=ls[i];if(l.fireFn.apply(l.scope||this.obj||window,arguments)===false){this.firing=false;return false;}}
+this.firing=false;}return true;}};})();
+Roo.EventManager=function(){var A,B,C=false;var F,G,H,I;var E=Roo.lib.Event;var D=Roo.lib.Dom;var J=function(){if(!C){C=true;Roo.isReady=true;if(B){clearInterval(B);}if(Roo.isGecko||Roo.isOpera){document.removeEventListener("DOMContentLoaded",J,false);}if(Roo.isIE){var defer=document.getElementById("ie-deferred-loader");if(defer){defer.onreadystatechange=null;defer.parentNode.removeChild(defer);}}if(A){A.fire();A.clearListeners();}}};var K=function(){A=new Roo.util.Event();if(Roo.isGecko||Roo.isOpera){document.addEventListener("DOMContentLoaded",J,false);}else if(Roo.isIE){document.write("<s"+'cript id="ie-deferred-loader" defer="defer" src="/'+'/:"></s'+"cript>");var defer=document.getElementById("ie-deferred-loader");defer.onreadystatechange=function(){if(this.readyState=="complete"){J();}};}else if(Roo.isSafari){B=setInterval(function(){var rs=document.readyState;if(rs=="complete"){J();}},10);}
+E.on(window,"load",J);};var L=function(h,o){var S=new Roo.util.DelayedTask(h);return function(e){e=new Roo.EventObjectImpl(e);S.delay(o.buffer,h,null,[e]);};};var M=function(h,el,S,fn){return function(e){Roo.EventManager.removeListener(el,S,fn);h(e);};};var N=function(h,o){return function(e){e=new Roo.EventObjectImpl(e);setTimeout(function(){h(e);},o.delay||10);};};var O=function(S,T,U,fn,V){var o=(!U||typeof U=="boolean")?{}:U;fn=fn||o.fn;V=V||o.scope;var el=Roo.getDom(S);if(!el){throw "Error listening for \""+T+'\". Element "'+S+'" doesn\'t exist.';}var h=function(e){e=Roo.EventObject.setEvent(e);var t;if(o.delegate){t=e.getTarget(o.delegate,el);if(!t){return;}}else {t=e.target;}if(o.stopEvent===true){e.stopEvent();}if(o.preventDefault===true){e.preventDefault();}if(o.stopPropagation===true){e.stopPropagation();}if(o.normalized===false){e=e.browserEvent;}
+fn.call(V||el,e,t,o);};if(o.delay){h=N(h,o);}if(o.single){h=M(h,el,T,fn);}if(o.buffer){h=L(h,o);}
+fn._handlers=fn._handlers||[];fn._handlers.push([Roo.id(el),T,h]);E.on(el,T,h);if(T=="mousewheel"&&el.addEventListener){el.addEventListener("DOMMouseScroll",h,false);E.on(window,'unload',function(){el.removeEventListener("DOMMouseScroll",h,false);});}if(T=="mousedown"&&el==document){Roo.EventManager.stoppedMouseDownEvent.addListener(h);}return h;};var P=function(el,S,fn){var id=Roo.id(el),T=fn._handlers,hd=fn;if(T){for(var i=0,len=T.length;i<len;i++){var h=T[i];if(h[0]==id&&h[1]==S){hd=h[2];T.splice(i,1);break;}}}
+E.un(el,S,hd);el=Roo.getDom(el);if(S=="mousewheel"&&el.addEventListener){el.removeEventListener("DOMMouseScroll",hd,false);}if(S=="mousedown"&&el==document){Roo.EventManager.stoppedMouseDownEvent.removeListener(hd);}};var Q=/^(?:scope|delay|buffer|single|stopEvent|preventDefault|stopPropagation|normalized|args|delegate)$/;var R={wrap:function(fn,S,T){return function(e){Roo.EventObject.setEvent(e);fn.call(T?S||window:window,Roo.EventObject,S);};},addListener:function(U,V,fn,W,X){if(typeof V=="object"){var o=V;for(var e in o){if(Q.test(e)){continue;}if(typeof o[e]=="function"){O(U,e,o,o[e],o.scope);}else {O(U,e,o[e]);}}return;}return O(U,V,X,fn,W);},removeListener:function(Y,Z,fn){return P(Y,Z,fn);},onDocumentReady:function(fn,a,b){if(C){A.addListener(fn,a,b);A.fire();A.clearListeners();return;}if(!A){K();}
+A.addListener(fn,a,b);},onWindowResize:function(fn,c,d){if(!F){F=new Roo.util.Event();G=new Roo.util.DelayedTask(function(){F.fire(D.getViewWidth(),D.getViewHeight());});E.on(window,"resize",function(){if(Roo.isIE){G.delay(50);}else {F.fire(D.getViewWidth(),D.getViewHeight());}});}
+F.addListener(fn,c,d);},onTextResize:function(fn,f,g){if(!H){H=new Roo.util.Event();var textEl=new Roo.Element(document.createElement('div'));textEl.dom.className='x-text-resize';textEl.dom.innerHTML='X';textEl.appendTo(document.body);I=textEl.dom.offsetHeight;setInterval(function(){if(textEl.dom.offsetHeight!=I){H.fire(I,I=textEl.dom.offsetHeight);}},this.textResizeInterval);}
+H.addListener(fn,f,g);},removeResizeListener:function(fn,j){if(F){F.removeListener(fn,j);}},fireResize:function(){if(F){F.fire(D.getViewWidth(),D.getViewHeight());}},ieDeferSrc:false,textResizeInterval:50};R.on=R.addListener;R.un=R.removeListener;R.stoppedMouseDownEvent=new Roo.util.Event();return R;}();Roo.onReady=Roo.EventManager.onDocumentReady;Roo.onReady(function(){var bd=Roo.get(document.body);if(!bd){return;}var S=[Roo.isIE?"roo-ie":Roo.isGecko?"roo-gecko":Roo.isOpera?"roo-opera":Roo.isSafari?"roo-safari":""];if(Roo.isMac){S.push("roo-mac");}if(Roo.isLinux){S.push("roo-linux");}if(Roo.isBorderBox){S.push('roo-border-box');}if(Roo.isStrict){var p=bd.dom.parentNode;if(p){p.className+=' roo-strict';}}
+bd.addClass(S.join(' '));});Roo.EventObject=function(){var E=Roo.lib.Event;var T={63234:37,63235:39,63232:38,63233:40,63276:33,63277:34,63272:46,63273:36,63275:35};var U=Roo.isIE?{1:0,4:1,2:2}:(Roo.isSafari?{1:0,2:1,3:2}:{0:0,1:1,2:2});Roo.EventObjectImpl=function(e){if(e){this.setEvent(e.browserEvent||e);}};Roo.EventObjectImpl.prototype={browserEvent:null,button:-1,shiftKey:false,ctrlKey:false,altKey:false,BACKSPACE:8,TAB:9,RETURN :13,ENTER:13,SHIFT:16,CONTROL:17,ESC:27,SPACE:32,PAGEUP:33,PAGEDOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,DELETE :46,F5:116,setEvent:function(e){if(e==this||(e&&e.browserEvent)){return e;}
+this.browserEvent=e;if(e){this.button=e.button?U[e.button]:(e.which?e.which-1:-1);if(e.type=='click'&&this.button==-1){this.button=0;}
+this.type=e.type;this.shiftKey=e.shiftKey;this.ctrlKey=e.ctrlKey||e.metaKey;this.altKey=e.altKey;this.keyCode=e.keyCode;this.charCode=(e.type=='keyup'||e.type=='keydown')?0:e.charCode;this.target=E.getTarget(e);this.xy=E.getXY(e);}else {this.button=-1;this.shiftKey=false;this.ctrlKey=false;this.altKey=false;this.keyCode=0;this.charCode=0;this.target=null;this.xy=[0,0];}return this;},stopEvent:function(){if(this.browserEvent){if(this.browserEvent.type=='mousedown'){Roo.EventManager.stoppedMouseDownEvent.fire(this);}
+E.stopEvent(this.browserEvent);}},preventDefault:function(){if(this.browserEvent){E.preventDefault(this.browserEvent);}},isNavKeyPress:function(){var k=this.keyCode;k=Roo.isSafari?(T[k]||k):k;return (k>=33&&k<=40)||k==this.RETURN ||k==this.TAB||k==this.ESC;},isSpecialKey:function(){var k=this.keyCode;return (this.type=='keypress'&&this.ctrlKey)||k==9||k==13||k==40||k==27||(k==16)||(k==17)||(k>=18&&k<=20)||(k>=33&&k<=35)||(k>=36&&k<=39)||(k>=44&&k<=45);},stopPropagation:function(){if(this.browserEvent){if(this.type=='mousedown'){Roo.EventManager.stoppedMouseDownEvent.fire(this);}
+E.stopPropagation(this.browserEvent);}},getCharCode:function(){return this.charCode||this.keyCode;},getKey:function(){var k=this.keyCode||this.charCode;return Roo.isSafari?(T[k]||k):k;},getPageX:function(){return this.xy[0];},getPageY:function(){return this.xy[1];},getTime:function(){if(this.browserEvent){return E.getTime(this.browserEvent);}return null;},getXY:function(){return this.xy;},getTarget:function(V,W,X){return V?Roo.fly(this.target).findParent(V,W,X):this.target;},getRelatedTarget:function(){if(this.browserEvent){return E.getRelatedTarget(this.browserEvent);}return null;},getWheelDelta:function(){var e=this.browserEvent;var Y=0;if(e.wheelDelta){Y=e.wheelDelta/120;}else if(e.detail){Y=-e.detail/3;}return Y;},hasModifier:function(){return !!((this.ctrlKey||this.altKey)||this.shiftKey);},within:function(el,Z){var t=this[Z?"getRelatedTarget":"getTarget"]();return t&&Roo.fly(el).contains(t);},getPoint:function(){return new Roo.lib.Point(this.xy[0],this.xy[1]);}};return new Roo.EventObjectImpl();}();
+(function(){var D=Roo.lib.Dom;var E=Roo.lib.Event;var A=Roo.lib.Anim;var B={};var C=/(-[a-z])/gi;var F=function(m,a){return a.charAt(1).toUpperCase();};var G=document.defaultView;Roo.Element=function(J,K){var L=typeof J=="string"?document.getElementById(J):J;if(!L){return null;}var id=L.id;if(K!==true&&id&&Roo.Element.cache[id]){return Roo.Element.cache[id];}
+this.dom=L;this.id=id||Roo.id(L);};var El=Roo.Element;El.prototype={originalDisplay:"",visibilityMode:1,defaultUnit:"px",setVisibilityMode:function(J){this.visibilityMode=J;return this;},enableDisplayMode:function(K){this.setVisibilityMode(El.DISPLAY);if(typeof K!="undefined")this.originalDisplay=K;return this;},findParent:function(L,M,N){var p=this.dom,b=document.body,O=0,dq=Roo.DomQuery,P;M=M||50;if(typeof M!="number"){P=Roo.getDom(M);M=10;}while(p&&p.nodeType==1&&O<M&&p!=b&&p!=P){if(dq.is(p,L)){return N?Roo.get(p):p;}
+O++;p=p.parentNode;}return null;},findParentNode:function(Q,R,S){var p=Roo.fly(this.dom.parentNode,'_internal');return p?p.findParent(Q,R,S):null;},up:function(T,U){return this.findParentNode(T,U,true);},is:function(V){return Roo.DomQuery.is(this.dom,V);},animate:function(W,X,Y,Z,c){this.anim(W,{duration:X,callback:Y,easing:Z},c);return this;},anim:function(e,g,h,j,k,cb){h=h||'run';g=g||{};var l=Roo.lib.Anim[h](this.dom,e,(g.duration||j)||.35,(g.easing||k)||'easeOut',function(){Roo.callback(cb,this);Roo.callback(g.callback,g.scope||this,[this,g]);},this);g.anim=l;return l;},preanim:function(a,i){return !a[i]?false:(typeof a[i]=="object"?a[i]:{duration:a[i+1],callback:a[i+2],easing:a[i+3]});},clean:function(o){if(this.isCleaned&&o!==true){return this;}var ns=/\S/;var d=this.dom,n=d.firstChild,ni=-1;while(n){var nx=n.nextSibling;if(n.nodeType==3&&!ns.test(n.nodeValue)){d.removeChild(n);}else {n.nodeIndex=++ni;}
+n=nx;}
+this.isCleaned=true;return this;},calcOffsetsTo:function(el){el=Roo.get(el);var d=el.dom;var q=false;if(el.getStyle('position')=='static'){el.position('relative');q=true;}var x=0,y=0;var op=this.dom;while(op&&op!=d&&op.tagName!='HTML'){x+=op.offsetLeft;y+=op.offsetTop;op=op.offsetParent;}if(q){el.position('static');}return [x,y];},scrollIntoView:function(u,v){var c=Roo.getDom(u)||document.body;var el=this.dom;var o=this.calcOffsetsTo(c),l=o[0],t=o[1],b=t+el.offsetHeight,r=l+el.offsetWidth;var ch=c.clientHeight;var ct=parseInt(c.scrollTop,10);var cl=parseInt(c.scrollLeft,10);var cb=ct+ch;var cr=cl+c.clientWidth;if(t<ct){c.scrollTop=t;}else if(b>cb){c.scrollTop=b-ch;}if(v!==false){if(l<cl){c.scrollLeft=l;}else if(r>cr){c.scrollLeft=r-c.clientWidth;}}return this;},scrollChildIntoView:function(w,z){Roo.fly(w,'_scrollChildIntoView').scrollIntoView(this,z);},autoHeight:function(AA,AB,AC,AD){var AE=this.getHeight();this.clip();this.setHeight(1);setTimeout(function(){var AG=parseInt(this.dom.scrollHeight,10);if(!AA){this.setHeight(AG);this.unclip();if(typeof AC=="function"){AC();}}else {this.setHeight(AE);this.setHeight(AG,AA,AB,function(){this.unclip();if(typeof AC=="function")AC();}.createDelegate(this),AD);}}.createDelegate(this),0);return this;},contains:function(el){if(!el){return false;}return D.isAncestor(this.dom,el.dom?el.dom:el);},isVisible:function(AF){var AG=!(this.getStyle("visibility")=="hidden"||this.getStyle("display")=="none");if(AF!==true||!AG){return AG;}var p=this.dom.parentNode;while(p&&p.tagName.toLowerCase()!="body"){if(!Roo.fly(p,'_isVisible').isVisible()){return false;}
+p=p.parentNode;}return true;},select:function(AH,AI){return El.select(AH,AI,this.dom);},query:function(AJ,AK){return Roo.DomQuery.select(AJ,this.dom);},child:function(AL,AM){var n=Roo.DomQuery.selectNode(AL,this.dom);return AM?n:Roo.get(n);},down:function(AN,AO){var n=Roo.DomQuery.selectNode(" > "+AN,this.dom);return AO?n:Roo.get(n);},initDD:function(AP,AQ,AR){var dd=new Roo.dd.DD(Roo.id(this.dom),AP,AQ);return Roo.apply(dd,AR);},initDDProxy:function(AS,AT,AU){var dd=new Roo.dd.DDProxy(Roo.id(this.dom),AS,AT);return Roo.apply(dd,AU);},initDDTarget:function(AV,AW,AX){var dd=new Roo.dd.DDTarget(Roo.id(this.dom),AV,AW);return Roo.apply(dd,AX);},setVisible:function(AY,AZ){if(!AZ||!A){if(this.visibilityMode==El.DISPLAY){this.setDisplayed(AY);}else {this.fixDisplay();this.dom.style.visibility=AY?"visible":"hidden";}}else {var dom=this.dom;var J=this.visibilityMode;if(AY){this.setOpacity(.01);this.setVisible(true);}
+this.anim({opacity:{to:(AY?1:0)}},this.preanim(arguments,1),null,.35,'easeIn',function(){if(!AY){if(J==El.DISPLAY){dom.style.display="none";}else {dom.style.visibility="hidden";}
+Roo.get(dom).setOpacity(1);}});}return this;},isDisplayed:function(){return this.getStyle("display")!="none";},toggle:function(Aa){this.setVisible(!this.isVisible(),this.preanim(arguments,0));return this;},setDisplayed:function(Ab){if(typeof Ab=="boolean"){Ab=Ab?this.originalDisplay:"none";}
+this.setStyle("display",Ab);return this;},focus:function(){try{this.dom.focus();}catch(e){}return this;},blur:function(){try{this.dom.blur();}catch(e){}return this;},addClass:function(Ac){if(Ac instanceof Array){for(var i=0,len=Ac.length;i<len;i++){this.addClass(Ac[i]);}}else {if(Ac&&!this.hasClass(Ac)){this.dom.className=this.dom.className+" "+Ac;}}return this;},radioClass:function(Ad){var Ae=this.dom.parentNode.childNodes;for(var i=0;i<Ae.length;i++){var s=Ae[i];if(s.nodeType==1){Roo.get(s).removeClass(Ad);}}
+this.addClass(Ad);return this;},removeClass:function(Af){if(!Af||!this.dom.className){return this;}if(Af instanceof Array){for(var i=0,len=Af.length;i<len;i++){this.removeClass(Af[i]);}}else {if(this.hasClass(Af)){var re=this.classReCache[Af];if(!re){re=new RegExp('(?:^|\\s+)'+Af+'(?:\\s+|$)',"g");this.classReCache[Af]=re;}
+this.dom.className=this.dom.className.replace(re," ");}}return this;},classReCache:{},toggleClass:function(Ag){if(this.hasClass(Ag)){this.removeClass(Ag);}else {this.addClass(Ag);}return this;},hasClass:function(Ah){return Ah&&(' '+this.dom.className+' ').indexOf(' '+Ah+' ')!=-1;},replaceClass:function(Ai,Aj){this.removeClass(Ai);this.addClass(Aj);return this;},getStyles:function(){var a=arguments,Ak=a.length,r={};for(var i=0;i<Ak;i++){r[a[i]]=this.getStyle(a[i]);}return r;},getStyle:function(){return G&&G.getComputedStyle?function(Al){var el=this.dom,v,cs,Am;if(Al=='float'){Al="cssFloat";}if(el.style&&(v=el.style[Al])){return v;}if(cs=G.getComputedStyle(el,"")){if(!(Am=B[Al])){Am=B[Al]=Al.replace(C,F);}return cs[Am];}return null;}:function(Al){var el=this.dom,v,cs,Am;if(Al=='opacity'){if(typeof el.style.filter=='string'){var m=el.style.filter.match(/alpha\(opacity=(.*)\)/i);if(m){var fv=parseFloat(m[1]);if(!isNaN(fv)){return fv?fv/100:0;}}}return 1;}else if(Al=='float'){Al="styleFloat";}if(!(Am=B[Al])){Am=B[Al]=Al.replace(C,F);}if(v=el.style[Am]){return v;}if(cs=el.currentStyle){return cs[Am];}return null;};}(),setStyle:function(Al,Am){if(typeof Al=="string"){if(Al=='float'){this.setStyle(Roo.isIE?'styleFloat':'cssFloat',Am);return this;}var camel;if(!(camel=B[Al])){camel=B[Al]=Al.replace(C,F);}if(camel=='opacity'){this.setOpacity(Am);}else {this.dom.style[camel]=Am;}}else {for(var style in Al){if(typeof Al[style]!="function"){this.setStyle(style,Al[style]);}}}return this;},applyStyles:function(An){Roo.DomHelper.applyStyles(this.dom,An);return this;},getX:function(){return D.getX(this.dom);},getY:function(){return D.getY(this.dom);},getXY:function(){return D.getXY(this.dom);},setX:function(x,Ao){if(!Ao||!A){D.setX(this.dom,x);}else {this.setXY([x,this.getY()],this.preanim(arguments,1));}return this;},setY:function(y,Ap){if(!Ap||!A){D.setY(this.dom,y);}else {this.setXY([this.getX(),y],this.preanim(arguments,1));}return this;},setLeft:function(Aq){this.setStyle("left",this.addUnits(Aq));return this;},setTop:function(Ar){this.setStyle("top",this.addUnits(Ar));return this;},setRight:function(As){this.setStyle("right",this.addUnits(As));return this;},setBottom:function(At){this.setStyle("bottom",this.addUnits(At));return this;},setXY:function(Au,Av){if(!Av||!A){D.setXY(this.dom,Au);}else {this.anim({points:{to:Au}},this.preanim(arguments,1),'motion');}return this;},setLocation:function(x,y,Aw){this.setXY([x,y],this.preanim(arguments,2));return this;},moveTo:function(x,y,Ax){this.setXY([x,y],this.preanim(arguments,2));return this;},getRegion:function(){return D.getRegion(this.dom);},getHeight:function(Ay){var h=this.dom.offsetHeight||0;return Ay!==true?h:h-this.getBorderWidth("tb")-this.getPadding("tb");},getWidth:function(Az){var w=this.dom.offsetWidth||0;return Az!==true?w:w-this.getBorderWidth("lr")-this.getPadding("lr");},getComputedHeight:function(){var h=Math.max(this.dom.offsetHeight,this.dom.clientHeight);if(!h){h=parseInt(this.getStyle('height'),10)||0;if(!this.isBorderBox()){h+=this.getFrameWidth('tb');}}return h;},getComputedWidth:function(){var w=Math.max(this.dom.offsetWidth,this.dom.clientWidth);if(!w){w=parseInt(this.getStyle('width'),10)||0;if(!this.isBorderBox()){w+=this.getFrameWidth('lr');}}return w;},getSize:function(A0){return {width:this.getWidth(A0),height:this.getHeight(A0)};},getViewSize:function(){var d=this.dom,A1=document,aw=0,ah=0;if(d==A1||d==A1.body){return {width:D.getViewWidth(),height:D.getViewHeight()};}else {return {width:d.clientWidth,height:d.clientHeight};}},getValue:function(A2){return A2?parseInt(this.dom.value,10):this.dom.value;},adjustWidth:function(A3){if(typeof A3=="number"){if(this.autoBoxAdjust&&!this.isBorderBox()){A3-=(this.getBorderWidth("lr")+this.getPadding("lr"));}if(A3<0){A3=0;}}return A3;},adjustHeight:function(A4){if(typeof A4=="number"){if(this.autoBoxAdjust&&!this.isBorderBox()){A4-=(this.getBorderWidth("tb")+this.getPadding("tb"));}if(A4<0){A4=0;}}return A4;},setWidth:function(A5,A6){A5=this.adjustWidth(A5);if(!A6||!A){this.dom.style.width=this.addUnits(A5);}else {this.anim({width:{to:A5}},this.preanim(arguments,1));}return this;},setHeight:function(A7,A8){A7=this.adjustHeight(A7);if(!A8||!A){this.dom.style.height=this.addUnits(A7);}else {this.anim({height:{to:A7}},this.preanim(arguments,1));}return this;},setSize:function(A9,BA,BB){if(typeof A9=="object"){BA=A9.height;A9=A9.width;}
+A9=this.adjustWidth(A9);BA=this.adjustHeight(BA);if(!BB||!A){this.dom.style.width=this.addUnits(A9);this.dom.style.height=this.addUnits(BA);}else {this.anim({width:{to:A9},height:{to:BA}},this.preanim(arguments,2));}return this;},setBounds:function(x,y,BC,BD,BE){if(!BE||!A){this.setSize(BC,BD);this.setLocation(x,y);}else {BC=this.adjustWidth(BC);BD=this.adjustHeight(BD);this.anim({points:{to:[x,y]},width:{to:BC},height:{to:BD}},this.preanim(arguments,4),'motion');}return this;},setRegion:function(BF,BG){this.setBounds(BF.left,BF.top,BF.right-BF.left,BF.bottom-BF.top,this.preanim(arguments,1));return this;},addListener:function(BH,fn,BI,BJ){Roo.EventManager.on(this.dom,BH,fn,BI||this,BJ);},removeListener:function(BK,fn){Roo.EventManager.removeListener(this.dom,BK,fn);return this;},removeAllListeners:function(){E.purgeElement(this.dom);return this;},relayEvent:function(BL,BM){this.on(BL,function(e){BM.fireEvent(BL,e);});},setOpacity:function(BN,BO){if(!BO||!A){var s=this.dom.style;if(Roo.isIE){s.zoom=1;s.filter=(s.filter||'').replace(/alpha\([^\)]*\)/gi,"")+(BN==1?"":"alpha(opacity="+BN*100+")");}else {s.opacity=BN;}}else {this.anim({opacity:{to:BN}},this.preanim(arguments,1),null,.35,'easeIn');}return this;},getLeft:function(BP){if(!BP){return this.getX();}else {return parseInt(this.getStyle("left"),10)||0;}},getRight:function(BQ){if(!BQ){return this.getX()+this.getWidth();}else {return (this.getLeft(true)+this.getWidth())||0;}},getTop:function(BR){if(!BR){return this.getY();}else {return parseInt(this.getStyle("top"),10)||0;}},getBottom:function(BS){if(!BS){return this.getY()+this.getHeight();}else {return (this.getTop(true)+this.getHeight())||0;}},position:function(BT,BU,x,y){if(!BT){if(this.getStyle('position')=='static'){this.setStyle('position','relative');}}else {this.setStyle("position",BT);}if(BU){this.setStyle("z-index",BU);}if(x!==undefined&&y!==undefined){this.setXY([x,y]);}else if(x!==undefined){this.setX(x);}else if(y!==undefined){this.setY(y);}},clearPositioning:function(BV){BV=BV||'';this.setStyle({"left":BV,"right":BV,"top":BV,"bottom":BV,"z-index":"","position":"static"});return this;},getPositioning:function(){var l=this.getStyle("left");var t=this.getStyle("top");return {"position":this.getStyle("position"),"left":l,"right":l?"":this.getStyle("right"),"top":t,"bottom":t?"":this.getStyle("bottom"),"z-index":this.getStyle("z-index")};},getBorderWidth:function(BW){return this.addStyles(BW,El.borders);},getPadding:function(BX){return this.addStyles(BX,El.paddings);},setPositioning:function(pc){this.applyStyles(pc);if(pc.right=="auto"){this.dom.style.right="";}if(pc.bottom=="auto"){this.dom.style.bottom="";}return this;},fixDisplay:function(){if(this.getStyle("display")=="none"){this.setStyle("visibility","hidden");this.setStyle("display",this.originalDisplay);if(this.getStyle("display")=="none"){this.setStyle("display","block");}}},setLeftTop:function(BY,BZ){this.dom.style.left=this.addUnits(BY);this.dom.style.top=this.addUnits(BZ);return this;},move:function(Ba,Bb,Bc){var xy=this.getXY();Ba=Ba.toLowerCase();switch(Ba){case "l":case "left":this.moveTo(xy[0]-Bb,xy[1],this.preanim(arguments,2));break;case "r":case "right":this.moveTo(xy[0]+Bb,xy[1],this.preanim(arguments,2));break;case "t":case "top":case "up":this.moveTo(xy[0],xy[1]-Bb,this.preanim(arguments,2));break;case "b":case "bottom":case "down":this.moveTo(xy[0],xy[1]+Bb,this.preanim(arguments,2));break;}return this;},clip:function(){if(!this.isClipped){this.isClipped=true;this.originalClip={"o":this.getStyle("overflow"),"x":this.getStyle("overflow-x"),"y":this.getStyle("overflow-y")};this.setStyle("overflow","hidden");this.setStyle("overflow-x","hidden");this.setStyle("overflow-y","hidden");}return this;},unclip:function(){if(this.isClipped){this.isClipped=false;var o=this.originalClip;if(o.o){this.setStyle("overflow",o.o);}if(o.x){this.setStyle("overflow-x",o.x);}if(o.y){this.setStyle("overflow-y",o.y);}}return this;},getAnchorXY:function(Bd,Be,s){var w,h,vp=false;if(!s){var d=this.dom;if(d==document.body||d==document){vp=true;w=D.getViewWidth();h=D.getViewHeight();}else {w=this.getWidth();h=this.getHeight();}}else {w=s.width;h=s.height;}var x=0,y=0,r=Math.round;switch((Bd||"tl").toLowerCase()){case "c":x=r(w*.5);y=r(h*.5);break;case "t":x=r(w*.5);y=0;break;case "l":x=0;y=r(h*.5);break;case "r":x=w;y=r(h*.5);break;case "b":x=r(w*.5);y=h;break;case "tl":x=0;y=0;break;case "bl":x=0;y=h;break;case "br":x=w;y=h;break;case "tr":x=w;y=0;break;}if(Be===true){return [x,y];}if(vp){var sc=this.getScroll();return [x+sc.left,y+sc.top];}var o=this.getXY();return [x+o[0],y+o[1]];},getAlignToXY:function(el,p,o){el=Roo.get(el);var d=this.dom;if(!el.dom){throw "Element.alignTo with an element that doesn't exist";}var c=false;var p1="",p2="";o=o||[0,0];if(!p){p="tl-bl";}else if(p=="?"){p="tl-bl?";}else if(p.indexOf("-")==-1){p="tl-"+p;}
+p=p.toLowerCase();var m=p.match(/^([a-z]+)-([a-z]+)(\?)?$/);if(!m){throw "Element.alignTo with an invalid alignment "+p;}
+p1=m[1];p2=m[2];c=!!m[3];var a1=this.getAnchorXY(p1,true);var a2=el.getAnchorXY(p2,false);var x=a2[0]-a1[0]+o[0];var y=a2[1]-a1[1]+o[1];if(c){var w=this.getWidth(),h=this.getHeight(),r=el.getRegion();var dw=D.getViewWidth()-5,dh=D.getViewHeight()-5;var p1y=p1.charAt(0),p1x=p1.charAt(p1.length-1);var p2y=p2.charAt(0),p2x=p2.charAt(p2.length-1);var swapY=((p1y=="t"&&p2y=="b")||(p1y=="b"&&p2y=="t"));var swapX=((p1x=="r"&&p2x=="l")||(p1x=="l"&&p2x=="r"));var A1=document;var scrollX=(A1.documentElement.scrollLeft||A1.body.scrollLeft||0)+5;var scrollY=(A1.documentElement.scrollTop||A1.body.scrollTop||0)+5;if((x+w)>dw+scrollX){x=swapX?r.left-w:dw+scrollX-w;}if(x<scrollX){x=swapX?r.right:scrollX;}if((y+h)>dh+scrollY){y=swapY?r.top-h:dh+scrollY-h;}if(y<scrollY){y=swapY?r.bottom:scrollY;}}return [x,y];},getConstrainToXY:function(){var os={top:0,left:0,bottom:0,right:0};return function(el,Bf,Bg,Bh){el=Roo.get(el);Bg=Bg?Roo.applyIf(Bg,os):os;var vw,vh,vx=0,vy=0;if(el.dom==document.body||el.dom==document){vw=Roo.lib.Dom.getViewWidth();vh=Roo.lib.Dom.getViewHeight();}else {vw=el.dom.clientWidth;vh=el.dom.clientHeight;if(!Bf){var vxy=el.getXY();vx=vxy[0];vy=vxy[1];}}var s=el.getScroll();vx+=Bg.left+s.left;vy+=Bg.top+s.top;vw-=Bg.right;vh-=Bg.bottom;var vr=vx+vw;var vb=vy+vh;var xy=Bh||(!Bf?this.getXY():[this.getLeft(true),this.getTop(true)]);var x=xy[0],y=xy[1];var w=this.dom.offsetWidth,h=this.dom.offsetHeight;var Bi=false;if((x+w)>vr){x=vr-w;Bi=true;}if((y+h)>vb){y=vb-h;Bi=true;}if(x<vx){x=vx;Bi=true;}if(y<vy){y=vy;Bi=true;}return Bi?[x,y]:false;};}(),adjustForConstraints:function(xy,Bf,Bg){return this.getConstrainToXY(Bf||document,false,Bg,xy)||xy;},alignTo:function(Bh,Bi,Bj,Bk){var xy=this.getAlignToXY(Bh,Bi,Bj);this.setXY(xy,this.preanim(arguments,3));return this;},anchorTo:function(el,Bl,Bm,Bn,Bo,Bp){var Bq=function(){this.alignTo(el,Bl,Bm,Bn);Roo.callback(Bp,this);};Roo.EventManager.onWindowResize(Bq,this);var tm=typeof Bo;if(tm!='undefined'){Roo.EventManager.on(window,'scroll',Bq,this,{buffer:tm=='number'?Bo:50});}
+Bq.call(this);return this;},clearOpacity:function(){if(window.ActiveXObject){if(typeof this.dom.style.filter=='string'&&(/alpha/i).test(this.dom.style.filter)){this.dom.style.filter="";}}else {this.dom.style.opacity="";this.dom.style["-moz-opacity"]="";this.dom.style["-khtml-opacity"]="";}return this;},hide:function(Br){this.setVisible(false,this.preanim(arguments,0));return this;},show:function(Bs){this.setVisible(true,this.preanim(arguments,0));return this;},addUnits:function(Bt){return Roo.Element.addUnits(Bt,this.defaultUnit);},beginMeasure:function(){var el=this.dom;if(el.offsetWidth||el.offsetHeight){return this;}var Bu=[];var p=this.dom,b=document.body;while((!el.offsetWidth&&!el.offsetHeight)&&p&&p.tagName&&p!=b){var pe=Roo.get(p);if(pe.getStyle('display')=='none'){Bu.push({el:p,visibility:pe.getStyle("visibility")});p.style.visibility="hidden";p.style.display="block";}
+p=p.parentNode;}
+this._measureChanged=Bu;return this;},endMeasure:function(){var Bv=this._measureChanged;if(Bv){for(var i=0,Ak=Bv.length;i<Ak;i++){var r=Bv[i];r.el.style.visibility=r.visibility;r.el.style.display="none";}
+this._measureChanged=null;}return this;},update:function(Bw,Bx,By){if(typeof Bw=="undefined"){Bw="";}if(Bx!==true){this.dom.innerHTML=Bw;if(typeof By=="function"){By();}return this;}var id=Roo.id();var Bz=this.dom;Bw+='<span id="'+id+'"></span>';E.onAvailable(id,function(){var hd=document.getElementsByTagName("head")[0];var re=/(?:<script([^>]*)?>)((\n|\r|.)*?)(?:<\/script>)/ig;var B0=/\ssrc=([\'\"])(.*?)\1/i;var B1=/\stype=([\'\"])(.*?)\1/i;var B2;while(B2=re.exec(Bw)){var attrs=B2[1];var srcMatch=attrs?attrs.match(B0):false;if(srcMatch&&srcMatch[2]){var s=document.createElement("script");s.src=srcMatch[2];var typeMatch=attrs.match(B1);if(typeMatch&&typeMatch[2]){s.type=typeMatch[2];}
+hd.appendChild(s);}else if(B2[2]&&B2[2].length>0){if(window.execScript){window.execScript(B2[2]);}else {window.eval(B2[2]);}}}var el=document.getElementById(id);if(el){el.parentNode.removeChild(el);}if(typeof By=="function"){By();}});Bz.innerHTML=Bw.replace(/(?:<script.*?>)((\n|\r|.)*?)(?:<\/script>)/ig,"");return this;},load:function(){var um=this.getUpdateManager();um.update.apply(um,arguments);return this;},getUpdateManager:function(){if(!this.updateManager){this.updateManager=new Roo.UpdateManager(this);}return this.updateManager;},unselectable:function(){this.dom.unselectable="on";this.swallowEvent("selectstart",true);this.applyStyles("-moz-user-select:none;-khtml-user-select:none;");this.addClass("x-unselectable");return this;},getCenterXY:function(){return this.getAlignToXY(document,'c-c');},center:function(B0){this.alignTo(B0||document,'c-c');return this;},isBorderBox:function(){return I[this.dom.tagName.toLowerCase()]||Roo.isBorderBox;},getBox:function(B1,B2){var xy;if(!B2){xy=this.getXY();}else {var BY=parseInt(this.getStyle("left"),10)||0;var BZ=parseInt(this.getStyle("top"),10)||0;xy=[BY,BZ];}var el=this.dom,w=el.offsetWidth,h=el.offsetHeight,bx;if(!B1){bx={x:xy[0],y:xy[1],0:xy[0],1:xy[1],width:w,height:h};}else {var l=this.getBorderWidth("l")+this.getPadding("l");var r=this.getBorderWidth("r")+this.getPadding("r");var t=this.getBorderWidth("t")+this.getPadding("t");var b=this.getBorderWidth("b")+this.getPadding("b");bx={x:xy[0]+l,y:xy[1]+t,0:xy[0]+l,1:xy[1]+t,width:w-(l+r),height:h-(t+b)};}
+bx.right=bx.x+bx.width;bx.bottom=bx.y+bx.height;return bx;},getFrameWidth:function(B3,B4){return B4&&Roo.isBorderBox?0:(this.getPadding(B3)+this.getBorderWidth(B3));},setBox:function(B5,B6,B7){var w=B5.width,h=B5.height;if((B6&&!this.autoBoxAdjust)&&!this.isBorderBox()){w-=(this.getBorderWidth("lr")+this.getPadding("lr"));h-=(this.getBorderWidth("tb")+this.getPadding("tb"));}
+this.setBounds(B5.x,B5.y,w,h,this.preanim(arguments,2));return this;},repaint:function(){var B8=this.dom;this.addClass("x-repaint");setTimeout(function(){Roo.get(B8).removeClass("x-repaint");},1);return this;},getMargins:function(B9){if(!B9){return {top:parseInt(this.getStyle("margin-top"),10)||0,left:parseInt(this.getStyle("margin-left"),10)||0,bottom:parseInt(this.getStyle("margin-bottom"),10)||0,right:parseInt(this.getStyle("margin-right"),10)||0};}else {return this.addStyles(B9,El.margins);}},addStyles:function(CA,CB){var CC=0,v,w;for(var i=0,Ak=CA.length;i<Ak;i++){v=this.getStyle(CB[CA.charAt(i)]);if(v){w=parseInt(v,10);if(w){CC+=w;}}}return CC;},createProxy:function(CD,CE,CF){if(CE){CE=Roo.getDom(CE);}else {CE=document.body;}
+CD=typeof CD=="object"?CD:{tag:"div",cls:CD};var CG=Roo.DomHelper.append(CE,CD,true);if(CF){CG.setBox(this.getBox());}return CG;},mask:function(CH,CI){if(this.getStyle("position")=="static"){this.setStyle("position","relative");}if(!this._mask){this._mask=Roo.DomHelper.append(this.dom,{cls:"roo-el-mask"},true);}
+this.addClass("x-masked");this._mask.setDisplayed(true);if(typeof CH=='string'){if(!this._maskMsg){this._maskMsg=Roo.DomHelper.append(this.dom,{cls:"roo-el-mask-msg",cn:{tag:'div'}},true);}var mm=this._maskMsg;mm.dom.className=CI?"roo-el-mask-msg "+CI:"roo-el-mask-msg";mm.dom.firstChild.innerHTML=CH;mm.setDisplayed(true);mm.center(this);}if(Roo.isIE&&!(Roo.isIE7&&Roo.isStrict)&&this.getStyle('height')=='auto'){this._mask.setHeight(this.getHeight());}return this._mask;},unmask:function(CJ){if(this._mask){if(CJ===true){this._mask.remove();delete this._mask;if(this._maskMsg){this._maskMsg.remove();delete this._maskMsg;}}else {this._mask.setDisplayed(false);if(this._maskMsg){this._maskMsg.setDisplayed(false);}}}
+this.removeClass("x-masked");},isMasked:function(){return this._mask&&this._mask.isVisible();},createShim:function(){var el=document.createElement('iframe');el.frameBorder='no';el.className='roo-shim';if(Roo.isIE&&Roo.isSecure){el.src=Roo.SSL_SECURE_URL;}var CK=Roo.get(this.dom.parentNode.insertBefore(el,this.dom));CK.autoBoxAdjust=false;return CK;},remove:function(){if(this.dom.parentNode){this.dom.parentNode.removeChild(this.dom);}delete El.cache[this.dom.id];},addClassOnOver:function(CL,CM){this.on("mouseover",function(){Roo.fly(this,'_internal').addClass(CL);},this.dom);var CN=function(e){if(CM!==true||!e.within(this,true)){Roo.fly(this,'_internal').removeClass(CL);}};this.on("mouseout",CN,this.dom);return this;},addClassOnFocus:function(CO){this.on("focus",function(){Roo.fly(this,'_internal').addClass(CO);},this.dom);this.on("blur",function(){Roo.fly(this,'_internal').removeClass(CO);},this.dom);return this;},addClassOnClick:function(CP){var CQ=this.dom;this.on("mousedown",function(){Roo.fly(CQ,'_internal').addClass(CP);var d=Roo.get(document);var fn=function(){Roo.fly(CQ,'_internal').removeClass(CP);d.removeListener("mouseup",fn);};d.on("mouseup",fn);});return this;},swallowEvent:function(CR,CS){var fn=function(e){e.stopPropagation();if(CS){e.preventDefault();}};if(CR instanceof Array){for(var i=0,Ak=CR.length;i<Ak;i++){this.on(CR[i],fn);}return this;}
+this.on(CR,fn);return this;},fitToParentDelegate:Roo.emptyFn,fitToParent:function(CT,CU){Roo.EventManager.removeResizeListener(this.fitToParentDelegate);this.fitToParentDelegate=Roo.emptyFn;if(CT===true&&!this.dom.parentNode){return;}var p=Roo.get(CU||this.dom.parentNode);this.setSize(p.getComputedWidth()-p.getFrameWidth('lr'),p.getComputedHeight()-p.getFrameWidth('tb'));if(CT===true){this.fitToParentDelegate=this.fitToParent.createDelegate(this,[true,CU]);Roo.EventManager.onWindowResize(this.fitToParentDelegate);}return this;},getNextSibling:function(){var n=this.dom.nextSibling;while(n&&n.nodeType!=1){n=n.nextSibling;}return n;},getPrevSibling:function(){var n=this.dom.previousSibling;while(n&&n.nodeType!=1){n=n.previousSibling;}return n;},appendChild:function(el){el=Roo.get(el);el.appendTo(this);return this;},createChild:function(CV,CW,CX){CV=CV||{tag:'div'};if(CW){return Roo.DomHelper.insertBefore(CW,CV,CX!==true);}return Roo.DomHelper[!this.dom.firstChild?'overwrite':'append'](this.dom,CV,CX!==true);},appendTo:function(el){el=Roo.getDom(el);el.appendChild(this.dom);return this;},insertBefore:function(el){el=Roo.getDom(el);el.parentNode.insertBefore(this.dom,el);return this;},insertAfter:function(el){el=Roo.getDom(el);el.parentNode.insertBefore(this.dom,el.nextSibling);return this;},insertFirst:function(el,CY){el=el||{};if(typeof el=='object'&&!el.nodeType){return this.createChild(el,this.dom.firstChild,CY);}else {el=Roo.getDom(el);this.dom.insertBefore(el,this.dom.firstChild);return !CY?Roo.get(el):el;}},insertSibling:function(el,CZ,Ca){CZ=CZ?CZ.toLowerCase():'before';el=el||{};var rt,Cb=CZ=='before'?this.dom:this.dom.nextSibling;if(typeof el=='object'&&!el.nodeType){if(CZ=='after'&&!this.dom.nextSibling){rt=Roo.DomHelper.append(this.dom.parentNode,el,!Ca);}else {rt=Roo.DomHelper[CZ=='after'?'insertAfter':'insertBefore'](this.dom,el,!Ca);}}else {rt=this.dom.parentNode.insertBefore(Roo.getDom(el),CZ=='before'?this.dom:this.dom.nextSibling);if(!Ca){rt=Roo.get(rt);}}return rt;},wrap:function(Cc,Cd){if(!Cc){Cc={tag:"div"};}var Ce=Roo.DomHelper.insertBefore(this.dom,Cc,!Cd);Ce.dom?Ce.dom.appendChild(this.dom):Ce.appendChild(this.dom);return Ce;},replace:function(el){el=Roo.get(el);this.insertBefore(el);el.remove();return this;},insertHtml:function(Cf,Cg,Ch){var el=Roo.DomHelper.insertHtml(Cf,this.dom,Cg);return Ch?Roo.get(el):el;},set:function(o,Ci){var el=this.dom;Ci=typeof Ci=='undefined'?(el.setAttribute?true:false):Ci;for(var attr in o){if(attr=="style"||typeof o[attr]=="function")continue;if(attr=="cls"){el.className=o["cls"];}else {if(Ci)el.setAttribute(attr,o[attr]);else el[attr]=o[attr];}}if(o.style){Roo.DomHelper.applyStyles(el,o.style);}return this;},addKeyListener:function(Cj,fn,Ck){var Cl;if(typeof Cj!="object"||Cj instanceof Array){Cl={key:Cj,fn:fn,scope:Ck};}else {Cl={key:Cj.key,shift:Cj.shift,ctrl:Cj.ctrl,alt:Cj.alt,fn:fn,scope:Ck};}return new Roo.KeyMap(this,Cl);},addKeyMap:function(Cm){return new Roo.KeyMap(this,Cm);},isScrollable:function(){var Cn=this.dom;return Cn.scrollHeight>Cn.clientHeight||Cn.scrollWidth>Cn.clientWidth;},scrollTo:function(Co,Cp,Cq){var Cr=Co.toLowerCase()=="left"?"scrollLeft":"scrollTop";if(!Cq||!A){this.dom[Cr]=Cp;}else {var to=Cr=="scrollLeft"?[Cp,this.dom.scrollTop]:[this.dom.scrollLeft,Cp];this.anim({scroll:{"to":to}},this.preanim(arguments,2),'scroll');}return this;},scroll:function(Cs,Ct,Cu){if(!this.isScrollable()){return;}var el=this.dom;var l=el.scrollLeft,t=el.scrollTop;var w=el.scrollWidth,h=el.scrollHeight;var cw=el.clientWidth,ch=el.clientHeight;Cs=Cs.toLowerCase();var Cv=false;var a=this.preanim(arguments,2);switch(Cs){case "l":case "left":if(w-l>cw){var v=Math.min(l+Ct,w-cw);this.scrollTo("left",v,a);Cv=true;}break;case "r":case "right":if(l>0){var v=Math.max(l-Ct,0);this.scrollTo("left",v,a);Cv=true;}break;case "t":case "top":case "up":if(t>0){var v=Math.max(t-Ct,0);this.scrollTo("top",v,a);Cv=true;}break;case "b":case "bottom":case "down":if(h-t>ch){var v=Math.min(t+Ct,h-ch);this.scrollTo("top",v,a);Cv=true;}break;}return Cv;},translatePoints:function(x,y){if(typeof x=='object'||x instanceof Array){y=x[1];x=x[0];}var p=this.getStyle('position');var o=this.getXY();var l=parseInt(this.getStyle('left'),10);var t=parseInt(this.getStyle('top'),10);if(isNaN(l)){l=(p=="relative")?0:this.dom.offsetLeft;}if(isNaN(t)){t=(p=="relative")?0:this.dom.offsetTop;}return {left:(x-o[0]+l),top:(y-o[1]+t)};},getScroll:function(){var d=this.dom,Cw=document;if(d==Cw||d==Cw.body){var l=window.pageXOffset||Cw.documentElement.scrollLeft||Cw.body.scrollLeft||0;var t=window.pageYOffset||Cw.documentElement.scrollTop||Cw.body.scrollTop||0;return {left:l,top:t};}else {return {left:d.scrollLeft,top:d.scrollTop};}},getColor:function(Cx,Cy,Cz){var v=this.getStyle(Cx);if(!v||v=="transparent"||v=="inherit"){return Cy;}var C0=typeof Cz=="undefined"?"#":Cz;if(v.substr(0,4)=="rgb("){var rvs=v.slice(4,v.length-1).split(",");for(var i=0;i<3;i++){var h=parseInt(rvs[i]).toString(16);if(h<16){h="0"+h;}
+C0+=h;}}else {if(v.substr(0,1)=="#"){if(v.length==4){for(var i=1;i<4;i++){var c=v.charAt(i);C0+=c+c;}}else if(v.length==7){C0+=v.substr(1);}}}return (C0.length>5?C0.toLowerCase():Cy);},boxWrap:function(C1){C1=C1||'x-box';var el=Roo.get(this.insertHtml('beforeBegin',String.format('<div class="{0}">'+El.boxMarkup+'</div>',C1)));el.child('.'+C1+'-mc').dom.appendChild(this.dom);return el;},getAttributeNS:Roo.isIE?function(ns,C2){var d=this.dom;var C3=typeof d[ns+":"+C2];if(C3!='undefined'&&C3!='unknown'){return d[ns+":"+C2];}return d[C2];}:function(ns,C4){var d=this.dom;return d.getAttributeNS(ns,C4)||d.getAttribute(ns+":"+C4)||d.getAttribute(C4)||d[C4];}};var ep=El.prototype;ep.on=ep.addListener;ep.mon=ep.addListener;ep.un=ep.removeListener;ep.autoBoxAdjust=true;El.unitPattern=/\d+(px|em|%|en|ex|pt|in|cm|mm|pc)$/i;El.addUnits=function(v,J){if(v===""||v=="auto"){return v;}if(v===undefined){return '';}if(typeof v=="number"||!El.unitPattern.test(v)){return v+(J||'px');}return v;};El.boxMarkup='<div class="{0}-tl"><div class="{0}-tr"><div class="{0}-tc"></div></div></div><div class="{0}-ml"><div class="{0}-mr"><div class="{0}-mc"></div></div></div><div class="{0}-bl"><div class="{0}-br"><div class="{0}-bc"></div></div></div>';El.VISIBILITY=1;El.DISPLAY=2;El.borders={l:"border-left-width",r:"border-right-width",t:"border-top-width",b:"border-bottom-width"};El.paddings={l:"padding-left",r:"padding-right",t:"padding-top",b:"padding-bottom"};El.margins={l:"margin-left",r:"margin-right",t:"margin-top",b:"margin-bottom"};El.cache={};var H;El.get=function(el){var ex,J,id;if(!el){return null;}if(typeof el=="string"){if(!(J=document.getElementById(el))){return null;}if(ex=El.cache[el]){ex.dom=J;}else {ex=El.cache[el]=new El(J);}return ex;}else if(el.tagName){if(!(id=el.id)){id=Roo.id(el);}if(ex=El.cache[id]){ex.dom=el;}else {ex=El.cache[id]=new El(el);}return ex;}else if(el instanceof El){if(el!=H){el.dom=document.getElementById(el.id)||el.dom;El.cache[el.id]=el;}return el;}else if(el.isComposite){return el;}else if(el instanceof Array){return El.select(el);}else if(el==document){if(!H){var f=function(){};f.prototype=El.prototype;H=new f();H.dom=document;}return H;}return null;};El.uncache=function(el){for(var i=0,a=arguments,len=a.length;i<len;i++){if(a[i]){delete El.cache[a[i].id||a[i]];}}};El.garbageCollect=function(){if(!Roo.enableGarbageCollector){clearInterval(El.collectorThread);return;}for(var eid in El.cache){var el=El.cache[eid],d=el.dom;if(!d||!d.parentNode||(!d.offsetParent&&!document.getElementById(eid))){delete El.cache[eid];if(d&&Roo.enableListenerCollection){E.purgeElement(d);}}}}
+El.collectorThreadId=setInterval(El.garbageCollect,30000);El.Flyweight=function(J){this.dom=J;};El.Flyweight.prototype=El.prototype;El._flyweights={};El.fly=function(el,J){J=J||'_global';el=Roo.getDom(el);if(!el){return null;}if(!El._flyweights[J]){El._flyweights[J]=new El.Flyweight();}
+El._flyweights[J].dom=el;return El._flyweights[J];};Roo.get=El.get;Roo.fly=El.fly;var I=Roo.isStrict?{select:1}:{input:1,select:1,textarea:1};if(Roo.isIE||Roo.isGecko){I['button']=1;}
+Roo.EventManager.on(window,'unload',function(){delete El.cache;delete El._flyweights;});})();if(Roo.DomQuery){Roo.Element.selectorFunction=Roo.DomQuery.select;}
+Roo.Element.select=function(J,K,L){var M;if(typeof J=="string"){M=Roo.Element.selectorFunction(J,L);}else if(J.length!==undefined){M=J;}else {throw "Invalid selector";}if(K===true){return new Roo.CompositeElement(M);}else {return new Roo.CompositeElementLite(M);}};Roo.select=Roo.Element.select;
+Roo.enableFx=true;Roo.Fx={slideIn:function(A,o){var el=this.getFxEl();o=o||{};el.queueFx(o,function(){A=A||"t";this.fixDisplay();var r=this.getFxRestore();var b=this.getBox();this.setSize(b);var B=this.fxWrap(r.pos,o,"hidden");var st=this.dom.style;st.visibility="visible";st.position="absolute";var C=function(){el.fxUnwrap(B,r.pos,o);st.width=r.width;st.height=r.height;el.afterFx(o);};var a,pt={to:[b.x,b.y]},bw={to:b.width},bh={to:b.height};switch(A.toLowerCase()){case "t":B.setSize(b.width,0);st.left=st.bottom="0";a={height:bh};break;case "l":B.setSize(0,b.height);st.right=st.top="0";a={width:bw};break;case "r":B.setSize(0,b.height);B.setX(b.right);st.left=st.top="0";a={width:bw,points:pt};break;case "b":B.setSize(b.width,0);B.setY(b.bottom);st.left=st.top="0";a={height:bh,points:pt};break;case "tl":B.setSize(0,0);st.right=st.bottom="0";a={width:bw,height:bh};break;case "bl":B.setSize(0,0);B.setY(b.y+b.height);st.right=st.top="0";a={width:bw,height:bh,points:pt};break;case "br":B.setSize(0,0);B.setXY([b.right,b.bottom]);st.left=st.top="0";a={width:bw,height:bh,points:pt};break;case "tr":B.setSize(0,0);B.setX(b.x+b.width);st.left=st.bottom="0";a={width:bw,height:bh,points:pt};break;}
+this.dom.style.visibility="visible";B.show();arguments.callee.anim=B.fxanim(a,o,'motion',.5,'easeOut',C);});return this;},slideOut:function(B,o){var el=this.getFxEl();o=o||{};el.queueFx(o,function(){B=B||"t";var r=this.getFxRestore();var b=this.getBox();this.setSize(b);var C=this.fxWrap(r.pos,o,"visible");var st=this.dom.style;st.visibility="visible";st.position="absolute";C.setSize(b);var D=function(){if(o.useDisplay){el.setDisplayed(false);}else {el.hide();}
+el.fxUnwrap(C,r.pos,o);st.width=r.width;st.height=r.height;el.afterFx(o);};var a,E={to:0};switch(B.toLowerCase()){case "t":st.left=st.bottom="0";a={height:E};break;case "l":st.right=st.top="0";a={width:E};break;case "r":st.left=st.top="0";a={width:E,points:{to:[b.right,b.y]}};break;case "b":st.left=st.top="0";a={height:E,points:{to:[b.x,b.bottom]}};break;case "tl":st.right=st.bottom="0";a={width:E,height:E};break;case "bl":st.right=st.top="0";a={width:E,height:E,points:{to:[b.x,b.bottom]}};break;case "br":st.left=st.top="0";a={width:E,height:E,points:{to:[b.x+b.width,b.bottom]}};break;case "tr":st.left=st.bottom="0";a={width:E,height:E,points:{to:[b.right,b.y]}};break;}
+arguments.callee.anim=C.fxanim(a,o,'motion',.5,"easeOut",D);});return this;},puff:function(o){var el=this.getFxEl();o=o||{};el.queueFx(o,function(){this.clearOpacity();this.show();var r=this.getFxRestore();var st=this.dom.style;var C=function(){if(o.useDisplay){el.setDisplayed(false);}else {el.hide();}
+el.clearOpacity();el.setPositioning(r.pos);st.width=r.width;st.height=r.height;st.fontSize='';el.afterFx(o);};var D=this.getWidth();var E=this.getHeight();arguments.callee.anim=this.fxanim({width:{to:this.adjustWidth(D*2)},height:{to:this.adjustHeight(E*2)},points:{by:[-(D*.5),-(E*.5)]},opacity:{to:0},fontSize:{to:200,unit:"%"}},o,'motion',.5,"easeOut",C);});return this;},switchOff:function(o){var el=this.getFxEl();o=o||{};el.queueFx(o,function(){this.clearOpacity();this.clip();var r=this.getFxRestore();var st=this.dom.style;var C=function(){if(o.useDisplay){el.setDisplayed(false);}else {el.hide();}
+el.clearOpacity();el.setPositioning(r.pos);st.width=r.width;st.height=r.height;el.afterFx(o);};this.fxanim({opacity:{to:0.3}},null,null,.1,null,function(){this.clearOpacity();(function(){this.fxanim({height:{to:1},points:{by:[0,this.getHeight()*.5]}},o,'motion',0.3,'easeIn',C);}).defer(100,this);});});return this;},highlight:function(C,o){var el=this.getFxEl();o=o||{};el.queueFx(o,function(){C=C||"ffff9c";attr=o.attr||"backgroundColor";this.clearOpacity();this.show();var D=this.getColor(attr);var E=this.dom.style[attr];endColor=(o.endColor||D)||"ffffff";var F=function(){el.dom.style[attr]=E;el.afterFx(o);};var a={};a[attr]={from:C,to:endColor};arguments.callee.anim=this.fxanim(a,o,'color',1,'easeIn',F);});return this;},frame:function(D,E,o){var el=this.getFxEl();o=o||{};el.queueFx(o,function(){D=D||"#C3DAF9";if(D.length==6){D="#"+D;}
+E=E||1;duration=o.duration||1;this.show();var b=this.getBox();var F=function(){var G=this.createProxy({style:{visbility:"hidden",position:"absolute","z-index":"35000",border:"0px solid "+D}});var H=Roo.isBorderBox?2:1;G.animate({top:{from:b.y,to:b.y-20},left:{from:b.x,to:b.x-20},borderWidth:{from:0,to:10},opacity:{from:1,to:0},height:{from:b.height,to:(b.height+(20*H))},width:{from:b.width,to:(b.width+(20*H))}},duration,function(){G.remove();});if(--E>0){F.defer((duration/2)*1000,this);}else {el.afterFx(o);}};F.call(this);});return this;},pause:function(F){var el=this.getFxEl();var o={};el.queueFx(o,function(){setTimeout(function(){el.afterFx(o);},F*1000);});return this;},fadeIn:function(o){var el=this.getFxEl();o=o||{};el.queueFx(o,function(){this.setOpacity(0);this.fixDisplay();this.dom.style.visibility='visible';var to=o.endOpacity||1;arguments.callee.anim=this.fxanim({opacity:{to:to}},o,null,.5,"easeOut",function(){if(to==1){this.clearOpacity();}
+el.afterFx(o);});});return this;},fadeOut:function(o){var el=this.getFxEl();o=o||{};el.queueFx(o,function(){arguments.callee.anim=this.fxanim({opacity:{to:o.endOpacity||0}},o,null,.5,"easeOut",function(){if(this.visibilityMode==Roo.Element.DISPLAY||o.useDisplay){this.dom.style.display="none";}else {this.dom.style.visibility="hidden";}
+this.clearOpacity();el.afterFx(o);});});return this;},scale:function(w,h,o){this.shift(Roo.apply({},o,{width:w,height:h}));return this;},shift:function(o){var el=this.getFxEl();o=o||{};el.queueFx(o,function(){var a={},w=o.width,h=o.height,x=o.x,y=o.y,op=o.opacity;if(w!==undefined){a.width={to:this.adjustWidth(w)};}if(h!==undefined){a.height={to:this.adjustHeight(h)};}if(x!==undefined||y!==undefined){a.points={to:[x!==undefined?x:this.getX(),y!==undefined?y:this.getY()]};}if(op!==undefined){a.opacity={to:op};}if(o.xy!==undefined){a.points={to:o.xy};}
+arguments.callee.anim=this.fxanim(a,o,'motion',.35,"easeOut",function(){el.afterFx(o);});});return this;},ghost:function(G,o){var el=this.getFxEl();o=o||{};el.queueFx(o,function(){G=G||"b";var r=this.getFxRestore();var w=this.getWidth(),h=this.getHeight();var st=this.dom.style;var H=function(){if(o.useDisplay){el.setDisplayed(false);}else {el.hide();}
+el.clearOpacity();el.setPositioning(r.pos);st.width=r.width;st.height=r.height;el.afterFx(o);};var a={opacity:{to:0},points:{}},pt=a.points;switch(G.toLowerCase()){case "t":pt.by=[0,-h];break;case "l":pt.by=[-w,0];break;case "r":pt.by=[w,0];break;case "b":pt.by=[0,h];break;case "tl":pt.by=[-w,-h];break;case "bl":pt.by=[-w,h];break;case "br":pt.by=[w,h];break;case "tr":pt.by=[w,-h];break;}
+arguments.callee.anim=this.fxanim(a,o,'motion',.5,"easeOut",H);});return this;},syncFx:function(){this.fxDefaults=Roo.apply(this.fxDefaults||{},{block:false,concurrent:true,stopFx:false});return this;},sequenceFx:function(){this.fxDefaults=Roo.apply(this.fxDefaults||{},{block:false,concurrent:false,stopFx:false});return this;},nextFx:function(){var ef=this.fxQueue[0];if(ef){ef.call(this);}},hasActiveFx:function(){return this.fxQueue&&this.fxQueue[0];},stopFx:function(){if(this.hasActiveFx()){var cur=this.fxQueue[0];if(cur&&cur.anim&&cur.anim.isAnimated()){this.fxQueue=[cur];cur.anim.stop(true);}}return this;},beforeFx:function(o){if(this.hasActiveFx()&&!o.concurrent){if(o.stopFx){this.stopFx();return true;}return false;}return true;},hasFxBlock:function(){var q=this.fxQueue;return q&&q[0]&&q[0].block;},queueFx:function(o,fn){if(!this.fxQueue){this.fxQueue=[];}if(!this.hasFxBlock()){Roo.applyIf(o,this.fxDefaults);if(!o.concurrent){var run=this.beforeFx(o);fn.block=o.block;this.fxQueue.push(fn);if(run){this.nextFx();}}else {fn.call(this);}}return this;},fxWrap:function(H,o,I){var J;if(!o.wrap||!(J=Roo.get(o.wrap))){var wrapXY;if(o.fixPosition){wrapXY=this.getXY();}var div=document.createElement("div");div.style.visibility=I;J=Roo.get(this.dom.parentNode.insertBefore(div,this.dom));J.setPositioning(H);if(J.getStyle("position")=="static"){J.position("relative");}
+this.clearPositioning('auto');J.clip();J.dom.appendChild(this.dom);if(wrapXY){J.setXY(wrapXY);}}return J;},fxUnwrap:function(K,L,o){this.clearPositioning();this.setPositioning(L);if(!o.wrap){K.dom.parentNode.insertBefore(this.dom,K.dom);K.remove();}},getFxRestore:function(){var st=this.dom.style;return {pos:this.getPositioning(),width:st.width,height:st.height};},afterFx:function(o){if(o.afterStyle){this.applyStyles(o.afterStyle);}if(o.afterCls){this.addClass(o.afterCls);}if(o.remove===true){this.remove();}
+Roo.callback(o.callback,o.scope,[this]);if(!o.concurrent){this.fxQueue.shift();this.nextFx();}},getFxEl:function(){return Roo.get(this.dom);},fxanim:function(M,N,O,P,Q,cb){O=O||'run';N=N||{};var R=Roo.lib.Anim[O](this.dom,M,(N.duration||P)||.35,(N.easing||Q)||'easeOut',function(){Roo.callback(cb,this);},this);N.anim=R;return R;}};Roo.Fx.resize=Roo.Fx.scale;Roo.apply(Roo.Element.prototype,Roo.Fx);
+Roo.CompositeElement=function(A){this.elements=[];this.addElements(A);};Roo.CompositeElement.prototype={isComposite:true,addElements:function(B){if(!B)return this;if(typeof B=="string"){B=Roo.Element.selectorFunction(B);}var C=this.elements;var D=C.length-1;for(var i=0,len=B.length;i<len;i++){C[++D]=Roo.get(B[i]);}return this;},fill:function(E){this.elements=[];this.add(E);return this;},filter:function(F){var G=[];this.each(function(el){if(el.is(F)){G[G.length]=el.dom;}});this.fill(G);return this;},invoke:function(fn,H){var I=this.elements;for(var i=0,len=I.length;i<len;i++){Roo.Element.prototype[fn].apply(I[i],H);}return this;},add:function(J){if(typeof J=="string"){this.addElements(Roo.Element.selectorFunction(J));}else if(J.length!==undefined){this.addElements(J);}else {this.addElements([J]);}return this;},each:function(fn,K){var L=this.elements;for(var i=0,len=L.length;i<len;i++){if(fn.call(K||L[i],L[i],this,i)===false){break;}}return this;},item:function(M){return this.elements[M]||null;},first:function(){return this.item(0);},last:function(){return this.item(this.elements.length-1);},getCount:function(){return this.elements.length;},contains:function(el){return this.indexOf(el)!==-1;},indexOf:function(el){return this.elements.indexOf(Roo.get(el));},removeElement:function(el,N){if(el instanceof Array){for(var i=0,len=el.length;i<len;i++){this.removeElement(el[i]);}return this;}var O=typeof el=='number'?el:this.indexOf(el);if(O!==-1){if(N){var d=this.elements[O];if(d.dom){d.remove();}else {d.parentNode.removeChild(d);}}
+this.elements.splice(O,1);}return this;},replaceElement:function(el,P,Q){var R=typeof el=='number'?el:this.indexOf(el);if(R!==-1){if(Q){this.elements[R].replaceWith(P);}else {this.elements.splice(R,1,Roo.get(P))}}return this;},clear:function(){this.elements=[];}};(function(){Roo.CompositeElement.createCall=function(S,T){if(!S[T]){S[T]=function(){return this.invoke(T,arguments);};}};for(var fnName in Roo.Element.prototype){if(typeof Roo.Element.prototype[fnName]=="function"){Roo.CompositeElement.createCall(Roo.CompositeElement.prototype,fnName);}};})();
+Roo.CompositeElementLite=function(A){Roo.CompositeElementLite.superclass.constructor.call(this,A);this.el=new Roo.Element.Flyweight();};Roo.extend(Roo.CompositeElementLite,Roo.CompositeElement,{addElements:function(B){if(B){if(B instanceof Array){this.elements=this.elements.concat(B);}else {var yels=this.elements;var index=yels.length-1;for(var i=0,len=B.length;i<len;i++){yels[++index]=B[i];}}}return this;},invoke:function(fn,C){var D=this.elements;var el=this.el;for(var i=0,len=D.length;i<len;i++){el.dom=D[i];Roo.Element.prototype[fn].apply(el,C);}return this;},item:function(E){if(!this.elements[E]){return null;}
+this.el.dom=this.elements[E];return this.el;},addListener:function(F,G,H,I){var J=this.elements;for(var i=0,len=J.length;i<len;i++){Roo.EventManager.on(J[i],F,G,H||J[i],I);}return this;},each:function(fn,K){var L=this.elements;var el=this.el;for(var i=0,len=L.length;i<len;i++){el.dom=L[i];if(fn.call(K||el,el,this,i)===false){break;}}return this;},indexOf:function(el){return this.elements.indexOf(Roo.getDom(el));},replaceElement:function(el,M,N){var O=typeof el=='number'?el:this.indexOf(el);if(O!==-1){M=Roo.getDom(M);if(N){var d=this.elements[O];d.parentNode.insertBefore(M,d);d.parentNode.removeChild(d);}
+this.elements.splice(O,1,M);}return this;}});Roo.CompositeElementLite.prototype.on=Roo.CompositeElementLite.prototype.addListener;
+Roo.data.Connection=function(A){Roo.apply(this,A);this.addEvents({"beforerequest":true,"requestcomplete":true,"requestexception":true});Roo.data.Connection.superclass.constructor.call(this);};Roo.extend(Roo.data.Connection,Roo.util.Observable,{timeout:30000,autoAbort:false,disableCaching:true,request:function(o){if(this.fireEvent("beforerequest",this,o)!==false){var p=o.params;if(typeof p=="function"){p=p.call(o.scope||window,o);}if(typeof p=="object"){p=Roo.urlEncode(o.params);}if(this.extraParams){var extras=Roo.urlEncode(this.extraParams);p=p?(p+'&'+extras):extras;}var url=o.url||this.url;if(typeof url=='function'){url=url.call(o.scope||window,o);}if(o.form){var form=Roo.getDom(o.form);url=url||form.action;var enctype=form.getAttribute("enctype");if(o.isUpload||(enctype&&enctype.toLowerCase()=='multipart/form-data')){return this.doFormUpload(o,p,url);}var f=Roo.lib.Ajax.serializeForm(form);p=p?(p+'&'+f):f;}var hs=o.headers;if(this.defaultHeaders){hs=Roo.apply(hs||{},this.defaultHeaders);if(!o.headers){o.headers=hs;}}var cb={success:this.handleResponse,failure:this.handleFailure,scope:this,argument:{options:o},timeout:this.timeout};var method=o.method||this.method||(p?"POST":"GET");if(method=='GET'&&(this.disableCaching&&o.disableCaching!==false)||o.disableCaching===true){url+=(url.indexOf('?')!=-1?'&':'?')+'_dc='+(new Date().getTime());}if(typeof o.autoAbort=='boolean'){if(o.autoAbort){this.abort();}}else if(this.autoAbort!==false){this.abort();}if((method=='GET'&&p)||o.xmlData){url+=(url.indexOf('?')!=-1?'&':'?')+p;p='';}
+this.transId=Roo.lib.Ajax.request(method,url,cb,p,o);return this.transId;}else {Roo.callback(o.callback,o.scope,[o,null,null]);return null;}},isLoading:function(B){if(B){return Roo.lib.Ajax.isCallInProgress(B);}else {return this.transId?true:false;}},abort:function(C){if(C||this.isLoading()){Roo.lib.Ajax.abort(C||this.transId);}},handleResponse:function(D){this.transId=false;var E=D.argument.options;D.argument=E?E.argument:null;this.fireEvent("requestcomplete",this,D,E);Roo.callback(E.success,E.scope,[D,E]);Roo.callback(E.callback,E.scope,[E,true,D]);},handleFailure:function(F,e){this.transId=false;var G=F.argument.options;F.argument=G?G.argument:null;this.fireEvent("requestexception",this,F,G,e);Roo.callback(G.failure,G.scope,[F,G]);Roo.callback(G.callback,G.scope,[G,false,F]);},doFormUpload:function(o,ps,H){var id=Roo.id();var I=document.createElement('iframe');I.id=id;I.name=id;I.className='x-hidden';if(Roo.isIE){I.src=Roo.SSL_SECURE_URL;}
+document.body.appendChild(I);if(Roo.isIE){document.frames[id].name=id;}var J=Roo.getDom(o.form);J.target=id;J.method='POST';J.enctype=J.encoding='multipart/form-data';if(H){J.action=H;}var K,hd;if(ps){K=[];ps=Roo.urlDecode(ps,false);for(var k in ps){if(ps.hasOwnProperty(k)){hd=document.createElement('input');hd.type='hidden';hd.name=k;hd.value=ps[k];J.appendChild(hd);K.push(hd);}}}function cb(){var r={responseText:'',responseXML:null};r.argument=o?o.argument:null;try{var doc;if(Roo.isIE){doc=I.contentWindow.document;}else {doc=(I.contentDocument||window.frames[id].document);}if(doc&&doc.body){r.responseText=doc.body.innerHTML;}if(doc&&doc.XMLDocument){r.responseXML=doc.XMLDocument;}else {r.responseXML=doc;}}catch(e){}
+Roo.EventManager.removeListener(I,'load',cb,this);this.fireEvent("requestcomplete",this,r,o);Roo.callback(o.success,o.scope,[r,o]);Roo.callback(o.callback,o.scope,[o,true,r]);setTimeout(function(){document.body.removeChild(I);},100);}
+Roo.EventManager.on(I,'load',cb,this);J.submit();if(K){for(var i=0,len=K.length;i<len;i++){J.removeChild(K[i]);}}}});Roo.Ajax=new Roo.data.Connection({autoAbort:false,serializeForm:function(L){return Roo.lib.Ajax.serializeForm(L);}});
+Roo.Ajax=new Roo.data.Connection({autoAbort:false,serializeForm:function(A){return Roo.lib.Ajax.serializeForm(A);}});
+Roo.UpdateManager=function(el,A){el=Roo.get(el);if(!A&&el.updateManager){return el.updateManager;}
+this.el=el;this.defaultUrl=null;this.addEvents({"beforeupdate":true,"update":true,"failure":true});var d=Roo.UpdateManager.defaults;this.sslBlankUrl=d.sslBlankUrl;this.disableCaching=d.disableCaching;this.indicatorText=d.indicatorText;this.showLoadIndicator=d.showLoadIndicator;this.timeout=d.timeout;this.loadScripts=d.loadScripts;this.transaction=null;this.autoRefreshProcId=null;this.refreshDelegate=this.refresh.createDelegate(this);this.updateDelegate=this.update.createDelegate(this);this.formUpdateDelegate=this.formUpdate.createDelegate(this);this.successDelegate=this.processSuccess.createDelegate(this);this.failureDelegate=this.processFailure.createDelegate(this);if(!this.renderer){this.renderer=new Roo.UpdateManager.BasicRenderer();}
+Roo.UpdateManager.superclass.constructor.call(this);};Roo.extend(Roo.UpdateManager,Roo.util.Observable,{getEl:function(){return this.el;},update:function(B,C,D,E){if(this.fireEvent("beforeupdate",this.el,B,C)!==false){var method=this.method,cfg;if(typeof B=="object"){cfg=B;B=cfg.url;C=C||cfg.params;D=D||cfg.callback;E=E||cfg.discardUrl;if(D&&cfg.scope){D=D.createDelegate(cfg.scope);}if(typeof cfg.method!="undefined"){method=cfg.method;};if(typeof cfg.nocache!="undefined"){this.disableCaching=cfg.nocache;};if(typeof cfg.text!="undefined"){this.indicatorText='<div class="loading-indicator">'+cfg.text+"</div>";};if(typeof cfg.scripts!="undefined"){this.loadScripts=cfg.scripts;};if(typeof cfg.timeout!="undefined"){this.timeout=cfg.timeout;};}
+this.showLoading();if(!E){this.defaultUrl=B;}if(typeof B=="function"){B=B.call(this);}
+method=method||(C?"POST":"GET");if(method=="GET"){B=this.prepareUrl(B);}var o=Roo.apply(cfg||{},{url:B,params:C,success:this.successDelegate,failure:this.failureDelegate,callback:undefined,timeout:(this.timeout*1000),argument:{"url":B,"form":null,"callback":D,"params":C}});this.transaction=Roo.Ajax.request(o);}},formUpdate:function(F,G,H,I){if(this.fireEvent("beforeupdate",this.el,F,G)!==false){if(typeof G=="function"){G=G.call(this);}
+F=Roo.getDom(F);this.transaction=Roo.Ajax.request({form:F,url:G,success:this.successDelegate,failure:this.failureDelegate,timeout:(this.timeout*1000),argument:{"url":G,"form":F,"callback":I,"reset":H}});this.showLoading.defer(1,this);}},refresh:function(J){if(this.defaultUrl==null){return;}
+this.update(this.defaultUrl,null,J,true);},startAutoRefresh:function(K,L,M,N,O){if(O){this.update(L||this.defaultUrl,M,N,true);}if(this.autoRefreshProcId){clearInterval(this.autoRefreshProcId);}
+this.autoRefreshProcId=setInterval(this.update.createDelegate(this,[L||this.defaultUrl,M,N,true]),K*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);}},prepareUrl:function(P){if(this.disableCaching){var append="_dc="+(new Date().getTime());if(P.indexOf("?")!==-1){P+="&"+append;}else {P+="?"+append;}}return P;},processSuccess:function(Q){this.transaction=null;if(Q.argument.form&&Q.argument.reset){try{Q.argument.form.reset();}catch(e){}}if(this.loadScripts){this.renderer.render(this.el,Q,this,this.updateComplete.createDelegate(this,[Q]));}else {this.renderer.render(this.el,Q,this);this.updateComplete(Q);}},updateComplete:function(R){this.fireEvent("update",this.el,R);if(typeof R.argument.callback=="function"){R.argument.callback(this.el,true,R);}},processFailure:function(S){this.transaction=null;this.fireEvent("failure",this.el,S);if(typeof S.argument.callback=="function"){S.argument.callback(this.el,false,S);}},setRenderer:function(T){this.renderer=T;},getRenderer:function(){return this.renderer;},setDefaultUrl:function(U){this.defaultUrl=U;},abort:function(){if(this.transaction){Roo.Ajax.abort(this.transaction);}},isUpdating:function(){if(this.transaction){return Roo.Ajax.isLoading(this.transaction);}return false;}});Roo.UpdateManager.defaults={timeout:30,loadScripts:false,sslBlankUrl:(Roo.SSL_SECURE_URL||"javascript:false"),disableCaching:false,showLoadIndicator:true,indicatorText:'<div class="loading-indicator">Loading...</div>'};Roo.UpdateManager.updateElement=function(el,V,W,X){var um=Roo.get(el,true).getUpdateManager();Roo.apply(um,X);um.update(V,W,X?X.callback:null);};Roo.UpdateManager.update=Roo.UpdateManager.updateElement;Roo.UpdateManager.BasicRenderer=function(){};Roo.UpdateManager.BasicRenderer.prototype={render:function(el,Y,Z,a){el.update(Y.responseText,Z.loadScripts,a);}};
+Roo.util.DelayedTask=function(fn,A,B){var id=null,d,t;var C=function(){var D=new Date().getTime();if(D-t>=d){clearInterval(id);id=null;fn.apply(A,B||[]);}};this.delay=function(D,E,F,G){if(id&&D!=d){this.cancel();}
+d=D;t=new Date().getTime();fn=E||fn;A=F||A;B=G||B;if(!id){id=setInterval(C,d);}};this.cancel=function(){if(id){clearInterval(id);id=null;}};};
+Roo.util.TaskRunner=function(A){A=A||10;var B=[],C=[];var id=0;var D=false;var E=function(){D=false;clearInterval(id);id=0;};var F=function(){if(!D){D=true;id=setInterval(H,A);}};var G=function(I){C.push(I);if(I.onStop){I.onStop();}};var H=function(){if(C.length>0){for(var i=0,len=C.length;i<len;i++){B.remove(C[i]);}
+C=[];if(B.length<1){E();return;}}var I=new Date().getTime();for(var i=0,len=B.length;i<len;++i){var t=B[i];var itime=I-t.taskRunTime;if(t.interval<=itime){var rt=t.run.apply(t.scope||t,t.args||[++t.taskRunCount]);t.taskRunTime=I;if(rt===false||t.taskRunCount===t.repeat){G(t);return;}}if(t.duration&&t.duration<=(I-t.taskStartTime)){G(t);}}};this.start=function(I){B.push(I);I.taskStartTime=new Date().getTime();I.taskRunTime=0;I.taskRunCount=0;F();return I;};this.stop=function(I){G(I);return I;};this.stopAll=function(){E();for(var i=0,len=B.length;i<len;i++){if(B[i].onStop){B[i].onStop();}}
+B=[];C=[];};};Roo.TaskMgr=new Roo.util.TaskRunner();
+Roo.util.MixedCollection=function(A,B){this.items=[];this.map={};this.keys=[];this.length=0;this.addEvents({"clear":true,"add":true,"replace":true,"remove":true,"sort":true});this.allowFunctions=A===true;if(B){this.getKey=B;}
+Roo.util.MixedCollection.superclass.constructor.call(this);};Roo.extend(Roo.util.MixedCollection,Roo.util.Observable,{allowFunctions:false,add:function(C,o){if(arguments.length==1){o=arguments[0];C=this.getKey(o);}if(typeof C=="undefined"||C===null){this.length++;this.items.push(o);this.keys.push(null);}else {var old=this.map[C];if(old){return this.replace(C,o);}
+this.length++;this.items.push(o);this.map[C]=o;this.keys.push(C);}
+this.fireEvent("add",this.length-1,o,C);return o;},getKey:function(o){return o.id;},replace:function(D,o){if(arguments.length==1){o=arguments[0];D=this.getKey(o);}var E=this.item(D);if(typeof D=="undefined"||D===null||typeof E=="undefined"){return this.add(D,o);}var F=this.indexOfKey(D);this.items[F]=o;this.map[D]=o;this.fireEvent("replace",D,E,o);return o;},addAll:function(G){if(arguments.length>1||G instanceof Array){var args=arguments.length>1?arguments:G;for(var i=0,len=args.length;i<len;i++){this.add(args[i]);}}else {for(var D in G){if(this.allowFunctions||typeof G[D]!="function"){this.add(D,G[D]);}}}},each:function(fn,H){var I=[].concat(this.items);for(var i=0,len=I.length;i<len;i++){if(fn.call(H||I[i],I[i],i,len)===false){break;}}},eachKey:function(fn,J){for(var i=0,len=this.keys.length;i<len;i++){fn.call(J||window,this.keys[i],this.items[i],i,len);}},find:function(fn,K){for(var i=0,len=this.items.length;i<len;i++){if(fn.call(K||window,this.items[i],this.keys[i])){return this.items[i];}}return null;},insert:function(L,M,o){if(arguments.length==2){o=arguments[1];M=this.getKey(o);}if(L>=this.length){return this.add(M,o);}
+this.length++;this.items.splice(L,0,o);if(typeof M!="undefined"&&M!=null){this.map[M]=o;}
+this.keys.splice(L,0,M);this.fireEvent("add",L,o,M);return o;},remove:function(o){return this.removeAt(this.indexOf(o));},removeAt:function(N){if(N<this.length&&N>=0){this.length--;var o=this.items[N];this.items.splice(N,1);var M=this.keys[N];if(typeof M!="undefined"){delete this.map[M];}
+this.keys.splice(N,1);this.fireEvent("remove",o,M);}},removeKey:function(O){return this.removeAt(this.indexOfKey(O));},getCount:function(){return this.length;},indexOf:function(o){if(!this.items.indexOf){for(var i=0,len=this.items.length;i<len;i++){if(this.items[i]==o)return i;}return -1;}else {return this.items.indexOf(o);}},indexOfKey:function(P){if(!this.keys.indexOf){for(var i=0,len=this.keys.length;i<len;i++){if(this.keys[i]==P)return i;}return -1;}else {return this.keys.indexOf(P);}},item:function(Q){var R=typeof this.map[Q]!="undefined"?this.map[Q]:this.items[Q];return typeof R!='function'||this.allowFunctions?R:null;},itemAt:function(S){return this.items[S];},key:function(T){return this.map[T];},contains:function(o){return this.indexOf(o)!=-1;},containsKey:function(U){return typeof this.map[U]!="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(V,W,fn){var X=String(W).toUpperCase()=="DESC"?-1:1;fn=fn||function(a,b){return a-b;};var c=[],k=this.keys,Y=this.items;for(var i=0,len=Y.length;i<len;i++){c[c.length]={key:k[i],value:Y[i],index:i};}
+c.sort(function(a,b){var v=fn(a[V],b[V])*X;if(v==0){v=(a.index<b.index?-1:1);}return v;});for(var i=0,len=c.length;i<len;i++){Y[i]=c[i].value;k[i]=c[i].key;}
+this.fireEvent("sort",this);},sort:function(Z,fn){this._sort("value",Z,fn);},keySort:function(a,fn){this._sort("key",a,fn||function(a,b){return String(a).toUpperCase()-String(b).toUpperCase();});},getRange:function(b,d){var e=this.items;if(e.length<1){return [];}
+b=b||0;d=Math.min(typeof d=="undefined"?this.length-1:d,this.length-1);var r=[];if(b<=d){for(var i=b;i<=d;i++){r[r.length]=e[i];}}else {for(var i=b;i>=d;i--){r[r.length]=e[i];}}return r;},filter:function(f,g){if(!g.exec){g=String(g);if(g.length==0){return this.clone();}
+g=new RegExp("^"+Roo.escapeRe(g),"i");}return this.filterBy(function(o){return o&&g.test(o[f]);});},filterBy:function(fn,h){var r=new Roo.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(h||this,it[i],k[i])){r.add(k[i],it[i]);}}return r;},clone:function(){var r=new Roo.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;}});Roo.util.MixedCollection.prototype.get=Roo.util.MixedCollection.prototype.item;
+Roo.util.JSON=new (function(){var useHasOwn={}.hasOwnProperty?true:false;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":Roo.util.JSON.encode(v));b=true;}}
+a.push("]");return a.join("");};var 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(o instanceof Array){return encodeArray(o);}else if(o instanceof Date){return 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+')');};})();Roo.encode=Roo.util.JSON.encode;Roo.decode=Roo.util.JSON.decode;
+Roo.util.Format=function(){var A=/^\s+|\s+$/g;return {ellipsis:function(R,S){if(R&&R.length>S){return R.substr(0,S-3)+"...";}return R;},undef:function(T){return typeof T!="undefined"?T:"";},htmlEncode:function(U){return !U?U:String(U).replace(/&/g,"&").replace(/>/g,">").replace(/</g,"<").replace(/"/g,""");},htmlDecode:function(V){return !V?V:String(V).replace(/&/g,"&").replace(/>/g,">").replace(/</g,"<").replace(/"/g,'"');},trim:function(W){return String(W).replace(A,"");},substr:function(X,Y,Z){return String(X).substr(Y,Z);},lowercase:function(a){return String(a).toLowerCase();},uppercase:function(b){return String(b).toUpperCase();},capitalize:function(c){return !c?c:c.charAt(0).toUpperCase()+c.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 d=ps[0];var e=ps[1]?'.'+ps[1]:'.00';var r=/(\d+)(\d{3})/;while(r.test(d)){d=d.replace(r,'$1'+','+'$2');}return "$"+d+e;},date:function(v,f){if(!v){return "";}if(!(v instanceof Date)){v=new Date(Date.parse(v));}return v.dateFormat(f||"m/d/Y");},dateRenderer:function(g){return function(v){return Roo.util.Format.date(v,g);};},stripTagsRE:/<\/?[^>]+>/gi,stripTags:function(v){return !v?v:String(v).replace(this.stripTagsRE,"");}};}();
+Roo.MasterTemplate=function(){Roo.MasterTemplate.superclass.constructor.apply(this,arguments);this.originalHtml=this.html;var st={};var m,re=this.subTemplateRe;re.lastIndex=0;var A=0;while(m=re.exec(this.html)){var name=m[1],content=m[2];st[A]={name:name,index:A,buffer:[],tpl:new Roo.Template(content)};if(name){st[name]=st[A];}
+st[A].tpl.compile();st[A].tpl.call=this.call.createDelegate(this);A++;}
+this.subCount=A;this.subs=st;};Roo.extend(Roo.MasterTemplate,Roo.Template,{subTemplateRe:/<tpl(?:\sname="([\w-]+)")?>((?:.|\n)*?)<\/tpl>/gi,add:function(B,C){if(arguments.length==1){C=arguments[0];B=0;}var s=this.subs[B];s.buffer[s.buffer.length]=s.tpl.apply(C);return this;},fill:function(D,E,F){var a=arguments;if(a.length==1||(a.length==2&&typeof a[1]=="boolean")){E=a[0];D=0;F=a[1];}if(F){this.reset();}for(var i=0,len=E.length;i<len;i++){this.add(D,E[i]);}return this;},reset:function(){var s=this.subs;for(var i=0;i<this.subCount;i++){s[i].buffer=[];}return this;},applyTemplate:function(G){var s=this.subs;var H=-1;this.html=this.originalHtml.replace(this.subTemplateRe,function(m,I){return s[++H].buffer.join("");});return Roo.MasterTemplate.superclass.applyTemplate.call(this,G);},apply:function(){return this.applyTemplate.apply(this,arguments);},compile:function(){return this;}});Roo.MasterTemplate.prototype.addAll=Roo.MasterTemplate.prototype.fill;Roo.MasterTemplate.from=function(el,I){el=Roo.getDom(el);return new Roo.MasterTemplate(el.value||el.innerHTML,I||'');};
+Roo.util.CSS=function(){var A=null;var B=document;var C=/(-[a-z])/gi;var D=function(m,a){return a.charAt(1).toUpperCase();};return {createStyleSheet:function(Q,id){var ss;var R=B.getElementsByTagName("head")[0];var S=B.createElement("style");S.setAttribute("type","text/css");if(id){S.setAttribute("id",id);}if(typeof(Q)!='string'){var cssTextNew=[];for(var n in Q){var citems=[];for(var k in Q[n]){citems.push(k+' : '+Q[n][k]+';');}
+cssTextNew.push(n+' { '+citems.join(' ')+'} ');}
+Q=cssTextNew.join("\n");}if(Roo.isIE){R.appendChild(S);ss=S.styleSheet;ss.cssText=Q;}else {try{S.appendChild(B.createTextNode(Q));}catch(e){S.cssText=Q;}
+R.appendChild(S);ss=S.styleSheet?S.styleSheet:(S.sheet||B.styleSheets[B.styleSheets.length-1]);}
+this.cacheStyleSheet(ss);return ss;},removeStyleSheet:function(id){var T=B.getElementById(id);if(T){T.parentNode.removeChild(T);}},swapStyleSheet:function(id,U){this.removeStyleSheet(id);var ss=B.createElement("link");ss.setAttribute("rel","stylesheet");ss.setAttribute("type","text/css");ss.setAttribute("id",id);ss.setAttribute("href",U);B.getElementsByTagName("head")[0].appendChild(ss);},refreshCache:function(){return this.getRules(true);},cacheStyleSheet:function(V){if(!A){A={};}try{var ssRules=V.cssRules||V.rules;for(var j=ssRules.length-1;j>=0;--j){A[ssRules[j].selectorText]=ssRules[j];}}catch(e){}},getRules:function(W){if(A==null||W){A={};var ds=B.styleSheets;for(var i=0,len=ds.length;i<len;i++){try{this.cacheStyleSheet(ds[i]);}catch(e){}}}return A;},getRule:function(X,Y){var rs=this.getRules(Y);if(!(X instanceof Array)){return rs[X];}for(var i=0;i<X.length;i++){if(rs[X[i]]){return rs[X[i]];}}return null;},updateRule:function(Z,a,b){if(!(Z instanceof Array)){var rule=this.getRule(Z);if(rule){rule.style[a.replace(C,D)]=b;return true;}}else {for(var i=0;i<Z.length;i++){if(this.updateRule(Z[i],a,b)){return true;}}}return false;}};}();
+Roo.util.ClickRepeater=function(el,A){this.el=Roo.get(el);this.el.unselectable();Roo.apply(this,A);this.addEvents({"mousedown":true,"click":true,"mouseup":true});this.el.on("mousedown",this.handleMouseDown,this);if(this.preventDefault||this.stopDefault){this.el.on("click",function(e){if(this.preventDefault){e.preventDefault();}if(this.stopDefault){e.stopEvent();}},this);}if(this.handler){this.on("click",this.handler,this.scope||this);}
+Roo.util.ClickRepeater.superclass.constructor.call(this);};Roo.extend(Roo.util.ClickRepeater,Roo.util.Observable,{interval:20,delay:250,preventDefault:true,stopDefault:false,timer:0,handleMouseDown:function(){clearTimeout(this.timer);this.el.blur();if(this.pressClass){this.el.addClass(this.pressClass);}
+this.mousedownTime=new Date();Roo.get(document).on("mouseup",this.handleMouseUp,this);this.el.on("mouseout",this.handleMouseOut,this);this.fireEvent("mousedown",this);this.fireEvent("click",this);this.timer=this.click.defer(this.delay||this.interval,this);},click:function(){this.fireEvent("click",this);this.timer=this.click.defer(this.getInterval(),this);},getInterval:function(){if(!this.accelerate){return this.interval;}var B=this.mousedownTime.getElapsed();if(B<500){return 400;}else if(B<1700){return 320;}else if(B<2600){return 250;}else if(B<3500){return 180;}else if(B<4400){return 140;}else if(B<5300){return 80;}else if(B<6200){return 50;}else {return 10;}},handleMouseOut:function(){clearTimeout(this.timer);if(this.pressClass){this.el.removeClass(this.pressClass);}
+this.el.on("mouseover",this.handleMouseReturn,this);},handleMouseReturn:function(){this.el.un("mouseover",this.handleMouseReturn);if(this.pressClass){this.el.addClass(this.pressClass);}
+this.click();},handleMouseUp:function(){clearTimeout(this.timer);this.el.un("mouseover",this.handleMouseReturn);this.el.un("mouseout",this.handleMouseOut);Roo.get(document).un("mouseup",this.handleMouseUp);this.el.removeClass(this.pressClass);this.fireEvent("mouseup",this);}});
+Roo.KeyNav=function(el,A){this.el=Roo.get(el);Roo.apply(this,A);if(!this.disabled){this.disabled=true;this.enable();}};Roo.KeyNav.prototype={disabled:false,defaultEventAction:"stopEvent",forceKeyDown:false,prepareEvent:function(e){var k=e.getKey();var h=this.keyToHandler[k];if(Roo.isSafari&&h&&k>=37&&k<=40){e.stopEvent();}},relay:function(e){var k=e.getKey();var h=this.keyToHandler[k];if(h&&this[h]){if(this.doRelay(e,this[h],h)!==true){e[this.defaultEventAction]();}}},doRelay:function(e,h,B){return h.call(this.scope||this,e);},enter:false,left:false,right:false,up:false,down:false,tab:false,esc:false,pageUp:false,pageDown:false,del:false,home:false,end:false,keyToHandler:{37:"left",39:"right",38:"up",40:"down",33:"pageUp",34:"pageDown",46:"del",36:"home",35:"end",13:"enter",27:"esc",9:"tab"},enable:function(){if(this.disabled){if(this.forceKeyDown||Roo.isIE||Roo.isAir){this.el.on("keydown",this.relay,this);}else {this.el.on("keydown",this.prepareEvent,this);this.el.on("keypress",this.relay,this);}
+this.disabled=false;}},disable:function(){if(!this.disabled){if(this.forceKeyDown||Roo.isIE||Roo.isAir){this.el.un("keydown",this.relay);}else {this.el.un("keydown",this.prepareEvent);this.el.un("keypress",this.relay);}
+this.disabled=true;}}};
+Roo.KeyMap=function(el,A,B){this.el=Roo.get(el);this.eventName=B||"keydown";this.bindings=[];if(A){this.addBinding(A);}
+this.enable();};Roo.KeyMap.prototype={stopEvent:false,addBinding:function(C){if(C instanceof Array){for(var i=0,len=C.length;i<len;i++){this.addBinding(C[i]);}return;}var D=C.key,E=C.shift,F=C.ctrl,G=C.alt,fn=C.fn,H=C.scope;if(typeof D=="string"){var ks=[];var keyString=D.toUpperCase();for(var j=0,len=keyString.length;j<len;j++){ks.push(keyString.charCodeAt(j));}
+D=ks;}var I=D instanceof Array;var J=function(e){if((!E||e.shiftKey)&&(!F||e.ctrlKey)&&(!G||e.altKey)){var k=e.getKey();if(I){for(var i=0,len=D.length;i<len;i++){if(D[i]==k){if(this.stopEvent){e.stopEvent();}
+fn.call(H||window,k,e);return;}}}else {if(k==D){if(this.stopEvent){e.stopEvent();}
+fn.call(H||window,k,e);}}}};this.bindings.push(J);},on:function(K,fn,L){var M,N,O,P;if(typeof K=="object"&&!(K instanceof Array)){M=K.key;N=K.shift;O=K.ctrl;P=K.alt;}else {M=K;}
+this.addBinding({key:M,shift:N,ctrl:O,alt:P,fn:fn,scope:L})},handleKeyDown:function(e){if(this.enabled){var b=this.bindings;for(var i=0,len=b.length;i<len;i++){b[i].call(this,e);}}},isEnabled:function(){return this.enabled;},enable:function(){if(!this.enabled){this.el.on(this.eventName,this.handleKeyDown,this);this.enabled=true;}},disable:function(){if(this.enabled){this.el.removeListener(this.eventName,this.handleKeyDown,this);this.enabled=false;}}};
+Roo.util.TextMetrics=function(){var A;return {measure:function(el,E,F){if(!A){A=Roo.util.TextMetrics.Instance(el,F);}
+A.bind(el);A.setFixedWidth(F||'auto');return A.getSize(E);},createInstance:function(el,G){return Roo.util.TextMetrics.Instance(el,G);}};}();Roo.util.TextMetrics.Instance=function(B,C){var ml=new Roo.Element(document.createElement('div'));document.body.appendChild(ml.dom);ml.position('absolute');ml.setLeftTop(-1000,-1000);ml.hide();if(C){ml.setWidth(C);}var D={getSize:function(E){ml.update(E);var s=ml.getSize();ml.update('');return s;},bind:function(el){ml.setStyle(Roo.fly(el).getStyles('font-size','font-style','font-weight','font-family','line-height'));},setFixedWidth:function(F){ml.setWidth(F);},getWidth:function(G){ml.dom.style.width='auto';return this.getSize(G).width;},getHeight:function(H){return this.getSize(H).height;}};D.bind(B);return D;};Roo.Element.measureText=Roo.util.TextMetrics.measure;
+Roo.state.Provider=function(){this.addEvents({"statechange":true});this.state={};Roo.state.Provider.superclass.constructor.call(this);};Roo.extend(Roo.state.Provider,Roo.util.Observable,{get:function(A,B){return typeof this.state[A]=="undefined"?B:this.state[A];},clear:function(C){delete this.state[C];this.fireEvent("statechange",this,C,null);},set:function(D,E){this.state[D]=E;this.fireEvent("statechange",this,D,E);},decodeValue:function(F){var re=/^(a|n|d|b|s|o)\:(.*)$/;var G=re.exec(unescape(F));if(!G||!G[1])return;var H=G[1];var v=G[2];switch(H){case "n":return parseFloat(v);case "d":return new Date(Date.parse(v));case "b":return (v=="1");case "a":var all=[];var values=v.split("^");for(var i=0,len=values.length;i<len;i++){all.push(this.decodeValue(values[i]));}return all;case "o":var all={};var values=v.split("^");for(var i=0,len=values.length;i<len;i++){var kv=values[i].split("=");all[kv[0]]=this.decodeValue(kv[1]);}return all;default:return v;}},encodeValue:function(v){var I;if(typeof v=="number"){I="n:"+v;}else if(typeof v=="boolean"){I="b:"+(v?"1":"0");}else if(v instanceof Date){I="d:"+v.toGMTString();}else if(v instanceof Array){var flat="";for(var i=0,len=v.length;i<len;i++){flat+=this.encodeValue(v[i]);if(i!=len-1)flat+="^";}
+I="a:"+flat;}else if(typeof v=="object"){var flat="";for(var key in v){if(typeof v[key]!="function"){flat+=key+"="+this.encodeValue(v[key])+"^";}}
+I="o:"+flat.substring(0,flat.length-1);}else {I="s:"+v;}return escape(I);}});
+Roo.state.Manager=function(){var A=new Roo.state.Provider();return {setProvider:function(H){A=H;},get:function(I,J){return A.get(I,J);},set:function(K,L){A.set(K,L);},clear:function(M){A.clear(M);},getProvider:function(){return A;}};}();
+Roo.state.CookieProvider=function(A){Roo.state.CookieProvider.superclass.constructor.call(this);this.path="/";this.expires=new Date(new Date().getTime()+(1000*60*60*24*7));this.domain=null;this.secure=false;Roo.apply(this,A);this.state=this.readCookies();};Roo.extend(Roo.state.CookieProvider,Roo.state.Provider,{set:function(B,C){if(typeof C=="undefined"||C===null){this.clear(B);return;}
+this.setCookie(B,C);Roo.state.CookieProvider.superclass.set.call(this,B,C);},clear:function(D){this.clearCookie(D);Roo.state.CookieProvider.superclass.clear.call(this,D);},readCookies:function(){var E={};var c=document.cookie+";";var re=/\s?(.*?)=(.*?);/g;var F;while((F=re.exec(c))!=null){var D=F[1];var C=F[2];if(D&&D.substring(0,3)=="ys-"){E[D.substr(3)]=this.decodeValue(C);}}return E;},setCookie:function(G,H){document.cookie="ys-"+G+"="+this.encodeValue(H)+((this.expires==null)?"":("; expires="+this.expires.toGMTString()))+((this.path==null)?"":("; path="+this.path))+((this.domain==null)?"":("; domain="+this.domain))+((this.secure==true)?"; secure":"");},clearCookie:function(I){document.cookie="ys-"+I+"=null; expires=Thu, 01-Jan-70 00:00:01 GMT"+((this.path==null)?"":("; path="+this.path))+((this.domain==null)?"":("; domain="+this.domain))+((this.secure==true)?"; secure":"");}});
+(function(){var A=Roo.EventManager;var B=Roo.lib.Dom;Roo.dd.DragDrop=function(id,C,D){if(id){this.init(id,C,D);}};Roo.dd.DragDrop.prototype={id:null,config:null,dragElId:null,handleElId:null,invalidHandleTypes:null,invalidHandleIds:null,invalidHandleClasses:null,startPageX:0,startPageY:0,groups:null,locked:false,lock:function(){this.locked=true;},unlock:function(){this.locked=false;},isTarget:true,padding:null,_domRef:null,__ygDragDrop:true,constrainX:false,constrainY:false,minX:0,maxX:0,minY:0,maxY:0,maintainOffset:false,xTicks:null,yTicks:null,primaryButtonOnly:true,available:false,hasOuterHandles:false,b4StartDrag:function(x,y){},startDrag:function(x,y){},b4Drag:function(e){},onDrag:function(e){},onDragEnter:function(e,id){},b4DragOver:function(e){},onDragOver:function(e,id){},b4DragOut:function(e){},onDragOut:function(e,id){},b4DragDrop:function(e){},onDragDrop:function(e,id){},onInvalidDrop:function(e){},b4EndDrag:function(e){},endDrag:function(e){},b4MouseDown:function(e){},onMouseDown:function(e){},onMouseUp:function(e){},onAvailable:function(){},defaultPadding:{left:0,right:0,top:0,bottom:0},constrainTo:function(C,D,E){if(typeof D=="number"){D={left:D,right:D,top:D,bottom:D};}
+D=D||this.defaultPadding;var b=Roo.get(this.getEl()).getBox();var ce=Roo.get(C);var s=ce.getScroll();var c,cd=ce.dom;if(cd==document.body){c={x:s.left,y:s.top,width:Roo.lib.Dom.getViewWidth(),height:Roo.lib.Dom.getViewHeight()};}else {xy=ce.getXY();c={x:xy[0]+s.left,y:xy[1]+s.top,width:cd.clientWidth,height:cd.clientHeight};}var F=b.y-c.y;var G=b.x-c.x;this.resetConstraints();this.setXConstraint(G-(D.left||0),c.width-G-b.width-(D.right||0));this.setYConstraint(F-(D.top||0),c.height-F-b.height-(D.bottom||0));},getEl:function(){if(!this._domRef){this._domRef=Roo.getDom(this.id);}return this._domRef;},getDragEl:function(){return Roo.getDom(this.dragElId);},init:function(id,H,I){this.initTarget(id,H,I);A.on(this.id,"mousedown",this.handleMouseDown,this);},initTarget:function(id,J,K){this.config=K||{};this.DDM=Roo.dd.DDM;this.groups={};if(typeof id!=="string"){id=Roo.id(id);}
+this.id=id;this.addToGroup((J)?J:"default");this.handleElId=id;this.setDragElId(id);this.invalidHandleTypes={A:"A"};this.invalidHandleIds={};this.invalidHandleClasses=[];this.applyConfig();this.handleOnAvailable();},applyConfig:function(){this.padding=this.config.padding||[0,0,0,0];this.isTarget=(this.config.isTarget!==false);this.maintainOffset=(this.config.maintainOffset);this.primaryButtonOnly=(this.config.primaryButtonOnly!==false);},handleOnAvailable:function(){this.available=true;this.resetConstraints();this.onAvailable();},setPadding:function(L,M,N,O){if(!M&&0!==M){this.padding=[L,L,L,L];}else if(!N&&0!==N){this.padding=[L,M,L,M];}else {this.padding=[L,M,N,O];}},setInitPosition:function(P,Q){var el=this.getEl();if(!this.DDM.verifyEl(el)){return;}var dx=P||0;var dy=Q||0;var p=B.getXY(el);this.initPageX=p[0]-dx;this.initPageY=p[1]-dy;this.lastPageX=p[0];this.lastPageY=p[1];this.setStartPosition(p);},setStartPosition:function(R){var p=R||B.getXY(this.getEl());this.deltaSetXY=null;this.startPageX=p[0];this.startPageY=p[1];},addToGroup:function(S){this.groups[S]=true;this.DDM.regDragDrop(this,S);},removeFromGroup:function(T){if(this.groups[T]){delete this.groups[T];}
+this.DDM.removeDDFromGroup(this,T);},setDragElId:function(id){this.dragElId=id;},setHandleElId:function(id){if(typeof id!=="string"){id=Roo.id(id);}
+this.handleElId=id;this.DDM.regHandle(this.id,id);},setOuterHandleElId:function(id){if(typeof id!=="string"){id=Roo.id(id);}
+A.on(id,"mousedown",this.handleMouseDown,this);this.setHandleElId(id);this.hasOuterHandles=true;},unreg:function(){A.un(this.id,"mousedown",this.handleMouseDown);this._domRef=null;this.DDM._remove(this);},destroy:function(){this.unreg();},isLocked:function(){return (this.DDM.isLocked()||this.locked);},handleMouseDown:function(e,U){if(this.primaryButtonOnly&&e.button!=0){return;}if(this.isLocked()){return;}
+this.DDM.refreshCache(this.groups);var pt=new Roo.lib.Point(Roo.lib.Event.getPageX(e),Roo.lib.Event.getPageY(e));if(!this.hasOuterHandles&&!this.DDM.isOverTarget(pt,this)){}else {if(this.clickValidator(e)){this.setStartPosition();this.b4MouseDown(e);this.onMouseDown(e);this.DDM.handleMouseDown(e,this);this.DDM.stopEvent(e);}else {}}},clickValidator:function(e){var V=e.getTarget();return (this.isValidHandleChild(V)&&(this.id==this.handleElId||this.DDM.handleWasClicked(V,this.id)));},addInvalidHandleType:function(W){var X=W.toUpperCase();this.invalidHandleTypes[X]=X;},addInvalidHandleId:function(id){if(typeof id!=="string"){id=Roo.id(id);}
+this.invalidHandleIds[id]=id;},addInvalidHandleClass:function(Y){this.invalidHandleClasses.push(Y);},removeInvalidHandleType:function(Z){var a=Z.toUpperCase();delete this.invalidHandleTypes[a];},removeInvalidHandleId:function(id){if(typeof id!=="string"){id=Roo.id(id);}delete this.invalidHandleIds[id];},removeInvalidHandleClass:function(d){for(var i=0,len=this.invalidHandleClasses.length;i<len;++i){if(this.invalidHandleClasses[i]==d){delete this.invalidHandleClasses[i];}}},isValidHandleChild:function(f){var g=true;var h;try{h=f.nodeName.toUpperCase();}catch(e){nodeName=node.nodeName;}
+g=g&&!this.invalidHandleTypes[h];g=g&&!this.invalidHandleIds[f.id];for(var i=0,len=this.invalidHandleClasses.length;g&&i<len;++i){g=!B.hasClass(f,this.invalidHandleClasses[i]);}return g;},setXTicks:function(j,k){this.xTicks=[];this.xTickSize=k;var l={};for(var i=this.initPageX;i>=this.minX;i=i-k){if(!l[i]){this.xTicks[this.xTicks.length]=i;l[i]=true;}}for(i=this.initPageX;i<=this.maxX;i=i+k){if(!l[i]){this.xTicks[this.xTicks.length]=i;l[i]=true;}}
+this.xTicks.sort(this.DDM.numericSort);},setYTicks:function(m,n){this.yTicks=[];this.yTickSize=n;var o={};for(var i=this.initPageY;i>=this.minY;i=i-n){if(!o[i]){this.yTicks[this.yTicks.length]=i;o[i]=true;}}for(i=this.initPageY;i<=this.maxY;i=i+n){if(!o[i]){this.yTicks[this.yTicks.length]=i;o[i]=true;}}
+this.yTicks.sort(this.DDM.numericSort);},setXConstraint:function(q,r,t){this.leftConstraint=q;this.rightConstraint=r;this.minX=this.initPageX-q;this.maxX=this.initPageX+r;if(t){this.setXTicks(this.initPageX,t);}
+this.constrainX=true;},clearConstraints:function(){this.constrainX=false;this.constrainY=false;this.clearTicks();},clearTicks:function(){this.xTicks=null;this.yTicks=null;this.xTickSize=0;this.yTickSize=0;},setYConstraint:function(u,v,w){this.topConstraint=u;this.bottomConstraint=v;this.minY=this.initPageY-u;this.maxY=this.initPageY+v;if(w){this.setYTicks(this.initPageY,w);}
+this.constrainY=true;},resetConstraints:function(){if(this.initPageX||this.initPageX===0){var dx=(this.maintainOffset)?this.lastPageX-this.initPageX:0;var dy=(this.maintainOffset)?this.lastPageY-this.initPageY:0;this.setInitPosition(dx,dy);}else {this.setInitPosition();}if(this.constrainX){this.setXConstraint(this.leftConstraint,this.rightConstraint,this.xTickSize);}if(this.constrainY){this.setYConstraint(this.topConstraint,this.bottomConstraint,this.yTickSize);}},getTick:function(z,AA){if(!AA){return z;}else if(AA[0]>=z){return AA[0];}else {for(var i=0,len=AA.length;i<len;++i){var next=i+1;if(AA[next]&&AA[next]>=z){var diff1=z-AA[i];var diff2=AA[next]-z;return (diff2>diff1)?AA[i]:AA[next];}}return AA[AA.length-1];}},toString:function(){return ("DragDrop "+this.id);}};})();
+if(!Roo.dd.DragDropMgr){Roo.dd.DragDropMgr=function(){var A=Roo.EventManager;return {ids:{},handleIds:{},dragCurrent:null,dragOvers:{},deltaX:0,deltaY:0,preventDefault:true,stopPropagation:true,initalized:false,locked:false,init:function(){this.initialized=true;},POINT:0,INTERSECT:1,mode:0,_execOnAll:function(AG,AH){for(var i in this.ids){for(var j in this.ids[i]){var h=this.ids[i][j];if(!this.isTypeOfDD(h)){continue;}
+h[AG].apply(h,AH);}}},_onLoad:function(){this.init();A.on(document,"mouseup",this.handleMouseUp,this,true);A.on(document,"mousemove",this.handleMouseMove,this,true);A.on(window,"unload",this._onUnload,this,true);A.on(window,"resize",this._onResize,this,true);},_onResize:function(e){this._execOnAll("resetConstraints",[]);},lock:function(){this.locked=true;},unlock:function(){this.locked=false;},isLocked:function(){return this.locked;},locationCache:{},useCache:true,clickPixelThresh:3,clickTimeThresh:350,dragThreshMet:false,clickTimeout:null,startX:0,startY:0,regDragDrop:function(AI,AJ){if(!this.initialized){this.init();}if(!this.ids[AJ]){this.ids[AJ]={};}
+this.ids[AJ][AI.id]=AI;},removeDDFromGroup:function(AK,AL){if(!this.ids[AL]){this.ids[AL]={};}var AM=this.ids[AL];if(AM&&AM[AK.id]){delete AM[AK.id];}},_remove:function(AN){for(var g in AN.groups){if(g&&this.ids[g][AN.id]){delete this.ids[g][AN.id];}}delete this.handleIds[AN.id];},regHandle:function(AO,AP){if(!this.handleIds[AO]){this.handleIds[AO]={};}
+this.handleIds[AO][AP]=AP;},isDragDrop:function(id){return (this.getDDById(id))?true:false;},getRelated:function(AQ,AR){var AS=[];for(var i in AQ.groups){for(j in this.ids[i]){var dd=this.ids[i][j];if(!this.isTypeOfDD(dd)){continue;}if(!AR||dd.isTarget){AS[AS.length]=dd;}}}return AS;},isLegalTarget:function(AT,AU){var AV=this.getRelated(AT,true);for(var i=0,d=AV.length;i<d;++i){if(AV[i].id==AU.id){return true;}}return false;},isTypeOfDD:function(AW){return (AW&&AW.__ygDragDrop);},isHandle:function(AX,AY){return (this.handleIds[AX]&&this.handleIds[AX][AY]);},getDDById:function(id){for(var i in this.ids){if(this.ids[i][id]){return this.ids[i][id];}}return null;},handleMouseDown:function(e,AZ){if(Roo.QuickTips){Roo.QuickTips.disable();}
+this.currentTarget=e.getTarget();this.dragCurrent=AZ;var el=AZ.getEl();this.startX=e.getPageX();this.startY=e.getPageY();this.deltaX=this.startX-el.offsetLeft;this.deltaY=this.startY-el.offsetTop;this.dragThreshMet=false;this.clickTimeout=setTimeout(function(){var Aa=Roo.dd.DDM;Aa.startDrag(Aa.startX,Aa.startY);},this.clickTimeThresh);},startDrag:function(x,y){clearTimeout(this.clickTimeout);if(this.dragCurrent){this.dragCurrent.b4StartDrag(x,y);this.dragCurrent.startDrag(x,y);}
+this.dragThreshMet=true;},handleMouseUp:function(e){if(Roo.QuickTips){Roo.QuickTips.enable();}if(!this.dragCurrent){return;}
+clearTimeout(this.clickTimeout);if(this.dragThreshMet){this.fireEvents(e,true);}else {}
+this.stopDrag(e);this.stopEvent(e);},stopEvent:function(e){if(this.stopPropagation){e.stopPropagation();}if(this.preventDefault){e.preventDefault();}},stopDrag:function(e){if(this.dragCurrent){if(this.dragThreshMet){this.dragCurrent.b4EndDrag(e);this.dragCurrent.endDrag(e);}
+this.dragCurrent.onMouseUp(e);}
+this.dragCurrent=null;this.dragOvers={};},handleMouseMove:function(e){if(!this.dragCurrent){return true;}if(Roo.isIE&&(e.button!==0&&e.button!==1&&e.button!==2)){this.stopEvent(e);return this.handleMouseUp(e);}if(!this.dragThreshMet){var diffX=Math.abs(this.startX-e.getPageX());var diffY=Math.abs(this.startY-e.getPageY());if(diffX>this.clickPixelThresh||diffY>this.clickPixelThresh){this.startDrag(this.startX,this.startY);}}if(this.dragThreshMet){this.dragCurrent.b4Drag(e);this.dragCurrent.onDrag(e);if(!this.dragCurrent.moveOnly){this.fireEvents(e,false);}}
+this.stopEvent(e);return true;},fireEvents:function(e,Aa){var dc=this.dragCurrent;if(!dc||dc.isLocked()){return;}var pt=e.getPoint();var Ab=[];var Ac=[];var Ad=[];var Ae=[];var Af=[];for(var i in this.dragOvers){var ddo=this.dragOvers[i];if(!this.isTypeOfDD(ddo)){continue;}if(!this.isOverTarget(pt,ddo,this.mode)){Ac.push(ddo);}
+Ab[i]=true;delete this.dragOvers[i];}for(var AL in dc.groups){if("string"!=typeof AL){continue;}for(i in this.ids[AL]){var AZ=this.ids[AL][i];if(!this.isTypeOfDD(AZ)){continue;}if(AZ.isTarget&&!AZ.isLocked()&&AZ!=dc){if(this.isOverTarget(pt,AZ,this.mode)){if(Aa){Ae.push(AZ);}else {if(!Ab[AZ.id]){Af.push(AZ);}else {Ad.push(AZ);}
+this.dragOvers[AZ.id]=AZ;}}}}}if(this.mode){if(Ac.length){dc.b4DragOut(e,Ac);dc.onDragOut(e,Ac);}if(Af.length){dc.onDragEnter(e,Af);}if(Ad.length){dc.b4DragOver(e,Ad);dc.onDragOver(e,Ad);}if(Ae.length){dc.b4DragDrop(e,Ae);dc.onDragDrop(e,Ae);}}else {var d=0;for(i=0,d=Ac.length;i<d;++i){dc.b4DragOut(e,Ac[i].id);dc.onDragOut(e,Ac[i].id);}for(i=0,d=Af.length;i<d;++i){dc.onDragEnter(e,Af[i].id);}for(i=0,d=Ad.length;i<d;++i){dc.b4DragOver(e,Ad[i].id);dc.onDragOver(e,Ad[i].id);}for(i=0,d=Ae.length;i<d;++i){dc.b4DragDrop(e,Ae[i].id);dc.onDragDrop(e,Ae[i].id);}}if(Aa&&!Ae.length){dc.onInvalidDrop(e);}},getBestMatch:function(Ag){var Ah=null;var Ai=Ag.length;if(Ai==1){Ah=Ag[0];}else {for(var i=0;i<Ai;++i){var dd=Ag[i];if(dd.cursorIsOver){Ah=dd;break;}else {if(!Ah||Ah.overlap.getArea()<dd.overlap.getArea()){Ah=dd;}}}}return Ah;},refreshCache:function(Aj){for(var AL in Aj){if("string"!=typeof AL){continue;}for(var i in this.ids[AL]){var AZ=this.ids[AL][i];if(this.isTypeOfDD(AZ)){var o=this.getLocation(AZ);if(o){this.locationCache[AZ.id]=o;}else {delete this.locationCache[AZ.id];}}}}},verifyEl:function(el){if(el){var parent;if(Roo.isIE){try{parent=el.offsetParent;}catch(e){}}else {parent=el.offsetParent;}if(parent){return true;}}return false;},getLocation:function(Ak){if(!this.isTypeOfDD(Ak)){return null;}var el=Ak.getEl(),Al,x1,x2,y1,y2,t,r,b,l;try{Al=Roo.lib.Dom.getXY(el);}catch(e){}if(!Al){return null;}
+x1=Al[0];x2=x1+el.offsetWidth;y1=Al[1];y2=y1+el.offsetHeight;t=y1-Ak.padding[0];r=x2+Ak.padding[1];b=y2+Ak.padding[2];l=x1-Ak.padding[3];return new Roo.lib.Region(t,r,b,l);},isOverTarget:function(pt,Am,An){var Ao=this.locationCache[Am.id];if(!Ao||!this.useCache){Ao=this.getLocation(Am);this.locationCache[Am.id]=Ao;}if(!Ao){return false;}
+Am.cursorIsOver=Ao.contains(pt);var dc=this.dragCurrent;if(!dc||!dc.getTargetCoord||(!An&&!dc.constrainX&&!dc.constrainY)){return Am.cursorIsOver;}
+Am.overlap=null;var Ap=dc.getTargetCoord(pt.x,pt.y);var el=dc.getDragEl();var Aq=new Roo.lib.Region(Ap.y,Ap.x+el.offsetWidth,Ap.y+el.offsetHeight,Ap.x);var Ar=Aq.intersect(Ao);if(Ar){Am.overlap=Ar;return (An)?true:Am.cursorIsOver;}else {return false;}},_onUnload:function(e,me){Roo.dd.DragDropMgr.unregAll();},unregAll:function(){if(this.dragCurrent){this.stopDrag();this.dragCurrent=null;}
+this._execOnAll("unreg",[]);for(i in this.elementCache){delete this.elementCache[i];}
+this.elementCache={};this.ids={};},elementCache:{},getElWrapper:function(id){var As=this.elementCache[id];if(!As||!As.el){As=this.elementCache[id]=new this.ElementWrapper(Roo.getDom(id));}return As;},getElement:function(id){return Roo.getDom(id);},getCss:function(id){var el=Roo.getDom(id);return (el)?el.style:null;},ElementWrapper:function(el){this.el=el||null;this.id=this.el&&el.id;this.css=this.el&&el.style;},getPosX:function(el){return Roo.lib.Dom.getX(el);},getPosY:function(el){return Roo.lib.Dom.getY(el);},swapNode:function(n1,n2){if(n1.swapNode){n1.swapNode(n2);}else {var p=n2.parentNode;var s=n2.nextSibling;if(s==n1){p.insertBefore(n1,n2);}else if(n2==n1.nextSibling){p.insertBefore(n2,n1);}else {n1.parentNode.replaceChild(n2,n1);p.insertBefore(n1,s);}}},getScroll:function(){var t,l,At=document.documentElement,db=document.body;if(At&&(At.scrollTop||At.scrollLeft)){t=At.scrollTop;l=At.scrollLeft;}else if(db){t=db.scrollTop;l=db.scrollLeft;}else {}return {top:t,left:l};},getStyle:function(el,Au){return Roo.fly(el).getStyle(Au);},getScrollTop:function(){return this.getScroll().top;},getScrollLeft:function(){return this.getScroll().left;},moveToEl:function(Av,Aw){var Ax=Roo.lib.Dom.getXY(Aw);Roo.lib.Dom.setXY(Av,Ax);},numericSort:function(a,b){return (a-b);},_timeoutCount:0,_addListeners:function(){var Ay=Roo.dd.DDM;if(Roo.lib.Event&&document){Ay._onLoad();}else {if(Ay._timeoutCount>2000){}else {setTimeout(Ay._addListeners,10);if(document&&document.body){Ay._timeoutCount+=1;}}}},handleWasClicked:function(Az,id){if(this.isHandle(id,Az.id)){return true;}else {var p=Az.parentNode;while(p){if(this.isHandle(id,p.id)){return true;}else {p=p.parentNode;}}}return false;}};}();Roo.dd.DDM=Roo.dd.DragDropMgr;Roo.dd.DDM._addListeners();}
+Roo.dd.DD=function(id,A,B){if(id){this.init(id,A,B);}};Roo.extend(Roo.dd.DD,Roo.dd.DragDrop,{scroll:true,autoOffset:function(C,D){var x=C-this.startPageX;var y=D-this.startPageY;this.setDelta(x,y);},setDelta:function(E,F){this.deltaX=E;this.deltaY=F;},setDragElPos:function(G,H){var el=this.getDragEl();this.alignElWithMouse(el,G,H);},alignElWithMouse:function(el,I,J){var K=this.getTargetCoord(I,J);var L=el.dom?el:Roo.fly(el);if(!this.deltaSetXY){var aCoord=[K.x,K.y];L.setXY(aCoord);var newLeft=L.getLeft(true);var newTop=L.getTop(true);this.deltaSetXY=[newLeft-K.x,newTop-K.y];}else {L.setLeftTop(K.x+this.deltaSetXY[0],K.y+this.deltaSetXY[1]);}
+this.cachePosition(K.x,K.y);this.autoScroll(K.x,K.y,el.offsetHeight,el.offsetWidth);return K;},cachePosition:function(M,N){if(M){this.lastPageX=M;this.lastPageY=N;}else {var aCoord=Roo.lib.Dom.getXY(this.getEl());this.lastPageX=aCoord[0];this.lastPageY=aCoord[1];}},autoScroll:function(x,y,h,w){if(this.scroll){var clientH=Roo.lib.Dom.getViewWidth();var clientW=Roo.lib.Dom.getViewHeight();var st=this.DDM.getScrollTop();var sl=this.DDM.getScrollLeft();var bot=h+y;var right=w+x;var toBot=(clientH+st-y-this.deltaY);var toRight=(clientW+sl-x-this.deltaX);var thresh=40;var scrAmt=(document.all)?80:30;if(bot>clientH&&toBot<thresh){window.scrollTo(sl,st+scrAmt);}if(y<st&&st>0&&y-st<thresh){window.scrollTo(sl,st-scrAmt);}if(right>clientW&&toRight<thresh){window.scrollTo(sl+scrAmt,st);}if(x<sl&&sl>0&&x-sl<thresh){window.scrollTo(sl-scrAmt,st);}}},getTargetCoord:function(O,P){var x=O-this.deltaX;var y=P-this.deltaY;if(this.constrainX){if(x<this.minX){x=this.minX;}if(x>this.maxX){x=this.maxX;}}if(this.constrainY){if(y<this.minY){y=this.minY;}if(y>this.maxY){y=this.maxY;}}
+x=this.getTick(x,this.xTicks);y=this.getTick(y,this.yTicks);return {x:x,y:y};},applyConfig:function(){Roo.dd.DD.superclass.applyConfig.call(this);this.scroll=(this.config.scroll!==false);},b4MouseDown:function(e){this.autoOffset(e.getPageX(),e.getPageY());},b4Drag:function(e){this.setDragElPos(e.getPageX(),e.getPageY());},toString:function(){return ("DD "+this.id);}});
+Roo.dd.DDProxy=function(id,A,B){if(id){this.init(id,A,B);this.initFrame();}};Roo.dd.DDProxy.dragElId="ygddfdiv";Roo.extend(Roo.dd.DDProxy,Roo.dd.DD,{resizeFrame:true,centerFrame:false,createFrame:function(){var C=this;var D=document.body;if(!D||!D.firstChild){setTimeout(function(){C.createFrame();},50);return;}var E=this.getDragEl();if(!E){E=document.createElement("div");E.id=this.dragElId;var s=E.style;s.position="absolute";s.visibility="hidden";s.cursor="move";s.border="2px solid #aaa";s.zIndex=999;D.insertBefore(E,D.firstChild);}},initFrame:function(){this.createFrame();},applyConfig:function(){Roo.dd.DDProxy.superclass.applyConfig.call(this);this.resizeFrame=(this.config.resizeFrame!==false);this.centerFrame=(this.config.centerFrame);this.setDragElId(this.config.dragElId||Roo.dd.DDProxy.dragElId);},showFrame:function(F,G){var el=this.getEl();var H=this.getDragEl();var s=H.style;this._resizeProxy();if(this.centerFrame){this.setDelta(Math.round(parseInt(s.width,10)/2),Math.round(parseInt(s.height,10)/2));}
+this.setDragElPos(F,G);Roo.fly(H).show();},_resizeProxy:function(){if(this.resizeFrame){var el=this.getEl();Roo.fly(this.getDragEl()).setSize(el.offsetWidth,el.offsetHeight);}},b4MouseDown:function(e){var x=e.getPageX();var y=e.getPageY();this.autoOffset(x,y);this.setDragElPos(x,y);},b4StartDrag:function(x,y){this.showFrame(x,y);},b4EndDrag:function(e){Roo.fly(this.getDragEl()).hide();},endDrag:function(e){var I=this.getEl();var J=this.getDragEl();J.style.visibility="";this.beforeMove();I.style.visibility="hidden";Roo.dd.DDM.moveToEl(I,J);J.style.visibility="hidden";I.style.visibility="";this.afterDrag();},beforeMove:function(){},afterDrag:function(){},toString:function(){return ("DDProxy "+this.id);}});
+Roo.dd.DDTarget=function(id,A,B){if(id){this.initTarget(id,A,B);}};Roo.extend(Roo.dd.DDTarget,Roo.dd.DragDrop,{toString:function(){return ("DDTarget "+this.id);}});
+Roo.dd.ScrollManager=function(){var A=Roo.dd.DragDropMgr;var B={};var C=null;var D={};var E=function(e){C=null;H();};var F=function(){if(A.dragCurrent){A.refreshCache(A.dragCurrent.groups);}};var G=function(){if(A.dragCurrent){var dds=Roo.dd.ScrollManager;if(!dds.animate){if(D.el.scroll(D.dir,dds.increment)){F();}}else {D.el.scroll(D.dir,dds.increment,true,dds.animDuration,F);}}};var H=function(){if(D.id){clearInterval(D.id);}
+D.id=0;D.el=null;D.dir="";};var I=function(el,K){H();D.el=el;D.dir=K;D.id=setInterval(G,Roo.dd.ScrollManager.frequency);};var J=function(e,K){if(K||!A.dragCurrent){return;}var L=Roo.dd.ScrollManager;if(!C||C!=A.dragCurrent){C=A.dragCurrent;L.refreshCache();}var xy=Roo.lib.Event.getXY(e);var pt=new Roo.lib.Point(xy[0],xy[1]);for(var id in B){var el=B[id],r=el._region;if(r&&r.contains(pt)&&el.isScrollable()){if(r.bottom-pt.y<=L.thresh){if(D.el!=el){I(el,"down");}return;}else if(r.right-pt.x<=L.thresh){if(D.el!=el){I(el,"left");}return;}else if(pt.y-r.top<=L.thresh){if(D.el!=el){I(el,"up");}return;}else if(pt.x-r.left<=L.thresh){if(D.el!=el){I(el,"right");}return;}}}
+H();};A.fireEvents=A.fireEvents.createSequence(J,A);A.stopDrag=A.stopDrag.createSequence(E,A);return {register:function(el){if(el instanceof Array){for(var i=0,len=el.length;i<len;i++){this.register(el[i]);}}else {el=Roo.get(el);B[el.id]=el;}},unregister:function(el){if(el instanceof Array){for(var i=0,len=el.length;i<len;i++){this.unregister(el[i]);}}else {el=Roo.get(el);delete B[el.id];}},thresh:25,increment:100,frequency:500,animate:true,animDuration:.4,refreshCache:function(){for(var id in B){if(typeof B[id]=='object'){B[id]._region=B[id].getRegion();}}}};}();
+Roo.dd.Registry=function(){var A={};var B={};var C=0;var D=function(el,E){if(typeof el=="string"){return el;}var id=el.id;if(!id&&E!==false){id="roodd-"+(++C);el.id=id;}return id;};return {register:function(el,G){G=G||{};if(typeof el=="string"){el=document.getElementById(el);}
+G.ddel=el;A[D(el)]=G;if(G.isHandle!==false){B[G.ddel.id]=G;}if(G.handles){var hs=G.handles;for(var i=0,len=hs.length;i<len;i++){B[D(hs[i])]=G;}}},unregister:function(el){var id=D(el,false);var H=A[id];if(H){delete A[id];if(H.handles){var hs=H.handles;for(var i=0,len=hs.length;i<len;i++){delete B[D(hs[i],false)];}}}},getHandle:function(id){if(typeof id!="string"){id=id.id;}return B[id];},getHandleFromEvent:function(e){var t=Roo.lib.Event.getTarget(e);return t?B[t.id]:null;},getTarget:function(id){if(typeof id!="string"){id=id.id;}return A[id];},getTargetFromEvent:function(e){var t=Roo.lib.Event.getTarget(e);return t?A[t.id]||B[t.id]:null;}};}();
+Roo.dd.StatusProxy=function(A){Roo.apply(this,A);this.id=this.id||Roo.id();this.el=new Roo.Layer({dh:{id:this.id,tag:"div",cls:"x-dd-drag-proxy "+this.dropNotAllowed,children:[{tag:"div",cls:"x-dd-drop-icon"},{tag:"div",cls:"x-dd-drag-ghost"}]},shadow:!A||A.shadow!==false});this.ghost=Roo.get(this.el.dom.childNodes[1]);this.dropStatus=this.dropNotAllowed;};Roo.dd.StatusProxy.prototype={dropAllowed:"x-dd-drop-ok",dropNotAllowed:"x-dd-drop-nodrop",setStatus:function(B){B=B||this.dropNotAllowed;if(this.dropStatus!=B){this.el.replaceClass(this.dropStatus,B);this.dropStatus=B;}},reset:function(C){this.el.dom.className="x-dd-drag-proxy "+this.dropNotAllowed;this.dropStatus=this.dropNotAllowed;if(C){this.ghost.update("");}},update:function(D){if(typeof D=="string"){this.ghost.update(D);}else {this.ghost.update("");D.style.margin="0";this.ghost.dom.appendChild(D);}var el=this.ghost.dom.firstChild;if(el){Roo.fly(el).setStyle('float','none');}},getEl:function(){return this.el;},getGhost:function(){return this.ghost;},hide:function(E){this.el.hide();if(E){this.reset(true);}},stop:function(){if(this.anim&&this.anim.isAnimated&&this.anim.isAnimated()){this.anim.stop();}},show:function(){this.el.show();},sync:function(){this.el.sync();},repair:function(xy,F,G){this.callback=F;this.scope=G;if(xy&&this.animRepair!==false){this.el.addClass("x-dd-drag-repair");this.el.hideUnders(true);this.anim=this.el.shift({duration:this.repairDuration||.5,easing:'easeOut',xy:xy,stopFx:true,callback:this.afterRepair,scope:this});}else {this.afterRepair();}},afterRepair:function(){this.hide(true);if(typeof this.callback=="function"){this.callback.call(this.scope||this);}
+this.callback=null;this.scope=null;}};
+Roo.dd.DragSource=function(el,A){this.el=Roo.get(el);this.dragData={};Roo.apply(this,A);if(!this.proxy){this.proxy=new Roo.dd.StatusProxy();}
+Roo.dd.DragSource.superclass.constructor.call(this,this.el.dom,this.ddGroup||this.group,{dragElId:this.proxy.id,resizeFrame:false,isTarget:false,scroll:this.scroll===true});this.dragging=false;};Roo.extend(Roo.dd.DragSource,Roo.dd.DDProxy,{dropAllowed:"x-dd-drop-ok",dropNotAllowed:"x-dd-drop-nodrop",getDragData:function(e){return this.dragData;},onDragEnter:function(e,id){var B=Roo.dd.DragDropMgr.getDDById(id);this.cachedTarget=B;if(this.beforeDragEnter(B,e,id)!==false){if(B.isNotifyTarget){var status=B.notifyEnter(this,e,this.dragData);this.proxy.setStatus(status);}else {this.proxy.setStatus(this.dropAllowed);}if(this.afterDragEnter){this.afterDragEnter(B,e,id);}}},beforeDragEnter:function(C,e,id){return true;},alignElWithMouse:function(){Roo.dd.DragSource.superclass.alignElWithMouse.apply(this,arguments);this.proxy.sync();},onDragOver:function(e,id){var D=this.cachedTarget||Roo.dd.DragDropMgr.getDDById(id);if(this.beforeDragOver(D,e,id)!==false){if(D.isNotifyTarget){var status=D.notifyOver(this,e,this.dragData);this.proxy.setStatus(status);}if(this.afterDragOver){this.afterDragOver(D,e,id);}}},beforeDragOver:function(E,e,id){return true;},onDragOut:function(e,id){var F=this.cachedTarget||Roo.dd.DragDropMgr.getDDById(id);if(this.beforeDragOut(F,e,id)!==false){if(F.isNotifyTarget){F.notifyOut(this,e,this.dragData);}
+this.proxy.reset();if(this.afterDragOut){this.afterDragOut(F,e,id);}}
+this.cachedTarget=null;},beforeDragOut:function(G,e,id){return true;},onDragDrop:function(e,id){var H=this.cachedTarget||Roo.dd.DragDropMgr.getDDById(id);if(this.beforeDragDrop(H,e,id)!==false){if(H.isNotifyTarget){if(H.notifyDrop(this,e,this.dragData)){this.onValidDrop(H,e,id);}else {this.onInvalidDrop(H,e,id);}}else {this.onValidDrop(H,e,id);}if(this.afterDragDrop){this.afterDragDrop(H,e,id);}}delete this.cachedTarget;},beforeDragDrop:function(I,e,id){return true;},onValidDrop:function(J,e,id){this.hideProxy();if(this.afterValidDrop){this.afterValidDrop(J,e,id);}},getRepairXY:function(e,K){return this.el.getXY();},onInvalidDrop:function(L,e,id){this.beforeInvalidDrop(L,e,id);if(this.cachedTarget){if(this.cachedTarget.isNotifyTarget){this.cachedTarget.notifyOut(this,e,this.dragData);}
+this.cacheTarget=null;}
+this.proxy.repair(this.getRepairXY(e,this.dragData),this.afterRepair,this);if(this.afterInvalidDrop){this.afterInvalidDrop(e,id);}},afterRepair:function(){if(Roo.enableFx){this.el.highlight(this.hlColor||"c3daf9");}
+this.dragging=false;},beforeInvalidDrop:function(M,e,id){return true;},handleMouseDown:function(e){if(this.dragging){return;}var N=this.getDragData(e);if(N&&this.onBeforeDrag(N,e)!==false){this.dragData=N;this.proxy.stop();Roo.dd.DragSource.superclass.handleMouseDown.apply(this,arguments);}},onBeforeDrag:function(O,e){return true;},onStartDrag:Roo.emptyFn,startDrag:function(x,y){this.proxy.reset();this.dragging=true;this.proxy.update("");this.onInitDrag(x,y);this.proxy.show();},onInitDrag:function(x,y){var P=this.el.dom.cloneNode(true);P.id=Roo.id();this.proxy.update(P);this.onStartDrag(x,y);return true;},getProxy:function(){return this.proxy;},hideProxy:function(){this.proxy.hide();this.proxy.reset(true);this.dragging=false;},triggerCacheRefresh:function(){Roo.dd.DDM.refreshCache(this.groups);},b4EndDrag:function(e){},endDrag:function(e){this.onEndDrag(this.dragData,e);},onEndDrag:function(Q,e){},autoOffset:function(x,y){this.setDelta(-12,-20);}});
+Roo.dd.DropTarget=function(el,A){this.el=Roo.get(el);Roo.apply(this,A);if(this.containerScroll){Roo.dd.ScrollManager.register(this.el);}
+Roo.dd.DropTarget.superclass.constructor.call(this,this.el.dom,this.ddGroup||this.group,{isTarget:true});};Roo.extend(Roo.dd.DropTarget,Roo.dd.DDTarget,{dropAllowed:"x-dd-drop-ok",dropNotAllowed:"x-dd-drop-nodrop",isTarget:true,isNotifyTarget:true,notifyEnter:function(dd,e,B){if(this.overClass){this.el.addClass(this.overClass);}return this.dropAllowed;},notifyOver:function(dd,e,C){return this.dropAllowed;},notifyOut:function(dd,e,D){if(this.overClass){this.el.removeClass(this.overClass);}},notifyDrop:function(dd,e,E){return false;}});
+Roo.dd.DragZone=function(el,A){Roo.dd.DragZone.superclass.constructor.call(this,el,A);if(this.containerScroll){Roo.dd.ScrollManager.register(this.el);}};Roo.extend(Roo.dd.DragZone,Roo.dd.DragSource,{getDragData:function(e){return Roo.dd.Registry.getHandleFromEvent(e);},onInitDrag:function(x,y){this.proxy.update(this.dragData.ddel.cloneNode(true));this.onStartDrag(x,y);return true;},afterRepair:function(){if(Roo.enableFx){Roo.Element.fly(this.dragData.ddel).highlight(this.hlColor||"c3daf9");}
+this.dragging=false;},getRepairXY:function(e){return Roo.Element.fly(this.dragData.ddel).getXY();}});
+Roo.dd.DropZone=function(el,A){Roo.dd.DropZone.superclass.constructor.call(this,el,A);};Roo.extend(Roo.dd.DropZone,Roo.dd.DropTarget,{getTargetFromEvent:function(e){return Roo.dd.Registry.getTargetFromEvent(e);},onNodeEnter:function(n,dd,e,B){},onNodeOver:function(n,dd,e,C){return this.dropAllowed;},onNodeOut:function(n,dd,e,D){},onNodeDrop:function(n,dd,e,E){return false;},onContainerOver:function(dd,e,F){return this.dropNotAllowed;},onContainerDrop:function(dd,e,G){return false;},notifyEnter:function(dd,e,H){return this.dropNotAllowed;},notifyOver:function(dd,e,I){var n=this.getTargetFromEvent(e);if(!n){if(this.lastOverNode){this.onNodeOut(this.lastOverNode,dd,e,I);this.lastOverNode=null;}return this.onContainerOver(dd,e,I);}if(this.lastOverNode!=n){if(this.lastOverNode){this.onNodeOut(this.lastOverNode,dd,e,I);}
+this.onNodeEnter(n,dd,e,I);this.lastOverNode=n;}return this.onNodeOver(n,dd,e,I);},notifyOut:function(dd,e,J){if(this.lastOverNode){this.onNodeOut(this.lastOverNode,dd,e,J);this.lastOverNode=null;}},notifyDrop:function(dd,e,K){if(this.lastOverNode){this.onNodeOut(this.lastOverNode,dd,e,K);this.lastOverNode=null;}var n=this.getTargetFromEvent(e);return n?this.onNodeDrop(n,dd,e,K):this.onContainerDrop(dd,e,K);},triggerCacheRefresh:function(){Roo.dd.DDM.refreshCache(this.groups);}});
+Roo.data.SortTypes={none:function(s){return s;},stripTagsRE:/<\/?[^>]+>/gi,asText:function(s){return String(s).replace(this.stripTagsRE,"");},asUCText:function(s){return String(s).toUpperCase().replace(this.stripTagsRE,"");},asUCString:function(s){return String(s).toUpperCase();},asDate:function(s){if(!s){return 0;}if(s instanceof Date){return s.getTime();}return Date.parse(String(s));},asFloat:function(s){var A=parseFloat(String(s).replace(/,/g,""));if(isNaN(A))A=0;return A;},asInt:function(s){var B=parseInt(String(s).replace(/,/g,""));if(isNaN(B))B=0;return B;}};
+Roo.data.Record=function(A,id){this.id=(id||id===0)?id:++Roo.data.Record.AUTO_ID;this.data=A;};Roo.data.Record.create=function(o){var f=function(){f.superclass.constructor.apply(this,arguments);};Roo.extend(f,Roo.data.Record);var p=f.prototype;p.fields=new Roo.util.MixedCollection(false,function(B){return B.name;});for(var i=0,len=o.length;i<len;i++){p.fields.add(new Roo.data.Field(o[i]));}
+f.getField=function(B){return p.fields.get(B);};return f;};Roo.data.Record.AUTO_ID=1000;Roo.data.Record.EDIT='edit';Roo.data.Record.REJECT='reject';Roo.data.Record.COMMIT='commit';Roo.data.Record.prototype={dirty:false,editing:false,error:null,modified:null,join:function(B){this.store=B;},set:function(C,D){if(this.data[C]==D){return;}
+this.dirty=true;if(!this.modified){this.modified={};}if(typeof this.modified[C]=='undefined'){this.modified[C]=this.data[C];}
+this.data[C]=D;if(!this.editing){this.store.afterEdit(this);}},get:function(E){return this.data[E];},beginEdit:function(){this.editing=true;this.modified={};},cancelEdit:function(){this.editing=false;delete this.modified;},endEdit:function(){this.editing=false;if(this.dirty&&this.store){this.store.afterEdit(this);}},reject:function(){var m=this.modified;for(var n in m){if(typeof m[n]!="function"){this.data[n]=m[n];}}
+this.dirty=false;delete this.modified;this.editing=false;if(this.store){this.store.afterReject(this);}},commit:function(){this.dirty=false;delete this.modified;this.editing=false;if(this.store){this.store.afterCommit(this);}},hasError:function(){return this.error!=null;},clearError:function(){this.error=null;},copy:function(F){return new this.constructor(Roo.apply({},this.data),F||this.id);}};
+Roo.data.Store=function(A){this.data=new Roo.util.MixedCollection(false);this.data.getKey=function(o){return o.id;};this.baseParams={};this.paramNames={"start":"start","limit":"limit","sort":"sort","dir":"dir"};if(A&&A.data){this.inlineData=A.data;delete A.data;}
+Roo.apply(this,A);if(this.reader){this.reader=Roo.factory(this.reader,Roo.data);this.reader.xmodule=this.xmodule||false;if(!this.recordType){this.recordType=this.reader.recordType;}if(this.reader.onMetaChange){this.reader.onMetaChange=this.onMetaChange.createDelegate(this);}}if(this.recordType){this.fields=this.recordType.prototype.fields;}
+this.modified=[];this.addEvents({datachanged:true,metachange:true,add:true,remove:true,update:true,clear:true,beforeload:true,load:true,loadexception:true});if(this.proxy){this.proxy=Roo.factory(this.proxy,Roo.data);this.proxy.xmodule=this.xmodule||false;this.relayEvents(this.proxy,["loadexception"]);}
+this.sortToggle={};Roo.data.Store.superclass.constructor.call(this);if(this.inlineData){this.loadData(this.inlineData);delete this.inlineData;}};Roo.extend(Roo.data.Store,Roo.util.Observable,{remoteSort:false,pruneModifiedRecords:false,lastOptions:null,add:function(B){B=[].concat(B);for(var i=0,len=B.length;i<len;i++){B[i].join(this);}var C=this.data.length;this.data.addAll(B);this.fireEvent("add",this,B,C);},remove:function(D){var E=this.data.indexOf(D);this.data.removeAt(E);if(this.pruneModifiedRecords){this.modified.remove(D);}
+this.fireEvent("remove",this,D,E);},removeAll:function(){this.data.clear();if(this.pruneModifiedRecords){this.modified=[];}
+this.fireEvent("clear",this);},insert:function(F,G){G=[].concat(G);for(var i=0,len=G.length;i<len;i++){this.data.insert(F,G[i]);G[i].join(this);}
+this.fireEvent("add",this,G,F);},indexOf:function(H){return this.data.indexOf(H);},indexOfId:function(id){return this.data.indexOfKey(id);},getById:function(id){return this.data.key(id);},getAt:function(I){return this.data.itemAt(I);},getRange:function(J,K){return this.data.getRange(J,K);},storeOptions:function(o){o=Roo.apply({},o);delete o.callback;delete o.scope;this.lastOptions=o;},load:function(L){L=L||{};if(this.fireEvent("beforeload",this,L)!==false){this.storeOptions(L);var p=Roo.apply(L.params||{},this.baseParams);if(this.sortInfo&&this.remoteSort){var pn=this.paramNames;p[pn["sort"]]=this.sortInfo.field;p[pn["dir"]]=this.sortInfo.direction;}
+this.proxy.load(p,this.reader,this.loadRecords,this,L);}},reload:function(M){this.load(Roo.applyIf(M||{},this.lastOptions));},loadRecords:function(o,N,O){if(!o||O===false){if(O!==false){this.fireEvent("load",this,[],N);}if(N.callback){N.callback.call(N.scope||this,[],N,false);}return;}if(o.success===false){this.fireEvent("loadexception",this,o,N,this.reader.jsonData);return;}var r=o.records,t=o.totalRecords||r.length;if(!N||N.add!==true){if(this.pruneModifiedRecords){this.modified=[];}for(var i=0,len=r.length;i<len;i++){r[i].join(this);}if(this.snapshot){this.data=this.snapshot;delete this.snapshot;}
+this.data.clear();this.data.addAll(r);this.totalLength=t;this.applySort();this.fireEvent("datachanged",this);}else {this.totalLength=Math.max(t,this.data.length+r.length);this.add(r);}
+this.fireEvent("load",this,r,N);if(N.callback){N.callback.call(N.scope||this,r,N,true);}},loadData:function(o,P){var r=this.reader.readRecords(o);this.loadRecords(r,{add:P},true);},getCount:function(){return this.data.length||0;},getTotalCount:function(){return this.totalLength||0;},getSortState:function(){return this.sortInfo;},applySort:function(){if(this.sortInfo&&!this.remoteSort){var s=this.sortInfo,f=s.field;var st=this.fields.get(f).sortType;var fn=function(r1,r2){var v1=st(r1.data[f]),v2=st(r2.data[f]);return v1>v2?1:(v1<v2?-1:0);};this.data.sort(s.direction,fn);if(this.snapshot&&this.snapshot!=this.data){this.snapshot.sort(s.direction,fn);}}},setDefaultSort:function(Q,R){this.sortInfo={field:Q,direction:R?R.toUpperCase():"ASC"};},sort:function(S,T){var f=this.fields.get(S);if(!T){if(this.sortInfo&&this.sortInfo.field==f.name){T=(this.sortToggle[f.name]||"ASC").toggle("ASC","DESC");}else {T=f.sortDir;}}
+this.sortToggle[f.name]=T;this.sortInfo={field:f.name,direction:T};if(!this.remoteSort){this.applySort();this.fireEvent("datachanged",this);}else {this.load(this.lastOptions);}},each:function(fn,U){this.data.each(fn,U);},getModifiedRecords:function(){return this.modified;},createFilterFn:function(V,W,X){if(!W.exec){W=String(W);if(W.length==0){return false;}
+W=new RegExp((X===true?'':'^')+Roo.escapeRe(W),"i");}return function(r){return W.test(r.data[V]);};},sum:function(Y,Z,a){var rs=this.data.items,v=0;Z=Z||0;a=(a||a===0)?a:rs.length-1;for(var i=Z;i<=a;i++){v+=(rs[i].data[Y]||0);}return v;},filter:function(b,c,d){var fn=this.createFilterFn(b,c,d);return fn?this.filterBy(fn):this.clearFilter();},filterBy:function(fn,e){this.snapshot=this.snapshot||this.data;this.data=this.queryBy(fn,e||this);this.fireEvent("datachanged",this);},query:function(g,h,j){var fn=this.createFilterFn(g,h,j);return fn?this.queryBy(fn):this.data.clone();},queryBy:function(fn,k){var l=this.snapshot||this.data;return l.filterBy(fn,k||this);},collect:function(m,n,q){var d=(q===true&&this.snapshot)?this.snapshot.items:this.data.items;var v,sv,r=[],l={};for(var i=0,len=d.length;i<len;i++){v=d[i].data[m];sv=String(v);if((n||!Roo.isEmpty(v))&&!l[sv]){l[sv]=true;r[r.length]=v;}}return r;},clearFilter:function(u){if(this.snapshot&&this.snapshot!=this.data){this.data=this.snapshot;delete this.snapshot;if(u!==true){this.fireEvent("datachanged",this);}}},afterEdit:function(w){if(this.modified.indexOf(w)==-1){this.modified.push(w);}
+this.fireEvent("update",this,w,Roo.data.Record.EDIT);},afterReject:function(x){this.modified.remove(x);this.fireEvent("update",this,x,Roo.data.Record.REJECT);},afterCommit:function(y){this.modified.remove(y);this.fireEvent("update",this,y,Roo.data.Record.COMMIT);},commitChanges:function(){var m=this.modified.slice(0);this.modified=[];for(var i=0,len=m.length;i<len;i++){m[i].commit();}},rejectChanges:function(){var m=this.modified.slice(0);this.modified=[];for(var i=0,len=m.length;i<len;i++){m[i].reject();}},onMetaChange:function(z,AA,o){this.recordType=AA;this.fields=AA.prototype.fields;delete this.snapshot;this.sortInfo=z.sortInfo;this.modified=[];this.fireEvent('metachange',this,this.reader.meta);}});
+Roo.data.SimpleStore=function(A){Roo.data.SimpleStore.superclass.constructor.call(this,{isLocal:true,reader:new Roo.data.ArrayReader({id:A.id},Roo.data.Record.create(A.fields)),proxy:new Roo.data.MemoryProxy(A.data)});this.load();};Roo.extend(Roo.data.SimpleStore,Roo.data.Store);
+Roo.data.JsonStore=function(c){Roo.data.JsonStore.superclass.constructor.call(this,Roo.apply(c,{proxy:!c.data?new Roo.data.HttpProxy({url:c.url}):undefined,reader:new Roo.data.JsonReader(c,c.fields)}));};Roo.extend(Roo.data.JsonStore,Roo.data.Store);
+Roo.data.Field=function(A){if(typeof A=="string"){A={name:A};}
+Roo.apply(this,A);if(!this.type){this.type="auto";}var st=Roo.data.SortTypes;if(typeof this.sortType=="string"){this.sortType=st[this.sortType];}if(!this.sortType){switch(this.type){case "string":this.sortType=st.asUCString;break;case "date":this.sortType=st.asDate;break;default:this.sortType=st.none;}}var B=/[\$,%]/g;if(!this.convert){var cv,dateFormat=this.dateFormat;switch(this.type){case "":case "auto":case undefined:cv=function(v){return v;};break;case "string":cv=function(v){return (v===undefined||v===null)?'':String(v);};break;case "int":cv=function(v){return v!==undefined&&v!==null&&v!==''?parseInt(String(v).replace(B,""),10):'';};break;case "float":cv=function(v){return v!==undefined&&v!==null&&v!==''?parseFloat(String(v).replace(B,""),10):'';};break;case "bool":case "boolean":cv=function(v){return v===true||v==="true"||v==1;};break;case "date":cv=function(v){if(!v){return '';}if(v instanceof Date){return v;}if(dateFormat){if(dateFormat=="timestamp"){return new Date(v*1000);}return Date.parseDate(v,dateFormat);}var C=Date.parse(v);return C?new Date(C):null;};break;}
+this.convert=cv;}};Roo.data.Field.prototype={dateFormat:null,defaultValue:"",mapping:null,sortType:null,sortDir:"ASC"};
+Roo.data.DataReader=function(A,B){this.meta=A;this.recordType=B instanceof Array?Roo.data.Record.create(B):B;};Roo.data.DataReader.prototype={newRow:function(d){var da={};this.recordType.prototype.fields.each(function(c){switch(c.type){case 'int':da[c.name]=0;break;case 'date':da[c.name]=new Date();break;case 'float':da[c.name]=0.0;break;case 'boolean':da[c.name]=false;break;default:da[c.name]="";break;}});return new this.recordType(Roo.apply(da,d));}};
+Roo.data.DataProxy=function(){this.addEvents({beforeload:true,load:true,loadexception:true});Roo.data.DataProxy.superclass.constructor.call(this);};Roo.extend(Roo.data.DataProxy,Roo.util.Observable);
+Roo.data.MemoryProxy=function(A){if(A.data){A=A.data;}
+Roo.data.MemoryProxy.superclass.constructor.call(this);this.data=A;};Roo.extend(Roo.data.MemoryProxy,Roo.data.DataProxy,{load:function(B,C,D,E,F){B=B||{};var G;try{G=C.readRecords(this.data);}catch(e){this.fireEvent("loadexception",this,arg,null,e);callback.call(scope,null,arg,false);return;}
+D.call(E,G,F,true);},update:function(H,I){}});
+Roo.data.HttpProxy=function(A){Roo.data.HttpProxy.superclass.constructor.call(this);this.conn=A;this.useAjax=!A||!A.events;};Roo.extend(Roo.data.HttpProxy,Roo.data.DataProxy,{getConnection:function(){return this.useAjax?Roo.Ajax:this.conn;},load:function(B,C,D,E,F){if(this.fireEvent("beforeload",this,B)!==false){var o={params:B||{},request:{callback:D,scope:E,arg:F},reader:C,callback:this.loadResponse,scope:this};if(this.useAjax){Roo.applyIf(o,this.conn);if(this.activeRequest){Roo.Ajax.abort(this.activeRequest);}
+this.activeRequest=Roo.Ajax.request(o);}else {this.conn.request(o);}}else {D.call(E||this,null,F,false);}},loadResponse:function(o,G,H){delete this.activeRequest;if(!G){this.fireEvent("loadexception",this,o,H);o.request.callback.call(o.request.scope,null,o.request.arg,false);return;}var I;try{I=o.reader.read(H);}catch(e){this.fireEvent("loadexception",this,o,response,e);o.request.callback.call(o.request.scope,null,o.request.arg,false);return;}
+this.fireEvent("load",this,o,o.request.arg);o.request.callback.call(o.request.scope,I,o.request.arg,true);},update:function(J){},updateResponse:function(K){}});
+Roo.data.ScriptTagProxy=function(A){Roo.data.ScriptTagProxy.superclass.constructor.call(this);Roo.apply(this,A);this.head=document.getElementsByTagName("head")[0];};Roo.data.ScriptTagProxy.TRANS_ID=1000;Roo.extend(Roo.data.ScriptTagProxy,Roo.data.DataProxy,{timeout:30000,callbackParam:"callback",nocache:true,load:function(B,C,D,E,F){if(this.fireEvent("beforeload",this,B)!==false){var p=Roo.urlEncode(Roo.apply(B,this.extraParams));var url=this.url;url+=(url.indexOf("?")!=-1?"&":"?")+p;if(this.nocache){url+="&_dc="+(new Date().getTime());}var transId=++Roo.data.ScriptTagProxy.TRANS_ID;var trans={id:transId,cb:"stcCallback"+transId,scriptId:"stcScript"+transId,params:B,arg:F,url:url,callback:D,scope:E,reader:C};var conn=this;window[trans.cb]=function(o){conn.handleResponse(o,trans);};url+=String.format("&{0}={1}",this.callbackParam,trans.cb);if(this.autoAbort!==false){this.abort();}
+trans.timeoutId=this.handleFailure.defer(this.timeout,this,[trans]);var script=document.createElement("script");script.setAttribute("src",url);script.setAttribute("type","text/javascript");script.setAttribute("id",trans.scriptId);this.head.appendChild(script);this.trans=trans;}else {D.call(E||this,null,F,false);}},isLoading:function(){return this.trans?true:false;},abort:function(){if(this.isLoading()){this.destroyTrans(this.trans);}},destroyTrans:function(G,H){this.head.removeChild(document.getElementById(G.scriptId));clearTimeout(G.timeoutId);if(H){window[G.cb]=undefined;try{delete window[G.cb];}catch(e){}}else {window[G.cb]=function(){window[G.cb]=undefined;try{delete window[G.cb];}catch(e){}};}},handleResponse:function(o,I){this.trans=false;this.destroyTrans(I,true);var J;try{J=I.reader.readRecords(o);}catch(e){this.fireEvent("loadexception",this,o,trans.arg,e);trans.callback.call(trans.scope||window,null,trans.arg,false);return;}
+this.fireEvent("load",this,o,I.arg);I.callback.call(I.scope||window,J,I.arg,true);},handleFailure:function(K){this.trans=false;this.destroyTrans(K,false);this.fireEvent("loadexception",this,null,K.arg);K.callback.call(K.scope||window,null,K.arg,false);}});
+Roo.data.JsonReader=function(meta,recordType){meta=meta||{};Roo.applyIf(meta,{totalProperty:'total',successProperty:'success',root:'data',id:'id'});Roo.data.JsonReader.superclass.constructor.call(this,meta,recordType||meta.fields);};Roo.extend(Roo.data.JsonReader,Roo.data.DataReader,{read:function(response){var json=response.responseText;var o=eval("("+json+")");if(!o){throw {message:"JsonReader.read: Json object not found"};}if(o.metaData){delete this.ef;this.meta=o.metaData;this.recordType=Roo.data.Record.create(o.metaData.fields);this.onMetaChange(this.meta,this.recordType,o);}return this.readRecords(o);},onMetaChange:function(meta,recordType,o){},simpleAccess:function(obj,subsc){return obj[subsc];},getJsonAccessor:function(){var re=/[\[\.]/;return function(expr){try{return (re.test(expr))?new Function("obj","return obj."+expr):function(obj){return obj[expr];};}catch(e){}return Roo.emptyFn;};}(),readRecords:function(o){this.jsonData=o;var s=this.meta,Record=this.recordType,f=Record.prototype.fields,fi=f.items,fl=f.length;if(!this.ef){if(s.totalProperty){this.getTotal=this.getJsonAccessor(s.totalProperty);}if(s.successProperty){this.getSuccess=this.getJsonAccessor(s.successProperty);}
+this.getRoot=s.root?this.getJsonAccessor(s.root):function(p){return p;};if(s.id){var g=this.getJsonAccessor(s.id);this.getId=function(rec){var r=g(rec);return (r===undefined||r==="")?null:r;};}else {this.getId=function(){return null;};}
+this.ef=[];for(var i=0;i<fl;i++){f=fi[i];var map=(f.mapping!==undefined&&f.mapping!==null)?f.mapping:f.name;this.ef[i]=this.getJsonAccessor(map);}}var root=this.getRoot(o),c=root.length,totalRecords=c,success=true;if(s.totalProperty){var v=parseInt(this.getTotal(o),10);if(!isNaN(v)){totalRecords=v;}}if(s.successProperty){var v=this.getSuccess(o);if(v===false||v==='false'){success=false;}}var records=[];for(var i=0;i<c;i++){var n=root[i];var values={};var id=this.getId(n);for(var j=0;j<fl;j++){f=fi[j];var v=this.ef[j](n);values[f.name]=f.convert((v!==undefined)?v:f.defaultValue);}var record=new Record(values,id);record.json=n;records[i]=record;}return {success:success,records:records,totalRecords:totalRecords};}});
+Roo.data.XmlReader=function(A,B){A=A||{};Roo.data.XmlReader.superclass.constructor.call(this,A,B||A.fields);};Roo.extend(Roo.data.XmlReader,Roo.data.DataReader,{read:function(C){var D=C.responseXML;if(!D){throw {message:"XmlReader.read: XML Document not available"};}return this.readRecords(D);},readRecords:function(E){this.xmlData=E;var F=E.documentElement||E;var q=Roo.DomQuery;var G=this.recordType,H=G.prototype.fields;var I=this.meta.id;var J=0,K=true;if(this.meta.totalRecords){J=q.selectNumber(this.meta.totalRecords,F,0);}if(this.meta.success){var sv=q.selectValue(this.meta.success,F,true);K=sv!==false&&sv!=='false';}var L=[];var ns=q.select(this.meta.record,F);for(var i=0,len=ns.length;i<len;i++){var n=ns[i];var values={};var id=I?q.selectValue(I,n):undefined;for(var j=0,jlen=H.length;j<jlen;j++){var f=H.items[j];var v=q.selectValue(f.mapping||f.name,n,f.defaultValue);v=f.convert(v);values[f.name]=v;}var record=new G(values,id);record.node=n;L[L.length]=record;}return {success:K,records:L,totalRecords:J||L.length};}});
+Roo.data.ArrayReader=function(A,B){Roo.data.ArrayReader.superclass.constructor.call(this,A,B);};Roo.extend(Roo.data.ArrayReader,Roo.data.JsonReader,{readRecords:function(o){var C=this.meta?this.meta.id:null;var D=this.recordType,E=D.prototype.fields;var F=[];var G=o;for(var i=0;i<G.length;i++){var n=G[i];var values={};var id=((C||C===0)&&n[C]!==undefined&&n[C]!==""?n[C]:null);for(var j=0,jlen=E.length;j<jlen;j++){var f=E.items[j];var k=f.mapping!==undefined&&f.mapping!==null?f.mapping:j;var v=n[k]!==undefined?n[k]:f.defaultValue;v=f.convert(v);values[f.name]=v;}var record=new D(values,id);record.json=n;F[F.length]=record;}return {records:F,totalRecords:F.length};}});
+Roo.data.Tree=function(A){this.nodeHash={};this.root=null;if(A){this.setRootNode(A);}
+this.addEvents({"append":true,"remove":true,"move":true,"insert":true,"beforeappend":true,"beforeremove":true,"beforemove":true,"beforeinsert":true});Roo.data.Tree.superclass.constructor.call(this);};Roo.extend(Roo.data.Tree,Roo.util.Observable,{pathSeparator:"/",proxyNodeEvent:function(){return this.fireEvent.apply(this,arguments);},getRootNode:function(){return this.root;},setRootNode:function(B){this.root=B;B.ownerTree=this;B.isRoot=true;this.registerNode(B);return B;},getNodeById:function(id){return this.nodeHash[id];},registerNode:function(C){this.nodeHash[C.id]=C;},unregisterNode:function(D){delete this.nodeHash[D.id];},toString:function(){return "[Tree"+(this.id?" "+this.id:"")+"]";}});Roo.data.Node=function(E){this.attributes=E||{};this.leaf=this.attributes.leaf;this.id=this.attributes.id;if(!this.id){this.id=Roo.id(null,"ynode-");this.attributes.id=this.id;}
+this.childNodes=[];if(!this.childNodes.indexOf){this.childNodes.indexOf=function(o){for(var i=0,len=this.length;i<len;i++){if(this[i]==o)return i;}return -1;};}
+this.parentNode=null;this.firstChild=null;this.lastChild=null;this.previousSibling=null;this.nextSibling=null;this.addEvents({"append":true,"remove":true,"move":true,"insert":true,"beforeappend":true,"beforeremove":true,"beforemove":true,"beforeinsert":true});this.listeners=this.attributes.listeners;Roo.data.Node.superclass.constructor.call(this);};Roo.extend(Roo.data.Node,Roo.util.Observable,{fireEvent:function(F){if(Roo.data.Node.superclass.fireEvent.apply(this,arguments)===false){return false;}var ot=this.getOwnerTree();if(ot){if(ot.proxyNodeEvent.apply(ot,arguments)===false){return false;}}return true;},isLeaf:function(){return this.leaf===true;},setFirstChild:function(G){this.firstChild=G;},setLastChild:function(H){this.lastChild=H;},isLast:function(){return (!this.parentNode?true:this.parentNode.lastChild==this);},isFirst:function(){return (!this.parentNode?true:this.parentNode.firstChild==this);},hasChildNodes:function(){return !this.isLeaf()&&this.childNodes.length>0;},appendChild:function(I){var J=false;if(I instanceof Array){J=I;}else if(arguments.length>1){J=arguments;}if(J){for(var i=0,len=J.length;i<len;i++){this.appendChild(J[i]);}}else {if(this.fireEvent("beforeappend",this.ownerTree,this,I)===false){return false;}var index=this.childNodes.length;var oldParent=I.parentNode;if(oldParent){if(I.fireEvent("beforemove",I.getOwnerTree(),I,oldParent,this,index)===false){return false;}
+oldParent.removeChild(I);}
+index=this.childNodes.length;if(index==0){this.setFirstChild(I);}
+this.childNodes.push(I);I.parentNode=this;var ps=this.childNodes[index-1];if(ps){I.previousSibling=ps;ps.nextSibling=I;}else {I.previousSibling=null;}
+I.nextSibling=null;this.setLastChild(I);I.setOwnerTree(this.getOwnerTree());this.fireEvent("append",this.ownerTree,this,I,index);if(oldParent){I.fireEvent("move",this.ownerTree,I,oldParent,this,index);}return I;}},removeChild:function(K){var L=this.childNodes.indexOf(K);if(L==-1){return false;}if(this.fireEvent("beforeremove",this.ownerTree,this,K)===false){return false;}
+this.childNodes.splice(L,1);if(K.previousSibling){K.previousSibling.nextSibling=K.nextSibling;}if(K.nextSibling){K.nextSibling.previousSibling=K.previousSibling;}if(this.firstChild==K){this.setFirstChild(K.nextSibling);}if(this.lastChild==K){this.setLastChild(K.previousSibling);}
+K.setOwnerTree(null);K.parentNode=null;K.previousSibling=null;K.nextSibling=null;this.fireEvent("remove",this.ownerTree,this,K);return K;},insertBefore:function(M,N){if(!N){return this.appendChild(M);}if(M==N){return false;}if(this.fireEvent("beforeinsert",this.ownerTree,this,M,N)===false){return false;}var O=this.childNodes.indexOf(N);var P=M.parentNode;var Q=O;if(P==this&&this.childNodes.indexOf(M)<O){Q--;}if(P){if(M.fireEvent("beforemove",M.getOwnerTree(),M,P,this,O,N)===false){return false;}
+P.removeChild(M);}if(Q==0){this.setFirstChild(M);}
+this.childNodes.splice(Q,0,M);M.parentNode=this;var ps=this.childNodes[Q-1];if(ps){M.previousSibling=ps;ps.nextSibling=M;}else {M.previousSibling=null;}
+M.nextSibling=N;N.previousSibling=M;M.setOwnerTree(this.getOwnerTree());this.fireEvent("insert",this.ownerTree,this,M,N);if(P){M.fireEvent("move",this.ownerTree,M,P,this,Q,N);}return M;},item:function(R){return this.childNodes[R];},replaceChild:function(S,T){this.insertBefore(S,T);this.removeChild(T);return T;},indexOf:function(U){return this.childNodes.indexOf(U);},getOwnerTree:function(){if(!this.ownerTree){var p=this;while(p){if(p.ownerTree){this.ownerTree=p.ownerTree;break;}
+p=p.parentNode;}}return this.ownerTree;},getDepth:function(){var V=0;var p=this;while(p.parentNode){++V;p=p.parentNode;}return V;},setOwnerTree:function(W){if(W!=this.ownerTree){if(this.ownerTree){this.ownerTree.unregisterNode(this);}
+this.ownerTree=W;var cs=this.childNodes;for(var i=0,len=cs.length;i<len;i++){cs[i].setOwnerTree(W);}if(W){W.registerNode(this);}}},getPath:function(X){X=X||"id";var p=this.parentNode;var b=[this.attributes[X]];while(p){b.unshift(p.attributes[X]);p=p.parentNode;}var Y=this.getOwnerTree().pathSeparator;return Y+b.join(Y);},bubble:function(fn,Z,a){var p=this;while(p){if(fn.call(Z||p,a||p)===false){break;}
+p=p.parentNode;}},cascade:function(fn,c,d){if(fn.call(c||this,d||this)!==false){var cs=this.childNodes;for(var i=0,len=cs.length;i<len;i++){cs[i].cascade(fn,c,d);}}},eachChild:function(fn,e,f){var cs=this.childNodes;for(var i=0,len=cs.length;i<len;i++){if(fn.call(e||this,f||cs[i])===false){break;}}},findChild:function(g,h){var cs=this.childNodes;for(var i=0,len=cs.length;i<len;i++){if(cs[i].attributes[g]==h){return cs[i];}}return null;},findChildBy:function(fn,j){var cs=this.childNodes;for(var i=0,len=cs.length;i<len;i++){if(fn.call(j||cs[i],cs[i])===true){return cs[i];}}return null;},sort:function(fn,k){var cs=this.childNodes;var l=cs.length;if(l>0){var sortFn=k?function(){fn.apply(k,arguments);}:fn;cs.sort(sortFn);for(var i=0;i<l;i++){var n=cs[i];n.previousSibling=cs[i-1];n.nextSibling=cs[i+1];if(i==0){this.setFirstChild(n);}if(i==l-1){this.setLastChild(n);}}}},contains:function(m){return m.isAncestor(this);},isAncestor:function(o){var p=this.parentNode;while(p){if(p==o){return true;}
+p=p.parentNode;}return false;},toString:function(){return "[Node"+(this.id?" "+this.id:"")+"]";}});
+Roo.ComponentMgr=function(){var A=new Roo.util.MixedCollection();return {register:function(c){A.add(c);},unregister:function(c){A.remove(c);},get:function(id){return A.get(id);},onAvailable:function(id,fn,C){A.on("add",function(D,o){if(o.id==id){fn.call(C||o,o);A.un("add",fn,C);}});}};}();
+Roo.Component=function(A){A=A||{};if(A.tagName||A.dom||typeof A=="string"){A={el:A,id:A.id||A};}
+this.initialConfig=A;Roo.apply(this,A);this.addEvents({disable:true,enable:true,beforeshow:true,show:true,beforehide:true,hide:true,beforerender:true,render:true,beforedestroy:true,destroy:true});if(!this.id){this.id="ext-comp-"+(++Roo.Component.AUTO_ID);}
+Roo.ComponentMgr.register(this);Roo.Component.superclass.constructor.call(this);this.initComponent();if(this.renderTo){this.render(this.renderTo);delete this.renderTo;}};Roo.Component.AUTO_ID=1000;Roo.extend(Roo.Component,Roo.util.Observable,{hidden:false,disabled:false,rendered:false,disabledClass:"x-item-disabled",allowDomMove:true,hideMode:'display',ctype:"Roo.Component",actionMode:"el",getActionEl:function(){return this[this.actionMode];},initComponent:Roo.emptyFn,render:function(B,C){if(!this.rendered&&this.fireEvent("beforerender",this)!==false){if(!B&&this.el){this.el=Roo.get(this.el);B=this.el.dom.parentNode;this.allowDomMove=false;}
+this.container=Roo.get(B);this.rendered=true;if(C!==undefined){if(typeof C=='number'){C=this.container.dom.childNodes[C];}else {C=Roo.getDom(C);}}
+this.onRender(this.container,C||null);if(this.cls){this.el.addClass(this.cls);delete this.cls;}if(this.style){this.el.applyStyles(this.style);delete this.style;}
+this.fireEvent("render",this);this.afterRender(this.container);if(this.hidden){this.hide();}if(this.disabled){this.disable();}}return this;},onRender:function(ct,D){if(this.el){this.el=Roo.get(this.el);if(this.allowDomMove!==false){ct.dom.insertBefore(this.el.dom,D);}}},getAutoCreate:function(){var E=typeof this.autoCreate=="object"?this.autoCreate:Roo.apply({},this.defaultAutoCreate);if(this.id&&!E.id){E.id=this.id;}return E;},afterRender:Roo.emptyFn,destroy:function(){if(this.fireEvent("beforedestroy",this)!==false){this.purgeListeners();this.beforeDestroy();if(this.rendered){this.el.removeAllListeners();this.el.remove();if(this.actionMode=="container"){this.container.remove();}}
+this.onDestroy();Roo.ComponentMgr.unregister(this);this.fireEvent("destroy",this);}},beforeDestroy:function(){},onDestroy:function(){},getEl:function(){return this.el;},getId:function(){return this.id;},focus:function(F){if(this.rendered){this.el.focus();if(F===true){this.el.dom.select();}}return this;},blur:function(){if(this.rendered){this.el.blur();}return this;},disable:function(){if(this.rendered){this.onDisable();}
+this.disabled=true;this.fireEvent("disable",this);return this;},onDisable:function(){this.getActionEl().addClass(this.disabledClass);this.el.dom.disabled=true;},enable:function(){if(this.rendered){this.onEnable();}
+this.disabled=false;this.fireEvent("enable",this);return this;},onEnable:function(){this.getActionEl().removeClass(this.disabledClass);this.el.dom.disabled=false;},setDisabled:function(G){this[G?"disable":"enable"]();},show:function(){if(this.fireEvent("beforeshow",this)!==false){this.hidden=false;if(this.rendered){this.onShow();}
+this.fireEvent("show",this);}return this;},onShow:function(){var ae=this.getActionEl();if(this.hideMode=='visibility'){ae.dom.style.visibility="visible";}else if(this.hideMode=='offsets'){ae.removeClass('x-hidden');}else {ae.dom.style.display="";}},hide:function(){if(this.fireEvent("beforehide",this)!==false){this.hidden=true;if(this.rendered){this.onHide();}
+this.fireEvent("hide",this);}return this;},onHide:function(){var ae=this.getActionEl();if(this.hideMode=='visibility'){ae.dom.style.visibility="hidden";}else if(this.hideMode=='offsets'){ae.addClass('x-hidden');}else {ae.dom.style.display="none";}},setVisible:function(H){if(H){this.show();}else {this.hide();}return this;},isVisible:function(){return this.getActionEl().isVisible();},cloneConfig:function(I){I=I||{};var id=I.id||Roo.id();var J=Roo.applyIf(I,this.initialConfig);J.id=id;return new this.constructor(J);}});
+(function(){Roo.Layer=function(C,D){C=C||{};var dh=Roo.DomHelper;var cp=C.parentEl,E=cp?Roo.getDom(cp):document.body;if(D){this.dom=Roo.getDom(D);}if(!this.dom){var o=C.dh||{tag:"div",cls:"x-layer"};this.dom=dh.append(E,o);}if(C.cls){this.addClass(C.cls);}
+this.constrain=C.constrain!==false;this.visibilityMode=Roo.Element.VISIBILITY;if(C.id){this.id=this.dom.id=C.id;}else {this.id=Roo.id(this.dom);}
+this.zindex=C.zindex||this.getZIndex();this.position("absolute",this.zindex);if(C.shadow){this.shadowOffset=C.shadowOffset||4;this.shadow=new Roo.Shadow({offset:this.shadowOffset,mode:C.shadow});}else {this.shadowOffset=0;}
+this.useShim=C.shim!==false&&Roo.useShims;this.useDisplay=C.useDisplay;this.hide();};var A=Roo.Element.prototype;var B=[];Roo.extend(Roo.Layer,Roo.Element,{getZIndex:function(){return this.zindex||parseInt(this.getStyle("z-index"),10)||11000;},getShim:function(){if(!this.useShim){return null;}if(this.shim){return this.shim;}var C=B.shift();if(!C){C=this.createShim();C.enableDisplayMode('block');C.dom.style.display='none';C.dom.style.visibility='visible';}var pn=this.dom.parentNode;if(C.dom.parentNode!=pn){pn.insertBefore(C.dom,this.dom);}
+C.setStyle('z-index',this.getZIndex()-2);this.shim=C;return C;},hideShim:function(){if(this.shim){this.shim.setDisplayed(false);B.push(this.shim);delete this.shim;}},disableShadow:function(){if(this.shadow){this.shadowDisabled=true;this.shadow.hide();this.lastShadowOffset=this.shadowOffset;this.shadowOffset=0;}},enableShadow:function(D){if(this.shadow){this.shadowDisabled=false;this.shadowOffset=this.lastShadowOffset;delete this.lastShadowOffset;if(D){this.sync(true);}}},sync:function(E){var sw=this.shadow;if(!this.updating&&this.isVisible()&&(sw||this.useShim)){var sh=this.getShim();var w=this.getWidth(),h=this.getHeight();var l=this.getLeft(true),t=this.getTop(true);if(sw&&!this.shadowDisabled){if(E&&!sw.isVisible()){sw.show(this);}else {sw.realign(l,t,w,h);}if(sh){if(E){sh.show();}var a=sw.adjusts,s=sh.dom.style;s.left=(Math.min(l,l+a.l))+"px";s.top=(Math.min(t,t+a.t))+"px";s.width=(w+a.w)+"px";s.height=(h+a.h)+"px";}}else if(sh){if(E){sh.show();}
+sh.setSize(w,h);sh.setLeftTop(l,t);}}},destroy:function(){this.hideShim();if(this.shadow){this.shadow.hide();}
+this.removeAllListeners();var pn=this.dom.parentNode;if(pn){pn.removeChild(this.dom);}
+Roo.Element.uncache(this.id);},remove:function(){this.destroy();},beginUpdate:function(){this.updating=true;},endUpdate:function(){this.updating=false;this.sync(true);},hideUnders:function(F){if(this.shadow){this.shadow.hide();}
+this.hideShim();},constrainXY:function(){if(this.constrain){var vw=Roo.lib.Dom.getViewWidth(),vh=Roo.lib.Dom.getViewHeight();var s=Roo.get(document).getScroll();var xy=this.getXY();var x=xy[0],y=xy[1];var w=this.dom.offsetWidth+this.shadowOffset,h=this.dom.offsetHeight+this.shadowOffset;var moved=false;if((x+w)>vw+s.left){x=vw-w-this.shadowOffset;moved=true;}if((y+h)>vh+s.top){y=vh-h-this.shadowOffset;moved=true;}if(x<s.left){x=s.left;moved=true;}if(y<s.top){y=s.top;moved=true;}if(moved){if(this.avoidY){var ay=this.avoidY;if(y<=ay&&(y+h)>=ay){y=ay-h-5;}}
+xy=[x,y];this.storeXY(xy);A.setXY.call(this,xy);this.sync();}}},isVisible:function(){return this.visible;},showAction:function(){this.visible=true;if(this.useDisplay===true){this.setDisplayed("");}else if(this.lastXY){A.setXY.call(this,this.lastXY);}else if(this.lastLT){A.setLeftTop.call(this,this.lastLT[0],this.lastLT[1]);}},hideAction:function(){this.visible=false;if(this.useDisplay===true){this.setDisplayed(false);}else {this.setLeftTop(-10000,-10000);}},setVisible:function(v,a,d,c,e){if(v){this.showAction();}if(a&&v){var cb=function(){this.sync(true);if(c){c();}}.createDelegate(this);A.setVisible.call(this,true,true,d,cb,e);}else {if(!v){this.hideUnders(true);}var cb=c;if(a){cb=function(){this.hideAction();if(c){c();}}.createDelegate(this);}
+A.setVisible.call(this,v,a,d,cb,e);if(v){this.sync(true);}else if(!a){this.hideAction();}}},storeXY:function(xy){delete this.lastLT;this.lastXY=xy;},storeLeftTop:function(G,H){delete this.lastXY;this.lastLT=[G,H];},beforeFx:function(){this.beforeAction();return Roo.Layer.superclass.beforeFx.apply(this,arguments);},afterFx:function(){Roo.Layer.superclass.afterFx.apply(this,arguments);this.sync(this.isVisible());},beforeAction:function(){if(!this.updating&&this.shadow){this.shadow.hide();}},setLeft:function(I){this.storeLeftTop(I,this.getTop(true));A.setLeft.apply(this,arguments);this.sync();},setTop:function(J){this.storeLeftTop(this.getLeft(true),J);A.setTop.apply(this,arguments);this.sync();},setLeftTop:function(K,L){this.storeLeftTop(K,L);A.setLeftTop.apply(this,arguments);this.sync();},setXY:function(xy,a,d,c,e){this.fixDisplay();this.beforeAction();this.storeXY(xy);var cb=this.createCB(c);A.setXY.call(this,xy,a,d,cb,e);if(!a){cb();}},createCB:function(c){var el=this;return function(){el.constrainXY();el.sync(true);if(c){c();}};},setX:function(x,a,d,c,e){this.setXY([x,this.getY()],a,d,c,e);},setY:function(y,a,d,c,e){this.setXY([this.getX(),y],a,d,c,e);},setSize:function(w,h,a,d,c,e){this.beforeAction();var cb=this.createCB(c);A.setSize.call(this,w,h,a,d,cb,e);if(!a){cb();}},setWidth:function(w,a,d,c,e){this.beforeAction();var cb=this.createCB(c);A.setWidth.call(this,w,a,d,cb,e);if(!a){cb();}},setHeight:function(h,a,d,c,e){this.beforeAction();var cb=this.createCB(c);A.setHeight.call(this,h,a,d,cb,e);if(!a){cb();}},setBounds:function(x,y,w,h,a,d,c,e){this.beforeAction();var cb=this.createCB(c);if(!a){this.storeXY([x,y]);A.setXY.call(this,[x,y]);A.setSize.call(this,w,h,a,d,cb,e);cb();}else {A.setBounds.call(this,x,y,w,h,a,d,cb,e);}return this;},setZIndex:function(M){this.zindex=M;this.setStyle("z-index",M+2);if(this.shadow){this.shadow.setZIndex(M+1);}if(this.shim){this.shim.setStyle("z-index",M);}}});})();
+Roo.Shadow=function(A){Roo.apply(this,A);if(typeof this.mode!="string"){this.mode=this.defaultMode;}var o=this.offset,a={h:0};var B=Math.floor(this.offset/2);switch(this.mode.toLowerCase()){case "drop":a.w=0;a.l=a.t=o;a.t-=1;if(Roo.isIE){a.l-=this.offset+B;a.t-=this.offset+B;a.w-=B;a.h-=B;a.t+=1;}break;case "sides":a.w=(o*2);a.l=-o;a.t=o-1;if(Roo.isIE){a.l-=(this.offset-B);a.t-=this.offset+B;a.l+=1;a.w-=(this.offset-B)*2;a.w-=B+1;a.h-=1;}break;case "frame":a.w=a.h=(o*2);a.l=a.t=-o;a.t+=1;a.h-=2;if(Roo.isIE){a.l-=(this.offset-B);a.t-=(this.offset-B);a.l+=1;a.w-=(this.offset+B+1);a.h-=(this.offset+B);a.h+=1;}break;};this.adjusts=a;};Roo.Shadow.prototype={offset:4,defaultMode:"drop",show:function(C){C=Roo.get(C);if(!this.el){this.el=Roo.Shadow.Pool.pull();if(this.el.dom.nextSibling!=C.dom){this.el.insertBefore(C);}}
+this.el.setStyle("z-index",this.zIndex||parseInt(C.getStyle("z-index"),10)-1);if(Roo.isIE){this.el.dom.style.filter="progid:DXImageTransform.Microsoft.alpha(opacity=50) progid:DXImageTransform.Microsoft.Blur(pixelradius="+(this.offset)+")";}
+this.realign(C.getLeft(true),C.getTop(true),C.getWidth(),C.getHeight());this.el.dom.style.display="block";},isVisible:function(){return this.el?true:false;},realign:function(l,t,w,h){if(!this.el){return;}var a=this.adjusts,d=this.el.dom,s=d.style;var D=0;s.left=(l+a.l)+"px";s.top=(t+a.t)+"px";var sw=(w+a.w),sh=(h+a.h),E=sw+"px",F=sh+"px";if(s.width!=E||s.height!=F){s.width=E;s.height=F;if(!Roo.isIE){var cn=d.childNodes;var sww=Math.max(0,(sw-12))+"px";cn[0].childNodes[1].style.width=sww;cn[1].childNodes[1].style.width=sww;cn[2].childNodes[1].style.width=sww;cn[1].style.height=Math.max(0,(sh-12))+"px";}}},hide:function(){if(this.el){this.el.dom.style.display="none";Roo.Shadow.Pool.push(this.el);delete this.el;}},setZIndex:function(z){this.zIndex=z;if(this.el){this.el.setStyle("z-index",z);}}};Roo.Shadow.Pool=function(){var p=[];var G=Roo.isIE?'<div class="x-ie-shadow"></div>':'<div class="x-shadow"><div class="xst"><div class="xstl"></div><div class="xstc"></div><div class="xstr"></div></div><div class="xsc"><div class="xsml"></div><div class="xsmc"></div><div class="xsmr"></div></div><div class="xsb"><div class="xsbl"></div><div class="xsbc"></div><div class="xsbr"></div></div></div>';return {pull:function(){var sh=p.shift();if(!sh){sh=Roo.get(Roo.DomHelper.insertHtml("beforeBegin",document.body.firstChild,G));sh.autoBoxAdjust=false;}return sh;},push:function(sh){p.push(sh);}};}();
+Roo.BoxComponent=function(A){Roo.Component.call(this,A);this.addEvents({resize:true,move:true});};Roo.extend(Roo.BoxComponent,Roo.Component,{boxReady:false,deferHeight:false,setSize:function(w,h){if(typeof w=='object'){h=w.height;w=w.width;}if(!this.boxReady){this.width=w;this.height=h;return this;}if(this.lastSize&&this.lastSize.width==w&&this.lastSize.height==h){return this;}
+this.lastSize={width:w,height:h};var B=this.adjustSize(w,h);var aw=B.width,ah=B.height;if(aw!==undefined||ah!==undefined){var rz=this.getResizeEl();if(!this.deferHeight&&aw!==undefined&&ah!==undefined){rz.setSize(aw,ah);}else if(!this.deferHeight&&ah!==undefined){rz.setHeight(ah);}else if(aw!==undefined){rz.setWidth(aw);}
+this.onResize(aw,ah,w,h);this.fireEvent('resize',this,aw,ah,w,h);}return this;},getSize:function(){return this.el.getSize();},getPosition:function(C){if(C===true){return [this.el.getLeft(true),this.el.getTop(true)];}return this.xy||this.el.getXY();},getBox:function(D){var s=this.el.getSize();if(D){s.x=this.el.getLeft(true);s.y=this.el.getTop(true);}else {var xy=this.xy||this.el.getXY();s.x=xy[0];s.y=xy[1];}return s;},updateBox:function(E){this.setSize(E.width,E.height);this.setPagePosition(E.x,E.y);return this;},getResizeEl:function(){return this.resizeEl||this.el;},getPositionEl:function(){return this.positionEl||this.el;},setPosition:function(x,y){this.x=x;this.y=y;if(!this.boxReady){return this;}var F=this.adjustPosition(x,y);var ax=F.x,ay=F.y;var el=this.getPositionEl();if(ax!==undefined||ay!==undefined){if(ax!==undefined&&ay!==undefined){el.setLeftTop(ax,ay);}else if(ax!==undefined){el.setLeft(ax);}else if(ay!==undefined){el.setTop(ay);}
+this.onPosition(ax,ay);this.fireEvent('move',this,ax,ay);}return this;},setPagePosition:function(x,y){this.pageX=x;this.pageY=y;if(!this.boxReady){return;}if(x===undefined||y===undefined){return;}var p=this.el.translatePoints(x,y);this.setPosition(p.left,p.top);return this;},onRender:function(ct,G){Roo.BoxComponent.superclass.onRender.call(this,ct,G);if(this.resizeEl){this.resizeEl=Roo.get(this.resizeEl);}if(this.positionEl){this.positionEl=Roo.get(this.positionEl);}},afterRender:function(){Roo.BoxComponent.superclass.afterRender.call(this);this.boxReady=true;this.setSize(this.width,this.height);if(this.x||this.y){this.setPosition(this.x,this.y);}if(this.pageX||this.pageY){this.setPagePosition(this.pageX,this.pageY);}},syncSize:function(){delete this.lastSize;this.setSize(this.el.getWidth(),this.el.getHeight());return this;},onResize:function(H,I,J,K){},onPosition:function(x,y){},adjustSize:function(w,h){if(this.autoWidth){w='auto';}if(this.autoHeight){h='auto';}return {width:w,height:h};},adjustPosition:function(x,y){return {x:x,y:y};}});
+Roo.SplitBar=function(A,B,C,D,E){this.el=Roo.get(A,true);this.el.dom.unselectable="on";this.resizingEl=Roo.get(B,true);this.orientation=C||Roo.SplitBar.HORIZONTAL;this.minSize=0;this.maxSize=2000;this.animate=false;this.useShim=false;this.shim=null;if(!E){this.proxy=Roo.SplitBar.createProxy(this.orientation);}else {this.proxy=Roo.get(E).dom;}
+this.dd=new Roo.dd.DDProxy(this.el.dom.id,"XSplitBars",{dragElId:this.proxy.id});this.dd.b4StartDrag=this.onStartProxyDrag.createDelegate(this);this.dd.endDrag=this.onEndProxyDrag.createDelegate(this);this.dragSpecs={};this.adapter=new Roo.SplitBar.BasicLayoutAdapter();this.adapter.init(this);if(this.orientation==Roo.SplitBar.HORIZONTAL){this.placement=D||(this.el.getX()>this.resizingEl.getX()?Roo.SplitBar.LEFT:Roo.SplitBar.RIGHT);this.el.addClass("x-splitbar-h");}else {this.placement=D||(this.el.getY()>this.resizingEl.getY()?Roo.SplitBar.TOP:Roo.SplitBar.BOTTOM);this.el.addClass("x-splitbar-v");}
+this.addEvents({"resize":true,"moved":true,"beforeresize":true,"beforeapply":true});Roo.util.Observable.call(this);};Roo.extend(Roo.SplitBar,Roo.util.Observable,{onStartProxyDrag:function(x,y){this.fireEvent("beforeresize",this);if(!this.overlay){var o=Roo.DomHelper.insertFirst(document.body,{cls:"x-drag-overlay",html:" "},true);o.unselectable();o.enableDisplayMode("block");Roo.SplitBar.prototype.overlay=o;}
+this.overlay.setSize(Roo.lib.Dom.getViewWidth(true),Roo.lib.Dom.getViewHeight(true));this.overlay.show();Roo.get(this.proxy).setDisplayed("block");var F=this.adapter.getElementSize(this);this.activeMinSize=this.getMinimumSize();;this.activeMaxSize=this.getMaximumSize();;var c1=F-this.activeMinSize;var c2=Math.max(this.activeMaxSize-F,0);if(this.orientation==Roo.SplitBar.HORIZONTAL){this.dd.resetConstraints();this.dd.setXConstraint(this.placement==Roo.SplitBar.LEFT?c1:c2,this.placement==Roo.SplitBar.LEFT?c2:c1);this.dd.setYConstraint(0,0);}else {this.dd.resetConstraints();this.dd.setXConstraint(0,0);this.dd.setYConstraint(this.placement==Roo.SplitBar.TOP?c1:c2,this.placement==Roo.SplitBar.TOP?c2:c1);}
+this.dragSpecs.startSize=F;this.dragSpecs.startPoint=[x,y];Roo.dd.DDProxy.prototype.b4StartDrag.call(this.dd,x,y);},onEndProxyDrag:function(e){Roo.get(this.proxy).setDisplayed(false);var G=Roo.lib.Event.getXY(e);if(this.overlay){this.overlay.hide();}var H;if(this.orientation==Roo.SplitBar.HORIZONTAL){H=this.dragSpecs.startSize+(this.placement==Roo.SplitBar.LEFT?G[0]-this.dragSpecs.startPoint[0]:this.dragSpecs.startPoint[0]-G[0]);}else {H=this.dragSpecs.startSize+(this.placement==Roo.SplitBar.TOP?G[1]-this.dragSpecs.startPoint[1]:this.dragSpecs.startPoint[1]-G[1]);}
+H=Math.min(Math.max(H,this.activeMinSize),this.activeMaxSize);if(H!=this.dragSpecs.startSize){if(this.fireEvent('beforeapply',this,H)!==false){this.adapter.setElementSize(this,H);this.fireEvent("moved",this,H);this.fireEvent("resize",this,H);}}},getAdapter:function(){return this.adapter;},setAdapter:function(I){this.adapter=I;this.adapter.init(this);},getMinimumSize:function(){return this.minSize;},setMinimumSize:function(J){this.minSize=J;},getMaximumSize:function(){return this.maxSize;},setMaximumSize:function(K){this.maxSize=K;},setCurrentSize:function(L){var M=this.animate;this.animate=false;this.adapter.setElementSize(this,L);this.animate=M;},destroy:function(N){if(this.shim){this.shim.remove();}
+this.dd.unreg();this.proxy.parentNode.removeChild(this.proxy);if(N){this.el.remove();}}});Roo.SplitBar.createProxy=function(O){var P=new Roo.Element(document.createElement("div"));P.unselectable();var Q='x-splitbar-proxy';P.addClass(Q+' '+(O==Roo.SplitBar.HORIZONTAL?Q+'-h':Q+'-v'));document.body.appendChild(P.dom);return P.dom;};Roo.SplitBar.BasicLayoutAdapter=function(){};Roo.SplitBar.BasicLayoutAdapter.prototype={init:function(s){},getElementSize:function(s){if(s.orientation==Roo.SplitBar.HORIZONTAL){return s.resizingEl.getWidth();}else {return s.resizingEl.getHeight();}},setElementSize:function(s,R,S){if(s.orientation==Roo.SplitBar.HORIZONTAL){if(!s.animate){s.resizingEl.setWidth(R);if(S){S(s,R);}}else {s.resizingEl.setWidth(R,true,.1,S,'easeOut');}}else {if(!s.animate){s.resizingEl.setHeight(R);if(S){S(s,R);}}else {s.resizingEl.setHeight(R,true,.1,S,'easeOut');}}}};Roo.SplitBar.AbsoluteLayoutAdapter=function(T){this.basic=new Roo.SplitBar.BasicLayoutAdapter();this.container=Roo.get(T);};Roo.SplitBar.AbsoluteLayoutAdapter.prototype={init:function(s){this.basic.init(s);},getElementSize:function(s){return this.basic.getElementSize(s);},setElementSize:function(s,U,V){this.basic.setElementSize(s,U,this.moveSplitter.createDelegate(this,[s]));},moveSplitter:function(s){var W=Roo.SplitBar;switch(s.placement){case W.LEFT:s.el.setX(s.resizingEl.getRight());break;case W.RIGHT:s.el.setStyle("right",(this.container.getWidth()-s.resizingEl.getLeft())+"px");break;case W.TOP:s.el.setY(s.resizingEl.getBottom());break;case W.BOTTOM:s.el.setY(s.resizingEl.getTop()-s.el.getHeight());break;}}};Roo.SplitBar.VERTICAL=1;Roo.SplitBar.HORIZONTAL=2;Roo.SplitBar.LEFT=1;Roo.SplitBar.RIGHT=2;Roo.SplitBar.TOP=3;Roo.SplitBar.BOTTOM=4;
+Roo.View=function(A,B,C){if(typeof(B)=='undefined'){Roo.apply(this,A);this.el=Roo.get(this.el);}else {this.el=Roo.get(A);this.tpl=B;Roo.apply(this,C);}if(typeof(this.tpl)=="string"){this.tpl=new Roo.Template(this.tpl);}else {this.tpl=new Roo.factory(this.tpl,Roo);}
+this.tpl.compile();this.addEvents({"beforeclick":true,"click":true,"dblclick":true,"contextmenu":true,"selectionchange":true,"beforeselect":true});this.el.on({"click":this.onClick,"dblclick":this.onDblClick,"contextmenu":this.onContextMenu,scope:this});this.selections=[];this.nodes=[];this.cmp=new Roo.CompositeElementLite([]);if(this.store){this.store=Roo.factory(this.store,Roo.data);this.setStore(this.store,true);}
+Roo.View.superclass.constructor.call(this);};Roo.extend(Roo.View,Roo.util.Observable,{store:false,el:'',tpl:false,selectedClass:"x-view-selected",emptyText:"",multiSelect:false,singleSelect:false,getEl:function(){return this.el;},refresh:function(){var t=this.tpl;this.clearSelections();this.el.update("");var D=[];var E=this.store.getRange();if(E.length<1){this.el.update(this.emptyText);return;}for(var i=0,len=E.length;i<len;i++){var data=this.prepareData(E[i].data,i,E[i]);D[D.length]=t.apply(data);}
+this.el.update(D.join(""));this.nodes=this.el.dom.childNodes;this.updateIndexes(0);},prepareData:function(F){return F;},onUpdate:function(ds,G){this.clearSelections();var H=this.store.indexOf(G);var n=this.nodes[H];this.tpl.insertBefore(n,this.prepareData(G.data));n.parentNode.removeChild(n);this.updateIndexes(H,H);},onAdd:function(ds,I,J){this.clearSelections();if(this.nodes.length==0){this.refresh();return;}var n=this.nodes[J];for(var i=0,len=I.length;i<len;i++){var d=this.prepareData(I[i].data);if(n){this.tpl.insertBefore(n,d);}else {this.tpl.append(this.el,d);}}
+this.updateIndexes(J);},onRemove:function(ds,K,L){this.clearSelections();this.el.dom.removeChild(this.nodes[L]);this.updateIndexes(L);},refreshNode:function(M){this.onUpdate(this.store,this.store.getAt(M));},updateIndexes:function(N,O){var ns=this.nodes;N=N||0;O=O||ns.length-1;for(var i=N;i<=O;i++){ns[i].nodeIndex=i;}},setStore:function(P,Q){if(!Q&&this.store){this.store.un("datachanged",this.refresh);this.store.un("add",this.onAdd);this.store.un("remove",this.onRemove);this.store.un("update",this.onUpdate);this.store.un("clear",this.refresh);}if(P){P.on("datachanged",this.refresh,this);P.on("add",this.onAdd,this);P.on("remove",this.onRemove,this);P.on("update",this.onUpdate,this);P.on("clear",this.refresh,this);}if(P){this.refresh();}},findItemFromChild:function(R){var el=this.el.dom;if(!R||R.parentNode==el){return R;}var p=R.parentNode;while(p&&p!=el){if(p.parentNode==el){return p;}
+p=p.parentNode;}return null;},onClick:function(e){var S=this.findItemFromChild(e.getTarget());if(S){var M=this.indexOf(S);if(this.onItemClick(S,M,e)!==false){this.fireEvent("click",this,M,S,e);}}else {this.clearSelections();}},onContextMenu:function(e){var T=this.findItemFromChild(e.getTarget());if(T){this.fireEvent("contextmenu",this,this.indexOf(T),T,e);}},onDblClick:function(e){var U=this.findItemFromChild(e.getTarget());if(U){this.fireEvent("dblclick",this,this.indexOf(U),U,e);}},onItemClick:function(V,W,e){if(this.fireEvent("beforeclick",this,W,V,e)===false){return false;}if(this.multiSelect||this.singleSelect){if(this.multiSelect&&e.shiftKey&&this.lastSelection){this.select(this.getNodes(this.indexOf(this.lastSelection),W),false);}else {this.select(V,this.multiSelect&&e.ctrlKey);this.lastSelection=V;}
+e.preventDefault();}return true;},getSelectionCount:function(){return this.selections.length;},getSelectedNodes:function(){return this.selections;},getSelectedIndexes:function(){var X=[],s=this.selections;for(var i=0,len=s.length;i<len;i++){X.push(s[i].nodeIndex);}return X;},clearSelections:function(Y){if(this.nodes&&(this.multiSelect||this.singleSelect)&&this.selections.length>0){this.cmp.elements=this.selections;this.cmp.removeClass(this.selectedClass);this.selections=[];if(!Y){this.fireEvent("selectionchange",this,this.selections);}}},isSelected:function(Z){var s=this.selections;if(s.length<1){return false;}
+Z=this.getNode(Z);return s.indexOf(Z)!==-1;},select:function(a,b,c){if(a instanceof Array){if(!b){this.clearSelections(true);}for(var i=0,len=a.length;i<len;i++){this.select(a[i],true,true);}}else {var Z=this.getNode(a);if(Z&&!this.isSelected(Z)){if(!b){this.clearSelections(true);}if(this.fireEvent("beforeselect",this,Z,this.selections)!==false){Roo.fly(Z).addClass(this.selectedClass);this.selections.push(Z);if(!c){this.fireEvent("selectionchange",this,this.selections);}}}}},getNode:function(f){if(typeof f=="string"){return document.getElementById(f);}else if(typeof f=="number"){return this.nodes[f];}return f;},getNodes:function(g,h){var ns=this.nodes;g=g||0;h=typeof h=="undefined"?ns.length-1:h;var j=[];if(g<=h){for(var i=g;i<=h;i++){j.push(ns[i]);}}else {for(var i=g;i>=h;i--){j.push(ns[i]);}}return j;},indexOf:function(k){k=this.getNode(k);if(typeof k.nodeIndex=="number"){return k.nodeIndex;}var ns=this.nodes;for(var i=0,len=ns.length;i<len;i++){if(ns[i]==k){return i;}}return -1;}});
+Roo.JsonView=function(A,B,C){Roo.JsonView.superclass.constructor.call(this,A,B,C);var um=this.el.getUpdateManager();um.setRenderer(this);um.on("update",this.onLoad,this);um.on("failure",this.onLoadException,this);this.addEvents({'beforerender':true,'load':true,'loadexception':true});};Roo.extend(Roo.JsonView,Roo.View,{jsonRoot:"",refresh:function(){this.clearSelections();this.el.update("");var D=[];var o=this.jsonData;if(o&&o.length>0){for(var i=0,len=o.length;i<len;i++){var data=this.prepareData(o[i],i,o);D[D.length]=this.tpl.apply(data);}}else {D.push(this.emptyText);}
+this.el.update(D.join(""));this.nodes=this.el.dom.childNodes;this.updateIndexes(0);},load:function(){var um=this.el.getUpdateManager();um.update.apply(um,arguments);},render:function(el,E){this.clearSelections();this.el.update("");var o;try{o=Roo.util.JSON.decode(E.responseText);if(this.jsonRoot){o=eval("o."+this.jsonRoot);}}catch(e){}
+this.jsonData=o;this.beforeRender();this.refresh();},getCount:function(){return this.jsonData?this.jsonData.length:0;},getNodeData:function(F){if(F instanceof Array){var data=[];for(var i=0,len=F.length;i<len;i++){data.push(this.getNodeData(F[i]));}return data;}return this.jsonData[this.indexOf(F)]||null;},beforeRender:function(){this.snapshot=this.jsonData;if(this.sortInfo){this.sort.apply(this,this.sortInfo);}
+this.fireEvent("beforerender",this,this.jsonData);},onLoad:function(el,o){this.fireEvent("load",this,this.jsonData,o);},onLoadException:function(el,o){this.fireEvent("loadexception",this,o);},filter:function(G,H){if(this.jsonData){var data=[];var ss=this.snapshot;if(typeof H=="string"){var vlen=H.length;if(vlen==0){this.clearFilter();return;}
+H=H.toLowerCase();for(var i=0,len=ss.length;i<len;i++){var o=ss[i];if(o[G].substr(0,vlen).toLowerCase()==H){data.push(o);}}}else if(H.exec){for(var i=0,len=ss.length;i<len;i++){var o=ss[i];if(H.test(o[G])){data.push(o);}}}else {return;}
+this.jsonData=data;this.refresh();}},filterBy:function(fn,I){if(this.jsonData){var data=[];var ss=this.snapshot;for(var i=0,len=ss.length;i<len;i++){var o=ss[i];if(fn.call(I||this,o)){data.push(o);}}
+this.jsonData=data;this.refresh();}},clearFilter:function(){if(this.snapshot&&this.jsonData!=this.snapshot){this.jsonData=this.snapshot;this.refresh();}},sort:function(J,K,L){this.sortInfo=Array.prototype.slice.call(arguments,0);if(this.jsonData){var p=J;var dsc=K&&K.toLowerCase()=="desc";var f=function(o1,o2){var v1=L?L(o1[p]):o1[p];var v2=L?L(o2[p]):o2[p];;if(v1<v2){return dsc?+1:-1;}else if(v1>v2){return dsc?-1:+1;}else {return 0;}};this.jsonData.sort(f);this.refresh();if(this.jsonData!=this.snapshot){this.snapshot.sort(f);}}}});
+Roo.ColorPalette=function(A){Roo.ColorPalette.superclass.constructor.call(this,A);this.addEvents({select:true});if(this.handler){this.on("select",this.handler,this.scope,true);}};Roo.extend(Roo.ColorPalette,Roo.Component,{itemCls:"x-color-palette",value:null,clickEvent:'click',ctype:"Roo.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(B,C){var t=new Roo.MasterTemplate('<tpl><a href="#" class="color-{0}" hidefocus="on"><em><span style="background:#{0}" unselectable="on"> </span></em></a></tpl>');var c=this.colors;for(var i=0,len=c.length;i<len;i++){t.add([c[i]]);}var el=document.createElement("div");el.className=this.itemCls;t.overwrite(el);B.dom.insertBefore(el,C);this.el=Roo.get(el);this.el.on(this.clickEvent,this.handleClick,this,{delegate:"a"});if(this.clickEvent!='click'){this.el.on('click',Roo.emptyFn,this,{delegate:"a",preventDefault:true});}},afterRender:function(){Roo.ColorPalette.superclass.afterRender.call(this);if(this.value){var s=this.value;this.value=null;this.select(s);}},handleClick:function(e,t){e.preventDefault();if(!this.disabled){var c=t.className.match(/(?:^|\s)color-(.{6})(?:\s|$)/)[1];this.select(c.toUpperCase());}},select:function(D){D=D.replace("#","");if(D!=this.value||this.allowReselect){var el=this.el;if(this.value){el.child("a.color-"+this.value).removeClass("x-color-palette-sel");}
+el.child("a.color-"+D).addClass("x-color-palette-sel");this.value=D;this.fireEvent("select",this,D);}}});
+Roo.DatePicker=function(A){Roo.DatePicker.superclass.constructor.call(this,A);this.value=A&&A.value?A.value.clearTime():new Date().clearTime();this.addEvents({select:true});if(this.handler){this.on("select",this.handler,this.scope||this);}if(!this.disabledDatesRE&&this.disabledDates){var dd=this.disabledDates;var re="(?:";for(var i=0;i<dd.length;i++){re+=dd[i];if(i!=dd.length-1)re+="|";}
+this.disabledDatesRE=new RegExp(re+")");}};Roo.extend(Roo.DatePicker,Roo.Component,{todayText:"Today",okText:" OK ",cancelText:"Cancel",todayTip:"{0} (Spacebar)",minDate:null,maxDate:null,minText:"This date is before the minimum date",maxText:"This date is after the maximum date",format:"m/d/y",disabledDays:null,disabledDaysText:"",disabledDatesRE:null,disabledDatesText:"",constrainToViewport:true,monthNames:Date.monthNames,dayNames:Date.dayNames,nextText:'Next Month (Control+Right)',prevText:'Previous Month (Control+Left)',monthYearText:'Choose a month (Control+Up/Down to move years)',startDay:0,showClear:false,setValue:function(B){var C=this.value;this.value=B.clearTime(true);if(this.el){this.update(this.value);}},getValue:function(){return this.value;},focus:function(){if(this.el){this.update(this.activeDate);}},onRender:function(D,E){var m=['<table cellspacing="0">','<tr><td class="x-date-left"><a href="#" title="',this.prevText,'"> </a></td><td class="x-date-middle" align="center"></td><td class="x-date-right"><a href="#" title="',this.nextText,'"> </a></td></tr>','<tr><td colspan="3"><table class="x-date-inner" cellspacing="0"><thead><tr>'];var dn=this.dayNames;for(var i=0;i<7;i++){var d=this.startDay+i;if(d>6){d=d-7;}
+m.push("<th><span>",dn[d].substr(0,1),"</span></th>");}
+m[m.length]="</tr></thead><tbody><tr>";for(var i=0;i<42;i++){if(i%7==0&&i!=0){m[m.length]="</tr><tr>";}
+m[m.length]='<td><a href="#" hidefocus="on" class="x-date-date" tabIndex="1"><em><span></span></em></a></td>';}
+m[m.length]='</tr></tbody></table></td></tr><tr>'+'<td colspan="3" class="x-date-bottom" align="center"></td></tr></table><div class="x-date-mp"></div>';var el=document.createElement("div");el.className="x-date-picker";el.innerHTML=m.join("");D.dom.insertBefore(el,E);this.el=Roo.get(el);this.eventEl=Roo.get(el.firstChild);new Roo.util.ClickRepeater(this.el.child("td.x-date-left a"),{handler:this.showPrevMonth,scope:this,preventDefault:true,stopDefault:true});new Roo.util.ClickRepeater(this.el.child("td.x-date-right a"),{handler:this.showNextMonth,scope:this,preventDefault:true,stopDefault:true});this.eventEl.on("mousewheel",this.handleMouseWheel,this);this.monthPicker=this.el.down('div.x-date-mp');this.monthPicker.enableDisplayMode('block');var kn=new Roo.KeyNav(this.eventEl,{"left":function(e){e.ctrlKey?this.showPrevMonth():this.update(this.activeDate.add("d",-1));},"right":function(e){e.ctrlKey?this.showNextMonth():this.update(this.activeDate.add("d",1));},"up":function(e){e.ctrlKey?this.showNextYear():this.update(this.activeDate.add("d",-7));},"down":function(e){e.ctrlKey?this.showPrevYear():this.update(this.activeDate.add("d",7));},"pageUp":function(e){this.showNextMonth();},"pageDown":function(e){this.showPrevMonth();},"enter":function(e){e.stopPropagation();return true;},scope:this});this.eventEl.on("click",this.handleDateClick,this,{delegate:"a.x-date-date"});this.eventEl.addKeyListener(Roo.EventObject.SPACE,this.selectToday,this);this.el.unselectable();this.cells=this.el.select("table.x-date-inner tbody td");this.textNodes=this.el.query("table.x-date-inner tbody span");this.mbtn=new Roo.Button(this.el.child("td.x-date-middle",true),{text:" ",tooltip:this.monthYearText});this.mbtn.on('click',this.showMonthPicker,this);this.mbtn.el.child(this.mbtn.menuClassTarget).addClass("x-btn-with-menu");var F=(new Date()).dateFormat(this.format);var G=new Roo.Toolbar(this.el.child("td.x-date-bottom",true));G.add({text:String.format(this.todayText,F),tooltip:String.format(this.todayTip,F),handler:this.selectToday,scope:this});if(this.showClear){G.add(new Roo.Toolbar.Fill());G.add({text:' ',cls:'x-btn-icon x-btn-clear',handler:function(){this.fireEvent("select",this,'');},scope:this});}if(Roo.isIE){this.el.repaint();}
+this.update(this.value);},createMonthPicker:function(){if(!this.monthPicker.dom.firstChild){var buf=['<table border="0" cellspacing="0">'];for(var i=0;i<6;i++){buf.push('<tr><td class="x-date-mp-month"><a href="#">',this.monthNames[i].substr(0,3),'</a></td>','<td class="x-date-mp-month x-date-mp-sep"><a href="#">',this.monthNames[i+6].substr(0,3),'</a></td>',i==0?'<td class="x-date-mp-ybtn" align="center"><a class="x-date-mp-prev"></a></td><td class="x-date-mp-ybtn" align="center"><a class="x-date-mp-next"></a></td></tr>':'<td class="x-date-mp-year"><a href="#"></a></td><td class="x-date-mp-year"><a href="#"></a></td></tr>');}
+buf.push('<tr class="x-date-mp-btns"><td colspan="4"><button type="button" class="x-date-mp-ok">',this.okText,'</button><button type="button" class="x-date-mp-cancel">',this.cancelText,'</button></td></tr>','</table>');this.monthPicker.update(buf.join(''));this.monthPicker.on('click',this.onMonthClick,this);this.monthPicker.on('dblclick',this.onMonthDblClick,this);this.mpMonths=this.monthPicker.select('td.x-date-mp-month');this.mpYears=this.monthPicker.select('td.x-date-mp-year');this.mpMonths.each(function(m,a,i){i+=1;if((i%2)==0){m.dom.xmonth=5+Math.round(i*.5);}else {m.dom.xmonth=Math.round((i-1)*.5);}});}},showMonthPicker:function(){this.createMonthPicker();var H=this.el.getSize();this.monthPicker.setSize(H);this.monthPicker.child('table').setSize(H);this.mpSelMonth=(this.activeDate||this.value).getMonth();this.updateMPMonth(this.mpSelMonth);this.mpSelYear=(this.activeDate||this.value).getFullYear();this.updateMPYear(this.mpSelYear);this.monthPicker.slideIn('t',{duration:.2});},updateMPYear:function(y){this.mpyear=y;var ys=this.mpYears.elements;for(var i=1;i<=10;i++){var td=ys[i-1],y2;if((i%2)==0){y2=y+Math.round(i*.5);td.firstChild.innerHTML=y2;td.xyear=y2;}else {y2=y-(5-Math.round(i*.5));td.firstChild.innerHTML=y2;td.xyear=y2;}
+this.mpYears.item(i-1)[y2==this.mpSelYear?'addClass':'removeClass']('x-date-mp-sel');}},updateMPMonth:function(sm){this.mpMonths.each(function(m,a,i){m[m.dom.xmonth==sm?'addClass':'removeClass']('x-date-mp-sel');});},selectMPMonth:function(m){},onMonthClick:function(e,t){e.stopEvent();var el=new Roo.Element(t),pn;if(el.is('button.x-date-mp-cancel')){this.hideMonthPicker();}else if(el.is('button.x-date-mp-ok')){this.update(new Date(this.mpSelYear,this.mpSelMonth,(this.activeDate||this.value).getDate()));this.hideMonthPicker();}else if(pn=el.up('td.x-date-mp-month',2)){this.mpMonths.removeClass('x-date-mp-sel');pn.addClass('x-date-mp-sel');this.mpSelMonth=pn.dom.xmonth;}else if(pn=el.up('td.x-date-mp-year',2)){this.mpYears.removeClass('x-date-mp-sel');pn.addClass('x-date-mp-sel');this.mpSelYear=pn.dom.xyear;}else if(el.is('a.x-date-mp-prev')){this.updateMPYear(this.mpyear-10);}else if(el.is('a.x-date-mp-next')){this.updateMPYear(this.mpyear+10);}},onMonthDblClick:function(e,t){e.stopEvent();var el=new Roo.Element(t),pn;if(pn=el.up('td.x-date-mp-month',2)){this.update(new Date(this.mpSelYear,pn.dom.xmonth,(this.activeDate||this.value).getDate()));this.hideMonthPicker();}else if(pn=el.up('td.x-date-mp-year',2)){this.update(new Date(pn.dom.xyear,this.mpSelMonth,(this.activeDate||this.value).getDate()));this.hideMonthPicker();}},hideMonthPicker:function(I){if(this.monthPicker){if(I===true){this.monthPicker.hide();}else {this.monthPicker.slideOut('t',{duration:.2});}}},showPrevMonth:function(e){this.update(this.activeDate.add("mo",-1));},showNextMonth:function(e){this.update(this.activeDate.add("mo",1));},showPrevYear:function(){this.update(this.activeDate.add("y",-1));},showNextYear:function(){this.update(this.activeDate.add("y",1));},handleMouseWheel:function(e){var J=e.getWheelDelta();if(J>0){this.showPrevMonth();e.stopEvent();}else if(J<0){this.showNextMonth();e.stopEvent();}},handleDateClick:function(e,t){e.stopEvent();if(t.dateValue&&!Roo.fly(t.parentNode).hasClass("x-date-disabled")){this.setValue(new Date(t.dateValue));this.fireEvent("select",this,this.value);}},selectToday:function(){this.setValue(new Date().clearTime());this.fireEvent("select",this,this.value);},update:function(K){var vd=this.activeDate;this.activeDate=K;if(vd&&this.el){var t=K.getTime();if(vd.getMonth()==K.getMonth()&&vd.getFullYear()==K.getFullYear()){this.cells.removeClass("x-date-selected");this.cells.each(function(c){if(c.dom.firstChild.dateValue==t){c.addClass("x-date-selected");setTimeout(function(){try{c.dom.firstChild.focus();}catch(e){}},50);return false;}});return;}}var L=K.getDaysInMonth();var M=K.getFirstDateOfMonth();var N=M.getDay()-this.startDay;if(N<=this.startDay){N+=7;}var pm=K.add("mo",-1);var O=pm.getDaysInMonth()-N;var P=this.cells.elements;var Q=this.textNodes;L+=N;var R=86400000;var d=(new Date(pm.getFullYear(),pm.getMonth(),O)).clearTime();var S=new Date().clearTime().getTime();var T=K.clearTime().getTime();var U=this.minDate?this.minDate.clearTime():Number.NEGATIVE_INFINITY;var V=this.maxDate?this.maxDate.clearTime():Number.POSITIVE_INFINITY;var W=this.disabledDatesRE;var X=this.disabledDatesText;var Y=this.disabledDays?this.disabledDays.join(""):false;var Z=this.disabledDaysText;var a=this.format;var b=function(f,g){g.title="";var t=d.getTime();g.firstChild.dateValue=t;if(t==S){g.className+=" x-date-today";g.title=f.todayText;}if(t==T){g.className+=" x-date-selected";setTimeout(function(){try{g.firstChild.focus();}catch(e){}},50);}if(t<U){g.className=" x-date-disabled";g.title=f.minText;return;}if(t>V){g.className=" x-date-disabled";g.title=f.maxText;return;}if(Y){if(Y.indexOf(d.getDay())!=-1){g.title=Z;g.className=" x-date-disabled";}}if(W&&a){var fvalue=d.dateFormat(a);if(W.test(fvalue)){g.title=X.replace("%0",fvalue);g.className=" x-date-disabled";}}};var i=0;for(;i<N;i++){Q[i].innerHTML=(++O);d.setDate(d.getDate()+1);P[i].className="x-date-prevday";b(this,P[i]);}for(;i<L;i++){intDay=i-N+1;Q[i].innerHTML=(intDay);d.setDate(d.getDate()+1);P[i].className="x-date-active";b(this,P[i]);}var c=0;for(;i<42;i++){Q[i].innerHTML=(++c);d.setDate(d.getDate()+1);P[i].className="x-date-nextday";b(this,P[i]);}
+this.mbtn.setText(this.monthNames[K.getMonth()]+" "+K.getFullYear());if(!this.internalRender){var main=this.el.dom.firstChild;var w=main.offsetWidth;this.el.setWidth(w+this.el.getBorderWidth("lr"));Roo.fly(main).setWidth(w);this.internalRender=true;if(Roo.isOpera&&!this.secondPass){main.rows[0].cells[1].style.width=(w-(main.rows[0].cells[0].offsetWidth+main.rows[0].cells[2].offsetWidth))+"px";this.secondPass=true;this.update.defer(10,this,[K]);}}}});
+Roo.TabPanel=function(A,B){this.el=Roo.get(A,true);if(B){if(typeof B=="boolean"){this.tabPosition=B?"bottom":"top";}else {Roo.apply(this,B);}}if(this.tabPosition=="bottom"){this.bodyEl=Roo.get(this.createBody(this.el.dom));this.el.addClass("x-tabs-bottom");}
+this.stripWrap=Roo.get(this.createStrip(this.el.dom),true);this.stripEl=Roo.get(this.createStripList(this.stripWrap.dom),true);this.stripBody=Roo.get(this.stripWrap.dom.firstChild.firstChild,true);if(Roo.isIE){Roo.fly(this.stripWrap.dom.firstChild).setStyle("overflow-x","hidden");}if(this.tabPosition!="bottom"){this.bodyEl=Roo.get(this.createBody(this.el.dom));this.el.addClass("x-tabs-top");}
+this.items=[];this.bodyEl.setStyle("position","relative");this.active=null;this.activateDelegate=this.activate.createDelegate(this);this.addEvents({"tabchange":true,"beforetabchange":true});Roo.EventManager.onWindowResize(this.onResize,this);this.cpad=this.el.getPadding("lr");this.hiddenCount=0;Roo.TabPanel.superclass.constructor.call(this);};Roo.extend(Roo.TabPanel,Roo.util.Observable,{tabPosition:"top",currentTabWidth:0,minTabWidth:40,maxTabWidth:250,preferredTabWidth:175,resizeTabs:false,monitorResize:true,addTab:function(id,C,D,E){var F=new Roo.TabPanelItem(this,id,C,E);this.addTabItem(F);if(D){F.setContent(D);}return F;},getTab:function(id){return this.items[id];},hideTab:function(id){var t=this.items[id];if(!t.isHidden()){t.setHidden(true);this.hiddenCount++;this.autoSizeTabs();}},unhideTab:function(id){var t=this.items[id];if(t.isHidden()){t.setHidden(false);this.hiddenCount--;this.autoSizeTabs();}},addTabItem:function(G){this.items[G.id]=G;this.items.push(G);if(this.resizeTabs){G.setWidth(this.currentTabWidth||this.preferredTabWidth);this.autoSizeTabs();}else {G.autoSize();}},removeTab:function(id){var H=this.items;var I=H[id];if(!I)return;var J=H.indexOf(I);if(this.active==I&&H.length>1){var newTab=this.getNextAvailable(J);if(newTab)newTab.activate();}
+this.stripEl.dom.removeChild(I.pnode.dom);if(I.bodyEl.dom.parentNode==this.bodyEl.dom){this.bodyEl.dom.removeChild(I.bodyEl.dom);}
+H.splice(J,1);delete this.items[I.id];I.fireEvent("close",I);I.purgeListeners();this.autoSizeTabs();},getNextAvailable:function(K){var L=this.items;var M=K;while(M<L.length){var G=L[++M];if(G&&!G.isHidden()){return G;}}
+M=K;while(M>=0){var G=L[--M];if(G&&!G.isHidden()){return G;}}return null;},disableTab:function(id){var N=this.items[id];if(N&&this.active!=N){N.disable();}},enableTab:function(id){var O=this.items[id];O.enable();},activate:function(id){var P=this.items[id];if(!P){return null;}if(P==this.active||P.disabled){return P;}var e={};this.fireEvent("beforetabchange",this,e,P);if(e.cancel!==true&&!P.disabled){if(this.active){this.active.hide();}
+this.active=this.items[id];this.active.show();this.fireEvent("tabchange",this,this.active);}return P;},getActiveTab:function(){return this.active;},syncHeight:function(Q){var R=(Q||this.el.getHeight())-this.el.getBorderWidth("tb")-this.el.getPadding("tb");var bm=this.bodyEl.getMargins();var S=R-(this.stripWrap.getHeight()||0)-(bm.top+bm.bottom);this.bodyEl.setHeight(S);return S;},onResize:function(){if(this.monitorResize){this.autoSizeTabs();}},beginUpdate:function(){this.updating=true;},endUpdate:function(){this.updating=false;this.autoSizeTabs();},autoSizeTabs:function(){var T=this.items.length;var U=T-this.hiddenCount;if(!this.resizeTabs||T<1||U<1||this.updating)return;var w=Math.max(this.el.getWidth()-this.cpad,10);var V=Math.floor(w/U);var b=this.stripBody;if(b.getWidth()>w){var tabs=this.items;this.setTabWidth(Math.max(V,this.minTabWidth)-2);if(V<this.minTabWidth){}}else {if(this.currentTabWidth<this.preferredTabWidth){this.setTabWidth(Math.min(V,this.preferredTabWidth)-2);}}},getCount:function(){return this.items.length;},setTabWidth:function(W){this.currentTabWidth=W;for(var i=0,len=this.items.length;i<len;i++){if(!this.items[i].isHidden())this.items[i].setWidth(W);}},destroy:function(X){Roo.EventManager.removeResizeListener(this.onResize,this);for(var i=0,len=this.items.length;i<len;i++){this.items[i].purgeListeners();}if(X===true){this.el.update("");this.el.remove();}}});Roo.TabPanelItem=function(Y,id,Z,a){this.tabPanel=Y;this.id=id;this.disabled=false;this.text=Z;this.loaded=false;this.closable=a;this.bodyEl=Roo.get(Y.createItemBody(Y.bodyEl.dom,id));this.bodyEl.setVisibilityMode(Roo.Element.VISIBILITY);this.bodyEl.setStyle("display","block");this.bodyEl.setStyle("zoom","1");this.hideAction();var d=Y.createStripElements(Y.stripEl.dom,Z,a);this.el=Roo.get(d.el,true);this.inner=Roo.get(d.inner,true);this.textEl=Roo.get(this.el.dom.firstChild.firstChild.firstChild,true);this.pnode=Roo.get(d.el.parentNode,true);this.el.on("mousedown",this.onTabMouseDown,this);this.el.on("click",this.onTabClick,this);if(a){var c=Roo.get(d.close,true);c.dom.title=this.closeText;c.addClassOnOver("close-over");c.on("click",this.closeClick,this);}
+this.addEvents({"activate":true,"beforeclose":true,"close":true,"deactivate":true});this.hidden=false;Roo.TabPanelItem.superclass.constructor.call(this);};Roo.extend(Roo.TabPanelItem,Roo.util.Observable,{purgeListeners:function(){Roo.util.Observable.prototype.purgeListeners.call(this);this.el.removeAllListeners();},show:function(){this.pnode.addClass("on");this.showAction();if(Roo.isOpera){this.tabPanel.stripWrap.repaint();}
+this.fireEvent("activate",this.tabPanel,this);},isActive:function(){return this.tabPanel.getActiveTab()==this;},hide:function(){this.pnode.removeClass("on");this.hideAction();this.fireEvent("deactivate",this.tabPanel,this);},hideAction:function(){this.bodyEl.hide();this.bodyEl.setStyle("position","absolute");this.bodyEl.setLeft("-20000px");this.bodyEl.setTop("-20000px");},showAction:function(){this.bodyEl.setStyle("position","relative");this.bodyEl.setTop("");this.bodyEl.setLeft("");this.bodyEl.show();},setTooltip:function(f){if(Roo.QuickTips&&Roo.QuickTips.isEnabled()){this.textEl.dom.qtip=f;this.textEl.dom.removeAttribute('title');}else {this.textEl.dom.title=f;}},onTabClick:function(e){e.preventDefault();this.tabPanel.activate(this.id);},onTabMouseDown:function(e){e.preventDefault();this.tabPanel.activate(this.id);},getWidth:function(){return this.inner.getWidth();},setWidth:function(g){var h=g-this.pnode.getPadding("lr");this.inner.setWidth(h);this.textEl.setWidth(h-this.inner.getPadding("lr"));this.pnode.setWidth(g);},setHidden:function(j){this.hidden=j;this.pnode.setStyle("display",j?"none":"");},isHidden:function(){return this.hidden;},getText:function(){return this.text;},autoSize:function(){this.textEl.setWidth(1);this.setWidth(this.textEl.dom.scrollWidth+this.pnode.getPadding("lr")+this.inner.getPadding("lr"));},setText:function(k){this.text=k;this.textEl.update(k);this.setTooltip(k);if(!this.tabPanel.resizeTabs){this.autoSize();}},activate:function(){this.tabPanel.activate(this.id);},disable:function(){if(this.tabPanel.active!=this){this.disabled=true;this.pnode.addClass("disabled");}},enable:function(){this.disabled=false;this.pnode.removeClass("disabled");},setContent:function(l,m){this.bodyEl.update(l,m);},getUpdateManager:function(){return this.bodyEl.getUpdateManager();},setUrl:function(n,o,p){if(this.refreshDelegate){this.un('activate',this.refreshDelegate);}
+this.refreshDelegate=this._handleRefresh.createDelegate(this,[n,o,p]);this.on("activate",this.refreshDelegate);return this.bodyEl.getUpdateManager();},_handleRefresh:function(q,r,s){if(!s||!this.loaded){var updater=this.bodyEl.getUpdateManager();updater.update(q,r,this._setLoaded.createDelegate(this));}},refresh:function(){if(this.refreshDelegate){this.loaded=false;this.refreshDelegate();}},_setLoaded:function(){this.loaded=true;},closeClick:function(e){var o={};e.stopEvent();this.fireEvent("beforeclose",this,o);if(o.cancel!==true){this.tabPanel.removeTab(this.id);}},closeText:"Close this tab"});Roo.TabPanel.prototype.createStrip=function(u){var v=document.createElement("div");v.className="x-tabs-wrap";u.appendChild(v);return v;};Roo.TabPanel.prototype.createStripList=function(x){x.innerHTML='<div class="x-tabs-strip-wrap"><table class="x-tabs-strip" cellspacing="0" cellpadding="0" border="0"><tbody><tr></tr></tbody></table></div>';return x.firstChild.firstChild.firstChild.firstChild;};Roo.TabPanel.prototype.createBody=function(y){var z=document.createElement("div");Roo.id(z,"tab-body");Roo.fly(z).addClass("x-tabs-body");y.appendChild(z);return z;};Roo.TabPanel.prototype.createItemBody=function(AA,id){var AB=Roo.getDom(id);if(!AB){AB=document.createElement("div");AB.id=id;}
+Roo.fly(AB).addClass("x-tabs-item-body");AA.insertBefore(AB,AA.firstChild);return AB;};Roo.TabPanel.prototype.createStripElements=function(AC,AD,AE){var td=document.createElement("td");AC.appendChild(td);if(AE){td.className="x-tabs-closable";if(!this.closeTpl){this.closeTpl=new Roo.Template('<a href="#" class="x-tabs-right"><span class="x-tabs-left"><em class="x-tabs-inner">'+'<span unselectable="on"'+(this.disableTooltips?'':' title="{text}"')+' class="x-tabs-text">{text}</span>'+'<div unselectable="on" class="close-icon"> </div></em></span></a>');}var el=this.closeTpl.overwrite(td,{"text":AD});var close=el.getElementsByTagName("div")[0];var inner=el.getElementsByTagName("em")[0];return {"el":el,"close":close,"inner":inner};}else {if(!this.tabTpl){this.tabTpl=new Roo.Template('<a href="#" class="x-tabs-right"><span class="x-tabs-left"><em class="x-tabs-inner">'+'<span unselectable="on"'+(this.disableTooltips?'':' title="{text}"')+' class="x-tabs-text">{text}</span></em></span></a>');}var el=this.tabTpl.overwrite(td,{"text":AD});var inner=el.getElementsByTagName("em")[0];return {"el":el,"inner":inner};}};
+Roo.Button=function(A,B){if(!B){B=A;A=B.renderTo||false;}
+Roo.apply(this,B);this.addEvents({"click":true,"toggle":true,'mouseover':true,'mouseout':true,'render':true});if(this.menu){this.menu=Roo.menu.MenuMgr.get(this.menu);}if(A){this.render(A);}
+Roo.util.Observable.call(this);};Roo.extend(Roo.Button,Roo.util.Observable,{hidden:false,disabled:false,pressed:false,tabIndex:undefined,enableToggle:false,menu:undefined,menuAlign:"tl-bl?",iconCls:undefined,type:'button',menuClassTarget:'tr',clickEvent:'click',handleMouseEvents:true,tooltipType:'qtip',render:function(C){var D;if(this.hideParent){this.parentEl=Roo.get(C);}if(!this.dhconfig){if(!this.template){if(!Roo.Button.buttonTemplate){Roo.Button.buttonTemplate=new Roo.Template('<table border="0" cellpadding="0" cellspacing="0" class="x-btn-wrap"><tbody><tr>','<td class="x-btn-left"><i> </i></td><td class="x-btn-center"><em unselectable="on"><button class="x-btn-text" type="{1}">{0}</button></em></td><td class="x-btn-right"><i> </i></td>',"</tr></tbody></table>");}
+this.template=Roo.Button.buttonTemplate;}
+D=this.template.append(C,[this.text||' ',this.type],true);var btnEl=D.child("button:first");btnEl.on('focus',this.onFocus,this);btnEl.on('blur',this.onBlur,this);if(this.cls){D.addClass(this.cls);}if(this.icon){btnEl.setStyle('background-image','url('+this.icon+')');}if(this.iconCls){btnEl.addClass(this.iconCls);if(!this.cls){D.addClass(this.text?'x-btn-text-icon':'x-btn-icon');}}if(this.tabIndex!==undefined){btnEl.dom.tabIndex=this.tabIndex;}if(this.tooltip){if(typeof this.tooltip=='object'){Roo.QuickTips.tips(Roo.apply({target:btnEl.id},this.tooltip));}else {btnEl.dom[this.tooltipType]=this.tooltip;}}}else {D=Roo.DomHelper.append(Roo.get(C).dom,this.dhconfig,true);}
+this.el=D;if(this.id){this.el.dom.id=this.el.id=this.id;}if(this.menu){this.el.child(this.menuClassTarget).addClass("x-btn-with-menu");this.menu.on("show",this.onMenuShow,this);this.menu.on("hide",this.onMenuHide,this);}
+D.addClass("x-btn");if(Roo.isIE&&!Roo.isIE7){this.autoWidth.defer(1,this);}else {this.autoWidth();}if(this.handleMouseEvents){D.on("mouseover",this.onMouseOver,this);D.on("mouseout",this.onMouseOut,this);D.on("mousedown",this.onMouseDown,this);}
+D.on(this.clickEvent,this.onClick,this);if(this.hidden){this.hide();}if(this.disabled){this.disable();}
+Roo.ButtonToggleMgr.register(this);if(this.pressed){this.el.addClass("x-btn-pressed");}if(this.repeat){var repeater=new Roo.util.ClickRepeater(D,typeof this.repeat=="object"?this.repeat:{});repeater.on("click",this.onClick,this);}
+this.fireEvent('render',this);},getEl:function(){return this.el;},destroy:function(){Roo.ButtonToggleMgr.unregister(this);this.el.removeAllListeners();this.purgeListeners();this.el.remove();},autoWidth:function(){if(this.el){this.el.setWidth("auto");if(Roo.isIE7&&Roo.isStrict){var ib=this.el.child('button');if(ib&&ib.getWidth()>20){ib.clip();ib.setWidth(Roo.util.TextMetrics.measure(ib,this.text).width+ib.getFrameWidth('lr'));}}if(this.minWidth){if(this.hidden){this.el.beginMeasure();}if(this.el.getWidth()<this.minWidth){this.el.setWidth(this.minWidth);}if(this.hidden){this.el.endMeasure();}}}},setHandler:function(E,F){this.handler=E;this.scope=F;},setText:function(G){this.text=G;if(this.el){this.el.child("td.x-btn-center button.x-btn-text").update(G);}
+this.autoWidth();},getText:function(){return this.text;},show:function(){this.hidden=false;if(this.el){this[this.hideParent?'parentEl':'el'].setStyle("display","");}},hide:function(){this.hidden=true;if(this.el){this[this.hideParent?'parentEl':'el'].setStyle("display","none");}},setVisible:function(H){if(H){this.show();}else {this.hide();}},toggle:function(I){I=I===undefined?!this.pressed:I;if(I!=this.pressed){if(I){this.el.addClass("x-btn-pressed");this.pressed=true;this.fireEvent("toggle",this,true);}else {this.el.removeClass("x-btn-pressed");this.pressed=false;this.fireEvent("toggle",this,false);}if(this.toggleHandler){this.toggleHandler.call(this.scope||this,this,I);}}},focus:function(){this.el.child('button:first').focus();},disable:function(){if(this.el){this.el.addClass("x-btn-disabled");}
+this.disabled=true;},enable:function(){if(this.el){this.el.removeClass("x-btn-disabled");}
+this.disabled=false;},setDisabled:function(v){this[v!==true?"enable":"disable"]();},onClick:function(e){if(e){e.preventDefault();}if(e.button!=0){return;}if(!this.disabled){if(this.enableToggle){this.toggle();}if(this.menu&&!this.menu.isVisible()){this.menu.show(this.el,this.menuAlign);}
+this.fireEvent("click",this,e);if(this.handler){this.el.removeClass("x-btn-over");this.handler.call(this.scope||this,this,e);}}},onMouseOver:function(e){if(!this.disabled){this.el.addClass("x-btn-over");this.fireEvent('mouseover',this,e);}},onMouseOut:function(e){if(!e.within(this.el,true)){this.el.removeClass("x-btn-over");this.fireEvent('mouseout',this,e);}},onFocus:function(e){if(!this.disabled){this.el.addClass("x-btn-focus");}},onBlur:function(e){this.el.removeClass("x-btn-focus");},onMouseDown:function(e){if(!this.disabled&&e.button==0){this.el.addClass("x-btn-click");Roo.get(document).on('mouseup',this.onMouseUp,this);}},onMouseUp:function(e){if(e.button==0){this.el.removeClass("x-btn-click");Roo.get(document).un('mouseup',this.onMouseUp,this);}},onMenuShow:function(e){this.el.addClass("x-btn-menu-active");},onMenuHide:function(e){this.el.removeClass("x-btn-menu-active");}});Roo.ButtonToggleMgr=function(){var J={};function K(L,M){if(M){var g=J[L.toggleGroup];for(var i=0,l=g.length;i<l;i++){if(g[i]!=L){g[i].toggle(false);}}}}return {register:function(N){if(!N.toggleGroup){return;}var g=J[N.toggleGroup];if(!g){g=J[N.toggleGroup]=[];}
+g.push(N);N.on("toggle",K);},unregister:function(O){if(!O.toggleGroup){return;}var g=J[O.toggleGroup];if(g){g.remove(O);O.un("toggle",K);}}};}();
+Roo.SplitButton=function(A,B){Roo.SplitButton.superclass.constructor.call(this,A,B);this.addEvents({"arrowclick":true});};Roo.extend(Roo.SplitButton,Roo.Button,{render:function(C){var D=new Roo.Template('<table cellspacing="0" class="x-btn-menu-wrap x-btn"><tr><td>','<table cellspacing="0" class="x-btn-wrap x-btn-menu-text-wrap"><tbody>','<tr><td class="x-btn-left"><i> </i></td><td class="x-btn-center"><button class="x-btn-text" type="{1}">{0}</button></td></tr>',"</tbody></table></td><td>",'<table cellspacing="0" class="x-btn-wrap x-btn-menu-arrow-wrap"><tbody>','<tr><td class="x-btn-center"><button class="x-btn-menu-arrow-el" type="button"> </button></td><td class="x-btn-right"><i> </i></td></tr>',"</tbody></table></td></tr></table>");var E=D.append(C,[this.text,this.type],true);var F=E.child("button");if(this.cls){E.addClass(this.cls);}if(this.icon){F.setStyle('background-image','url('+this.icon+')');}if(this.iconCls){F.addClass(this.iconCls);if(!this.cls){E.addClass(this.text?'x-btn-text-icon':'x-btn-icon');}}
+this.el=E;if(this.handleMouseEvents){E.on("mouseover",this.onMouseOver,this);E.on("mouseout",this.onMouseOut,this);E.on("mousedown",this.onMouseDown,this);E.on("mouseup",this.onMouseUp,this);}
+E.on(this.clickEvent,this.onClick,this);if(this.tooltip){if(typeof this.tooltip=='object'){Roo.QuickTips.tips(Roo.apply({target:F.id},this.tooltip));}else {F.dom[this.tooltipType]=this.tooltip;}}if(this.arrowTooltip){E.child("button:nth(2)").dom[this.tooltipType]=this.arrowTooltip;}if(this.hidden){this.hide();}if(this.disabled){this.disable();}if(this.pressed){this.el.addClass("x-btn-pressed");}if(Roo.isIE&&!Roo.isIE7){this.autoWidth.defer(1,this);}else {this.autoWidth();}if(this.menu){this.menu.on("show",this.onMenuShow,this);this.menu.on("hide",this.onMenuHide,this);}
+this.fireEvent('render',this);},autoWidth:function(){if(this.el){var tbl=this.el.child("table:first");var tbl2=this.el.child("table:last");this.el.setWidth("auto");tbl.setWidth("auto");if(Roo.isIE7&&Roo.isStrict){var ib=this.el.child('button:first');if(ib&&ib.getWidth()>20){ib.clip();ib.setWidth(Roo.util.TextMetrics.measure(ib,this.text).width+ib.getFrameWidth('lr'));}}if(this.minWidth){if(this.hidden){this.el.beginMeasure();}if((tbl.getWidth()+tbl2.getWidth())<this.minWidth){tbl.setWidth(this.minWidth-tbl2.getWidth());}if(this.hidden){this.el.endMeasure();}}
+this.el.setWidth(tbl.getWidth()+tbl2.getWidth());}},setHandler:function(G,H){this.handler=G;this.scope=H;},setArrowHandler:function(I,J){this.arrowHandler=I;this.scope=J;},focus:function(){if(this.el){this.el.child("button:first").focus();}},onClick:function(e){e.preventDefault();if(!this.disabled){if(e.getTarget(".x-btn-menu-arrow-wrap")){if(this.menu&&!this.menu.isVisible()){this.menu.show(this.el,this.menuAlign);}
+this.fireEvent("arrowclick",this,e);if(this.arrowHandler){this.arrowHandler.call(this.scope||this,this,e);}}else {this.fireEvent("click",this,e);if(this.handler){this.handler.call(this.scope||this,this,e);}}}},onMouseDown:function(e){if(!this.disabled){Roo.fly(e.getTarget("table")).addClass("x-btn-click");}},onMouseUp:function(e){Roo.fly(e.getTarget("table")).removeClass("x-btn-click");}});Roo.MenuButton=Roo.SplitButton;
+Roo.Toolbar=function(A,B,C){if(A instanceof Array){B=A;C=B;A=null;}if(typeof(A)=='object'&&A.xtype){C=A;A=C.container;B=C.buttons;}var D=[];if(C&&C.items){D=C.items;delete C.items;}
+Roo.apply(this,C);this.buttons=B;if(A){this.render(A);}
+Roo.each(D,function(b){this.add(b);},this);};Roo.Toolbar.prototype={render:function(ct){this.el=Roo.get(ct);if(this.cls){this.el.addClass(this.cls);}
+this.el.update('<div class="x-toolbar x-small-editor"><table cellspacing="0"><tr></tr></table></div>');this.tr=this.el.child("tr",true);var E=0;this.items=new Roo.util.MixedCollection(false,function(o){return o.id||("item"+(++E));});if(this.buttons){this.add.apply(this,this.buttons);delete this.buttons;}},add:function(){var a=arguments,l=a.length;for(var i=0;i<l;i++){this._add(a[i]);}},_add:function(el){if(el.xtype){el=Roo.factory(el,typeof(Roo.Toolbar[el.xtype])=='undefined'?Roo.form:Roo.Toolbar);}if(el.applyTo){return this.addField(el);}if(el.render){return this.addItem(el);}if(typeof el=="string"){if(el=="separator"||el=="-"){return this.addSeparator();}if(el==" "){return this.addSpacer();}if(el=="->"){return this.addFill();}return this.addText(el);}if(el.tagName){return this.addElement(el);}if(typeof el=="object"){return this.addButton(el);}return false;},addxtype:function(e){return this.add(e);},getEl:function(){return this.el;},addSeparator:function(){return this.addItem(new Roo.Toolbar.Separator());},addSpacer:function(){return this.addItem(new Roo.Toolbar.Spacer());},addFill:function(){return this.addItem(new Roo.Toolbar.Fill());},addElement:function(el){return this.addItem(new Roo.Toolbar.Item(el));},items:false,addItem:function(F){var td=this.nextBlock();F.render(td);this.items.add(F);return F;},addButton:function(G){if(G instanceof Array){var B=[];for(var i=0,len=G.length;i<len;i++){B.push(this.addButton(G[i]));}return B;}var b=G;if(!(G instanceof Roo.Toolbar.Button)){b=G.split?new Roo.Toolbar.SplitButton(G):new Roo.Toolbar.Button(G);}var td=this.nextBlock();b.render(td);this.items.add(b);return b;},addText:function(H){return this.addItem(new Roo.Toolbar.TextItem(H));},insertButton:function(I,J){if(J instanceof Array){var B=[];for(var i=0,len=J.length;i<len;i++){B.push(this.insertButton(I+i,J[i]));}return B;}if(!(J instanceof Roo.Toolbar.Button)){J=new Roo.Toolbar.Button(J);}var td=document.createElement("td");this.tr.insertBefore(td,this.tr.childNodes[I]);J.render(td);this.items.insert(I,J);return J;},addDom:function(K,L){var td=this.nextBlock();Roo.DomHelper.overwrite(td,K);var ti=new Roo.Toolbar.Item(td.firstChild);ti.render(td);this.items.add(ti);return ti;},fields:false,addField:function(M){if(!this.fields){var E=0;this.fields=new Roo.util.MixedCollection(false,function(o){return o.id||("item"+(++E));});}var td=this.nextBlock();M.render(td);var ti=new Roo.Toolbar.Item(td.firstChild);ti.render(td);this.items.add(ti);this.fields.add(M);return ti;},hide:function(){this.el.child('div').setVisibilityMode(Roo.Element.DISPLAY);this.el.child('div').hide();},show:function(){this.el.child('div').show();},nextBlock:function(){var td=document.createElement("td");this.tr.appendChild(td);return td;},destroy:function(){if(this.items){Roo.destroy.apply(Roo,this.items.items);}if(this.fields){Roo.destroy.apply(Roo,this.fields.items);}
+Roo.Element.uncache(this.el,this.tr);}};Roo.Toolbar.Item=function(el){this.el=Roo.getDom(el);this.id=Roo.id(this.el);this.hidden=false;};Roo.Toolbar.Item.prototype={getEl:function(){return this.el;},render:function(td){this.td=td;td.appendChild(this.el);},destroy:function(){this.td.parentNode.removeChild(this.td);},show:function(){this.hidden=false;this.td.style.display="";},hide:function(){this.hidden=true;this.td.style.display="none";},setVisible:function(N){if(N){this.show();}else {this.hide();}},focus:function(){Roo.fly(this.el).focus();},disable:function(){Roo.fly(this.td).addClass("x-item-disabled");this.disabled=true;this.el.disabled=true;},enable:function(){Roo.fly(this.td).removeClass("x-item-disabled");this.disabled=false;this.el.disabled=false;}};Roo.Toolbar.Separator=function(){var s=document.createElement("span");s.className="ytb-sep";Roo.Toolbar.Separator.superclass.constructor.call(this,s);};Roo.extend(Roo.Toolbar.Separator,Roo.Toolbar.Item,{enable:Roo.emptyFn,disable:Roo.emptyFn,focus:Roo.emptyFn});Roo.Toolbar.Spacer=function(){var s=document.createElement("div");s.className="ytb-spacer";Roo.Toolbar.Spacer.superclass.constructor.call(this,s);};Roo.extend(Roo.Toolbar.Spacer,Roo.Toolbar.Item,{enable:Roo.emptyFn,disable:Roo.emptyFn,focus:Roo.emptyFn});Roo.Toolbar.Fill=Roo.extend(Roo.Toolbar.Spacer,{render:function(td){td.style.width='100%';Roo.Toolbar.Fill.superclass.render.call(this,td);}});Roo.Toolbar.TextItem=function(O){if(typeof(O)=='object'){O=O.text;}var s=document.createElement("span");s.className="ytb-text";s.innerHTML=O;Roo.Toolbar.TextItem.superclass.constructor.call(this,s);};Roo.extend(Roo.Toolbar.TextItem,Roo.Toolbar.Item,{enable:Roo.emptyFn,disable:Roo.emptyFn,focus:Roo.emptyFn});Roo.Toolbar.Button=function(P){Roo.Toolbar.Button.superclass.constructor.call(this,null,P);};Roo.extend(Roo.Toolbar.Button,Roo.Button,{render:function(td){this.td=td;Roo.Toolbar.Button.superclass.render.call(this,td);},destroy:function(){Roo.Toolbar.Button.superclass.destroy.call(this);this.td.parentNode.removeChild(this.td);},show:function(){this.hidden=false;this.td.style.display="";},hide:function(){this.hidden=true;this.td.style.display="none";},disable:function(){Roo.fly(this.td).addClass("x-item-disabled");this.disabled=true;},enable:function(){Roo.fly(this.td).removeClass("x-item-disabled");this.disabled=false;}});Roo.ToolbarButton=Roo.Toolbar.Button;Roo.Toolbar.SplitButton=function(Q){Roo.Toolbar.SplitButton.superclass.constructor.call(this,null,Q);};Roo.extend(Roo.Toolbar.SplitButton,Roo.SplitButton,{render:function(td){this.td=td;Roo.Toolbar.SplitButton.superclass.render.call(this,td);},destroy:function(){Roo.Toolbar.SplitButton.superclass.destroy.call(this);this.td.parentNode.removeChild(this.td);},show:function(){this.hidden=false;this.td.style.display="";},hide:function(){this.hidden=true;this.td.style.display="none";}});Roo.Toolbar.MenuButton=Roo.Toolbar.SplitButton;
+Roo.PagingToolbar=function(el,ds,A){if(typeof(el)=='object'&&el.xtype){A=el;ds=el.dataSource;el=A.container;}
+Roo.PagingToolbar.superclass.constructor.call(this,el,null,A);this.ds=ds;this.cursor=0;this.renderButtons(this.el);this.bind(ds);};Roo.extend(Roo.PagingToolbar,Roo.Toolbar,{pageSize:20,displayMsg:'Displaying {0} - {1} of {2}',emptyMsg:'No data to display',beforePageText:"Page",afterPageText:"of {0}",firstText:"First Page",prevText:"Previous Page",nextText:"Next Page",lastText:"Last Page",refreshText:"Refresh",renderButtons:function(el){Roo.PagingToolbar.superclass.render.call(this,el);this.first=this.addButton({tooltip:this.firstText,cls:"x-btn-icon x-grid-page-first",disabled:true,handler:this.onClick.createDelegate(this,["first"])});this.prev=this.addButton({tooltip:this.prevText,cls:"x-btn-icon x-grid-page-prev",disabled:true,handler:this.onClick.createDelegate(this,["prev"])});this.addSeparator();this.add(this.beforePageText);this.field=Roo.get(this.addDom({tag:"input",type:"text",size:"3",value:"1",cls:"x-grid-page-number"}).el);this.field.on("keydown",this.onPagingKeydown,this);this.field.on("focus",function(){this.dom.select();});this.afterTextEl=this.addText(String.format(this.afterPageText,1));this.field.setHeight(18);this.addSeparator();this.next=this.addButton({tooltip:this.nextText,cls:"x-btn-icon x-grid-page-next",disabled:true,handler:this.onClick.createDelegate(this,["next"])});this.last=this.addButton({tooltip:this.lastText,cls:"x-btn-icon x-grid-page-last",disabled:true,handler:this.onClick.createDelegate(this,["last"])});this.addSeparator();this.loading=this.addButton({tooltip:this.refreshText,cls:"x-btn-icon x-grid-loading",handler:this.onClick.createDelegate(this,["refresh"])});if(this.displayInfo){this.displayEl=Roo.fly(this.el.dom.firstChild).createChild({cls:'x-paging-info'});}},updateInfo:function(){if(this.displayEl){var count=this.ds.getCount();var msg=count==0?this.emptyMsg:String.format(this.displayMsg,this.cursor+1,this.cursor+count,this.ds.getTotalCount());this.displayEl.update(msg);}},onLoad:function(ds,r,o){this.cursor=o.params?o.params.start:0;var d=this.getPageData(),ap=d.activePage,ps=d.pages;this.afterTextEl.el.innerHTML=String.format(this.afterPageText,d.pages);this.field.dom.value=ap;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();},getPageData:function(){var B=this.ds.getTotalCount();return {total:B,activePage:Math.ceil((this.cursor+this.pageSize)/this.pageSize),pages:B<this.pageSize?1:Math.ceil(B/this.pageSize)};},onLoadError:function(){this.loading.enable();},onPagingKeydown:function(e){var k=e.getKey();var d=this.getPageData();if(k==e.RETURN ){var v=this.field.dom.value,pageNum;if(!v||isNaN(pageNum=parseInt(v,10))){this.field.dom.value=d.activePage;return;}
+pageNum=Math.min(Math.max(1,pageNum),d.pages)-1;this.ds.load({params:{start:pageNum*this.pageSize,limit:this.pageSize}});e.stopEvent();}else if(k==e.HOME||(k==e.UP&&e.ctrlKey)||(k==e.PAGEUP&&e.ctrlKey)||(k==e.RIGHT&&e.ctrlKey)||k==e.END||(k==e.DOWN&&e.ctrlKey)||(k==e.LEFT&&e.ctrlKey)||(k==e.PAGEDOWN&&e.ctrlKey)){var pageNum=(k==e.HOME||(k==e.DOWN&&e.ctrlKey)||(k==e.LEFT&&e.ctrlKey)||(k==e.PAGEDOWN&&e.ctrlKey))?1:d.pages;this.field.dom.value=pageNum;this.ds.load({params:{start:(pageNum-1)*this.pageSize,limit:this.pageSize}});e.stopEvent();}else if(k==e.UP||k==e.RIGHT||k==e.PAGEUP||k==e.DOWN||k==e.LEFT||k==e.PAGEDOWN){var v=this.field.dom.value,pageNum;var increment=(e.shiftKey)?10:1;if(k==e.DOWN||k==e.LEFT||k==e.PAGEDOWN)increment*=-1;if(!v||isNaN(pageNum=parseInt(v,10))){this.field.dom.value=d.activePage;return;}else if(parseInt(v,10)+increment>=1&parseInt(v,10)+increment<=d.pages){this.field.dom.value=parseInt(v,10)+increment;pageNum=Math.min(Math.max(1,pageNum+increment),d.pages)-1;this.ds.load({params:{start:pageNum*this.pageSize,limit:this.pageSize}});}
+e.stopEvent();}},beforeLoad:function(){if(this.loading){this.loading.disable();}},onClick:function(C){var ds=this.ds;switch(C){case "first":ds.load({params:{start:0,limit:this.pageSize}});break;case "prev":ds.load({params:{start:Math.max(0,this.cursor-this.pageSize),limit:this.pageSize}});break;case "next":ds.load({params:{start:this.cursor+this.pageSize,limit:this.pageSize}});break;case "last":var B=ds.getTotalCount();var extra=B%this.pageSize;var lastStart=extra?(B-extra):B-this.pageSize;ds.load({params:{start:lastStart,limit:this.pageSize}});break;case "refresh":ds.load({params:{start:this.cursor,limit:this.pageSize}});break;}},unbind:function(ds){ds.un("beforeload",this.beforeLoad,this);ds.un("load",this.onLoad,this);ds.un("loadexception",this.onLoadError,this);ds.un("remove",this.updateInfo,this);ds.un("add",this.updateInfo,this);this.ds=undefined;},bind:function(ds){ds.on("beforeload",this.beforeLoad,this);ds.on("load",this.onLoad,this);ds.on("loadexception",this.onLoadError,this);ds.on("remove",this.updateInfo,this);ds.on("add",this.updateInfo,this);this.ds=ds;}});
+Roo.Resizable=function(el,A){this.el=Roo.get(el);if(A&&A.wrap){A.resizeChild=this.el;this.el=this.el.wrap(typeof A.wrap=="object"?A.wrap:{cls:"xresizable-wrap"});this.el.id=this.el.dom.id=A.resizeChild.id+"-rzwrap";this.el.setStyle("overflow","hidden");this.el.setPositioning(A.resizeChild.getPositioning());A.resizeChild.clearPositioning();if(!A.width||!A.height){var csize=A.resizeChild.getSize();this.el.setSize(csize.width,csize.height);}if(A.pinned&&!A.adjustments){A.adjustments="auto";}}
+this.proxy=this.el.createProxy({tag:"div",cls:"x-resizable-proxy",id:this.el.id+"-rzproxy"});this.proxy.unselectable();this.proxy.enableDisplayMode('block');Roo.apply(this,A);if(this.pinned){this.disableTrackOver=true;this.el.addClass("x-resizable-pinned");}var B=this.el.getStyle("position");if(B!="absolute"&&B!="fixed"){this.el.setStyle("position","relative");}if(!this.handles){this.handles='s,e,se';if(this.multiDirectional){this.handles+=',n,w';}}if(this.handles=="all"){this.handles="n s e w ne nw se sw";}var hs=this.handles.split(/\s*?[,;]\s*?| /);var ps=Roo.Resizable.positions;for(var i=0,len=hs.length;i<len;i++){if(hs[i]&&ps[hs[i]]){var pos=ps[hs[i]];this[pos]=new Roo.Resizable.Handle(this,pos,this.disableTrackOver,this.transparent);}}
+this.corner=this.southeast;if(this.handles.indexOf("n")!=-1||this.handles.indexOf("w")!=-1){this.updateBox=true;}
+this.activeHandle=null;if(this.resizeChild){if(typeof this.resizeChild=="boolean"){this.resizeChild=Roo.get(this.el.dom.firstChild,true);}else {this.resizeChild=Roo.get(this.resizeChild,true);}}if(this.adjustments=="auto"){var rc=this.resizeChild;var hw=this.west,he=this.east,hn=this.north,hs=this.south;if(rc&&(hw||hn)){rc.position("relative");rc.setLeft(hw?hw.el.getWidth():0);rc.setTop(hn?hn.el.getHeight():0);}
+this.adjustments=[(he?-he.el.getWidth():0)+(hw?-hw.el.getWidth():0),(hn?-hn.el.getHeight():0)+(hs?-hs.el.getHeight():0)-1];}if(this.draggable){this.dd=this.dynamic?this.el.initDD(null):this.el.initDDProxy(null,{dragElId:this.proxy.id});this.dd.setHandleElId(this.resizeChild?this.resizeChild.id:this.el.id);}
+this.addEvents({"beforeresize":true,"resize":true});if(this.width!==null&&this.height!==null){this.resizeTo(this.width,this.height);}else {this.updateChildSize();}if(Roo.isIE){this.el.dom.style.zoom=1;}
+Roo.Resizable.superclass.constructor.call(this);};Roo.extend(Roo.Resizable,Roo.util.Observable,{resizeChild:false,adjustments:[0,0],minWidth:5,minHeight:5,maxWidth:10000,maxHeight:10000,enabled:true,animate:false,duration:.35,dynamic:false,handles:false,multiDirectional:false,disableTrackOver:false,easing:'easeOutStrong',widthIncrement:0,heightIncrement:0,pinned:false,width:null,height:null,preserveRatio:false,transparent:false,minX:0,minY:0,draggable:false,constrainTo:undefined,resizeRegion:undefined,resizeTo:function(C,D){this.el.setSize(C,D);this.updateChildSize();this.fireEvent("resize",this,C,D,null);},startSizing:function(e,E){this.fireEvent("beforeresize",this,e);if(this.enabled){if(!this.overlay){this.overlay=this.el.createProxy({tag:"div",cls:"x-resizable-overlay",html:" "});this.overlay.unselectable();this.overlay.enableDisplayMode("block");this.overlay.on("mousemove",this.onMouseMove,this);this.overlay.on("mouseup",this.onMouseUp,this);}
+this.overlay.setStyle("cursor",E.el.getStyle("cursor"));this.resizing=true;this.startBox=this.el.getBox();this.startPoint=e.getXY();this.offsets=[(this.startBox.x+this.startBox.width)-this.startPoint[0],(this.startBox.y+this.startBox.height)-this.startPoint[1]];this.overlay.setSize(Roo.lib.Dom.getViewWidth(true),Roo.lib.Dom.getViewHeight(true));this.overlay.show();if(this.constrainTo){var ct=Roo.get(this.constrainTo);this.resizeRegion=ct.getRegion().adjust(ct.getFrameWidth('t'),ct.getFrameWidth('l'),-ct.getFrameWidth('b'),-ct.getFrameWidth('r'));}
+this.proxy.setStyle('visibility','hidden');this.proxy.show();this.proxy.setBox(this.startBox);if(!this.dynamic){this.proxy.setStyle('visibility','visible');}}},onMouseDown:function(F,e){if(this.enabled){e.stopEvent();this.activeHandle=F;this.startSizing(e,F);}},onMouseUp:function(e){var G=this.resizeElement();this.resizing=false;this.handleOut();this.overlay.hide();this.proxy.hide();this.fireEvent("resize",this,G.width,G.height,e);},updateChildSize:function(){if(this.resizeChild){var el=this.el;var child=this.resizeChild;var adj=this.adjustments;if(el.dom.offsetWidth){var b=el.getSize(true);child.setSize(b.width+adj[0],b.height+adj[1]);}if(Roo.isIE){setTimeout(function(){if(el.dom.offsetWidth){var b=el.getSize(true);child.setSize(b.width+adj[0],b.height+adj[1]);}},10);}}},snap:function(H,I,J){if(!I||!H)return H;var K=H;var m=H%I;if(m>0){if(m>(I/2)){K=H+(I-m);}else {K=H-m;}}return Math.max(J,K);},resizeElement:function(){var L=this.proxy.getBox();if(this.updateBox){this.el.setBox(L,false,this.animate,this.duration,null,this.easing);}else {this.el.setSize(L.width,L.height,this.animate,this.duration,null,this.easing);}
+this.updateChildSize();if(!this.dynamic){this.proxy.hide();}return L;},constrain:function(v,M,m,mx){if(v-M<m){M=v-m;}else if(v-M>mx){M=mx-v;}return M;},onMouseMove:function(e){if(this.enabled){try{if(this.resizeRegion&&!this.resizeRegion.contains(e.getPoint())){return;}var curSize=this.curSize||this.startBox;var x=this.startBox.x,y=this.startBox.y;var ox=x,oy=y;var w=curSize.width,h=curSize.height;var ow=w,oh=h;var mw=this.minWidth,mh=this.minHeight;var mxw=this.maxWidth,mxh=this.maxHeight;var wi=this.widthIncrement;var hi=this.heightIncrement;var eventXY=e.getXY();var diffX=-(this.startPoint[0]-Math.max(this.minX,eventXY[0]));var diffY=-(this.startPoint[1]-Math.max(this.minY,eventXY[1]));var pos=this.activeHandle.position;switch(pos){case "east":w+=diffX;w=Math.min(Math.max(mw,w),mxw);break;case "south":h+=diffY;h=Math.min(Math.max(mh,h),mxh);break;case "southeast":w+=diffX;h+=diffY;w=Math.min(Math.max(mw,w),mxw);h=Math.min(Math.max(mh,h),mxh);break;case "north":diffY=this.constrain(h,diffY,mh,mxh);y+=diffY;h-=diffY;break;case "west":diffX=this.constrain(w,diffX,mw,mxw);x+=diffX;w-=diffX;break;case "northeast":w+=diffX;w=Math.min(Math.max(mw,w),mxw);diffY=this.constrain(h,diffY,mh,mxh);y+=diffY;h-=diffY;break;case "northwest":diffX=this.constrain(w,diffX,mw,mxw);diffY=this.constrain(h,diffY,mh,mxh);y+=diffY;h-=diffY;x+=diffX;w-=diffX;break;case "southwest":diffX=this.constrain(w,diffX,mw,mxw);h+=diffY;h=Math.min(Math.max(mh,h),mxh);x+=diffX;w-=diffX;break;}var sw=this.snap(w,wi,mw);var sh=this.snap(h,hi,mh);if(sw!=w||sh!=h){switch(pos){case "northeast":y-=sh-h;break;case "north":y-=sh-h;break;case "southwest":x-=sw-w;break;case "west":x-=sw-w;break;case "northwest":x-=sw-w;y-=sh-h;break;}
+w=sw;h=sh;}if(this.preserveRatio){switch(pos){case "southeast":case "east":h=oh*(w/ow);h=Math.min(Math.max(mh,h),mxh);w=ow*(h/oh);break;case "south":w=ow*(h/oh);w=Math.min(Math.max(mw,w),mxw);h=oh*(w/ow);break;case "northeast":w=ow*(h/oh);w=Math.min(Math.max(mw,w),mxw);h=oh*(w/ow);break;case "north":var tw=w;w=ow*(h/oh);w=Math.min(Math.max(mw,w),mxw);h=oh*(w/ow);x+=(tw-w)/2;break;case "southwest":h=oh*(w/ow);h=Math.min(Math.max(mh,h),mxh);var tw=w;w=ow*(h/oh);x+=tw-w;break;case "west":var th=h;h=oh*(w/ow);h=Math.min(Math.max(mh,h),mxh);y+=(th-h)/2;var tw=w;w=ow*(h/oh);x+=tw-w;break;case "northwest":var tw=w;var th=h;h=oh*(w/ow);h=Math.min(Math.max(mh,h),mxh);w=ow*(h/oh);y+=th-h;x+=tw-w;break;}}
+this.proxy.setBounds(x,y,w,h);if(this.dynamic){this.resizeElement();}}catch(e){}}},handleOver:function(){if(this.enabled){this.el.addClass("x-resizable-over");}},handleOut:function(){if(!this.resizing){this.el.removeClass("x-resizable-over");}},getEl:function(){return this.el;},getResizeChild:function(){return this.resizeChild;},destroy:function(N){this.proxy.remove();if(this.overlay){this.overlay.removeAllListeners();this.overlay.remove();}var ps=Roo.Resizable.positions;for(var k in ps){if(typeof ps[k]!="function"&&this[ps[k]]){var h=this[ps[k]];h.el.removeAllListeners();h.el.remove();}}if(N){this.el.update("");this.el.remove();}}});Roo.Resizable.positions={n:"north",s:"south",e:"east",w:"west",se:"southeast",sw:"southwest",nw:"northwest",ne:"northeast"};Roo.Resizable.Handle=function(rz,O,P,Q){if(!this.tpl){var tpl=Roo.DomHelper.createTemplate({tag:"div",cls:"x-resizable-handle x-resizable-handle-{0}"});tpl.compile();Roo.Resizable.Handle.prototype.tpl=tpl;}
+this.position=O;this.rz=rz;this.el=this.tpl.append(rz.el.dom,[this.position],true);this.el.unselectable();if(Q){this.el.setOpacity(0);}
+this.el.on("mousedown",this.onMouseDown,this);if(!P){this.el.on("mouseover",this.onMouseOver,this);this.el.on("mouseout",this.onMouseOut,this);}};Roo.Resizable.Handle.prototype={afterResize:function(rz){},onMouseDown:function(e){this.rz.onMouseDown(this,e);},onMouseOver:function(e){this.rz.handleOver(this,e);},onMouseOut:function(e){this.rz.handleOut(this,e);}};
+Roo.Editor=function(A,B){Roo.Editor.superclass.constructor.call(this,B);this.field=A;this.addEvents({"beforestartedit":true,"startedit":true,"beforecomplete":true,"complete":true,"specialkey":true});};Roo.extend(Roo.Editor,Roo.Component,{value:"",alignment:"c-c?",shadow:"frame",constrain:false,completeOnEnter:false,cancelOnEsc:false,updateEl:false,onRender:function(ct,C){this.el=new Roo.Layer({shadow:this.shadow,cls:"x-editor",parentEl:ct,shim:this.shim,shadowOffset:4,id:this.id,constrain:this.constrain});this.el.setStyle("overflow",Roo.isGecko?"auto":"hidden");if(this.field.msgTarget!='title'){this.field.msgTarget='qtip';}
+this.field.render(this.el);if(Roo.isGecko){this.field.el.dom.setAttribute('autocomplete','off');}
+this.field.on("specialkey",this.onSpecialKey,this);if(this.swallowKeys){this.field.el.swallowEvent(['keydown','keypress']);}
+this.field.show();this.field.on("blur",this.onBlur,this);if(this.field.grow){this.field.on("autosize",this.el.sync,this.el,{delay:1});}},onSpecialKey:function(D,e){if(this.completeOnEnter&&e.getKey()==e.ENTER){e.stopEvent();this.completeEdit();}else if(this.cancelOnEsc&&e.getKey()==e.ESC){this.cancelEdit();}else {this.fireEvent('specialkey',D,e);}},startEdit:function(el,E){if(this.editing){this.completeEdit();}
+this.boundEl=Roo.get(el);var v=E!==undefined?E:this.boundEl.dom.innerHTML;if(!this.rendered){this.render(this.parentEl||document.body);}if(this.fireEvent("beforestartedit",this,this.boundEl,v)===false){return;}
+this.startValue=v;this.field.setValue(v);if(this.autoSize){var sz=this.boundEl.getSize();switch(this.autoSize){case "width":this.setSize(sz.width,"");break;case "height":this.setSize("",sz.height);break;default:this.setSize(sz.width,sz.height);}}
+this.el.alignTo(this.boundEl,this.alignment);this.editing=true;if(Roo.QuickTips){Roo.QuickTips.disable();}
+this.show();},setSize:function(w,h){this.field.setSize(w,h);if(this.el){this.el.sync();}},realign:function(){this.el.alignTo(this.boundEl,this.alignment);},completeEdit:function(F){if(!this.editing){return;}var v=this.getValue();if(this.revertInvalid!==false&&!this.field.isValid()){v=this.startValue;this.cancelEdit(true);}if(String(v)===String(this.startValue)&&this.ignoreNoChange){this.editing=false;this.hide();return;}if(this.fireEvent("beforecomplete",this,v,this.startValue)!==false){this.editing=false;if(this.updateEl&&this.boundEl){this.boundEl.update(v);}if(F!==true){this.hide();}
+this.fireEvent("complete",this,v,this.startValue);}},onShow:function(){this.el.show();if(this.hideEl!==false){this.boundEl.hide();}
+this.field.show();if(Roo.isIE&&!this.fixIEFocus){this.fixIEFocus=true;this.deferredFocus.defer(50,this);}else {this.field.focus();}
+this.fireEvent("startedit",this.boundEl,this.startValue);},deferredFocus:function(){if(this.editing){this.field.focus();}},cancelEdit:function(G){if(this.editing){this.setValue(this.startValue);if(G!==true){this.hide();}}},onBlur:function(){if(this.allowBlur!==true&&this.editing){this.completeEdit();}},onHide:function(){if(this.editing){this.completeEdit();return;}
+this.field.blur();if(this.field.collapse){this.field.collapse();}
+this.el.hide();if(this.hideEl!==false){this.boundEl.show();}if(Roo.QuickTips){Roo.QuickTips.enable();}},setValue:function(v){this.field.setValue(v);},getValue:function(){return this.field.getValue();}});
+Roo.BasicDialog=function(el,A){this.el=Roo.get(el);var dh=Roo.DomHelper;if(!this.el&&A&&A.autoCreate){if(typeof A.autoCreate=="object"){if(!A.autoCreate.id){A.autoCreate.id=el;}
+this.el=dh.append(document.body,A.autoCreate,true);}else {this.el=dh.append(document.body,{tag:"div",id:el,style:'visibility:hidden;'},true);}}
+el=this.el;el.setDisplayed(true);el.hide=this.hideAction;this.id=el.id;el.addClass("x-dlg");Roo.apply(this,A);this.proxy=el.createProxy("x-dlg-proxy");this.proxy.hide=this.hideAction;this.proxy.setOpacity(.5);this.proxy.hide();if(A.width){el.setWidth(A.width);}if(A.height){el.setHeight(A.height);}
+this.size=el.getSize();if(typeof A.x!="undefined"&&typeof A.y!="undefined"){this.xy=[A.x,A.y];}else {this.xy=el.getCenterXY(true);}
+this.header=el.child("> .x-dlg-hd");this.body=el.child("> .x-dlg-bd");this.footer=el.child("> .x-dlg-ft");if(!this.header){this.header=el.createChild({tag:"div",cls:"x-dlg-hd",html:" "},this.body?this.body.dom:null);}if(!this.body){this.body=el.createChild({tag:"div",cls:"x-dlg-bd"});}
+this.header.unselectable();if(this.title){this.header.update(this.title);}
+this.focusEl=el.createChild({tag:"a",href:"#",cls:"x-dlg-focus",tabIndex:"-1"});this.focusEl.swallowEvent("click",true);this.header.wrap({cls:"x-dlg-hd-right"}).wrap({cls:"x-dlg-hd-left"},true);this.bwrap=this.body.wrap({tag:"div",cls:"x-dlg-dlg-body"});if(this.footer){this.bwrap.dom.appendChild(this.footer.dom);}
+this.bg=this.el.createChild({tag:"div",cls:"x-dlg-bg",html:'<div class="x-dlg-bg-left"><div class="x-dlg-bg-right"><div class="x-dlg-bg-center"> </div></div></div>'});this.centerBg=this.bg.child("div.x-dlg-bg-center");if(this.autoScroll!==false&&!this.autoTabs){this.body.setStyle("overflow","auto");}
+this.toolbox=this.el.createChild({cls:"x-dlg-toolbox"});if(this.closable!==false){this.el.addClass("x-dlg-closable");this.close=this.toolbox.createChild({cls:"x-dlg-close"});this.close.on("click",this.closeClick,this);this.close.addClassOnOver("x-dlg-close-over");}if(this.collapsible!==false){this.collapseBtn=this.toolbox.createChild({cls:"x-dlg-collapse"});this.collapseBtn.on("click",this.collapseClick,this);this.collapseBtn.addClassOnOver("x-dlg-collapse-over");this.header.on("dblclick",this.collapseClick,this);}if(this.resizable!==false){this.el.addClass("x-dlg-resizable");this.resizer=new Roo.Resizable(el,{minWidth:this.minWidth||80,minHeight:this.minHeight||80,handles:this.resizeHandles||"all",pinned:true});this.resizer.on("beforeresize",this.beforeResize,this);this.resizer.on("resize",this.onResize,this);}if(this.draggable!==false){el.addClass("x-dlg-draggable");if(!this.proxyDrag){var dd=new Roo.dd.DD(el.dom.id,"WindowDrag");}else {var dd=new Roo.dd.DDProxy(el.dom.id,"WindowDrag",{dragElId:this.proxy.id});}
+dd.setHandleElId(this.header.id);dd.endDrag=this.endMove.createDelegate(this);dd.startDrag=this.startMove.createDelegate(this);dd.onDrag=this.onDrag.createDelegate(this);dd.scroll=false;this.dd=dd;}if(this.modal){this.mask=dh.append(document.body,{tag:"div",cls:"x-dlg-mask"},true);this.mask.enableDisplayMode("block");this.mask.hide();this.el.addClass("x-dlg-modal");}if(this.shadow){this.shadow=new Roo.Shadow({mode:typeof this.shadow=="string"?this.shadow:"sides",offset:this.shadowOffset});}else {this.shadowOffset=0;}if(Roo.useShims&&this.shim!==false){this.shim=this.el.createShim();this.shim.hide=this.hideAction;this.shim.hide();}else {this.shim=false;}if(this.autoTabs){this.initTabs();}if(this.buttons){var bts=this.buttons;this.buttons=[];Roo.each(bts,function(b){this.addButton(b);},this);}
+this.addEvents({"keydown":true,"move":true,"resize":true,"beforehide":true,"hide":true,"beforeshow":true,"show":true});el.on("keydown",this.onKeyDown,this);el.on("mousedown",this.toFront,this);Roo.EventManager.onWindowResize(this.adjustViewport,this,true);this.el.hide();Roo.DialogManager.register(this);Roo.BasicDialog.superclass.constructor.call(this);};Roo.extend(Roo.BasicDialog,Roo.util.Observable,{shadowOffset:Roo.isIE?6:5,minHeight:80,minWidth:200,minButtonWidth:75,defaultButton:null,buttonAlign:"right",tabTag:'div',firstShow:true,setTitle:function(B){this.header.update(B);return this;},closeClick:function(){this.hide();},collapseClick:function(){this[this.collapsed?"expand":"collapse"]();},collapse:function(){if(!this.collapsed){this.collapsed=true;this.el.addClass("x-dlg-collapsed");this.restoreHeight=this.el.getHeight();this.resizeTo(this.el.getWidth(),this.header.getHeight());}},expand:function(){if(this.collapsed){this.collapsed=false;this.el.removeClass("x-dlg-collapsed");this.resizeTo(this.el.getWidth(),this.restoreHeight);}},initTabs:function(){var C=this.getTabs();while(C.getTab(0)){C.removeTab(0);}
+this.el.select(this.tabTag+'.x-dlg-tab').each(function(el){var D=el.dom;C.addTab(Roo.id(D),D.title);D.title="";});C.activate(0);return C;},beforeResize:function(){this.resizer.minHeight=Math.max(this.minHeight,this.getHeaderFooterHeight(true)+40);},onResize:function(){this.refreshSize();this.syncBodyHeight();this.adjustAssets();this.focus();this.fireEvent("resize",this,this.size.width,this.size.height);},onKeyDown:function(e){if(this.isVisible()){this.fireEvent("keydown",this,e);}},resizeTo:function(D,E){this.el.setSize(D,E);this.size={width:D,height:E};this.syncBodyHeight();if(this.fixedcenter){this.center();}if(this.isVisible()){this.constrainXY();this.adjustAssets();}
+this.fireEvent("resize",this,D,E);return this;},setContentSize:function(w,h){h+=this.getHeaderFooterHeight()+this.body.getMargins("tb");w+=this.body.getMargins("lr")+this.bwrap.getMargins("lr")+this.centerBg.getPadding("lr");h+=this.body.getPadding("tb")+this.bwrap.getBorderWidth("tb")+this.body.getBorderWidth("tb")+this.el.getBorderWidth("tb");w+=this.body.getPadding("lr")+this.bwrap.getBorderWidth("lr")+this.body.getBorderWidth("lr")+this.bwrap.getPadding("lr")+this.el.getBorderWidth("lr");if(this.tabs){h+=this.tabs.stripWrap.getHeight()+this.tabs.bodyEl.getMargins("tb")+this.tabs.bodyEl.getPadding("tb");w+=this.tabs.bodyEl.getMargins("lr")+this.tabs.bodyEl.getPadding("lr");}
+this.resizeTo(w,h);return this;},addKeyListener:function(F,fn,G){var H,I,J,K;if(typeof F=="object"&&!(F instanceof Array)){H=F["key"];I=F["shift"];J=F["ctrl"];K=F["alt"];}else {H=F;}var L=function(M,e){if((!I||e.shiftKey)&&(!J||e.ctrlKey)&&(!K||e.altKey)){var k=e.getKey();if(H instanceof Array){for(var i=0,len=H.length;i<len;i++){if(H[i]==k){fn.call(G||window,M,k,e);return;}}}else {if(k==H){fn.call(G||window,M,k,e);}}}};this.on("keydown",L);return this;},getTabs:function(){if(!this.tabs){this.el.addClass("x-dlg-auto-tabs");this.body.addClass(this.tabPosition=="bottom"?"x-tabs-bottom":"x-tabs-top");this.tabs=new Roo.TabPanel(this.body.dom,this.tabPosition=="bottom");}return this.tabs;},addButton:function(M,N,O){var dh=Roo.DomHelper;if(!this.footer){this.footer=dh.append(this.bwrap,{tag:"div",cls:"x-dlg-ft"},true);}if(!this.btnContainer){var tb=this.footer.createChild({cls:"x-dlg-btns x-dlg-btns-"+this.buttonAlign,html:'<table cellspacing="0"><tbody><tr></tr></tbody></table><div class="x-clear"></div>'},null,true);this.btnContainer=tb.firstChild.firstChild.firstChild;}var P={handler:N,scope:O,minWidth:this.minButtonWidth,hideParent:true};if(typeof M=="string"){P.text=M;}else {if(M.tag){P.dhconfig=M;}else {Roo.apply(P,M);}}var fc=false;if((typeof(P.position)!='undefined')&&P.position<this.btnContainer.childNodes.length-1){P.position=Math.max(0,P.position);fc=this.btnContainer.childNodes[P.position];}var Q=new Roo.Button(fc?this.btnContainer.insertBefore(document.createElement("td"),fc):this.btnContainer.appendChild(document.createElement("td")),P);this.syncBodyHeight();if(!this.buttons){this.buttons=[];}
+this.buttons.push(Q);return Q;},setDefaultButton:function(R){this.defaultButton=R;return this;},getHeaderFooterHeight:function(S){var T=0;if(this.header){T+=this.header.getHeight();}if(this.footer){var fm=this.footer.getMargins();T+=(this.footer.getHeight()+fm.top+fm.bottom);}
+T+=this.bwrap.getPadding("tb")+this.bwrap.getBorderWidth("tb");T+=this.centerBg.getPadding("tb");return T;},syncBodyHeight:function(){var bd=this.body,cb=this.centerBg,bw=this.bwrap;var U=this.size.height-this.getHeaderFooterHeight(false);bd.setHeight(U-bd.getMargins("tb"));var hh=this.header.getHeight();var h=this.size.height-hh;cb.setHeight(h);bw.setLeftTop(cb.getPadding("l"),hh+cb.getPadding("t"));bw.setHeight(h-cb.getPadding("tb"));bw.setWidth(this.el.getWidth(true)-cb.getPadding("lr"));bd.setWidth(bw.getWidth(true));if(this.tabs){this.tabs.syncHeight();if(Roo.isIE){this.tabs.el.repaint();}}},restoreState:function(){var V=Roo.state.Manager.get(this.stateId||(this.el.id+"-state"));if(V&&V.width){this.xy=[V.x,V.y];this.resizeTo(V.width,V.height);}return this;},beforeShow:function(){this.expand();if(this.fixedcenter){this.xy=this.el.getCenterXY(true);}if(this.modal){Roo.get(document.body).addClass("x-body-masked");this.mask.setSize(Roo.lib.Dom.getViewWidth(true),Roo.lib.Dom.getViewHeight(true));this.mask.show();}
+this.constrainXY();},animShow:function(){var b=Roo.get(this.animateTarget,true).getBox();this.proxy.setSize(b.width,b.height);this.proxy.setLocation(b.x,b.y);this.proxy.show();this.proxy.setBounds(this.xy[0],this.xy[1],this.size.width,this.size.height,true,.35,this.showEl.createDelegate(this));},show:function(W){if(this.fireEvent("beforeshow",this)===false){return;}if(this.syncHeightBeforeShow){this.syncBodyHeight();}else if(this.firstShow){this.firstShow=false;this.syncBodyHeight();}
+this.animateTarget=W||this.animateTarget;if(!this.el.isVisible()){this.beforeShow();if(this.animateTarget){this.animShow();}else {this.showEl();}}return this;},showEl:function(){this.proxy.hide();this.el.setXY(this.xy);this.el.show();this.adjustAssets(true);this.toFront();this.focus();if(Roo.isIE){this.el.repaint();}
+this.fireEvent("show",this);},focus:function(){if(this.defaultButton){this.defaultButton.focus();}else {this.focusEl.focus();}},constrainXY:function(){if(this.constraintoviewport!==false){if(!this.viewSize){if(this.container){var s=this.container.getSize();this.viewSize=[s.width,s.height];}else {this.viewSize=[Roo.lib.Dom.getViewWidth(),Roo.lib.Dom.getViewHeight()];}}var s=Roo.get(this.container||document).getScroll();var x=this.xy[0],y=this.xy[1];var w=this.size.width,h=this.size.height;var vw=this.viewSize[0],vh=this.viewSize[1];var moved=false;if(x+w>vw+s.left){x=vw-w;moved=true;}if(y+h>vh+s.top){y=vh-h;moved=true;}if(x<s.left){x=s.left;moved=true;}if(y<s.top){y=s.top;moved=true;}if(moved){this.xy=[x,y];if(this.isVisible()){this.el.setLocation(x,y);this.adjustAssets();}}}},onDrag:function(){if(!this.proxyDrag){this.xy=this.el.getXY();this.adjustAssets();}},adjustAssets:function(X){var x=this.xy[0],y=this.xy[1];var w=this.size.width,h=this.size.height;if(X===true){if(this.shadow){this.shadow.show(this.el);}if(this.shim){this.shim.show();}}if(this.shadow&&this.shadow.isVisible()){this.shadow.show(this.el);}if(this.shim&&this.shim.isVisible()){this.shim.setBounds(x,y,w,h);}},adjustViewport:function(w,h){if(!w||!h){w=Roo.lib.Dom.getViewWidth();h=Roo.lib.Dom.getViewHeight();}
+this.viewSize=[w,h];if(this.modal&&this.mask.isVisible()){this.mask.setSize(w,h);this.mask.setSize(Roo.lib.Dom.getViewWidth(true),Roo.lib.Dom.getViewHeight(true));}if(this.isVisible()){this.constrainXY();}},destroy:function(Y){if(this.isVisible()){this.animateTarget=null;this.hide();}
+Roo.EventManager.removeResizeListener(this.adjustViewport,this);if(this.tabs){this.tabs.destroy(Y);}
+Roo.destroy(this.shim,this.proxy,this.resizer,this.close,this.mask);if(this.dd){this.dd.unreg();}if(this.buttons){for(var i=0,len=this.buttons.length;i<len;i++){this.buttons[i].destroy();}}
+this.el.removeAllListeners();if(Y===true){this.el.update("");this.el.remove();}
+Roo.DialogManager.unregister(this);},startMove:function(){if(this.proxyDrag){this.proxy.show();}if(this.constraintoviewport!==false){this.dd.constrainTo(document.body,{right:this.shadowOffset,bottom:this.shadowOffset});}},endMove:function(){if(!this.proxyDrag){Roo.dd.DD.prototype.endDrag.apply(this.dd,arguments);}else {Roo.dd.DDProxy.prototype.endDrag.apply(this.dd,arguments);this.proxy.hide();}
+this.refreshSize();this.adjustAssets();this.focus();this.fireEvent("move",this,this.xy[0],this.xy[1]);},toFront:function(){Roo.DialogManager.bringToFront(this);return this;},toBack:function(){Roo.DialogManager.sendToBack(this);return this;},center:function(){var xy=this.el.getCenterXY(true);this.moveTo(xy[0],xy[1]);return this;},moveTo:function(x,y){this.xy=[x,y];if(this.isVisible()){this.el.setXY(this.xy);this.adjustAssets();}return this;},alignTo:function(Z,a,c){this.xy=this.el.getAlignToXY(Z,a,c);if(this.isVisible()){this.el.setXY(this.xy);this.adjustAssets();}return this;},anchorTo:function(el,d,f,g){var j=function(){this.alignTo(el,d,f);};Roo.EventManager.onWindowResize(j,this);var tm=typeof g;if(tm!='undefined'){Roo.EventManager.on(window,'scroll',j,this,{buffer:tm=='number'?g:50});}
+j.call(this);return this;},isVisible:function(){return this.el.isVisible();},animHide:function(l){var b=Roo.get(this.animateTarget).getBox();this.proxy.show();this.proxy.setBounds(this.xy[0],this.xy[1],this.size.width,this.size.height);this.el.hide();this.proxy.setBounds(b.x,b.y,b.width,b.height,true,.35,this.hideEl.createDelegate(this,[l]));},hide:function(m){if(this.fireEvent("beforehide",this)===false){return;}if(this.shadow){this.shadow.hide();}if(this.shim){this.shim.hide();}if(this.animateTarget){this.animHide(m);}else {this.el.hide();this.hideEl(m);}return this;},hideEl:function(n){this.proxy.hide();if(this.modal){this.mask.hide();Roo.get(document.body).removeClass("x-body-masked");}
+this.fireEvent("hide",this);if(typeof n=="function"){n();}},hideAction:function(){this.setLeft("-10000px");this.setTop("-10000px");this.setStyle("visibility","hidden");},refreshSize:function(){this.size=this.el.getSize();this.xy=this.el.getXY();Roo.state.Manager.set(this.stateId||this.el.id+"-state",this.el.getBox());},setZIndex:function(o){if(this.modal){this.mask.setStyle("z-index",o);}if(this.shim){this.shim.setStyle("z-index",++o);}if(this.shadow){this.shadow.setZIndex(++o);}
+this.el.setStyle("z-index",++o);if(this.proxy){this.proxy.setStyle("z-index",++o);}if(this.resizer){this.resizer.proxy.setStyle("z-index",++o);}
+this.lastZIndex=o;},getEl:function(){return this.el;}});Roo.DialogManager=function(){var p={};var q=[];var r=null;var t=function(d1,d2){return (!d1._lastAccess||d1._lastAccess<d2._lastAccess)?-1:1;};var u=function(){q.sort(t);var v=Roo.DialogManager.zseed;for(var i=0,len=q.length;i<len;i++){var dlg=q[i];if(dlg){dlg.setZIndex(v+(i*10));}}};return {zseed:9000,register:function(AD){p[AD.id]=AD;q.push(AD);},unregister:function(AE){delete p[AE.id];var i=0;var AF=0;if(!q.indexOf){for(i=0,AF=q.length;i<AF;i++){if(q[i]==AE){q.splice(i,1);return;}}}else {i=q.indexOf(AE);if(i!=-1){q.splice(i,1);}}},get:function(id){return typeof id=="object"?id:p[id];},bringToFront:function(AG){AG=this.get(AG);if(AG!=r){r=AG;AG._lastAccess=new Date().getTime();u();}return AG;},sendToBack:function(AH){AH=this.get(AH);AH._lastAccess=-(new Date().getTime());u();return AH;},hideAll:function(){for(var id in p){if(p[id]&&typeof p[id]!="function"&&p[id].isVisible()){p[id].hide();}}}};}();Roo.LayoutDialog=function(el,v){var z=v;if(typeof(v)=='undefined'){z=Roo.apply({},el);el=Roo.get(document.documentElement||document.body).createChild();}
+z.autoTabs=false;Roo.LayoutDialog.superclass.constructor.call(this,el,z);this.body.setStyle({overflow:"hidden",position:"relative"});this.layout=new Roo.BorderLayout(this.body.dom,z);this.layout.monitorWindowResize=false;this.el.addClass("x-dlg-auto-layout");this.center=Roo.BasicDialog.prototype.center;this.on("show",this.layout.layout,this.layout,true);if(z.items){var xitems=z.items;delete z.items;Roo.each(xitems,this.addxtype,this);}};Roo.extend(Roo.LayoutDialog,Roo.BasicDialog,{endUpdate:function(){this.layout.endUpdate();},beginUpdate:function(){this.layout.beginUpdate();},getLayout:function(){return this.layout;},showEl:function(){Roo.LayoutDialog.superclass.showEl.apply(this,arguments);if(Roo.isIE7){this.layout.layout();}},syncBodyHeight:function(){Roo.LayoutDialog.superclass.syncBodyHeight.call(this);if(this.layout){this.layout.layout();}},addxtype:function(c){return this.layout.addxtype(c);}});
+Roo.MessageBox=function(){var A,B,C,D;var E,F,G,H,I,pp;var J,K,L;var M=function(Q){A.hide();Roo.callback(B.fn,B.scope||window,[Q,K.dom.value],1);};var N=function(){if(B&&B.cls){A.el.removeClass(B.cls);}if(D){Roo.TaskMgr.stop(D);D=null;}};var O=function(b){var Q=0;if(!b){J["ok"].hide();J["cancel"].hide();J["yes"].hide();J["no"].hide();A.footer.dom.style.display='none';return Q;}
+A.footer.dom.style.display='';for(var k in J){if(typeof J[k]!="function"){if(b[k]){J[k].show();J[k].setText(typeof b[k]=="string"?b[k]:Roo.MessageBox.buttonText[k]);Q+=J[k].el.getWidth()+15;}else {J[k].hide();}}}return Q;};var P=function(d,k,e){if(B&&B.closable!==false){A.hide();}if(e){e.stopEvent();}};return {getDialog:function(){if(!A){A=new Roo.BasicDialog("x-msg-box",{autoCreate:true,shadow:true,draggable:true,resizable:false,constraintoviewport:false,fixedcenter:true,collapsible:false,shim:true,modal:true,width:400,height:100,buttonAlign:"center",closeClick:function(){if(B&&B.buttons&&B.buttons.no&&!B.buttons.cancel){M("no");}else {M("cancel");}}});A.on("hide",N);C=A.mask;A.addKeyListener(27,P);J={};var bt=this.buttonText;J["ok"]=A.addButton(bt["ok"],M.createCallback("ok"));J["yes"]=A.addButton(bt["yes"],M.createCallback("yes"));J["no"]=A.addButton(bt["no"],M.createCallback("no"));J["cancel"]=A.addButton(bt["cancel"],M.createCallback("cancel"));E=A.body.createChild({html:'<span class="roo-mb-text"></span><br /><input type="text" class="roo-mb-input" /><textarea class="roo-mb-textarea"></textarea><div class="roo-mb-progress-wrap"><div class="roo-mb-progress"><div class="roo-mb-progress-bar"> </div></div></div>'});F=E.dom.firstChild;G=Roo.get(E.dom.childNodes[2]);G.enableDisplayMode();G.addKeyListener([10,13],function(){if(A.isVisible()&&B&&B.buttons){if(B.buttons.ok){M("ok");}else if(B.buttons.yes){M("yes");}}});H=Roo.get(E.dom.childNodes[3]);H.enableDisplayMode();I=Roo.get(E.dom.childNodes[4]);I.enableDisplayMode();var pf=I.dom.firstChild;if(pf){pp=Roo.get(pf.firstChild);pp.setHeight(pf.offsetHeight);}}return A;},updateText:function(j){if(!A.isVisible()&&!B.width){A.resizeTo(this.maxWidth,100);}
+F.innerHTML=j||' ';var w=Math.max(Math.min(B.width||F.offsetWidth,this.maxWidth),Math.max(B.minWidth||this.minWidth,L));if(B.prompt){K.setWidth(w);}if(A.isVisible()){A.fixedcenter=false;}
+A.setContentSize(w,E.getHeight());if(A.isVisible()){A.fixedcenter=true;}return this;},updateProgress:function(l,m){if(m){this.updateText(m);}if(pp){pp.setWidth(Math.floor(l*I.dom.firstChild.offsetWidth));}return this;},isVisible:function(){return A&&A.isVisible();},hide:function(){if(this.isVisible()){A.hide();}},show:function(n){if(this.isVisible()){this.hide();}var d=this.getDialog();B=n;d.setTitle(B.title||" ");d.close.setDisplayed(B.closable!==false);K=G;B.prompt=B.prompt||(B.multiline?true:false);if(B.prompt){if(B.multiline){G.hide();H.show();H.setHeight(typeof B.multiline=="number"?B.multiline:this.defaultTextHeight);K=H;}else {G.show();H.hide();}}else {G.hide();H.hide();}
+I.setDisplayed(B.progress===true);this.updateProgress(0);K.dom.value=B.value||"";if(B.prompt){A.setDefaultButton(K);}else {var bs=B.buttons;var db=null;if(bs&&bs.ok){db=J["ok"];}else if(bs&&bs.yes){db=J["yes"];}
+A.setDefaultButton(db);}
+L=O(B.buttons);this.updateText(B.msg);if(B.cls){d.el.addClass(B.cls);}
+d.proxyDrag=B.proxyDrag===true;d.modal=B.modal!==false;d.mask=B.modal!==false?C:false;if(!d.isVisible()){document.body.appendChild(A.el.dom);d.animateTarget=null;d.show(n.animEl);}return this;},progress:function(o,p){this.show({title:o,msg:p,buttons:false,progress:true,closable:false,minWidth:this.minProgressWidth,modal:true});return this;},alert:function(q,r,fn,s){this.show({title:q,msg:r,buttons:this.OK,fn:fn,scope:s,modal:true});return this;},wait:function(t,u){this.show({title:u,msg:t,buttons:false,closable:false,progress:true,modal:true,width:300,wait:true});D=Roo.TaskMgr.start({run:function(i){Roo.MessageBox.updateProgress(((((i+20)%20)+1)*5)*.01);},interval:1000});return this;},confirm:function(v,x,fn,y){this.show({title:v,msg:x,buttons:this.YESNO,fn:fn,scope:y,modal:true});return this;},prompt:function(z,AA,fn,AB,AC){this.show({title:z,msg:AA,buttons:this.OKCANCEL,fn:fn,minWidth:250,scope:AB,prompt:true,multiline:AC,modal:true});return this;},OK:{ok:true},YESNO:{yes:true,no:true},OKCANCEL:{ok:true,cancel:true},YESNOCANCEL:{yes:true,no:true,cancel:true},defaultTextHeight:75,maxWidth:600,minWidth:100,minProgressWidth:250,buttonText:{ok:"OK",cancel:"Cancel",yes:"Yes",no:"No"}};}();Roo.Msg=Roo.MessageBox;
+Roo.QuickTips=function(){var el,A,B,C,tm,D,E,F={},esc,removeCls=null,bdLeft,bdRight;var ce,bd,xy,dd;var G=false,H=true,I=false;var J=1,K=1,L=1,M=[];var N=function(e){if(H){return;}var t=e.getTarget();if(!t||t.nodeType!==1||t==document||t==document.body){return;}if(ce&&t==ce.el){clearTimeout(K);return;}if(t&&F[t.id]){F[t.id].el=t;J=S.defer(tm.showDelay,tm,[F[t.id]]);return;}var W,et=Roo.fly(t);var ns=D.namespace;if(tm.interceptTitles&&t.title){W=t.title;t.qtip=W;t.removeAttribute("title");e.preventDefault();}else {W=t.qtip||et.getAttributeNS(ns,D.attribute);}if(W){J=S.defer(tm.showDelay,tm,[{el:t,text:W,width:et.getAttributeNS(ns,D.width),autoHide:et.getAttributeNS(ns,D.hide)!="user",title:et.getAttributeNS(ns,D.title),cls:et.getAttributeNS(ns,D.cls)}]);}};var O=function(e){clearTimeout(J);var t=e.getTarget();if(t&&ce&&ce.el==t&&(tm.autoHide&&ce.autoHide!==false)){K=setTimeout(U,tm.hideDelay);}};var P=function(e){if(H){return;}
+xy=e.getXY();xy[1]+=18;if(tm.trackMouse&&ce){el.setXY(xy);}};var Q=function(e){clearTimeout(J);clearTimeout(K);if(!e.within(el)){if(tm.hideOnClick){U();tm.disable();tm.enable.defer(100,tm);}}};var R=function(){return 2;};var S=function(o){if(H){return;}
+clearTimeout(L);ce=o;if(removeCls){el.removeClass(removeCls);removeCls=null;}if(ce.cls){el.addClass(ce.cls);removeCls=ce.cls;}if(ce.title){C.update(ce.title);C.show();}else {C.update('');C.hide();}
+el.dom.style.width=tm.maxWidth+'px';B.update(o.text);var p=R(),w=ce.width;if(!w){var td=B.dom;var aw=Math.max(td.offsetWidth,td.clientWidth,td.scrollWidth);if(aw>tm.maxWidth){w=tm.maxWidth;}else if(aw<tm.minWidth){w=tm.minWidth;}else {w=aw;}}
+el.setWidth(parseInt(w,10)+p);if(ce.autoHide===false){E.setDisplayed(true);if(dd){dd.unlock();}}else {E.setDisplayed(false);if(dd){dd.lock();}}if(xy){el.avoidY=xy[1]-18;el.setXY(xy);}if(tm.animate){el.setOpacity(.1);el.setStyle("visibility","visible");el.fadeIn({callback:T});}else {T();}};var T=function(){if(ce){el.show();esc.enable();if(tm.autoDismiss&&ce.autoHide!==false){L=setTimeout(U,tm.autoDismissDelay);}}};var U=function(W){clearTimeout(L);clearTimeout(K);ce=null;if(el.isVisible()){esc.disable();if(W!==true&&tm.animate){el.fadeOut({callback:V});}else {V();}}};var V=function(){el.hide();if(removeCls){el.removeClass(removeCls);removeCls=null;}};return {minWidth:40,maxWidth:300,interceptTitles:false,trackMouse:false,hideOnClick:true,showDelay:500,hideDelay:200,autoHide:true,autoDismiss:true,autoDismissDelay:5000,animate:false,title:'',text:'',cls:'',width:null,init:function(){tm=Roo.QuickTips;D=tm.tagConfig;if(!I){if(!Roo.isReady){Roo.onReady(Roo.QuickTips.init,Roo.QuickTips);return;}
+el=new Roo.Layer({cls:"x-tip",shadow:"drop",shim:true,constrain:true,shadowOffset:4});el.fxDefaults={stopFx:true};el.update('<div class="x-tip-bd"><div class="x-tip-close"></div><h3></h3><div class="x-tip-bd-inner"></div><div class="x-clear"></div></div>');C=el.child('h3');C.enableDisplayMode("block");A=el.child('div.x-tip-bd');B=el.child('div.x-tip-bd-inner');E=el.child('div.x-tip-close');E.enableDisplayMode("block");E.on("click",U);var d=Roo.get(document);d.on("mousedown",Q);d.on("mouseover",N);d.on("mouseout",O);d.on("mousemove",P);esc=d.addKeyListener(27,U);esc.disable();if(Roo.dd.DD){dd=el.initDD("default",null,{onDrag:function(){el.sync();}});dd.setHandleElId(C.id);dd.lock();}
+I=true;}
+this.enable();},register:function(X){var cs=X instanceof Array?X:arguments;for(var i=0,len=cs.length;i<len;i++){var c=cs[i];var target=c.target;if(target){if(target instanceof Array){for(var j=0,jlen=target.length;j<jlen;j++){F[target[j]]=c;}}else {F[typeof target=='string'?target:Roo.id(target)]=c;}}}},unregister:function(el){delete F[Roo.id(el)];},enable:function(){if(I&&H){M.pop();if(M.length<1){H=false;}}},disable:function(){H=true;clearTimeout(J);clearTimeout(K);clearTimeout(L);if(ce){U(true);}
+M.push(1);},isEnabled:function(){return !H;},tagConfig:{namespace:"ext",attribute:"qtip",width:"width",target:"target",title:"qtitle",hide:"hide",cls:"qclass"}};}();Roo.QuickTips.tips=Roo.QuickTips.register;
+Roo.tree.TreePanel=function(el,A){var B=false;var C=false;if(A.root){B=A.root;delete A.root;}if(A.loader){C=A.loader;delete A.loader;}
+Roo.apply(this,A);Roo.tree.TreePanel.superclass.constructor.call(this);this.el=Roo.get(el);this.el.addClass('x-tree');if(B){this.setRootNode(Roo.factory(B,Roo.tree));}if(C){this.loader=Roo.factory(C,Roo.tree);}
+this.id=this.el.id;this.addEvents({"beforeload":true,"load":true,"textchange":true,"beforeexpand":true,"beforecollapse":true,"expand":true,"disabledchange":true,"collapse":true,"beforeclick":true,"checkchange":true,"click":true,"dblclick":true,"contextmenu":true,"beforechildrenrendered":true,"startdrag":true,"enddrag":true,"dragdrop":true,"beforenodedrop":true,"nodedrop":true,"nodedragover":true});if(this.singleExpand){this.on("beforeexpand",this.restrictExpand,this);}};Roo.extend(Roo.tree.TreePanel,Roo.data.Tree,{rootVisible:true,animate:Roo.enableFx,lines:true,enableDD:false,hlDrop:Roo.enableFx,renderer:false,rendererTip:false,restrictExpand:function(D){var p=D.parentNode;if(p){if(p.expandedChild&&p.expandedChild.parentNode==p){p.expandedChild.collapse();}
+p.expandedChild=D;}},setRootNode:function(E){Roo.tree.TreePanel.superclass.setRootNode.call(this,E);if(!this.rootVisible){E.ui=new Roo.tree.RootTreeNodeUI(E);}return E;},getEl:function(){return this.el;},getLoader:function(){return this.loader;},expandAll:function(){this.root.expand(true);},collapseAll:function(){this.root.collapse(true);},getSelectionModel:function(){if(!this.selModel){this.selModel=new Roo.tree.DefaultSelectionModel();}return this.selModel;},getChecked:function(a,F){F=F||this.root;var r=[];var f=function(){if(this.attributes.checked){r.push(!a?this:(a=='id'?this.id:this.attributes[a]));}}
+F.cascade(f);return r;},expandPath:function(G,H,I){H=H||"id";var J=G.split(this.pathSeparator);var K=this.root;if(K.attributes[H]!=J[1]){if(I){I(false,null);}return;}var L=1;var f=function(){if(++L==J.length){if(I){I(true,K);}return;}var c=K.findChild(H,J[L]);if(!c){if(I){I(false,K);}return;}
+K=c;c.expand(false,false,f);};K.expand(false,false,f);},selectPath:function(M,N,O){N=N||"id";var P=M.split(this.pathSeparator);var v=P.pop();if(P.length>0){var f=function(Q,R){if(Q&&R){var n=R.findChild(N,v);if(n){n.select();if(O){O(true,n);}}else if(O){O(false,n);}}else {if(O){O(false,n);}}};this.expandPath(P.join(this.pathSeparator),N,f);}else {this.root.select();if(O){O(true,this.root);}}},getTreeEl:function(){return this.el;},render:function(){if(this.innerCt){return this;}
+this.innerCt=this.el.createChild({tag:"ul",cls:"x-tree-root-ct "+(this.lines?"x-tree-lines":"x-tree-no-lines")});if(this.containerScroll){Roo.dd.ScrollManager.register(this.el);}if((this.enableDD||this.enableDrop)&&!this.dropZone){this.dropZone=new Roo.tree.TreeDropZone(this,this.dropConfig||{ddGroup:this.ddGroup||"TreeDD",appendOnly:this.ddAppendOnly===true});}if((this.enableDD||this.enableDrag)&&!this.dragZone){this.dragZone=new Roo.tree.TreeDragZone(this,this.dragConfig||{ddGroup:this.ddGroup||"TreeDD",scroll:this.ddScroll});}
+this.getSelectionModel().init(this);if(!this.root){console.log("ROOT not set in tree");return;}
+this.root.render();if(!this.rootVisible){this.root.renderChildren();}return this;}});
+Roo.tree.DefaultSelectionModel=function(){this.selNode=null;this.addEvents({"selectionchange":true,"beforeselect":true});};Roo.extend(Roo.tree.DefaultSelectionModel,Roo.util.Observable,{init:function(A){this.tree=A;A.getTreeEl().on("keydown",this.onKeyDown,this);A.on("click",this.onNodeClick,this);},onNodeClick:function(B,e){if(e.ctrlKey&&this.selNode==B){this.unselect(B);return;}
+this.select(B);},select:function(C){var D=this.selNode;if(D!=C&&this.fireEvent('beforeselect',this,C,D)!==false){if(D){D.ui.onSelectedChange(false);}
+this.selNode=C;C.ui.onSelectedChange(true);this.fireEvent("selectionchange",this,C,D);}return C;},unselect:function(E){if(this.selNode==E){this.clearSelections();}},clearSelections:function(){var n=this.selNode;if(n){n.ui.onSelectedChange(false);this.selNode=null;this.fireEvent("selectionchange",this,null);}return n;},getSelectedNode:function(){return this.selNode;},isSelected:function(F){return this.selNode==F;},selectPrevious:function(){var s=this.selNode||this.lastSelNode;if(!s){return null;}var ps=s.previousSibling;if(ps){if(!ps.isExpanded()||ps.childNodes.length<1){return this.select(ps);}else {var lc=ps.lastChild;while(lc&&lc.isExpanded()&&lc.childNodes.length>0){lc=lc.lastChild;}return this.select(lc);}}else if(s.parentNode&&(this.tree.rootVisible||!s.parentNode.isRoot)){return this.select(s.parentNode);}return null;},selectNext:function(){var s=this.selNode||this.lastSelNode;if(!s){return null;}if(s.firstChild&&s.isExpanded()){return this.select(s.firstChild);}else if(s.nextSibling){return this.select(s.nextSibling);}else if(s.parentNode){var newS=null;s.parentNode.bubble(function(){if(this.nextSibling){newS=this.getOwnerTree().selModel.select(this.nextSibling);return false;}});return newS;}return null;},onKeyDown:function(e){var s=this.selNode||this.lastSelNode;var sm=this;if(!s){return;}var k=e.getKey();switch(k){case e.DOWN:e.stopEvent();this.selectNext();break;case e.UP:e.stopEvent();this.selectPrevious();break;case e.RIGHT:e.preventDefault();if(s.hasChildNodes()){if(!s.isExpanded()){s.expand();}else if(s.firstChild){this.select(s.firstChild,e);}}break;case e.LEFT:e.preventDefault();if(s.hasChildNodes()&&s.isExpanded()){s.collapse();}else if(s.parentNode&&(this.tree.rootVisible||s.parentNode!=this.tree.getRootNode())){this.select(s.parentNode,e);}break;};}});Roo.tree.MultiSelectionModel=function(){this.selNodes=[];this.selMap={};this.addEvents({"selectionchange":true});};Roo.extend(Roo.tree.MultiSelectionModel,Roo.util.Observable,{init:function(G){this.tree=G;G.getTreeEl().on("keydown",this.onKeyDown,this);G.on("click",this.onNodeClick,this);},onNodeClick:function(H,e){this.select(H,e,e.ctrlKey);},select:function(I,e,J){if(J!==true){this.clearSelections(true);}if(this.isSelected(I)){this.lastSelNode=I;return I;}
+this.selNodes.push(I);this.selMap[I.id]=I;this.lastSelNode=I;I.ui.onSelectedChange(true);this.fireEvent("selectionchange",this,this.selNodes);return I;},unselect:function(K){if(this.selMap[K.id]){K.ui.onSelectedChange(false);var sn=this.selNodes;var index=-1;if(sn.indexOf){index=sn.indexOf(K);}else {for(var i=0,len=sn.length;i<len;i++){if(sn[i]==K){index=i;break;}}}if(index!=-1){this.selNodes.splice(index,1);}delete this.selMap[K.id];this.fireEvent("selectionchange",this,this.selNodes);}},clearSelections:function(L){var sn=this.selNodes;if(sn.length>0){for(var i=0,len=sn.length;i<len;i++){sn[i].ui.onSelectedChange(false);}
+this.selNodes=[];this.selMap={};if(L!==true){this.fireEvent("selectionchange",this,this.selNodes);}}},isSelected:function(M){return this.selMap[M.id]?true:false;},getSelectedNodes:function(){return this.selNodes;},onKeyDown:Roo.tree.DefaultSelectionModel.prototype.onKeyDown,selectNext:Roo.tree.DefaultSelectionModel.prototype.selectNext,selectPrevious:Roo.tree.DefaultSelectionModel.prototype.selectPrevious});
+Roo.tree.TreeNode=function(A){A=A||{};if(typeof A=="string"){A={text:A};}
+this.childrenRendered=false;this.rendered=false;Roo.tree.TreeNode.superclass.constructor.call(this,A);this.expanded=A.expanded===true;this.isTarget=A.isTarget!==false;this.draggable=A.draggable!==false&&A.allowDrag!==false;this.allowChildren=A.allowChildren!==false&&A.allowDrop!==false;this.text=A.text;this.disabled=A.disabled===true;this.addEvents({"textchange":true,"beforeexpand":true,"beforecollapse":true,"expand":true,"disabledchange":true,"collapse":true,"beforeclick":true,"checkchange":true,"click":true,"dblclick":true,"contextmenu":true,"beforechildrenrendered":true});var B=this.attributes.uiProvider||Roo.tree.TreeNodeUI;this.ui=new B(this);};Roo.extend(Roo.tree.TreeNode,Roo.data.Node,{preventHScroll:true,isExpanded:function(){return this.expanded;},getUI:function(){return this.ui;},setFirstChild:function(C){var of=this.firstChild;Roo.tree.TreeNode.superclass.setFirstChild.call(this,C);if(this.childrenRendered&&of&&C!=of){of.renderIndent(true,true);}if(this.rendered){this.renderIndent(true,true);}},setLastChild:function(D){var ol=this.lastChild;Roo.tree.TreeNode.superclass.setLastChild.call(this,D);if(this.childrenRendered&&ol&&D!=ol){ol.renderIndent(true,true);}if(this.rendered){this.renderIndent(true,true);}},appendChild:function(){var E=Roo.tree.TreeNode.superclass.appendChild.apply(this,arguments);if(E&&this.childrenRendered){E.render();}
+this.ui.updateExpandIcon();return E;},removeChild:function(F){this.ownerTree.getSelectionModel().unselect(F);Roo.tree.TreeNode.superclass.removeChild.apply(this,arguments);if(this.childrenRendered){F.ui.remove();}if(this.childNodes.length<1){this.collapse(false,false);}else {this.ui.updateExpandIcon();}if(!this.firstChild){this.childrenRendered=false;}return F;},insertBefore:function(G,H){var I=Roo.tree.TreeNode.superclass.insertBefore.apply(this,arguments);if(I&&H&&this.childrenRendered){G.render();}
+this.ui.updateExpandIcon();return I;},setText:function(J){var K=this.text;this.text=J;this.attributes.text=J;if(this.rendered){this.ui.onTextChange(this,J,K);}
+this.fireEvent("textchange",this,J,K);},select:function(){this.getOwnerTree().getSelectionModel().select(this);},unselect:function(){this.getOwnerTree().getSelectionModel().unselect(this);},isSelected:function(){return this.getOwnerTree().getSelectionModel().isSelected(this);},expand:function(L,M,N){if(!this.expanded){if(this.fireEvent("beforeexpand",this,L,M)===false){return;}if(!this.childrenRendered){this.renderChildren();}
+this.expanded=true;if(!this.isHiddenRoot()&&(this.getOwnerTree().animate&&M!==false)||M){this.ui.animExpand(function(){this.fireEvent("expand",this);if(typeof N=="function"){N(this);}if(L===true){this.expandChildNodes(true);}}.createDelegate(this));return;}else {this.ui.expand();this.fireEvent("expand",this);if(typeof N=="function"){N(this);}}}else {if(typeof N=="function"){N(this);}}if(L===true){this.expandChildNodes(true);}},isHiddenRoot:function(){return this.isRoot&&!this.getOwnerTree().rootVisible;},collapse:function(O,P){if(this.expanded&&!this.isHiddenRoot()){if(this.fireEvent("beforecollapse",this,O,P)===false){return;}
+this.expanded=false;if((this.getOwnerTree().animate&&P!==false)||P){this.ui.animCollapse(function(){this.fireEvent("collapse",this);if(O===true){this.collapseChildNodes(true);}}.createDelegate(this));return;}else {this.ui.collapse();this.fireEvent("collapse",this);}}if(O===true){var cs=this.childNodes;for(var i=0,len=cs.length;i<len;i++){cs[i].collapse(true,false);}}},delayedExpand:function(Q){if(!this.expandProcId){this.expandProcId=this.expand.defer(Q,this);}},cancelExpand:function(){if(this.expandProcId){clearTimeout(this.expandProcId);}
+this.expandProcId=false;},toggle:function(){if(this.expanded){this.collapse();}else {this.expand();}},ensureVisible:function(R){var S=this.getOwnerTree();S.expandPath(this.parentNode.getPath(),false,function(){S.getTreeEl().scrollChildIntoView(this.ui.anchor);Roo.callback(R);}.createDelegate(this));},expandChildNodes:function(T){var cs=this.childNodes;for(var i=0,len=cs.length;i<len;i++){cs[i].expand(T);}},collapseChildNodes:function(U){var cs=this.childNodes;for(var i=0,len=cs.length;i<len;i++){cs[i].collapse(U);}},disable:function(){this.disabled=true;this.unselect();if(this.rendered&&this.ui.onDisableChange){this.ui.onDisableChange(this,true);}
+this.fireEvent("disabledchange",this,true);},enable:function(){this.disabled=false;if(this.rendered&&this.ui.onDisableChange){this.ui.onDisableChange(this,false);}
+this.fireEvent("disabledchange",this,false);},renderChildren:function(V){if(V!==false){this.fireEvent("beforechildrenrendered",this);}var cs=this.childNodes;for(var i=0,len=cs.length;i<len;i++){cs[i].render(true);}
+this.childrenRendered=true;},sort:function(fn,W){Roo.tree.TreeNode.superclass.sort.apply(this,arguments);if(this.childrenRendered){var cs=this.childNodes;for(var i=0,len=cs.length;i<len;i++){cs[i].render(true);}}},render:function(X){this.ui.render(X);if(!this.rendered){this.rendered=true;if(this.expanded){this.expanded=false;this.expand(false,false);}}},renderIndent:function(Y,Z){if(Z){this.ui.childIndent=null;}
+this.ui.renderIndent();if(Y===true&&this.childrenRendered){var cs=this.childNodes;for(var i=0,len=cs.length;i<len;i++){cs[i].renderIndent(true,Z);}}}});
+Roo.tree.AsyncTreeNode=function(A){this.loaded=false;this.loading=false;Roo.tree.AsyncTreeNode.superclass.constructor.apply(this,arguments);this.addEvents({'beforeload':true,'load':true});};Roo.extend(Roo.tree.AsyncTreeNode,Roo.tree.TreeNode,{expand:function(B,C,D){if(this.loading){var timer;var f=function(){if(!this.loading){clearInterval(timer);this.expand(B,C,D);}}.createDelegate(this);timer=setInterval(f,200);return;}if(!this.loaded){if(this.fireEvent("beforeload",this)===false){return;}
+this.loading=true;this.ui.beforeLoad(this);var loader=this.loader||this.attributes.loader||this.getOwnerTree().getLoader();if(loader){loader.load(this,this.loadComplete.createDelegate(this,[B,C,D]));return;}}
+Roo.tree.AsyncTreeNode.superclass.expand.call(this,B,C,D);},isLoading:function(){return this.loading;},loadComplete:function(E,F,G){this.loading=false;this.loaded=true;this.ui.afterLoad(this);this.fireEvent("load",this);this.expand(E,F,G);},isLoaded:function(){return this.loaded;},hasChildNodes:function(){if(!this.isLeaf()&&!this.loaded){return true;}else {return Roo.tree.AsyncTreeNode.superclass.hasChildNodes.call(this);}},reload:function(H){this.collapse(false,false);while(this.firstChild){this.removeChild(this.firstChild);}
+this.childrenRendered=false;this.loaded=false;if(this.isHiddenRoot()){this.expanded=false;}
+this.expand(false,false,H);}});
+Roo.tree.TreeNodeUI=function(A){this.node=A;this.rendered=false;this.animating=false;this.emptyIcon=Roo.BLANK_IMAGE_URL;};Roo.tree.TreeNodeUI.prototype={removeChild:function(B){if(this.rendered){this.ctNode.removeChild(B.ui.getEl());}},beforeLoad:function(){this.addClass("x-tree-node-loading");},afterLoad:function(){this.removeClass("x-tree-node-loading");},onTextChange:function(C,D,E){if(this.rendered){this.textNode.innerHTML=D;}},onDisableChange:function(F,G){this.disabled=G;if(G){this.addClass("x-tree-node-disabled");}else {this.removeClass("x-tree-node-disabled");}},onSelectedChange:function(H){if(H){this.focus();this.addClass("x-tree-selected");}else {this.removeClass("x-tree-selected");}},onMove:function(I,J,K,L,M,N){this.childIndent=null;if(this.rendered){var targetNode=L.ui.getContainer();if(!targetNode){this.holder=document.createElement("div");this.holder.appendChild(this.wrap);return;}var insertBefore=N?N.ui.getEl():null;if(insertBefore){targetNode.insertBefore(this.wrap,insertBefore);}else {targetNode.appendChild(this.wrap);}
+this.node.renderIndent(true);}},addClass:function(O){if(this.elNode){Roo.fly(this.elNode).addClass(O);}},removeClass:function(P){if(this.elNode){Roo.fly(this.elNode).removeClass(P);}},remove:function(){if(this.rendered){this.holder=document.createElement("div");this.holder.appendChild(this.wrap);}},fireEvent:function(){return this.node.fireEvent.apply(this.node,arguments);},initEvents:function(){this.node.on("move",this.onMove,this);var E=Roo.EventManager;var a=this.anchor;var el=Roo.fly(a,'_treeui');if(Roo.isOpera){el.setStyle("text-decoration","none");}
+el.on("click",this.onClick,this);el.on("dblclick",this.onDblClick,this);if(this.checkbox){Roo.EventManager.on(this.checkbox,Roo.isIE?'click':'change',this.onCheckChange,this);}
+el.on("contextmenu",this.onContextMenu,this);var Q=Roo.fly(this.iconNode);Q.on("click",this.onClick,this);Q.on("dblclick",this.onDblClick,this);Q.on("contextmenu",this.onContextMenu,this);E.on(this.ecNode,"click",this.ecClick,this,true);if(this.node.disabled){this.addClass("x-tree-node-disabled");}if(this.node.hidden){this.addClass("x-tree-node-disabled");}var ot=this.node.getOwnerTree();var dd=ot.enableDD||ot.enableDrag||ot.enableDrop;if(dd&&(!this.node.isRoot||ot.rootVisible)){Roo.dd.Registry.register(this.elNode,{node:this.node,handles:this.getDDHandles(),isHandle:false});}},getDDHandles:function(){return [this.iconNode,this.textNode];},hide:function(){if(this.rendered){this.wrap.style.display="none";}},show:function(){if(this.rendered){this.wrap.style.display="";}},onContextMenu:function(e){if(this.node.hasListener("contextmenu")||this.node.getOwnerTree().hasListener("contextmenu")){e.preventDefault();this.focus();this.fireEvent("contextmenu",this.node,e);}},onClick:function(e){if(this.dropping){e.stopEvent();return;}if(this.fireEvent("beforeclick",this.node,e)!==false){if(!this.disabled&&this.node.attributes.href){this.fireEvent("click",this.node,e);return;}
+e.preventDefault();if(this.disabled){return;}if(this.node.attributes.singleClickExpand&&!this.animating&&this.node.hasChildNodes()){this.node.toggle();}
+this.fireEvent("click",this.node,e);}else {e.stopEvent();}},onDblClick:function(e){e.preventDefault();if(this.disabled){return;}if(this.checkbox){this.toggleCheck();}if(!this.animating&&this.node.hasChildNodes()){this.node.toggle();}
+this.fireEvent("dblclick",this.node,e);},onCheckChange:function(){var R=this.checkbox.checked;this.node.attributes.checked=R;this.fireEvent('checkchange',this.node,R);},ecClick:function(e){if(!this.animating&&this.node.hasChildNodes()){this.node.toggle();}},startDrop:function(){this.dropping=true;},endDrop:function(){setTimeout(function(){this.dropping=false;}.createDelegate(this),50);},expand:function(){this.updateExpandIcon();this.ctNode.style.display="";},focus:function(){if(!this.node.preventHScroll){try{this.anchor.focus();}catch(e){}}else if(!Roo.isIE){try{var noscroll=this.node.getOwnerTree().getTreeEl().dom;var l=noscroll.scrollLeft;this.anchor.focus();noscroll.scrollLeft=l;}catch(e){}}},toggleCheck:function(S){var cb=this.checkbox;if(cb){cb.checked=(S===undefined?!cb.checked:S);}},blur:function(){try{this.anchor.blur();}catch(e){}},animExpand:function(T){var ct=Roo.get(this.ctNode);ct.stopFx();if(!this.node.hasChildNodes()){this.updateExpandIcon();this.ctNode.style.display="";Roo.callback(T);return;}
+this.animating=true;this.updateExpandIcon();ct.slideIn('t',{callback:function(){this.animating=false;Roo.callback(T);},scope:this,duration:this.node.ownerTree.duration||.25});},highlight:function(){var U=this.node.getOwnerTree();Roo.fly(this.wrap).highlight(U.hlColor||"C3DAF9",{endColor:U.hlBaseColor});},collapse:function(){this.updateExpandIcon();this.ctNode.style.display="none";},animCollapse:function(V){var ct=Roo.get(this.ctNode);ct.enableDisplayMode('block');ct.stopFx();this.animating=true;this.updateExpandIcon();ct.slideOut('t',{callback:function(){this.animating=false;Roo.callback(V);},scope:this,duration:this.node.ownerTree.duration||.25});},getContainer:function(){return this.ctNode;},getEl:function(){return this.wrap;},appendDDGhost:function(W){W.appendChild(this.elNode.cloneNode(true));},getDDRepairXY:function(){return Roo.lib.Dom.getXY(this.iconNode);},onRender:function(){this.render();},render:function(X){var n=this.node,a=n.attributes;var Y=n.parentNode?n.parentNode.ui.getContainer():n.ownerTree.innerCt.dom;if(!this.rendered){this.rendered=true;this.renderElements(n,a,Y,X);if(a.qtip){if(this.textNode.setAttributeNS){this.textNode.setAttributeNS("ext","qtip",a.qtip);if(a.qtipTitle){this.textNode.setAttributeNS("ext","qtitle",a.qtipTitle);}}else {this.textNode.setAttribute("ext:qtip",a.qtip);if(a.qtipTitle){this.textNode.setAttribute("ext:qtitle",a.qtipTitle);}}}else if(a.qtipCfg){a.qtipCfg.target=Roo.id(this.textNode);Roo.QuickTips.register(a.qtipCfg);}
+this.initEvents();if(!this.node.expanded){this.updateExpandIcon();}}else {if(X===true){Y.appendChild(this.wrap);}}},renderElements:function(n,a,Z,b){this.indentMarkup=n.parentNode?n.parentNode.ui.getChildIndent():'';var t=n.getOwnerTree();var c=t.renderer?t.renderer(n.attributes):Roo.util.Format.htmlEncode(n.text);var d=t.rendererTip?t.rendererTip(n.attributes):c;var cb=typeof a.checked=='boolean';var f=a.href?a.href:Roo.isGecko?"":"#";var g=['<li class="x-tree-node"><div class="x-tree-node-el ',a.cls,'">','<span class="x-tree-node-indent">',this.indentMarkup,"</span>",'<img src="',this.emptyIcon,'" class="x-tree-ec-icon" />','<img src="',a.icon||this.emptyIcon,'" class="x-tree-node-icon',(a.icon?" x-tree-node-inline-icon":""),(a.iconCls?" "+a.iconCls:""),'" unselectable="on" />',cb?('<input class="x-tree-node-cb" type="checkbox" '+(a.checked?'checked="checked" />':' />')):'','<a hidefocus="on" href="',f,'" tabIndex="1" ',a.hrefTarget?' target="'+a.hrefTarget+'"':"",'><span unselectable="on" qtip="',d,'">',c,"</span></a></div>",'<ul class="x-tree-node-ct" style="display:none;"></ul>',"</li>"];if(b!==true&&n.nextSibling&&n.nextSibling.ui.getEl()){this.wrap=Roo.DomHelper.insertHtml("beforeBegin",n.nextSibling.ui.getEl(),g.join(""));}else {this.wrap=Roo.DomHelper.insertHtml("beforeEnd",Z,g.join(""));}
+this.elNode=this.wrap.childNodes[0];this.ctNode=this.wrap.childNodes[1];var cs=this.elNode.childNodes;this.indentNode=cs[0];this.ecNode=cs[1];this.iconNode=cs[2];var h=3;if(cb){this.checkbox=cs[3];h++;}
+this.anchor=cs[h];this.textNode=cs[h].firstChild;},getAnchor:function(){return this.anchor;},getTextEl:function(){return this.textNode;},getIconEl:function(){return this.iconNode;},isChecked:function(){return this.checkbox?this.checkbox.checked:false;},updateExpandIcon:function(){if(this.rendered){var n=this.node,c1,c2;var P=n.isLast()?"x-tree-elbow-end":"x-tree-elbow";var hasChild=n.hasChildNodes();if(hasChild){if(n.expanded){P+="-minus";c1="x-tree-node-collapsed";c2="x-tree-node-expanded";}else {P+="-plus";c1="x-tree-node-expanded";c2="x-tree-node-collapsed";}if(this.wasLeaf){this.removeClass("x-tree-node-leaf");this.wasLeaf=false;}if(this.c1!=c1||this.c2!=c2){Roo.fly(this.elNode).replaceClass(c1,c2);this.c1=c1;this.c2=c2;}}else {if(!this.wasLeaf){Roo.fly(this.elNode).replaceClass("x-tree-node-expanded","x-tree-node-leaf");delete this.c1;delete this.c2;this.wasLeaf=true;}}var ecc="x-tree-ec-icon "+P;if(this.ecc!=ecc){this.ecNode.className=ecc;this.ecc=ecc;}}},getChildIndent:function(){if(!this.childIndent){var g=[];var p=this.node;while(p){if(!p.isRoot||(p.isRoot&&p.ownerTree.rootVisible)){if(!p.isLast()){g.unshift('<img src="'+this.emptyIcon+'" class="x-tree-elbow-line" />');}else {g.unshift('<img src="'+this.emptyIcon+'" class="x-tree-icon" />');}}
+p=p.parentNode;}
+this.childIndent=g.join("");}return this.childIndent;},renderIndent:function(){if(this.rendered){var indent="";var p=this.node.parentNode;if(p){indent=p.ui.getChildIndent();}if(this.indentMarkup!=indent){this.indentNode.innerHTML=indent;this.indentMarkup=indent;}
+this.updateExpandIcon();}}};Roo.tree.RootTreeNodeUI=function(){Roo.tree.RootTreeNodeUI.superclass.constructor.apply(this,arguments);};Roo.extend(Roo.tree.RootTreeNodeUI,Roo.tree.TreeNodeUI,{render:function(){if(!this.rendered){var Z=this.node.ownerTree.innerCt.dom;this.node.expanded=true;Z.innerHTML='<div class="x-tree-root-node"></div>';this.wrap=this.ctNode=Z.firstChild;}},collapse:function(){},expand:function(){}});
+Roo.tree.TreeLoader=function(A){this.baseParams={};this.requestMethod="POST";Roo.apply(this,A);this.addEvents({beforeload:true,load:true,loadexception:true,create:true});Roo.tree.TreeLoader.superclass.constructor.call(this);};Roo.extend(Roo.tree.TreeLoader,Roo.util.Observable,{uiProviders:{},clearOnLoad:true,root:false,queryParam:false,load:function(B,C){if(this.clearOnLoad){while(B.firstChild){B.removeChild(B.firstChild);}}if(B.attributes.children){var cs=B.attributes.children;for(var i=0,len=cs.length;i<len;i++){B.appendChild(this.createNode(cs[i]));}if(typeof C=="function"){C();}}else if(this.dataUrl){this.requestData(B,C);}},getParams:function(D){var E=[],bp=this.baseParams;for(var key in bp){if(typeof bp[key]!="function"){E.push(encodeURIComponent(key),"=",encodeURIComponent(bp[key]),"&");}}var n=this.queryParam===false?'node':this.queryParam;E.push(n+"=",encodeURIComponent(D.id));return E.join("");},requestData:function(F,G){if(this.fireEvent("beforeload",this,F,G)!==false){this.transId=Roo.Ajax.request({method:this.requestMethod,url:this.dataUrl||this.url,success:this.handleResponse,failure:this.handleFailure,scope:this,argument:{callback:G,node:F},params:this.getParams(F)});}else {if(typeof G=="function"){G();}}},isLoading:function(){return this.transId?true:false;},abort:function(){if(this.isLoading()){Roo.Ajax.abort(this.transId);}},createNode:function(attr){if(this.baseAttrs){Roo.applyIf(attr,this.baseAttrs);}if(this.applyLoader!==false){attr.loader=this;}if(typeof(attr.uiProvider)=='string'){attr.uiProvider=this.uiProviders[attr.uiProvider]||eval(attr.uiProvider);}if(typeof(this.uiProviders['default'])!='undefined'){attr.uiProvider=this.uiProviders['default'];}
+this.fireEvent('create',this,attr);attr.leaf=typeof(attr.leaf)=='string'?attr.leaf*1:attr.leaf;return (attr.leaf?new Roo.tree.TreeNode(attr):new Roo.tree.AsyncTreeNode(attr));},processResponse:function(H,I,J){var K=H.responseText;try{var o=eval("("+K+")");if(this.root!==false){o=o[this.root];}for(var i=0,len=o.length;i<len;i++){var n=this.createNode(o[i]);if(n){I.appendChild(n);}}if(typeof J=="function"){J(this,I);}}catch(e){this.handleFailure(response);}},handleResponse:function(L){this.transId=false;var a=L.argument;this.processResponse(L,a.node,a.callback);this.fireEvent("load",this,a.node,L);},handleFailure:function(M){this.transId=false;var a=M.argument;this.fireEvent("loadexception",this,a.node,M);if(typeof a.callback=="function"){a.callback(this,a.node);}}});
+Roo.tree.TreeFilter=function(A,B){this.tree=A;this.filtered={};Roo.apply(this,B);};Roo.tree.TreeFilter.prototype={clearBlank:false,reverse:false,autoClear:false,remove:false,filter:function(C,D,E){D=D||"text";var f;if(typeof C=="string"){var vlen=C.length;if(vlen==0&&this.clearBlank){this.clear();return;}
+C=C.toLowerCase();f=function(n){return n.attributes[D].substr(0,vlen).toLowerCase()==C;};}else if(C.exec){f=function(n){return C.test(n.attributes[D]);};}else {throw 'Illegal filter type, must be string or regex';}
+this.filterBy(f,null,E);},filterBy:function(fn,F,G){G=G||this.tree.root;if(this.autoClear){this.clear();}var af=this.filtered,rv=this.reverse;var f=function(n){if(n==G){return true;}if(af[n.id]){return false;}var m=fn.call(F||n,n);if(!m||rv){af[n.id]=n;n.ui.hide();return false;}return true;};G.cascade(f);if(this.remove){for(var id in af){if(typeof id!="function"){var n=af[id];if(n&&n.parentNode){n.parentNode.removeChild(n);}}}}},clear:function(){var t=this.tree;var af=this.filtered;for(var id in af){if(typeof id!="function"){var n=af[id];if(n){n.ui.show();}}}
+this.filtered={};}};
+Roo.tree.TreeSorter=function(A,B){Roo.apply(this,B);A.on("beforechildrenrendered",this.doSort,this);A.on("append",this.updateSort,this);A.on("insert",this.updateSort,this);var C=this.dir&&this.dir.toLowerCase()=="desc";var p=this.property||"text";var D=this.sortType;var fs=this.folderSort;var cs=this.caseSensitive===true;var E=this.leafAttr||'leaf';this.sortFn=function(n1,n2){if(fs){if(n1.attributes[E]&&!n2.attributes[E]){return 1;}if(!n1.attributes[E]&&n2.attributes[E]){return -1;}}var v1=D?D(n1):(cs?n1.attributes[p]:n1.attributes[p].toUpperCase());var v2=D?D(n2):(cs?n2.attributes[p]:n2.attributes[p].toUpperCase());if(v1<v2){return C?+1:-1;}else if(v1>v2){return C?-1:+1;}else {return 0;}};};Roo.tree.TreeSorter.prototype={doSort:function(F){F.sort(this.sortFn);},compareNodes:function(n1,n2){return (n1.text.toUpperCase()>n2.text.toUpperCase()?1:-1);},updateSort:function(G,H){if(H.childrenRendered){this.doSort.defer(1,this,[H]);}}};
+if(Roo.dd.DropZone){Roo.tree.TreeDropZone=function(A,B){this.allowParentInsert=false;this.allowContainerDrop=false;this.appendOnly=false;Roo.tree.TreeDropZone.superclass.constructor.call(this,A.innerCt,B);this.tree=A;this.lastInsertClass="x-tree-no-status";this.dragOverData={};};Roo.extend(Roo.tree.TreeDropZone,Roo.dd.DropZone,{ddGroup:"TreeDD",expandDelay:1000,expandNode:function(C){if(C.hasChildNodes()&&!C.isExpanded()){C.expand(false,null,this.triggerCacheRefresh.createDelegate(this));}},queueExpand:function(D){this.expandProcId=this.expandNode.defer(this.expandDelay,this,[D]);},cancelExpand:function(){if(this.expandProcId){clearTimeout(this.expandProcId);this.expandProcId=false;}},isValidDropPoint:function(n,pt,dd,e,E){if(!n||!E){return false;}var F=n.node;var G=E.node;if(!(F&&F.isTarget&&pt)){return false;}if(pt=="append"&&F.allowChildren===false){return false;}if((pt=="above"||pt=="below")&&(F.parentNode&&F.parentNode.allowChildren===false)){return false;}if(G&&(F==G||G.contains(F))){return false;}var H=this.dragOverData;H.tree=this.tree;H.target=F;H.data=E;H.point=pt;H.source=dd;H.rawEvent=e;H.dropNode=G;H.cancel=false;var I=this.tree.fireEvent("nodedragover",H);return H.cancel===false&&I!==false;},getDropPoint:function(e,n,dd){var tn=n.node;if(tn.isRoot){return tn.allowChildren!==false?"append":false;}var J=n.ddel;var t=Roo.lib.Dom.getY(J),b=t+J.offsetHeight;var y=Roo.lib.Event.getPageY(e);var K=tn.allowChildren===false||tn.isLeaf();if(this.appendOnly||tn.parentNode.allowChildren===false){return K?false:"append";}var L=false;if(!this.allowParentInsert){L=tn.hasChildNodes()&&tn.isExpanded();}var q=(b-t)/(K?2:3);if(y>=t&&y<(t+q)){return "above";}else if(!L&&(K||y>=b-q&&y<=b)){return "below";}else {return "append";}},onNodeEnter:function(n,dd,e,M){this.cancelExpand();},onNodeOver:function(n,dd,e,N){var pt=this.getDropPoint(e,n,dd);var O=n.node;if(!this.expandProcId&&pt=="append"&&O.hasChildNodes()&&!n.node.isExpanded()){this.queueExpand(O);}else if(pt!="append"){this.cancelExpand();}var P=this.dropNotAllowed;if(this.isValidDropPoint(n,pt,dd,e,N)){if(pt){var el=n.ddel;var cls;if(pt=="above"){P=n.node.isFirst()?"x-tree-drop-ok-above":"x-tree-drop-ok-between";cls="x-tree-drag-insert-above";}else if(pt=="below"){P=n.node.isLast()?"x-tree-drop-ok-below":"x-tree-drop-ok-between";cls="x-tree-drag-insert-below";}else {P="x-tree-drop-ok-append";cls="x-tree-drag-append";}if(this.lastInsertClass!=cls){Roo.fly(el).replaceClass(this.lastInsertClass,cls);this.lastInsertClass=cls;}}}return P;},onNodeOut:function(n,dd,e,Q){this.cancelExpand();this.removeDropIndicators(n);},onNodeDrop:function(n,dd,e,R){var S=this.getDropPoint(e,n,dd);var T=n.node;T.ui.startDrop();if(!this.isValidDropPoint(n,S,dd,e,R)){T.ui.endDrop();return false;}var U=R.node||(dd.getTreeNode?dd.getTreeNode(R,T,S,e):null);var V={tree:this.tree,target:T,data:R,point:S,source:dd,rawEvent:e,dropNode:U,cancel:!U};var W=this.tree.fireEvent("beforenodedrop",V);if(W===false||V.cancel===true||!V.dropNode){T.ui.endDrop();return false;}
+T=V.target;if(S=="append"&&!T.isExpanded()){T.expand(false,null,function(){this.completeDrop(V);}.createDelegate(this));}else {this.completeDrop(V);}return true;},completeDrop:function(de){var ns=de.dropNode,p=de.point,t=de.target;if(!(ns instanceof Array)){ns=[ns];}var n;for(var i=0,len=ns.length;i<len;i++){n=ns[i];if(p=="above"){t.parentNode.insertBefore(n,t);}else if(p=="below"){t.parentNode.insertBefore(n,t.nextSibling);}else {t.appendChild(n);}}
+n.ui.focus();if(this.tree.hlDrop){n.ui.highlight();}
+t.ui.endDrop();this.tree.fireEvent("nodedrop",de);},afterNodeMoved:function(dd,X,e,Y,Z){if(this.tree.hlDrop){Z.ui.focus();Z.ui.highlight();}
+this.tree.fireEvent("nodedrop",this.tree,Y,X,dd,e);},getTree:function(){return this.tree;},removeDropIndicators:function(n){if(n&&n.ddel){var el=n.ddel;Roo.fly(el).removeClass(["x-tree-drag-insert-above","x-tree-drag-insert-below","x-tree-drag-append"]);this.lastInsertClass="_noclass";}},beforeDragDrop:function(a,e,id){this.cancelExpand();return true;},afterRepair:function(c){if(c&&Roo.enableFx){c.node.ui.highlight();}
+this.hideProxy();}});}
+if(Roo.dd.DragZone){Roo.tree.TreeDragZone=function(A,B){Roo.tree.TreeDragZone.superclass.constructor.call(this,A.getTreeEl(),B);this.tree=A;};Roo.extend(Roo.tree.TreeDragZone,Roo.dd.DragZone,{ddGroup:"TreeDD",onBeforeDrag:function(C,e){var n=C.node;return n&&n.draggable&&!n.disabled;},onInitDrag:function(e){var D=this.dragData;this.tree.getSelectionModel().select(D.node);this.proxy.update("");D.node.ui.appendDDGhost(this.proxy.ghost.dom);this.tree.fireEvent("startdrag",this.tree,D.node,e);},getRepairXY:function(e,E){return E.node.ui.getDDRepairXY();},onEndDrag:function(F,e){this.tree.fireEvent("enddrag",this.tree,F.node,e);},onValidDrop:function(dd,e,id){this.tree.fireEvent("dragdrop",this.tree,this.dragData.node,dd,e);this.hideProxy();},beforeInvalidDrop:function(e,id){var sm=this.tree.getSelectionModel();sm.clearSelections();sm.select(this.dragData.node);}});}
+Roo.tree.TreeEditor=function(A,B){B=B||{};var C=B.events?B:new Roo.form.TextField(B);Roo.tree.TreeEditor.superclass.constructor.call(this,C);this.tree=A;A.on('beforeclick',this.beforeNodeClick,this);A.getTreeEl().on('mousedown',this.hide,this);this.on('complete',this.updateNode,this);this.on('beforestartedit',this.fitToTree,this);this.on('startedit',this.bindScroll,this,{delay:10});this.on('specialkey',this.onSpecialKey,this);};Roo.extend(Roo.tree.TreeEditor,Roo.Editor,{alignment:"l-l",autoSize:false,hideEl:false,cls:"x-small-editor x-tree-editor",shim:false,shadow:"frame",maxWidth:250,editDelay:350,fitToTree:function(ed,el){var td=this.tree.getTreeEl().dom,nd=el.dom;if(td.scrollLeft>nd.offsetLeft){td.scrollLeft=nd.offsetLeft;}var w=Math.min(this.maxWidth,(td.clientWidth>20?td.clientWidth:td.offsetWidth)-Math.max(0,nd.offsetLeft-td.scrollLeft)-5);this.setSize(w,'');},triggerEdit:function(D){this.completeEdit();this.editNode=D;this.startEdit(D.ui.textNode,D.text);},bindScroll:function(){this.tree.getTreeEl().on('scroll',this.cancelEdit,this);},beforeNodeClick:function(E,e){var F=(this.lastClick?this.lastClick.getElapsed():0);this.lastClick=new Date();if(F>this.editDelay&&this.tree.getSelectionModel().isSelected(E)){e.stopEvent();this.triggerEdit(E);return false;}},updateNode:function(ed,G){this.tree.getTreeEl().un('scroll',this.cancelEdit,this);this.editNode.setText(G);},onHide:function(){Roo.tree.TreeEditor.superclass.onHide.call(this);if(this.editNode){this.editNode.ui.focus();}},onSpecialKey:function(H,e){var k=e.getKey();if(k==e.ESC){e.stopEvent();this.cancelEdit();}else if(k==e.ENTER&&!e.hasModifier()){e.stopEvent();this.completeEdit();}}});
+Roo.tree.ColumnNodeUI=Roo.extend(Roo.tree.TreeNodeUI,{renderElements:function(n,a,A,B){this.indentMarkup=n.parentNode?n.parentNode.ui.getChildIndent():'';var t=n.getOwnerTree();var C=Pman.Tab.Document_TypesTree.tree.el.id;var D=t.columns;var bw=t.borderWidth;var c=D[0];var E=a.href?a.href:Roo.isGecko?"":"#";var cb=typeof a.checked=="boolean";var tx=String.format('{0}',n.text||(c.renderer?c.renderer(a[c.dataIndex],n,a):a[c.dataIndex]));var F='x-t-'+C+'-c0';var G=['<li class="x-tree-node">','<div class="x-tree-node-el ',a.cls,'">','<div class="x-tree-col ',F,'" style="width:',c.width-bw,'px;">','<span class="x-tree-node-indent">',this.indentMarkup,'</span>','<img src="',this.emptyIcon,'" class="x-tree-ec-icon " />','<img src="',a.icon||this.emptyIcon,'" class="x-tree-node-icon',(a.icon?' x-tree-node-inline-icon':''),(a.iconCls?' '+a.iconCls:''),'" unselectable="on" />',(cb?('<input class="x-tree-node-cb" type="checkbox" '+(a.checked?'checked="checked" />':' />')):''),'<a class="x-tree-node-anchor" hidefocus="on" href="',E,'" tabIndex="1" ',(a.hrefTarget?' target="'+a.hrefTarget+'"':''),'>','<span unselectable="on" qtip="'+tx+'">',tx,'</span></a>','</div>','<a class="x-tree-node-anchor" hidefocus="on" href="',E,'" tabIndex="1" ',(a.hrefTarget?' target="'+a.hrefTarget+'"':''),'>',];for(var i=1,len=D.length;i<len;i++){c=D[i];F='x-t-'+C+'-c'+i;tx=String.format('{0}',(c.renderer?c.renderer(a[c.dataIndex],n,a):a[c.dataIndex]));G.push('<div class="x-tree-col ',F,' ',(c.cls?c.cls:''),'" style="width:',c.width-bw,'px;">','<div class="x-tree-col-text" qtip="'+tx+'">',tx,"</div>","</div>");}
+G.push('</a>','<div class="x-clear"></div></div>','<ul class="x-tree-node-ct" style="display:none;"></ul>',"</li>");if(B!==true&&n.nextSibling&&n.nextSibling.ui.getEl()){this.wrap=Roo.DomHelper.insertHtml("beforeBegin",n.nextSibling.ui.getEl(),G.join(""));}else {this.wrap=Roo.DomHelper.insertHtml("beforeEnd",A,G.join(""));}var el=this.wrap.firstChild;this.elRow=el;this.elNode=el.firstChild;this.ranchor=el.childNodes[1];this.ctNode=this.wrap.childNodes[1];var cs=el.firstChild.childNodes;this.indentNode=cs[0];this.ecNode=cs[1];this.iconNode=cs[2];var H=3;if(cb){this.checkbox=cs[3];H++;}
+this.anchor=cs[H];this.textNode=cs[H].firstChild;},initEvents:function(){Roo.tree.ColumnNodeUI.superclass.initEvents.call(this);var a=this.ranchor;var el=Roo.get(a);if(Roo.isOpera){el.setStyle("text-decoration","none");}
+el.on("click",this.onClick,this);el.on("dblclick",this.onDblClick,this);el.on("contextmenu",this.onContextMenu,this);},addClass:function(I){if(this.elRow){Roo.fly(this.elRow).addClass(I);}},removeClass:function(J){if(this.elRow){Roo.fly(this.elRow).removeClass(J);}}});
+Roo.tree.ColumnTree=function(el,A){Roo.tree.ColumnTree.superclass.constructor.call(this,el,A);this.addEvents({"resize":true});this.on('resize',this.onResize,this);};Roo.extend(Roo.tree.ColumnTree,Roo.tree.TreePanel,{borderWidth:Roo.isBorderBox?0:2,headEls:false,render:function(){Roo.tree.ColumnTree.superclass.render.apply(this);this.el.addClass('x-column-tree');this.headers=this.el.createChild({cls:'x-tree-headers'},this.innerCt.dom);var B=this.columns,c;var C=0;this.headEls=[];var D=B.length;for(var i=0;i<D;i++){c=B[i];C+=c.width;this.headEls.push(this.headers.createChild({cls:'x-tree-hd '+(c.cls?c.cls+'-hd':''),cn:{cls:'x-tree-hd-text',html:c.header},style:'width:'+(c.width-this.borderWidth)+'px;'}));}
+this.headers.createChild({cls:'x-clear'});this.headers.setWidth(C);this.innerCt.setStyle({overflow:'auto'});this.onResize(this.width,this.height);},onResize:function(w,h){this.height=h;this.width=w;this.innerCt.setWidth(this.width);this.innerCt.setHeight(this.height-20);var E=this.columns,c;var F=0;var G=false;var H=E.length;for(var i=0;i<H;i++){c=E[i];if(this.autoExpandColumn!==false&&c.dataIndex==this.autoExpandColumn){G=this.headEls[i];continue;}
+F+=c.width;}if(G){G.setWidth(((w-F)-this.borderWidth-20));}
+this.headers.setWidth(w-20);}});
+Roo.menu.Menu=function(A){Roo.apply(this,A);this.id=this.id||Roo.id();this.addEvents({beforeshow:true,beforehide:true,show:true,hide:true,click:true,mouseover:true,mouseout:true,itemclick:true});if(this.registerMenu){Roo.menu.MenuMgr.register(this);}var B=this.items;this.items=new Roo.util.MixedCollection();if(B){this.add.apply(this,B);}};Roo.extend(Roo.menu.Menu,Roo.util.Observable,{minWidth:120,shadow:"sides",subMenuAlign:"tl-tr?",defaultAlign:"tl-bl?",allowOtherMenus:false,registerMenu:true,hidden:true,render:function(){if(this.el){return;}var el=this.el=new Roo.Layer({cls:"x-menu",shadow:this.shadow,constrain:false,parentEl:this.parentEl||document.body,zindex:15000});this.keyNav=new Roo.menu.MenuNav(this);if(this.plain){el.addClass("x-menu-plain");}if(this.cls){el.addClass(this.cls);}
+this.focusEl=el.createChild({tag:"a",cls:"x-menu-focus",href:"#",onclick:"return false;",tabIndex:"-1"});var ul=el.createChild({tag:"ul",cls:"x-menu-list"});ul.on("click",this.onClick,this);ul.on("mouseover",this.onMouseOver,this);ul.on("mouseout",this.onMouseOut,this);this.items.each(function(C){var li=document.createElement("li");li.className="x-menu-list-item";ul.dom.appendChild(li);C.render(li,this);},this);this.ul=ul;this.autoWidth();},autoWidth:function(){var el=this.el,ul=this.ul;if(!el){return;}var w=this.width;if(w){el.setWidth(w);}else if(Roo.isIE){el.setWidth(this.minWidth);var t=el.dom.offsetWidth;el.setWidth(ul.getWidth()+el.getFrameWidth("lr"));}},delayAutoWidth:function(){if(this.rendered){if(!this.awTask){this.awTask=new Roo.util.DelayedTask(this.autoWidth,this);}
+this.awTask.delay(20);}},findTargetItem:function(e){var t=e.getTarget(".x-menu-list-item",this.ul,true);if(t&&t.menuItemId){return this.items.get(t.menuItemId);}},onClick:function(e){var t;if(t=this.findTargetItem(e)){t.onClick(e);this.fireEvent("click",this,t,e);}},setActiveItem:function(C,D){if(C!=this.activeItem){if(this.activeItem){this.activeItem.deactivate();}
+this.activeItem=C;C.activate(D);}else if(D){C.expandMenu();}},tryActivate:function(E,F){var G=this.items;for(var i=E,len=G.length;i>=0&&i<len;i+=F){var C=G.get(i);if(!C.disabled&&C.canActivate){this.setActiveItem(C,false);return C;}}return false;},onMouseOver:function(e){var t;if(t=this.findTargetItem(e)){if(t.canActivate&&!t.disabled){this.setActiveItem(t,true);}}
+this.fireEvent("mouseover",this,e,t);},onMouseOut:function(e){var t;if(t=this.findTargetItem(e)){if(t==this.activeItem&&t.shouldDeactivate(e)){this.activeItem.deactivate();delete this.activeItem;}}
+this.fireEvent("mouseout",this,e,t);},isVisible:function(){return this.el&&!this.hidden;},show:function(el,H,I){this.parentMenu=I;if(!this.el){this.render();}
+this.fireEvent("beforeshow",this);this.showAt(this.el.getAlignToXY(el,H||this.defaultAlign),I,false);},showAt:function(xy,J,_e){this.parentMenu=J;if(!this.el){this.render();}if(_e!==false){this.fireEvent("beforeshow",this);xy=this.el.adjustForConstraints(xy);}
+this.el.setXY(xy);this.el.show();this.hidden=false;this.focus();this.fireEvent("show",this);},focus:function(){if(!this.hidden){this.doFocus.defer(50,this);}},doFocus:function(){if(!this.hidden){this.focusEl.focus();}},hide:function(K){if(this.el&&this.isVisible()){this.fireEvent("beforehide",this);if(this.activeItem){this.activeItem.deactivate();this.activeItem=null;}
+this.el.hide();this.hidden=true;this.fireEvent("hide",this);}if(K===true&&this.parentMenu){this.parentMenu.hide(true);}},add:function(){var a=arguments,l=a.length,L;for(var i=0;i<l;i++){var el=a[i];if(el.render){L=this.addItem(el);}else if(typeof el=="string"){if(el=="separator"||el=="-"){L=this.addSeparator();}else {L=this.addText(el);}}else if(el.tagName||el.el){L=this.addElement(el);}else if(typeof el=="object"){L=this.addMenuItem(el);}}return L;},getEl:function(){if(!this.el){this.render();}return this.el;},addSeparator:function(){return this.addItem(new Roo.menu.Separator());},addElement:function(el){return this.addItem(new Roo.menu.BaseItem(el));},addItem:function(M){this.items.add(M);if(this.ul){var li=document.createElement("li");li.className="x-menu-list-item";this.ul.dom.appendChild(li);M.render(li,this);this.delayAutoWidth();}return M;},addMenuItem:function(N){if(!(N instanceof Roo.menu.Item)){if(typeof N.checked=="boolean"){N=new Roo.menu.CheckItem(N);}else {N=new Roo.menu.Item(N);}}return this.addItem(N);},addText:function(O){return this.addItem(new Roo.menu.TextItem(O));},insert:function(P,Q){this.items.insert(P,Q);if(this.ul){var li=document.createElement("li");li.className="x-menu-list-item";this.ul.dom.insertBefore(li,this.ul.dom.childNodes[P]);Q.render(li,this);this.delayAutoWidth();}return Q;},remove:function(R){this.items.removeKey(R.id);R.destroy();},removeAll:function(){var f;while(f=this.items.first()){this.remove(f);}}});Roo.menu.MenuNav=function(S){Roo.menu.MenuNav.superclass.constructor.call(this,S.el);this.scope=this.menu=S;};Roo.extend(Roo.menu.MenuNav,Roo.KeyNav,{doRelay:function(e,h){var k=e.getKey();if(!this.menu.activeItem&&e.isNavKeyPress()&&k!=e.SPACE&&k!=e.RETURN ){this.menu.tryActivate(0,1);return false;}return h.call(this.scope||this,e,this.menu);},up:function(e,m){if(!m.tryActivate(m.items.indexOf(m.activeItem)-1,-1)){m.tryActivate(m.items.length-1,-1);}},down:function(e,m){if(!m.tryActivate(m.items.indexOf(m.activeItem)+1,1)){m.tryActivate(0,1);}},right:function(e,m){if(m.activeItem){m.activeItem.expandMenu(true);}},left:function(e,m){m.hide();if(m.parentMenu&&m.parentMenu.activeItem){m.parentMenu.activeItem.activate();}},enter:function(e,m){if(m.activeItem){e.stopPropagation();m.activeItem.onClick(e);m.fireEvent("click",this,m.activeItem);return true;}}});
+Roo.menu.MenuMgr=function(){var A,B,C={},attached=false,lastShow=new Date();function D(){A={};B=new Roo.util.MixedCollection();Roo.get(document).addKeyListener(27,function(){if(B.length>0){E();}});}function E(){if(B&&B.length>0){var c=B.clone();c.each(function(m){m.hide();});}}function F(m){B.remove(m);if(B.length<1){Roo.get(document).un("mousedown",J);attached=false;}}function G(m){var L=B.last();lastShow=new Date();B.add(m);if(!attached){Roo.get(document).on("mousedown",J);attached=true;}if(m.parentMenu){m.getEl().setZIndex(parseInt(m.parentMenu.getEl().getStyle("z-index"),10)+3);m.parentMenu.activeChild=m;}else if(L&&L.isVisible()){m.getEl().setZIndex(parseInt(L.getEl().getStyle("z-index"),10)+3);}}function H(m){if(m.activeChild){m.activeChild.hide();}if(m.autoHideTimer){clearTimeout(m.autoHideTimer);delete m.autoHideTimer;}}function I(m){var pm=m.parentMenu;if(!pm&&!m.allowOtherMenus){E();}else if(pm&&pm.activeChild&&B!=m){pm.activeChild.hide();}}function J(e){if(lastShow.getElapsed()>50&&B.length>0&&!e.getTarget(".x-menu")){E();}}function K(mi,L){if(L){var g=C[mi.group];for(var i=0,l=g.length;i<l;i++){if(g[i]!=mi){g[i].setChecked(false);}}}}return {hideAll:function(){E();},register:function(Q){if(!A){D();}
+A[Q.id]=Q;Q.on("beforehide",H);Q.on("hide",F);Q.on("beforeshow",I);Q.on("show",G);var g=Q.group;if(g&&Q.events["checkchange"]){if(!C[g]){C[g]=[];}
+C[g].push(Q);Q.on("checkchange",onCheck);}},get:function(R){if(typeof R=="string"){return A[R];}else if(R.events){return R;}else if(typeof R.length=='number'){return new Roo.menu.Menu({items:R});}else {return new Roo.menu.Menu(R);}},unregister:function(S){delete A[S.id];S.un("beforehide",H);S.un("hide",F);S.un("beforeshow",I);S.un("show",G);var g=S.group;if(g&&S.events["checkchange"]){C[g].remove(S);S.un("checkchange",onCheck);}},registerCheckable:function(T){var g=T.group;if(g){if(!C[g]){C[g]=[];}
+C[g].push(T);T.on("beforecheckchange",K);}},unregisterCheckable:function(U){var g=U.group;if(g){C[g].remove(U);U.un("beforecheckchange",K);}}};}();
+Roo.menu.BaseItem=function(A){Roo.menu.BaseItem.superclass.constructor.call(this,A);this.addEvents({click:true,activate:true,deactivate:true});if(this.handler){this.on("click",this.handler,this.scope,true);}};Roo.extend(Roo.menu.BaseItem,Roo.Component,{canActivate:false,activeClass:"x-menu-item-active",hideOnClick:true,hideDelay:100,ctype:"Roo.menu.BaseItem",actionMode:"container",render:function(B,C){this.parentMenu=C;Roo.menu.BaseItem.superclass.render.call(this,B);this.container.menuItemId=this.id;},onRender:function(D,E){this.el=Roo.get(this.el);D.dom.appendChild(this.el.dom);},onClick:function(e){if(!this.disabled&&this.fireEvent("click",this,e)!==false&&this.parentMenu.fireEvent("itemclick",this,e)!==false){this.handleClick(e);}else {e.stopEvent();}},activate:function(){if(this.disabled){return false;}var li=this.container;li.addClass(this.activeClass);this.region=li.getRegion().adjust(2,2,-2,-2);this.fireEvent("activate",this);return true;},deactivate:function(){this.container.removeClass(this.activeClass);this.fireEvent("deactivate",this);},shouldDeactivate:function(e){return !this.region||!this.region.contains(e.getPoint());},handleClick:function(e){if(this.hideOnClick){this.parentMenu.hide.defer(this.hideDelay,this.parentMenu,[true]);}},expandMenu:function(F){},hideMenu:function(){}});
+Roo.menu.Adapter=function(A,B){Roo.menu.Adapter.superclass.constructor.call(this,B);this.component=A;};Roo.extend(Roo.menu.Adapter,Roo.menu.BaseItem,{canActivate:true,onRender:function(C,D){this.component.render(C);this.el=this.component.getEl();},activate:function(){if(this.disabled){return false;}
+this.component.focus();this.fireEvent("activate",this);return true;},deactivate:function(){this.fireEvent("deactivate",this);},disable:function(){this.component.disable();Roo.menu.Adapter.superclass.disable.call(this);},enable:function(){this.component.enable();Roo.menu.Adapter.superclass.enable.call(this);}});
+Roo.menu.TextItem=function(A){this.text=A;Roo.menu.TextItem.superclass.constructor.call(this);};Roo.extend(Roo.menu.TextItem,Roo.menu.BaseItem,{hideOnClick:false,itemCls:"x-menu-text",onRender:function(){var s=document.createElement("span");s.className=this.itemCls;s.innerHTML=this.text;this.el=s;Roo.menu.TextItem.superclass.onRender.apply(this,arguments);}});
+Roo.menu.Separator=function(A){Roo.menu.Separator.superclass.constructor.call(this,A);};Roo.extend(Roo.menu.Separator,Roo.menu.BaseItem,{itemCls:"x-menu-sep",hideOnClick:false,onRender:function(li){var s=document.createElement("span");s.className=this.itemCls;s.innerHTML=" ";this.el=s;li.addClass("x-menu-sep-li");Roo.menu.Separator.superclass.onRender.apply(this,arguments);}});
+Roo.menu.Item=function(A){Roo.menu.Item.superclass.constructor.call(this,A);if(this.menu){this.menu=Roo.menu.MenuMgr.get(this.menu);}};Roo.extend(Roo.menu.Item,Roo.menu.BaseItem,{itemCls:"x-menu-item",canActivate:true,showDelay:200,hideDelay:200,ctype:"Roo.menu.Item",onRender:function(B,C){var el=document.createElement("a");el.hideFocus=true;el.unselectable="on";el.href=this.href||"#";if(this.hrefTarget){el.target=this.hrefTarget;}
+el.className=this.itemCls+(this.menu?" x-menu-item-arrow":"")+(this.cls?" "+this.cls:"");el.innerHTML=String.format('<img src="{0}" class="x-menu-item-icon {2}" />{1}',this.icon||Roo.BLANK_IMAGE_URL,this.text,this.iconCls||'');this.el=el;Roo.menu.Item.superclass.onRender.call(this,B,C);},setText:function(D){this.text=D;if(this.rendered){this.el.update(String.format('<img src="{0}" class="x-menu-item-icon {2}">{1}',this.icon||Roo.BLANK_IMAGE_URL,this.text,this.iconCls||''));this.parentMenu.autoWidth();}},handleClick:function(e){if(!this.href){e.stopEvent();}
+Roo.menu.Item.superclass.handleClick.apply(this,arguments);},activate:function(E){if(Roo.menu.Item.superclass.activate.apply(this,arguments)){this.focus();if(E){this.expandMenu();}}return true;},shouldDeactivate:function(e){if(Roo.menu.Item.superclass.shouldDeactivate.call(this,e)){if(this.menu&&this.menu.isVisible()){return !this.menu.getEl().getRegion().contains(e.getPoint());}return true;}return false;},deactivate:function(){Roo.menu.Item.superclass.deactivate.apply(this,arguments);this.hideMenu();},expandMenu:function(F){if(!this.disabled&&this.menu){clearTimeout(this.hideTimer);delete this.hideTimer;if(!this.menu.isVisible()&&!this.showTimer){this.showTimer=this.deferExpand.defer(this.showDelay,this,[F]);}else if(this.menu.isVisible()&&F){this.menu.tryActivate(0,1);}}},deferExpand:function(G){delete this.showTimer;this.menu.show(this.container,this.parentMenu.subMenuAlign||"tl-tr?",this.parentMenu);if(G){this.menu.tryActivate(0,1);}},hideMenu:function(){clearTimeout(this.showTimer);delete this.showTimer;if(!this.hideTimer&&this.menu&&this.menu.isVisible()){this.hideTimer=this.deferHide.defer(this.hideDelay,this);}},deferHide:function(){delete this.hideTimer;this.menu.hide();}});
+Roo.menu.CheckItem=function(A){Roo.menu.CheckItem.superclass.constructor.call(this,A);this.addEvents({"beforecheckchange":true,"checkchange":true});if(this.checkHandler){this.on('checkchange',this.checkHandler,this.scope);}};Roo.extend(Roo.menu.CheckItem,Roo.menu.Item,{itemCls:"x-menu-item x-menu-check-item",groupClass:"x-menu-group-item",checked:false,ctype:"Roo.menu.CheckItem",onRender:function(c){Roo.menu.CheckItem.superclass.onRender.apply(this,arguments);if(this.group){this.el.addClass(this.groupClass);}
+Roo.menu.MenuMgr.registerCheckable(this);if(this.checked){this.checked=false;this.setChecked(true,true);}},destroy:function(){if(this.rendered){Roo.menu.MenuMgr.unregisterCheckable(this);}
+Roo.menu.CheckItem.superclass.destroy.apply(this,arguments);},setChecked:function(B,C){if(this.checked!=B&&this.fireEvent("beforecheckchange",this,B)!==false){if(this.container){this.container[B?"addClass":"removeClass"]("x-menu-item-checked");}
+this.checked=B;if(C!==true){this.fireEvent("checkchange",this,B);}}},handleClick:function(e){if(!this.disabled&&!(this.checked&&this.group)){this.setChecked(!this.checked);}
+Roo.menu.CheckItem.superclass.handleClick.apply(this,arguments);}});
+Roo.menu.DateItem=function(A){Roo.menu.DateItem.superclass.constructor.call(this,new Roo.DatePicker(A),A);this.picker=this.component;this.addEvents({select:true});this.picker.on("render",function(B){B.getEl().swallowEvent("click");B.container.addClass("x-menu-date-item");});this.picker.on("select",this.onSelect,this);};Roo.extend(Roo.menu.DateItem,Roo.menu.Adapter,{onSelect:function(B,C){this.fireEvent("select",this,C,B);Roo.menu.DateItem.superclass.handleClick.call(this);}});
+Roo.menu.ColorItem=function(A){Roo.menu.ColorItem.superclass.constructor.call(this,new Roo.ColorPalette(A),A);this.palette=this.component;this.relayEvents(this.palette,["select"]);if(this.selectHandler){this.on('select',this.selectHandler,this.scope);}};Roo.extend(Roo.menu.ColorItem,Roo.menu.Adapter);
+Roo.menu.DateMenu=function(A){Roo.menu.DateMenu.superclass.constructor.call(this,A);this.plain=true;var di=new Roo.menu.DateItem(A);this.add(di);this.picker=di.picker;this.relayEvents(di,["select"]);this.on('beforeshow',function(){if(this.picker){this.picker.hideMonthPicker(true);}},this);};Roo.extend(Roo.menu.DateMenu,Roo.menu.Menu,{cls:'x-date-menu'});
+Roo.menu.ColorMenu=function(A){Roo.menu.ColorMenu.superclass.constructor.call(this,A);this.plain=true;var ci=new Roo.menu.ColorItem(A);this.add(ci);this.palette=ci.palette;this.relayEvents(ci,["select"]);};Roo.extend(Roo.menu.ColorMenu,Roo.menu.Menu);
+Roo.form.Field=function(A){Roo.form.Field.superclass.constructor.call(this,A);};Roo.extend(Roo.form.Field,Roo.BoxComponent,{invalidClass:"x-form-invalid",invalidText:"The value in this field is invalid",focusClass:"x-form-focus",validationEvent:"keyup",validateOnBlur:true,validationDelay:250,defaultAutoCreate:{tag:"input",type:"text",size:"20",autocomplete:"off"},fieldClass:"x-form-field",msgTarget:'qtip',msgFx:'normal',readOnly:false,disabled:false,inputType:undefined,tabIndex:undefined,isFormField:true,hasFocus:false,value:undefined,initComponent:function(){Roo.form.Field.superclass.initComponent.call(this);this.addEvents({focus:true,blur:true,specialkey:true,change:true,invalid:true,valid:true});},getName:function(){return this.rendered&&this.el.dom.name?this.el.dom.name:(this.hiddenName||'');},onRender:function(ct,B){Roo.form.Field.superclass.onRender.call(this,ct,B);if(!this.el){var cfg=this.getAutoCreate();if(!cfg.name){cfg.name=this.name||this.id;}if(this.inputType){cfg.type=this.inputType;}
+this.el=ct.createChild(cfg,B);}var C=this.el.dom.type;if(C){if(C=='password'){C='text';}
+this.el.addClass('x-form-'+C);}if(this.readOnly){this.el.dom.readOnly=true;}if(this.tabIndex!==undefined){this.el.dom.setAttribute('tabIndex',this.tabIndex);}
+this.el.addClass([this.fieldClass,this.cls]);this.initValue();},applyTo:function(D){this.allowDomMove=false;this.el=Roo.get(D);this.render(this.el.dom.parentNode);return this;},initValue:function(){if(this.value!==undefined){this.setValue(this.value);}else if(this.el.dom.value.length>0){this.setValue(this.el.dom.value);}},isDirty:function(){if(this.disabled){return false;}return String(this.getValue())!==String(this.originalValue);},afterRender:function(){Roo.form.Field.superclass.afterRender.call(this);this.initEvents();},fireKey:function(e){if(e.isNavKeyPress()){this.fireEvent("specialkey",this,e);}},reset:function(){this.setValue(this.originalValue);this.clearInvalid();},initEvents:function(){this.el.on(Roo.isIE?"keydown":"keypress",this.fireKey,this);this.el.on("focus",this.onFocus,this);this.el.on("blur",this.onBlur,this);this.originalValue=this.getValue();},onFocus:function(){if(!Roo.isOpera&&this.focusClass){this.el.addClass(this.focusClass);}if(!this.hasFocus){this.hasFocus=true;this.startValue=this.getValue();this.fireEvent("focus",this);}},beforeBlur:Roo.emptyFn,onBlur:function(){this.beforeBlur();if(!Roo.isOpera&&this.focusClass){this.el.removeClass(this.focusClass);}
+this.hasFocus=false;if(this.validationEvent!==false&&this.validateOnBlur&&this.validationEvent!="blur"){this.validate();}var v=this.getValue();if(String(v)!==String(this.startValue)){this.fireEvent('change',this,v,this.startValue);}
+this.fireEvent("blur",this);},isValid:function(E){if(this.disabled){return true;}var F=this.preventMark;this.preventMark=E===true;var v=this.validateValue(this.processValue(this.getRawValue()));this.preventMark=F;return v;},validate:function(){if(this.disabled||this.validateValue(this.processValue(this.getRawValue()))){this.clearInvalid();return true;}return false;},processValue:function(G){return G;},validateValue:function(H){return true;},markInvalid:function(I){if(!this.rendered||this.preventMark){return;}
+this.el.addClass(this.invalidClass);I=I||this.invalidText;switch(this.msgTarget){case 'qtip':this.el.dom.qtip=I;this.el.dom.qclass='x-form-invalid-tip';if(Roo.QuickTips){Roo.QuickTips.enable();}break;case 'title':this.el.dom.title=I;break;case 'under':if(!this.errorEl){var elp=this.el.findParent('.x-form-element',5,true);this.errorEl=elp.createChild({cls:'x-form-invalid-msg'});this.errorEl.setWidth(elp.getWidth(true)-20);}
+this.errorEl.update(I);Roo.form.Field.msgFx[this.msgFx].show(this.errorEl,this);break;case 'side':if(!this.errorIcon){var elp=this.el.findParent('.x-form-element',5,true);this.errorIcon=elp.createChild({cls:'x-form-invalid-icon'});}
+this.alignErrorIcon();this.errorIcon.dom.qtip=I;this.errorIcon.dom.qclass='x-form-invalid-tip';this.errorIcon.show();this.on('resize',this.alignErrorIcon,this);break;default:var t=Roo.getDom(this.msgTarget);t.innerHTML=I;t.style.display=this.msgDisplay;break;}
+this.fireEvent('invalid',this,I);},alignErrorIcon:function(){this.errorIcon.alignTo(this.el,'tl-tr',[2,0]);},clearInvalid:function(){if(!this.rendered||this.preventMark){return;}
+this.el.removeClass(this.invalidClass);switch(this.msgTarget){case 'qtip':this.el.dom.qtip='';break;case 'title':this.el.dom.title='';break;case 'under':if(this.errorEl){Roo.form.Field.msgFx[this.msgFx].hide(this.errorEl,this);}break;case 'side':if(this.errorIcon){this.errorIcon.dom.qtip='';this.errorIcon.hide();this.un('resize',this.alignErrorIcon,this);}break;default:var t=Roo.getDom(this.msgTarget);t.innerHTML='';t.style.display='none';break;}
+this.fireEvent('valid',this);},getRawValue:function(){var v=this.el.getValue();if(v===this.emptyText){v='';}return v;},getValue:function(){var v=this.el.getValue();if(v===this.emptyText||v===undefined){v='';}return v;},setRawValue:function(v){return this.el.dom.value=(v===null||v===undefined?'':v);},setValue:function(v){this.value=v;if(this.rendered){this.el.dom.value=(v===null||v===undefined?'':v);this.validate();}},adjustSize:function(w,h){var s=Roo.form.Field.superclass.adjustSize.call(this,w,h);s.width=this.adjustWidth(this.el.dom.tagName,s.width);return s;},adjustWidth:function(J,w){J=J.toLowerCase();if(typeof w=='number'&&Roo.isStrict&&!Roo.isSafari){if(Roo.isIE&&(J=='input'||J=='textarea')){if(J=='input'){return w+2;}if(J='textarea'){return w-2;}}else if(Roo.isOpera){if(J=='input'){return w+2;}if(J='textarea'){return w-2;}}}return w;}});Roo.form.Field.msgFx={normal:{show:function(K,f){K.setDisplayed('block');},hide:function(L,f){L.setDisplayed(false).update('');}},slide:{show:function(M,f){M.slideIn('t',{stopFx:true});},hide:function(N,f){N.slideOut('t',{stopFx:true,useDisplay:true});}},slideRight:{show:function(O,f){O.fixDisplay();O.alignTo(f.el,'tl-tr');O.slideIn('l',{stopFx:true});},hide:function(P,f){P.slideOut('l',{stopFx:true,useDisplay:true});}}};
+Roo.form.TextField=function(A){Roo.form.TextField.superclass.constructor.call(this,A);this.addEvents({autosize:true});};Roo.extend(Roo.form.TextField,Roo.form.Field,{grow:false,growMin:30,growMax:800,vtype:null,maskRe:null,disableKeyFilter:false,allowBlank:true,minLength:0,maxLength:Number.MAX_VALUE,minLengthText:"The minimum length for this field is {0}",maxLengthText:"The maximum length for this field is {0}",selectOnFocus:false,blankText:"This field is required",validator:null,regex:null,regexText:"",emptyText:null,emptyClass:'x-form-empty-field',initEvents:function(){Roo.form.TextField.superclass.initEvents.call(this);if(this.validationEvent=='keyup'){this.validationTask=new Roo.util.DelayedTask(this.validate,this);this.el.on('keyup',this.filterValidation,this);}else if(this.validationEvent!==false){this.el.on(this.validationEvent,this.validate,this,{buffer:this.validationDelay});}if(this.selectOnFocus||this.emptyText){this.on("focus",this.preFocus,this);if(this.emptyText){this.on('blur',this.postBlur,this);this.applyEmptyText();}}if(this.maskRe||(this.vtype&&this.disableKeyFilter!==true&&(this.maskRe=Roo.form.VTypes[this.vtype+'Mask']))){this.el.on("keypress",this.filterKeys,this);}if(this.grow){this.el.on("keyup",this.onKeyUp,this,{buffer:50});this.el.on("click",this.autoSize,this);}},processValue:function(B){if(this.stripCharsRe){var newValue=B.replace(this.stripCharsRe,'');if(newValue!==B){this.setRawValue(newValue);return newValue;}}return B;},filterValidation:function(e){if(!e.isNavKeyPress()){this.validationTask.delay(this.validationDelay);}},onKeyUp:function(e){if(!e.isNavKeyPress()){this.autoSize();}},reset:function(){Roo.form.TextField.superclass.reset.call(this);this.applyEmptyText();},applyEmptyText:function(){if(this.rendered&&this.emptyText&&this.getRawValue().length<1){this.setRawValue(this.emptyText);this.el.addClass(this.emptyClass);}},preFocus:function(){if(this.emptyText){if(this.el.dom.value==this.emptyText){this.setRawValue('');}
+this.el.removeClass(this.emptyClass);}if(this.selectOnFocus){this.el.dom.select();}},postBlur:function(){this.applyEmptyText();},filterKeys:function(e){var k=e.getKey();if(!Roo.isIE&&(e.isNavKeyPress()||k==e.BACKSPACE||(k==e.DELETE &&e.button==-1))){return;}var c=e.getCharCode(),cc=String.fromCharCode(c);if(Roo.isIE&&(e.isSpecialKey()||!cc)){return;}if(!this.maskRe.test(cc)){e.stopEvent();}},setValue:function(v){if(this.emptyText&&this.el&&v!==undefined&&v!==null&&v!==''){this.el.removeClass(this.emptyClass);}
+Roo.form.TextField.superclass.setValue.apply(this,arguments);this.applyEmptyText();this.autoSize();},validateValue:function(C){if(C.length<1||C===this.emptyText){if(this.allowBlank){this.clearInvalid();return true;}else {this.markInvalid(this.blankText);return false;}}if(C.length<this.minLength){this.markInvalid(String.format(this.minLengthText,this.minLength));return false;}if(C.length>this.maxLength){this.markInvalid(String.format(this.maxLengthText,this.maxLength));return false;}if(this.vtype){var vt=Roo.form.VTypes;if(!vt[this.vtype](C,this)){this.markInvalid(this.vtypeText||vt[this.vtype+'Text']);return false;}}if(typeof this.validator=="function"){var msg=this.validator(C);if(msg!==true){this.markInvalid(msg);return false;}}if(this.regex&&!this.regex.test(C)){this.markInvalid(this.regexText);return false;}return true;},selectText:function(D,E){var v=this.getRawValue();if(v.length>0){D=D===undefined?0:D;E=E===undefined?v.length:E;var d=this.el.dom;if(d.setSelectionRange){d.setSelectionRange(D,E);}else if(d.createTextRange){var range=d.createTextRange();range.moveStart("character",D);range.moveEnd("character",v.length-E);range.select();}}},autoSize:function(){if(!this.grow||!this.rendered){return;}if(!this.metrics){this.metrics=Roo.util.TextMetrics.createInstance(this.el);}var el=this.el;var v=el.dom.value;var d=document.createElement('div');d.appendChild(document.createTextNode(v));v=d.innerHTML;d=null;v+=" ";var w=Math.min(this.growMax,Math.max(this.metrics.getWidth(v)+10,this.growMin));this.el.setWidth(w);this.fireEvent("autosize",this,w);}});
+Roo.form.Hidden=function(A){Roo.form.Hidden.superclass.constructor.call(this,A);};Roo.extend(Roo.form.Hidden,Roo.form.TextField,{fieldLabel:'',inputType:'hidden',width:50,allowBlank:true,labelSeparator:'',hidden:true,itemCls:'x-form-item-display-none'});
+Roo.form.TriggerField=function(A){this.mimicing=false;Roo.form.TriggerField.superclass.constructor.call(this,A);};Roo.extend(Roo.form.TriggerField,Roo.form.TextField,{defaultAutoCreate:{tag:"input",type:"text",size:"16",autocomplete:"off"},hideTrigger:false,autoSize:Roo.emptyFn,monitorTab:true,deferHeight:true,actionMode:'wrap',onResize:function(w,h){Roo.form.TriggerField.superclass.onResize.apply(this,arguments);if(typeof w=='number'){this.el.setWidth(this.adjustWidth('input',w-this.trigger.getWidth()));}},adjustSize:Roo.BoxComponent.prototype.adjustSize,getResizeEl:function(){return this.wrap;},getPositionEl:function(){return this.wrap;},alignErrorIcon:function(){this.errorIcon.alignTo(this.wrap,'tl-tr',[2,0]);},onRender:function(ct,B){Roo.form.TriggerField.superclass.onRender.call(this,ct,B);this.wrap=this.el.wrap({cls:"x-form-field-wrap"});this.trigger=this.wrap.createChild(this.triggerConfig||{tag:"img",src:Roo.BLANK_IMAGE_URL,cls:"x-form-trigger "+this.triggerClass});if(this.hideTrigger){this.trigger.setDisplayed(false);}
+this.initTrigger();if(!this.width){this.wrap.setWidth(this.el.getWidth()+this.trigger.getWidth());}},initTrigger:function(){this.trigger.on("click",this.onTriggerClick,this,{preventDefault:true});this.trigger.addClassOnOver('x-form-trigger-over');this.trigger.addClassOnClick('x-form-trigger-click');},onDestroy:function(){if(this.trigger){this.trigger.removeAllListeners();this.trigger.remove();}if(this.wrap){this.wrap.remove();}
+Roo.form.TriggerField.superclass.onDestroy.call(this);},onFocus:function(){Roo.form.TriggerField.superclass.onFocus.call(this);if(!this.mimicing){this.wrap.addClass('x-trigger-wrap-focus');this.mimicing=true;Roo.get(Roo.isIE?document.body:document).on("mousedown",this.mimicBlur,this);if(this.monitorTab){this.el.on("keydown",this.checkTab,this);}}},checkTab:function(e){if(e.getKey()==e.TAB){this.triggerBlur();}},onBlur:function(){},mimicBlur:function(e,t){if(!this.wrap.contains(t)&&this.validateBlur()){this.triggerBlur();}},triggerBlur:function(){this.mimicing=false;Roo.get(Roo.isIE?document.body:document).un("mousedown",this.mimicBlur);if(this.monitorTab){this.el.un("keydown",this.checkTab,this);}
+this.wrap.removeClass('x-trigger-wrap-focus');Roo.form.TriggerField.superclass.onBlur.call(this);},validateBlur:function(e,t){return true;},onDisable:function(){Roo.form.TriggerField.superclass.onDisable.call(this);if(this.wrap){this.wrap.addClass('x-item-disabled');}},onEnable:function(){Roo.form.TriggerField.superclass.onEnable.call(this);if(this.wrap){this.wrap.removeClass('x-item-disabled');}},onShow:function(){var ae=this.getActionEl();if(ae){ae.dom.style.display='';ae.dom.style.visibility='visible';}},onHide:function(){var ae=this.getActionEl();ae.dom.style.display='none';},onTriggerClick:Roo.emptyFn});Roo.form.TwinTriggerField=Roo.extend(Roo.form.TriggerField,{initComponent:function(){Roo.form.TwinTriggerField.superclass.initComponent.call(this);this.triggerConfig={tag:'span',cls:'x-form-twin-triggers',cn:[{tag:"img",src:Roo.BLANK_IMAGE_URL,cls:"x-form-trigger "+this.trigger1Class},{tag:"img",src:Roo.BLANK_IMAGE_URL,cls:"x-form-trigger "+this.trigger2Class}]};},getTrigger:function(C){return this.triggers[C];},initTrigger:function(){var ts=this.trigger.select('.x-form-trigger',true);this.wrap.setStyle('overflow','hidden');var D=this;ts.each(function(t,E,F){t.hide=function(){var w=D.wrap.getWidth();this.dom.style.display='none';D.el.setWidth(w-D.trigger.getWidth());};t.show=function(){var w=D.wrap.getWidth();this.dom.style.display='';D.el.setWidth(w-D.trigger.getWidth());};var G='Trigger'+(F+1);if(this['hide'+G]){t.dom.style.display='none';}
+t.on("click",this['on'+G+'Click'],this,{preventDefault:true});t.addClassOnOver('x-form-trigger-over');t.addClassOnClick('x-form-trigger-click');},this);this.triggers=ts.elements;},onTrigger1Click:Roo.emptyFn,onTrigger2Click:Roo.emptyFn});
+Roo.form.TextArea=function(A){Roo.form.TextArea.superclass.constructor.call(this,A);if(this.minHeight!==undefined){this.growMin=this.minHeight;}if(this.maxHeight!==undefined){this.growMax=this.maxHeight;}};Roo.extend(Roo.form.TextArea,Roo.form.TextField,{growMin:60,growMax:1000,preventScrollbars:false,onRender:function(ct,B){if(!this.el){this.defaultAutoCreate={tag:"textarea",style:"width:300px;height:60px;",autocomplete:"off"};}
+Roo.form.TextArea.superclass.onRender.call(this,ct,B);if(this.grow){this.textSizeEl=Roo.DomHelper.append(document.body,{tag:"pre",cls:"x-form-grow-sizer"});if(this.preventScrollbars){this.el.setStyle("overflow","hidden");}
+this.el.setHeight(this.growMin);}},onDestroy:function(){if(this.textSizeEl){this.textSizeEl.parentNode.removeChild(this.textSizeEl);}
+Roo.form.TextArea.superclass.onDestroy.call(this);},onKeyUp:function(e){if(!e.isNavKeyPress()||e.getKey()==e.ENTER){this.autoSize();}},autoSize:function(){if(!this.grow||!this.textSizeEl){return;}var el=this.el;var v=el.dom.value;var ts=this.textSizeEl;ts.innerHTML='';ts.appendChild(document.createTextNode(v));v=ts.innerHTML;Roo.fly(ts).setWidth(this.el.getWidth());if(v.length<1){v="  ";}else {if(Roo.isIE){v=v.replace(/\n/g,'<p> </p>');}
+v+=" \n ";}
+ts.innerHTML=v;var h=Math.min(this.growMax,Math.max(ts.offsetHeight,this.growMin));if(h!=this.lastHeight){this.lastHeight=h;this.el.setHeight(h);this.fireEvent("autosize",this,h);}}});
+Roo.form.NumberField=function(A){Roo.form.NumberField.superclass.constructor.call(this,A);};Roo.extend(Roo.form.NumberField,Roo.form.TextField,{fieldClass:"x-form-field x-form-num-field",allowDecimals:true,decimalSeparator:".",decimalPrecision:2,allowNegative:true,minValue:Number.NEGATIVE_INFINITY,maxValue:Number.MAX_VALUE,minText:"The minimum value for this field is {0}",maxText:"The maximum value for this field is {0}",nanText:"{0} is not a valid number",initEvents:function(){Roo.form.NumberField.superclass.initEvents.call(this);var B="0123456789";if(this.allowDecimals){B+=this.decimalSeparator;}if(this.allowNegative){B+="-";}
+this.stripCharsRe=new RegExp('[^'+B+']','gi');var C=function(e){var k=e.getKey();if(!Roo.isIE&&(e.isSpecialKey()||k==e.BACKSPACE||k==e.DELETE )){return;}var c=e.getCharCode();if(B.indexOf(String.fromCharCode(c))===-1){e.stopEvent();}};this.el.on("keypress",C,this);},validateValue:function(D){if(!Roo.form.NumberField.superclass.validateValue.call(this,D)){return false;}if(D.length<1){return true;}var E=this.parseValue(D);if(isNaN(E)){this.markInvalid(String.format(this.nanText,D));return false;}if(E<this.minValue){this.markInvalid(String.format(this.minText,this.minValue));return false;}if(E>this.maxValue){this.markInvalid(String.format(this.maxText,this.maxValue));return false;}return true;},getValue:function(){return this.fixPrecision(this.parseValue(Roo.form.NumberField.superclass.getValue.call(this)));},parseValue:function(F){F=parseFloat(String(F).replace(this.decimalSeparator,"."));return isNaN(F)?'':F;},fixPrecision:function(G){var H=isNaN(G);if(!this.allowDecimals||this.decimalPrecision==-1||H||!G){return H?'':G;}return parseFloat(G).toFixed(this.decimalPrecision);},setValue:function(v){Roo.form.NumberField.superclass.setValue.call(this,String(v).replace(".",this.decimalSeparator));},decimalPrecisionFcn:function(v){return Math.floor(v);},beforeBlur:function(){var v=this.parseValue(this.getRawValue());if(v){this.setValue(this.fixPrecision(v));}}});
+Roo.form.DateField=function(A){Roo.form.DateField.superclass.constructor.call(this,A);this.addEvents({'select':true});if(typeof this.minValue=="string")this.minValue=this.parseDate(this.minValue);if(typeof this.maxValue=="string")this.maxValue=this.parseDate(this.maxValue);this.ddMatch=null;if(this.disabledDates){var dd=this.disabledDates;var re="(?:";for(var i=0;i<dd.length;i++){re+=dd[i];if(i!=dd.length-1)re+="|";}
+this.ddMatch=new RegExp(re+")");}};Roo.extend(Roo.form.DateField,Roo.form.TriggerField,{format:"m/d/y",altFormats:"m/d/Y|m-d-y|m-d-Y|m/d|m-d|md|mdy|mdY|d",disabledDays:null,disabledDaysText:"Disabled",disabledDates:null,disabledDatesText:"Disabled",minValue:null,maxValue:null,minText:"The date in this field must be equal to or after {0}",maxText:"The date in this field must be equal to or before {0}",invalidText:"{0} is not a valid date - it must be in the format {1}",triggerClass:'x-form-date-trigger',useIso:false,defaultAutoCreate:{tag:"input",type:"text",size:"10",autocomplete:"off"},hiddenField:false,onRender:function(ct,B){Roo.form.DateField.superclass.onRender.call(this,ct,B);if(this.useIso){this.el.dom.removeAttribute('name');this.hiddenField=this.el.insertSibling({tag:'input',type:'hidden',name:this.name},'before',true);this.hiddenField.value=this.formatDate(this.value,'Y-m-d');this.hiddenName=this.name;}},validateValue:function(C){C=this.formatDate(C);if(!Roo.form.DateField.superclass.validateValue.call(this,C)){return false;}if(C.length<1){return true;}var D=C;C=this.parseDate(C);if(!C){this.markInvalid(String.format(this.invalidText,D,this.format));return false;}var E=C.getTime();if(this.minValue&&E<this.minValue.getTime()){this.markInvalid(String.format(this.minText,this.formatDate(this.minValue)));return false;}if(this.maxValue&&E>this.maxValue.getTime()){this.markInvalid(String.format(this.maxText,this.formatDate(this.maxValue)));return false;}if(this.disabledDays){var day=C.getDay();for(var i=0;i<this.disabledDays.length;i++){if(day===this.disabledDays[i]){this.markInvalid(this.disabledDaysText);return false;}}}var F=this.formatDate(C);if(this.ddMatch&&this.ddMatch.test(F)){this.markInvalid(String.format(this.disabledDatesText,F));return false;}return true;},validateBlur:function(){return !this.menu||!this.menu.isVisible();},getValue:function(){return this.hiddenField?this.hiddenField.value:this.parseDate(Roo.form.DateField.superclass.getValue.call(this))||"";},setValue:function(G){if(this.hiddenField){this.hiddenField.value=this.formatDate(this.parseDate(G),'Y-m-d');}
+Roo.form.DateField.superclass.setValue.call(this,this.formatDate(this.parseDate(G)));},parseDate:function(H){if(!H||H instanceof Date){return H;}var v=Date.parseDate(H,this.format);if(!v&&this.altFormats){if(!this.altFormatsArray){this.altFormatsArray=this.altFormats.split("|");}for(var i=0,len=this.altFormatsArray.length;i<len&&!v;i++){v=Date.parseDate(H,this.altFormatsArray[i]);}}return v;},formatDate:function(I,J){return (!I||!(I instanceof Date))?I:I.dateFormat(J||this.format);},menuListeners:{select:function(m,d){this.setValue(d);this.fireEvent('select',this,d);},show:function(){this.onFocus();},hide:function(){this.focus.defer(10,this);var ml=this.menuListeners;this.menu.un("select",ml.select,this);this.menu.un("show",ml.show,this);this.menu.un("hide",ml.hide,this);}},onTriggerClick:function(){if(this.disabled){return;}if(this.menu==null){this.menu=new Roo.menu.DateMenu();}
+Roo.apply(this.menu.picker,{showClear:this.allowBlank,minDate:this.minValue,maxDate:this.maxValue,disabledDatesRE:this.ddMatch,disabledDatesText:this.disabledDatesText,disabledDays:this.disabledDays,disabledDaysText:this.disabledDaysText,format:this.format,minText:String.format(this.minText,this.formatDate(this.minValue)),maxText:String.format(this.maxText,this.formatDate(this.maxValue))});this.menu.on(Roo.apply({},this.menuListeners,{scope:this}));this.menu.picker.setValue(this.getValue()||new Date());this.menu.show(this.el,"tl-bl?");},beforeBlur:function(){var v=this.parseDate(this.getRawValue());if(v){this.setValue(v);}}});
+Roo.form.ComboBox=function(A){Roo.form.ComboBox.superclass.constructor.call(this,A);this.addEvents({'expand':true,'collapse':true,'beforeselect':true,'select':true,'beforequery':true});if(this.transform){this.allowDomMove=false;var s=Roo.getDom(this.transform);if(!this.hiddenName){this.hiddenName=s.name;}if(!this.store){this.mode='local';var d=[],opts=s.options;for(var i=0,len=opts.length;i<len;i++){var o=opts[i];var value=(Roo.isIE?o.getAttributeNode('value').specified:o.hasAttribute('value'))?o.value:o.text;if(o.selected){this.value=value;}
+d.push([value,o.text]);}
+this.store=new Roo.data.SimpleStore({'id':0,fields:['value','text'],data:d});this.valueField='value';this.displayField='text';}
+s.name=Roo.id();if(!this.lazyRender){this.target=true;this.el=Roo.DomHelper.insertBefore(s,this.autoCreate||this.defaultAutoCreate);s.parentNode.removeChild(s);this.render(this.el.parentNode);}else {s.parentNode.removeChild(s);}}if(this.store){this.store=Roo.factory(this.store,Roo.data);}
+this.selectedIndex=-1;if(this.mode=='local'){if(A.queryDelay===undefined){this.queryDelay=10;}if(A.minChars===undefined){this.minChars=0;}}};Roo.extend(Roo.form.ComboBox,Roo.form.TriggerField,{defaultAutoCreate:{tag:"input",type:"text",size:"24",autocomplete:"off"},listWidth:undefined,displayField:undefined,valueField:undefined,hiddenName:undefined,listClass:'',selectedClass:'x-combo-selected',triggerClass:'x-form-arrow-trigger',shadow:'sides',listAlign:'tl-bl?',maxHeight:300,triggerAction:'query',minChars:4,typeAhead:false,queryDelay:500,pageSize:0,selectOnFocus:false,queryParam:'query',loadingText:'Loading...',resizable:false,handleHeight:8,editable:true,allQuery:'',mode:'remote',minListWidth:70,forceSelection:false,typeAheadDelay:250,valueNotFoundText:undefined,blockFocus:false,disableClear:false,onRender:function(ct,B){Roo.form.ComboBox.superclass.onRender.call(this,ct,B);if(this.hiddenName){this.hiddenField=this.el.insertSibling({tag:'input',type:'hidden',name:this.hiddenName,id:(this.hiddenId||this.hiddenName)},'before',true);this.hiddenField.value=this.hiddenValue!==undefined?this.hiddenValue:this.value!==undefined?this.value:'';this.el.dom.removeAttribute('name');}if(Roo.isGecko){this.el.dom.setAttribute('autocomplete','off');}var C='x-combo-list';this.list=new Roo.Layer({shadow:this.shadow,cls:[C,this.listClass].join(' '),constrain:false});var lw=this.listWidth||Math.max(this.wrap.getWidth(),this.minListWidth);this.list.setWidth(lw);this.list.swallowEvent('mousewheel');this.assetHeight=0;if(this.title){this.header=this.list.createChild({cls:C+'-hd',html:this.title});this.assetHeight+=this.header.getHeight();}
+this.innerList=this.list.createChild({cls:C+'-inner'});this.innerList.on('mouseover',this.onViewOver,this);this.innerList.on('mousemove',this.onViewMove,this);this.innerList.setWidth(lw-this.list.getFrameWidth('lr'));if(this.allowBlank&&!this.pageSize&&!this.disableClear){this.footer=this.list.createChild({cls:C+'-ft'});this.pageTb=new Roo.Toolbar(this.footer);}if(this.pageSize){this.footer=this.list.createChild({cls:C+'-ft'});this.pageTb=new Roo.PagingToolbar(this.footer,this.store,{pageSize:this.pageSize});}if(this.pageTb&&this.allowBlank&&!this.disableClear){var _this=this;this.pageTb.add(new Roo.Toolbar.Fill(),{cls:'x-btn-icon x-btn-clear',text:' ',handler:function(){_this.collapse();_this.clearValue();_this.onSelect(false,-1);}});}if(this.footer){this.assetHeight+=this.footer.getHeight();}if(!this.tpl){this.tpl='<div class="'+C+'-item">{'+this.displayField+'}</div>';}
+this.view=new Roo.View(this.innerList,this.tpl,{singleSelect:true,store:this.store,selectedClass:this.selectedClass});this.view.on('click',this.onViewClick,this);this.store.on('beforeload',this.onBeforeLoad,this);this.store.on('load',this.onLoad,this);this.store.on('loadexception',this.collapse,this);if(this.resizable){this.resizer=new Roo.Resizable(this.list,{pinned:true,handles:'se'});this.resizer.on('resize',function(r,w,h){this.maxHeight=h-this.handleHeight-this.list.getFrameWidth('tb')-this.assetHeight;this.listWidth=w;this.innerList.setWidth(w-this.list.getFrameWidth('lr'));this.restrictHeight();},this);this[this.pageSize?'footer':'innerList'].setStyle('margin-bottom',this.handleHeight+'px');}if(!this.editable){this.editable=true;this.setEditable(false);}},initEvents:function(){Roo.form.ComboBox.superclass.initEvents.call(this);this.keyNav=new Roo.KeyNav(this.el,{"up":function(e){this.inKeyMode=true;this.selectPrev();},"down":function(e){if(!this.isExpanded()){this.onTriggerClick();}else {this.inKeyMode=true;this.selectNext();}},"enter":function(e){this.onViewClick();},"esc":function(e){this.collapse();},"tab":function(e){this.onViewClick(false);return true;},scope:this,doRelay:function(D,E,F){if(F=='down'||this.scope.isExpanded()){return Roo.KeyNav.prototype.doRelay.apply(this,arguments);}return true;},forceKeyDown:true});this.queryDelay=Math.max(this.queryDelay||10,this.mode=='local'?10:250);this.dqTask=new Roo.util.DelayedTask(this.initQuery,this);if(this.typeAhead){this.taTask=new Roo.util.DelayedTask(this.onTypeAhead,this);}if(this.editable!==false){this.el.on("keyup",this.onKeyUp,this);}if(this.forceSelection){this.on('blur',this.doForce,this);}},onDestroy:function(){if(this.view){this.view.setStore(null);this.view.el.removeAllListeners();this.view.el.remove();this.view.purgeListeners();}if(this.list){this.list.destroy();}if(this.store){this.store.un('beforeload',this.onBeforeLoad,this);this.store.un('load',this.onLoad,this);this.store.un('loadexception',this.collapse,this);}
+Roo.form.ComboBox.superclass.onDestroy.call(this);},fireKey:function(e){if(e.isNavKeyPress()&&!this.list.isVisible()){this.fireEvent("specialkey",this,e);}},onResize:function(w,h){Roo.form.ComboBox.superclass.onResize.apply(this,arguments);if(this.list&&this.listWidth===undefined){var lw=Math.max(w,this.minListWidth);this.list.setWidth(lw);this.innerList.setWidth(lw-this.list.getFrameWidth('lr'));}},setEditable:function(D){if(D==this.editable){return;}
+this.editable=D;if(!D){this.el.dom.setAttribute('readOnly',true);this.el.on('mousedown',this.onTriggerClick,this);this.el.addClass('x-combo-noedit');}else {this.el.dom.setAttribute('readOnly',false);this.el.un('mousedown',this.onTriggerClick,this);this.el.removeClass('x-combo-noedit');}},onBeforeLoad:function(){if(!this.hasFocus){return;}
+this.innerList.update(this.loadingText?'<div class="loading-indicator">'+this.loadingText+'</div>':'');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!=Roo.EventObject.BACKSPACE&&this.lastKey!=Roo.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(E,F){if(this.fireEvent('beforeselect',this,E,F)!==false){this.setFromData(F>-1?E.data:false);this.collapse();this.fireEvent('select',this,E,F);}},getValue:function(){if(this.valueField){return typeof this.value!='undefined'?this.value:'';}else {return Roo.form.ComboBox.superclass.getValue.call(this);}},clearValue:function(){if(this.hiddenField){this.hiddenField.value='';}
+this.value='';this.setRawValue('');this.lastSelectionText='';this.applyEmptyText();},setValue:function(v){var G=v;if(this.valueField){var r=this.findRecord(this.valueField,v);if(r){G=r.data[this.displayField];}else if(this.valueNotFoundText!==undefined){G=this.valueNotFoundText;}}
+this.lastSelectionText=G;if(this.hiddenField){this.hiddenField.value=v;}
+Roo.form.ComboBox.superclass.setValue.call(this,G);this.value=v;},lastData:false,setFromData:function(o){var dv='';var vv='';this.lastData=o;if(this.displayField){dv=!o||typeof(o[this.displayField])=='undefined'?'':o[this.displayField];}else {console.log('no value field set for '+this.name);}if(this.valueField){vv=!o||typeof(o[this.valueField])=='undefined'?dv:o[this.valueField];}if(this.hiddenField){this.hiddenField.value=vv;this.lastSelectionText=dv;Roo.form.ComboBox.superclass.setValue.call(this,dv);this.value=vv;return;}
+this.lastSelectionText=dv;Roo.form.ComboBox.superclass.setValue.call(this,dv);this.value=vv;},reset:function(){this.setValue(this.originalValue);this.clearInvalid();this.lastData=false;},findRecord:function(H,I){var J;if(this.store.getCount()>0){this.store.each(function(r){if(r.data[H]==I){J=r;return false;}});}return J;},onViewMove:function(e,t){this.inKeyMode=false;},onViewOver:function(e,t){if(this.inKeyMode){return;}var K=this.view.findItemFromChild(t);if(K){var F=this.view.indexOf(K);this.select(F,false);}},onViewClick:function(L){var M=this.view.getSelectedIndexes()[0];var r=this.store.getAt(M);if(r){this.onSelect(r,M);}if(L!==false&&!this.blockFocus){this.el.focus();}},restrictHeight:function(){this.innerList.dom.style.height='';var N=this.innerList.dom;var h=Math.max(N.clientHeight,N.offsetHeight,N.scrollHeight);this.innerList.setHeight(h<this.maxHeight?'auto':this.maxHeight);this.list.beginUpdate();this.list.setHeight(this.innerList.getHeight()+this.list.getFrameWidth('tb')+(this.resizable?this.handleHeight:0)+this.assetHeight);this.list.alignTo(this.el,this.listAlign);this.list.endUpdate();},onEmptyResults:function(){this.collapse();},isExpanded:function(){return this.list.isVisible();},selectByValue:function(v,O){if(v!==undefined&&v!==null){var r=this.findRecord(this.valueField||this.displayField,v);if(r){this.select(this.store.indexOf(r),O);return true;}}return false;},select:function(P,Q){this.selectedIndex=P;this.view.select(P);if(Q!==false){var el=this.view.getNode(P);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,R){if(q===undefined||q===null){q='';}var qe={query:q,forceAll:R,combo:this,cancel:false};if(this.fireEvent('beforequery',qe)===false||qe.cancel){return false;}
+q=qe.query;R=qe.forceAll;if(R===true||(q.length>=this.minChars)){if(this.lastQuery!=q){this.lastQuery=q;if(this.mode=='local'){this.selectedIndex=-1;if(R){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();Roo.get(document).un('mousedown',this.collapseIf,this);Roo.get(document).un('mousewheel',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.el,this.listAlign);this.list.show();Roo.get(document).on('mousedown',this.collapseIf,this);Roo.get(document).on('mousewheel',this.collapseIf,this);this.fireEvent('expand',this);},onTriggerClick:function(){if(this.disabled){return;}if(this.isExpanded()){this.collapse();if(!this.blockFocus){this.el.focus();}}else {this.hasFocus=true;if(this.triggerAction=='all'){this.doQuery(this.allQuery,true);}else {this.doQuery(this.getRawValue());}if(!this.blockFocus){this.el.focus();}}}});
+Roo.form.Checkbox=function(A){Roo.form.Checkbox.superclass.constructor.call(this,A);this.addEvents({check:true});};Roo.extend(Roo.form.Checkbox,Roo.form.Field,{focusClass:undefined,fieldClass:"x-form-field",checked:false,defaultAutoCreate:{tag:"input",type:'hidden',autocomplete:"off"},boxLabel:"",inputValue:'1',valueOff:'0',actionMode:'viewEl',itemCls:'x-menu-check-item x-form-item',groupClass:'x-menu-group-item',inputType:'hidden',inSetChecked:false,inputElement:false,basedOn:false,isFormField:true,onResize:function(){Roo.form.Checkbox.superclass.onResize.apply(this,arguments);if(!this.boxLabel){this.el.alignTo(this.wrap,'c-c');}},initEvents:function(){Roo.form.Checkbox.superclass.initEvents.call(this);this.el.on("click",this.onClick,this);this.el.on("change",this.onClick,this);},getResizeEl:function(){return this.wrap;},getPositionEl:function(){return this.wrap;},onRender:function(ct,B){Roo.form.Checkbox.superclass.onRender.call(this,ct,B);this.wrap=this.el.wrap({cls:'x-menu-check-item '});var C=this.wrap.createChild({tag:'img',cls:'x-menu-item-icon',style:'margin: 0px;',src:Roo.BLANK_IMAGE_URL});this.viewEl=C;this.wrap.on('click',this.onClick,this);this.el.on('DOMAttrModified',this.setFromHidden,this);this.el.on('propertychange',this.setFromHidden,this);if(this.boxLabel){this.wrap.createChild({tag:'label',htmlFor:this.el.id,cls:'x-form-cb-label',html:this.boxLabel});}
+this.setChecked(this.checked);},initValue:Roo.emptyFn,getValue:function(){if(this.el){return String(this.el.dom.value)==String(this.inputValue)?this.inputValue:this.valueOff;}return this.valueOff;},onClick:function(){this.setChecked(!this.checked);},setValue:function(v,D){this.setChecked(v===this.inputValue);},setChecked:function(E,F){if(this.inSetChecked){this.checked=E;return;}if(this.wrap){this.wrap[E?'addClass':'removeClass']('x-menu-item-checked');}
+this.checked=E;if(F!==true){this.fireEvent('checkchange',this,E);}
+this.inSetChecked=true;this.el.dom.value=E?this.inputValue:this.valueOff;this.inSetChecked=false;},setFromHidden:function(){if(!this.el){return;}
+this.setValue(this.el.dom.value);},onDestroy:function(){if(this.viewEl){Roo.get(this.viewEl).remove();}
+Roo.form.Checkbox.superclass.onDestroy.call(this);}});
+Roo.form.Radio=function(){Roo.form.Radio.superclass.constructor.apply(this,arguments);};Roo.extend(Roo.form.Radio,Roo.form.Checkbox,{inputType:'radio',getGroupValue:function(){return this.el.up('form').child('input[name='+this.el.dom.name+']:checked',true).value;}});
+Roo.form.HtmlEditor=Roo.extend(Roo.form.Field,{toolbars:false,createLinkText:'Please enter the URL for the link:',defaultLinkValue:'http:/'+'/',frameId:false,validationEvent:false,deferHeight:true,initialized:false,activated:false,sourceEditMode:false,onFocus:Roo.emptyFn,iframePad:3,hideMode:'offsets',defaultAutoCreate:{tag:"textarea",style:"width:500px;height:300px;",autocomplete:"off"},initComponent:function(){this.addEvents({initialize:true,activate:true,beforesync:true,beforepush:true,sync:true,push:true,editmodechange:true,editorevent:true})},createToolbar:function(A){if(!A.toolbars||!A.toolbars.length){A.toolbars=[new Roo.form.HtmlEditor.ToolbarStandard()];}for(var i=0;i<A.toolbars.length;i++){A.toolbars[i].init(A);}},getDocMarkup:function(){return '<html><head><style type="text/css">body{border:0;margin:0;padding:3px;height:98%;cursor:text;}</style></head><body></body></html>';},onRender:function(ct,B){Roo.form.HtmlEditor.superclass.onRender.call(this,ct,B);this.el.dom.style.border='0 none';this.el.dom.setAttribute('tabIndex',-1);this.el.addClass('x-hidden');if(Roo.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.frameId=Roo.id();this.createToolbar(this);var C=this.wrap.createChild({tag:'iframe',id:this.frameId,name:this.frameId,frameBorder:'no','src':Roo.SSL_SECURE_URL?Roo.SSL_SECURE_URL:"javascript:false"});this.iframe=C.dom;this.assignDocWin();this.doc.designMode='on';this.doc.open();this.doc.write(this.getDocMarkup());this.doc.close();var D={run:function(){this.assignDocWin();if(this.doc.body||this.doc.readyState=='complete'){try{this.doc.designMode="on";}catch(e){return;}
+Roo.TaskMgr.stop(D);this.initEditor.defer(10,this);}},interval:10,duration:10000,scope:this};Roo.TaskMgr.start(D);if(!this.width){this.setSize(this.el.getSize());}},onResize:function(w,h){Roo.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 tbh=0;for(var i=0;i<this.toolbars.length;i++){tbh+=this.toolbars[i].tb.el.getHeight();}var ah=h-this.wrap.getFrameWidth('tb')-tbh;this.el.setHeight(this.adjustWidth('textarea',ah));this.iframe.style.height=ah+'px';if(this.doc){(this.doc.body||this.doc.documentElement).style.height=(ah-(this.iframePad*2))+'px';}}}},toggleSourceEdit:function(E){this.sourceEditMode=E===true;if(this.sourceEditMode){this.syncValue();this.iframe.className='x-hidden';this.el.removeClass('x-hidden');this.el.dom.removeAttribute('tabIndex');this.el.focus();}else {this.pushValue();this.iframe.className='';this.el.addClass('x-hidden');this.el.dom.setAttribute('tabIndex',-1);this.deferFocus();}
+this.setSize(this.wrap.getSize());this.fireEvent('editmodechange',this,this.sourceEditMode);},createLink:function(){var F=prompt(this.createLinkText,this.defaultLinkValue);if(F&&F!='http:/'+'/'){this.relayCmd('createlink',F);}},adjustSize:Roo.BoxComponent.prototype.adjustSize,getResizeEl:function(){return this.wrap;},getPositionEl:function(){return this.wrap;},initEvents:function(){this.originalValue=this.getValue();},markInvalid:Roo.emptyFn,clearInvalid:Roo.emptyFn,setValue:function(v){Roo.form.HtmlEditor.superclass.setValue.call(this,v);this.pushValue();},cleanHtml:function(G){G=String(G);if(G.length>5){if(Roo.isSafari){G=G.replace(/\sclass="(?:Apple-style-span|khtml-block-placeholder)"/gi,'');}}if(G==' '){G='';}return G;},syncValue:function(){if(this.initialized){var bd=(this.doc.body||this.doc.documentElement);var G=bd.innerHTML;if(Roo.isSafari){var bs=bd.getAttribute('style');var m=bs.match(/text-align:(.*?);/i);if(m&&m[1]){G='<div style="'+m[0]+'">'+G+'</div>';}}
+G=this.cleanHtml(G);if(this.fireEvent('beforesync',this,G)!==false){this.el.dom.value=G;this.fireEvent('sync',this,G);}}},pushValue:function(){if(this.initialized){var v=this.el.dom.value;if(v.length<1){v=' ';}if(this.fireEvent('beforepush',this,v)!==false){(this.doc.body||this.doc.documentElement).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();}},assignDocWin:function(){var H=this.iframe;if(Roo.isIE){this.doc=H.contentWindow.document;this.win=H.contentWindow;}else {this.doc=(H.contentDocument||Roo.get(this.frameId).dom.document);this.win=Roo.get(this.frameId).dom.contentWindow;}},initEditor:function(){this.assignDocWin();this.doc.designMode="on";this.doc.open();this.doc.write(this.getDocMarkup());this.doc.close();var I=(this.doc.body||this.doc.documentElement);var ss=this.el.getStyles('font-size','background-image','background-repeat');ss['background-attachment']='fixed';I.bgProperties='fixed';Roo.DomHelper.applyStyles(I,ss);Roo.EventManager.on(this.doc,{'mousedown':this.onEditorEvent,'dblclick':this.onEditorEvent,'click':this.onEditorEvent,'keyup':this.onEditorEvent,buffer:100,scope:this});if(Roo.isGecko){Roo.EventManager.on(this.doc,'keypress',this.applyCommand,this);}if(Roo.isIE||Roo.isSafari||Roo.isOpera){Roo.EventManager.on(this.doc,'keydown',this.fixKeys,this);}
+this.initialized=true;this.fireEvent('initialize',this);this.pushValue();},onDestroy:function(){if(this.rendered){for(var i=0;i<this.toolbars.length;i++){this.toolbars[i].onDestroy();}
+this.wrap.dom.innerHTML='';this.wrap.remove();}},onFirstFocus:function(){this.assignDocWin();this.activated=true;for(var i=0;i<this.toolbars.length;i++){this.toolbars[i].onFirstFocus();}if(Roo.isGecko){this.win.focus();var s=this.win.getSelection();if(!s.focusNode||s.focusNode.nodeType!=3){var r=s.getRangeAt(0);r.selectNodeContents((this.doc.body||this.doc.documentElement));r.collapse(true);this.deferFocus();}try{this.execCmd('useCSS',true);this.execCmd('styleWithCSS',false);}catch(e){}}
+this.fireEvent('activate',this);},adjustFont:function(J){var K=J.cmd=='increasefontsize'?1:-1;var v=parseInt(this.doc.queryCommandValue('FontSize')||3,10);if(Roo.isSafari){var sm={10:1,13:2,16:3,18:4,24:5,32:6,48:7};v=(v<10)?10:v;v=(v>48)?48:v;v=typeof(sm[v])=='undefined'?1:sm[v];}
+v=Math.max(1,v+K);this.execCmd('FontSize',v);},onEditorEvent:function(e){this.fireEvent('editorevent',this,e);this.syncValue();},insertTag:function(tg){this.execCmd("formatblock",tg);},insertText:function(L){range=this.createRange();range.deleteContents();range.insertNode(this.doc.createTextNode(L));},relayBtnCmd:function(M){this.relayCmd(M.cmd);},relayCmd:function(N,O){this.win.focus();this.execCmd(N,O);this.fireEvent('editorevent',this);this.deferFocus();},execCmd:function(P,Q){this.doc.execCommand(P,false,Q===undefined?null:Q);this.syncValue();},applyCommand:function(e){if(e.ctrlKey){var c=e.getCharCode(),P;if(c>0){c=String.fromCharCode(c);switch(c){case 'b':P='bold';break;case 'i':P='italic';break;case 'u':P='underline';break;}if(P){this.win.focus();this.execCmd(P);this.deferFocus();e.preventDefault();}}}},insertAtCursor:function(R){if(!this.activated){return;}if(Roo.isIE){this.win.focus();var r=this.doc.selection.createRange();if(r){r.collapse(true);r.pasteHTML(R);this.syncValue();this.deferFocus();}}else if(Roo.isGecko||Roo.isOpera){this.win.focus();this.execCmd('InsertHTML',R);this.deferFocus();}else if(Roo.isSafari){this.execCmd('InsertText',R);this.deferFocus();}},fixKeys:function(){if(Roo.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('<br />');r.collapse(false);r.select();}}}};}else if(Roo.isOpera){return function(e){var k=e.getKey();if(k==e.TAB){e.stopEvent();this.win.focus();this.execCmd('InsertHTML','    ');this.deferFocus();}};}else if(Roo.isSafari){return function(e){var k=e.getKey();if(k==e.TAB){e.stopEvent();this.execCmd('InsertText','\t');this.deferFocus();}};}}(),getAllAncestors:function(){var p=this.getSelectedNode();var a=[];if(!p){a.push(p);p=this.getParentElement();}while(p&&(p.nodeType==1)&&(p.tagName.toLowerCase()!='body')){a.push(p);p=p.parentNode;}
+a.push(this.doc.body);return a;},lastSel:false,lastSelNode:false,getSelection:function(){this.assignDocWin();return Roo.isIE?this.doc.selection:this.win.getSelection();},getSelectedNode:function(){var S=this.createRange(this.getSelection());if(Roo.isIE){var parent=S.parentElement();while(true){var testRange=S.duplicate();testRange.moveToElementText(parent);if(testRange.inRange(S)){break;}if((parent.nodeType!=1)||(parent.tagName.toLowerCase()=='body')){break;}
+parent=parent.parentElement;}return parent;}var ar=S.endContainer.childNodes;if(!ar.length){ar=S.commonAncestorContainer.childNodes;}var T=[];var U=[];var V=false;for(var i=0;i<ar.length;i++){if((ar[i].nodeType==3)&&(!ar[i].data.length)){continue;}if(this.rangeIntersectsNode(S,ar[i])&&this.rangeCompareNode(S,ar[i])==3){T.push(ar[i]);continue;}if((ar[i].nodeType==1)&&this.rangeIntersectsNode(S,ar[i])&&(this.rangeCompareNode(S,ar[i])>0)){U.push(ar[i]);continue;}if(!this.rangeIntersectsNode(S,ar[i])||(this.rangeCompareNode(S,ar[i])==0)){continue;}
+V=true;}if(!T.length&&U.length){T=U;}if(V||!T.length||(T.length>1)){return false;}return T[0];},createRange:function(W){if(typeof W!="undefined"){try{return W.getRangeAt?W.getRangeAt(0):W.createRange();}catch(e){return this.doc.createRange();}}else {return this.doc.createRange();}},getParentElement:function(){this.assignDocWin();var X=Roo.isIE?this.doc.selection:this.win.getSelection();var Y=this.createRange(X);try{var p=Y.commonAncestorContainer;while(p.nodeType==3){p=p.parentNode;}return p;}catch(e){return null;}},rangeIntersectsNode:function(Z,b){var d=b.ownerDocument.createRange();try{d.selectNode(b);}catch(e){nodeRange.selectNodeContents(node);}return Z.compareBoundaryPoints(Range.END_TO_START,d)==-1&&Z.compareBoundaryPoints(Range.START_TO_END,d)==1;},rangeCompareNode:function(f,g){var j=g.ownerDocument.createRange();try{j.selectNode(g);}catch(e){nodeRange.selectNodeContents(node);}var k=f.compareBoundaryPoints(Range.START_TO_START,j)==1;var l=f.compareBoundaryPoints(Range.END_TO_END,j)==-1;if(k&&!l)return 0;if(!k&&l)return 1;if(k&&l)return 2;return 3;}});
+Roo.form.HtmlEditor.ToolbarStandard=function(A){Roo.apply(this,A);}
+Roo.apply(Roo.form.HtmlEditor.ToolbarStandard.prototype,{tb:false,rendered:false,editor:false,disable:false,fontFamilies:['Arial','Courier New','Tahoma','Times New Roman','Verdana'],specialChars:["©","®","™","£","…","÷","€","°"],inputElements:["form","input:text","input:hidden","input:checkbox","input:radio","input:password","input:submit","input:button","select","textarea","label"],formats:[["p"],["h1"],["h2"],["h3"],["h4"],["h5"],["h6"],["pre"],["code"],["abbr"],["acronym"],["address"],["cite"],["samp"],["var"]],defaultFont:'tahoma',fontSelect:false,formatCombo:false,init:function(B){this.editor=B;var C=B.frameId;var D=this;function E(id,G,H){var I=C+'-'+id;return {id:I,cmd:id,cls:'x-btn-icon x-edit-'+id,enableToggle:G!==false,scope:B,handler:H||B.relayBtnCmd,clickEvent:'mousedown',tooltip:D.buttonTips[id]||undefined,tabIndex:-1};}var tb=new Roo.Toolbar(B.wrap.dom.firstChild);this.tb=tb;tb.el.on('click',function(e){e.preventDefault();});if(!this.disable.font&&!Roo.isSafari){};if(!this.disable.formats){this.formatCombo=new Roo.form.ComboBox({store:new Roo.data.SimpleStore({id:'tag',fields:['tag'],data:this.formats}),blockFocus:true,displayField:'tag',typeAhead:false,mode:'local',editable:false,triggerAction:'all',emptyText:'Add tag',selectOnFocus:true,width:135,listeners:{'select':function(c,r,i){B.insertTag(r.get('tag'));B.focus();}}});tb.addField(this.formatCombo);}if(!this.disable.format){tb.add(E('bold'),E('italic'),E('underline'));};if(!this.disable.fontSize){tb.add('-',E('increasefontsize',false,B.adjustFont),E('decreasefontsize',false,B.adjustFont));};if(this.disable.colors){tb.add('-',{id:B.frameId+'-forecolor',cls:'x-btn-icon x-edit-forecolor',clickEvent:'mousedown',tooltip:this.buttonTips['forecolor']||undefined,tabIndex:-1,menu:new Roo.menu.ColorMenu({allowReselect:true,focus:Roo.emptyFn,value:'000000',plain:true,selectHandler:function(cp,G){B.execCmd('forecolor',Roo.isSafari||Roo.isIE?'#'+G:G);B.deferFocus();},scope:B,clickEvent:'mousedown'})},{id:B.frameId+'backcolor',cls:'x-btn-icon x-edit-backcolor',clickEvent:'mousedown',tooltip:this.buttonTips['backcolor']||undefined,tabIndex:-1,menu:new Roo.menu.ColorMenu({focus:Roo.emptyFn,value:'FFFFFF',plain:true,allowReselect:true,selectHandler:function(cp,H){if(Roo.isGecko){B.execCmd('useCSS',false);B.execCmd('hilitecolor',H);B.execCmd('useCSS',true);B.deferFocus();}else {B.execCmd(Roo.isOpera?'hilitecolor':'backcolor',Roo.isSafari||Roo.isIE?'#'+H:H);B.deferFocus();}},scope:B,clickEvent:'mousedown'})});};if(!this.disable.alignments){tb.add('-',E('justifyleft'),E('justifycenter'),E('justifyright'));};if(!this.disable.links){tb.add('-',E('createlink',false,B.createLink));};if(!this.disable.lists){tb.add('-',E('insertorderedlist'),E('insertunorderedlist'));}if(!this.disable.sourceEdit){tb.add('-',E('sourceedit',true,function(G){this.toggleSourceEdit(G.pressed);}));}var F={};if(!this.disable.special){F={text:"©",cls:'x-edit-none',menu:{items:[]}};for(var i=0;i<this.specialChars.length;i++){F.menu.items.push({text:this.specialChars[i],handler:function(a,b){B.insertAtCursor(String.fromCharCode(a.text.replace('&#','').replace(';','')));},tabIndex:-1});}
+tb.add(F);}if(this.btns){for(var i=0;i<this.btns.length;i++){var b=this.btns[i];b.cls='x-edit-none';b.scope=B;tb.add(b);}}
+this.tb.items.each(function(G){if(G.id!=B.frameId+'-sourceedit'){G.disable();}});this.rendered=true;B.on('editorevent',this.updateToolbar,this);},updateToolbar:function(){if(!this.editor.activated){this.editor.onFirstFocus();return;}var G=this.tb.items.map,H=this.editor.doc,I=this.editor.frameId;if(!this.disable.font&&!Roo.isSafari){}if(!this.disable.format){G[I+'-bold'].toggle(H.queryCommandState('bold'));G[I+'-italic'].toggle(H.queryCommandState('italic'));G[I+'-underline'].toggle(H.queryCommandState('underline'));}if(!this.disable.alignments){G[I+'-justifyleft'].toggle(H.queryCommandState('justifyleft'));G[I+'-justifycenter'].toggle(H.queryCommandState('justifycenter'));G[I+'-justifyright'].toggle(H.queryCommandState('justifyright'));}if(!Roo.isSafari&&!this.disable.lists){G[I+'-insertorderedlist'].toggle(H.queryCommandState('insertorderedlist'));G[I+'-insertunorderedlist'].toggle(H.queryCommandState('insertunorderedlist'));}var J=this.editor.getAllAncestors();if(this.formatCombo){var store=this.formatCombo.store;this.formatCombo.setValue("");for(var i=0;i<J.length;i++){if(J[i]&&store.query('tag',J[i].tagName.toLowerCase(),true).length){this.formatCombo.setValue(J[i].tagName.toLowerCase());break;}}}
+Roo.menu.MenuMgr.hideAll();},createFontOptions:function(){var K=[],fs=this.fontFamilies,ff,lc;for(var i=0,len=fs.length;i<len;i++){ff=fs[i];lc=ff.toLowerCase();K.push('<option value="',lc,'" style="font-family:',ff,';"',(this.defaultFont==lc?' selected="true">':'>'),ff,'</option>');}return K.join('');},toggleSourceEdit:function(L){if(L===undefined){L=!this.sourceEditMode;}
+this.sourceEditMode=L===true;var M=this.tb.items.get(this.editor.frameId+'-sourceedit');if(M.pressed!==this.editor.sourceEditMode){M.toggle(this.editor.sourceEditMode);return;}if(this.sourceEditMode){this.tb.items.each(function(N){if(N.cmd!='sourceedit'){N.disable();}});}else {if(this.initialized){this.tb.items.each(function(O){O.enable();});}}
+this.editor.toggleSourceEdit(L);},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'}},onDestroy:function(){if(this.rendered){this.tb.items.each(function(N){if(N.menu){N.menu.removeAll();if(N.menu.el){N.menu.el.destroy();}}
+N.destroy();});}},onFirstFocus:function(){this.tb.items.each(function(N){N.enable();});}});
+Roo.form.HtmlEditor.ToolbarContext=function(A){Roo.apply(this,A);}
+Roo.form.HtmlEditor.ToolbarContext.types={'IMG':{width:{title:"Width",width:40},height:{title:"Height",width:40},align:{title:"Align",opts:[[""],["left"],["right"],["center"],["top"]],width:80},border:{title:"Border",width:40},alt:{title:"Alt",width:120},src:{title:"Src",width:220}},'A':{name:{title:"Name",width:50},href:{title:"Href",width:220}},'TABLE':{rows:{title:"Rows",width:20},cols:{title:"Cols",width:20},width:{title:"Width",width:40},height:{title:"Height",width:40},border:{title:"Border",width:20}},'TD':{width:{title:"Width",width:40},height:{title:"Height",width:40},align:{title:"Align",opts:[[""],["left"],["center"],["right"],["justify"],["char"]],width:40},valign:{title:"Valign",opts:[[""],["top"],["middle"],["bottom"],["baseline"]],width:40},colspan:{title:"Colspan",width:20}},'INPUT':{name:{title:"name",width:120},value:{title:"Value",width:120},width:{title:"Width",width:40}},'LABEL':{'for':{title:"For",width:120}},'TEXTAREA':{name:{title:"name",width:120},rows:{title:"Rows",width:20},cols:{title:"Cols",width:20}},'SELECT':{name:{title:"name",width:120},selectoptions:{title:"Options",width:200}},'BODY':{title:{title:"title",width:120,disabled:true}}};Roo.apply(Roo.form.HtmlEditor.ToolbarContext.prototype,{tb:false,rendered:false,editor:false,disable:false,toolbars:false,init:function(B){this.editor=B;var C=B.frameId;var D=this;function E(id,G,H){var I=C+'-'+id;return {id:I,cmd:id,cls:'x-btn-icon x-edit-'+id,enableToggle:G!==false,scope:B,handler:H||B.relayBtnCmd,clickEvent:'mousedown',tooltip:D.buttonTips[id]||undefined,tabIndex:-1};}var F=B.wrap.createChild({tag:'div'},B.wrap.dom.firstChild.nextSibling,true);var ty=Roo.form.HtmlEditor.ToolbarContext.types;this.toolbars={};for(var i in ty){this.toolbars[i]=this.buildToolbar(ty[i],i);}
+this.tb=this.toolbars.BODY;this.tb.el.show();this.rendered=true;B.on('editorevent',this.updateToolbar,this);},updateToolbar:function(){if(!this.editor.activated){this.editor.onFirstFocus();return;}var G=this.editor.getAllAncestors();var ty=Roo.form.HtmlEditor.ToolbarContext.types;var H=G.length?(G[0]?G[0]:G[1]):this.editor.doc.body;H=H?H:this.editor.doc.body;H=H.tagName.length?H:this.editor.doc.body;var tn=H.tagName.toUpperCase();H=typeof(ty[tn])!='undefined'?H:this.editor.doc.body;tn=H.tagName.toUpperCase();if(this.tb.name==tn){return;}
+this.tb.el.hide();this.tb=this.toolbars[tn];this.tb.el.show();this.tb.fields.each(function(e){e.setValue(H.getAttribute(e.name));});this.tb.selectedNode=H;Roo.menu.MenuMgr.hideAll();},onDestroy:function(){if(this.rendered){this.tb.items.each(function(I){if(I.menu){I.menu.removeAll();if(I.menu.el){I.menu.el.destroy();}}
+I.destroy();});}},onFirstFocus:function(){this.tb.items.each(function(I){I.enable();});},buildToolbar:function(I,nm){var J=this.editor;var K=J.wrap.createChild({tag:'div'},J.wrap.dom.firstChild.nextSibling,true);var tb=new Roo.Toolbar(K);tb.add(nm+": ");for(var i in I){var item=I[i];tb.add(item.title+": ");if(item.opts){tb.addField(new Roo.form.ComboBox({store:new Roo.data.SimpleStore({id:'val',fields:['val'],data:item.opts}),name:i,displayField:'val',typeAhead:false,mode:'local',editable:false,triggerAction:'all',emptyText:'Select',selectOnFocus:true,width:item.width?item.width:130,listeners:{'select':function(c,r,i){tb.selectedNode.setAttribute(c.name,r.get('val'));}}}));continue;tb.addField(new Roo.form.TextField({name:i,width:100,value:''}));continue;}
+tb.addField(new Roo.form.TextField({name:i,width:item.width,value:'',listeners:{'change':function(f,nv,ov){tb.selectedNode.setAttribute(f.name,nv);}}}));}
+tb.el.on('click',function(e){e.preventDefault();});tb.el.setVisibilityMode(Roo.Element.DISPLAY);tb.el.hide();tb.name=nm;return tb;}});
+Roo.form.BasicForm=function(el,A){this.allItems=[];this.childForms=[];Roo.apply(this,A);this.items=new Roo.util.MixedCollection(false,function(o){return o.id||(o.id=Roo.id());});this.addEvents({beforeaction:true,actionfailed:true,actioncomplete:true});if(el){this.initEl(el);}
+Roo.form.BasicForm.superclass.constructor.call(this);};Roo.extend(Roo.form.BasicForm,Roo.util.Observable,{timeout:30,activeAction:null,trackResetOnLoad:false,childForms:false,allItems:false,waitMsgTarget:undefined,initEl:function(el){this.el=Roo.get(el);this.id=this.el.id||Roo.id();this.el.on('submit',this.onSubmit,this);this.el.addClass('x-form');},onSubmit:function(e){e.stopEvent();},isValid:function(){var B=true;this.items.each(function(f){if(!f.validate()){B=false;}});return B;},isDirty:function(){var C=false;this.items.each(function(f){if(f.isDirty()){C=true;return false;}});return C;},doAction:function(D,E){if(typeof D=='string'){D=new Roo.form.Action.ACTION_TYPES[D](this,E);}if(this.fireEvent('beforeaction',this,D)!==false){this.beforeAction(D);D.run.defer(100,D);}return this;},submit:function(F){this.doAction('submit',F);return this;},load:function(G){this.doAction('load',G);return this;},updateRecord:function(H){H.beginEdit();var fs=H.fields;fs.each(function(f){var I=this.findField(f.name);if(I){H.set(f.name,I.getValue());}},this);H.endEdit();return this;},loadRecord:function(I){this.setValues(I.data);return this;},beforeAction:function(J){var o=J.options;if(o.waitMsg){if(this.waitMsgTarget===true){this.el.mask(o.waitMsg,'x-mask-loading');}else if(this.waitMsgTarget){this.waitMsgTarget=Roo.get(this.waitMsgTarget);this.waitMsgTarget.mask(o.waitMsg,'x-mask-loading');}else {Roo.MessageBox.wait(o.waitMsg,o.waitTitle||this.waitTitle||'Please Wait...');}}},afterAction:function(K,L){this.activeAction=null;var o=K.options;if(o.waitMsg){if(this.waitMsgTarget===true){this.el.unmask();}else if(this.waitMsgTarget){this.waitMsgTarget.unmask();}else {Roo.MessageBox.updateProgress(1);Roo.MessageBox.hide();}}if(L){if(o.reset){this.reset();}
+Roo.callback(o.success,o.scope,[this,K]);this.fireEvent('actioncomplete',this,K);}else {Roo.callback(o.failure,o.scope,[this,K]);this.fireEvent('actionfailed',this,K);}},findField:function(id){var M=this.items.get(id);if(!M){this.items.each(function(f){if(f.isFormField&&(f.dataIndex==id||f.id==id||f.getName()==id)){M=f;return false;}});}return M||null;},addForm:function(N){this.childForms.push(N);Roo.each(N.allItems,function(fe){if(this.findField(fe.name)){return;}var O=new Roo.form.Hidden({name:fe.name});O.render(this.el);this.add(O);},this);},markInvalid:function(O){if(O instanceof Array){for(var i=0,len=O.length;i<len;i++){var fieldError=O[i];var f=this.findField(fieldError.id);if(f){f.markInvalid(fieldError.msg);}}}else {var M,id;for(id in O){if(typeof O[id]!='function'&&(M=this.findField(id))){M.markInvalid(O[id]);}}}
+Roo.each(this.childForms||[],function(f){f.markInvalid(O);});return this;},setValues:function(P){if(P instanceof Array){for(var i=0,len=P.length;i<len;i++){var v=P[i];var f=this.findField(v.id);if(f){f.setValue(v.value);if(this.trackResetOnLoad){f.originalValue=f.getValue();}}}}else {var M,id;for(id in P){if(typeof P[id]!='function'&&(M=this.findField(id))){if(M.setFromData&&M.valueField&&M.displayField&&(M.store&&!M.store.isLocal)){var sd={};sd[M.valueField]=typeof(P[M.hiddenName])=='undefined'?'':P[M.hiddenName];sd[M.displayField]=typeof(P[M.name])=='undefined'?'':P[M.name];M.setFromData(sd);}else {M.setValue(P[id]);}if(this.trackResetOnLoad){M.originalValue=M.getValue();}}}}
+Roo.each(this.childForms||[],function(f){f.setValues(P);});return this;},getValues:function(Q){if(this.childForms){Roo.each(this.childForms,function(f){if(f.allFields){Roo.each(f.allFields,function(e){if(e.name&&e.getValue&&this.findField(e.name)){this.findField(e.name).setValue(e.getValue());}});}},this);}var fs=Roo.lib.Ajax.serializeForm(this.el.dom);if(Q===true){return fs;}return Roo.urlDecode(fs);},clearInvalid:function(){this.items.each(function(f){f.clearInvalid();});Roo.each(this.childForms||[],function(f){f.clearInvalid();});return this;},reset:function(){this.items.each(function(f){f.reset();});Roo.each(this.childForms||[],function(f){f.reset();});return this;},add:function(){this.items.addAll(Array.prototype.slice.call(arguments,0));return this;},remove:function(R){this.items.remove(R);return this;},render:function(){this.items.each(function(f){if(f.isFormField&&!f.rendered&&document.getElementById(f.id)){f.applyTo(f.id);}});return this;},applyToFields:function(o){this.items.each(function(f){Roo.apply(f,o);});return this;},applyIfToFields:function(o){this.items.each(function(f){Roo.applyIf(f,o);});return this;}});Roo.BasicForm=Roo.form.BasicForm;
+Roo.form.Form=function(A){var B=[];if(A.items){B=A.items;delete A.items;}
+Roo.form.Form.superclass.constructor.call(this,null,A);this.url=this.url||this.action;if(!this.root){this.root=new Roo.form.Layout(Roo.applyIf({id:Roo.id()},A));}
+this.active=this.root;this.buttons=[];this.allItems=[];this.addEvents({clientvalidation:true,rendered:true});Roo.each(B,this.addxtype,this);};Roo.extend(Roo.form.Form,Roo.form.BasicForm,{buttonAlign:'center',minButtonWidth:75,labelAlign:'left',monitorValid:false,monitorPoll:200,column:function(c){var C=new Roo.form.Column(c);this.start(C);if(arguments.length>1){this.add.apply(this,Array.prototype.slice.call(arguments,1));this.end();}return C;},fieldset:function(c){var fs=new Roo.form.FieldSet(c);this.start(fs);if(arguments.length>1){this.add.apply(this,Array.prototype.slice.call(arguments,1));this.end();}return fs;},container:function(c){var l=new Roo.form.Layout(c);this.start(l);if(arguments.length>1){this.add.apply(this,Array.prototype.slice.call(arguments,1));this.end();}return l;},start:function(c){Roo.applyIf(c,{'labelAlign':this.active.labelAlign,'labelWidth':this.active.labelWidth,'itemCls':this.active.itemCls});this.active.stack.push(c);c.ownerCt=this.active;this.active=c;return this;},end:function(){if(this.active==this.root){return this;}
+this.active=this.active.ownerCt;return this;},add:function(){this.active.stack.push.apply(this.active.stack,arguments);this.allItems.push.apply(this.allItems,arguments);var r=[];for(var i=0,a=arguments,len=a.length;i<len;i++){if(a[i].isFormField){r.push(a[i]);}}if(r.length>0){Roo.form.Form.superclass.add.apply(this,r);}return this;},findbyId:function(id){var D=false;if(!id){return D;}
+Ext.each(this.allItems,function(f){if(f.id==id||f.name==id){D=f;return false;}});return D;},render:function(ct){ct=Roo.get(ct);var o=this.autoCreate||{tag:'form',method:this.method||'POST',id:this.id||Roo.id()};this.initEl(ct.createChild(o));this.root.render(this.el);this.items.each(function(f){f.render('x-form-el-'+f.id);});if(this.buttons.length>0){var tb=this.el.createChild({cls:'x-form-btns-ct',cn:{cls:"x-form-btns x-form-btns-"+this.buttonAlign,html:'<table cellspacing="0"><tbody><tr></tr></tbody></table><div class="x-clear"></div>'}},null,true);var tr=tb.getElementsByTagName('tr')[0];for(var i=0,len=this.buttons.length;i<len;i++){var b=this.buttons[i];var td=document.createElement('td');td.className='x-form-btn-td';b.render(tr.appendChild(td));}}if(this.monitorValid){this.startMonitoring();}
+this.fireEvent('rendered',this);return this;},addButton:function(E,F,G){var bc={handler:F,scope:G,minWidth:this.minButtonWidth,hideParent:true};if(typeof E=="string"){bc.text=E;}else {Roo.apply(bc,E);}var H=new Roo.Button(null,bc);this.buttons.push(H);return H;},addxtype:function(){var ar=Array.prototype.slice.call(arguments,0);var I=false;for(var i=0;i<ar.length;i++){if(!ar[i]){continue;}if(Roo.form[ar[i].xtype]){ar[i].form=this;var fe=Roo.factory(ar[i],Roo.form);if(!I){I=fe;}
+fe.form=this;if(fe.store){fe.store.form=this;}if(fe.isLayout){this.start(fe);this.allItems.push(fe);if(fe.items&&fe.addxtype){fe.addxtype.apply(fe,fe.items);delete fe.items;}
+this.end();continue;}
+this.add(fe);}if(ar[i].xtype=='Button'){this.addButton(ar[i]);this.allItems.push(fe);continue;}if(ar[i].xtype=='end'){alert('end is not supported on xtype any more, use items');}}return I;},startMonitoring:function(){if(!this.bound){this.bound=true;Roo.TaskMgr.start({run:this.bindHandler,interval:this.monitorPoll||200,scope:this});}},stopMonitoring:function(){this.bound=false;},bindHandler:function(){if(!this.bound){return false;}var J=true;this.items.each(function(f){if(!f.isValid(true)){J=false;return false;}});for(var i=0,len=this.buttons.length;i<len;i++){var H=this.buttons[i];if(H.formBind===true&&H.disabled===J){H.setDisabled(!J);}}
+this.fireEvent('clientvalidation',this,J);}});Roo.Form=Roo.form.Form;
+Roo.form.Action=function(A,B){this.form=A;this.options=B||{};};Roo.form.Action.CLIENT_INVALID='client';Roo.form.Action.SERVER_INVALID='server';Roo.form.Action.CONNECT_FAILURE='connect';Roo.form.Action.LOAD_FAILURE='load';Roo.form.Action.prototype={type:'default',failureType:undefined,response:undefined,result:undefined,run:function(C){},success:function(D){},handleResponse:function(E){},failure:function(F){this.response=F;this.failureType=Roo.form.Action.CONNECT_FAILURE;this.form.afterAction(this,false);},processResponse:function(G){this.response=G;if(!G.responseText){return true;}
+this.result=this.handleResponse(G);return this.result;},getUrl:function(H){var I=this.options.url||this.form.url||this.form.el.dom.action;if(H){var p=this.getParams();if(p){I+=(I.indexOf('?')!=-1?'&':'?')+p;}}return I;},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=Roo.urlEncode(Roo.applyIf(p,bp));}else if(typeof p=='string'&&bp){p+='&'+Roo.urlEncode(bp);}}else if(bp){p=Roo.urlEncode(bp);}return p;},createCallback:function(){return {success:this.success,failure:this.failure,scope:this,timeout:(this.form.timeout*1000),upload:this.form.fileUpload?this.success:undefined};}};Roo.form.Action.Submit=function(J,K){Roo.form.Action.Submit.superclass.constructor.call(this,J,K);};Roo.extend(Roo.form.Action.Submit,Roo.form.Action,{type:'submit',run:function(){var o=this.options;var L=this.getMethod();var M=L=='POST';if(o.clientValidation===false||this.form.isValid()){Roo.Ajax.request(Roo.apply(this.createCallback(),{form:this.form.el.dom,url:this.getUrl(!M),method:L,params:M?this.getParams():null,isUpload:this.form.fileUpload}));}else if(o.clientValidation!==false){this.failureType=Roo.form.Action.CLIENT_INVALID;this.form.afterAction(this,false);}},success:function(N){var O=this.processResponse(N);if(O===true||O.success){this.form.afterAction(this,true);return;}if(O.errors){this.form.markInvalid(O.errors);this.failureType=Roo.form.Action.SERVER_INVALID;}
+this.form.afterAction(this,false);},handleResponse:function(P){if(this.form.errorReader){var rs=this.form.errorReader.read(P);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};}var Q=false;try{Q=Roo.decode(P.responseText);}catch(e){ret={success:false,errorMsg:"Failed to read server message: "+response.responseText,errors:[]};}return Q;}});Roo.form.Action.Load=function(R,S){Roo.form.Action.Load.superclass.constructor.call(this,R,S);this.reader=this.form.reader;};Roo.extend(Roo.form.Action.Load,Roo.form.Action,{type:'load',run:function(){Roo.Ajax.request(Roo.apply(this.createCallback(),{method:this.getMethod(),url:this.getUrl(false),params:this.getParams()}));},success:function(T){var U=this.processResponse(T);if(U===true||!U.success||!U.data){this.failureType=Roo.form.Action.LOAD_FAILURE;this.form.afterAction(this,false);return;}
+this.form.clearInvalid();this.form.setValues(U.data);this.form.afterAction(this,true);},handleResponse:function(V){if(this.form.reader){var rs=this.form.reader.read(V);var data=rs.records&&rs.records[0]?rs.records[0].data:null;return {success:rs.success,data:data};}return Roo.decode(V.responseText);}});Roo.form.Action.ACTION_TYPES={'load':Roo.form.Action.Load,'submit':Roo.form.Action.Submit};
+Roo.form.Layout=function(A){var B=[];if(A.items){B=A.items;delete A.items;}
+Roo.form.Layout.superclass.constructor.call(this,A);this.stack=[];Roo.each(B,this.addxtype,this);};Roo.extend(Roo.form.Layout,Roo.Component,{clear:true,labelSeparator:':',hideLabels:false,defaultAutoCreate:{tag:'div',cls:'x-form-ct'},isLayout:true,onRender:function(ct,C){if(this.el){this.el=Roo.get(this.el);}else {var cfg=this.getAutoCreate();this.el=ct.createChild(cfg,C);}if(this.style){this.el.applyStyles(this.style);}if(this.labelAlign){this.el.addClass('x-form-label-'+this.labelAlign);}if(this.hideLabels){this.labelStyle="display:none";this.elementStyle="padding-left:0;";}else {if(typeof this.labelWidth=='number'){this.labelStyle="width:"+this.labelWidth+"px;";this.elementStyle="padding-left:"+((this.labelWidth+(typeof this.labelPad=='number'?this.labelPad:5))+'px')+";";}if(this.labelAlign=='top'){this.labelStyle="width:auto;";this.elementStyle="padding-left:0;";}}var D=this.stack;var E=D.length;if(E>0){if(!this.fieldTpl){var t=new Roo.Template('<div class="x-form-item {5}">','<label for="{0}" style="{2}">{1}{4}</label>','<div class="x-form-element" id="x-form-el-{0}" style="{3}">','</div>','</div><div class="x-form-clear-left"></div>');t.disableFormats=true;t.compile();Roo.form.Layout.prototype.fieldTpl=t;}for(var i=0;i<E;i++){if(D[i].isFormField){this.renderField(D[i]);}else {this.renderComponent(D[i]);}}}if(this.clear){this.el.createChild({cls:'x-form-clear'});}},renderField:function(f){f.fieldEl=Roo.get(this.fieldTpl.append(this.el,[f.id,f.fieldLabel,f.labelStyle||this.labelStyle||'',this.elementStyle||'',typeof f.labelSeparator=='undefined'?this.labelSeparator:f.labelSeparator,f.itemCls||this.itemCls||''],true).getPrevSibling());},renderComponent:function(c){c.render(c.isLayout?this.el:this.el.createChild());},addxtype:function(o){o.form=this.form;var fe=Roo.factory(o,Roo.form);this.form.allItems.push(fe);this.stack.push(fe);if(fe.isFormField){this.form.items.add(fe);}return fe;}});Roo.form.Column=function(F){Roo.form.Column.superclass.constructor.call(this,F);};Roo.extend(Roo.form.Column,Roo.form.Layout,{defaultAutoCreate:{tag:'div',cls:'x-form-ct x-form-column'},onRender:function(ct,G){Roo.form.Column.superclass.onRender.call(this,ct,G);if(this.width){this.el.setWidth(this.width);}}});Roo.form.Row=function(H){Roo.form.Row.superclass.constructor.call(this,H);};Roo.extend(Roo.form.Row,Roo.form.Layout,{defaultAutoCreate:{tag:'div',cls:'x-form-ct x-form-row'},padWidth:20,onRender:function(ct,I){if(!this.rowTpl){var t=new Roo.Template('<div class="x-form-item {5}" style="float:left;width:{6}px">','<label for="{0}" style="{2}">{1}{4}</label>','<div class="x-form-element" id="x-form-el-{0}" style="{3}">','</div>','</div>');t.disableFormats=true;t.compile();Roo.form.Layout.prototype.rowTpl=t;}
+this.fieldTpl=this.rowTpl;var J=100;if((this.labelAlign!='top')){if(typeof this.labelWidth=='number'){J=this.labelWidth}
+this.padWidth=20+J;}
+Roo.form.Column.superclass.onRender.call(this,ct,I);if(this.width){this.el.setWidth(this.width);}if(this.height){this.el.setHeight(this.height);}},renderField:function(f){f.fieldEl=this.fieldTpl.append(this.el,[f.id,f.fieldLabel,f.labelStyle||this.labelStyle||'',this.elementStyle||'',typeof f.labelSeparator=='undefined'?this.labelSeparator:f.labelSeparator,f.itemCls||this.itemCls||'',f.width?f.width+this.padWidth:160+this.padWidth],true);}});Roo.form.FieldSet=function(K){Roo.form.FieldSet.superclass.constructor.call(this,K);};Roo.extend(Roo.form.FieldSet,Roo.form.Layout,{defaultAutoCreate:{tag:'fieldset',cn:{tag:'legend'}},onRender:function(ct,L){Roo.form.FieldSet.superclass.onRender.call(this,ct,L);if(this.legend){this.setLegend(this.legend);}},setLegend:function(M){if(this.rendered){this.el.child('legend').update(M);}}});
+Roo.form.VTypes=function(){var A=/^[a-zA-Z_]+$/;var B=/^[a-zA-Z0-9_]+$/;var C=/^([\w]+)(.[\w]+)*@([\w-]+\.){1,5}([A-Za-z]){2,4}$/;var D=/(((https?)|(ftp)):\/\/([\-\w]+\.)+\w{2,3}(\/[%\-\w]+(\.\w{2,})?)*(([\w\-\.\?\\\/+@&#;`~=%!]*)(\.\w{2,})?)*\/?)/i;return {'email':function(v){return C.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 D.test(v);},'urlText':'This field should be a URL in the format "http:/'+'/www.domain.com"','alpha':function(v){return A.test(v);},'alphaText':'This field should only contain letters and _','alphaMask':/[a-z_]/i,'alphanum':function(v){return B.test(v);},'alphanumText':'This field should only contain letters, numbers and _','alphanumMask':/[a-z0-9_]/i};}();
+Roo.form.FCKeditor=function(A){Roo.form.FCKeditor.superclass.constructor.call(this,A);this.addEvents({editorinit:true});};Roo.form.FCKeditor.editors={};Roo.extend(Roo.form.FCKeditor,Roo.form.TextArea,{fckconfig:false,toolbarSet:'Basic',basePath:'/fckeditor/',frame:false,value:'',onRender:function(ct,B){if(!this.el){this.defaultAutoCreate={tag:"textarea",style:"width:300px;height:60px;",autocomplete:"off"};}
+Roo.form.FCKeditor.superclass.onRender.call(this,ct,B);Roo.form.FCKeditor.editors[this.getId()]=this;this.replaceTextarea();},getEditor:function(){return this.fckEditor;},setValue:function(C){if(typeof(C)=='undefined'){return;}
+Roo.form.FCKeditor.superclass.setValue.apply(this,[C]);if(!this.getEditor()){return;}
+this.getEditor().SetData(C);},getValue:function(){if(this.frame&&this.frame.dom.style.display=='none'){return Roo.form.FCKeditor.superclass.getValue.call(this);}if(!this.el||!this.getEditor()){return this.value;}var D=this.getEditor().GetData();Roo.form.FCKeditor.superclass.setValue.apply(this,[D]);return Roo.form.FCKeditor.superclass.getValue.call(this);},getRawValue:function(){if(this.frame&&this.frame.dom.style.display=='none'){return Roo.form.FCKeditor.superclass.getRawValue.call(this);}if(!this.el||!this.getEditor()){return this.value;return;}var E=this.getEditor().GetData();Roo.form.FCKeditor.superclass.setRawValue.apply(this,[E]);return Roo.form.FCKeditor.superclass.getRawValue.call(this);},setSize:function(w,h){Roo.form.FCKeditor.superclass.setSize.apply(this,[w,h]);this.frame.dom.setAttribute('width',w);this.frame.dom.setAttribute('height',h);this.frame.setSize(w,h);},toggleSourceEdit:function(F){this.el.dom.style.display=F?'':'none';this.frame.dom.style.display=F?'none':'';},focus:function(G){if(this.frame.dom.style.display=='none'){return Roo.form.FCKeditor.superclass.focus.call(this);}if(!this.el||!this.getEditor()){this.focus.defer(100,this,[G]);return;}var H=this.getEditor().EditorDocument.getElementsByTagName(G);this.getEditor().Focus();if(H.length){if(!this.getEditor().Selection.GetSelection()){this.focus.defer(100,this,[G]);return;}var r=this.getEditor().EditorDocument.createRange();r.setStart(H[0],0);r.setEnd(H[0],0);this.getEditor().Selection.GetSelection().removeAllRanges();this.getEditor().Selection.GetSelection().addRange(r);this.getEditor().Focus();}},replaceTextarea:function(){if(document.getElementById(this.getId()+'___Frame'))return;var I=document.getElementById(this.getId());var J=document.getElementsByName(this.getId());I.style.display='none';if(I.tabIndex){this.TabIndex=I.tabIndex;}
+this._insertHtmlBefore(this._getConfigHtml(),I);this._insertHtmlBefore(this._getIFrameHtml(),I);this.frame=Roo.get(this.getId()+'___Frame')},_getConfigHtml:function(){var K='';for(var o in this.fckconfig){K+=K.length>0?'&':'';K+=encodeURIComponent(o)+'='+encodeURIComponent(this.fckconfig[o]);}return '<input type="hidden" id="'+this.getId()+'___Config" value="'+K+'" style="display:none" />';},_getIFrameHtml:function(){var L='fckeditor.html';var M=this.basePath+'editor/'+L+'?InstanceName='+encodeURIComponent(this.getId());M+=this.toolbarSet?('&Toolbar='+this.toolbarSet):'';var N='<iframe id="'+this.getId()+'___Frame" src="'+M+'" width="'+this.width+'" height="'+this.height+'"'+(this.tabIndex?' tabindex="'+this.tabIndex+'"':'')+' frameborder="0" scrolling="no"></iframe>';return N;},_insertHtmlBefore:function(O,P){if(P.insertAdjacentHTML){P.insertAdjacentHTML('beforeBegin',O);}else {var oRange=document.createRange();oRange.setStartBefore(P);var oFragment=oRange.createContextualFragment(O);P.parentNode.insertBefore(oFragment,P);}}});function Q(R){var f=Roo.form.FCKeditor.editors[R.Name];f.fckEditor=R;f.fireEvent('editorinit',f,R);}
+Roo.form.GridField=function(A){Roo.form.GridField.superclass.constructor.call(this,A);};Roo.extend(Roo.form.GridField,Roo.form.Field,{width:100,height:50,xgrid:false,defaultAutoCreate:{tag:'input',type:'hidden',autocomplete:'off'},addTitle:false,onResize:function(){Roo.form.Field.superclass.onResize.apply(this,arguments);},initEvents:function(){},getResizeEl:function(){return this.wrap;},getPositionEl:function(){return this.wrap;},onRender:function(ct,B){this.style=this.style||'overflow: hidden; border:1px solid #c3daf9;';var C=this.style;delete this.style;Roo.form.DisplayImage.superclass.onRender.call(this,ct,B);this.wrap=this.el.wrap({cls:''});this.viewEl=this.wrap.createChild({tag:'div'});if(C){this.viewEl.applyStyles(C);}if(this.width){this.viewEl.setWidth(this.width);}if(this.height){this.viewEl.setHeight(this.height);}
+this.grid=new Roo.grid[this.xgrid.xtype](this.viewEl,this.xgrid);this.grid.render();this.grid.getDataSource().on('remove',this.refreshValue,this);this.grid.getDataSource().on('update',this.refreshValue,this);this.grid.on('afteredit',this.refreshValue,this);},setValue:function(v){v=v||[];if(this.grid&&this.grid.getDataSource()&&typeof(v)!='undefined'){var ds=this.grid.getDataSource();var data={}
+data[ds.reader.meta.root]=typeof(v)=='string'?Roo.decode(v):v;ds.loadData(data);}
+Roo.form.GridField.superclass.setValue.call(this,v);this.refreshValue();},refreshValue:function(){var D=[];this.grid.getDataSource().each(function(r){D.push(r.data);});this.el.dom.value=Roo.encode(D);}});
+Roo.DDView=function(A,B,C){Roo.DDView.superclass.constructor.apply(this,arguments);this.getEl().setStyle("outline","0px none");this.getEl().unselectable();if(this.dragGroup){this.setDraggable(this.dragGroup.split(","));}if(this.dropGroup){this.setDroppable(this.dropGroup.split(","));}if(this.deletable){this.setDeletable();}
+this.isDirtyFlag=false;this.addEvents({"drop":true});};Roo.extend(Roo.DDView,Roo.View,{isFormField:true,reset:Roo.emptyFn,clearInvalid:Roo.form.Field.prototype.clearInvalid,validate:function(){return true;},destroy:function(){this.purgeListeners();this.getEl.removeAllListeners();this.getEl().remove();if(this.dragZone){if(this.dragZone.destroy){this.dragZone.destroy();}}if(this.dropZone){if(this.dropZone.destroy){this.dropZone.destroy();}}},getName:function(){return this.name;},setValue:function(v){if(!this.store){throw "DDView.setValue(). DDView must be constructed with a valid Store";}var D={};D[this.store.reader.meta.root]=v?[].concat(v):[];this.store.proxy=new Roo.data.MemoryProxy(D);this.store.load();},getValue:function(){var E='(';this.store.each(function(F){E+=F.id+',';});return E.substr(0,E.length-1)+')';},getIds:function(){var i=0,F=new Array(this.store.getCount());this.store.each(function(G){F[i++]=G.id;});return F;},isDirty:function(){return this.isDirtyFlag;},getTargetFromEvent:function(e){var G=e.getTarget();while((G!==null)&&(G.parentNode!=this.el.dom)){G=G.parentNode;}if(!G){G=this.el.dom.lastChild||this.el.dom;}return G;},getDragData:function(e){var H=this.findItemFromChild(e.getTarget());if(H){this.handleSelection(e);var selNodes=this.getSelectedNodes();var dragData={source:this,copy:this.copy||(this.allowCopy&&e.ctrlKey),nodes:selNodes,records:[]};var selectedIndices=this.getSelectedIndexes();for(var i=0;i<selectedIndices.length;i++){dragData.records.push(this.store.getAt(selectedIndices[i]));}if(selNodes.length==1){dragData.ddel=H.cloneNode(true);}else {var div=document.createElement('div');div.className='multi-proxy';for(var i=0,len=selNodes.length;i<len;i++){div.appendChild(selNodes[i].cloneNode(true));}
+dragData.ddel=div;}return dragData;}return false;},setDraggable:function(I){if(I instanceof Array){Roo.each(I,this.setDraggable,this);return;}if(this.dragZone){this.dragZone.addToGroup(I);}else {this.dragZone=new Roo.dd.DragZone(this.getEl(),{containerScroll:true,ddGroup:I});if(!this.multiSelect){this.singleSelect=true;}
+this.dragZone.getDragData=this.getDragData.createDelegate(this);}},setDroppable:function(J){if(J instanceof Array){Roo.each(J,this.setDroppable,this);return;}if(this.dropZone){this.dropZone.addToGroup(J);}else {this.dropZone=new Roo.dd.DropZone(this.getEl(),{containerScroll:true,ddGroup:J});this.dropZone.getTargetFromEvent=this.getTargetFromEvent.createDelegate(this);this.dropZone.onNodeEnter=this.onNodeEnter.createDelegate(this);this.dropZone.onNodeOver=this.onNodeOver.createDelegate(this);this.dropZone.onNodeOut=this.onNodeOut.createDelegate(this);this.dropZone.onNodeDrop=this.onNodeDrop.createDelegate(this);}},getDropPoint:function(e,n,dd){if(n==this.el.dom){return "above";}var t=Roo.lib.Dom.getY(n),b=t+n.offsetHeight;var c=t+(b-t)/2;var y=Roo.lib.Event.getPageY(e);if(y<=c){return "above";}else {return "below";}},onNodeEnter:function(n,dd,e,K){return false;},onNodeOver:function(n,dd,e,L){var pt=this.getDropPoint(e,n,dd);var M=this.dropNotAllowed;if(pt){var targetElClass;if(pt=="above"){M=n.previousSibling?"x-tree-drop-ok-between":"x-tree-drop-ok-above";targetElClass="x-view-drag-insert-above";}else {M=n.nextSibling?"x-tree-drop-ok-between":"x-tree-drop-ok-below";targetElClass="x-view-drag-insert-below";}if(this.lastInsertClass!=targetElClass){Roo.fly(n).replaceClass(this.lastInsertClass,targetElClass);this.lastInsertClass=targetElClass;}}return M;},onNodeOut:function(n,dd,e,N){this.removeDropIndicators(n);},onNodeDrop:function(n,dd,e,O){if(this.fireEvent("drop",this,n,dd,e,O)===false){return false;}var pt=this.getDropPoint(e,n,dd);var P=(n==this.el.dom)?this.nodes.length:n.nodeIndex;if(pt=="below"){P++;}for(var i=0;i<O.records.length;i++){var r=O.records[i];var dup=this.store.getById(r.id);if(dup&&(dd!=this.dragZone)){Roo.fly(this.getNode(this.store.indexOf(dup))).frame("red",1);}else {if(O.copy){this.store.insert(P++,r.copy());}else {O.source.isDirtyFlag=true;r.store.remove(r);this.store.insert(P++,r);}
+this.isDirtyFlag=true;}}
+this.dragZone.cachedTarget=null;return true;},removeDropIndicators:function(n){if(n){Roo.fly(n).removeClass(["x-view-drag-insert-above","x-view-drag-insert-below"]);this.lastInsertClass="_noclass";}},setDeletable:function(Q){if(!this.singleSelect&&!this.multiSelect){this.singleSelect=true;}var c=this.getContextMenu();this.contextMenu.on("itemclick",function(R){switch(R.id){case "delete":this.remove(this.getSelectedIndexes());break;}},this);this.contextMenu.add({icon:Q,id:"delete",text:'Delete'});},getContextMenu:function(){if(!this.contextMenu){this.contextMenu=new Roo.menu.Menu({id:this.id+"-contextmenu"});this.el.on("contextmenu",this.showContextMenu,this);}return this.contextMenu;},disableContextMenu:function(){if(this.contextMenu){this.el.un("contextmenu",this.showContextMenu,this);}},showContextMenu:function(e,R){R=this.findItemFromChild(e.getTarget());if(R){e.stopEvent();this.select(this.getNode(R),this.multiSelect&&e.ctrlKey,true);this.contextMenu.showAt(e.getXY());}},remove:function(S){S=[].concat(S);for(var i=0;i<S.length;i++){var rec=this.store.getAt(S[i]);this.store.remove(rec);}},onDblClick:function(e){var T=this.findItemFromChild(e.getTarget());if(T){if(this.fireEvent("dblclick",this,this.indexOf(T),T,e)===false){return false;}if(this.dragGroup){var targets=Roo.dd.DragDropMgr.getRelated(this.dragZone,true);while(targets.indexOf(this.dropZone)>-1){targets.remove(this.dropZone);}if(targets.length==1){this.dragZone.cachedTarget=null;var el=Roo.get(targets[0].getEl());var box=el.getBox(true);targets[0].onNodeDrop(el.dom,{target:el.dom,xy:[box.x,box.y+box.height-1]},null,this.getDragData(e));}}}},handleSelection:function(e){this.dragZone.cachedTarget=null;var U=this.findItemFromChild(e.getTarget());if(!U){this.clearSelections(true);return;}if(U&&(this.multiSelect||this.singleSelect)){if(this.multiSelect&&e.shiftKey&&(!e.ctrlKey)&&this.lastSelection){this.select(this.getNodes(this.indexOf(this.lastSelection),U.nodeIndex),false);}else if(this.isSelected(this.getNode(U))&&e.ctrlKey){this.unselect(U);}else {this.select(U,this.multiSelect&&e.ctrlKey);this.lastSelection=U;}}},onItemClick:function(V,W,e){if(this.fireEvent("beforeclick",this,W,V,e)===false){return false;}return true;},unselect:function(X,Y){var Z=this.getNode(X);if(Z&&this.isSelected(Z)){if(this.fireEvent("beforeselect",this,Z,this.selections)!==false){Roo.fly(Z).removeClass(this.selectedClass);this.selections.remove(Z);if(!Y){this.fireEvent("selectionchange",this,this.selections);}}}}});
+Roo.LayoutManager=function(A,B){Roo.LayoutManager.superclass.constructor.call(this);this.el=Roo.get(A);if(this.el.dom==document.body&&Roo.isIE&&!B.allowScroll){document.body.scroll="no";}else if(this.el.dom!=document.body&&this.el.getStyle('position')=='static'){this.el.position('relative');}
+this.id=this.el.id;this.el.addClass("x-layout-container");this.monitorWindowResize=true;this.regions={};this.addEvents({"layout":true,"regionresized":true,"regioncollapsed":true,"regionexpanded":true});this.updating=false;Roo.EventManager.onWindowResize(this.onWindowResize,this,true);};Roo.extend(Roo.LayoutManager,Roo.util.Observable,{isUpdating:function(){return this.updating;},beginUpdate:function(){this.updating=true;},endUpdate:function(C){this.updating=false;if(!C){this.layout();}},layout:function(){},onRegionResized:function(D,E){this.fireEvent("regionresized",D,E);this.layout();},onRegionCollapsed:function(F){this.fireEvent("regioncollapsed",F);},onRegionExpanded:function(G){this.fireEvent("regionexpanded",G);},getViewSize:function(){var H;if(this.el.dom!=document.body){H=this.el.getSize();}else {H={width:Roo.lib.Dom.getViewWidth(),height:Roo.lib.Dom.getViewHeight()};}
+H.width-=this.el.getBorderWidth("lr")-this.el.getPadding("lr");H.height-=this.el.getBorderWidth("tb")-this.el.getPadding("tb");return H;},getEl:function(){return this.el;},getRegion:function(I){return this.regions[I.toLowerCase()];},onWindowResize:function(){if(this.monitorWindowResize){this.layout();}}});
+Roo.BorderLayout=function(A,B){B=B||{};Roo.BorderLayout.superclass.constructor.call(this,A,B);this.factory=B.factory||Roo.BorderLayout.RegionFactory;for(var i=0,len=this.factory.validRegions.length;i<len;i++){var target=this.factory.validRegions[i];if(B[target]){this.addRegion(target,B[target]);}}};Roo.extend(Roo.BorderLayout,Roo.LayoutManager,{addRegion:function(C,D){if(!this.regions[C]){var r=this.factory.create(C,this,D);this.bindRegion(C,r);}return this.regions[C];},bindRegion:function(E,r){this.regions[E]=r;r.on("visibilitychange",this.layout,this);r.on("paneladded",this.layout,this);r.on("panelremoved",this.layout,this);r.on("invalidated",this.layout,this);r.on("resized",this.onRegionResized,this);r.on("collapsed",this.onRegionCollapsed,this);r.on("expanded",this.onRegionExpanded,this);},layout:function(){if(this.updating)return;var F=this.getViewSize();var w=F.width;var h=F.height;var G=w;var H=h;var I=0;var J=0;var rs=this.regions;var K=rs["north"];var L=rs["south"];var M=rs["west"];var N=rs["east"];var O=rs["center"];if(K&&K.isVisible()){var b=K.getBox();var m=K.getMargins();b.width=w-(m.left+m.right);b.x=m.left;b.y=m.top;I=b.height+b.y+m.bottom;H-=I;K.updateBox(this.safeBox(b));}if(L&&L.isVisible()){var b=L.getBox();var m=L.getMargins();b.width=w-(m.left+m.right);b.x=m.left;var totalHeight=(b.height+m.top+m.bottom);b.y=h-totalHeight+m.top;H-=totalHeight;L.updateBox(this.safeBox(b));}if(M&&M.isVisible()){var b=M.getBox();var m=M.getMargins();b.height=H-(m.top+m.bottom);b.x=m.left;b.y=I+m.top;var totalWidth=(b.width+m.left+m.right);J+=totalWidth;G-=totalWidth;M.updateBox(this.safeBox(b));}if(N&&N.isVisible()){var b=N.getBox();var m=N.getMargins();b.height=H-(m.top+m.bottom);var totalWidth=(b.width+m.left+m.right);b.x=w-totalWidth+m.left;b.y=I+m.top;G-=totalWidth;N.updateBox(this.safeBox(b));}if(O){var m=O.getMargins();var centerBox={x:J+m.left,y:I+m.top,width:G-(m.left+m.right),height:H-(m.top+m.bottom)};O.updateBox(this.safeBox(centerBox));}
+this.el.repaint();this.fireEvent("layout",this);},safeBox:function(P){P.width=Math.max(0,P.width);P.height=Math.max(0,P.height);return P;},add:function(Q,R){Q=Q.toLowerCase();return this.regions[Q].add(R);},remove:function(S,T){S=S.toLowerCase();return this.regions[S].remove(T);},findPanel:function(U){var rs=this.regions;for(var S in rs){if(typeof rs[S]!="function"){var p=rs[S].getPanel(U);if(p){return p;}}}return null;},showPanel:function(V){var rs=this.regions;for(var S in rs){var r=rs[S];if(typeof r!="function"){if(r.hasPanel(V)){return r.showPanel(V);}}}return null;},restoreState:function(W){if(!W){W=Roo.state.Manager;}var sm=new Roo.LayoutStateManager();sm.init(this,W);},batchAdd:function(X){this.beginUpdate();for(var rname in X){var lr=this.regions[rname];if(lr){this.addTypedPanels(lr,X[rname]);}}
+this.endUpdate();},addTypedPanels:function(lr,ps){if(typeof ps=='string'){lr.add(new Roo.ContentPanel(ps));}else if(ps instanceof Array){for(var i=0,len=ps.length;i<len;i++){this.addTypedPanels(lr,ps[i]);}}else if(!ps.events){var el=ps.el;delete ps.el;lr.add(new Roo.ContentPanel(el||Roo.id(),ps));}else {lr.add(ps);}},addxtype:function(Y){if(!Y.xtype.match(/Panel$/)){return false;}var Z=false;var a=Y.region;delete Y.region;var c=[];if(Y.items){c=Y.items;delete Y.items;}switch(Y.xtype){case 'ContentPanel':if(Y.autoCreate){Z=new Roo[Y.xtype](Y);}else {var el=this.el.createChild();Z=new Roo[Y.xtype](el,Y);}
+this.add(a,Z);break;case 'TreePanel':Y.el=this.el.createChild();Z=new Roo[Y.xtype](Y);this.add(a,Z);break;case 'NestedLayoutPanel':var el=this.el.createChild();var clayout=Y.layout;delete Y.layout;clayout.items=clayout.items||[];c=clayout.items;if(a=='center'&&this.active&&this.getRegion('center').panels.length<1){Y.background=false;}var layout=new Roo.BorderLayout(el,clayout);Z=new Roo[Y.xtype](layout,Y);this.add(a,Z);break;case 'GridPanel':var el=this.el.createChild();var grid=new Roo.grid[Y.grid.xtype](el,Y.grid);delete Y.grid;if(a=='center'&&this.active){Y.background=false;}
+Z=new Roo[Y.xtype](grid,Y);this.add(a,Z);if(Y.background){Z.on('activate',function(gp){if(!gp.grid.rendered){gp.grid.render();}});}else {grid.render();}break;default:alert("Can not add '"+Y.xtype+"' to BorderLayout");return;}
+this.beginUpdate();Roo.each(c,function(i){Z.addxtype(i);});this.endUpdate();return Z;}});Roo.BorderLayout.create=function(d,e){var f=new Roo.BorderLayout(e||document.body,d);f.beginUpdate();var g=Roo.BorderLayout.RegionFactory.validRegions;for(var j=0,jlen=g.length;j<jlen;j++){var lr=g[j];if(f.regions[lr]&&d[lr].panels){var r=f.regions[lr];var ps=d[lr].panels;f.addTypedPanels(r,ps);}}
+f.endUpdate();return f;};Roo.BorderLayout.RegionFactory={validRegions:["north","south","east","west","center"],create:function(k,l,n){k=k.toLowerCase();if(n.lightweight||n.basic){return new Roo.BasicLayoutRegion(l,n,k);}switch(k){case "north":return new Roo.NorthLayoutRegion(l,n);case "south":return new Roo.SouthLayoutRegion(l,n);case "east":return new Roo.EastLayoutRegion(l,n);case "west":return new Roo.WestLayoutRegion(l,n);case "center":return new Roo.CenterLayoutRegion(l,n);}throw 'Layout region "'+k+'" not supported.';}};
+Roo.BasicLayoutRegion=function(A,B,C,D){this.mgr=A;this.position=C;this.events={"beforeremove":true,"invalidated":true,"visibilitychange":true,"paneladded":true,"panelremoved":true,"collapsed":true,"expanded":true,"slideshow":true,"slidehide":true,"panelactivated":true,"resized":true};this.panels=new Roo.util.MixedCollection();this.panels.getKey=this.getPanelId.createDelegate(this);this.box=null;this.activePanel=null;if(B.listeners||B.events){Roo.BasicLayoutRegion.superclass.constructor.call(this,{listeners:B.listeners||{},events:B.events||{}});}if(D!==true){this.applyConfig(B);}};Roo.extend(Roo.BasicLayoutRegion,Roo.util.Observable,{getPanelId:function(p){return p.getId();},applyConfig:function(E){this.margins=E.margins||this.margins||{top:0,left:0,right:0,bottom:0};this.config=E;},resizeTo:function(F){var el=this.el?this.el:(this.activePanel?this.activePanel.getEl():null);if(el){switch(this.position){case "east":case "west":el.setWidth(F);this.fireEvent("resized",this,F);break;case "north":case "south":el.setHeight(F);this.fireEvent("resized",this,F);break;}}},getBox:function(){return this.activePanel?this.activePanel.getEl().getBox(false,true):null;},getMargins:function(){return this.margins;},updateBox:function(G){this.box=G;var el=this.activePanel.getEl();el.dom.style.left=G.x+"px";el.dom.style.top=G.y+"px";this.activePanel.setSize(G.width,G.height);},getEl:function(){return this.activePanel;},isVisible:function(){return this.activePanel?true:false;},setActivePanel:function(H){H=this.getPanel(H);if(this.activePanel&&this.activePanel!=H){this.activePanel.setActiveState(false);this.activePanel.getEl().setLeftTop(-10000,-10000);}
+this.activePanel=H;H.setActiveState(true);if(this.box){H.setSize(this.box.width,this.box.height);}
+this.fireEvent("panelactivated",this,H);this.fireEvent("invalidated");},showPanel:function(I){if(I=this.getPanel(I)){this.setActivePanel(I);}return I;},getActivePanel:function(){return this.activePanel;},add:function(J){if(arguments.length>1){for(var i=0,len=arguments.length;i<len;i++){this.add(arguments[i]);}return null;}if(this.hasPanel(J)){this.showPanel(J);return J;}var el=J.getEl();if(el.dom.parentNode!=this.mgr.el.dom){this.mgr.el.dom.appendChild(el.dom);}if(J.setRegion){J.setRegion(this);}
+this.panels.add(J);el.setStyle("position","absolute");if(!J.background){this.setActivePanel(J);if(this.config.initialSize&&this.panels.getCount()==1){this.resizeTo(this.config.initialSize);}}
+this.fireEvent("paneladded",this,J);return J;},hasPanel:function(K){if(typeof K=="object"){K=K.getId();}return this.getPanel(K)?true:false;},remove:function(L,M){L=this.getPanel(L);if(!L){return null;}var e={};this.fireEvent("beforeremove",this,L,e);if(e.cancel===true){return null;}var N=L.getId();this.panels.removeKey(N);return L;},getPanel:function(id){if(typeof id=="object"){return id;}return this.panels.get(id);},getPosition:function(){return this.position;}});
+Roo.LayoutRegion=function(A,B,C){Roo.LayoutRegion.superclass.constructor.call(this,A,B,C,true);var dh=Roo.DomHelper;this.el=dh.append(A.el.dom,{tag:"div",cls:"x-layout-panel x-layout-panel-"+this.position},true);this.titleEl=dh.append(this.el.dom,{tag:"div",unselectable:"on",cls:"x-unselectable x-layout-panel-hd x-layout-title-"+this.position,children:[{tag:"span",cls:"x-unselectable x-layout-panel-hd-text",unselectable:"on",html:" "},{tag:"div",cls:"x-unselectable x-layout-panel-hd-tools",unselectable:"on"}]},true);this.titleEl.enableDisplayMode();this.titleTextEl=this.titleEl.dom.firstChild;this.tools=Roo.get(this.titleEl.dom.childNodes[1],true);this.closeBtn=this.createTool(this.tools.dom,"x-layout-close");this.closeBtn.enableDisplayMode();this.closeBtn.on("click",this.closeClicked,this);this.closeBtn.hide();this.createBody(B);this.visible=true;this.collapsed=false;if(B.hideWhenEmpty){this.hide();this.on("paneladded",this.validateVisibility,this);this.on("panelremoved",this.validateVisibility,this);}
+this.applyConfig(B);};Roo.extend(Roo.LayoutRegion,Roo.BasicLayoutRegion,{createBody:function(){this.bodyEl=this.el.createChild({tag:"div",cls:"x-layout-panel-body"});},applyConfig:function(c){if(c.collapsible&&this.position!="center"&&!this.collapsedEl){var dh=Roo.DomHelper;if(c.titlebar!==false){this.collapseBtn=this.createTool(this.tools.dom,"x-layout-collapse-"+this.position);this.collapseBtn.on("click",this.collapse,this);this.collapseBtn.enableDisplayMode();if(c.showPin===true||this.showPin){this.stickBtn=this.createTool(this.tools.dom,"x-layout-stick");this.stickBtn.enableDisplayMode();this.stickBtn.on("click",this.expand,this);this.stickBtn.hide();}}
+this.collapsedEl=dh.append(this.mgr.el.dom,{cls:"x-layout-collapsed x-layout-collapsed-"+this.position,children:[{cls:"x-layout-collapsed-tools",children:[{cls:"x-layout-ctools-inner"}]}]},true);if(c.floatable!==false){this.collapsedEl.addClassOnOver("x-layout-collapsed-over");this.collapsedEl.on("click",this.collapseClick,this);}if(c.collapsedTitle&&(this.position=="north"||this.position=="south")){this.collapsedTitleTextEl=dh.append(this.collapsedEl.dom,{tag:"div",cls:"x-unselectable x-layout-panel-hd-text",id:"message",unselectable:"on",style:{"float":"left"}});this.collapsedTitleTextEl.innerHTML=c.collapsedTitle;}
+this.expandBtn=this.createTool(this.collapsedEl.dom.firstChild.firstChild,"x-layout-expand-"+this.position);this.expandBtn.on("click",this.expand,this);}if(this.collapseBtn){this.collapseBtn.setVisible(c.collapsible==true);}
+this.cmargins=c.cmargins||this.cmargins||(this.position=="west"||this.position=="east"?{top:0,left:2,right:2,bottom:0}:{top:2,left:0,right:0,bottom:2});this.margins=c.margins||this.margins||{top:0,left:0,right:0,bottom:0};this.bottomTabs=c.tabPosition!="top";this.autoScroll=c.autoScroll||false;if(this.autoScroll){this.bodyEl.setStyle("overflow","auto");}else {this.bodyEl.setStyle("overflow","hidden");}if((!c.titlebar&&!c.title)||c.titlebar===false){this.titleEl.hide();}else {this.titleEl.show();if(c.title){this.titleTextEl.innerHTML=c.title;}}
+this.duration=c.duration||.30;this.slideDuration=c.slideDuration||.45;this.config=c;if(c.collapsed){this.collapse(true);}if(c.hidden){this.hide();}},isVisible:function(){return this.visible;},setCollapsedTitle:function(D){D=D||" ";if(this.collapsedTitleTextEl){this.collapsedTitleTextEl.innerHTML=D;}},getBox:function(){var b;if(!this.collapsed){b=this.el.getBox(false,true);}else {b=this.collapsedEl.getBox(false,true);}return b;},getMargins:function(){return this.collapsed?this.cmargins:this.margins;},highlight:function(){this.el.addClass("x-layout-panel-dragover");},unhighlight:function(){this.el.removeClass("x-layout-panel-dragover");},updateBox:function(E){this.box=E;if(!this.collapsed){this.el.dom.style.left=E.x+"px";this.el.dom.style.top=E.y+"px";this.updateBody(E.width,E.height);}else {this.collapsedEl.dom.style.left=E.x+"px";this.collapsedEl.dom.style.top=E.y+"px";this.collapsedEl.setSize(E.width,E.height);}if(this.tabs){this.tabs.autoSizeTabs();}},updateBody:function(w,h){if(w!==null){this.el.setWidth(w);w-=this.el.getBorderWidth("rl");if(this.config.adjustments){w+=this.config.adjustments[0];}}if(h!==null){this.el.setHeight(h);h=this.titleEl&&this.titleEl.isDisplayed()?h-(this.titleEl.getHeight()||0):h;h-=this.el.getBorderWidth("tb");if(this.config.adjustments){h+=this.config.adjustments[1];}
+this.bodyEl.setHeight(h);if(this.tabs){h=this.tabs.syncHeight(h);}}if(this.panelSize){w=w!==null?w:this.panelSize.width;h=h!==null?h:this.panelSize.height;}if(this.activePanel){var el=this.activePanel.getEl();w=w!==null?w:el.getWidth();h=h!==null?h:el.getHeight();this.panelSize={width:w,height:h};this.activePanel.setSize(w,h);}if(Roo.isIE&&this.tabs){this.tabs.el.repaint();}},getEl:function(){return this.el;},hide:function(){if(!this.collapsed){this.el.dom.style.left="-2000px";this.el.hide();}else {this.collapsedEl.dom.style.left="-2000px";this.collapsedEl.hide();}
+this.visible=false;this.fireEvent("visibilitychange",this,false);},show:function(){if(!this.collapsed){this.el.show();}else {this.collapsedEl.show();}
+this.visible=true;this.fireEvent("visibilitychange",this,true);},closeClicked:function(){if(this.activePanel){this.remove(this.activePanel);}},collapseClick:function(e){if(this.isSlid){e.stopPropagation();this.slideIn();}else {e.stopPropagation();this.slideOut();}},collapse:function(F){if(this.collapsed)return;this.collapsed=true;if(this.split){this.split.el.hide();}if(this.config.animate&&F!==true){this.fireEvent("invalidated",this);this.animateCollapse();}else {this.el.setLocation(-20000,-20000);this.el.hide();this.collapsedEl.show();this.fireEvent("collapsed",this);this.fireEvent("invalidated",this);}},animateCollapse:function(){},expand:function(e,G){if(e)e.stopPropagation();if(!this.collapsed||this.el.hasActiveFx())return;if(this.isSlid){this.afterSlideIn();G=true;}
+this.collapsed=false;if(this.config.animate&&G!==true){this.animateExpand();}else {this.el.show();if(this.split){this.split.el.show();}
+this.collapsedEl.setLocation(-2000,-2000);this.collapsedEl.hide();this.fireEvent("invalidated",this);this.fireEvent("expanded",this);}},animateExpand:function(){},initTabs:function(){this.bodyEl.setStyle("overflow","hidden");var ts=new Roo.TabPanel(this.bodyEl.dom,{tabPosition:this.bottomTabs?'bottom':'top',disableTooltips:this.config.disableTabTips});if(this.config.hideTabs){ts.stripWrap.setDisplayed(false);}
+this.tabs=ts;ts.resizeTabs=this.config.resizeTabs===true;ts.minTabWidth=this.config.minTabWidth||40;ts.maxTabWidth=this.config.maxTabWidth||250;ts.preferredTabWidth=this.config.preferredTabWidth||150;ts.monitorResize=false;ts.bodyEl.setStyle("overflow",this.config.autoScroll?"auto":"hidden");ts.bodyEl.addClass('x-layout-tabs-body');this.panels.each(this.initPanelAsTab,this);},initPanelAsTab:function(H){var ti=this.tabs.addTab(H.getEl().id,H.getTitle(),null,this.config.closeOnTab&&H.isClosable());if(H.tabTip!==undefined){ti.setTooltip(H.tabTip);}
+ti.on("activate",function(){this.setActivePanel(H);},this);if(this.config.closeOnTab){ti.on("beforeclose",function(t,e){e.cancel=true;this.remove(H);},this);}return ti;},updatePanelTitle:function(I,J){if(this.activePanel==I){this.updateTitle(J);}if(this.tabs){var ti=this.tabs.getTab(I.getEl().id);ti.setText(J);if(I.tabTip!==undefined){ti.setTooltip(I.tabTip);}}},updateTitle:function(K){if(this.titleTextEl&&!this.config.title){this.titleTextEl.innerHTML=(typeof K!="undefined"&&K.length>0?K:" ");}},setActivePanel:function(L){L=this.getPanel(L);if(this.activePanel&&this.activePanel!=L){this.activePanel.setActiveState(false);}
+this.activePanel=L;L.setActiveState(true);if(this.panelSize){L.setSize(this.panelSize.width,this.panelSize.height);}if(this.closeBtn){this.closeBtn.setVisible(!this.config.closeOnTab&&!this.isSlid&&L.isClosable());}
+this.updateTitle(L.getTitle());if(this.tabs){this.fireEvent("invalidated",this);}
+this.fireEvent("panelactivated",this,L);},showPanel:function(M){if(M=this.getPanel(M)){if(this.tabs){var tab=this.tabs.getTab(M.getEl().id);if(tab.isHidden()){this.tabs.unhideTab(tab.id);}
+tab.activate();}else {this.setActivePanel(M);}}return M;},getActivePanel:function(){return this.activePanel;},validateVisibility:function(){if(this.panels.getCount()<1){this.updateTitle(" ");this.closeBtn.hide();this.hide();}else {if(!this.isVisible()){this.show();}}},add:function(N){if(arguments.length>1){for(var i=0,len=arguments.length;i<len;i++){this.add(arguments[i]);}return null;}if(this.hasPanel(N)){this.showPanel(N);return N;}
+N.setRegion(this);this.panels.add(N);if(this.panels.getCount()==1&&!this.config.alwaysShowTabs){this.bodyEl.dom.appendChild(N.getEl().dom);if(N.background!==true){this.setActivePanel(N);}
+this.fireEvent("paneladded",this,N);return N;}if(!this.tabs){this.initTabs();}else {this.initPanelAsTab(N);}if(N.background!==true){this.tabs.activate(N.getEl().id);}
+this.fireEvent("paneladded",this,N);return N;},hidePanel:function(O){if(this.tabs&&(O=this.getPanel(O))){this.tabs.hideTab(O.getEl().id);}},unhidePanel:function(P){if(this.tabs&&(P=this.getPanel(P))){this.tabs.unhideTab(P.getEl().id);}},clearPanels:function(){while(this.panels.getCount()>0){this.remove(this.panels.first());}},remove:function(Q,R){Q=this.getPanel(Q);if(!Q){return null;}var e={};this.fireEvent("beforeremove",this,Q,e);if(e.cancel===true){return null;}
+R=(typeof R!="undefined"?R:(this.config.preservePanels===true||Q.preserve===true));var S=Q.getId();this.panels.removeKey(S);if(R){document.body.appendChild(Q.getEl().dom);}if(this.tabs){this.tabs.removeTab(Q.getEl().id);}else if(!R){this.bodyEl.dom.removeChild(Q.getEl().dom);}if(this.panels.getCount()==1&&this.tabs&&!this.config.alwaysShowTabs){var p=this.panels.first();var tempEl=document.createElement("div");tempEl.appendChild(p.getEl().dom);this.bodyEl.update("");this.bodyEl.dom.appendChild(p.getEl().dom);tempEl=null;this.updateTitle(p.getTitle());this.tabs=null;this.bodyEl.setStyle("overflow",this.config.autoScroll?"auto":"hidden");this.setActivePanel(p);}
+Q.setRegion(null);if(this.activePanel==Q){this.activePanel=null;}if(this.config.autoDestroy!==false&&R!==true){try{Q.destroy();}catch(e){}}
+this.fireEvent("panelremoved",this,Q);return Q;},getTabs:function(){return this.tabs;},createTool:function(T,U){var V=Roo.DomHelper.append(T,{tag:"div",cls:"x-layout-tools-button",children:[{tag:"div",cls:"x-layout-tools-button-inner "+U,html:" "}]},true);V.addClassOnOver("x-layout-tools-button-over");return V;}});
+Roo.SplitLayoutRegion=function(A,B,C,D){this.cursor=D;Roo.SplitLayoutRegion.superclass.constructor.call(this,A,B,C);};Roo.extend(Roo.SplitLayoutRegion,Roo.LayoutRegion,{splitTip:"Drag to resize.",collapsibleSplitTip:"Drag to resize. Double click to hide.",useSplitTips:false,applyConfig:function(E){Roo.SplitLayoutRegion.superclass.applyConfig.call(this,E);if(E.split){if(!this.split){var splitEl=Roo.DomHelper.append(this.mgr.el.dom,{tag:"div",id:this.el.id+"-split",cls:"x-layout-split x-layout-split-"+this.position,html:" "});this.split=new Roo.SplitBar(splitEl,this.el,this.orientation);this.split.on("moved",this.onSplitMove,this);this.split.useShim=E.useShim===true;this.split.getMaximumSize=this[this.position=='north'||this.position=='south'?'getVMaxSize':'getHMaxSize'].createDelegate(this);if(this.useSplitTips){this.split.el.dom.title=E.collapsible?this.collapsibleSplitTip:this.splitTip;}if(E.collapsible){this.split.el.on("dblclick",this.collapse,this);}}if(typeof E.minSize!="undefined"){this.split.minSize=E.minSize;}if(typeof E.maxSize!="undefined"){this.split.maxSize=E.maxSize;}if(E.hideWhenEmpty||E.hidden||E.collapsed){this.hideSplitter();}}},getHMaxSize:function(){var F=this.config.maxSize||10000;var G=this.mgr.getRegion("center");return Math.min(F,(this.el.getWidth()+G.getEl().getWidth())-G.getMinWidth());},getVMaxSize:function(){var H=this.config.maxSize||10000;var I=this.mgr.getRegion("center");return Math.min(H,(this.el.getHeight()+I.getEl().getHeight())-I.getMinHeight());},onSplitMove:function(J,K){this.fireEvent("resized",this,K);},getSplitBar:function(){return this.split;},hide:function(){this.hideSplitter();Roo.SplitLayoutRegion.superclass.hide.call(this);},hideSplitter:function(){if(this.split){this.split.el.setLocation(-2000,-2000);this.split.el.hide();}},show:function(){if(this.split){this.split.el.show();}
+Roo.SplitLayoutRegion.superclass.show.call(this);},beforeSlide:function(){if(Roo.isGecko){this.bodyEl.clip();if(this.tabs)this.tabs.bodyEl.clip();if(this.activePanel){this.activePanel.getEl().clip();if(this.activePanel.beforeSlide){this.activePanel.beforeSlide();}}}},afterSlide:function(){if(Roo.isGecko){this.bodyEl.unclip();if(this.tabs)this.tabs.bodyEl.unclip();if(this.activePanel){this.activePanel.getEl().unclip();if(this.activePanel.afterSlide){this.activePanel.afterSlide();}}}},initAutoHide:function(){if(this.autoHide!==false){if(!this.autoHideHd){var st=new Roo.util.DelayedTask(this.slideIn,this);this.autoHideHd={"mouseout":function(e){if(!e.within(this.el,true)){st.delay(500);}},"mouseover":function(e){st.cancel();},scope:this};}
+this.el.on(this.autoHideHd);}},clearAutoHide:function(){if(this.autoHide!==false){this.el.un("mouseout",this.autoHideHd.mouseout);this.el.un("mouseover",this.autoHideHd.mouseover);}},clearMonitor:function(){Roo.get(document).un("click",this.slideInIf,this);},slideOut:function(){if(this.isSlid||this.el.hasActiveFx()){return;}
+this.isSlid=true;if(this.collapseBtn){this.collapseBtn.hide();}
+this.closeBtnState=this.closeBtn.getStyle('display');this.closeBtn.hide();if(this.stickBtn){this.stickBtn.show();}
+this.el.show();this.el.alignTo(this.collapsedEl,this.getCollapseAnchor());this.beforeSlide();this.el.setStyle("z-index",10001);this.el.slideIn(this.getSlideAnchor(),{callback:function(){this.afterSlide();this.initAutoHide();Roo.get(document).on("click",this.slideInIf,this);this.fireEvent("slideshow",this);},scope:this,block:true});},afterSlideIn:function(){this.clearAutoHide();this.isSlid=false;this.clearMonitor();this.el.setStyle("z-index","");if(this.collapseBtn){this.collapseBtn.show();}
+this.closeBtn.setStyle('display',this.closeBtnState);if(this.stickBtn){this.stickBtn.hide();}
+this.fireEvent("slidehide",this);},slideIn:function(cb){if(!this.isSlid||this.el.hasActiveFx()){Roo.callback(cb);return;}
+this.isSlid=false;this.beforeSlide();this.el.slideOut(this.getSlideAnchor(),{callback:function(){this.el.setLeftTop(-10000,-10000);this.afterSlide();this.afterSlideIn();Roo.callback(cb);},scope:this,block:true});},slideInIf:function(e){if(!e.within(this.el)){this.slideIn();}},animateCollapse:function(){this.beforeSlide();this.el.setStyle("z-index",20000);var L=this.getSlideAnchor();this.el.slideOut(L,{callback:function(){this.el.setStyle("z-index","");this.collapsedEl.slideIn(L,{duration:.3});this.afterSlide();this.el.setLocation(-10000,-10000);this.el.hide();this.fireEvent("collapsed",this);},scope:this,block:true});},animateExpand:function(){this.beforeSlide();this.el.alignTo(this.collapsedEl,this.getCollapseAnchor(),this.getExpandAdj());this.el.setStyle("z-index",20000);this.collapsedEl.hide({duration:.1});this.el.slideIn(this.getSlideAnchor(),{callback:function(){this.el.setStyle("z-index","");this.afterSlide();if(this.split){this.split.el.show();}
+this.fireEvent("invalidated",this);this.fireEvent("expanded",this);},scope:this,block:true});},anchors:{"west":"left","east":"right","north":"top","south":"bottom"},sanchors:{"west":"l","east":"r","north":"t","south":"b"},canchors:{"west":"tl-tr","east":"tr-tl","north":"tl-bl","south":"bl-tl"},getAnchor:function(){return this.anchors[this.position];},getCollapseAnchor:function(){return this.canchors[this.position];},getSlideAnchor:function(){return this.sanchors[this.position];},getAlignAdj:function(){var cm=this.cmargins;switch(this.position){case "west":return [0,0];break;case "east":return [0,0];break;case "north":return [0,0];break;case "south":return [0,0];break;}},getExpandAdj:function(){var c=this.collapsedEl,cm=this.cmargins;switch(this.position){case "west":return [-(cm.right+c.getWidth()+cm.left),0];break;case "east":return [cm.right+c.getWidth()+cm.left,0];break;case "north":return [0,-(cm.top+cm.bottom+c.getHeight())];break;case "south":return [0,cm.top+cm.bottom+c.getHeight()];break;}}});
+Roo.CenterLayoutRegion=function(A,B){Roo.LayoutRegion.call(this,A,B,"center");this.visible=true;this.minWidth=B.minWidth||20;this.minHeight=B.minHeight||20;};Roo.extend(Roo.CenterLayoutRegion,Roo.LayoutRegion,{hide:function(){},show:function(){},getMinWidth:function(){return this.minWidth;},getMinHeight:function(){return this.minHeight;}});Roo.NorthLayoutRegion=function(C,D){Roo.LayoutRegion.call(this,C,D,"north","n-resize");if(this.split){this.split.placement=Roo.SplitBar.TOP;this.split.orientation=Roo.SplitBar.VERTICAL;this.split.el.addClass("x-layout-split-v");}var E=D.initialSize||D.height;if(typeof E!="undefined"){this.el.setHeight(E);}};Roo.extend(Roo.NorthLayoutRegion,Roo.SplitLayoutRegion,{orientation:Roo.SplitBar.VERTICAL,getBox:function(){if(this.collapsed){return this.collapsedEl.getBox();}var F=this.el.getBox();if(this.split){F.height+=this.split.el.getHeight();}return F;},updateBox:function(G){if(this.split&&!this.collapsed){G.height-=this.split.el.getHeight();this.split.el.setLeft(G.x);this.split.el.setTop(G.y+G.height);this.split.el.setWidth(G.width);}if(this.collapsed){this.updateBody(G.width,null);}
+Roo.LayoutRegion.prototype.updateBox.call(this,G);}});Roo.SouthLayoutRegion=function(H,I){Roo.SplitLayoutRegion.call(this,H,I,"south","s-resize");if(this.split){this.split.placement=Roo.SplitBar.BOTTOM;this.split.orientation=Roo.SplitBar.VERTICAL;this.split.el.addClass("x-layout-split-v");}var J=I.initialSize||I.height;if(typeof J!="undefined"){this.el.setHeight(J);}};Roo.extend(Roo.SouthLayoutRegion,Roo.SplitLayoutRegion,{orientation:Roo.SplitBar.VERTICAL,getBox:function(){if(this.collapsed){return this.collapsedEl.getBox();}var K=this.el.getBox();if(this.split){var sh=this.split.el.getHeight();K.height+=sh;K.y-=sh;}return K;},updateBox:function(L){if(this.split&&!this.collapsed){var sh=this.split.el.getHeight();L.height-=sh;L.y+=sh;this.split.el.setLeft(L.x);this.split.el.setTop(L.y-sh);this.split.el.setWidth(L.width);}if(this.collapsed){this.updateBody(L.width,null);}
+Roo.LayoutRegion.prototype.updateBox.call(this,L);}});Roo.EastLayoutRegion=function(M,N){Roo.SplitLayoutRegion.call(this,M,N,"east","e-resize");if(this.split){this.split.placement=Roo.SplitBar.RIGHT;this.split.orientation=Roo.SplitBar.HORIZONTAL;this.split.el.addClass("x-layout-split-h");}var O=N.initialSize||N.width;if(typeof O!="undefined"){this.el.setWidth(O);}};Roo.extend(Roo.EastLayoutRegion,Roo.SplitLayoutRegion,{orientation:Roo.SplitBar.HORIZONTAL,getBox:function(){if(this.collapsed){return this.collapsedEl.getBox();}var P=this.el.getBox();if(this.split){var sw=this.split.el.getWidth();P.width+=sw;P.x-=sw;}return P;},updateBox:function(Q){if(this.split&&!this.collapsed){var sw=this.split.el.getWidth();Q.width-=sw;this.split.el.setLeft(Q.x);this.split.el.setTop(Q.y);this.split.el.setHeight(Q.height);Q.x+=sw;}if(this.collapsed){this.updateBody(null,Q.height);}
+Roo.LayoutRegion.prototype.updateBox.call(this,Q);}});Roo.WestLayoutRegion=function(R,S){Roo.SplitLayoutRegion.call(this,R,S,"west","w-resize");if(this.split){this.split.placement=Roo.SplitBar.LEFT;this.split.orientation=Roo.SplitBar.HORIZONTAL;this.split.el.addClass("x-layout-split-h");}var T=S.initialSize||S.width;if(typeof T!="undefined"){this.el.setWidth(T);}};Roo.extend(Roo.WestLayoutRegion,Roo.SplitLayoutRegion,{orientation:Roo.SplitBar.HORIZONTAL,getBox:function(){if(this.collapsed){return this.collapsedEl.getBox();}var U=this.el.getBox();if(this.split){U.width+=this.split.el.getWidth();}return U;},updateBox:function(V){if(this.split&&!this.collapsed){var sw=this.split.el.getWidth();V.width-=sw;this.split.el.setLeft(V.x+V.width);this.split.el.setTop(V.y);this.split.el.setHeight(V.height);}if(this.collapsed){this.updateBody(null,V.height);}
+Roo.LayoutRegion.prototype.updateBox.call(this,V);}});
+Roo.LayoutStateManager=function(A){this.state={north:{},south:{},east:{},west:{}};};Roo.LayoutStateManager.prototype={init:function(B,C){this.provider=C;var D=C.get(B.id+"-layout-state");if(D){var wasUpdating=B.isUpdating();if(!wasUpdating){B.beginUpdate();}for(var key in D){if(typeof D[key]!="function"){var rstate=D[key];var r=B.getRegion(key);if(r&&rstate){if(rstate.size){r.resizeTo(rstate.size);}if(rstate.collapsed==true){r.collapse(true);}else {r.expand(null,true);}}}}if(!wasUpdating){B.endUpdate();}
+this.state=D;}
+this.layout=B;B.on("regionresized",this.onRegionResized,this);B.on("regioncollapsed",this.onRegionCollapsed,this);B.on("regionexpanded",this.onRegionExpanded,this);},storeState:function(){this.provider.set(this.layout.id+"-layout-state",this.state);},onRegionResized:function(E,F){this.state[E.getPosition()].size=F;this.storeState();},onRegionCollapsed:function(G){this.state[G.getPosition()].collapsed=true;this.storeState();},onRegionExpanded:function(H){this.state[H.getPosition()].collapsed=false;this.storeState();}};
+Roo.ContentPanel=function(el,A,B){if(el.autoCreate){A=el;el=Roo.id();}
+this.el=Roo.get(el);if(!this.el&&A&&A.autoCreate){if(typeof A.autoCreate=="object"){if(!A.autoCreate.id){A.autoCreate.id=A.id||el;}
+this.el=Roo.DomHelper.append(document.body,A.autoCreate,true);}else {this.el=Roo.DomHelper.append(document.body,{tag:"div",cls:"x-layout-inactive-content",id:A.id||el},true);}}
+this.closable=false;this.loaded=false;this.active=false;if(typeof A=="string"){this.title=A;}else {Roo.apply(this,A);}if(this.toolbar&&!this.toolbar.el&&this.toolbar.xtype){this.wrapEl=this.el.wrap();this.toolbar=new Roo.Toolbar(this.el.insertSibling(false,'before'),[],this.toolbar);}if(this.resizeEl){this.resizeEl=Roo.get(this.resizeEl,true);}else {this.resizeEl=this.el;}
+this.addEvents({"activate":true,"deactivate":true,"resize":true});if(this.autoScroll){this.resizeEl.setStyle("overflow","auto");}
+B=B||this.content;if(B){this.setContent(B);}if(A&&A.url){this.setUrl(this.url,this.params,this.loadOnce);}
+Roo.ContentPanel.superclass.constructor.call(this);};Roo.extend(Roo.ContentPanel,Roo.util.Observable,{tabTip:'',setRegion:function(C){this.region=C;if(C){this.el.replaceClass("x-layout-inactive-content","x-layout-active-content");}else {this.el.replaceClass("x-layout-active-content","x-layout-inactive-content");}},getToolbar:function(){return this.toolbar;},setActiveState:function(D){this.active=D;if(!D){this.fireEvent("deactivate",this);}else {this.fireEvent("activate",this);}},setContent:function(E,F){this.el.update(E,F);},ignoreResize:function(w,h){if(this.lastSize&&this.lastSize.width==w&&this.lastSize.height==h){return true;}else {this.lastSize={width:w,height:h};return false;}},getUpdateManager:function(){return this.el.getUpdateManager();},load:function(){var um=this.el.getUpdateManager();um.update.apply(um,arguments);return this;},setUrl:function(G,H,I){if(this.refreshDelegate){this.removeListener("activate",this.refreshDelegate);}
+this.refreshDelegate=this._handleRefresh.createDelegate(this,[G,H,I]);this.on("activate",this.refreshDelegate);return this.el.getUpdateManager();},_handleRefresh:function(J,K,L){if(!L||!this.loaded){var updater=this.el.getUpdateManager();updater.update(J,K,this._setLoaded.createDelegate(this));}},_setLoaded:function(){this.loaded=true;},getId:function(){return this.el.id;},getEl:function(){return this.wrapEl||this.el;},adjustForComponents:function(M,N){if(this.resizeEl!=this.el){M-=this.el.getFrameWidth('lr');N-=this.el.getFrameWidth('tb');}if(this.toolbar){var te=this.toolbar.getEl();N-=te.getHeight();te.setWidth(M);}if(this.adjustments){M+=this.adjustments[0];N+=this.adjustments[1];}return {"width":M,"height":N};},setSize:function(O,P){if(this.fitToFrame&&!this.ignoreResize(O,P)){if(this.fitContainer&&this.resizeEl!=this.el){this.el.setSize(O,P);}var size=this.adjustForComponents(O,P);this.resizeEl.setSize(this.autoWidth?"auto":size.width,this.autoHeight?"auto":size.height);this.fireEvent('resize',this,size.width,size.height);}},getTitle:function(){return this.title;},setTitle:function(Q){this.title=Q;if(this.region){this.region.updatePanelTitle(this,Q);}},isClosable:function(){return this.closable;},beforeSlide:function(){this.el.clip();this.resizeEl.clip();},afterSlide:function(){this.el.unclip();this.resizeEl.unclip();},refresh:function(){if(this.refreshDelegate){this.loaded=false;this.refreshDelegate();}},destroy:function(){this.el.removeAllListeners();var R=document.createElement("span");R.appendChild(this.el.dom);R.innerHTML="";this.el.remove();this.el=null;},addxtype:function(S){if(S.xtype.match(/^Form$/)){var el=this.el.createChild();this.form=new Roo.form.Form(S);if(this.form.allItems.length)this.form.render(el.dom);return this.form;}if(['View','JsonView'].indexOf(S.xtype)>-1){S.el=this.el.appendChild(document.createElement("div"));var ret=new Roo[S.xtype](S);ret.render(false,'');return ret;}return false;}});Roo.GridPanel=function(T,U){this.wrapper=Roo.DomHelper.append(document.body,{tag:"div",cls:"x-layout-grid-wrapper x-layout-inactive-content"},true);this.wrapper.dom.appendChild(T.getGridEl().dom);Roo.GridPanel.superclass.constructor.call(this,this.wrapper,U);if(this.toolbar){this.toolbar.el.insertBefore(this.wrapper.dom.firstChild);}if(this.footer&&!this.footer.el&&this.footer.xtype){this.footer.container=this.grid.getView().getFooterPanel(true);this.footer.dataSource=this.grid.dataSource;this.footer=Roo.factory(this.footer,Roo);}
+T.monitorWindowResize=false;T.autoHeight=false;T.autoWidth=false;this.grid=T;this.grid.getGridEl().replaceClass("x-layout-inactive-content","x-layout-component-panel");};Roo.extend(Roo.GridPanel,Roo.ContentPanel,{getId:function(){return this.grid.id;},getGrid:function(){return this.grid;},setSize:function(V,W){if(!this.ignoreResize(V,W)){var T=this.grid;var size=this.adjustForComponents(V,W);T.getGridEl().setSize(size.width,size.height);T.autoSize();}},beforeSlide:function(){this.grid.getView().scroller.clip();},afterSlide:function(){this.grid.getView().scroller.unclip();},destroy:function(){this.grid.destroy();delete this.grid;Roo.GridPanel.superclass.destroy.call(this);}});Roo.NestedLayoutPanel=function(X,Y){Roo.NestedLayoutPanel.superclass.constructor.call(this,X.getEl(),Y);X.monitorWindowResize=false;this.layout=X;this.layout.getEl().addClass("x-layout-nested-layout");};Roo.extend(Roo.NestedLayoutPanel,Roo.ContentPanel,{setSize:function(Z,a){if(!this.ignoreResize(Z,a)){var size=this.adjustForComponents(Z,a);var el=this.layout.getEl();el.setSize(size.width,size.height);var touch=el.dom.offsetWidth;this.layout.layout();if(Roo.isIE&&!this.initialized){this.initialized=true;this.layout.layout();}}},setActiveState:function(b){this.active=b;if(!b){this.fireEvent("deactivate",this);return;}
+this.fireEvent("activate",this);if(!this.layout){return;}var c=false;for(var r in this.layout.regions){c=this.layout.getRegion(r);if(c.getActivePanel()){c.setActivePanel(c.getActivePanel());continue;}if(!c.panels.length){continue;}
+c.showPanel(c.getPanel(0));}},getLayout:function(){return this.layout;},addxtype:function(d){return this.layout.addxtype(d);}});Roo.ScrollPanel=function(el,e,f){e=e||{};e.fitToFrame=true;Roo.ScrollPanel.superclass.constructor.call(this,el,e,f);this.el.dom.style.overflow="hidden";var g=this.el.wrap({cls:"x-scroller x-layout-inactive-content"});this.el.removeClass("x-layout-inactive-content");this.el.on("mousewheel",this.onWheel,this);var up=g.createChild({cls:"x-scroller-up",html:" "},this.el.dom);var i=g.createChild({cls:"x-scroller-down",html:" "});up.unselectable();i.unselectable();up.on("click",this.scrollUp,this);i.on("click",this.scrollDown,this);up.addClassOnOver("x-scroller-btn-over");i.addClassOnOver("x-scroller-btn-over");up.addClassOnClick("x-scroller-btn-click");i.addClassOnClick("x-scroller-btn-click");this.adjustments=[0,-(up.getHeight()+i.getHeight())];this.resizeEl=this.el;this.el=g;this.up=up;this.down=i;};Roo.extend(Roo.ScrollPanel,Roo.ContentPanel,{increment:100,wheelIncrement:5,scrollUp:function(){this.resizeEl.scroll("up",this.increment,{callback:this.afterScroll,scope:this});},scrollDown:function(){this.resizeEl.scroll("down",this.increment,{callback:this.afterScroll,scope:this});},afterScroll:function(){var el=this.resizeEl;var t=el.dom.scrollTop,h=el.dom.scrollHeight,ch=el.dom.clientHeight;this.up[t==0?"addClass":"removeClass"]("x-scroller-btn-disabled");this.down[h-t<=ch?"addClass":"removeClass"]("x-scroller-btn-disabled");},setSize:function(){Roo.ScrollPanel.superclass.setSize.apply(this,arguments);this.afterScroll();},onWheel:function(e){var d=e.getWheelDelta();this.resizeEl.dom.scrollTop-=(d*this.wheelIncrement);this.afterScroll();e.stopEvent();},setContent:function(j,k){this.resizeEl.update(j,k);}});Roo.TreePanel=function(l){var el=l.el;var m=l.tree;delete l.tree;delete l.el;Roo.TreePanel.superclass.constructor.call(this,el,l);var n=el.createChild();this.tree=new Roo.tree.TreePanel(n,m);this.on('activate',function(){if(this.tree.rendered){return;}
+this.tree.render();});this.on('resize',function(cp,w,h){this.tree.innerCt.setWidth(w);this.tree.innerCt.setHeight(h);this.tree.innerCt.setStyle('overflow-y','auto');});};Roo.extend(Roo.TreePanel,Roo.ContentPanel);
+Roo.ReaderLayout=function(A,B){var c=A||{size:{}};Roo.ReaderLayout.superclass.constructor.call(this,B||document.body,{north:c.north!==false?Roo.apply({split:false,initialSize:32,titlebar:false},c.north):false,west:c.west!==false?Roo.apply({split:true,initialSize:200,minSize:175,maxSize:400,titlebar:true,collapsible:true,animate:true,margins:{left:5,right:0,bottom:5,top:5},cmargins:{left:5,right:5,bottom:5,top:5}},c.west):false,east:c.east!==false?Roo.apply({split:true,initialSize:200,minSize:175,maxSize:400,titlebar:true,collapsible:true,animate:true,margins:{left:0,right:5,bottom:5,top:5},cmargins:{left:5,right:5,bottom:5,top:5}},c.east):false,center:Roo.apply({tabPosition:'top',autoScroll:false,closeOnTab:true,titlebar:false,margins:{left:c.west!==false?0:5,right:c.east!==false?0:5,bottom:5,top:2}},c.center)});this.el.addClass('x-reader');this.beginUpdate();var C=new Roo.BorderLayout(Roo.get(document.body).createChild(),{south:c.preview!==false?Roo.apply({split:true,initialSize:200,minSize:100,autoScroll:true,collapsible:true,titlebar:true,cmargins:{top:5,left:0,right:0,bottom:0}},c.preview):false,center:Roo.apply({autoScroll:false,titlebar:false,minHeight:200},c.listView)});this.add('center',new Roo.NestedLayoutPanel(C,Roo.apply({title:c.mainTitle||'',tabTip:''},c.innerPanelCfg)));this.endUpdate();this.regions.preview=C.getRegion('south');this.regions.listView=C.getRegion('center');};Roo.extend(Roo.ReaderLayout,Roo.BorderLayout);
+Roo.grid.Grid=function(A,B){this.container=Roo.get(A);this.container.update("");this.container.setStyle("overflow","hidden");this.container.addClass('x-grid-container');this.id=this.container.id;Roo.apply(this,B);if(this.ds){this.dataSource=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;}if(this.selModel){this.selModel=Roo.factory(this.selModel,Roo.grid);this.sm=this.selModel;this.sm.xmodule=this.xmodule||false;}if(typeof(this.colModel.config)=='undefined'){this.colModel=new Roo.grid.ColumnModel(this.colModel);this.cm=this.colModel;this.cm.xmodule=this.xmodule||false;}if(this.dataSource){this.dataSource=Roo.factory(this.dataSource,Roo.data);this.ds=this.dataSource;this.ds.xmodule=this.xmodule||false;}if(this.width){this.container.setWidth(this.width);}if(this.height){this.container.setHeight(this.height);}
+this.addEvents({"click":true,"dblclick":true,"contextmenu":true,"mousedown":true,"mouseup":true,"mouseover":true,"mouseout":true,"keypress":true,"keydown":true,"cellclick":true,"celldblclick":true,"rowclick":true,"rowdblclick":true,"headerclick":true,"headerdblclick":true,"rowcontextmenu":true,"cellcontextmenu":true,"headercontextmenu":true,"bodyscroll":true,"columnresize":true,"columnmove":true,"startdrag":true,"enddrag":true,"dragdrop":true,"dragover":true,"dragenter":true,"dragout":true,render:true});Roo.grid.Grid.superclass.constructor.call(this);};Roo.extend(Roo.grid.Grid,Roo.util.Observable,{minColumnWidth:25,autoSizeColumns:false,autoSizeHeaders:true,monitorWindowResize:true,maxRowsToMeasure:0,trackMouseOver:true,enableDragDrop:false,enableColumnMove:true,enableColumnHide:true,enableRowHeightSync:false,stripeRows:true,autoHeight:false,autoExpandColumn:false,autoExpandMin:50,autoExpandMax:1000,view:null,loadMask:false,rendered:false,render:function(){var c=this.container;if((!c.dom.offsetHeight||c.dom.offsetHeight<20)||c.getStyle("height")=="auto"){this.autoHeight=true;}var C=this.getView();C.init(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);C.render();if(this.loadMask){this.loadMask=new Roo.LoadMask(this.container,Roo.apply({store:this.dataSource},this.loadMask));}if(this.toolbar&&this.toolbar.xtype){this.toolbar.container=this.getView().getHeaderPanel(true);this.toolbar=new Ext.Toolbar(this.toolbar);}if(this.footer&&this.footer.xtype){this.footer.dataSource=this.getDataSource();this.footer.container=this.getView().getFooterPanel(true);this.footer=Roo.factory(this.footer,Roo);}
+this.rendered=true;this.fireEvent('render',this);return this;},reconfigure:function(D,E){if(this.loadMask){this.loadMask.destroy();this.loadMask=new Roo.LoadMask(this.container,Roo.apply({store:D},this.loadMask));}
+this.view.bind(D,E);this.dataSource=D;this.colModel=E;this.view.refresh(true);},onKeyDown:function(e){this.fireEvent("keydown",e);},destroy:function(F,G){if(this.loadMask){this.loadMask.destroy();}var c=this.container;c.removeAllListeners();this.view.destroy();this.colModel.purgeListeners();if(!G){this.purgeListeners();}
+c.update("");if(F===true){c.remove();}},processEvent:function(H,e){this.fireEvent(H,e);var t=e.getTarget();var v=this.view;var I=v.findHeaderIndex(t);if(I!==false){this.fireEvent("header"+H,this,I,e);}else {var row=v.findRowIndex(t);var cell=v.findCellIndex(t);if(row!==false){this.fireEvent("row"+H,this,row,e);if(cell!==false){this.fireEvent("cell"+H,this,row,cell,e);}}}},onClick:function(e){this.processEvent("click",e);},onContextMenu:function(e,t){this.processEvent("contextmenu",e);},onDblClick:function(e){this.processEvent("dblclick",e);},walkCells:function(J,K,L,fn,M){var cm=this.colModel,N=cm.getColumnCount();var ds=this.dataSource,O=ds.getCount(),P=true;if(L<0){if(K<0){J--;P=false;}while(J>=0){if(!P){K=N-1;}
+P=false;while(K>=0){if(fn.call(M||this,J,K,cm)===true){return [J,K];}
+K--;}
+J--;}}else {if(K>=N){J++;P=false;}while(J<O){if(!P){K=0;}
+P=false;while(K<N){if(fn.call(M||this,J,K,cm)===true){return [J,K];}
+K++;}
+J++;}}return null;},getSelections:function(){return this.selModel.getSelections();},autoSize:function(){if(this.rendered){this.view.layout();if(this.view.adjustForScroll){this.view.adjustForScroll();}}},getGridEl:function(){return this.container;},stopEditing:function(){},getSelectionModel:function(){if(!this.selModel){this.selModel=new Roo.grid.RowSelectionModel();}return this.selModel;},getDataSource:function(){return this.dataSource;},getColumnModel:function(){return this.colModel;},getView:function(){if(!this.view){this.view=new Roo.grid.GridView(this.viewConfig);}return this.view;},getDragDropText:function(){var Q=this.selModel.getCount();return String.format(this.ddText,Q,Q==1?'':'s');}});Roo.grid.Grid.prototype.ddText="{0} selected row{1}";
+Roo.grid.AbstractGridView=function(){this.grid=null;this.events={"beforerowremoved":true,"beforerowsinserted":true,"beforerefresh":true,"rowremoved":true,"rowsinserted":true,"rowupdated":true,"refresh":true};Roo.grid.AbstractGridView.superclass.constructor.call(this);};Roo.extend(Roo.grid.AbstractGridView,Roo.util.Observable,{rowClass:"x-grid-row",cellClass:"x-grid-cell",tdClass:"x-grid-td",hdClass:"x-grid-hd",splitClass:"x-grid-hd-split",init:function(A){this.grid=A;var B=this.grid.getGridEl().id;this.colSelector="#"+B+" ."+this.cellClass+"-";this.tdSelector="#"+B+" ."+this.tdClass+"-";this.hdSelector="#"+B+" ."+this.hdClass+"-";this.splitSelector="#"+B+" ."+this.splitClass+"-";},getColumnRenderers:function(){var C=[];var cm=this.grid.colModel;var D=cm.getColumnCount();for(var i=0;i<D;i++){C[i]=cm.getRenderer(i);}return C;},getColumnIds:function(){var E=[];var cm=this.grid.colModel;var F=cm.getColumnCount();for(var i=0;i<F;i++){E[i]=cm.getColumnId(i);}return E;},getDataIndexes:function(){if(!this.indexMap){this.indexMap=this.buildIndexMap();}return this.indexMap.colToData;},getColumnIndexByDataIndex:function(G){if(!this.indexMap){this.indexMap=this.buildIndexMap();}return this.indexMap.dataToCol[G];},setCSSStyle:function(H,I,J){var K="#"+this.grid.id+" .x-grid-col-"+H;Roo.util.CSS.updateRule(K,I,J);},generateRules:function(cm){var L=[],M=this.grid.id+'-cssrules';Roo.util.CSS.removeStyleSheet(M);for(var i=0,len=cm.getColumnCount();i<len;i++){var B=cm.getColumnId(i);L.push(this.colSelector,B," {\n",cm.config[i].css,"}\n",this.tdSelector,B," {\n}\n",this.hdSelector,B," {\n}\n",this.splitSelector,B," {\n}\n");}return Roo.util.CSS.createStyleSheet(L.join(""),M);}});
+Roo.grid.HeaderDragZone=function(A,hd,B){this.grid=A;this.view=A.getView();this.ddGroup="gridHeader"+this.grid.getGridEl().id;Roo.grid.HeaderDragZone.superclass.constructor.call(this,hd);if(B){this.setHandleElId(Roo.id(hd));this.setOuterHandleElId(Roo.id(B));}
+this.scroll=false;};Roo.extend(Roo.grid.HeaderDragZone,Roo.dd.DragZone,{maxDragWidth:120,getDragData:function(e){var t=Roo.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 C=this.dragData.ddel.cloneNode(true);C.id=Roo.id();C.style.width=Math.min(this.dragData.header.offsetWidth,this.maxDragWidth)+"px";this.proxy.update(C);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);}});
+Roo.grid.HeaderDropZone=function(A,hd,B){this.grid=A;this.view=A.getView();this.proxyTop=Roo.DomHelper.append(document.body,{cls:"col-move-top",html:" "},true);this.proxyBottom=Roo.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;Roo.grid.HeaderDropZone.superclass.constructor.call(this,A.getGridEl().dom);};Roo.extend(Roo.grid.HeaderDropZone,Roo.dd.DropZone,{proxyOffsets:[-4,-9],fly:Roo.Element.fly,getTargetFromEvent:function(e){var t=Roo.lib.Event.getTarget(e);var C=this.view.findCellIndex(t);if(C!==false){return this.view.getHeaderCell(C);}},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=Roo.lib.Event.getPageX(e);var r=Roo.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 D=this.view.getCellIndex(h);var E=this.view.getCellIndex(n);if(this.grid.colModel.isFixed(E)){return false;}var F=this.grid.colModel.isLocked(E);if(pt=="after"){E++;}if(D<E){E--;}if(D==E&&(F==this.grid.colModel.isLocked(D))){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,G){if(G.header!=n){this.positionIndicator(G.header,n,e);}},onNodeOver:function(n,dd,e,H){var I=false;if(H.header!=n){I=this.positionIndicator(H.header,n,e);}if(!I){this.proxyTop.hide();this.proxyBottom.hide();}return I?this.dropAllowed:this.dropNotAllowed;},onNodeOut:function(n,dd,e,J){this.proxyTop.hide();this.proxyBottom.hide();},onNodeDrop:function(n,dd,e,K){var h=K.header;if(h!=n){var cm=this.grid.colModel;var x=Roo.lib.Event.getPageX(e);var r=Roo.lib.Dom.getRegion(n.firstChild);var pt=(r.right-x)<=((r.right-r.left)/2)?"after":"before";var D=this.view.getCellIndex(h);var E=this.view.getCellIndex(n);var F=cm.isLocked(E);if(pt=="after"){E++;}if(D<E){E--;}if(D==E&&(F==cm.isLocked(D))){return false;}
+cm.setLocked(D,F,true);cm.moveColumn(D,E);this.grid.fireEvent("columnmove",D,E);return true;}return false;}});
+Roo.grid.GridView=function(A){Roo.grid.GridView.superclass.constructor.call(this);this.el=null;Roo.apply(this,A);};Roo.extend(Roo.grid.GridView,Roo.grid.AbstractGridView,{rowClass:"x-grid-row",cellClass:"x-grid-col",tdClass:"x-grid-td",hdClass:"x-grid-hd",splitClass:"x-grid-split",sortClasses:["sort-asc","sort-desc"],enableMoveAnim:false,hlColor:"C3DAF9",dh:Roo.DomHelper,fly:Roo.Element.fly,css:Roo.util.CSS,borderWidth:1,splitOffset:3,scrollIncrement:22,cellRE:/(?:.*?)x-grid-(?:hd|cell|csplit)-(?:[\d]+)-([\d]+)(?:.*?)/,findRE:/\s?(?:x-grid-hd|x-grid-col|x-grid-csplit)\s/,bind: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("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){this.generateRules(cm);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;},init:function(B){Roo.grid.GridView.superclass.init.call(this,B);this.bind(B.dataSource,B.colModel);B.on("headerclick",this.handleHeaderClick,this);if(B.trackMouseOver){B.on("mouseover",this.onRowOver,this);B.on("mouseout",this.onRowOut,this);}
+B.cancelTextSelection=function(){};this.gridId=B.id;var C=this.templates||{};if(!C.master){C.master=new Roo.Template('<div class="x-grid" hidefocus="true">','<div class="x-grid-topbar"></div>','<div class="x-grid-scroller"><div></div></div>','<div class="x-grid-locked">','<div class="x-grid-header">{lockedHeader}</div>','<div class="x-grid-body">{lockedBody}</div>',"</div>",'<div class="x-grid-viewport">','<div class="x-grid-header">{header}</div>','<div class="x-grid-body">{body}</div>',"</div>",'<div class="x-grid-bottombar"></div>','<a href="#" class="x-grid-focus" tabIndex="-1"></a>','<div class="x-grid-resize-proxy"> </div>',"</div>");C.master.disableformats=true;}if(!C.header){C.header=new Roo.Template('<table border="0" cellspacing="0" cellpadding="0">','<tbody><tr class="x-grid-hd-row">{cells}</tr></tbody>',"</table>{splits}");C.header.disableformats=true;}
+C.header.compile();if(!C.hcell){C.hcell=new Roo.Template('<td class="x-grid-hd x-grid-td-{id} {cellId}"><div title="{title}" class="x-grid-hd-inner x-grid-hd-{id}">','<div class="x-grid-hd-text" unselectable="on">{value}<img class="x-grid-sort-icon" src="',Roo.BLANK_IMAGE_URL,'" /></div>',"</div></td>");C.hcell.disableFormats=true;}
+C.hcell.compile();if(!C.hsplit){C.hsplit=new Roo.Template('<div class="x-grid-split {splitId} x-grid-split-{id}" style="{style}" unselectable="on"> </div>');C.hsplit.disableFormats=true;}
+C.hsplit.compile();if(!C.body){C.body=new Roo.Template('<table border="0" cellspacing="0" cellpadding="0">',"<tbody>{rows}</tbody>","</table>");C.body.disableFormats=true;}
+C.body.compile();if(!C.row){C.row=new Roo.Template('<tr class="x-grid-row {alt}">{cells}</tr>');C.row.disableFormats=true;}
+C.row.compile();if(!C.cell){C.cell=new Roo.Template('<td class="x-grid-col x-grid-td-{id} {cellId} {css}" tabIndex="0">','<div class="x-grid-col-{id} x-grid-cell-inner"><div class="x-grid-cell-text" unselectable="on" {attr}>{value}</div></div>',"</td>");C.cell.disableFormats=true;}
+C.cell.compile();this.templates=C;},onColWidthChange:function(){this.updateColumns.apply(this,arguments);},onHeaderChange:function(){this.updateHeaders.apply(this,arguments);},onHiddenChange:function(){this.handleHiddenChange.apply(this,arguments);},onColumnMove:function(){this.handleColumnMove.apply(this,arguments);},onColumnLock:function(){this.handleLockChange.apply(this,arguments);},onDataChange:function(){this.refresh();this.updateHeaderSortState();},onClear:function(){this.refresh();},onUpdate:function(ds,D){this.refreshRow(D);},refreshRow:function(E){var ds=this.ds,F;if(typeof E=='number'){F=E;E=ds.getAt(F);}else {F=ds.indexOf(E);}
+this.insertRows(ds,F,F,true);this.onRemove(ds,E,F+1,true);this.syncRowHeights(F,F);this.layout();this.fireEvent("rowupdated",this,F,E);},onAdd:function(ds,G,H){this.insertRows(ds,H,H+(G.length-1));},onRemove:function(ds,I,J,K){if(K!==true){this.fireEvent("beforerowremoved",this,J,I);}var bt=this.getBodyTable(),lt=this.getLockedTable();if(bt.rows[J]){bt.firstChild.removeChild(bt.rows[J]);}if(lt.rows[J]){lt.firstChild.removeChild(lt.rows[J]);}if(K!==true){this.stripeRows(J);this.syncRowHeights(J,J);this.layout();this.fireEvent("rowremoved",this,J,I);}},onLoad:function(){this.scrollToTop();},scrollToTop:function(){if(this.scroller){this.scroller.dom.scrollTop=0;this.syncScroll();}},getHeaderPanel:function(L){if(L){this.headerPanel.show();}return this.headerPanel;},getFooterPanel:function(M){if(M){this.footerPanel.show();}return this.footerPanel;},initElements:function(){var E=Roo.Element;var el=this.grid.getGridEl().dom.firstChild;var cs=el.childNodes;this.el=new E(el);this.headerPanel=new E(el.firstChild);this.headerPanel.enableDisplayMode("block");this.scroller=new E(cs[1]);this.scrollSizer=new E(this.scroller.dom.firstChild);this.lockedWrap=new E(cs[2]);this.lockedHd=new E(this.lockedWrap.dom.firstChild);this.lockedBody=new E(this.lockedWrap.dom.childNodes[1]);this.mainWrap=new E(cs[3]);this.mainHd=new E(this.mainWrap.dom.firstChild);this.mainBody=new E(this.mainWrap.dom.childNodes[1]);this.footerPanel=new E(cs[4]);this.footerPanel.enableDisplayMode("block");this.focusEl=new E(cs[5]);this.focusEl.swallowEvent("click",true);this.resizeProxy=new E(cs[6]);this.headerSelector=String.format('#{0} td.x-grid-hd, #{1} td.x-grid-hd',this.lockedHd.id,this.mainHd.id);this.splitterSelector=String.format('#{0} div.x-grid-split, #{1} div.x-grid-split',this.idToCssName(this.lockedHd.id),this.idToCssName(this.mainHd.id));},idToCssName:function(s){return s.replace(/[^a-z0-9]+/ig,'-');},getHeaderCell:function(N){return Roo.DomQuery.select(this.headerSelector)[N];},getHeaderCellMeasure:function(O){return this.getHeaderCell(O).firstChild;},getHeaderCellText:function(P){return this.getHeaderCell(P).firstChild.firstChild;},getLockedTable:function(){return this.lockedBody.dom.firstChild;},getBodyTable:function(){return this.mainBody.dom.firstChild;},getLockedRow:function(Q){return this.getLockedTable().rows[Q];},getRow:function(R){return this.getBodyTable().rows[R];},getRowComposite:function(S){if(!this.rowEl){this.rowEl=new Roo.CompositeElementLite();}var T=[],U,V;if(U=this.getLockedRow(S)){T.push(U);}if(V=this.getRow(S)){T.push(V);}
+this.rowEl.elements=T;return this.rowEl;},getCell:function(W,X){var Y=this.cm.getLockedCount();var Z;if(X<Y){Z=this.lockedBody.dom.firstChild;}else {Z=this.mainBody.dom.firstChild;X-=Y;}return Z.rows[W].childNodes[X];},getCellText:function(a,b){return this.getCell(a,b).firstChild.firstChild;},getCellBox:function(c){var b=this.fly(c).getBox();if(Roo.isOpera){b.y=c.offsetTop+this.mainBody.getY();}return b;},getCellIndex:function(d){var id=String(d.className).match(this.cellRE);if(id){return parseInt(id[1],10);}return 0;},findHeaderIndex:function(n){var r=Roo.fly(n).findParent("td."+this.hdClass,6);return r?this.getCellIndex(r):false;},findHeaderCell:function(n){var r=Roo.fly(n).findParent("td."+this.hdClass,6);return r?r:false;},findRowIndex:function(n){if(!n){return false;}var r=Roo.fly(n).findParent("tr."+this.rowClass,6);return r?r.rowIndex:false;},findCellIndex:function(e){var f=this.el.dom;while(e&&e!=f){if(this.findRE.test(e.className)){return this.getCellIndex(e);}
+e=e.parentNode;}return false;},getColumnId:function(g){return this.cm.getColumnId(g);},getSplitters:function(){if(this.splitterSelector){return Roo.DomQuery.select(this.splitterSelector);}else {return null;}},getSplitter:function(k){return this.getSplitters()[k];},onRowOver:function(e,t){var o;if((o=this.findRowIndex(t))!==false){this.getRowComposite(o).addClass("x-grid-row-over");}},onRowOut:function(e,t){var p;if((p=this.findRowIndex(t))!==false&&p!==this.findRowIndex(e.getRelatedTarget())){this.getRowComposite(p).removeClass("x-grid-row-over");}},renderHeaders:function(){var cm=this.cm;var ct=this.templates.hcell,ht=this.templates.header,st=this.templates.hsplit;var cb=[],lb=[],sb=[],q=[],p={};for(var i=0,len=cm.getColumnCount();i<len;i++){p.cellId="x-grid-hd-0-"+i;p.splitId="x-grid-csplit-0-"+i;p.id=cm.getColumnId(i);p.title=cm.getColumnTooltip(i)||"";p.value=cm.getColumnHeader(i)||"";p.style=(this.grid.enableColumnResize===false||!cm.isResizable(i)||cm.isFixed(i))?'cursor:default':'';if(!cm.isLocked(i)){cb[cb.length]=ct.apply(p);sb[sb.length]=st.apply(p);}else {lb[lb.length]=ct.apply(p);q[q.length]=st.apply(p);}}return [ht.apply({cells:lb.join(""),splits:q.join("")}),ht.apply({cells:cb.join(""),splits:sb.join("")})];},updateHeaders:function(){var u=this.renderHeaders();this.lockedHd.update(u[0]);this.mainHd.update(u[1]);},focusRow:function(v){var x=this.scroller.dom.scrollLeft;this.focusCell(v,0,false);this.scroller.dom.scrollLeft=x;},focusCell:function(y,z,AA){var el=this.ensureVisible(y,z,AA);this.focusEl.alignTo(el,"tl-tl");if(Roo.isGecko){this.focusEl.focus();}else {this.focusEl.focus.defer(1,this.focusEl);}},ensureVisible:function(AB,AC,AD){if(typeof AB!="number"){AB=AB.rowIndex;}if(AB<0&&AB>=this.ds.getCount()){return;}
+AC=(AC!==undefined?AC:0);var cm=this.grid.colModel;while(cm.isHidden(AC)){AC++;}var el=this.getCell(AB,AC);if(!el){return;}var c=this.scroller.dom;var AE=parseInt(el.offsetTop,10);var AF=parseInt(el.offsetLeft,10);var AG=AE+el.offsetHeight;var AH=AF+el.offsetWidth;var ch=c.clientHeight-this.mainHd.dom.offsetHeight;var AI=parseInt(c.scrollTop,10);var AJ=parseInt(c.scrollLeft,10);var AK=AI+ch;var AL=AJ+c.clientWidth;if(AE<AI){c.scrollTop=AE;}else if(AG>AK){c.scrollTop=AG-ch;}if(AD!==false){if(AF<AJ){c.scrollLeft=AF;}else if(AH>AL){c.scrollLeft=AH-c.clientWidth;}}return el;},updateColumns:function(){this.grid.stopEditing();var cm=this.grid.colModel,AM=this.getColumnIds();var AN=0;for(var i=0,len=cm.getColumnCount();i<len;i++){var w=cm.getColumnWidth(i);this.css.updateRule(this.colSelector+this.idToCssName(AM[i]),"width",(w-this.borderWidth)+"px");this.css.updateRule(this.hdSelector+this.idToCssName(AM[i]),"width",(w-this.borderWidth)+"px");}
+this.updateSplitters();},generateRules:function(cm){var AO=[],AP=this.idToCssName(this.grid.id)+'-cssrules';Roo.util.CSS.removeStyleSheet(AP);for(var i=0,len=cm.getColumnCount();i<len;i++){var cid=cm.getColumnId(i);var align='';if(cm.config[i].align){align='text-align:'+cm.config[i].align+';';}var hidden='';if(cm.isHidden(i)){hidden='display:none;';}var width="width:"+(cm.getColumnWidth(i)-this.borderWidth)+"px;";AO.push(this.colSelector,cid," {\n",cm.config[i].css,align,width,"\n}\n",this.hdSelector,cid," {\n",align,width,"}\n",this.tdSelector,cid," {\n",hidden,"\n}\n",this.splitSelector,cid," {\n",hidden,"\n}\n");}return Roo.util.CSS.createStyleSheet(AO.join(""),AP);},updateSplitters:function(){var cm=this.cm,s=this.getSplitters();if(s){var AN=0,Y=true;for(var i=0,len=cm.getColumnCount();i<len;i++){if(cm.isHidden(i))continue;var w=cm.getColumnWidth(i);if(!cm.isLocked(i)&&Y){AN=0;Y=false;}
+AN+=w;s[i].style.left=(AN-this.splitOffset)+"px";}}},handleHiddenChange:function(AQ,AR,AS){if(AS){this.hideColumn(AR);}else {this.unhideColumn(AR);}},hideColumn:function(AT){var AU=this.getColumnId(AT);this.css.updateRule(this.tdSelector+this.idToCssName(AU),"display","none");this.css.updateRule(this.splitSelector+this.idToCssName(AU),"display","none");if(Roo.isSafari){this.updateHeaders();}
+this.updateSplitters();this.layout();},unhideColumn:function(AV){var AW=this.getColumnId(AV);this.css.updateRule(this.tdSelector+this.idToCssName(AW),"display","");this.css.updateRule(this.splitSelector+this.idToCssName(AW),"display","");if(Roo.isSafari){this.updateHeaders();}
+this.updateSplitters();this.layout();},insertRows:function(dm,AX,AY,AZ){if(AX==0&&AY==dm.getCount()-1){this.refresh();}else {if(!AZ){this.fireEvent("beforerowsinserted",this,AX,AY);}var s=this.getScrollState();var markup=this.renderRows(AX,AY);this.bufferRows(markup[0],this.getLockedTable(),AX);this.bufferRows(markup[1],this.getBodyTable(),AX);this.restoreScroll(s);if(!AZ){this.fireEvent("rowsinserted",this,AX,AY);this.syncRowHeights(AX,AY);this.stripeRows(AX);this.layout();}}},bufferRows:function(Aa,Ab,Ac){var Ad=null,Ae=Ab.rows,Af=Ab.tBodies[0];if(Ac<Ae.length){Ad=Ae[Ac];}var b=document.createElement("div");b.innerHTML="<table><tbody>"+Aa+"</tbody></table>";var Ag=b.firstChild.rows;for(var i=0,len=Ag.length;i<len;i++){if(Ad){Af.insertBefore(Ag[0],Ad);}else {Af.appendChild(Ag[0]);}}
+b.innerHTML="";b=null;},deleteRows:function(dm,Ah,Ai){if(dm.getRowCount()<1){this.fireEvent("beforerefresh",this);this.mainBody.update("");this.lockedBody.update("");this.fireEvent("refresh",this);}else {this.fireEvent("beforerowsdeleted",this,Ah,Ai);var bt=this.getBodyTable();var Af=bt.firstChild;var Ag=bt.rows;for(var a=Ah;a<=Ai;a++){Af.removeChild(Ag[Ah]);}
+this.stripeRows(Ah);this.fireEvent("rowsdeleted",this,Ah,Ai);}},updateRows:function(Aj,Ak,Al){var s=this.getScrollState();this.refresh();this.restoreScroll(s);},handleSort:function(Am,An,Ao,Ap){if(!Ap){this.refresh();}
+this.updateHeaderSortState();},getScrollState:function(){var sb=this.scroller.dom;return {left:sb.scrollLeft,top:sb.scrollTop};},stripeRows:function(Aq){if(!this.grid.stripeRows||this.ds.getCount()<1){return;}
+Aq=Aq||0;var Ar=this.getBodyTable().rows;var As=this.getLockedTable().rows;var At=' x-grid-row-alt ';for(var i=Aq,len=Ar.length;i<len;i++){var AB=Ar[i],U=As[i];var isAlt=((i+1)%2==0);var hasAlt=(' '+AB.className+' ').indexOf(At)!=-1;if(isAlt==hasAlt){continue;}if(isAlt){AB.className+=" x-grid-row-alt";}else {AB.className=AB.className.replace("x-grid-row-alt","");}if(U){U.className=AB.className;}}},restoreScroll:function(Au){var sb=this.scroller.dom;sb.scrollLeft=Au.left;sb.scrollTop=Au.top;this.syncScroll();},syncScroll:function(){var sb=this.scroller.dom;var sh=this.mainHd.dom;var bs=this.mainBody.dom;var lv=this.lockedBody.dom;sh.scrollLeft=bs.scrollLeft=sb.scrollLeft;lv.scrollTop=bs.scrollTop=sb.scrollTop;},handleScroll:function(e){this.syncScroll();var sb=this.scroller.dom;this.grid.fireEvent("bodyscroll",sb.scrollLeft,sb.scrollTop);e.stopEvent();},handleWheel:function(e){var d=e.getWheelDelta();this.scroller.dom.scrollTop-=d*22;this.lockedBody.dom.scrollTop=this.mainBody.dom.scrollTop=this.scroller.dom.scrollTop;e.stopEvent();},renderRows:function(Av,Aw){var g=this.grid,cm=g.colModel,ds=g.dataSource,Ax=g.stripeRows;var Ay=cm.getColumnCount();if(ds.getCount()<1){return ["",""];}var cs=[];for(var i=0;i<Ay;i++){var name=cm.getDataIndex(i);cs[i]={name:typeof name=='undefined'?ds.fields.get(i).name:name,renderer:cm.getRenderer(i),id:cm.getColumnId(i),locked:cm.isLocked(i)};}
+Av=Av||0;Aw=typeof Aw=="undefined"?ds.getCount()-1:Aw;var rs=ds.getRange(Av,Aw);return this.doRender(cs,rs,ds,Av,Ay,Ax);},doRender:Roo.isGecko?function(cs,rs,ds,Az,A0,A1){var ts=this.templates,ct=ts.cell,rt=ts.row;var A2="",A3="",cb,A4,c,p={},rp={},r,a;for(var j=0,len=rs.length;j<len;j++){r=rs[j];cb="";A4="";a=(j+Az);for(var i=0;i<A0;i++){c=cs[i];p.cellId="x-grid-cell-"+a+"-"+i;p.id=c.id;p.css=p.attr="";p.value=c.renderer(r.data[c.name],p,r,a,i,ds);if(p.value==undefined||p.value==="")p.value=" ";if(r.dirty&&typeof r.modified[c.name]!=='undefined'){p.css+=p.css?' x-grid-dirty-cell':'x-grid-dirty-cell';}var Aa=ct.apply(p);if(!c.locked){cb+=Aa;}else {A4+=Aa;}}var alt=[];if(A1&&((a+1)%2==0)){alt[0]="x-grid-row-alt";}if(r.dirty){alt[1]=" x-grid-dirty-row";}
+rp.cells=A4;if(this.getRowClass){alt[2]=this.getRowClass(r,a);}
+rp.alt=alt.join(" ");A3+=rt.apply(rp);rp.cells=cb;A2+=rt.apply(rp);}return [A3,A2];}:function(cs,rs,ds,A5,A6,A7){var ts=this.templates,ct=ts.cell,rt=ts.row;var A8=[],A9=[],cb,BA,c,p={},rp={},r,a;for(var j=0,len=rs.length;j<len;j++){r=rs[j];cb=[];BA=[];a=(j+A5);for(var i=0;i<A6;i++){c=cs[i];p.cellId="x-grid-cell-"+a+"-"+i;p.id=c.id;p.css=p.attr="";p.value=c.renderer(r.data[c.name],p,r,a,i,ds);if(p.value==undefined||p.value==="")p.value=" ";if(r.dirty&&typeof r.modified[c.name]!=='undefined'){p.css+=p.css?' x-grid-dirty-cell':'x-grid-dirty-cell';}var Aa=ct.apply(p);if(!c.locked){cb[cb.length]=Aa;}else {BA[BA.length]=Aa;}}var alt=[];if(A7&&((a+1)%2==0)){alt[0]="x-grid-row-alt";}if(r.dirty){alt[1]=" x-grid-dirty-row";}
+rp.cells=BA;if(this.getRowClass){alt[2]=this.getRowClass(r,a);}
+rp.alt=alt.join(" ");rp.cells=BA.join("");A9[A9.length]=rt.apply(rp);rp.cells=cb.join("");A8[A8.length]=rt.apply(rp);}return [A9.join(""),A8.join("")];},renderBody:function(){var BB=this.renderRows();var bt=this.templates.body;return [bt.apply({rows:BB[0]}),bt.apply({rows:BB[1]})];},refresh:function(BC){this.fireEvent("beforerefresh",this);this.grid.stopEditing();var BD=this.renderBody();this.lockedBody.update(BD[0]);this.mainBody.update(BD[1]);if(BC===true){this.updateHeaders();this.updateColumns();this.updateSplitters();this.updateHeaderSortState();}
+this.syncRowHeights();this.layout();this.fireEvent("refresh",this);},handleColumnMove:function(cm,BE,BF){this.indexMap=null;var s=this.getScrollState();this.refresh(true);this.restoreScroll(s);this.afterMove(BF);},afterMove:function(BG){if(this.enableMoveAnim&&Roo.enableFx){this.fly(this.getHeaderCell(BG).firstChild).highlight(this.hlColor);}},updateCell:function(dm,BH,BI){var BJ=this.getColumnIndexByDataIndex(BI);if(typeof BJ=="undefined"){return;}var cm=this.grid.colModel;var BK=this.getCell(BH,BJ);var BL=this.getCellText(BH,BJ);var p={cellId:"x-grid-cell-"+BH+"-"+BJ,id:cm.getColumnId(BJ),css:BJ==cm.getColumnCount()-1?"x-grid-col-last":""};var BM=cm.getRenderer(BJ);var BN=BM(dm.getValueAt(BH,BI),p,BH,BJ,dm);if(typeof BN=="undefined"||BN==="")BN=" ";BL.innerHTML=BN;BK.className=this.cellClass+" "+this.idToCssName(p.cellId)+" "+p.css;this.syncRowHeights(BH,BH);},calcColumnWidth:function(BO,BP){var BQ=0;if(this.grid.autoSizeHeaders){var h=this.getHeaderCellMeasure(BO);BQ=Math.max(BQ,h.scrollWidth);}var tb,BR;if(this.cm.isLocked(BO)){tb=this.getLockedTable();BR=BO;}else {tb=this.getBodyTable();BR=BO-this.cm.getLockedCount();}if(tb&&tb.rows){var Ar=tb.rows;var stopIndex=Math.min(BP||Ar.length,Ar.length);for(var i=0;i<stopIndex;i++){var BK=Ar[i].childNodes[BR].firstChild;BQ=Math.max(BQ,BK.scrollWidth);}}return BQ+5;},autoSizeColumn:function(BS,BT,BU){if(this.cm.isHidden(BS)){return;}if(BT){var AW=this.cm.getColumnId(BS);this.css.updateRule(this.colSelector+this.idToCssName(AW),"width",this.grid.minColumnWidth+"px");if(this.grid.autoSizeHeaders){this.css.updateRule(this.hdSelector+this.idToCssName(AW),"width",this.grid.minColumnWidth+"px");}}var BV=this.calcColumnWidth(BS);this.cm.setColumnWidth(BS,Math.max(this.grid.minColumnWidth,BV),BU);if(!BU){this.grid.fireEvent("columnresize",BS,BV);}},autoSizeColumns:function(){var cm=this.grid.colModel;var BW=cm.getColumnCount();for(var i=0;i<BW;i++){this.autoSizeColumn(i,true,true);}if(cm.getTotalWidth()<this.scroller.dom.clientWidth){this.fitColumns();}else {this.updateColumns();this.layout();}},fitColumns:function(BX){var cm=this.grid.colModel;var BY=cm.getColumnCount();var BZ=[];var Ba=0;var i,w;for(i=0;i<BY;i++){if(!cm.isHidden(i)&&!cm.isFixed(i)){w=cm.getColumnWidth(i);BZ.push(i);BZ.push(w);Ba+=w;}}var Bb=Math.min(this.scroller.dom.clientWidth,this.el.getWidth());if(BX){Bb-=17;}var Bc=(Bb-cm.getTotalWidth())/Ba;while(BZ.length){w=BZ.pop();i=BZ.pop();cm.setColumnWidth(i,Math.floor(w+w*Bc),true);}
+this.updateColumns();this.layout();},onRowSelect:function(Bd){var Be=this.getRowComposite(Bd);Be.addClass("x-grid-row-selected");},onRowDeselect:function(Bf){var Bg=this.getRowComposite(Bf);Bg.removeClass("x-grid-row-selected");},onCellSelect:function(Bh,Bi){var Bj=this.getCell(Bh,Bi);if(Bj){Roo.fly(Bj).addClass("x-grid-cell-selected");}},onCellDeselect:function(Bk,Bl){var Bm=this.getCell(Bk,Bl);if(Bm){Roo.fly(Bm).removeClass("x-grid-cell-selected");}},updateHeaderSortState:function(){var Bn=this.ds.getSortState();if(!Bn){return;}
+this.sortState=Bn;var Bo=this.cm.findColumnIndex(Bn.field);if(Bo!=-1){var Ao=Bn.direction;var sc=this.sortClasses;var hds=this.el.select(this.headerSelector).removeClass(sc);hds.item(Bo).addClass(sc[Ao=="DESC"?1:0]);}},handleHeaderClick:function(g,Bp){if(this.headersDisabled){return;}var dm=g.dataSource,cm=g.colModel;if(!cm.isSortable(Bp)){return;}
+g.stopEditing();dm.sort(cm.getDataIndex(Bp));},destroy:function(){if(this.colMenu){this.colMenu.removeAll();Roo.menu.MenuMgr.unregister(this.colMenu);this.colMenu.getEl().remove();delete this.colMenu;}if(this.hmenu){this.hmenu.removeAll();Roo.menu.MenuMgr.unregister(this.hmenu);this.hmenu.getEl().remove();delete this.hmenu;}if(this.grid.enableColumnMove){var dds=Roo.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();Roo.get(elid).remove();}else if(dds[dd].config.isTarget){dds[dd].proxyTop.remove();dds[dd].proxyBottom.remove();dds[dd].unreg();}if(Roo.dd.DDM.locationCache[dd]){delete Roo.dd.DDM.locationCache[dd];}}delete Roo.dd.DDM.ids['gridHeader'+this.grid.getGridEl().id];}}
+Roo.util.CSS.removeStyleSheet(this.idToCssName(this.grid.id)+'-cssrules');this.bind(null,null);Roo.EventManager.removeResizeListener(this.onWindowResize,this);},handleLockChange:function(){this.refresh(true);},onDenyColumnLock:function(){},onDenyColumnHide:function(){},handleHdMenuClick:function(Bq){var Br=this.hdCtxIndex;var cm=this.cm,ds=this.ds;switch(Bq.id){case "asc":ds.sort(cm.getDataIndex(Br),"ASC");break;case "desc":ds.sort(cm.getDataIndex(Br),"DESC");break;case "lock":var lc=cm.getLockedCount();if(cm.getColumnCount(true)<=lc+1){this.onDenyColumnLock();return;}if(lc!=Br){cm.setLocked(Br,true,true);cm.moveColumn(Br,lc);this.grid.fireEvent("columnmove",Br,lc);}else {cm.setLocked(Br,true);}break;case "unlock":var lc=cm.getLockedCount();if((lc-1)!=Br){cm.setLocked(Br,false,true);cm.moveColumn(Br,lc-1);this.grid.fireEvent("columnmove",Br,lc-1);}else {cm.setLocked(Br,false);}break;default:Br=cm.getIndexById(Bq.id.substr(4));if(Br!=-1){if(Bq.checked&&cm.getColumnCount(true)<=1){this.onDenyColumnHide();return false;}
+cm.setHidden(Br,Bq.checked);}}return true;},beforeColMenuShow:function(){var cm=this.cm,Bs=cm.getColumnCount();this.colMenu.removeAll();for(var i=0;i<Bs;i++){this.colMenu.add(new Roo.menu.CheckItem({id:"col-"+cm.getColumnId(i),text:cm.getColumnHeader(i),checked:!cm.isHidden(i),hideOnClick:false}));}},handleHdCtx:function(g,Bt,e){e.stopEvent();var hd=this.getHeaderCell(Bt);this.hdCtxIndex=Bt;var ms=this.hmenu.items,cm=this.cm;ms.get("asc").setDisabled(!cm.isSortable(Bt));ms.get("desc").setDisabled(!cm.isSortable(Bt));if(this.grid.enableColLock!==false){ms.get("lock").setDisabled(cm.isLocked(Bt));ms.get("unlock").setDisabled(!cm.isLocked(Bt));}
+this.hmenu.show(hd,"tl-bl");},handleHdOver:function(e){var hd=this.findHeaderCell(e.getTarget());if(hd&&!this.headersDisabled){if(this.grid.colModel.isSortable(this.getCellIndex(hd))){this.fly(hd).addClass("x-grid-hd-over");}}},handleHdOut:function(e){var hd=this.findHeaderCell(e.getTarget());if(hd){this.fly(hd).removeClass("x-grid-hd-over");}},handleSplitDblClick:function(e,t){var i=this.getCellIndex(t);if(this.grid.enableColumnResize!==false&&this.cm.isResizable(i)&&!this.cm.isFixed(i)){this.autoSizeColumn(i,true);this.layout();}},render:function(){var cm=this.cm;var Bu=cm.getColumnCount();if(this.grid.monitorWindowResize===true){Roo.EventManager.onWindowResize(this.onWindowResize,this,true);}var Bv=this.renderHeaders();var Bw=this.templates.body.apply({rows:""});var Bx=this.templates.master.apply({lockedBody:Bw,body:Bw,lockedHeader:Bv[0],header:Bv[1]});this.grid.getGridEl().dom.innerHTML=Bx;this.initElements();this.scroller.on("scroll",this.handleScroll,this);this.lockedBody.on("mousewheel",this.handleWheel,this);this.mainBody.on("mousewheel",this.handleWheel,this);this.mainHd.on("mouseover",this.handleHdOver,this);this.mainHd.on("mouseout",this.handleHdOut,this);this.mainHd.on("dblclick",this.handleSplitDblClick,this,{delegate:"."+this.splitClass});this.lockedHd.on("mouseover",this.handleHdOver,this);this.lockedHd.on("mouseout",this.handleHdOut,this);this.lockedHd.on("dblclick",this.handleSplitDblClick,this,{delegate:"."+this.splitClass});if(this.grid.enableColumnResize!==false&&Roo.grid.SplitDragZone){new Roo.grid.SplitDragZone(this.grid,this.lockedHd.dom,this.mainHd.dom);}
+this.updateSplitters();if(this.grid.enableColumnMove&&Roo.grid.HeaderDragZone){new Roo.grid.HeaderDragZone(this.grid,this.lockedHd.dom,this.mainHd.dom);new Roo.grid.HeaderDropZone(this.grid,this.lockedHd.dom,this.mainHd.dom);}if(this.grid.enableCtxMenu!==false&&Roo.menu.Menu){this.hmenu=new Roo.menu.Menu({id:this.grid.id+"-hctx"});this.hmenu.add({id:"asc",text:this.sortAscText,cls:"xg-hmenu-sort-asc"},{id:"desc",text:this.sortDescText,cls:"xg-hmenu-sort-desc"});if(this.grid.enableColLock!==false){this.hmenu.add('-',{id:"lock",text:this.lockText,cls:"xg-hmenu-lock"},{id:"unlock",text:this.unlockText,cls:"xg-hmenu-unlock"});}if(this.grid.enableColumnHide!==false){this.colMenu=new Roo.menu.Menu({id:this.grid.id+"-hcols-menu"});this.colMenu.on("beforeshow",this.beforeColMenuShow,this);this.colMenu.on("itemclick",this.handleHdMenuClick,this);this.hmenu.add('-',{id:"columns",text:this.columnsText,menu:this.colMenu});}
+this.hmenu.on("itemclick",this.handleHdMenuClick,this);this.grid.on("headercontextmenu",this.handleHdCtx,this);}if((this.grid.enableDragDrop||this.grid.enableDrag)&&Roo.grid.GridDragZone){this.dd=new Roo.grid.GridDragZone(this.grid,{ddGroup:this.grid.ddGroup||'GridDD'});}
+this.updateHeaderSortState();this.beforeInitialResize();this.layout(true);this.renderPhase2.defer(1,this);},renderPhase2:function(){this.refresh();if(this.grid.autoSizeColumns){this.autoSizeColumns();}},beforeInitialResize:function(){},onColumnSplitterMoved:function(i,w){this.userResized=true;var cm=this.grid.colModel;cm.setColumnWidth(i,w,true);var By=cm.getColumnId(i);this.css.updateRule(this.colSelector+this.idToCssName(By),"width",(w-this.borderWidth)+"px");this.css.updateRule(this.hdSelector+this.idToCssName(By),"width",(w-this.borderWidth)+"px");this.updateSplitters();this.layout();this.grid.fireEvent("columnresize",i,w);},syncRowHeights:function(Bz,B0){if(this.grid.enableRowHeightSync===true&&this.cm.getLockedCount()>0){Bz=Bz||0;var mrows=this.getBodyTable().rows;var As=this.getLockedTable().rows;var len=mrows.length-1;B0=Math.min(B0||len,len);for(var i=Bz;i<=B0;i++){var m=mrows[i],l=As[i];var h=Math.max(m.offsetHeight,l.offsetHeight);m.style.height=l.style.height=h+"px";}}},layout:function(B1,B2){var g=this.grid;var B3=g.autoHeight;var B4=16;var c=g.getGridEl(),cm=this.cm,B5=g.autoExpandColumn,gv=this;if(!c.dom.offsetWidth){if(B1){this.lockedWrap.show();this.mainWrap.show();}return;}var B6=this.cm.isLocked(0);var B7=this.headerPanel.getHeight();var B8=this.footerPanel.getHeight();if(B3){var ch=this.getBodyTable().offsetHeight+B7+B8+this.mainHd.getHeight();var newHeight=ch+c.getBorderWidth("tb");if(g.maxHeight){newHeight=Math.min(g.maxHeight,newHeight);}
+c.setHeight(newHeight);}if(g.autoWidth){c.setWidth(cm.getTotalWidth()+c.getBorderWidth('lr'));}var s=this.scroller;var B9=c.getSize(true);this.el.setSize(B9.width,B9.height);this.headerPanel.setWidth(B9.width);this.footerPanel.setWidth(B9.width);var CA=this.mainHd.getHeight();var vw=B9.width;var vh=B9.height-(B7+B8);s.setSize(vw,vh);var bt=this.getBodyTable();var CB=B6?Math.max(this.getLockedTable().offsetWidth,this.lockedHd.dom.firstChild.offsetWidth):0;var CC=bt.offsetHeight;var CD=CB+bt.offsetWidth;var CE=false,CF=false;this.scrollSizer.setSize(CD,CC+CA);var lw=this.lockedWrap,mw=this.mainWrap;var lb=this.lockedBody,mb=this.mainBody;setTimeout(function(){var t=s.dom.offsetTop;var w=s.dom.clientWidth,h=s.dom.clientHeight;lw.setTop(t);lw.setSize(CB,h);mw.setLeftTop(CB,t);mw.setSize(w-CB,h);lb.setHeight(h-CA);mb.setHeight(h-CA);if(B2!==true&&!gv.userResized&&B5){var ci=cm.getIndexById(B5);if(ci<0){ci=cm.findColumnIndex(B5);}
+ci=Math.max(0,ci);var expandId=cm.getColumnId(ci);var tw=cm.getTotalWidth(false);var currentWidth=cm.getColumnWidth(ci);var cw=Math.min(Math.max(((w-tw)+currentWidth-2)-(w<=s.dom.offsetWidth?0:18),g.autoExpandMin),g.autoExpandMax);if(currentWidth!=cw){cm.setColumnWidth(ci,cw,true);gv.css.updateRule(gv.colSelector+gv.idToCssName(expandId),"width",(cw-gv.borderWidth)+"px");gv.css.updateRule(gv.hdSelector+gv.idToCssName(expandId),"width",(cw-gv.borderWidth)+"px");gv.updateSplitters();gv.layout(false,true);}}if(B1){lw.show();mw.show();}},10);},onWindowResize:function(){if(!this.grid.monitorWindowResize||this.grid.autoHeight){return;}
+this.layout();},appendFooter:function(CG){return null;},sortAscText:"Sort Ascending",sortDescText:"Sort Descending",lockText:"Lock Column",unlockText:"Unlock Column",columnsText:"Columns"});Roo.grid.GridView.ColumnDragZone=function(CH,hd){Roo.grid.GridView.ColumnDragZone.superclass.constructor.call(this,CH,hd,null);this.proxy.el.addClass('x-grid3-col-dd');};Roo.extend(Roo.grid.GridView.ColumnDragZone,Roo.grid.HeaderDragZone,{handleMouseDown:function(e){},callHandleMouseDown:function(e){Roo.grid.GridView.ColumnDragZone.superclass.handleMouseDown.call(this,e);}});
+Roo.grid.SplitDragZone=function(A,hd,B){this.grid=A;this.view=A.getView();this.proxy=this.view.resizeProxy;Roo.grid.SplitDragZone.superclass.constructor.call(this,hd,"gridSplitters"+this.grid.getGridEl().id,{dragElId:Roo.id(this.proxy.dom),resizeFrame:false});this.setHandleElId(Roo.id(hd));this.setOuterHandleElId(Roo.id(B));this.scroll=false;};Roo.extend(Roo.grid.SplitDragZone,Roo.dd.DDProxy,{fly:Roo.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 C=Math.max(w-this.grid.minColumnWidth,0);this.resetConstraints();this.setXConstraint(C,1000);this.setYConstraint(0,0);this.minX=x-C;this.maxX=x+1000;this.startPos=x;Roo.dd.DDProxy.prototype.b4StartDrag.call(this,x,y);},handleMouseDown:function(e){ev=Roo.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)){Roo.grid.SplitDragZone.superclass.handleMouseDown.apply(this,arguments);}}},endDrag:function(e){this.view.headersDisabled=false;var D=Math.max(this.minX,Roo.lib.Event.getPageX(e));var E=D-this.startPos;this.view.onColumnSplitterMoved(this.cellIndex,this.cm.getColumnWidth(this.cellIndex)+E);},autoOffset:function(){this.setDelta(0,0);}});
+Roo.grid.GridDragZone=function(A,B){this.view=A.getView();Roo.grid.GridDragZone.superclass.constructor.call(this,this.view.mainBody.dom,B);if(this.view.lockedBody){this.setHandleElId(Roo.id(this.view.mainBody.dom));this.setOuterHandleElId(Roo.id(this.view.lockedBody.dom));}
+this.scroll=false;this.grid=A;this.ddel=document.createElement('div');this.ddel.className='x-grid-dd-wrap';};Roo.extend(Roo.grid.GridDragZone,Roo.dd.DragZone,{ddGroup:"GridDD",getDragData:function(e){var t=Roo.lib.Event.getTarget(e);var C=this.view.findRowIndex(t);if(C!==false){var sm=this.grid.selModel;if(e.hasModifier()){sm.handleMouseDown(e,t);}return {grid:this.grid,ddel:this.ddel,rowIndex:C,selections:sm.getSelections()};}return false;},onInitDrag:function(e){var D=this.dragData;this.ddel.innerHTML=this.grid.getDragDropText();this.proxy.update(this.ddel);},afterRepair:function(){this.dragging=false;},getRepairXY:function(e,E){return false;},onEndDrag:function(F,e){},onValidDrop:function(dd,e,id){this.hideProxy();},beforeInvalidDrop:function(e,id){}});
+Roo.grid.ColumnModel=function(A){this.config=A;this.lookup={};for(var i=0,len=A.length;i<len;i++){var c=A[i];if(typeof c.dataIndex=="undefined"){c.dataIndex=i;}if(typeof c.renderer=="string"){c.renderer=Roo.util.Format[c.renderer];}if(typeof c.id=="undefined"){c.id=Roo.id();}if(c.editor&&c.editor.xtype){c.editor=Roo.factory(c.editor,Roo.grid);}if(c.editor&&c.editor.isFormField){c.editor=new Roo.grid.GridEditor(c.editor);}
+this.lookup[c.id]=c;}
+this.defaultWidth=100;this.defaultSortable=false;this.addEvents({"widthchange":true,"headerchange":true,"hiddenchange":true,"columnmoved":true,"columnlockchange":true});Roo.grid.ColumnModel.superclass.constructor.call(this);};Roo.extend(Roo.grid.ColumnModel,Roo.util.Observable,{getColumnId:function(B){return this.config[B].id;},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;},findColumnIndex:function(C){for(var i=0,len=this.config.length;i<len;i++){if(this.config[i].dataIndex==C){return i;}}return -1;},moveColumn:function(D,E){var c=this.config[D];this.config.splice(D,1);this.config.splice(E,0,c);this.dataMap=null;this.fireEvent("columnmoved",this,D,E);},isLocked:function(F){return this.config[F].locked===true;},setLocked:function(G,H,I){if(this.isLocked(G)==H){return;}
+this.config[G].locked=H;if(!I){this.fireEvent("columnlockchange",this,G,H);}},getTotalLockedWidth:function(){var J=0;for(var i=0;i<this.config.length;i++){if(this.isLocked(i)&&!this.isHidden(i)){this.totalWidth+=this.getColumnWidth(i);}}return J;},getLockedCount:function(){for(var i=0,len=this.config.length;i<len;i++){if(!this.isLocked(i)){return i;}}},getColumnCount:function(K){if(K===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,L){var r=[];for(var i=0,len=this.config.length;i<len;i++){var c=this.config[i];if(fn.call(L||this,c,i)===true){r[r.length]=c;}}return r;},isSortable:function(M){if(typeof this.config[M].sortable=="undefined"){return this.defaultSortable;}return this.config[M].sortable;},getRenderer:function(N){if(!this.config[N].renderer){return Roo.grid.ColumnModel.defaultRenderer;}return this.config[N].renderer;},setRenderer:function(O,fn){this.config[O].renderer=fn;},getColumnWidth:function(P){return this.config[P].width||this.defaultWidth;},setColumnWidth:function(Q,R,S){this.config[Q].width=R;this.totalWidth=null;if(!S){this.fireEvent("widthchange",this,Q,R);}},getTotalWidth:function(T){if(!this.totalWidth){this.totalWidth=0;for(var i=0,len=this.config.length;i<len;i++){if(T||!this.isHidden(i)){this.totalWidth+=this.getColumnWidth(i);}}}return this.totalWidth;},getColumnHeader:function(U){return this.config[U].header;},setColumnHeader:function(V,W){this.config[V].header=W;this.fireEvent("headerchange",this,V,W);},getColumnTooltip:function(X){return this.config[X].tooltip;},setColumnTooltip:function(Y,Z){this.config[Y].tooltip=Z;},getDataIndex:function(a){return this.config[a].dataIndex;},setDataIndex:function(b,d){this.config[b].dataIndex=d;},isCellEditable:function(e,f){return (this.config[e].editable||(typeof this.config[e].editable=="undefined"&&this.config[e].editor))?true:false;},getCellEditor:function(g,h){return this.config[g].editor;},setEditable:function(j,k){this.config[j].editable=k;},isHidden:function(l){return this.config[l].hidden;},isFixed:function(m){return this.config[m].fixed;},isResizable:function(n){return n>=0&&this.config[n].resizable!==false&&this.config[n].fixed!==true;},setHidden:function(o,p){this.config[o].hidden=p;this.totalWidth=null;this.fireEvent("hiddenchange",this,o,p);},setEditor:function(q,s){this.config[q].editor=s;}});Roo.grid.ColumnModel.defaultRenderer=function(t){if(typeof t=="string"&&t.length<1){return " ";}return t;};Roo.grid.DefaultColumnModel=Roo.grid.ColumnModel;
+Roo.grid.AbstractSelectionModel=function(){this.locked=false;Roo.grid.AbstractSelectionModel.superclass.constructor.call(this);};Roo.extend(Roo.grid.AbstractSelectionModel,Roo.util.Observable,{init:function(A){this.grid=A;this.initEvents();},lock:function(){this.locked=true;},unlock:function(){this.locked=false;},isLocked:function(){return this.locked;}});
+Roo.grid.RowSelectionModel=function(A){Roo.apply(this,A);this.selections=new Roo.util.MixedCollection(false,function(o){return o.id;});this.last=false;this.lastActive=false;this.addEvents({"selectionchange":true,"afterselectionchange":true,"beforerowselect":true,"rowselect":true,"rowdeselect":true});Roo.grid.RowSelectionModel.superclass.constructor.call(this);this.locked=false;};Roo.extend(Roo.grid.RowSelectionModel,Roo.grid.AbstractSelectionModel,{singleSelect:false,initEvents:function(){if(!this.grid.enableDragDrop&&!this.grid.enableDrag){this.grid.on("mousedown",this.handleMouseDown,this);}else {this.grid.on("rowclick",this.handleDragableRowClick,this);}
+this.rowNav=new Roo.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();}
+this.fireEvent("afterselectionchange",this);},"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();}
+this.fireEvent("afterselectionchange",this);},scope:this});var B=this.grid.view;B.on("refresh",this.onRefresh,this);B.on("rowupdated",this.onRowUpdated,this);B.on("rowremoved",this.onRemove,this);},onRefresh:function(){var ds=this.grid.dataSource,i,v=this.grid.view;var s=this.selections;s.each(function(r){if((i=ds.indexOfId(r.id))!=-1){v.onRowSelect(i);}else {s.remove(r);}});},onRemove:function(v,C,r){this.selections.remove(r);},onRowUpdated:function(v,D,r){if(this.isSelected(r)){v.onRowSelect(D);}},selectRecords:function(E,F){if(!F){this.clearSelections();}var ds=this.grid.dataSource;for(var i=0,len=E.length;i<len;i++){this.selectRow(ds.indexOf(E[i]),true);}},getCount:function(){return this.selections.length;},selectFirstRow:function(){this.selectRow(0);},selectLastRow:function(G){this.selectRow(this.grid.dataSource.getCount()-1,G);},selectNext:function(H){if(this.last!==false&&(this.last+1)<this.grid.dataSource.getCount()){this.selectRow(this.last+1,H);this.grid.getView().focusRow(this.last);}},selectPrevious:function(I){if(this.last){this.selectRow(this.last-1,I);this.grid.getView().focusRow(this.last);}},getSelections:function(){return [].concat(this.selections.items);},getSelected:function(){return this.selections.itemAt(0);},clearSelections:function(J){if(this.locked)return;if(J!==true){var ds=this.grid.dataSource;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.dataSource.getCount();i<len;i++){this.selectRow(i,true);}},hasSelection:function(){return this.selections.length>0;},isSelected:function(K){var r=typeof K=="number"?this.grid.dataSource.getAt(K):K;return (r&&this.selections.key(r.id)?true:false);},isIdSelected:function(id){return (this.selections.key(id)?true:false);},handleMouseDown:function(e,t){var L=this.grid.getView(),M;if(this.isLocked()||(M=L.findRowIndex(t))===false){return;};if(e.shiftKey&&this.last!==false){var last=this.last;this.selectRange(last,M,e.ctrlKey);this.last=last;L.focusRow(M);}else {var isSelected=this.isSelected(M);if(e.button!==0&&isSelected){L.focusRow(M);}else if(e.ctrlKey&&isSelected){this.deselectRow(M);}else if(!isSelected){this.selectRow(M,e.button===0&&(e.ctrlKey||e.shiftKey));L.focusRow(M);}}
+this.fireEvent("afterselectionchange",this);},handleDragableRowClick:function(N,O,e){if(e.button===0&&!e.shiftKey&&!e.ctrlKey){this.selectRow(O,false);N.view.focusRow(O);this.fireEvent("afterselectionchange",this);}},selectRows:function(P,Q){if(!Q){this.clearSelections();}for(var i=0,len=P.length;i<len;i++){this.selectRow(P[i],true);}},selectRange:function(R,S,T){if(this.locked)return;if(!T){this.clearSelections();}if(R<=S){for(var i=R;i<=S;i++){this.selectRow(i,true);}}else {for(var i=R;i>=S;i--){this.selectRow(i,true);}}},deselectRange:function(U,V,W){if(this.locked)return;for(var i=U;i<=V;i++){this.deselectRow(i,W);}},selectRow:function(X,Y,Z){if(this.locked||(X<0||X>=this.grid.dataSource.getCount()))return;if(this.fireEvent("beforerowselect",this,X,Y)!==false){if(!Y||this.singleSelect){this.clearSelections();}var r=this.grid.dataSource.getAt(X);this.selections.add(r);this.last=this.lastActive=X;if(!Z){this.grid.getView().onRowSelect(X);}
+this.fireEvent("rowselect",this,X,r);this.fireEvent("selectionchange",this);}},deselectRow:function(a,b){if(this.locked)return;if(this.last==a){this.last=false;}if(this.lastActive==a){this.lastActive=false;}var r=this.grid.dataSource.getAt(a);this.selections.remove(r);if(!b){this.grid.getView().onRowDeselect(a);}
+this.fireEvent("rowdeselect",this,a);this.fireEvent("selectionchange",this);},restoreLast:function(){if(this._last){this.last=this._last;}},acceptsNav:function(c,d,cm){return !cm.isHidden(d)&&cm.isCellEditable(d,c);},onEditorKey:function(f,e){var k=e.getKey(),h,g=this.grid,ed=g.activeEditor;if(k==e.TAB){e.stopEvent();ed.completeEdit();if(e.shiftKey){h=g.walkCells(ed.row,ed.col-1,-1,this.acceptsNav,this);}else {h=g.walkCells(ed.row,ed.col+1,1,this.acceptsNav,this);}}else if(k==e.ENTER&&!e.ctrlKey){e.stopEvent();ed.completeEdit();if(e.shiftKey){h=g.walkCells(ed.row-1,ed.col,-1,this.acceptsNav,this);}else {h=g.walkCells(ed.row+1,ed.col,1,this.acceptsNav,this);}}else if(k==e.ESC){ed.cancelEdit();}if(h){g.startEditing(h[0],h[1]);}}});
+Roo.grid.CellSelectionModel=function(A){Roo.apply(this,A);this.selection=null;this.addEvents({"beforecellselect":true,"cellselect":true,"selectionchange":true});Roo.grid.CellSelectionModel.superclass.constructor.call(this);};Roo.extend(Roo.grid.CellSelectionModel,Roo.grid.AbstractSelectionModel,{initEvents:function(){this.grid.on("mousedown",this.handleMouseDown,this);this.grid.getGridEl().on(Roo.isIE?"keydown":"keypress",this.handleKeyDown,this);var B=this.grid.view;B.on("refresh",this.onViewChange,this);B.on("rowupdated",this.onRowUpdated,this);B.on("beforerowremoved",this.clearSelections,this);B.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,C,r){if(this.selection&&this.selection.record==r){v.onCellSelect(C,this.selection.cell[1]);}},onViewChange:function(){this.clearSelections(true);},getSelectedCell:function(){return this.selection?this.selection.cell:null;},clearSelections:function(D){var s=this.selection;if(s){if(D!==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(e,t){var v=this.grid.getView();if(this.isLocked()){return;};var E=v.findRowIndex(t);var F=v.findCellIndex(t);if(E!==false&&F!==false){this.select(E,F);}},select:function(G,H,I,J,r){if(this.fireEvent("beforecellselect",this,G,H)!==false){this.clearSelections();r=r||this.grid.dataSource.getAt(G);this.selection={record:r,cell:[G,H]};if(!I){var v=this.grid.getView();v.onCellSelect(G,H);if(J!==true){v.focusCell(G,H);}}
+this.fireEvent("cellselect",this,G,H);this.fireEvent("selectionchange",this,this.selection);}},isSelectable:function(K,L,cm){return !cm.isHidden(L);},handleKeyDown:function(e){if(!e.isNavKeyPress()){return;}var g=this.grid,s=this.selection;if(!s){e.stopEvent();var F=g.walkCells(0,0,1,this.isSelectable,this);if(F){this.select(F[0],F[1]);}return;}var sm=this;var M=function(O,P,Q){return g.walkCells(O,P,Q,sm.isSelectable,sm);};var k=e.getKey(),r=s.cell[0],c=s.cell[1];var N;switch(k){case e.TAB:if(e.shiftKey){N=M(r,c-1,-1);}else {N=M(r,c+1,1);}break;case e.DOWN:N=M(r+1,c,1);break;case e.UP:N=M(r-1,c,-1);break;case e.RIGHT:N=M(r,c+1,1);break;case e.LEFT:N=M(r,c-1,-1);break;case e.ENTER:if(g.isEditor&&!g.editing){g.startEditing(r,c);e.stopEvent();return;}break;};if(N){this.select(N[0],N[1]);e.stopEvent();}},acceptsNav:function(O,P,cm){return !cm.isHidden(P)&&cm.isCellEditable(P,O);},onEditorKey:function(Q,e){var k=e.getKey(),R,g=this.grid,ed=g.activeEditor;if(k==e.TAB){if(e.shiftKey){R=g.walkCells(ed.row,ed.col-1,-1,this.acceptsNav,this);}else {R=g.walkCells(ed.row,ed.col+1,1,this.acceptsNav,this);}
+e.stopEvent();}else if(k==e.ENTER&&!e.ctrlKey){ed.completeEdit();e.stopEvent();}else if(k==e.ESC){ed.cancelEdit();}if(R){g.startEditing(R[0],R[1]);}}});
+Roo.grid.EditorGrid=function(A,B){Roo.grid.EditorGrid.superclass.constructor.call(this,A,B);this.getGridEl().addClass("xedit-grid");if(!this.selModel){this.selModel=new Roo.grid.CellSelectionModel();}
+this.activeEditor=null;this.addEvents({"beforeedit":true,"afteredit":true,"validateedit":true});this.on("bodyscroll",this.stopEditing,this);this.on(this.clicksToEdit==1?"cellclick":"celldblclick",this.onCellDblClick,this);};Roo.extend(Roo.grid.EditorGrid,Roo.grid.Grid,{clicksToEdit:2,isEditor:true,trackMouseOver:false,onCellDblClick:function(g,C,D){this.startEditing(C,D);},onEditComplete:function(ed,E,F){this.editing=false;this.activeEditor=null;ed.un("specialkey",this.selModel.onEditorKey,this.selModel);var r=ed.record;var G=this.colModel.getDataIndex(ed.col);var e={grid:this,record:r,field:G,originalValue:F,value:E,row:ed.row,column:ed.col,cancel:false,editor:ed};if(String(E)!==String(F)){if(this.fireEvent("validateedit",e)!==false&&!e.cancel){r.set(G,e.value);delete e.cancel;this.fireEvent("afteredit",e);}}else {this.fireEvent("afteredit",e);}
+this.view.focusCell(ed.row,ed.col);},startEditing:function(H,I){this.stopEditing();if(this.colModel.isCellEditable(I,H)){this.view.ensureVisible(H,I,true);var r=this.dataSource.getAt(H);var G=this.colModel.getDataIndex(I);var e={grid:this,record:r,field:G,value:r.data[G],row:H,column:I,cancel:false};if(this.fireEvent("beforeedit",e)!==false&&!e.cancel){this.editing=true;var ed=this.colModel.getCellEditor(I,H);if(!ed){return;}if(!ed.rendered){ed.render(ed.parentEl||document.body);}
+ed.field.reset();(function(){ed.row=H;ed.col=I;ed.record=r;ed.on("complete",this.onEditComplete,this,{single:true});ed.on("specialkey",this.selModel.onEditorKey,this.selModel);this.activeEditor=ed;var v=r.data[G];ed.startEdit(this.view.getCell(H,I),v);}).defer(50,this);}}},stopEditing:function(){if(this.activeEditor){this.activeEditor.completeEdit();}
+this.activeEditor=null;}});
+Roo.grid.GridEditor=function(A,B){if(!B&&A.field){B=A;A=Roo.factory(B.field,Roo.form);}
+Roo.grid.GridEditor.superclass.constructor.call(this,A,B);A.monitorTab=false;};Roo.extend(Roo.grid.GridEditor,Roo.Editor,{alignment:"tl-tl",autoSize:"width",hideEl:false,cls:"x-small-editor x-grid-editor",shim:false,shadow:"frame"});
+Roo.grid.PropertyRecord=Roo.data.Record.create([{name:'name',type:'string'},'value']);Roo.grid.PropertyStore=function(A,B){this.grid=A;this.store=new Roo.data.Store({recordType:Roo.grid.PropertyRecord});this.store.on('update',this.onUpdate,this);if(B){this.setSource(B);}
+Roo.grid.PropertyStore.superclass.constructor.call(this);};Roo.extend(Roo.grid.PropertyStore,Roo.util.Observable,{setSource:function(o){this.source=o;this.store.removeAll();var C=[];for(var k in o){if(this.isEditableValue(o[k])){C.push(new Roo.grid.PropertyRecord({name:k,value:o[k]},k));}}
+this.store.loadRecords({records:C},{},true);},onUpdate:function(ds,D,E){if(E==Roo.data.Record.EDIT){var v=D.data['value'];var oldValue=D.modified['value'];if(this.grid.fireEvent('beforepropertychange',this.source,D.id,v,oldValue)!==false){this.source[D.id]=v;D.commit();this.grid.fireEvent('propertychange',this.source,D.id,v,oldValue);}else {D.reject();}}},getProperty:function(F){return this.store.getAt(F);},isEditableValue:function(G){if(G&&G instanceof Date){return true;}else if(typeof G=='object'||typeof G=='function'){return false;}return true;},setValue:function(H,I){this.source[H]=I;this.store.getById(H).set('value',I);},getSource:function(){return this.source;}});Roo.grid.PropertyColumnModel=function(J,K){this.grid=J;var g=Roo.grid;g.PropertyColumnModel.superclass.constructor.call(this,[{header:this.nameText,sortable:true,dataIndex:'name',id:'name'},{header:this.valueText,resizable:false,dataIndex:'value',id:'value'}]);this.store=K;this.bselect=Roo.DomHelper.append(document.body,{tag:'select',style:'display:none',cls:'x-grid-editor',children:[{tag:'option',value:'true',html:'true'},{tag:'option',value:'false',html:'false'}]});Roo.id(this.bselect);var f=Roo.form;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;'})),'int':new g.GridEditor(new f.NumberField({selectOnFocus:true,allowDecimals:false,style:'text-align:left;'})),'boolean':new g.GridEditor(new f.Field({el:this.bselect,selectOnFocus:true}))};this.renderCellDelegate=this.renderCell.createDelegate(this);this.renderPropDelegate=this.renderProp.createDelegate(this);};Roo.extend(Roo.grid.PropertyColumnModel,Roo.grid.ColumnModel,{nameText:'Name',valueText:'Value',dateFormat:'m/j/Y',renderDate:function(L){return L.dateFormat(this.dateFormat);},renderBool:function(M){return M?'true':'false';},isCellEditable:function(N,O){return N==1;},getRenderer:function(P){return P==1?this.renderCellDelegate:this.renderPropDelegate;},renderProp:function(v){return this.getPropertyName(v);},renderCell:function(Q){var rv=Q;if(Q instanceof Date){rv=this.renderDate(Q);}else if(typeof Q=='boolean'){rv=this.renderBool(Q);}return Roo.util.Format.htmlEncode(rv);},getPropertyName:function(R){var pn=this.grid.propertyNames;return pn&&pn[R]?pn[R]:R;},getCellEditor:function(S,T){var p=this.store.getProperty(T);var n=p.data['name'],U=p.data['value'];if(typeof(this.grid.customEditors[n])=='string'){return this.editors[this.grid.customEditors[n]];}if(typeof(this.grid.customEditors[n])!='undefined'){return this.grid.customEditors[n];}if(U instanceof Date){return this.editors['date'];}else if(typeof U=='number'){return this.editors['number'];}else if(typeof U=='boolean'){return this.editors['boolean'];}else {return this.editors['string'];}}});Roo.grid.PropertyGrid=function(V,W){W=W||{};var X=new Roo.grid.PropertyStore(this);this.store=X;var cm=new Roo.grid.PropertyColumnModel(this,X);X.store.sort('name','ASC');Roo.grid.PropertyGrid.superclass.constructor.call(this,V,Roo.apply({ds:X.store,cm:cm,enableColLock:false,enableColumnMove:false,stripeRows:false,trackMouseOver:false,clicksToEdit:1},W));this.getGridEl().addClass('x-props-grid');this.lastEditRow=null;this.on('columnresize',this.onColumnResize,this);this.addEvents({"beforepropertychange":true,"propertychange":true});this.customEditors=this.customEditors||{};};Roo.extend(Roo.grid.PropertyGrid,Roo.grid.EditorGrid,{render:function(){Roo.grid.PropertyGrid.superclass.render.call(this);this.autoSize.defer(100,this);},autoSize:function(){Roo.grid.PropertyGrid.superclass.autoSize.call(this);if(this.view){this.view.fitColumns();}},onColumnResize:function(){this.colModel.setColumnWidth(1,this.container.getWidth(true)-this.colModel.getColumnWidth(0));this.autoSize();},setSource:function(Y){this.store.setSource(Y);},getSource:function(){return this.store.getSource();}});
+Roo.LoadMask=function(el,A){this.el=Roo.get(el);Roo.apply(this,A);if(this.store){this.store.on('beforeload',this.onBeforeLoad,this);this.store.on('load',this.onLoad,this);this.store.on('loadexception',this.onLoad,this);this.removeMask=false;}else {var um=this.el.getUpdateManager();um.showLoadIndicator=false;um.on('beforeupdate',this.onBeforeLoad,this);um.on('update',this.onLoad,this);um.on('failure',this.onLoad,this);this.removeMask=true;}};Roo.LoadMask.prototype={msg:'Loading...',msgCls:'x-mask-loading',disabled:false,disable:function(){this.disabled=true;},enable:function(){this.disabled=false;},onLoad:function(){this.el.unmask(this.removeMask);},onBeforeLoad:function(){if(!this.disabled){this.el.mask(this.msg,this.msgCls);}},destroy:function(){if(this.store){this.store.un('beforeload',this.onBeforeLoad,this);this.store.un('load',this.onLoad,this);this.store.un('loadexception',this.onLoad,this);}else {var um=this.el.getUpdateManager();um.un('beforeupdate',this.onBeforeLoad,this);um.un('update',this.onLoad,this);um.un('failure',this.onLoad,this);}}};
+Roo.XTemplate=function(){Roo.XTemplate.superclass.constructor.apply(this,arguments);var s=this.html;s=['<tpl>',s,'</tpl>'].join('');var re=/<tpl\b[^>]*>((?:(?=([^<]+))\2|<(?!tpl\b[^>]*>))*?)<\/tpl>/;var A=/^<tpl\b[^>]*?for="(.*?)"/;var B=/^<tpl\b[^>]*?if="(.*?)"/;var C=/^<tpl\b[^>]*?exec="(.*?)"/;var m,id=0;var D=[];while(m=s.match(re)){var m2=m[0].match(A);var m3=m[0].match(B);var m4=m[0].match(C);var exp=null,fn=null,exec=null;var name=m2&&m2[1]?m2[1]:'';if(m3){exp=m3&&m3[1]?m3[1]:null;if(exp){fn=new Function('values','parent','with(values){ return '+(Roo.util.Format.htmlDecode(exp))+'; }');}}if(m4){exp=m4&&m4[1]?m4[1]:null;if(exp){exec=new Function('values','parent','with(values){ '+(Roo.util.Format.htmlDecode(exp))+'; }');}}if(name){switch(name){case '.':name=new Function('values','parent','with(values){ return values; }');break;case '..':name=new Function('values','parent','with(values){ return parent; }');break;default:name=new Function('values','parent','with(values){ return '+name+'; }');}}
+D.push({id:id,target:name,exec:exec,test:fn,body:m[1]||''});s=s.replace(m[0],'{xtpl'+id+'}');++id;}for(var i=D.length-1;i>=0;--i){this.compileTpl(D[i]);}
+this.master=D[D.length-1];this.tpls=D;};Roo.extend(Roo.XTemplate,Roo.Template,{re:/\{([\w-\.]+)(?:\:([\w\.]*)(?:\((.*?)?\))?)?\}/g,applySubTemplate:function(id,E,F){var t=this.tpls[id];if(t.test&&!t.test.call(this,E,F)){return '';}if(t.exec&&t.exec.call(this,E,F)){return '';}var vs=t.target?t.target.call(this,E,F):E;F=t.target?E:F;if(t.target&&vs instanceof Array){var buf=[];for(var i=0,len=vs.length;i<len;i++){buf[buf.length]=t.compiled.call(this,vs[i],F);}return buf.join('');}return t.compiled.call(this,vs,F);},compileTpl:function(G){var fm=Roo.util.Format;var H=this.disableFormats!==true;var I=Roo.isGecko?"+":",";var fn=function(m,K,L,M){if(K.substr(0,4)=='xtpl'){return "'"+I+'this.applySubTemplate('+K.substr(4)+', values, parent)'+I+"'";}var v;if(K.indexOf('.')!=-1){v=K;}else {v="values['"+K+"']";}if(L&&H){M=M?','+M:"";if(L.substr(0,5)!="this."){L="fm."+L+'(';}else {L='this.call("'+L.substr(5)+'", ';M=", values";}}else {M='';L="("+v+" === undefined ? '' : ";}return "'"+I+L+v+M+")"+I+"'";};var J;if(Roo.isGecko){J="tpl.compiled = function(values, parent){ return '"+G.body.replace(/(\r\n|\n)/g,'\\n').replace(/'/g,"\\'").replace(this.re,fn)+"';};";}else {J=["tpl.compiled = function(values, parent){ return ['"];J.push(G.body.replace(/(\r\n|\n)/g,'\\n').replace(/'/g,"\\'").replace(this.re,fn));J.push("'].join('');};");J=J.join('');}eval(J);return this;},applyTemplate:function(K){return this.master.compiled.call(this,K,{});var s=this.subs;},apply:function(){return this.applyTemplate.apply(this,arguments);},compile:function(){return this;}});Roo.XTemplate.from=function(el){el=Roo.getDom(el);return new Roo.XTemplate(el.value||el.innerHTML);};
+Roo.XComponent=function(A){Roo.apply(this,A);this.addEvents({'built':true,'buildcomplete':true,});Roo.XComponent.register(this);this.modules=false;this.el=false;}
+Roo.extend(Roo.XComponent,Roo.util.Observable,{el:false,panel:false,layout:false,disabled:false,parent:false,order:false,name:false,items:false,});Roo.apply(Roo.XComponent,{buildCompleted:false,topModule:false,modules:[],register:function(B){this.modules.push(B);},toObject:function(C){if(!C||typeof(C)=='object'){return C;}var ar=C.split('.');var rt,o;rt=ar.shift();eval('if (typeof '+rt+' == "undefined"){ o = false;} o = '+rt+';');if(o===false){throw "Module not found : "+C;}
+Roo.each(ar,function(e){if(typeof(o[e])=='undefined'){throw "Module not found : "+C;}
+o=o[e];});return o;},preBuild:function(){Roo.each(this.modules,function(D){D.parent=this.toObject(D.parent);if(!D.parent){this.topModule=D;return;}if(!D.parent.modules){D.parent.modules=new Roo.util.MixedCollection(false,function(o){return o.order+''});}
+D.parent.modules.add(D);},this);},buildOrder:function(){var D=this;var E=function(a,b){return String(a).toUpperCase()>String(b).toUpperCase()?1:-1;};if(!this.topModule||!this.topModule.modules){throw "No top level modules to build";}var F=[this.topModule];var G=function(m){F.push(m);if(m.modules){m.modules.keySort('ASC',E);m.modules.each(G);}if(m.finalize){m.finalize.name=m.name+" (clean up) ";F.push(m.finalize);}}
+this.topModule.modules.keySort('ASC',E);this.topModule.modules.each(G);return F;},build:function(){this.preBuild();var H=this.buildOrder();if(!H.length){throw "NO modules!!!";}
+Roo.MessageBox.show({title:'loading'});Roo.MessageBox.show({title:"Please wait...",msg:"Building Interface...",width:450,progress:true,closable:false,modal:false});var I=H.length;var J=this;var K=function(){if(!H.length){console.log('hide?');Roo.MessageBox.hide();J.topModule.fireEvent('buildcomplete',J.topModule);return;}var m=H.shift();console.log(m);if(typeof(m)=='function'){m.call(this);return K.defer(10,J);}Roo.MessageBox.updateProgress((I-H.length)/I,"Building Interface "+(I-H.length)+" of "+I+(m.name?(' - '+m.name):''));var L=(typeof(m.disabled)=='function')?m.disabled.call(m.module.disabled):m.disabled;if(L){return K();}if(!m.parent){var layoutbase=new Ext.BorderLayout(document.body,{center:{titlebar:false,autoScroll:false,closeOnTab:true,tabPosition:'top',alwaysShowTabs:true,minTabWidth:140}});var M=m.tree();M.region='center';m.el=layoutbase.addxtype(M);m.panel=m.el;m.layout=m.panel.layout;return K.defer(10,J);}var M=m.tree();M.region=M.region||m.region;m.el=m.parent.el.addxtype(M);m.fireEvent('built',m);m.panel=m.el;m.layout=m.panel.layout;K.defer(10,J);}
+K.defer(1,J);}});
+Roo.Login=function(A){this.addEvents({'refreshed':true,});Roo.apply(this,A);Roo.onReady(function(){this.onLoad();},this);Roo.Login.superclass.constructor.call(this,this);}
+Roo.extend(Roo.Login,Roo.LayoutDialog,{method:'POST',url:'',user:false,checkFails:0,intervalID:0,onLoad:function(){if(Roo.get('loading')){Roo.get('loading').remove();}
+this.check({success:function(B,C){var D=this.processResponse(B);this.checkFails=0;if(!D.success){this.checkFails=5;return this.failure(B,C);}if(!D.data.id){return this.show();}
+this.fillAuth(D.data);this.checkFails=0;Roo.XComponent.build();},failure:this.show});},check:function(B){if(B.again){this.checkFails++;}else {this.checkFails=0;}var C=this;if(this.sending){if(this.checkFails>4){Roo.MessageBox.alert("Error","Error getting authentication status. - try reloading, or wait a while",function(){C.sending=false;});return;}
+B.again=true;C.check.defer(10000,C,[B]);return;}
+this.sending=true;Roo.Ajax.request({url:this.url,params:{getAuthUser:true},method:this.method,success:B.success||this.success,failure:B.failure||this.failure,scope:this,callCfg:B});},logout:function(){window.onbeforeunload=function(){};this.user=false;var D=this;Roo.Ajax.request({url:this.url,params:{logout:1},method:'GET',failure:function(){Roo.MessageBox.alert("Error","Error logging out. - continuing anyway.",function(){document.location=document.location.toString()+'?ts='+Math.random();});},success:function(){D.user=false;this.checkFails=0;document.location=document.location.toString()+'?ts='+Math.random();}});},processResponse:function(E){var F='';try{F=Roo.decode(E.responseText);if(typeof(F)!='object'){F={success:false,errorMsg:F,errors:true};}if(typeof(F.success)=='undefined'){F.success=false;}}catch(e){res={success:false,errorMsg:response.responseText,errors:true};}return F;},success:function(G,H){this.sending=false;var I=this.processResponse(G);if(!I.success){return this.failure(G,H);}if(!I.data||!I.data.id){return this.failure(G,H);}
+this.fillAuth(I.data);this.checkFails=0;},failure:function(J,K){this.authUser=-1;this.sending=false;var L=this.processResponse(J);if(this.checkFails>2){Roo.MessageBox.alert("Error",L.errorMsg?L.errorMsg:"Error getting authentication status. - try reloading");return;}
+K.callCfg.again=true;this.check.defer(1000,this,[K.callCfg]);return;},fillAuth:function(au){this.startAuthCheck();this.authUserId=au.id;this.authUser=au;this.lastChecked=new Date();this.fireEvent('refreshed',au);au.lang=au.lang||'en';Roo.state.Manager.set(this.realm+'lang',au.lang);this.switchLang(au.lang);if(this.authUserId<0){Roo.MessageBox.alert("Warning","This is an open system - please set up a admin user with a password.");}},startAuthCheck:function(){if(this.intervalID){return false;}var M=this;this.intervalID=window.setInterval(function(){M.check(false);},120000);},switchLang:function(N){_T=typeof(_T)=='undefined'?false:_T;if(!_T||!N.length){return;}if(!_T&&N!='en'){Roo.MessageBox.alert("Sorry","Language not available yet ("+N+')');return;}if(typeof(_T.en)=='undefined'){_T.en={};Roo.apply(_T.en,_T);}if(typeof(_T[N])=='undefined'){Roo.MessageBox.alert("Sorry","Language not available yet ("+N+')');return;}
+Roo.apply(_T,_T[N]);var O=this;},title:"Login",modal:true,width:350,height:180,shadow:true,minWidth:200,minHeight:180,closable:false,draggable:false,collapsible:false,resizable:false,center:{autoScroll:false,titlebar:false,hideTabs:true,closeOnTab:true,alwaysShowTabs:false},listeners:{show:function(P){this.form=this.layout.getRegion('center').activePanel.form;this.form.dialog=P;this.buttons[0].form=this.form;this.buttons[0].dialog=Pthis.buttons[1].form=this.form;this.buttons[1].dialog=P;if(this.disabled){this.hide();return;}if(this.user.id<0){return;}if(this.intervalID){window.clearInterval(this.intervalID);this.intervalID=false;}if(Roo.get('loading')){Roo.get('loading').remove();}if(Roo.get('loading-mask')){Roo.get('loading-mask').hide();}
+this.form.reset();this.el.unmask();this.form.setValues({'username':Roo.state.Manager.get(this.realm+'.username',''),'lang':Roo.state.Manager.get(this.realm+'.lang','en')});this.switchLang(Roo.state.Manager.get(this.realm+'.lang','en'));if(this.form.findField('username').getValue().length>0){this.form.findField('password').focus();}else {this.form.findField('username').focus();}}},items:[{xtype:'ContentPanel',xns:Roo,region:'center',fitToFrame:true,items:[{xtype:'Form',xns:Roo.form,labelWidth:100,style:'margin: 10px;',listeners:{actionfailed:function(f,Q){this.dialog.el.unmask();Roo.MessageBox.alert("Error",Q.result.errorMsg?Q.result.errorMsg:"Login failed - communication error - try again.");},actioncomplete:function(re,R){Roo.state.Manager.set(this.dialog.realm+'.username',this.findField('username').getValue());Roo.state.Manager.set(this.dialog.realm+'.lang',this.findField('lang').getValue());this.dialog.fillAuth(R.result.data);this.dialog.hide();if(Roo.get('loading-mask')){Roo.get('loading-mask').show();}
+Roo.XComponent.build();}},items:[{xtype:'TextField',xns:Roo.form,fieldLabel:"Email Address",name:'username',width:200,autoCreate:{tag:"input",type:"text",size:"20"}},{xtype:'TextField',xns:Roo.form,fieldLabel:"Password",inputType:'password',name:'password',width:200,autoCreate:{tag:"input",type:"text",size:"20"},listeners:{specialkey:function(e,ev){if(ev.keyCode==13){this.form.dialog.el.mask("Logging in");this.form.doAction('submit',{url:this.form.dialog.url,method:this.form.dialog.method,});}}}},{xtype:'ComboBox',xns:Roo.form,fieldLabel:"Language",name:'langdisp',store:{xtype:'SimpleStore',fields:['lang','ldisp'],data:[['en','English'],['zh_HK','\u7E41\u4E2D'],['zh_CN','\u7C21\u4E2D']]},valueField:'lang',hiddenName:'lang',width:200,displayField:'ldisp',typeAhead:false,editable:false,mode:'local',triggerAction:'all',emptyText:'Select a Language...',selectOnFocus:true,listeners:{select:function(cb,S,ix){this.form.switchLang(S.data.lang);}}}]}]}],buttons:[{xtype:'Button',xns:'Roo',text:"Forgot Password",listeners:{click:function(){var n=this.form.findField('username').getValue();if(!n.length){Roo.MessageBox.alert("Error","Fill in your email address");return;}
+Roo.Ajax.request({url:this.dialog.url,params:{passwordRequest:n},method:this.dialog.method,success:function(T,U){var V=this.dialog.processResponse(T);if(!V.success){Roo.MessageBox.alert("Error",V.errorMsg?V.errorMsg:"Problem Requesting Password Reset");return;}
+Roo.MessageBox.alert("Notice","Please check you email for the Password Reset message");},failure:function(){Roo.MessageBox.alert("Error","Problem Requesting Password Reset");}});}}},{xtype:'Button',xns:'Roo',text:"Login",listeners:{click:function(){this.dialog.el.mask("Logging in");this.form.doAction('submit',{url:this.dialog.url,method:this.dialog.method});}}}]})
-
-
-
-
-
-
-
-
-(function() {
-
-var A=Roo.EventManager;
-var B=Roo.lib.Dom;
-
-
-
-Roo.dd.DragDrop = function(id, C, D) {
- if (id) {
- this.init(id, C, D);
- }
-};
-
-Roo.dd.DragDrop.prototype = {
-
-
-
- id: null,
-
-
-
- config: null,
-
-
-
- dragElId: null,
-
-
-
- handleElId: null,
-
-
-
- invalidHandleTypes: null,
-
-
-
- invalidHandleIds: null,
-
-
-
- invalidHandleClasses: null,
-
-
-
- startPageX: 0,
-
-
-
- startPageY: 0,
-
-
-
- groups: null,
-
-
-
- locked: false,
-
-
-
- lock: function() { this.locked = true; },
-
-
-
- unlock: function() { this.locked = false; },
-
-
-
- isTarget: true,
-
-
-
- padding: null,
-
-
-
- _domRef: null,
-
-
-
- __ygDragDrop: true,
-
-
-
- constrainX: false,
-
-
-
- constrainY: false,
-
-
-
- minX: 0,
-
-
-
- maxX: 0,
-
-
-
- minY: 0,
-
-
-
- maxY: 0,
-
-
-
- maintainOffset: false,
-
-
-
- xTicks: null,
-
-
-
- yTicks: null,
-
-
-
- primaryButtonOnly: true,
-
-
-
- available: false,
-
-
-
- hasOuterHandles: false,
-
-
-
- b4StartDrag: function(x, y) { },
-
-
-
- startDrag: function(x, y) {
- },
-
-
-
- b4Drag: function(e) { },
-
-
-
- onDrag: function(e) {
- },
-
-
-
- onDragEnter: function(e, id) {
- },
-
-
-
- b4DragOver: function(e) { },
-
-
-
- onDragOver: function(e, id) {
- },
-
-
-
- b4DragOut: function(e) { },
-
-
-
- onDragOut: function(e, id) {
- },
-
-
-
- b4DragDrop: function(e) { },
-
-
-
- onDragDrop: function(e, id) {
- },
-
-
-
- onInvalidDrop: function(e) {
- },
-
-
-
- b4EndDrag: function(e) { },
-
-
-
- endDrag: function(e) {
- },
-
-
-
- b4MouseDown: function(e) { },
-
-
-
- onMouseDown: function(e) {
- },
-
-
-
- onMouseUp: function(e) {
- },
-
-
-
- onAvailable: function () {
- },
-
-
-
- defaultPadding : {left:0, right:0, top:0, bottom:0},
-
-
-
- constrainTo : function(C, D, E){
- if(typeof D == "number"){
- D = {left: D, right:D, top:D, bottom:D};
- }
-
- D = D || this.defaultPadding;
- var b = Roo.get(this.getEl()).getBox();
- var ce = Roo.get(C);
- var s = ce.getScroll();
- var c, cd = ce.dom;
- if(cd == document.body){
- c = { x: s.left, y: s.top, width: Roo.lib.Dom.getViewWidth(), height: Roo.lib.Dom.getViewHeight()};
- }else {
- xy = ce.getXY();
- c = {x : xy[0]+s.left, y: xy[1]+s.top, width: cd.clientWidth, height: cd.clientHeight};
- }
-
-
- var F = b.y - c.y;
- var G = b.x - c.x;
-
- this.resetConstraints();
- this.setXConstraint(G - (D.left||0),
- c.width - G - b.width - (D.right||0)
- );
- this.setYConstraint(F - (D.top||0),
- c.height - F - b.height - (D.bottom||0)
- );
- },
-
-
-
- getEl: function() {
- if (!this._domRef) {
- this._domRef = Roo.getDom(this.id);
- }
-
- return this._domRef;
- },
-
-
-
- getDragEl: function() {
- return Roo.getDom(this.dragElId);
- },
-
-
-
- init: function(id, H, I) {
- this.initTarget(id, H, I);
- A.on(this.id, "mousedown", this.handleMouseDown, this);
-
- },
-
-
-
- initTarget: function(id, J, K) {
-
-
- this.config = K || {};
-
-
- this.DDM = Roo.dd.DDM;
-
- this.groups = {};
-
-
-
- if (typeof id !== "string") {
- id = Roo.id(id);
- }
-
-
-
- this.id = id;
-
-
- this.addToGroup((J) ? J : "default");
-
-
-
- this.handleElId = id;
-
-
- this.setDragElId(id);
-
-
- this.invalidHandleTypes = { A: "A" };
- this.invalidHandleIds = {};
- this.invalidHandleClasses = [];
-
- this.applyConfig();
-
- this.handleOnAvailable();
- },
-
-
-
- applyConfig: function() {
-
-
-
- this.padding = this.config.padding || [0, 0, 0, 0];
- this.isTarget = (this.config.isTarget !== false);
- this.maintainOffset = (this.config.maintainOffset);
- this.primaryButtonOnly = (this.config.primaryButtonOnly !== false);
-
- },
-
-
-
- handleOnAvailable: function() {
- this.available = true;
- this.resetConstraints();
- this.onAvailable();
- },
-
-
-
- setPadding: function(L, M, N, O) {
-
- if (!M && 0 !== M) {
- this.padding = [L, L, L, L];
- } else if (!N && 0 !== N) {
- this.padding = [L, M, L, M];
- } else {
- this.padding = [L, M, N, O];
- }
- },
-
-
-
- setInitPosition: function(P, Q) {
- var el = this.getEl();
-
- if (!this.DDM.verifyEl(el)) {
- return;
- }
-
- var dx = P || 0;
- var dy = Q || 0;
-
- var p = B.getXY( el );
-
- this.initPageX = p[0] - dx;
- this.initPageY = p[1] - dy;
-
- this.lastPageX = p[0];
- this.lastPageY = p[1];
-
-
- this.setStartPosition(p);
- },
-
-
-
- setStartPosition: function(R) {
- var p = R || B.getXY( this.getEl() );
- this.deltaSetXY = null;
-
- this.startPageX = p[0];
- this.startPageY = p[1];
- },
-
-
-
- addToGroup: function(S) {
- this.groups[S] = true;
- this.DDM.regDragDrop(this, S);
- },
-
-
-
- removeFromGroup: function(T) {
- if (this.groups[T]) {
- delete this.groups[T];
- }
-
-
- this.DDM.removeDDFromGroup(this, T);
- },
-
-
-
- setDragElId: function(id) {
- this.dragElId = id;
- },
-
-
-
- setHandleElId: function(id) {
- if (typeof id !== "string") {
- id = Roo.id(id);
- }
-
- this.handleElId = id;
- this.DDM.regHandle(this.id, id);
- },
-
-
-
- setOuterHandleElId: function(id) {
- if (typeof id !== "string") {
- id = Roo.id(id);
- }
-
- A.on(id, "mousedown",
- this.handleMouseDown, this);
- this.setHandleElId(id);
-
- this.hasOuterHandles = true;
- },
-
-
-
- unreg: function() {
- A.un(this.id, "mousedown",
- this.handleMouseDown);
- this._domRef = null;
- this.DDM._remove(this);
- },
-
- destroy : function(){
- this.unreg();
- },
-
-
-
- isLocked: function() {
- return (this.DDM.isLocked() || this.locked);
- },
-
-
-
- handleMouseDown: function(e, U){
- if (this.primaryButtonOnly && e.button != 0) {
- return;
- }
-
- if (this.isLocked()) {
- return;
- }
-
-
- this.DDM.refreshCache(this.groups);
-
- var pt = new Roo.lib.Point(Roo.lib.Event.getPageX(e), Roo.lib.Event.getPageY(e));
- if (!this.hasOuterHandles && !this.DDM.isOverTarget(pt, this) ) {
- } else {
- if (this.clickValidator(e)) {
-
-
- this.setStartPosition();
-
-
- this.b4MouseDown(e);
- this.onMouseDown(e);
-
- this.DDM.handleMouseDown(e, this);
-
- this.DDM.stopEvent(e);
- } else {
-
-
- }
- }
- },
-
- clickValidator: function(e) {
- var V = e.getTarget();
- return ( this.isValidHandleChild(V) &&
- (this.id == this.handleElId ||
- this.DDM.handleWasClicked(V, this.id)) );
- },
-
-
-
- addInvalidHandleType: function(W) {
- var X = W.toUpperCase();
- this.invalidHandleTypes[X] = X;
- },
-
-
-
- addInvalidHandleId: function(id) {
- if (typeof id !== "string") {
- id = Roo.id(id);
- }
-
- this.invalidHandleIds[id] = id;
- },
-
-
-
- addInvalidHandleClass: function(Y) {
- this.invalidHandleClasses.push(Y);
- },
-
-
-
- removeInvalidHandleType: function(Z) {
- var a = Z.toUpperCase();
-
- delete this.invalidHandleTypes[a];
- },
-
-
-
- removeInvalidHandleId: function(id) {
- if (typeof id !== "string") {
- id = Roo.id(id);
- }
- delete this.invalidHandleIds[id];
- },
-
-
-
- removeInvalidHandleClass: function(d) {
- for (var i=0, len=this.invalidHandleClasses.length; i<len; ++i) {
- if (this.invalidHandleClasses[i] == d) {
- delete this.invalidHandleClasses[i];
- }
- }
- },
-
-
-
- isValidHandleChild: function(f) {
-
- var g = true;
-
- var h;
- try {
- h = f.nodeName.toUpperCase();
- } catch(e) {
- nodeName = node.nodeName;
- }
-
- g = g && !this.invalidHandleTypes[h];
- g = g && !this.invalidHandleIds[f.id];
-
- for (var i=0, len=this.invalidHandleClasses.length; g && i<len; ++i) {
- g = !B.hasClass(f, this.invalidHandleClasses[i]);
- }
-
-
- return g;
-
- },
-
-
-
- setXTicks: function(j, k) {
- this.xTicks = [];
- this.xTickSize = k;
-
- var l = {};
-
- for (var i = this.initPageX; i >= this.minX; i = i - k) {
- if (!l[i]) {
- this.xTicks[this.xTicks.length] = i;
- l[i] = true;
- }
- }
-
- for (i = this.initPageX; i <= this.maxX; i = i + k) {
- if (!l[i]) {
- this.xTicks[this.xTicks.length] = i;
- l[i] = true;
- }
- }
-
-
- this.xTicks.sort(this.DDM.numericSort) ;
- },
-
-
-
- setYTicks: function(m, n) {
- this.yTicks = [];
- this.yTickSize = n;
-
- var o = {};
-
- for (var i = this.initPageY; i >= this.minY; i = i - n) {
- if (!o[i]) {
- this.yTicks[this.yTicks.length] = i;
- o[i] = true;
- }
- }
-
- for (i = this.initPageY; i <= this.maxY; i = i + n) {
- if (!o[i]) {
- this.yTicks[this.yTicks.length] = i;
- o[i] = true;
- }
- }
-
-
- this.yTicks.sort(this.DDM.numericSort) ;
- },
-
-
-
- setXConstraint: function(q, r, t) {
- this.leftConstraint = q;
- this.rightConstraint = r;
-
- this.minX = this.initPageX - q;
- this.maxX = this.initPageX + r;
- if (t) { this.setXTicks(this.initPageX, t); }
-
-
- this.constrainX = true;
- },
-
-
-
- clearConstraints: function() {
- this.constrainX = false;
- this.constrainY = false;
- this.clearTicks();
- },
-
-
-
- clearTicks: function() {
- this.xTicks = null;
- this.yTicks = null;
- this.xTickSize = 0;
- this.yTickSize = 0;
- },
-
-
-
- setYConstraint: function(u, v, w) {
- this.topConstraint = u;
- this.bottomConstraint = v;
-
- this.minY = this.initPageY - u;
- this.maxY = this.initPageY + v;
- if (w) { this.setYTicks(this.initPageY, w); }
-
-
- this.constrainY = true;
-
- },
-
-
-
- resetConstraints: function() {
-
-
-
- if (this.initPageX || this.initPageX === 0) {
-
- var dx = (this.maintainOffset) ? this.lastPageX - this.initPageX : 0;
- var dy = (this.maintainOffset) ? this.lastPageY - this.initPageY : 0;
-
- this.setInitPosition(dx, dy);
-
-
- } else {
- this.setInitPosition();
- }
-
- if (this.constrainX) {
- this.setXConstraint( this.leftConstraint,
- this.rightConstraint,
- this.xTickSize );
- }
-
- if (this.constrainY) {
- this.setYConstraint( this.topConstraint,
- this.bottomConstraint,
- this.yTickSize );
- }
- },
-
-
-
- getTick: function(z, AA) {
-
- if (!AA) {
-
-
- return z;
- } else if (AA[0] >= z) {
-
-
- return AA[0];
- } else {
- for (var i=0, len=AA.length; i<len; ++i) {
- var next = i + 1;
- if (AA[next] && AA[next] >= z) {
- var diff1 = z - AA[i];
- var diff2 = AA[next] - z;
- return (diff2 > diff1) ? AA[i] : AA[next];
- }
- }
-
-
-
- return AA[AA.length - 1];
- }
- },
-
-
-
- toString: function() {
- return ("DragDrop " + this.id);
- }
-
-};
-
-})();
-
-
-
-
-
-
-
-
-
-
-if (!Roo.dd.DragDropMgr) {
-
-
-
-Roo.dd.DragDropMgr = function() {
-
- var A = Roo.EventManager;
-
- return {
-
-
-
- ids: {},
-
-
-
- handleIds: {},
-
-
-
- dragCurrent: null,
-
-
-
- dragOvers: {},
-
-
-
- deltaX: 0,
-
-
-
- deltaY: 0,
-
-
-
- preventDefault: true,
-
-
-
- stopPropagation: true,
-
-
-
- initalized: false,
-
-
-
- locked: false,
-
-
-
- init: function() {
- this.initialized = true;
- },
-
-
-
- POINT: 0,
-
-
-
- INTERSECT: 1,
-
-
-
- mode: 0,
-
-
-
- _execOnAll: function(AG, AH) {
- for (var i in this.ids) {
- for (var j in this.ids[i]) {
- var h = this.ids[i][j];
- if (! this.isTypeOfDD(h)) {
- continue;
- }
-
- h[AG].apply(h, AH);
- }
- }
- },
-
-
-
- _onLoad: function() {
-
- this.init();
-
-
- A.on(document, "mouseup", this.handleMouseUp, this, true);
- A.on(document, "mousemove", this.handleMouseMove, this, true);
- A.on(window, "unload", this._onUnload, this, true);
- A.on(window, "resize", this._onResize, this, true);
-
-
- },
-
-
-
- _onResize: function(e) {
- this._execOnAll("resetConstraints", []);
- },
-
-
-
- lock: function() { this.locked = true; },
-
-
-
- unlock: function() { this.locked = false; },
-
-
-
- isLocked: function() { return this.locked; },
-
-
-
- locationCache: {},
-
-
-
- useCache: true,
-
-
-
- clickPixelThresh: 3,
-
-
-
- clickTimeThresh: 350,
-
-
-
- dragThreshMet: false,
-
-
-
- clickTimeout: null,
-
-
-
- startX: 0,
-
-
-
- startY: 0,
-
-
-
- regDragDrop: function(AI, AJ) {
- if (!this.initialized) { this.init(); }
-
- if (!this.ids[AJ]) {
- this.ids[AJ] = {};
- }
-
- this.ids[AJ][AI.id] = AI;
- },
-
-
-
- removeDDFromGroup: function(AK, AL) {
- if (!this.ids[AL]) {
- this.ids[AL] = {};
- }
-
- var AM = this.ids[AL];
- if (AM && AM[AK.id]) {
- delete AM[AK.id];
- }
- },
-
-
-
- _remove: function(AN) {
- for (var g in AN.groups) {
- if (g && this.ids[g][AN.id]) {
- delete this.ids[g][AN.id];
- }
- }
- delete this.handleIds[AN.id];
- },
-
-
-
- regHandle: function(AO, AP) {
- if (!this.handleIds[AO]) {
- this.handleIds[AO] = {};
- }
-
- this.handleIds[AO][AP] = AP;
- },
-
-
-
- isDragDrop: function(id) {
- return ( this.getDDById(id) ) ? true : false;
- },
-
-
-
- getRelated: function(AQ, AR) {
- var AS = [];
- for (var i in AQ.groups) {
- for (j in this.ids[i]) {
- var dd = this.ids[i][j];
- if (! this.isTypeOfDD(dd)) {
- continue;
- }
- if (!AR || dd.isTarget) {
- AS[AS.length] = dd;
- }
- }
- }
-
- return AS;
- },
-
-
-
- isLegalTarget: function (AT, AU) {
- var AV = this.getRelated(AT, true);
- for (var i=0, d=AV.length;i<d;++i) {
- if (AV[i].id == AU.id) {
- return true;
- }
- }
-
- return false;
- },
-
-
-
- isTypeOfDD: function (AW) {
- return (AW && AW.__ygDragDrop);
- },
-
-
-
- isHandle: function(AX, AY) {
- return ( this.handleIds[AX] &&
- this.handleIds[AX][AY] );
- },
-
-
-
- getDDById: function(id) {
- for (var i in this.ids) {
- if (this.ids[i][id]) {
- return this.ids[i][id];
- }
- }
- return null;
- },
-
-
-
- handleMouseDown: function(e, AZ) {
- if(Roo.QuickTips){
- Roo.QuickTips.disable();
- }
-
- this.currentTarget = e.getTarget();
-
- this.dragCurrent = AZ;
-
- var el = AZ.getEl();
-
-
- this.startX = e.getPageX();
- this.startY = e.getPageY();
-
- this.deltaX = this.startX - el.offsetLeft;
- this.deltaY = this.startY - el.offsetTop;
-
- this.dragThreshMet = false;
-
- this.clickTimeout = setTimeout(
- function() {
- var Aa = Roo.dd.DDM;
- Aa.startDrag(Aa.startX, Aa.startY);
- },
- this.clickTimeThresh );
- },
-
-
-
- startDrag: function(x, y) {
- clearTimeout(this.clickTimeout);
- if (this.dragCurrent) {
- this.dragCurrent.b4StartDrag(x, y);
- this.dragCurrent.startDrag(x, y);
- }
-
- this.dragThreshMet = true;
- },
-
-
-
- handleMouseUp: function(e) {
-
- if(Roo.QuickTips){
- Roo.QuickTips.enable();
- }
- if (! this.dragCurrent) {
- return;
- }
-
-
- clearTimeout(this.clickTimeout);
-
- if (this.dragThreshMet) {
- this.fireEvents(e, true);
- } else {
- }
-
-
- this.stopDrag(e);
-
- this.stopEvent(e);
- },
-
-
-
- stopEvent: function(e){
- if(this.stopPropagation) {
- e.stopPropagation();
- }
-
- if (this.preventDefault) {
- e.preventDefault();
- }
- },
-
-
-
- stopDrag: function(e) {
-
- if (this.dragCurrent) {
- if (this.dragThreshMet) {
- this.dragCurrent.b4EndDrag(e);
- this.dragCurrent.endDrag(e);
- }
-
-
- this.dragCurrent.onMouseUp(e);
- }
-
-
- this.dragCurrent = null;
- this.dragOvers = {};
- },
-
-
-
- handleMouseMove: function(e) {
- if (! this.dragCurrent) {
- return true;
- }
-
-
-
-
- if (Roo.isIE && (e.button !== 0 && e.button !== 1 && e.button !== 2)) {
- this.stopEvent(e);
- return this.handleMouseUp(e);
- }
-
- if (!this.dragThreshMet) {
- var diffX = Math.abs(this.startX - e.getPageX());
- var diffY = Math.abs(this.startY - e.getPageY());
- if (diffX > this.clickPixelThresh ||
- diffY > this.clickPixelThresh) {
- this.startDrag(this.startX, this.startY);
- }
- }
-
- if (this.dragThreshMet) {
- this.dragCurrent.b4Drag(e);
- this.dragCurrent.onDrag(e);
- if(!this.dragCurrent.moveOnly){
- this.fireEvents(e, false);
- }
- }
-
-
- this.stopEvent(e);
-
- return true;
- },
-
-
-
- fireEvents: function(e, Aa) {
- var dc = this.dragCurrent;
-
-
-
- if (!dc || dc.isLocked()) {
- return;
- }
-
- var pt = e.getPoint();
-
-
- var Ab = [];
-
- var Ac = [];
- var Ad = [];
- var Ae = [];
- var Af = [];
-
-
-
- for (var i in this.dragOvers) {
-
- var ddo = this.dragOvers[i];
-
- if (! this.isTypeOfDD(ddo)) {
- continue;
- }
-
- if (! this.isOverTarget(pt, ddo, this.mode)) {
- Ac.push( ddo );
- }
-
-
- Ab[i] = true;
- delete this.dragOvers[i];
- }
-
- for (var AL in dc.groups) {
-
- if ("string" != typeof AL) {
- continue;
- }
-
- for (i in this.ids[AL]) {
- var AZ = this.ids[AL][i];
- if (! this.isTypeOfDD(AZ)) {
- continue;
- }
-
- if (AZ.isTarget && !AZ.isLocked() && AZ != dc) {
- if (this.isOverTarget(pt, AZ, this.mode)) {
-
- if (Aa) {
- Ae.push( AZ );
-
- } else {
-
-
- if (!Ab[AZ.id]) {
- Af.push( AZ );
-
- } else {
- Ad.push( AZ );
- }
-
-
- this.dragOvers[AZ.id] = AZ;
- }
- }
- }
- }
- }
-
- if (this.mode) {
- if (Ac.length) {
- dc.b4DragOut(e, Ac);
- dc.onDragOut(e, Ac);
- }
-
- if (Af.length) {
- dc.onDragEnter(e, Af);
- }
-
- if (Ad.length) {
- dc.b4DragOver(e, Ad);
- dc.onDragOver(e, Ad);
- }
-
- if (Ae.length) {
- dc.b4DragDrop(e, Ae);
- dc.onDragDrop(e, Ae);
- }
-
- } else {
-
- var d = 0;
- for (i=0, d=Ac.length; i<d; ++i) {
- dc.b4DragOut(e, Ac[i].id);
- dc.onDragOut(e, Ac[i].id);
- }
-
-
- for (i=0,d=Af.length; i<d; ++i) {
-
- dc.onDragEnter(e, Af[i].id);
- }
-
-
- for (i=0,d=Ad.length; i<d; ++i) {
- dc.b4DragOver(e, Ad[i].id);
- dc.onDragOver(e, Ad[i].id);
- }
-
-
- for (i=0, d=Ae.length; i<d; ++i) {
- dc.b4DragDrop(e, Ae[i].id);
- dc.onDragDrop(e, Ae[i].id);
- }
-
- }
-
-
- if (Aa && !Ae.length) {
- dc.onInvalidDrop(e);
- }
-
- },
-
-
-
- getBestMatch: function(Ag) {
- var Ah = null;
-
-
-
-
-
-
- var Ai = Ag.length;
-
- if (Ai == 1) {
- Ah = Ag[0];
- } else {
-
- for (var i=0; i<Ai; ++i) {
- var dd = Ag[i];
-
-
-
- if (dd.cursorIsOver) {
- Ah = dd;
- break;
-
- } else {
- if (!Ah ||
- Ah.overlap.getArea() < dd.overlap.getArea()) {
- Ah = dd;
- }
- }
- }
- }
-
- return Ah;
- },
-
-
-
- refreshCache: function(Aj) {
- for (var AL in Aj) {
- if ("string" != typeof AL) {
- continue;
- }
- for (var i in this.ids[AL]) {
- var AZ = this.ids[AL][i];
-
- if (this.isTypeOfDD(AZ)) {
-
- var o = this.getLocation(AZ);
- if (o) {
- this.locationCache[AZ.id] = o;
- } else {
- delete this.locationCache[AZ.id];
-
-
-
- }
- }
- }
- }
- },
-
-
-
- verifyEl: function(el) {
- if (el) {
- var parent;
- if(Roo.isIE){
- try{
- parent = el.offsetParent;
- }catch(e){}
- }else {
- parent = el.offsetParent;
- }
- if (parent) {
- return true;
- }
- }
-
- return false;
- },
-
-
-
- getLocation: function(Ak) {
- if (! this.isTypeOfDD(Ak)) {
- return null;
- }
-
- var el = Ak.getEl(), Al, x1, x2, y1, y2, t, r, b, l;
-
- try {
- Al= Roo.lib.Dom.getXY(el);
- } catch (e) { }
-
- if (!Al) {
- return null;
- }
-
-
- x1 = Al[0];
- x2 = x1 + el.offsetWidth;
- y1 = Al[1];
- y2 = y1 + el.offsetHeight;
-
- t = y1 - Ak.padding[0];
- r = x2 + Ak.padding[1];
- b = y2 + Ak.padding[2];
- l = x1 - Ak.padding[3];
-
- return new Roo.lib.Region( t, r, b, l );
- },
-
-
-
- isOverTarget: function(pt, Am, An) {
-
- var Ao = this.locationCache[Am.id];
- if (!Ao || !this.useCache) {
- Ao = this.getLocation(Am);
- this.locationCache[Am.id] = Ao;
-
- }
-
- if (!Ao) {
- return false;
- }
-
-
- Am.cursorIsOver = Ao.contains( pt );
-
-
-
-
-
-
- var dc = this.dragCurrent;
- if (!dc || !dc.getTargetCoord ||
- (!An && !dc.constrainX && !dc.constrainY)) {
- return Am.cursorIsOver;
- }
-
-
- Am.overlap = null;
-
-
-
-
-
- var Ap = dc.getTargetCoord(pt.x, pt.y);
-
- var el = dc.getDragEl();
- var Aq = new Roo.lib.Region( Ap.y,
- Ap.x + el.offsetWidth,
- Ap.y + el.offsetHeight,
- Ap.x );
-
- var Ar = Aq.intersect(Ao);
-
- if (Ar) {
- Am.overlap = Ar;
- return (An) ? true : Am.cursorIsOver;
- } else {
- return false;
- }
- },
-
-
-
- _onUnload: function(e, me) {
- Roo.dd.DragDropMgr.unregAll();
- },
-
-
-
- unregAll: function() {
-
- if (this.dragCurrent) {
- this.stopDrag();
- this.dragCurrent = null;
- }
-
-
- this._execOnAll("unreg", []);
-
- for (i in this.elementCache) {
- delete this.elementCache[i];
- }
-
-
- this.elementCache = {};
- this.ids = {};
- },
-
-
-
- elementCache: {},
-
-
-
- getElWrapper: function(id) {
- var As = this.elementCache[id];
- if (!As || !As.el) {
- As = this.elementCache[id] =
- new this.ElementWrapper(Roo.getDom(id));
- }
- return As;
- },
-
-
-
- getElement: function(id) {
- return Roo.getDom(id);
- },
-
-
-
- getCss: function(id) {
- var el = Roo.getDom(id);
- return (el) ? el.style : null;
- },
-
-
-
- ElementWrapper: function(el) {
-
-
- this.el = el || null;
-
-
- this.id = this.el && el.id;
-
-
- this.css = this.el && el.style;
- },
-
-
-
- getPosX: function(el) {
- return Roo.lib.Dom.getX(el);
- },
-
-
-
- getPosY: function(el) {
- return Roo.lib.Dom.getY(el);
- },
-
-
-
- swapNode: function(n1, n2) {
- if (n1.swapNode) {
- n1.swapNode(n2);
- } else {
- var p = n2.parentNode;
- var s = n2.nextSibling;
-
- if (s == n1) {
- p.insertBefore(n1, n2);
- } else if (n2 == n1.nextSibling) {
- p.insertBefore(n2, n1);
- } else {
- n1.parentNode.replaceChild(n2, n1);
- p.insertBefore(n1, s);
- }
- }
- },
-
-
-
- getScroll: function () {
- var t, l, At=document.documentElement, db=document.body;
- if (At && (At.scrollTop || At.scrollLeft)) {
- t = At.scrollTop;
- l = At.scrollLeft;
- } else if (db) {
- t = db.scrollTop;
- l = db.scrollLeft;
- } else {
-
- }
- return { top: t, left: l };
- },
-
-
-
- getStyle: function(el, Au) {
- return Roo.fly(el).getStyle(Au);
- },
-
-
-
- getScrollTop: function () { return this.getScroll().top; },
-
-
-
- getScrollLeft: function () { return this.getScroll().left; },
-
-
-
- moveToEl: function (Av, Aw) {
- var Ax = Roo.lib.Dom.getXY(Aw);
- Roo.lib.Dom.setXY(Av, Ax);
- },
-
-
-
- numericSort: function(a, b) { return (a - b); },
-
-
-
- _timeoutCount: 0,
-
-
-
- _addListeners: function() {
- var Ay = Roo.dd.DDM;
- if ( Roo.lib.Event && document ) {
- Ay._onLoad();
- } else {
- if (Ay._timeoutCount > 2000) {
- } else {
- setTimeout(Ay._addListeners, 10);
- if (document && document.body) {
- Ay._timeoutCount += 1;
- }
- }
- }
- },
-
-
-
- handleWasClicked: function(Az, id) {
- if (this.isHandle(id, Az.id)) {
- return true;
- } else {
-
- var p = Az.parentNode;
-
- while (p) {
- if (this.isHandle(id, p.id)) {
- return true;
- } else {
- p = p.parentNode;
- }
- }
- }
-
- return false;
- }
-
- };
-
-}();
-
-
-Roo.dd.DDM = Roo.dd.DragDropMgr;
-Roo.dd.DDM._addListeners();
-
-}
-
-
-
-
-
-Roo.dd.DD = function(id, A, B) {
- if (id) {
- this.init(id, A, B);
- }
-};
-
-Roo.extend(Roo.dd.DD, Roo.dd.DragDrop, {
-
-
-
- scroll: true,
-
-
-
- autoOffset: function(C, D) {
- var x = C - this.startPageX;
- var y = D - this.startPageY;
- this.setDelta(x, y);
- },
-
-
-
- setDelta: function(E, F) {
- this.deltaX = E;
- this.deltaY = F;
- },
-
-
-
- setDragElPos: function(G, H) {
-
-
-
- var el = this.getDragEl();
- this.alignElWithMouse(el, G, H);
- },
-
-
-
- alignElWithMouse: function(el, I, J) {
- var K = this.getTargetCoord(I, J);
- var L = el.dom ? el : Roo.fly(el);
- if (!this.deltaSetXY) {
- var aCoord = [K.x, K.y];
- L.setXY(aCoord);
- var newLeft = L.getLeft(true);
- var newTop = L.getTop(true);
- this.deltaSetXY = [ newLeft - K.x, newTop - K.y ];
- } else {
- L.setLeftTop(K.x + this.deltaSetXY[0], K.y + this.deltaSetXY[1]);
- }
-
-
- this.cachePosition(K.x, K.y);
- this.autoScroll(K.x, K.y, el.offsetHeight, el.offsetWidth);
- return K;
- },
-
-
-
- cachePosition: function(M, N) {
- if (M) {
- this.lastPageX = M;
- this.lastPageY = N;
- } else {
- var aCoord = Roo.lib.Dom.getXY(this.getEl());
- this.lastPageX = aCoord[0];
- this.lastPageY = aCoord[1];
- }
- },
-
-
-
- autoScroll: function(x, y, h, w) {
-
- if (this.scroll) {
-
- var clientH = Roo.lib.Dom.getViewWidth();
-
-
- var clientW = Roo.lib.Dom.getViewHeight();
-
-
- var st = this.DDM.getScrollTop();
-
-
- var sl = this.DDM.getScrollLeft();
-
-
- var bot = h + y;
-
-
- var right = w + x;
-
-
-
-
- var toBot = (clientH + st - y - this.deltaY);
-
-
- var toRight = (clientW + sl - x - this.deltaX);
-
-
-
-
- var thresh = 40;
-
-
-
-
- var scrAmt = (document.all) ? 80 : 30;
-
-
-
- if ( bot > clientH && toBot < thresh ) {
- window.scrollTo(sl, st + scrAmt);
- }
-
-
-
- if ( y < st && st > 0 && y - st < thresh ) {
- window.scrollTo(sl, st - scrAmt);
- }
-
-
-
- if ( right > clientW && toRight < thresh ) {
- window.scrollTo(sl + scrAmt, st);
- }
-
-
-
- if ( x < sl && sl > 0 && x - sl < thresh ) {
- window.scrollTo(sl - scrAmt, st);
- }
- }
- },
-
-
-
- getTargetCoord: function(O, P) {
-
-
- var x = O - this.deltaX;
- var y = P - this.deltaY;
-
- if (this.constrainX) {
- if (x < this.minX) { x = this.minX; }
- if (x > this.maxX) { x = this.maxX; }
- }
-
- if (this.constrainY) {
- if (y < this.minY) { y = this.minY; }
- if (y > this.maxY) { y = this.maxY; }
- }
-
-
- x = this.getTick(x, this.xTicks);
- y = this.getTick(y, this.yTicks);
-
-
- return {x:x, y:y};
- },
-
-
-
- applyConfig: function() {
- Roo.dd.DD.superclass.applyConfig.call(this);
- this.scroll = (this.config.scroll !== false);
- },
-
-
-
- b4MouseDown: function(e) {
-
- this.autoOffset(e.getPageX(),
- e.getPageY());
- },
-
-
-
- b4Drag: function(e) {
- this.setDragElPos(e.getPageX(),
- e.getPageY());
- },
-
- toString: function() {
- return ("DD " + this.id);
- }
-
-
-
-
-
-
-
-});
-
-
-
-
-
-Roo.dd.DDProxy = function(id, A, B) {
- if (id) {
- this.init(id, A, B);
- this.initFrame();
- }
-};
-
-
-
-Roo.dd.DDProxy.dragElId = "ygddfdiv";
-
-Roo.extend(Roo.dd.DDProxy, Roo.dd.DD, {
-
-
-
- resizeFrame: true,
-
-
-
- centerFrame: false,
-
-
-
- createFrame: function() {
- var C = this;
- var D = document.body;
-
- if (!D || !D.firstChild) {
- setTimeout( function() { C.createFrame(); }, 50 );
- return;
- }
-
- var E = this.getDragEl();
-
- if (!E) {
- E = document.createElement("div");
- E.id = this.dragElId;
- var s = E.style;
-
- s.position = "absolute";
- s.visibility = "hidden";
- s.cursor = "move";
- s.border = "2px solid #aaa";
- s.zIndex = 999;
-
-
-
-
- D.insertBefore(E, D.firstChild);
- }
- },
-
-
-
- initFrame: function() {
- this.createFrame();
- },
-
- applyConfig: function() {
- Roo.dd.DDProxy.superclass.applyConfig.call(this);
-
- this.resizeFrame = (this.config.resizeFrame !== false);
- this.centerFrame = (this.config.centerFrame);
- this.setDragElId(this.config.dragElId || Roo.dd.DDProxy.dragElId);
- },
-
-
-
- showFrame: function(F, G) {
- var el = this.getEl();
- var H = this.getDragEl();
- var s = H.style;
-
- this._resizeProxy();
-
- if (this.centerFrame) {
- this.setDelta( Math.round(parseInt(s.width, 10)/2),
- Math.round(parseInt(s.height, 10)/2) );
- }
-
-
- this.setDragElPos(F, G);
-
- Roo.fly(H).show();
- },
-
-
-
- _resizeProxy: function() {
- if (this.resizeFrame) {
- var el = this.getEl();
- Roo.fly(this.getDragEl()).setSize(el.offsetWidth, el.offsetHeight);
- }
- },
-
-
- b4MouseDown: function(e) {
- var x = e.getPageX();
- var y = e.getPageY();
- this.autoOffset(x, y);
- this.setDragElPos(x, y);
- },
-
-
- b4StartDrag: function(x, y) {
-
- this.showFrame(x, y);
- },
-
-
- b4EndDrag: function(e) {
- Roo.fly(this.getDragEl()).hide();
- },
-
-
-
-
- endDrag: function(e) {
-
- var I = this.getEl();
- var J = this.getDragEl();
-
-
- J.style.visibility = "";
-
- this.beforeMove();
-
-
- I.style.visibility = "hidden";
- Roo.dd.DDM.moveToEl(I, J);
- J.style.visibility = "hidden";
- I.style.visibility = "";
-
- this.afterDrag();
- },
-
- beforeMove : function(){
-
- },
-
- afterDrag : function(){
-
- },
-
- toString: function() {
- return ("DDProxy " + this.id);
- }
-
-});
-
-
-
-
-
-
-Roo.dd.DDTarget = function(id, A, B) {
- if (id) {
- this.initTarget(id, A, B);
- }
-};
-
-
-Roo.extend(Roo.dd.DDTarget, Roo.dd.DragDrop, {
- toString: function() {
- return ("DDTarget " + this.id);
- }
-});
-
-
-
-
-
-
-
-Roo.dd.ScrollManager = function(){
- var A = Roo.dd.DragDropMgr;
- var B = {};
- var C = null;
- var D = {};
-
- var E = function(e){
- C = null;
- H();
- };
-
- var F = function(){
- if(A.dragCurrent){
- A.refreshCache(A.dragCurrent.groups);
- }
- };
-
- var G = function(){
- if(A.dragCurrent){
- var dds = Roo.dd.ScrollManager;
- if(!dds.animate){
- if(D.el.scroll(D.dir, dds.increment)){
- F();
- }
- }else {
- D.el.scroll(D.dir, dds.increment, true, dds.animDuration, F);
- }
- }
- };
-
- var H = function(){
- if(D.id){
- clearInterval(D.id);
- }
-
- D.id = 0;
- D.el = null;
- D.dir = "";
- };
-
- var I = function(el, K){
- H();
- D.el = el;
- D.dir = K;
- D.id = setInterval(G, Roo.dd.ScrollManager.frequency);
- };
-
- var J = function(e, K){
- if(K || !A.dragCurrent){ return; }
- var L = Roo.dd.ScrollManager;
- if(!C || C != A.dragCurrent){
- C = A.dragCurrent;
-
- L.refreshCache();
- }
-
- var xy = Roo.lib.Event.getXY(e);
- var pt = new Roo.lib.Point(xy[0], xy[1]);
- for(var id in B){
- var el = B[id], r = el._region;
- if(r && r.contains(pt) && el.isScrollable()){
- if(r.bottom - pt.y <= L.thresh){
- if(D.el != el){
- I(el, "down");
- }
- return;
- }else if(r.right - pt.x <= L.thresh){
- if(D.el != el){
- I(el, "left");
- }
- return;
- }else if(pt.y - r.top <= L.thresh){
- if(D.el != el){
- I(el, "up");
- }
- return;
- }else if(pt.x - r.left <= L.thresh){
- if(D.el != el){
- I(el, "right");
- }
- return;
- }
- }
- }
-
- H();
- };
-
- A.fireEvents = A.fireEvents.createSequence(J, A);
- A.stopDrag = A.stopDrag.createSequence(E, A);
-
- return {
-
-
- register : function(el){
- if(el instanceof Array){
- for(var i = 0, len = el.length; i < len; i++) {
- this.register(el[i]);
- }
- }else {
- el = Roo.get(el);
- B[el.id] = el;
- }
- },
-
-
-
- unregister : function(el){
- if(el instanceof Array){
- for(var i = 0, len = el.length; i < len; i++) {
- this.unregister(el[i]);
- }
- }else {
- el = Roo.get(el);
- delete B[el.id];
- }
- },
-
-
-
- thresh : 25,
-
-
-
- increment : 100,
-
-
-
- frequency : 500,
-
-
-
- animate: true,
-
-
-
- animDuration: .4,
-
-
-
- refreshCache : function(){
- for(var id in B){
- if(typeof B[id] == 'object'){
- B[id]._region = B[id].getRegion();
- }
- }
- }
- };
-}();
-
-
-
-
-
-
-Roo.dd.Registry = function(){
- var A = {};
- var B = {};
- var C = 0;
-
- var D = function(el, E){
- if(typeof el == "string"){
- return el;
- }
- var id = el.id;
- if(!id && E !== false){
- id = "roodd-" + (++C);
- el.id = id;
- }
- return id;
- };
-
- return {
-
-
- register : function(el, G){
- G = G || {};
- if(typeof el == "string"){
- el = document.getElementById(el);
- }
-
- G.ddel = el;
- A[D(el)] = G;
- if(G.isHandle !== false){
- B[G.ddel.id] = G;
- }
- if(G.handles){
- var hs = G.handles;
- for(var i = 0, len = hs.length; i < len; i++){
- B[D(hs[i])] = G;
- }
- }
- },
-
-
-
- unregister : function(el){
- var id = D(el, false);
- var H = A[id];
- if(H){
- delete A[id];
- if(H.handles){
- var hs = H.handles;
- for(var i = 0, len = hs.length; i < len; i++){
- delete B[D(hs[i], false)];
- }
- }
- }
- },
-
-
-
- getHandle : function(id){
- if(typeof id != "string"){
- id = id.id;
- }
- return B[id];
- },
-
-
-
- getHandleFromEvent : function(e){
- var t = Roo.lib.Event.getTarget(e);
- return t ? B[t.id] : null;
- },
-
-
-
- getTarget : function(id){
- if(typeof id != "string"){
- id = id.id;
- }
- return A[id];
- },
-
-
-
- getTargetFromEvent : function(e){
- var t = Roo.lib.Event.getTarget(e);
- return t ? A[t.id] || B[t.id] : null;
- }
- };
-}();
-
-
-
-
-
-
-Roo.dd.StatusProxy = function(A){
- Roo.apply(this, A);
- this.id = this.id || Roo.id();
- this.el = new Roo.Layer({
- dh: {
- id: this.id, tag: "div", cls: "x-dd-drag-proxy "+this.dropNotAllowed, children: [
- {tag: "div", cls: "x-dd-drop-icon"},
- {tag: "div", cls: "x-dd-drag-ghost"}
- ]
- },
- shadow: !A || A.shadow !== false
- });
- this.ghost = Roo.get(this.el.dom.childNodes[1]);
- this.dropStatus = this.dropNotAllowed;
-};
-
-Roo.dd.StatusProxy.prototype = {
-
-
- dropAllowed : "x-dd-drop-ok",
-
-
- dropNotAllowed : "x-dd-drop-nodrop",
-
-
-
- setStatus : function(B){
- B = B || this.dropNotAllowed;
- if(this.dropStatus != B){
- this.el.replaceClass(this.dropStatus, B);
- this.dropStatus = B;
- }
- },
-
-
-
- reset : function(C){
- this.el.dom.className = "x-dd-drag-proxy " + this.dropNotAllowed;
- this.dropStatus = this.dropNotAllowed;
- if(C){
- this.ghost.update("");
- }
- },
-
-
-
- update : function(D){
- if(typeof D == "string"){
- this.ghost.update(D);
- }else {
- this.ghost.update("");
- D.style.margin = "0";
- this.ghost.dom.appendChild(D);
- }
-
- var el = this.ghost.dom.firstChild;
- if(el){
- Roo.fly(el).setStyle('float', 'none');
- }
- },
-
-
-
- getEl : function(){
- return this.el;
- },
-
-
-
- getGhost : function(){
- return this.ghost;
- },
-
-
-
- hide : function(E){
- this.el.hide();
- if(E){
- this.reset(true);
- }
- },
-
-
-
- stop : function(){
- if(this.anim && this.anim.isAnimated && this.anim.isAnimated()){
- this.anim.stop();
- }
- },
-
-
-
- show : function(){
- this.el.show();
- },
-
-
-
- sync : function(){
- this.el.sync();
- },
-
-
-
- repair : function(xy, F, G){
- this.callback = F;
- this.scope = G;
- if(xy && this.animRepair !== false){
- this.el.addClass("x-dd-drag-repair");
- this.el.hideUnders(true);
- this.anim = this.el.shift({
- duration: this.repairDuration || .5,
- easing: 'easeOut',
- xy: xy,
- stopFx: true,
- callback: this.afterRepair,
- scope: this
- });
- }else {
- this.afterRepair();
- }
- },
-
-
- afterRepair : function(){
- this.hide(true);
- if(typeof this.callback == "function"){
- this.callback.call(this.scope || this);
- }
-
- this.callback = null;
- this.scope = null;
- }
-};
-
-
-
-
-
-Roo.dd.DragSource = function(el, A){
- this.el = Roo.get(el);
- this.dragData = {};
-
- Roo.apply(this, A);
-
- if(!this.proxy){
- this.proxy = new Roo.dd.StatusProxy();
- }
-
-
- Roo.dd.DragSource.superclass.constructor.call(this, this.el.dom, this.ddGroup || this.group,
- {dragElId : this.proxy.id, resizeFrame: false, isTarget: false, scroll: this.scroll === true});
-
- this.dragging = false;
-};
-
-Roo.extend(Roo.dd.DragSource, Roo.dd.DDProxy, {
-
-
- dropAllowed : "x-dd-drop-ok",
-
-
- dropNotAllowed : "x-dd-drop-nodrop",
-
-
-
- getDragData : function(e){
- return this.dragData;
- },
-
-
- onDragEnter : function(e, id){
- var B = Roo.dd.DragDropMgr.getDDById(id);
- this.cachedTarget = B;
- if(this.beforeDragEnter(B, e, id) !== false){
- if(B.isNotifyTarget){
- var status = B.notifyEnter(this, e, this.dragData);
- this.proxy.setStatus(status);
- }else {
- this.proxy.setStatus(this.dropAllowed);
- }
-
- if(this.afterDragEnter){
-
-
- this.afterDragEnter(B, e, id);
- }
- }
- },
-
-
-
- beforeDragEnter : function(C, e, id){
- return true;
- },
-
-
- alignElWithMouse: function() {
- Roo.dd.DragSource.superclass.alignElWithMouse.apply(this, arguments);
- this.proxy.sync();
- },
-
-
- onDragOver : function(e, id){
- var D = this.cachedTarget || Roo.dd.DragDropMgr.getDDById(id);
- if(this.beforeDragOver(D, e, id) !== false){
- if(D.isNotifyTarget){
- var status = D.notifyOver(this, e, this.dragData);
- this.proxy.setStatus(status);
- }
-
- if(this.afterDragOver){
-
-
- this.afterDragOver(D, e, id);
- }
- }
- },
-
-
-
- beforeDragOver : function(E, e, id){
- return true;
- },
-
-
- onDragOut : function(e, id){
- var F = this.cachedTarget || Roo.dd.DragDropMgr.getDDById(id);
- if(this.beforeDragOut(F, e, id) !== false){
- if(F.isNotifyTarget){
- F.notifyOut(this, e, this.dragData);
- }
-
- this.proxy.reset();
- if(this.afterDragOut){
-
-
- this.afterDragOut(F, e, id);
- }
- }
-
- this.cachedTarget = null;
- },
-
-
-
- beforeDragOut : function(G, e, id){
- return true;
- },
-
-
- onDragDrop : function(e, id){
- var H = this.cachedTarget || Roo.dd.DragDropMgr.getDDById(id);
- if(this.beforeDragDrop(H, e, id) !== false){
- if(H.isNotifyTarget){
- if(H.notifyDrop(this, e, this.dragData)){
- this.onValidDrop(H, e, id);
- }else {
- this.onInvalidDrop(H, e, id);
- }
- }else {
- this.onValidDrop(H, e, id);
- }
-
- if(this.afterDragDrop){
-
-
- this.afterDragDrop(H, e, id);
- }
- }
- delete this.cachedTarget;
- },
-
-
-
- beforeDragDrop : function(I, e, id){
- return true;
- },
-
-
- onValidDrop : function(J, e, id){
- this.hideProxy();
- if(this.afterValidDrop){
-
-
- this.afterValidDrop(J, e, id);
- }
- },
-
-
- getRepairXY : function(e, K){
- return this.el.getXY();
- },
-
-
- onInvalidDrop : function(L, e, id){
- this.beforeInvalidDrop(L, e, id);
- if(this.cachedTarget){
- if(this.cachedTarget.isNotifyTarget){
- this.cachedTarget.notifyOut(this, e, this.dragData);
- }
-
- this.cacheTarget = null;
- }
-
- this.proxy.repair(this.getRepairXY(e, this.dragData), this.afterRepair, this);
-
- if(this.afterInvalidDrop){
-
-
- this.afterInvalidDrop(e, id);
- }
- },
-
-
- afterRepair : function(){
- if(Roo.enableFx){
- this.el.highlight(this.hlColor || "c3daf9");
- }
-
- this.dragging = false;
- },
-
-
-
- beforeInvalidDrop : function(M, e, id){
- return true;
- },
-
-
- handleMouseDown : function(e){
- if(this.dragging) {
- return;
- }
- var N = this.getDragData(e);
- if(N && this.onBeforeDrag(N, e) !== false){
- this.dragData = N;
- this.proxy.stop();
- Roo.dd.DragSource.superclass.handleMouseDown.apply(this, arguments);
- }
- },
-
-
-
- onBeforeDrag : function(O, e){
- return true;
- },
-
-
-
- onStartDrag : Roo.emptyFn,
-
-
- startDrag : function(x, y){
- this.proxy.reset();
- this.dragging = true;
- this.proxy.update("");
- this.onInitDrag(x, y);
- this.proxy.show();
- },
-
-
- onInitDrag : function(x, y){
- var P = this.el.dom.cloneNode(true);
- P.id = Roo.id();
- this.proxy.update(P);
- this.onStartDrag(x, y);
- return true;
- },
-
-
-
- getProxy : function(){
- return this.proxy;
- },
-
-
-
- hideProxy : function(){
- this.proxy.hide();
- this.proxy.reset(true);
- this.dragging = false;
- },
-
-
- triggerCacheRefresh : function(){
- Roo.dd.DDM.refreshCache(this.groups);
- },
-
-
- b4EndDrag: function(e) {
- },
-
-
- endDrag : function(e){
- this.onEndDrag(this.dragData, e);
- },
-
-
- onEndDrag : function(Q, e){
- },
-
-
- autoOffset : function(x, y) {
- this.setDelta(-12, -20);
- }
-});
-
-
-
-
-
-
-Roo.dd.DropTarget = function(el, A){
- this.el = Roo.get(el);
-
- Roo.apply(this, A);
-
- if(this.containerScroll){
- Roo.dd.ScrollManager.register(this.el);
- }
-
-
- Roo.dd.DropTarget.superclass.constructor.call(this, this.el.dom, this.ddGroup || this.group,
- {isTarget: true});
-
-};
-
-Roo.extend(Roo.dd.DropTarget, Roo.dd.DDTarget, {
-
-
-
-
- dropAllowed : "x-dd-drop-ok",
-
-
- dropNotAllowed : "x-dd-drop-nodrop",
-
-
- isTarget : true,
-
-
- isNotifyTarget : true,
-
-
-
- notifyEnter : function(dd, e, B){
- if(this.overClass){
- this.el.addClass(this.overClass);
- }
- return this.dropAllowed;
- },
-
-
-
- notifyOver : function(dd, e, C){
- return this.dropAllowed;
- },
-
-
-
- notifyOut : function(dd, e, D){
- if(this.overClass){
- this.el.removeClass(this.overClass);
- }
- },
-
-
-
- notifyDrop : function(dd, e, E){
- return false;
- }
-});
-
-
-
-
-
-
-Roo.dd.DragZone = function(el, A){
- Roo.dd.DragZone.superclass.constructor.call(this, el, A);
- if(this.containerScroll){
- Roo.dd.ScrollManager.register(this.el);
- }
-};
-
-Roo.extend(Roo.dd.DragZone, Roo.dd.DragSource, {
-
-
-
-
-
-
-
- getDragData : function(e){
- return Roo.dd.Registry.getHandleFromEvent(e);
- },
-
-
-
- onInitDrag : function(x, y){
- this.proxy.update(this.dragData.ddel.cloneNode(true));
- this.onStartDrag(x, y);
- return true;
- },
-
-
-
- afterRepair : function(){
- if(Roo.enableFx){
- Roo.Element.fly(this.dragData.ddel).highlight(this.hlColor || "c3daf9");
- }
-
- this.dragging = false;
- },
-
-
-
- getRepairXY : function(e){
- return Roo.Element.fly(this.dragData.ddel).getXY();
- }
-});
-
-
-
-
-Roo.dd.DropZone = function(el, A){
- Roo.dd.DropZone.superclass.constructor.call(this, el, A);
-};
-
-Roo.extend(Roo.dd.DropZone, Roo.dd.DropTarget, {
-
-
- getTargetFromEvent : function(e){
- return Roo.dd.Registry.getTargetFromEvent(e);
- },
-
-
-
- onNodeEnter : function(n, dd, e, B){
-
- },
-
-
-
- onNodeOver : function(n, dd, e, C){
- return this.dropAllowed;
- },
-
-
-
- onNodeOut : function(n, dd, e, D){
-
- },
-
-
-
- onNodeDrop : function(n, dd, e, E){
- return false;
- },
-
-
-
- onContainerOver : function(dd, e, F){
- return this.dropNotAllowed;
- },
-
-
-
- onContainerDrop : function(dd, e, G){
- return false;
- },
-
-
-
- notifyEnter : function(dd, e, H){
- return this.dropNotAllowed;
- },
-
-
-
- notifyOver : function(dd, e, I){
- var n = this.getTargetFromEvent(e);
- if(!n){
- if(this.lastOverNode){
- this.onNodeOut(this.lastOverNode, dd, e, I);
- this.lastOverNode = null;
- }
- return this.onContainerOver(dd, e, I);
- }
- if(this.lastOverNode != n){
- if(this.lastOverNode){
- this.onNodeOut(this.lastOverNode, dd, e, I);
- }
-
- this.onNodeEnter(n, dd, e, I);
- this.lastOverNode = n;
- }
- return this.onNodeOver(n, dd, e, I);
- },
-
-
-
- notifyOut : function(dd, e, J){
- if(this.lastOverNode){
- this.onNodeOut(this.lastOverNode, dd, e, J);
- this.lastOverNode = null;
- }
- },
-
-
-
- notifyDrop : function(dd, e, K){
- if(this.lastOverNode){
- this.onNodeOut(this.lastOverNode, dd, e, K);
- this.lastOverNode = null;
- }
- var n = this.getTargetFromEvent(e);
- return n ?
- this.onNodeDrop(n, dd, e, K) :
- this.onContainerDrop(dd, e, K);
- },
-
-
- triggerCacheRefresh : function(){
- Roo.dd.DDM.refreshCache(this.groups);
- }
-});
-
-
-
-
-
-
-Roo.data.SortTypes = {
-
-
- none : function(s){
- return s;
- },
-
-
-
- stripTagsRE : /<\/?[^>]+>/gi,
-
-
-
- asText : function(s){
- return String(s).replace(this.stripTagsRE, "");
- },
-
-
-
- asUCText : function(s){
- return String(s).toUpperCase().replace(this.stripTagsRE, "");
- },
-
-
-
- asUCString : function(s) {
- return String(s).toUpperCase();
- },
-
-
-
- asDate : function(s) {
- if(!s){
- return 0;
- }
- if(s instanceof Date){
- return s.getTime();
- }
- return Date.parse(String(s));
- },
-
-
-
- asFloat : function(s) {
- var A = parseFloat(String(s).replace(/,/g, ""));
- if(isNaN(A)) A = 0;
- return A;
- },
-
-
-
- asInt : function(s) {
- var B = parseInt(String(s).replace(/,/g, ""));
- if(isNaN(B)) B = 0;
- return B;
- }
-};
-
-
-
-
-
-Roo.data.Record = function(A, id){
- this.id = (id || id === 0) ? id : ++Roo.data.Record.AUTO_ID;
- this.data = A;
-};
-
-
-
-Roo.data.Record.create = function(o){
- var f = function(){
- f.superclass.constructor.apply(this, arguments);
- };
- Roo.extend(f, Roo.data.Record);
- var p = f.prototype;
- p.fields = new Roo.util.MixedCollection(false, function(B){
- return B.name;
- });
- for(var i = 0, len = o.length; i < len; i++){
- p.fields.add(new Roo.data.Field(o[i]));
- }
-
- f.getField = function(B){
- return p.fields.get(B);
- };
- return f;
-};
-
-Roo.data.Record.AUTO_ID = 1000;
-Roo.data.Record.EDIT = 'edit';
-Roo.data.Record.REJECT = 'reject';
-Roo.data.Record.COMMIT = 'commit';
-
-Roo.data.Record.prototype = {
-
-
- dirty : false,
- editing : false,
- error: null,
- modified: null,
-
-
- join : function(B){
- this.store = B;
- },
-
-
-
- set : function(C, D){
- if(this.data[C] == D){
- return;
- }
-
- this.dirty = true;
- if(!this.modified){
- this.modified = {};
- }
- if(typeof this.modified[C] == 'undefined'){
- this.modified[C] = this.data[C];
- }
-
- this.data[C] = D;
- if(!this.editing){
- this.store.afterEdit(this);
- }
- },
-
-
-
- get : function(E){
- return this.data[E];
- },
-
-
- beginEdit : function(){
- this.editing = true;
- this.modified = {};
- },
-
-
- cancelEdit : function(){
- this.editing = false;
- delete this.modified;
- },
-
-
- endEdit : function(){
- this.editing = false;
- if(this.dirty && this.store){
- this.store.afterEdit(this);
- }
- },
-
-
-
- reject : function(){
- var m = this.modified;
- for(var n in m){
- if(typeof m[n] != "function"){
- this.data[n] = m[n];
- }
- }
-
- this.dirty = false;
- delete this.modified;
- this.editing = false;
- if(this.store){
- this.store.afterReject(this);
- }
- },
-
-
-
- commit : function(){
- this.dirty = false;
- delete this.modified;
- this.editing = false;
- if(this.store){
- this.store.afterCommit(this);
- }
- },
-
-
- hasError : function(){
- return this.error != null;
- },
-
-
- clearError : function(){
- this.error = null;
- },
-
-
-
- copy : function(F) {
- return new this.constructor(Roo.apply({}, this.data), F || this.id);
- }
-};
-
-
-
-
-
-
-
-Roo.data.Store = function(A){
- this.data = new Roo.util.MixedCollection(false);
- this.data.getKey = function(o){
- return o.id;
- };
- this.baseParams = {};
-
- this.paramNames = {
- "start" : "start",
- "limit" : "limit",
- "sort" : "sort",
- "dir" : "dir"
- };
-
- if(A && A.data){
- this.inlineData = A.data;
- delete A.data;
- }
-
-
- Roo.apply(this, A);
-
- if(this.reader){
- this.reader = Roo.factory(this.reader, Roo.data);
- this.reader.xmodule = this.xmodule || false;
- if(!this.recordType){
- this.recordType = this.reader.recordType;
- }
- if(this.reader.onMetaChange){
- this.reader.onMetaChange = this.onMetaChange.createDelegate(this);
- }
- }
-
- if(this.recordType){
- this.fields = this.recordType.prototype.fields;
- }
-
- this.modified = [];
-
- this.addEvents({
-
-
- datachanged : true,
-
-
- metachange : true,
-
-
- add : true,
-
-
- remove : true,
-
-
- update : true,
-
-
- clear : true,
-
-
- beforeload : true,
-
-
- load : true,
-
-
- loadexception : true
- });
-
- if(this.proxy){
- this.proxy = Roo.factory(this.proxy, Roo.data);
- this.proxy.xmodule = this.xmodule || false;
- this.relayEvents(this.proxy, ["loadexception"]);
- }
-
- this.sortToggle = {};
-
- Roo.data.Store.superclass.constructor.call(this);
-
- if(this.inlineData){
- this.loadData(this.inlineData);
- delete this.inlineData;
- }
-};
-Roo.extend(Roo.data.Store, Roo.util.Observable, {
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- remoteSort : false,
-
-
-
- pruneModifiedRecords : false,
-
-
- lastOptions : null,
-
-
-
- add : function(B){
- B = [].concat(B);
- for(var i = 0, len = B.length; i < len; i++){
- B[i].join(this);
- }
- var C = this.data.length;
- this.data.addAll(B);
- this.fireEvent("add", this, B, C);
- },
-
-
-
- remove : function(D){
- var E = this.data.indexOf(D);
- this.data.removeAt(E);
- if(this.pruneModifiedRecords){
- this.modified.remove(D);
- }
-
- this.fireEvent("remove", this, D, E);
- },
-
-
-
- removeAll : function(){
- this.data.clear();
- if(this.pruneModifiedRecords){
- this.modified = [];
- }
-
- this.fireEvent("clear", this);
- },
-
-
-
- insert : function(F, G){
- G = [].concat(G);
- for(var i = 0, len = G.length; i < len; i++){
- this.data.insert(F, G[i]);
- G[i].join(this);
- }
-
- this.fireEvent("add", this, G, F);
- },
-
-
-
- indexOf : function(H){
- return this.data.indexOf(H);
- },
-
-
-
- indexOfId : function(id){
- return this.data.indexOfKey(id);
- },
-
-
-
- getById : function(id){
- return this.data.key(id);
- },
-
-
-
- getAt : function(I){
- return this.data.itemAt(I);
- },
-
-
-
- getRange : function(J, K){
- return this.data.getRange(J, K);
- },
-
-
- storeOptions : function(o){
- o = Roo.apply({}, o);
- delete o.callback;
- delete o.scope;
- this.lastOptions = o;
- },
-
-
-
- load : function(L){
- L = L || {};
- if(this.fireEvent("beforeload", this, L) !== false){
- this.storeOptions(L);
- var p = Roo.apply(L.params || {}, this.baseParams);
- if(this.sortInfo && this.remoteSort){
- var pn = this.paramNames;
- p[pn["sort"]] = this.sortInfo.field;
- p[pn["dir"]] = this.sortInfo.direction;
- }
-
- this.proxy.load(p, this.reader, this.loadRecords, this, L);
- }
- },
-
-
-
- reload : function(M){
- this.load(Roo.applyIf(M||{}, this.lastOptions));
- },
-
-
-
- loadRecords : function(o, N, O){
- if(!o || O === false){
- if(O !== false){
- this.fireEvent("load", this, [], N);
- }
- if(N.callback){
- N.callback.call(N.scope || this, [], N, false);
- }
- return;
- }
-
- if (o.success === false) {
- this.fireEvent("loadexception", this, o, N, this.reader.jsonData);
- return;
- }
- var r = o.records, t = o.totalRecords || r.length;
- if(!N || N.add !== true){
- if(this.pruneModifiedRecords){
- this.modified = [];
- }
- for(var i = 0, len = r.length; i < len; i++){
- r[i].join(this);
- }
- if(this.snapshot){
- this.data = this.snapshot;
- delete this.snapshot;
- }
-
- this.data.clear();
- this.data.addAll(r);
- this.totalLength = t;
- this.applySort();
- this.fireEvent("datachanged", this);
- }else {
- this.totalLength = Math.max(t, this.data.length+r.length);
- this.add(r);
- }
-
- this.fireEvent("load", this, r, N);
- if(N.callback){
- N.callback.call(N.scope || this, r, N, true);
- }
- },
-
-
-
- loadData : function(o, P){
- var r = this.reader.readRecords(o);
- this.loadRecords(r, {add: P}, true);
- },
-
-
-
- getCount : function(){
- return this.data.length || 0;
- },
-
-
-
- getTotalCount : function(){
- return this.totalLength || 0;
- },
-
-
-
- getSortState : function(){
- return this.sortInfo;
- },
-
-
- applySort : function(){
- if(this.sortInfo && !this.remoteSort){
- var s = this.sortInfo, f = s.field;
- var st = this.fields.get(f).sortType;
- var fn = function(r1, r2){
- var v1 = st(r1.data[f]), v2 = st(r2.data[f]);
- return v1 > v2 ? 1 : (v1 < v2 ? -1 : 0);
- };
- this.data.sort(s.direction, fn);
- if(this.snapshot && this.snapshot != this.data){
- this.snapshot.sort(s.direction, fn);
- }
- }
- },
-
-
-
- setDefaultSort : function(Q, R){
- this.sortInfo = {field: Q, direction: R ? R.toUpperCase() : "ASC"};
- },
-
-
-
- sort : function(S, T){
- var f = this.fields.get(S);
- if(!T){
- if(this.sortInfo && this.sortInfo.field == f.name){
- T = (this.sortToggle[f.name] || "ASC").toggle("ASC", "DESC");
- }else {
- T = f.sortDir;
- }
- }
-
- this.sortToggle[f.name] = T;
- this.sortInfo = {field: f.name, direction: T};
- if(!this.remoteSort){
- this.applySort();
- this.fireEvent("datachanged", this);
- }else {
- this.load(this.lastOptions);
- }
- },
-
-
-
- each : function(fn, U){
- this.data.each(fn, U);
- },
-
-
-
- getModifiedRecords : function(){
- return this.modified;
- },
-
-
- createFilterFn : function(V, W, X){
- if(!W.exec){
- W = String(W);
- if(W.length == 0){
- return false;
- }
-
- W = new RegExp((X === true ? '' : '^') + Roo.escapeRe(W), "i");
- }
- return function(r){
- return W.test(r.data[V]);
- };
- },
-
-
-
- sum : function(Y, Z, a){
- var rs = this.data.items, v = 0;
- Z = Z || 0;
- a = (a || a === 0) ? a : rs.length-1;
-
- for(var i = Z; i <= a; i++){
- v += (rs[i].data[Y] || 0);
- }
- return v;
- },
-
-
-
- filter : function(b, c, d){
- var fn = this.createFilterFn(b, c, d);
- return fn ? this.filterBy(fn) : this.clearFilter();
- },
-
-
-
- filterBy : function(fn, e){
- this.snapshot = this.snapshot || this.data;
- this.data = this.queryBy(fn, e||this);
- this.fireEvent("datachanged", this);
- },
-
-
-
- query : function(g, h, j){
- var fn = this.createFilterFn(g, h, j);
- return fn ? this.queryBy(fn) : this.data.clone();
- },
-
-
-
- queryBy : function(fn, k){
- var l = this.snapshot || this.data;
- return l.filterBy(fn, k||this);
- },
-
-
-
- collect : function(m, n, q){
- var d = (q === true && this.snapshot) ?
- this.snapshot.items : this.data.items;
- var v, sv, r = [], l = {};
- for(var i = 0, len = d.length; i < len; i++){
- v = d[i].data[m];
- sv = String(v);
- if((n || !Roo.isEmpty(v)) && !l[sv]){
- l[sv] = true;
- r[r.length] = v;
- }
- }
- return r;
- },
-
-
-
- clearFilter : function(u){
- if(this.snapshot && this.snapshot != this.data){
- this.data = this.snapshot;
- delete this.snapshot;
- if(u !== true){
- this.fireEvent("datachanged", this);
- }
- }
- },
-
-
- afterEdit : function(w){
- if(this.modified.indexOf(w) == -1){
- this.modified.push(w);
- }
-
- this.fireEvent("update", this, w, Roo.data.Record.EDIT);
- },
-
-
- afterReject : function(x){
- this.modified.remove(x);
- this.fireEvent("update", this, x, Roo.data.Record.REJECT);
- },
-
-
- afterCommit : function(y){
- this.modified.remove(y);
- this.fireEvent("update", this, y, Roo.data.Record.COMMIT);
- },
-
-
-
- commitChanges : function(){
- var m = this.modified.slice(0);
- this.modified = [];
- for(var i = 0, len = m.length; i < len; i++){
- m[i].commit();
- }
- },
-
-
-
- rejectChanges : function(){
- var m = this.modified.slice(0);
- this.modified = [];
- for(var i = 0, len = m.length; i < len; i++){
- m[i].reject();
- }
- },
-
- onMetaChange : function(z, AA, o){
- this.recordType = AA;
- this.fields = AA.prototype.fields;
- delete this.snapshot;
- this.sortInfo = z.sortInfo;
- this.modified = [];
- this.fireEvent('metachange', this, this.reader.meta);
- }
-});
-
-
-
-
-
-Roo.data.SimpleStore = function(A){
- Roo.data.SimpleStore.superclass.constructor.call(this, {
- isLocal : true,
- reader: new Roo.data.ArrayReader({
- id: A.id
- },
- Roo.data.Record.create(A.fields)
- ),
- proxy : new Roo.data.MemoryProxy(A.data)
- });
- this.load();
-};
-Roo.extend(Roo.data.SimpleStore, Roo.data.Store);
-
-
-
-
-
-Roo.data.JsonStore = function(c){
- Roo.data.JsonStore.superclass.constructor.call(this, Roo.apply(c, {
- proxy: !c.data ? new Roo.data.HttpProxy({url: c.url}) : undefined,
- reader: new Roo.data.JsonReader(c, c.fields)
- }));
-};
-Roo.extend(Roo.data.JsonStore, Roo.data.Store);
-
-
-
-
-Roo.data.Field = function(A){
- if(typeof A == "string"){
- A = {name: A};
- }
-
- Roo.apply(this, A);
-
- if(!this.type){
- this.type = "auto";
- }
-
- var st = Roo.data.SortTypes;
-
- if(typeof this.sortType == "string"){
- this.sortType = st[this.sortType];
- }
-
-
- if(!this.sortType){
- switch(this.type){
- case "string":
- this.sortType = st.asUCString;
- break;
- case "date":
- this.sortType = st.asDate;
- break;
- default:
- this.sortType = st.none;
- }
- }
-
-
- var B = /[\$,%]/g;
-
-
-
- if(!this.convert){
- var cv, dateFormat = this.dateFormat;
- switch(this.type){
- case "":
- case "auto":
- case undefined:
- cv = function(v){ return v; };
- break;
- case "string":
- cv = function(v){ return (v === undefined || v === null) ? '' : String(v); };
- break;
- case "int":
- cv = function(v){
- return v !== undefined && v !== null && v !== '' ?
- parseInt(String(v).replace(B, ""), 10) : '';
- };
- break;
- case "float":
- cv = function(v){
- return v !== undefined && v !== null && v !== '' ?
- parseFloat(String(v).replace(B, ""), 10) : '';
- };
- break;
- case "bool":
- case "boolean":
- cv = function(v){ return v === true || v === "true" || v == 1; };
- break;
- case "date":
- cv = function(v){
- if(!v){
- return '';
- }
- if(v instanceof Date){
- return v;
- }
- if(dateFormat){
- if(dateFormat == "timestamp"){
- return new Date(v*1000);
- }
- return Date.parseDate(v, dateFormat);
- }
- var C = Date.parse(v);
- return C ? new Date(C) : null;
- };
- break;
-
- }
-
- this.convert = cv;
- }
-};
-
-Roo.data.Field.prototype = {
- dateFormat: null,
- defaultValue: "",
- mapping: null,
- sortType : null,
- sortDir : "ASC"
-};
-
-
-
-
-
-
-
-
-
-Roo.data.DataReader = function(A, B){
-
- this.meta = A;
-
- this.recordType = B instanceof Array ?
- Roo.data.Record.create(B) : B;
-};
-
-Roo.data.DataReader.prototype = {
-
-
- newRow : function(d) {
- var da = {};
- this.recordType.prototype.fields.each(function(c) {
- switch( c.type) {
- case 'int' : da[c.name] = 0; break;
- case 'date' : da[c.name] = new Date(); break;
- case 'float' : da[c.name] = 0.0; break;
- case 'boolean' : da[c.name] = false; break;
- default : da[c.name] = ""; break;
- }
-
- });
- return new this.recordType(Roo.apply(da, d));
- }
-
-};
-
-
-
-
-
-Roo.data.DataProxy = function(){
- this.addEvents({
-
-
- beforeload : true,
-
-
- load : true,
-
-
- loadexception : true
- });
- Roo.data.DataProxy.superclass.constructor.call(this);
-};
-
-Roo.extend(Roo.data.DataProxy, Roo.util.Observable);
-
-
-
-
-
-
-
-
-Roo.data.MemoryProxy = function(A){
- if (A.data) {
- A = A.data;
- }
-
- Roo.data.MemoryProxy.superclass.constructor.call(this);
- this.data = A;
-};
-
-Roo.extend(Roo.data.MemoryProxy, Roo.data.DataProxy, {
-
-
- load : function(B, C, D, E, F){
- B = B || {};
- var G;
- try {
- G = C.readRecords(this.data);
- }catch(e){
- this.fireEvent("loadexception", this, arg, null, e);
- callback.call(scope, null, arg, false);
- return;
- }
-
- D.call(E, G, F, true);
- },
-
-
- update : function(H, I){
-
- }
-});
-
-
-
-
-Roo.data.HttpProxy = function(A){
- Roo.data.HttpProxy.superclass.constructor.call(this);
-
- this.conn = A;
- this.useAjax = !A || !A.events;
-
-};
-
-Roo.extend(Roo.data.HttpProxy, Roo.data.DataProxy, {
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- getConnection : function(){
- return this.useAjax ? Roo.Ajax : this.conn;
- },
-
-
-
- load : function(B, C, D, E, F){
- if(this.fireEvent("beforeload", this, B) !== false){
- var o = {
- params : B || {},
- request: {
- callback : D,
- scope : E,
- arg : F
- },
- reader: C,
- callback : this.loadResponse,
- scope: this
- };
- if(this.useAjax){
- Roo.applyIf(o, this.conn);
- if(this.activeRequest){
- Roo.Ajax.abort(this.activeRequest);
- }
-
- this.activeRequest = Roo.Ajax.request(o);
- }else {
- this.conn.request(o);
- }
- }else {
- D.call(E||this, null, F, false);
- }
- },
-
-
- loadResponse : function(o, G, H){
- delete this.activeRequest;
- if(!G){
- this.fireEvent("loadexception", this, o, H);
- o.request.callback.call(o.request.scope, null, o.request.arg, false);
- return;
- }
- var I;
- try {
- I = o.reader.read(H);
- }catch(e){
- this.fireEvent("loadexception", this, o, response, e);
- o.request.callback.call(o.request.scope, null, o.request.arg, false);
- return;
- }
-
-
- this.fireEvent("load", this, o, o.request.arg);
- o.request.callback.call(o.request.scope, I, o.request.arg, true);
- },
-
-
- update : function(J){
-
- },
-
-
- updateResponse : function(K){
-
- }
-});
-
-
-
-
-
-Roo.data.ScriptTagProxy = function(A){
- Roo.data.ScriptTagProxy.superclass.constructor.call(this);
- Roo.apply(this, A);
- this.head = document.getElementsByTagName("head")[0];
-};
-
-Roo.data.ScriptTagProxy.TRANS_ID = 1000;
-
-Roo.extend(Roo.data.ScriptTagProxy, Roo.data.DataProxy, {
-
-
-
-
- timeout : 30000,
-
-
- callbackParam : "callback",
-
-
- nocache : true,
-
-
-
- load : function(B, C, D, E, F){
- if(this.fireEvent("beforeload", this, B) !== false){
-
- var p = Roo.urlEncode(Roo.apply(B, this.extraParams));
-
- var url = this.url;
- url += (url.indexOf("?") != -1 ? "&" : "?") + p;
- if(this.nocache){
- url += "&_dc=" + (new Date().getTime());
- }
- var transId = ++Roo.data.ScriptTagProxy.TRANS_ID;
- var trans = {
- id : transId,
- cb : "stcCallback"+transId,
- scriptId : "stcScript"+transId,
- params : B,
- arg : F,
- url : url,
- callback : D,
- scope : E,
- reader : C
- };
- var conn = this;
-
- window[trans.cb] = function(o){
- conn.handleResponse(o, trans);
- };
-
- url += String.format("&{0}={1}", this.callbackParam, trans.cb);
-
- if(this.autoAbort !== false){
- this.abort();
- }
-
-
- trans.timeoutId = this.handleFailure.defer(this.timeout, this, [trans]);
-
- var script = document.createElement("script");
- script.setAttribute("src", url);
- script.setAttribute("type", "text/javascript");
- script.setAttribute("id", trans.scriptId);
- this.head.appendChild(script);
-
- this.trans = trans;
- }else {
- D.call(E||this, null, F, false);
- }
- },
-
-
- isLoading : function(){
- return this.trans ? true : false;
- },
-
-
-
- abort : function(){
- if(this.isLoading()){
- this.destroyTrans(this.trans);
- }
- },
-
-
- destroyTrans : function(G, H){
- this.head.removeChild(document.getElementById(G.scriptId));
- clearTimeout(G.timeoutId);
- if(H){
- window[G.cb] = undefined;
- try{
- delete window[G.cb];
- }catch(e){}
- }else {
-
- window[G.cb] = function(){
- window[G.cb] = undefined;
- try{
- delete window[G.cb];
- }catch(e){}
- };
- }
- },
-
-
- handleResponse : function(o, I){
- this.trans = false;
- this.destroyTrans(I, true);
- var J;
- try {
- J = I.reader.readRecords(o);
- }catch(e){
- this.fireEvent("loadexception", this, o, trans.arg, e);
- trans.callback.call(trans.scope||window, null, trans.arg, false);
- return;
- }
-
- this.fireEvent("load", this, o, I.arg);
- I.callback.call(I.scope||window, J, I.arg, true);
- },
-
-
- handleFailure : function(K){
- this.trans = false;
- this.destroyTrans(K, false);
- this.fireEvent("loadexception", this, null, K.arg);
- K.callback.call(K.scope||window, null, K.arg, false);
- }
-});
-
-
-
-
-
-Roo.data.JsonReader = function(meta, recordType){
-
- meta = meta || {};
-
- Roo.applyIf(meta, {
- totalProperty: 'total',
- successProperty : 'success',
- root : 'data',
- id : 'id'
- });
-
- Roo.data.JsonReader.superclass.constructor.call(this, meta, recordType||meta.fields);
-};
-Roo.extend(Roo.data.JsonReader, Roo.data.DataReader, {
-
-
- read : function(response){
- var json = response.responseText;
-
-
- var o = eval("("+json+")");
- if(!o) {
- throw {message: "JsonReader.read: Json object not found"};
- }
-
- if(o.metaData){
- delete this.ef;
- this.meta = o.metaData;
- this.recordType = Roo.data.Record.create(o.metaData.fields);
- this.onMetaChange(this.meta, this.recordType, o);
- }
- return this.readRecords(o);
- },
-
-
- onMetaChange : function(meta, recordType, o){
-
- },
-
-
-
- simpleAccess: function(obj, subsc) {
- return obj[subsc];
- },
-
-
-
- getJsonAccessor: function(){
- var re = /[\[\.]/;
- return function(expr) {
- try {
- return (re.test(expr))
- ? new Function("obj", "return obj." + expr)
- : function(obj){
- return obj[expr];
- };
- } catch(e){}
- return Roo.emptyFn;
- };
- }(),
-
-
-
- readRecords : function(o){
-
-
- this.jsonData = o;
- var s = this.meta, Record = this.recordType,
- f = Record.prototype.fields, fi = f.items, fl = f.length;
-
-
- if (!this.ef) {
- if(s.totalProperty) {
- this.getTotal = this.getJsonAccessor(s.totalProperty);
- }
- if(s.successProperty) {
- this.getSuccess = this.getJsonAccessor(s.successProperty);
- }
-
- this.getRoot = s.root ? this.getJsonAccessor(s.root) : function(p){return p;};
- if (s.id) {
- var g = this.getJsonAccessor(s.id);
- this.getId = function(rec) {
- var r = g(rec);
- return (r === undefined || r === "") ? null : r;
- };
- } else {
- this.getId = function(){return null;};
- }
-
- this.ef = [];
- for(var i = 0; i < fl; i++){
- f = fi[i];
- var map = (f.mapping !== undefined && f.mapping !== null) ? f.mapping : f.name;
- this.ef[i] = this.getJsonAccessor(map);
- }
- }
-
- var root = this.getRoot(o), c = root.length, totalRecords = c, success = true;
- if(s.totalProperty){
- var v = parseInt(this.getTotal(o), 10);
- if(!isNaN(v)){
- totalRecords = v;
- }
- }
- if(s.successProperty){
- var v = this.getSuccess(o);
- if(v === false || v === 'false'){
- success = false;
- }
- }
- var records = [];
- for(var i = 0; i < c; i++){
- var n = root[i];
- var values = {};
- var id = this.getId(n);
- for(var j = 0; j < fl; j++){
- f = fi[j];
- var v = this.ef[j](n);
- values[f.name] = f.convert((v !== undefined) ? v : f.defaultValue);
- }
- var record = new Record(values, id);
- record.json = n;
- records[i] = record;
- }
- return {
- success : success,
- records : records,
- totalRecords : totalRecords
- };
- }
-});
-
-
-
-
-
-Roo.data.XmlReader = function(A, B){
- A = A || {};
- Roo.data.XmlReader.superclass.constructor.call(this, A, B||A.fields);
-};
-Roo.extend(Roo.data.XmlReader, Roo.data.DataReader, {
-
-
- read : function(C){
- var D = C.responseXML;
- if(!D) {
- throw {message: "XmlReader.read: XML Document not available"};
- }
- return this.readRecords(D);
- },
-
-
-
- readRecords : function(E){
-
-
- this.xmlData = E;
- var F = E.documentElement || E;
- var q = Roo.DomQuery;
- var G = this.recordType, H = G.prototype.fields;
- var I = this.meta.id;
- var J = 0, K = true;
- if(this.meta.totalRecords){
- J = q.selectNumber(this.meta.totalRecords, F, 0);
- }
-
- if(this.meta.success){
- var sv = q.selectValue(this.meta.success, F, true);
- K = sv !== false && sv !== 'false';
- }
- var L = [];
- var ns = q.select(this.meta.record, F);
- for(var i = 0, len = ns.length; i < len; i++) {
- var n = ns[i];
- var values = {};
- var id = I ? q.selectValue(I, n) : undefined;
- for(var j = 0, jlen = H.length; j < jlen; j++){
- var f = H.items[j];
- var v = q.selectValue(f.mapping || f.name, n, f.defaultValue);
- v = f.convert(v);
- values[f.name] = v;
- }
- var record = new G(values, id);
- record.node = n;
- L[L.length] = record;
- }
-
- return {
- success : K,
- records : L,
- totalRecords : J || L.length
- };
- }
-});
-
-
-
-
-
-Roo.data.ArrayReader = function(A, B){
- Roo.data.ArrayReader.superclass.constructor.call(this, A, B);
-};
-
-Roo.extend(Roo.data.ArrayReader, Roo.data.JsonReader, {
-
-
- readRecords : function(o){
- var C = this.meta ? this.meta.id : null;
- var D = this.recordType, E = D.prototype.fields;
- var F = [];
- var G = o;
- for(var i = 0; i < G.length; i++){
- var n = G[i];
- var values = {};
- var id = ((C || C === 0) && n[C] !== undefined && n[C] !== "" ? n[C] : null);
- for(var j = 0, jlen = E.length; j < jlen; j++){
- var f = E.items[j];
- var k = f.mapping !== undefined && f.mapping !== null ? f.mapping : j;
- var v = n[k] !== undefined ? n[k] : f.defaultValue;
- v = f.convert(v);
- values[f.name] = v;
- }
- var record = new D(values, id);
- record.json = n;
- F[F.length] = record;
- }
- return {
- records : F,
- totalRecords : F.length
- };
- }
-});
-
-
-
-
-
-
-Roo.data.Tree = function(A){
- this.nodeHash = {};
-
-
- this.root = null;
- if(A){
- this.setRootNode(A);
- }
-
- this.addEvents({
-
-
- "append" : true,
-
-
- "remove" : true,
-
-
- "move" : true,
-
-
- "insert" : true,
-
-
- "beforeappend" : true,
-
-
- "beforeremove" : true,
-
-
- "beforemove" : true,
-
-
- "beforeinsert" : true
- });
-
- Roo.data.Tree.superclass.constructor.call(this);
-};
-
-Roo.extend(Roo.data.Tree, Roo.util.Observable, {
- pathSeparator: "/",
-
- proxyNodeEvent : function(){
- return this.fireEvent.apply(this, arguments);
- },
-
-
-
- getRootNode : function(){
- return this.root;
- },
-
-
-
- setRootNode : function(B){
- this.root = B;
- B.ownerTree = this;
- B.isRoot = true;
- this.registerNode(B);
- return B;
- },
-
-
-
- getNodeById : function(id){
- return this.nodeHash[id];
- },
-
- registerNode : function(C){
- this.nodeHash[C.id] = C;
- },
-
- unregisterNode : function(D){
- delete this.nodeHash[D.id];
- },
-
- toString : function(){
- return "[Tree"+(this.id?" "+this.id:"")+"]";
- }
-});
-
-
-
-Roo.data.Node = function(E){
-
-
- this.attributes = E || {};
- this.leaf = this.attributes.leaf;
-
-
- this.id = this.attributes.id;
- if(!this.id){
- this.id = Roo.id(null, "ynode-");
- this.attributes.id = this.id;
- }
-
-
-
- this.childNodes = [];
- if(!this.childNodes.indexOf){
- this.childNodes.indexOf = function(o){
- for(var i = 0, len = this.length; i < len; i++){
- if(this[i] == o) return i;
- }
- return -1;
- };
- }
-
-
-
- this.parentNode = null;
-
-
- this.firstChild = null;
-
-
- this.lastChild = null;
-
-
- this.previousSibling = null;
-
-
- this.nextSibling = null;
-
- this.addEvents({
-
-
- "append" : true,
-
-
- "remove" : true,
-
-
- "move" : true,
-
-
- "insert" : true,
-
-
- "beforeappend" : true,
-
-
- "beforeremove" : true,
-
-
- "beforemove" : true,
-
-
- "beforeinsert" : true
- });
- this.listeners = this.attributes.listeners;
- Roo.data.Node.superclass.constructor.call(this);
-};
-
-Roo.extend(Roo.data.Node, Roo.util.Observable, {
- fireEvent : function(F){
-
- if(Roo.data.Node.superclass.fireEvent.apply(this, arguments) === false){
- return false;
- }
-
- var ot = this.getOwnerTree();
- if(ot){
- if(ot.proxyNodeEvent.apply(ot, arguments) === false){
- return false;
- }
- }
- return true;
- },
-
-
-
- isLeaf : function(){
- return this.leaf === true;
- },
-
-
- setFirstChild : function(G){
- this.firstChild = G;
- },
-
-
- setLastChild : function(H){
- this.lastChild = H;
- },
-
-
-
-
- isLast : function(){
- return (!this.parentNode ? true : this.parentNode.lastChild == this);
- },
-
-
-
- isFirst : function(){
- return (!this.parentNode ? true : this.parentNode.firstChild == this);
- },
-
- hasChildNodes : function(){
- return !this.isLeaf() && this.childNodes.length > 0;
- },
-
-
-
- appendChild : function(I){
- var J = false;
- if(I instanceof Array){
- J = I;
- }else if(arguments.length > 1){
- J = arguments;
- }
-
- if(J){
- for(var i = 0, len = J.length; i < len; i++) {
- this.appendChild(J[i]);
- }
- }else {
- if(this.fireEvent("beforeappend", this.ownerTree, this, I) === false){
- return false;
- }
- var index = this.childNodes.length;
- var oldParent = I.parentNode;
-
- if(oldParent){
- if(I.fireEvent("beforemove", I.getOwnerTree(), I, oldParent, this, index) === false){
- return false;
- }
-
- oldParent.removeChild(I);
- }
-
- index = this.childNodes.length;
- if(index == 0){
- this.setFirstChild(I);
- }
-
- this.childNodes.push(I);
- I.parentNode = this;
- var ps = this.childNodes[index-1];
- if(ps){
- I.previousSibling = ps;
- ps.nextSibling = I;
- }else {
- I.previousSibling = null;
- }
-
- I.nextSibling = null;
- this.setLastChild(I);
- I.setOwnerTree(this.getOwnerTree());
- this.fireEvent("append", this.ownerTree, this, I, index);
- if(oldParent){
- I.fireEvent("move", this.ownerTree, I, oldParent, this, index);
- }
- return I;
- }
- },
-
-
-
- removeChild : function(K){
- var L = this.childNodes.indexOf(K);
- if(L == -1){
- return false;
- }
- if(this.fireEvent("beforeremove", this.ownerTree, this, K) === false){
- return false;
- }
-
-
-
- this.childNodes.splice(L, 1);
-
-
- if(K.previousSibling){
- K.previousSibling.nextSibling = K.nextSibling;
- }
- if(K.nextSibling){
- K.nextSibling.previousSibling = K.previousSibling;
- }
-
-
- if(this.firstChild == K){
- this.setFirstChild(K.nextSibling);
- }
- if(this.lastChild == K){
- this.setLastChild(K.previousSibling);
- }
-
-
- K.setOwnerTree(null);
-
- K.parentNode = null;
- K.previousSibling = null;
- K.nextSibling = null;
- this.fireEvent("remove", this.ownerTree, this, K);
- return K;
- },
-
-
-
- insertBefore : function(M, N){
- if(!N){
- return this.appendChild(M);
- }
-
- if(M == N){
- return false;
- }
-
- if(this.fireEvent("beforeinsert", this.ownerTree, this, M, N) === false){
- return false;
- }
- var O = this.childNodes.indexOf(N);
- var P = M.parentNode;
- var Q = O;
-
-
- if(P == this && this.childNodes.indexOf(M) < O){
- Q--;
- }
-
-
- if(P){
- if(M.fireEvent("beforemove", M.getOwnerTree(), M, P, this, O, N) === false){
- return false;
- }
-
- P.removeChild(M);
- }
- if(Q == 0){
- this.setFirstChild(M);
- }
-
- this.childNodes.splice(Q, 0, M);
- M.parentNode = this;
- var ps = this.childNodes[Q-1];
- if(ps){
- M.previousSibling = ps;
- ps.nextSibling = M;
- }else {
- M.previousSibling = null;
- }
-
- M.nextSibling = N;
- N.previousSibling = M;
- M.setOwnerTree(this.getOwnerTree());
- this.fireEvent("insert", this.ownerTree, this, M, N);
- if(P){
- M.fireEvent("move", this.ownerTree, M, P, this, Q, N);
- }
- return M;
- },
-
-
-
- item : function(R){
- return this.childNodes[R];
- },
-
-
-
- replaceChild : function(S, T){
- this.insertBefore(S, T);
- this.removeChild(T);
- return T;
- },
-
-
-
- indexOf : function(U){
- return this.childNodes.indexOf(U);
- },
-
-
-
- getOwnerTree : function(){
-
- if(!this.ownerTree){
- var p = this;
- while(p){
- if(p.ownerTree){
- this.ownerTree = p.ownerTree;
- break;
- }
-
- p = p.parentNode;
- }
- }
- return this.ownerTree;
- },
-
-
-
- getDepth : function(){
- var V = 0;
- var p = this;
- while(p.parentNode){
- ++V;
- p = p.parentNode;
- }
- return V;
- },
-
-
- setOwnerTree : function(W){
-
- if(W != this.ownerTree){
- if(this.ownerTree){
- this.ownerTree.unregisterNode(this);
- }
-
- this.ownerTree = W;
- var cs = this.childNodes;
- for(var i = 0, len = cs.length; i < len; i++) {
- cs[i].setOwnerTree(W);
- }
- if(W){
- W.registerNode(this);
- }
- }
- },
-
-
-
- getPath : function(X){
- X = X || "id";
- var p = this.parentNode;
- var b = [this.attributes[X]];
- while(p){
- b.unshift(p.attributes[X]);
- p = p.parentNode;
- }
- var Y = this.getOwnerTree().pathSeparator;
- return Y + b.join(Y);
- },
-
-
-
- bubble : function(fn, Z, a){
- var p = this;
- while(p){
- if(fn.call(Z || p, a || p) === false){
- break;
- }
-
- p = p.parentNode;
- }
- },
-
-
-
- cascade : function(fn, c, d){
- if(fn.call(c || this, d || this) !== false){
- var cs = this.childNodes;
- for(var i = 0, len = cs.length; i < len; i++) {
- cs[i].cascade(fn, c, d);
- }
- }
- },
-
-
-
- eachChild : function(fn, e, f){
- var cs = this.childNodes;
- for(var i = 0, len = cs.length; i < len; i++) {
- if(fn.call(e || this, f || cs[i]) === false){
- break;
- }
- }
- },
-
-
-
- findChild : function(g, h){
- var cs = this.childNodes;
- for(var i = 0, len = cs.length; i < len; i++) {
- if(cs[i].attributes[g] == h){
- return cs[i];
- }
- }
- return null;
- },
-
-
-
- findChildBy : function(fn, j){
- var cs = this.childNodes;
- for(var i = 0, len = cs.length; i < len; i++) {
- if(fn.call(j||cs[i], cs[i]) === true){
- return cs[i];
- }
- }
- return null;
- },
-
-
-
- sort : function(fn, k){
- var cs = this.childNodes;
- var l = cs.length;
- if(l > 0){
- var sortFn = k ? function(){fn.apply(k, arguments);} : fn;
- cs.sort(sortFn);
- for(var i = 0; i < l; i++){
- var n = cs[i];
- n.previousSibling = cs[i-1];
- n.nextSibling = cs[i+1];
- if(i == 0){
- this.setFirstChild(n);
- }
- if(i == l-1){
- this.setLastChild(n);
- }
- }
- }
- },
-
-
-
- contains : function(m){
- return m.isAncestor(this);
- },
-
-
-
- isAncestor : function(o){
- var p = this.parentNode;
- while(p){
- if(p == o){
- return true;
- }
-
- p = p.parentNode;
- }
- return false;
- },
-
- toString : function(){
- return "[Node"+(this.id?" "+this.id:"")+"]";
- }
-});
-
-
-
-
-
-
-Roo.ComponentMgr = function(){
- var A = new Roo.util.MixedCollection();
-
- return {
-
-
- register : function(c){
- A.add(c);
- },
-
-
-
- unregister : function(c){
- A.remove(c);
- },
-
-
-
- get : function(id){
- return A.get(id);
- },
-
-
-
- onAvailable : function(id, fn, C){
- A.on("add", function(D, o){
- if(o.id == id){
- fn.call(C || o, o);
- A.un("add", fn, C);
- }
- });
- }
- };
-}();
-
-
-
-
-
-Roo.Component = function(A){
- A = A || {};
- if(A.tagName || A.dom || typeof A == "string"){
- A = {el: A, id: A.id || A};
- }
-
- this.initialConfig = A;
-
- Roo.apply(this, A);
- this.addEvents({
-
-
- disable : true,
-
-
- enable : true,
-
-
- beforeshow : true,
-
-
- show : true,
-
-
- beforehide : true,
-
-
- hide : true,
-
-
- beforerender : true,
-
-
- render : true,
-
-
- beforedestroy : true,
-
-
- destroy : true
- });
- if(!this.id){
- this.id = "ext-comp-" + (++Roo.Component.AUTO_ID);
- }
-
- Roo.ComponentMgr.register(this);
- Roo.Component.superclass.constructor.call(this);
- this.initComponent();
- if(this.renderTo){
- this.render(this.renderTo);
- delete this.renderTo;
- }
-};
-
-
-Roo.Component.AUTO_ID = 1000;
-
-Roo.extend(Roo.Component, Roo.util.Observable, {
-
-
- hidden : false,
-
-
- disabled : false,
-
-
- rendered : false,
-
-
-
- disabledClass : "x-item-disabled",
-
-
- allowDomMove : true,
-
-
- hideMode: 'display',
-
-
- ctype : "Roo.Component",
-
-
-
- actionMode : "el",
-
-
- getActionEl : function(){
- return this[this.actionMode];
- },
-
- initComponent : Roo.emptyFn,
-
-
- render : function(B, C){
- if(!this.rendered && this.fireEvent("beforerender", this) !== false){
- if(!B && this.el){
- this.el = Roo.get(this.el);
- B = this.el.dom.parentNode;
- this.allowDomMove = false;
- }
-
- this.container = Roo.get(B);
- this.rendered = true;
- if(C !== undefined){
- if(typeof C == 'number'){
- C = this.container.dom.childNodes[C];
- }else {
- C = Roo.getDom(C);
- }
- }
-
- this.onRender(this.container, C || null);
- if(this.cls){
- this.el.addClass(this.cls);
- delete this.cls;
- }
- if(this.style){
- this.el.applyStyles(this.style);
- delete this.style;
- }
-
- this.fireEvent("render", this);
- this.afterRender(this.container);
- if(this.hidden){
- this.hide();
- }
- if(this.disabled){
- this.disable();
- }
- }
- return this;
- },
-
-
-
- onRender : function(ct, D){
- if(this.el){
- this.el = Roo.get(this.el);
- if(this.allowDomMove !== false){
- ct.dom.insertBefore(this.el.dom, D);
- }
- }
- },
-
-
- getAutoCreate : function(){
- var E = typeof this.autoCreate == "object" ?
- this.autoCreate : Roo.apply({}, this.defaultAutoCreate);
- if(this.id && !E.id){
- E.id = this.id;
- }
- return E;
- },
-
-
- afterRender : Roo.emptyFn,
-
-
-
- destroy : function(){
- if(this.fireEvent("beforedestroy", this) !== false){
- this.purgeListeners();
- this.beforeDestroy();
- if(this.rendered){
- this.el.removeAllListeners();
- this.el.remove();
- if(this.actionMode == "container"){
- this.container.remove();
- }
- }
-
- this.onDestroy();
- Roo.ComponentMgr.unregister(this);
- this.fireEvent("destroy", this);
- }
- },
-
-
- beforeDestroy : function(){
-
- },
-
-
- onDestroy : function(){
-
- },
-
-
-
- getEl : function(){
- return this.el;
- },
-
-
-
- getId : function(){
- return this.id;
- },
-
-
-
- focus : function(F){
- if(this.rendered){
- this.el.focus();
- if(F === true){
- this.el.dom.select();
- }
- }
- return this;
- },
-
-
- blur : function(){
- if(this.rendered){
- this.el.blur();
- }
- return this;
- },
-
-
-
- disable : function(){
- if(this.rendered){
- this.onDisable();
- }
-
- this.disabled = true;
- this.fireEvent("disable", this);
- return this;
- },
-
-
- onDisable : function(){
- this.getActionEl().addClass(this.disabledClass);
- this.el.dom.disabled = true;
- },
-
-
-
- enable : function(){
- if(this.rendered){
- this.onEnable();
- }
-
- this.disabled = false;
- this.fireEvent("enable", this);
- return this;
- },
-
-
- onEnable : function(){
- this.getActionEl().removeClass(this.disabledClass);
- this.el.dom.disabled = false;
- },
-
-
-
- setDisabled : function(G){
- this[G ? "disable" : "enable"]();
- },
-
-
-
- show: function(){
- if(this.fireEvent("beforeshow", this) !== false){
- this.hidden = false;
- if(this.rendered){
- this.onShow();
- }
-
- this.fireEvent("show", this);
- }
- return this;
- },
-
-
- onShow : function(){
- var ae = this.getActionEl();
- if(this.hideMode == 'visibility'){
- ae.dom.style.visibility = "visible";
- }else if(this.hideMode == 'offsets'){
- ae.removeClass('x-hidden');
- }else {
- ae.dom.style.display = "";
- }
- },
-
-
-
- hide: function(){
- if(this.fireEvent("beforehide", this) !== false){
- this.hidden = true;
- if(this.rendered){
- this.onHide();
- }
-
- this.fireEvent("hide", this);
- }
- return this;
- },
-
-
- onHide : function(){
- var ae = this.getActionEl();
- if(this.hideMode == 'visibility'){
- ae.dom.style.visibility = "hidden";
- }else if(this.hideMode == 'offsets'){
- ae.addClass('x-hidden');
- }else {
- ae.dom.style.display = "none";
- }
- },
-
-
-
- setVisible: function(H){
- if(H) {
- this.show();
- }else {
- this.hide();
- }
- return this;
- },
-
-
-
- isVisible : function(){
- return this.getActionEl().isVisible();
- },
-
- cloneConfig : function(I){
- I = I || {};
- var id = I.id || Roo.id();
- var J = Roo.applyIf(I, this.initialConfig);
- J.id = id;
- return new this.constructor(J);
- }
-});
-
-
- (function(){
-
-
-
-Roo.Layer = function(C, D){
- C = C || {};
- var dh = Roo.DomHelper;
- var cp = C.parentEl, E = cp ? Roo.getDom(cp) : document.body;
- if(D){
- this.dom = Roo.getDom(D);
- }
- if(!this.dom){
- var o = C.dh || {tag: "div", cls: "x-layer"};
- this.dom = dh.append(E, o);
- }
- if(C.cls){
- this.addClass(C.cls);
- }
-
- this.constrain = C.constrain !== false;
- this.visibilityMode = Roo.Element.VISIBILITY;
- if(C.id){
- this.id = this.dom.id = C.id;
- }else {
- this.id = Roo.id(this.dom);
- }
-
- this.zindex = C.zindex || this.getZIndex();
- this.position("absolute", this.zindex);
- if(C.shadow){
- this.shadowOffset = C.shadowOffset || 4;
- this.shadow = new Roo.Shadow({
- offset : this.shadowOffset,
- mode : C.shadow
- });
- }else {
- this.shadowOffset = 0;
- }
-
- this.useShim = C.shim !== false && Roo.useShims;
- this.useDisplay = C.useDisplay;
- this.hide();
-};
-
-var A = Roo.Element.prototype;
-
-
-var B = [];
-
-Roo.extend(Roo.Layer, Roo.Element, {
-
- getZIndex : function(){
- return this.zindex || parseInt(this.getStyle("z-index"), 10) || 11000;
- },
-
- getShim : function(){
- if(!this.useShim){
- return null;
- }
- if(this.shim){
- return this.shim;
- }
- var C = B.shift();
- if(!C){
- C = this.createShim();
- C.enableDisplayMode('block');
- C.dom.style.display = 'none';
- C.dom.style.visibility = 'visible';
- }
- var pn = this.dom.parentNode;
- if(C.dom.parentNode != pn){
- pn.insertBefore(C.dom, this.dom);
- }
-
- C.setStyle('z-index', this.getZIndex()-2);
- this.shim = C;
- return C;
- },
-
- hideShim : function(){
- if(this.shim){
- this.shim.setDisplayed(false);
- B.push(this.shim);
- delete this.shim;
- }
- },
-
- disableShadow : function(){
- if(this.shadow){
- this.shadowDisabled = true;
- this.shadow.hide();
- this.lastShadowOffset = this.shadowOffset;
- this.shadowOffset = 0;
- }
- },
-
- enableShadow : function(D){
- if(this.shadow){
- this.shadowDisabled = false;
- this.shadowOffset = this.lastShadowOffset;
- delete this.lastShadowOffset;
- if(D){
- this.sync(true);
- }
- }
- },
-
-
-
-
- sync : function(E){
- var sw = this.shadow;
- if(!this.updating && this.isVisible() && (sw || this.useShim)){
- var sh = this.getShim();
-
- var w = this.getWidth(),
- h = this.getHeight();
-
- var l = this.getLeft(true),
- t = this.getTop(true);
-
- if(sw && !this.shadowDisabled){
- if(E && !sw.isVisible()){
- sw.show(this);
- }else {
- sw.realign(l, t, w, h);
- }
- if(sh){
- if(E){
- sh.show();
- }
-
- var a = sw.adjusts, s = sh.dom.style;
- s.left = (Math.min(l, l+a.l))+"px";
- s.top = (Math.min(t, t+a.t))+"px";
- s.width = (w+a.w)+"px";
- s.height = (h+a.h)+"px";
- }
- }else if(sh){
- if(E){
- sh.show();
- }
-
- sh.setSize(w, h);
- sh.setLeftTop(l, t);
- }
-
- }
- },
-
-
- destroy : function(){
- this.hideShim();
- if(this.shadow){
- this.shadow.hide();
- }
-
- this.removeAllListeners();
- var pn = this.dom.parentNode;
- if(pn){
- pn.removeChild(this.dom);
- }
-
- Roo.Element.uncache(this.id);
- },
-
- remove : function(){
- this.destroy();
- },
-
-
- beginUpdate : function(){
- this.updating = true;
- },
-
-
- endUpdate : function(){
- this.updating = false;
- this.sync(true);
- },
-
-
- hideUnders : function(F){
- if(this.shadow){
- this.shadow.hide();
- }
-
- this.hideShim();
- },
-
-
- constrainXY : function(){
- if(this.constrain){
- var vw = Roo.lib.Dom.getViewWidth(),
- vh = Roo.lib.Dom.getViewHeight();
- var s = Roo.get(document).getScroll();
-
- var xy = this.getXY();
- var x = xy[0], y = xy[1];
- var w = this.dom.offsetWidth+this.shadowOffset, h = this.dom.offsetHeight+this.shadowOffset;
-
- var moved = false;
-
- if((x + w) > vw+s.left){
- x = vw - w - this.shadowOffset;
- moved = true;
- }
- if((y + h) > vh+s.top){
- y = vh - h - this.shadowOffset;
- moved = true;
- }
-
- if(x < s.left){
- x = s.left;
- moved = true;
- }
- if(y < s.top){
- y = s.top;
- moved = true;
- }
- if(moved){
- if(this.avoidY){
- var ay = this.avoidY;
- if(y <= ay && (y+h) >= ay){
- y = ay-h-5;
- }
- }
-
- xy = [x, y];
- this.storeXY(xy);
- A.setXY.call(this, xy);
- this.sync();
- }
- }
- },
-
- isVisible : function(){
- return this.visible;
- },
-
-
- showAction : function(){
- this.visible = true;
- if(this.useDisplay === true){
- this.setDisplayed("");
- }else if(this.lastXY){
- A.setXY.call(this, this.lastXY);
- }else if(this.lastLT){
- A.setLeftTop.call(this, this.lastLT[0], this.lastLT[1]);
- }
- },
-
-
- hideAction : function(){
- this.visible = false;
- if(this.useDisplay === true){
- this.setDisplayed(false);
- }else {
- this.setLeftTop(-10000,-10000);
- }
- },
-
-
- setVisible : function(v, a, d, c, e){
- if(v){
- this.showAction();
- }
- if(a && v){
- var cb = function(){
- this.sync(true);
- if(c){
- c();
- }
- }.createDelegate(this);
- A.setVisible.call(this, true, true, d, cb, e);
- }else {
- if(!v){
- this.hideUnders(true);
- }
- var cb = c;
- if(a){
- cb = function(){
- this.hideAction();
- if(c){
- c();
- }
- }.createDelegate(this);
- }
-
- A.setVisible.call(this, v, a, d, cb, e);
- if(v){
- this.sync(true);
- }else if(!a){
- this.hideAction();
- }
- }
- },
-
- storeXY : function(xy){
- delete this.lastLT;
- this.lastXY = xy;
- },
-
- storeLeftTop : function(G, H){
- delete this.lastXY;
- this.lastLT = [G, H];
- },
-
-
- beforeFx : function(){
- this.beforeAction();
- return Roo.Layer.superclass.beforeFx.apply(this, arguments);
- },
-
-
- afterFx : function(){
- Roo.Layer.superclass.afterFx.apply(this, arguments);
- this.sync(this.isVisible());
- },
-
-
- beforeAction : function(){
- if(!this.updating && this.shadow){
- this.shadow.hide();
- }
- },
-
-
- setLeft : function(I){
- this.storeLeftTop(I, this.getTop(true));
- A.setLeft.apply(this, arguments);
- this.sync();
- },
-
- setTop : function(J){
- this.storeLeftTop(this.getLeft(true), J);
- A.setTop.apply(this, arguments);
- this.sync();
- },
-
- setLeftTop : function(K, L){
- this.storeLeftTop(K, L);
- A.setLeftTop.apply(this, arguments);
- this.sync();
- },
-
- setXY : function(xy, a, d, c, e){
- this.fixDisplay();
- this.beforeAction();
- this.storeXY(xy);
- var cb = this.createCB(c);
- A.setXY.call(this, xy, a, d, cb, e);
- if(!a){
- cb();
- }
- },
-
-
- createCB : function(c){
- var el = this;
- return function(){
- el.constrainXY();
- el.sync(true);
- if(c){
- c();
- }
- };
- },
-
-
- setX : function(x, a, d, c, e){
- this.setXY([x, this.getY()], a, d, c, e);
- },
-
-
- setY : function(y, a, d, c, e){
- this.setXY([this.getX(), y], a, d, c, e);
- },
-
-
- setSize : function(w, h, a, d, c, e){
- this.beforeAction();
- var cb = this.createCB(c);
- A.setSize.call(this, w, h, a, d, cb, e);
- if(!a){
- cb();
- }
- },
-
-
- setWidth : function(w, a, d, c, e){
- this.beforeAction();
- var cb = this.createCB(c);
- A.setWidth.call(this, w, a, d, cb, e);
- if(!a){
- cb();
- }
- },
-
-
- setHeight : function(h, a, d, c, e){
- this.beforeAction();
- var cb = this.createCB(c);
- A.setHeight.call(this, h, a, d, cb, e);
- if(!a){
- cb();
- }
- },
-
-
- setBounds : function(x, y, w, h, a, d, c, e){
- this.beforeAction();
- var cb = this.createCB(c);
- if(!a){
- this.storeXY([x, y]);
- A.setXY.call(this, [x, y]);
- A.setSize.call(this, w, h, a, d, cb, e);
- cb();
- }else {
- A.setBounds.call(this, x, y, w, h, a, d, cb, e);
- }
- return this;
- },
-
-
-
- setZIndex : function(M){
- this.zindex = M;
- this.setStyle("z-index", M + 2);
- if(this.shadow){
- this.shadow.setZIndex(M + 1);
- }
- if(this.shim){
- this.shim.setStyle("z-index", M);
- }
- }
-});
-})();
-
-
-
-
-
-
-Roo.Shadow = function(A){
- Roo.apply(this, A);
- if(typeof this.mode != "string"){
- this.mode = this.defaultMode;
- }
- var o = this.offset, a = {h: 0};
- var B = Math.floor(this.offset/2);
- switch(this.mode.toLowerCase()){
- case "drop":
- a.w = 0;
- a.l = a.t = o;
- a.t -= 1;
- if(Roo.isIE){
- a.l -= this.offset + B;
- a.t -= this.offset + B;
- a.w -= B;
- a.h -= B;
- a.t += 1;
- }
- break;
- case "sides":
- a.w = (o*2);
- a.l = -o;
- a.t = o-1;
- if(Roo.isIE){
- a.l -= (this.offset - B);
- a.t -= this.offset + B;
- a.l += 1;
- a.w -= (this.offset - B)*2;
- a.w -= B + 1;
- a.h -= 1;
- }
- break;
- case "frame":
- a.w = a.h = (o*2);
- a.l = a.t = -o;
- a.t += 1;
- a.h -= 2;
- if(Roo.isIE){
- a.l -= (this.offset - B);
- a.t -= (this.offset - B);
- a.l += 1;
- a.w -= (this.offset + B + 1);
- a.h -= (this.offset + B);
- a.h += 1;
- }
- break;
- };
-
- this.adjusts = a;
-};
-
-Roo.Shadow.prototype = {
-
-
-
-
- offset: 4,
-
-
- defaultMode: "drop",
-
-
-
- show : function(C){
- C = Roo.get(C);
- if(!this.el){
- this.el = Roo.Shadow.Pool.pull();
- if(this.el.dom.nextSibling != C.dom){
- this.el.insertBefore(C);
- }
- }
-
- this.el.setStyle("z-index", this.zIndex || parseInt(C.getStyle("z-index"), 10)-1);
- if(Roo.isIE){
- this.el.dom.style.filter="progid:DXImageTransform.Microsoft.alpha(opacity=50) progid:DXImageTransform.Microsoft.Blur(pixelradius="+(this.offset)+")";
- }
-
- this.realign(
- C.getLeft(true),
- C.getTop(true),
- C.getWidth(),
- C.getHeight()
- );
- this.el.dom.style.display = "block";
- },
-
-
-
- isVisible : function(){
- return this.el ? true : false;
- },
-
-
-
- realign : function(l, t, w, h){
- if(!this.el){
- return;
- }
- var a = this.adjusts, d = this.el.dom, s = d.style;
- var D = 0;
- s.left = (l+a.l)+"px";
- s.top = (t+a.t)+"px";
- var sw = (w+a.w), sh = (h+a.h), E = sw +"px", F = sh + "px";
- if(s.width != E || s.height != F){
- s.width = E;
- s.height = F;
- if(!Roo.isIE){
- var cn = d.childNodes;
- var sww = Math.max(0, (sw-12))+"px";
- cn[0].childNodes[1].style.width = sww;
- cn[1].childNodes[1].style.width = sww;
- cn[2].childNodes[1].style.width = sww;
- cn[1].style.height = Math.max(0, (sh-12))+"px";
- }
- }
- },
-
-
-
- hide : function(){
- if(this.el){
- this.el.dom.style.display = "none";
- Roo.Shadow.Pool.push(this.el);
- delete this.el;
- }
- },
-
-
-
- setZIndex : function(z){
- this.zIndex = z;
- if(this.el){
- this.el.setStyle("z-index", z);
- }
- }
-};
-
-
-Roo.Shadow.Pool = function(){
- var p = [];
- var G = Roo.isIE ?
- '<div class="x-ie-shadow"></div>' :
- '<div class="x-shadow"><div class="xst"><div class="xstl"></div><div class="xstc"></div><div class="xstr"></div></div><div class="xsc"><div class="xsml"></div><div class="xsmc"></div><div class="xsmr"></div></div><div class="xsb"><div class="xsbl"></div><div class="xsbc"></div><div class="xsbr"></div></div></div>';
- return {
- pull : function(){
- var sh = p.shift();
- if(!sh){
- sh = Roo.get(Roo.DomHelper.insertHtml("beforeBegin", document.body.firstChild, G));
- sh.autoBoxAdjust = false;
- }
- return sh;
- },
-
- push : function(sh){
- p.push(sh);
- }
- };
-}();
-
-
-
-
-
-Roo.BoxComponent = function(A){
- Roo.Component.call(this, A);
- this.addEvents({
-
-
- resize : true,
-
-
- move : true
- });
-};
-
-Roo.extend(Roo.BoxComponent, Roo.Component, {
-
- boxReady : false,
-
- deferHeight: false,
-
-
-
-
-
-
-
- setSize : function(w, h){
-
- if(typeof w == 'object'){
- h = w.height;
- w = w.width;
- }
-
- if(!this.boxReady){
- this.width = w;
- this.height = h;
- return this;
- }
-
-
- if(this.lastSize && this.lastSize.width == w && this.lastSize.height == h){
- return this;
- }
-
- this.lastSize = {width: w, height: h};
-
- var B = this.adjustSize(w, h);
- var aw = B.width, ah = B.height;
- if(aw !== undefined || ah !== undefined){
- var rz = this.getResizeEl();
- if(!this.deferHeight && aw !== undefined && ah !== undefined){
- rz.setSize(aw, ah);
- }else if(!this.deferHeight && ah !== undefined){
- rz.setHeight(ah);
- }else if(aw !== undefined){
- rz.setWidth(aw);
- }
-
- this.onResize(aw, ah, w, h);
- this.fireEvent('resize', this, aw, ah, w, h);
- }
- return this;
- },
-
-
-
- getSize : function(){
- return this.el.getSize();
- },
-
-
-
- getPosition : function(C){
- if(C === true){
- return [this.el.getLeft(true), this.el.getTop(true)];
- }
- return this.xy || this.el.getXY();
- },
-
-
-
- getBox : function(D){
- var s = this.el.getSize();
- if(D){
- s.x = this.el.getLeft(true);
- s.y = this.el.getTop(true);
- }else {
- var xy = this.xy || this.el.getXY();
- s.x = xy[0];
- s.y = xy[1];
- }
- return s;
- },
-
-
-
- updateBox : function(E){
- this.setSize(E.width, E.height);
- this.setPagePosition(E.x, E.y);
- return this;
- },
-
-
- getResizeEl : function(){
- return this.resizeEl || this.el;
- },
-
-
- getPositionEl : function(){
- return this.positionEl || this.el;
- },
-
-
-
- setPosition : function(x, y){
- this.x = x;
- this.y = y;
- if(!this.boxReady){
- return this;
- }
- var F = this.adjustPosition(x, y);
- var ax = F.x, ay = F.y;
-
- var el = this.getPositionEl();
- if(ax !== undefined || ay !== undefined){
- if(ax !== undefined && ay !== undefined){
- el.setLeftTop(ax, ay);
- }else if(ax !== undefined){
- el.setLeft(ax);
- }else if(ay !== undefined){
- el.setTop(ay);
- }
-
- this.onPosition(ax, ay);
- this.fireEvent('move', this, ax, ay);
- }
- return this;
- },
-
-
-
- setPagePosition : function(x, y){
- this.pageX = x;
- this.pageY = y;
- if(!this.boxReady){
- return;
- }
- if(x === undefined || y === undefined){
- return;
- }
- var p = this.el.translatePoints(x, y);
- this.setPosition(p.left, p.top);
- return this;
- },
-
-
- onRender : function(ct, G){
- Roo.BoxComponent.superclass.onRender.call(this, ct, G);
- if(this.resizeEl){
- this.resizeEl = Roo.get(this.resizeEl);
- }
- if(this.positionEl){
- this.positionEl = Roo.get(this.positionEl);
- }
- },
-
-
- afterRender : function(){
- Roo.BoxComponent.superclass.afterRender.call(this);
- this.boxReady = true;
- this.setSize(this.width, this.height);
- if(this.x || this.y){
- this.setPosition(this.x, this.y);
- }
- if(this.pageX || this.pageY){
- this.setPagePosition(this.pageX, this.pageY);
- }
- },
-
-
-
- syncSize : function(){
- delete this.lastSize;
- this.setSize(this.el.getWidth(), this.el.getHeight());
- return this;
- },
-
-
-
- onResize : function(H, I, J, K){
-
- },
-
-
-
- onPosition : function(x, y){
-
- },
-
-
- adjustSize : function(w, h){
- if(this.autoWidth){
- w = 'auto';
- }
- if(this.autoHeight){
- h = 'auto';
- }
- return {width : w, height: h};
- },
-
-
- adjustPosition : function(x, y){
- return {x : x, y: y};
- }
-});
-
-
-
-
-
-
-Roo.SplitBar = function(A, B, C, D, E){
-
-
-
- this.el = Roo.get(A, true);
- this.el.dom.unselectable = "on";
-
-
- this.resizingEl = Roo.get(B, true);
-
-
-
- this.orientation = C || Roo.SplitBar.HORIZONTAL;
-
-
-
- this.minSize = 0;
-
-
-
- this.maxSize = 2000;
-
-
-
- this.animate = false;
-
-
-
- this.useShim = false;
-
-
-
- this.shim = null;
-
- if(!E){
-
-
- this.proxy = Roo.SplitBar.createProxy(this.orientation);
- }else {
- this.proxy = Roo.get(E).dom;
- }
-
-
-
- this.dd = new Roo.dd.DDProxy(this.el.dom.id, "XSplitBars", {dragElId : this.proxy.id});
-
-
-
- this.dd.b4StartDrag = this.onStartProxyDrag.createDelegate(this);
-
-
-
- this.dd.endDrag = this.onEndProxyDrag.createDelegate(this);
-
-
-
- this.dragSpecs = {};
-
-
-
- this.adapter = new Roo.SplitBar.BasicLayoutAdapter();
- this.adapter.init(this);
-
- if(this.orientation == Roo.SplitBar.HORIZONTAL){
-
-
- this.placement = D || (this.el.getX() > this.resizingEl.getX() ? Roo.SplitBar.LEFT : Roo.SplitBar.RIGHT);
- this.el.addClass("x-splitbar-h");
- }else {
-
-
- this.placement = D || (this.el.getY() > this.resizingEl.getY() ? Roo.SplitBar.TOP : Roo.SplitBar.BOTTOM);
- this.el.addClass("x-splitbar-v");
- }
-
-
- this.addEvents({
-
-
- "resize" : true,
-
-
- "moved" : true,
-
-
- "beforeresize" : true,
-
- "beforeapply" : true
- });
-
- Roo.util.Observable.call(this);
-};
-
-Roo.extend(Roo.SplitBar, Roo.util.Observable, {
- onStartProxyDrag : function(x, y){
- this.fireEvent("beforeresize", this);
- if(!this.overlay){
- var o = Roo.DomHelper.insertFirst(document.body, {cls: "x-drag-overlay", html: " "}, true);
- o.unselectable();
- o.enableDisplayMode("block");
-
- Roo.SplitBar.prototype.overlay = o;
- }
-
- this.overlay.setSize(Roo.lib.Dom.getViewWidth(true), Roo.lib.Dom.getViewHeight(true));
- this.overlay.show();
- Roo.get(this.proxy).setDisplayed("block");
- var F = this.adapter.getElementSize(this);
- this.activeMinSize = this.getMinimumSize();;
- this.activeMaxSize = this.getMaximumSize();;
- var c1 = F - this.activeMinSize;
- var c2 = Math.max(this.activeMaxSize - F, 0);
- if(this.orientation == Roo.SplitBar.HORIZONTAL){
- this.dd.resetConstraints();
- this.dd.setXConstraint(
- this.placement == Roo.SplitBar.LEFT ? c1 : c2,
- this.placement == Roo.SplitBar.LEFT ? c2 : c1
- );
- this.dd.setYConstraint(0, 0);
- }else {
- this.dd.resetConstraints();
- this.dd.setXConstraint(0, 0);
- this.dd.setYConstraint(
- this.placement == Roo.SplitBar.TOP ? c1 : c2,
- this.placement == Roo.SplitBar.TOP ? c2 : c1
- );
- }
-
- this.dragSpecs.startSize = F;
- this.dragSpecs.startPoint = [x, y];
- Roo.dd.DDProxy.prototype.b4StartDrag.call(this.dd, x, y);
- },
-
-
-
- onEndProxyDrag : function(e){
- Roo.get(this.proxy).setDisplayed(false);
- var G = Roo.lib.Event.getXY(e);
- if(this.overlay){
- this.overlay.hide();
- }
- var H;
- if(this.orientation == Roo.SplitBar.HORIZONTAL){
- H = this.dragSpecs.startSize +
- (this.placement == Roo.SplitBar.LEFT ?
- G[0] - this.dragSpecs.startPoint[0] :
- this.dragSpecs.startPoint[0] - G[0]
- );
- }else {
- H = this.dragSpecs.startSize +
- (this.placement == Roo.SplitBar.TOP ?
- G[1] - this.dragSpecs.startPoint[1] :
- this.dragSpecs.startPoint[1] - G[1]
- );
- }
-
- H = Math.min(Math.max(H, this.activeMinSize), this.activeMaxSize);
- if(H != this.dragSpecs.startSize){
- if(this.fireEvent('beforeapply', this, H) !== false){
- this.adapter.setElementSize(this, H);
- this.fireEvent("moved", this, H);
- this.fireEvent("resize", this, H);
- }
- }
- },
-
-
-
- getAdapter : function(){
- return this.adapter;
- },
-
-
-
- setAdapter : function(I){
- this.adapter = I;
- this.adapter.init(this);
- },
-
-
-
- getMinimumSize : function(){
- return this.minSize;
- },
-
-
-
- setMinimumSize : function(J){
- this.minSize = J;
- },
-
-
-
- getMaximumSize : function(){
- return this.maxSize;
- },
-
-
-
- setMaximumSize : function(K){
- this.maxSize = K;
- },
-
-
-
- setCurrentSize : function(L){
- var M = this.animate;
- this.animate = false;
- this.adapter.setElementSize(this, L);
- this.animate = M;
- },
-
-
-
- destroy : function(N){
- if(this.shim){
- this.shim.remove();
- }
-
- this.dd.unreg();
- this.proxy.parentNode.removeChild(this.proxy);
- if(N){
- this.el.remove();
- }
- }
-});
-
-
-
-Roo.SplitBar.createProxy = function(O){
- var P = new Roo.Element(document.createElement("div"));
- P.unselectable();
- var Q = 'x-splitbar-proxy';
- P.addClass(Q + ' ' + (O == Roo.SplitBar.HORIZONTAL ? Q +'-h' : Q + '-v'));
- document.body.appendChild(P.dom);
- return P.dom;
-};
-
-
-
-Roo.SplitBar.BasicLayoutAdapter = function(){
-};
-
-Roo.SplitBar.BasicLayoutAdapter.prototype = {
-
- init : function(s){
-
- },
-
-
- getElementSize : function(s){
- if(s.orientation == Roo.SplitBar.HORIZONTAL){
- return s.resizingEl.getWidth();
- }else {
- return s.resizingEl.getHeight();
- }
- },
-
-
-
- setElementSize : function(s, R, S){
- if(s.orientation == Roo.SplitBar.HORIZONTAL){
- if(!s.animate){
- s.resizingEl.setWidth(R);
- if(S){
- S(s, R);
- }
- }else {
- s.resizingEl.setWidth(R, true, .1, S, 'easeOut');
- }
- }else {
-
- if(!s.animate){
- s.resizingEl.setHeight(R);
- if(S){
- S(s, R);
- }
- }else {
- s.resizingEl.setHeight(R, true, .1, S, 'easeOut');
- }
- }
- }
-};
-
-
-
-Roo.SplitBar.AbsoluteLayoutAdapter = function(T){
- this.basic = new Roo.SplitBar.BasicLayoutAdapter();
- this.container = Roo.get(T);
-};
-
-Roo.SplitBar.AbsoluteLayoutAdapter.prototype = {
- init : function(s){
- this.basic.init(s);
- },
-
- getElementSize : function(s){
- return this.basic.getElementSize(s);
- },
-
- setElementSize : function(s, U, V){
- this.basic.setElementSize(s, U, this.moveSplitter.createDelegate(this, [s]));
- },
-
- moveSplitter : function(s){
- var W = Roo.SplitBar;
- switch(s.placement){
- case W.LEFT:
- s.el.setX(s.resizingEl.getRight());
- break;
- case W.RIGHT:
- s.el.setStyle("right", (this.container.getWidth() - s.resizingEl.getLeft()) + "px");
- break;
- case W.TOP:
- s.el.setY(s.resizingEl.getBottom());
- break;
- case W.BOTTOM:
- s.el.setY(s.resizingEl.getTop() - s.el.getHeight());
- break;
- }
- }
-};
-
-
-
-Roo.SplitBar.VERTICAL = 1;
-
-
-
-Roo.SplitBar.HORIZONTAL = 2;
-
-
-
-Roo.SplitBar.LEFT = 1;
-
-
-
-Roo.SplitBar.RIGHT = 2;
-
-
-
-Roo.SplitBar.TOP = 3;
-
-
-
-Roo.SplitBar.BOTTOM = 4;
-
-
-
-
-
-
-Roo.View = function(A, B, C){
-
- if (typeof(B) == 'undefined') {
-
- Roo.apply(this, A);
- this.el = Roo.get(this.el);
- } else {
-
- this.el = Roo.get(A);
- this.tpl = B;
- Roo.apply(this, C);
- }
-
-
- if(typeof(this.tpl) == "string"){
- this.tpl = new Roo.Template(this.tpl);
- } else {
-
- this.tpl = new Roo.factory(this.tpl, Roo);
- }
-
-
-
- this.tpl.compile();
-
-
-
-
-
- this.addEvents({
-
-
- "beforeclick" : true,
-
-
- "click" : true,
-
-
- "dblclick" : true,
-
-
- "contextmenu" : true,
-
-
- "selectionchange" : true,
-
-
-
- "beforeselect" : true
- });
-
- this.el.on({
- "click": this.onClick,
- "dblclick": this.onDblClick,
- "contextmenu": this.onContextMenu,
- scope:this
- });
-
- this.selections = [];
- this.nodes = [];
- this.cmp = new Roo.CompositeElementLite([]);
- if(this.store){
- this.store = Roo.factory(this.store, Roo.data);
- this.setStore(this.store, true);
- }
-
- Roo.View.superclass.constructor.call(this);
-};
-
-Roo.extend(Roo.View, Roo.util.Observable, {
-
-
-
- store : false,
-
-
-
- el : '',
-
-
-
- tpl : false,
-
-
-
- selectedClass : "x-view-selected",
-
-
- emptyText : "",
-
-
- getEl : function(){
- return this.el;
- },
-
-
-
- refresh : function(){
- var t = this.tpl;
- this.clearSelections();
- this.el.update("");
- var D = [];
- var E = this.store.getRange();
- if(E.length < 1){
- this.el.update(this.emptyText);
- return;
- }
- for(var i = 0, len = E.length; i < len; i++){
- var data = this.prepareData(E[i].data, i, E[i]);
- D[D.length] = t.apply(data);
- }
-
- this.el.update(D.join(""));
- this.nodes = this.el.dom.childNodes;
- this.updateIndexes(0);
- },
-
-
-
- prepareData : function(F){
- return F;
- },
-
- onUpdate : function(ds, G){
- this.clearSelections();
- var H = this.store.indexOf(G);
- var n = this.nodes[H];
- this.tpl.insertBefore(n, this.prepareData(G.data));
- n.parentNode.removeChild(n);
- this.updateIndexes(H, H);
- },
-
- onAdd : function(ds, I, J){
- this.clearSelections();
- if(this.nodes.length == 0){
- this.refresh();
- return;
- }
- var n = this.nodes[J];
- for(var i = 0, len = I.length; i < len; i++){
- var d = this.prepareData(I[i].data);
- if(n){
- this.tpl.insertBefore(n, d);
- }else {
- this.tpl.append(this.el, d);
- }
- }
-
- this.updateIndexes(J);
- },
-
- onRemove : function(ds, K, L){
- this.clearSelections();
- this.el.dom.removeChild(this.nodes[L]);
- this.updateIndexes(L);
- },
-
-
-
- refreshNode : function(M){
- this.onUpdate(this.store, this.store.getAt(M));
- },
-
- updateIndexes : function(N, O){
- var ns = this.nodes;
- N = N || 0;
- O = O || ns.length - 1;
- for(var i = N; i <= O; i++){
- ns[i].nodeIndex = i;
- }
- },
-
-
-
- setStore : function(P, Q){
- if(!Q && this.store){
- this.store.un("datachanged", this.refresh);
- this.store.un("add", this.onAdd);
- this.store.un("remove", this.onRemove);
- this.store.un("update", this.onUpdate);
- this.store.un("clear", this.refresh);
- }
- if(P){
-
- P.on("datachanged", this.refresh, this);
- P.on("add", this.onAdd, this);
- P.on("remove", this.onRemove, this);
- P.on("update", this.onUpdate, this);
- P.on("clear", this.refresh, this);
- }
-
- if(P){
- this.refresh();
- }
- },
-
-
-
- findItemFromChild : function(R){
- var el = this.el.dom;
- if(!R || R.parentNode == el){
- return R;
- }
- var p = R.parentNode;
- while(p && p != el){
- if(p.parentNode == el){
- return p;
- }
-
- p = p.parentNode;
- }
- return null;
- },
-
-
-
- onClick : function(e){
- var S = this.findItemFromChild(e.getTarget());
- if(S){
- var M = this.indexOf(S);
- if(this.onItemClick(S, M, e) !== false){
- this.fireEvent("click", this, M, S, e);
- }
- }else {
- this.clearSelections();
- }
- },
-
-
-
- onContextMenu : function(e){
- var T = this.findItemFromChild(e.getTarget());
- if(T){
- this.fireEvent("contextmenu", this, this.indexOf(T), T, e);
- }
- },
-
-
-
- onDblClick : function(e){
- var U = this.findItemFromChild(e.getTarget());
- if(U){
- this.fireEvent("dblclick", this, this.indexOf(U), U, e);
- }
- },
-
- onItemClick : function(V, W, e){
- if(this.fireEvent("beforeclick", this, W, V, e) === false){
- return false;
- }
- if(this.multiSelect || this.singleSelect){
- if(this.multiSelect && e.shiftKey && this.lastSelection){
- this.select(this.getNodes(this.indexOf(this.lastSelection), W), false);
- }else {
- this.select(V, this.multiSelect && e.ctrlKey);
- this.lastSelection = V;
- }
-
- e.preventDefault();
- }
- return true;
- },
-
-
-
- getSelectionCount : function(){
- return this.selections.length;
- },
-
-
-
- getSelectedNodes : function(){
- return this.selections;
- },
-
-
-
- getSelectedIndexes : function(){
- var X = [], s = this.selections;
- for(var i = 0, len = s.length; i < len; i++){
- X.push(s[i].nodeIndex);
- }
- return X;
- },
-
-
-
- clearSelections : function(Y){
- if(this.nodes && (this.multiSelect || this.singleSelect) && this.selections.length > 0){
- this.cmp.elements = this.selections;
- this.cmp.removeClass(this.selectedClass);
- this.selections = [];
- if(!Y){
- this.fireEvent("selectionchange", this, this.selections);
- }
- }
- },
-
-
-
- isSelected : function(Z){
- var s = this.selections;
- if(s.length < 1){
- return false;
- }
-
- Z = this.getNode(Z);
- return s.indexOf(Z) !== -1;
- },
-
-
-
- select : function(a, b, c){
- if(a instanceof Array){
- if(!b){
- this.clearSelections(true);
- }
- for(var i = 0, len = a.length; i < len; i++){
- this.select(a[i], true, true);
- }
- } else {
- var Z = this.getNode(a);
- if(Z && !this.isSelected(Z)){
- if(!b){
- this.clearSelections(true);
- }
- if(this.fireEvent("beforeselect", this, Z, this.selections) !== false){
- Roo.fly(Z).addClass(this.selectedClass);
- this.selections.push(Z);
- if(!c){
- this.fireEvent("selectionchange", this, this.selections);
- }
- }
- }
- }
- },
-
-
-
- getNode : function(f){
- if(typeof f == "string"){
- return document.getElementById(f);
- }else if(typeof f == "number"){
- return this.nodes[f];
- }
- return f;
- },
-
-
-
- getNodes : function(g, h){
- var ns = this.nodes;
- g = g || 0;
- h = typeof h == "undefined" ? ns.length - 1 : h;
- var j = [];
- if(g <= h){
- for(var i = g; i <= h; i++){
- j.push(ns[i]);
- }
- } else {
- for(var i = g; i >= h; i--){
- j.push(ns[i]);
- }
- }
- return j;
- },
-
-
-
- indexOf : function(k){
- k = this.getNode(k);
- if(typeof k.nodeIndex == "number"){
- return k.nodeIndex;
- }
- var ns = this.nodes;
- for(var i = 0, len = ns.length; i < len; i++){
- if(ns[i] == k){
- return i;
- }
- }
- return -1;
- }
-});
-
-
-
-
-
-
-Roo.JsonView = function(A, B, C){
-
-
- Roo.JsonView.superclass.constructor.call(this, A, B, C);
-
- var um = this.el.getUpdateManager();
- um.setRenderer(this);
- um.on("update", this.onLoad, this);
- um.on("failure", this.onLoadException, this);
-
-
-
-
-
-
-
- this.addEvents({
- 'beforerender' : true,
- 'load' : true,
- 'loadexception' : true
- });
-};
-Roo.extend(Roo.JsonView, Roo.View, {
-
-
- jsonRoot : "",
-
-
-
- refresh : function(){
- this.clearSelections();
- this.el.update("");
- var D = [];
- var o = this.jsonData;
- if(o && o.length > 0){
- for(var i = 0, len = o.length; i < len; i++){
- var data = this.prepareData(o[i], i, o);
- D[D.length] = this.tpl.apply(data);
- }
- }else {
- D.push(this.emptyText);
- }
-
- this.el.update(D.join(""));
- this.nodes = this.el.dom.childNodes;
- this.updateIndexes(0);
- },
-
-
-
- load : function(){
- var um = this.el.getUpdateManager();
- um.update.apply(um, arguments);
- },
-
- render : function(el, E){
- this.clearSelections();
- this.el.update("");
- var o;
- try{
- o = Roo.util.JSON.decode(E.responseText);
- if(this.jsonRoot){
-
- o =
- eval("o." + this.jsonRoot);
- }
- } catch(e){
- }
-
-
-
- this.jsonData = o;
- this.beforeRender();
- this.refresh();
- },
-
-
-
- getCount : function(){
- return this.jsonData ? this.jsonData.length : 0;
- },
-
-
-
- getNodeData : function(F){
- if(F instanceof Array){
- var data = [];
- for(var i = 0, len = F.length; i < len; i++){
- data.push(this.getNodeData(F[i]));
- }
- return data;
- }
- return this.jsonData[this.indexOf(F)] || null;
- },
-
- beforeRender : function(){
- this.snapshot = this.jsonData;
- if(this.sortInfo){
- this.sort.apply(this, this.sortInfo);
- }
-
- this.fireEvent("beforerender", this, this.jsonData);
- },
-
- onLoad : function(el, o){
- this.fireEvent("load", this, this.jsonData, o);
- },
-
- onLoadException : function(el, o){
- this.fireEvent("loadexception", this, o);
- },
-
-
-
- filter : function(G, H){
- if(this.jsonData){
- var data = [];
- var ss = this.snapshot;
- if(typeof H == "string"){
- var vlen = H.length;
- if(vlen == 0){
- this.clearFilter();
- return;
- }
-
- H = H.toLowerCase();
- for(var i = 0, len = ss.length; i < len; i++){
- var o = ss[i];
- if(o[G].substr(0, vlen).toLowerCase() == H){
- data.push(o);
- }
- }
- } else if(H.exec){
- for(var i = 0, len = ss.length; i < len; i++){
- var o = ss[i];
- if(H.test(o[G])){
- data.push(o);
- }
- }
- } else {
- return;
- }
-
- this.jsonData = data;
- this.refresh();
- }
- },
-
-
-
- filterBy : function(fn, I){
- if(this.jsonData){
- var data = [];
- var ss = this.snapshot;
- for(var i = 0, len = ss.length; i < len; i++){
- var o = ss[i];
- if(fn.call(I || this, o)){
- data.push(o);
- }
- }
-
- this.jsonData = data;
- this.refresh();
- }
- },
-
-
-
- clearFilter : function(){
- if(this.snapshot && this.jsonData != this.snapshot){
- this.jsonData = this.snapshot;
- this.refresh();
- }
- },
-
-
-
-
- sort : function(J, K, L){
- this.sortInfo = Array.prototype.slice.call(arguments, 0);
- if(this.jsonData){
- var p = J;
- var dsc = K && K.toLowerCase() == "desc";
- var f = function(o1, o2){
- var v1 = L ? L(o1[p]) : o1[p];
- var v2 = L ? L(o2[p]) : o2[p];
- ;
- if(v1 < v2){
- return dsc ? +1 : -1;
- } else if(v1 > v2){
- return dsc ? -1 : +1;
- } else {
- return 0;
- }
- };
- this.jsonData.sort(f);
- this.refresh();
- if(this.jsonData != this.snapshot){
- this.snapshot.sort(f);
- }
- }
- }
-});
-
-
-
-
-
-
-Roo.ColorPalette = function(A){
- Roo.ColorPalette.superclass.constructor.call(this, A);
- this.addEvents({
-
-
- select: true
- });
-
- if(this.handler){
- this.on("select", this.handler, this.scope, true);
- }
-};
-Roo.extend(Roo.ColorPalette, Roo.Component, {
-
-
- itemCls : "x-color-palette",
-
-
- value : null,
- clickEvent:'click',
-
- ctype: "Roo.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(B, C){
- var t = new Roo.MasterTemplate(
- '<tpl><a href="#" class="color-{0}" hidefocus="on"><em><span style="background:#{0}" unselectable="on"> </span></em></a></tpl>'
- );
- var c = this.colors;
- for(var i = 0, len = c.length; i < len; i++){
- t.add([c[i]]);
- }
- var el = document.createElement("div");
- el.className = this.itemCls;
- t.overwrite(el);
- B.dom.insertBefore(el, C);
- this.el = Roo.get(el);
- this.el.on(this.clickEvent, this.handleClick, this, {delegate: "a"});
- if(this.clickEvent != 'click'){
- this.el.on('click', Roo.emptyFn, this, {delegate: "a", preventDefault:true});
- }
- },
-
-
- afterRender : function(){
- Roo.ColorPalette.superclass.afterRender.call(this);
- if(this.value){
- var s = this.value;
- this.value = null;
- this.select(s);
- }
- },
-
-
- handleClick : function(e, t){
- e.preventDefault();
- if(!this.disabled){
- var c = t.className.match(/(?:^|\s)color-(.{6})(?:\s|$)/)[1];
- this.select(c.toUpperCase());
- }
- },
-
-
-
- select : function(D){
- D = D.replace("#", "");
- if(D != this.value || this.allowReselect){
- var el = this.el;
- if(this.value){
- el.child("a.color-"+this.value).removeClass("x-color-palette-sel");
- }
-
- el.child("a.color-"+D).addClass("x-color-palette-sel");
- this.value = D;
- this.fireEvent("select", this, D);
- }
- }
-});
-
-
-
-
-
-Roo.DatePicker = function(A){
- Roo.DatePicker.superclass.constructor.call(this, A);
-
- this.value = A && A.value ?
- A.value.clearTime() : new Date().clearTime();
-
- this.addEvents({
-
-
- select: true
- });
-
- if(this.handler){
- this.on("select", this.handler, this.scope || this);
- }
-
- if(!this.disabledDatesRE && this.disabledDates){
- var dd = this.disabledDates;
- var re = "(?:";
- for(var i = 0; i < dd.length; i++){
- re += dd[i];
- if(i != dd.length-1) re += "|";
- }
-
- this.disabledDatesRE = new RegExp(re + ")");
- }
-};
-
-Roo.extend(Roo.DatePicker, Roo.Component, {
-
-
- todayText : "Today",
-
-
- okText : " OK ",
-
-
- cancelText : "Cancel",
-
-
- todayTip : "{0} (Spacebar)",
-
-
- minDate : null,
-
-
- maxDate : null,
-
-
- minText : "This date is before the minimum date",
-
-
- maxText : "This date is after the maximum date",
-
-
- format : "m/d/y",
-
-
- disabledDays : null,
-
-
- disabledDaysText : "",
-
-
- disabledDatesRE : null,
-
-
- disabledDatesText : "",
-
-
- constrainToViewport : true,
-
-
- monthNames : Date.monthNames,
-
-
- dayNames : Date.dayNames,
-
-
- nextText: 'Next Month (Control+Right)',
-
-
- prevText: 'Previous Month (Control+Left)',
-
-
- monthYearText: 'Choose a month (Control+Up/Down to move years)',
-
-
- startDay : 0,
-
-
-
- showClear: false,
-
-
-
- setValue : function(B){
- var C = this.value;
- this.value = B.clearTime(true);
- if(this.el){
- this.update(this.value);
- }
- },
-
-
-
- getValue : function(){
- return this.value;
- },
-
-
- focus : function(){
- if(this.el){
- this.update(this.activeDate);
- }
- },
-
-
- onRender : function(D, E){
- var m = [
- '<table cellspacing="0">',
- '<tr><td class="x-date-left"><a href="#" title="', this.prevText ,'"> </a></td><td class="x-date-middle" align="center"></td><td class="x-date-right"><a href="#" title="', this.nextText ,'"> </a></td></tr>',
- '<tr><td colspan="3"><table class="x-date-inner" cellspacing="0"><thead><tr>'];
- var dn = this.dayNames;
- for(var i = 0; i < 7; i++){
- var d = this.startDay+i;
- if(d > 6){
- d = d-7;
- }
-
- m.push("<th><span>", dn[d].substr(0,1), "</span></th>");
- }
-
- m[m.length] = "</tr></thead><tbody><tr>";
- for(var i = 0; i < 42; i++) {
- if(i % 7 == 0 && i != 0){
- m[m.length] = "</tr><tr>";
- }
-
- m[m.length] = '<td><a href="#" hidefocus="on" class="x-date-date" tabIndex="1"><em><span></span></em></a></td>';
- }
-
- m[m.length] = '</tr></tbody></table></td></tr><tr>'+
- '<td colspan="3" class="x-date-bottom" align="center"></td></tr></table><div class="x-date-mp"></div>';
-
- var el = document.createElement("div");
- el.className = "x-date-picker";
- el.innerHTML = m.join("");
-
- D.dom.insertBefore(el, E);
-
- this.el = Roo.get(el);
- this.eventEl = Roo.get(el.firstChild);
-
- new Roo.util.ClickRepeater(this.el.child("td.x-date-left a"), {
- handler: this.showPrevMonth,
- scope: this,
- preventDefault:true,
- stopDefault:true
- });
-
- new Roo.util.ClickRepeater(this.el.child("td.x-date-right a"), {
- handler: this.showNextMonth,
- scope: this,
- preventDefault:true,
- stopDefault:true
- });
-
- this.eventEl.on("mousewheel", this.handleMouseWheel, this);
-
- this.monthPicker = this.el.down('div.x-date-mp');
- this.monthPicker.enableDisplayMode('block');
-
- var kn = new Roo.KeyNav(this.eventEl, {
- "left" : function(e){
- e.ctrlKey ?
- this.showPrevMonth() :
- this.update(this.activeDate.add("d", -1));
- },
-
- "right" : function(e){
- e.ctrlKey ?
- this.showNextMonth() :
- this.update(this.activeDate.add("d", 1));
- },
-
- "up" : function(e){
- e.ctrlKey ?
- this.showNextYear() :
- this.update(this.activeDate.add("d", -7));
- },
-
- "down" : function(e){
- e.ctrlKey ?
- this.showPrevYear() :
- this.update(this.activeDate.add("d", 7));
- },
-
- "pageUp" : function(e){
- this.showNextMonth();
- },
-
- "pageDown" : function(e){
- this.showPrevMonth();
- },
-
- "enter" : function(e){
- e.stopPropagation();
- return true;
- },
-
- scope : this
- });
-
- this.eventEl.on("click", this.handleDateClick, this, {delegate: "a.x-date-date"});
-
- this.eventEl.addKeyListener(Roo.EventObject.SPACE, this.selectToday, this);
-
- this.el.unselectable();
-
- this.cells = this.el.select("table.x-date-inner tbody td");
- this.textNodes = this.el.query("table.x-date-inner tbody span");
-
- this.mbtn = new Roo.Button(this.el.child("td.x-date-middle", true), {
- text: " ",
- tooltip: this.monthYearText
- });
-
- this.mbtn.on('click', this.showMonthPicker, this);
- this.mbtn.el.child(this.mbtn.menuClassTarget).addClass("x-btn-with-menu");
-
-
- var F = (new Date()).dateFormat(this.format);
-
- var G = new Roo.Toolbar(this.el.child("td.x-date-bottom", true));
- G.add({
- text: String.format(this.todayText, F),
- tooltip: String.format(this.todayTip, F),
- handler: this.selectToday,
- scope: this
- });
-
-
-
-
- if (this.showClear) {
-
- G.add( new Roo.Toolbar.Fill());
- G.add({
- text: ' ',
- cls: 'x-btn-icon x-btn-clear',
- handler: function() {
-
- this.fireEvent("select", this, '');
- },
- scope: this
- });
- }
-
-
- if(Roo.isIE){
- this.el.repaint();
- }
-
- this.update(this.value);
- },
-
- createMonthPicker : function(){
- if(!this.monthPicker.dom.firstChild){
- var buf = ['<table border="0" cellspacing="0">'];
- for(var i = 0; i < 6; i++){
- buf.push(
- '<tr><td class="x-date-mp-month"><a href="#">', this.monthNames[i].substr(0, 3), '</a></td>',
- '<td class="x-date-mp-month x-date-mp-sep"><a href="#">', this.monthNames[i+6].substr(0, 3), '</a></td>',
- i == 0 ?
- '<td class="x-date-mp-ybtn" align="center"><a class="x-date-mp-prev"></a></td><td class="x-date-mp-ybtn" align="center"><a class="x-date-mp-next"></a></td></tr>' :
- '<td class="x-date-mp-year"><a href="#"></a></td><td class="x-date-mp-year"><a href="#"></a></td></tr>'
- );
- }
-
- buf.push(
- '<tr class="x-date-mp-btns"><td colspan="4"><button type="button" class="x-date-mp-ok">',
- this.okText,
- '</button><button type="button" class="x-date-mp-cancel">',
- this.cancelText,
- '</button></td></tr>',
- '</table>'
- );
- this.monthPicker.update(buf.join(''));
- this.monthPicker.on('click', this.onMonthClick, this);
- this.monthPicker.on('dblclick', this.onMonthDblClick, this);
-
- this.mpMonths = this.monthPicker.select('td.x-date-mp-month');
- this.mpYears = this.monthPicker.select('td.x-date-mp-year');
-
- this.mpMonths.each(function(m, a, i){
- i += 1;
- if((i%2) == 0){
- m.dom.xmonth = 5 + Math.round(i * .5);
- }else {
- m.dom.xmonth = Math.round((i-1) * .5);
- }
- });
- }
- },
-
- showMonthPicker : function(){
- this.createMonthPicker();
- var H = this.el.getSize();
- this.monthPicker.setSize(H);
- this.monthPicker.child('table').setSize(H);
-
- this.mpSelMonth = (this.activeDate || this.value).getMonth();
- this.updateMPMonth(this.mpSelMonth);
- this.mpSelYear = (this.activeDate || this.value).getFullYear();
- this.updateMPYear(this.mpSelYear);
-
- this.monthPicker.slideIn('t', {duration:.2});
- },
-
- updateMPYear : function(y){
- this.mpyear = y;
- var ys = this.mpYears.elements;
- for(var i = 1; i <= 10; i++){
- var td = ys[i-1], y2;
- if((i%2) == 0){
- y2 = y + Math.round(i * .5);
- td.firstChild.innerHTML = y2;
- td.xyear = y2;
- }else {
- y2 = y - (5-Math.round(i * .5));
- td.firstChild.innerHTML = y2;
- td.xyear = y2;
- }
-
- this.mpYears.item(i-1)[y2 == this.mpSelYear ? 'addClass' : 'removeClass']('x-date-mp-sel');
- }
- },
-
- updateMPMonth : function(sm){
- this.mpMonths.each(function(m, a, i){
- m[m.dom.xmonth == sm ? 'addClass' : 'removeClass']('x-date-mp-sel');
- });
- },
-
- selectMPMonth: function(m){
-
- },
-
- onMonthClick : function(e, t){
- e.stopEvent();
- var el = new Roo.Element(t), pn;
- if(el.is('button.x-date-mp-cancel')){
- this.hideMonthPicker();
- }
- else if(el.is('button.x-date-mp-ok')){
- this.update(new Date(this.mpSelYear, this.mpSelMonth, (this.activeDate || this.value).getDate()));
- this.hideMonthPicker();
- }
- else if(pn = el.up('td.x-date-mp-month', 2)){
- this.mpMonths.removeClass('x-date-mp-sel');
- pn.addClass('x-date-mp-sel');
- this.mpSelMonth = pn.dom.xmonth;
- }
- else if(pn = el.up('td.x-date-mp-year', 2)){
- this.mpYears.removeClass('x-date-mp-sel');
- pn.addClass('x-date-mp-sel');
- this.mpSelYear = pn.dom.xyear;
- }
- else if(el.is('a.x-date-mp-prev')){
- this.updateMPYear(this.mpyear-10);
- }
- else if(el.is('a.x-date-mp-next')){
- this.updateMPYear(this.mpyear+10);
- }
- },
-
- onMonthDblClick : function(e, t){
- e.stopEvent();
- var el = new Roo.Element(t), pn;
- if(pn = el.up('td.x-date-mp-month', 2)){
- this.update(new Date(this.mpSelYear, pn.dom.xmonth, (this.activeDate || this.value).getDate()));
- this.hideMonthPicker();
- }
- else if(pn = el.up('td.x-date-mp-year', 2)){
- this.update(new Date(pn.dom.xyear, this.mpSelMonth, (this.activeDate || this.value).getDate()));
- this.hideMonthPicker();
- }
- },
-
- hideMonthPicker : function(I){
- if(this.monthPicker){
- if(I === true){
- this.monthPicker.hide();
- }else {
- this.monthPicker.slideOut('t', {duration:.2});
- }
- }
- },
-
-
- showPrevMonth : function(e){
- this.update(this.activeDate.add("mo", -1));
- },
-
-
- showNextMonth : function(e){
- this.update(this.activeDate.add("mo", 1));
- },
-
-
- showPrevYear : function(){
- this.update(this.activeDate.add("y", -1));
- },
-
-
- showNextYear : function(){
- this.update(this.activeDate.add("y", 1));
- },
-
-
- handleMouseWheel : function(e){
- var J = e.getWheelDelta();
- if(J > 0){
- this.showPrevMonth();
- e.stopEvent();
- } else if(J < 0){
- this.showNextMonth();
- e.stopEvent();
- }
- },
-
-
- handleDateClick : function(e, t){
- e.stopEvent();
- if(t.dateValue && !Roo.fly(t.parentNode).hasClass("x-date-disabled")){
- this.setValue(new Date(t.dateValue));
- this.fireEvent("select", this, this.value);
- }
- },
-
-
- selectToday : function(){
- this.setValue(new Date().clearTime());
- this.fireEvent("select", this, this.value);
- },
-
-
- update : function(K){
- var vd = this.activeDate;
- this.activeDate = K;
- if(vd && this.el){
- var t = K.getTime();
- if(vd.getMonth() == K.getMonth() && vd.getFullYear() == K.getFullYear()){
- this.cells.removeClass("x-date-selected");
- this.cells.each(function(c){
- if(c.dom.firstChild.dateValue == t){
- c.addClass("x-date-selected");
- setTimeout(function(){
- try{c.dom.firstChild.focus();}catch(e){}
- }, 50);
- return false;
- }
- });
- return;
- }
- }
- var L = K.getDaysInMonth();
- var M = K.getFirstDateOfMonth();
- var N = M.getDay()-this.startDay;
-
- if(N <= this.startDay){
- N += 7;
- }
-
- var pm = K.add("mo", -1);
- var O = pm.getDaysInMonth()-N;
-
- var P = this.cells.elements;
- var Q = this.textNodes;
- L += N;
-
-
- var R = 86400000;
- var d = (new Date(pm.getFullYear(), pm.getMonth(), O)).clearTime();
- var S = new Date().clearTime().getTime();
- var T = K.clearTime().getTime();
- var U = this.minDate ? this.minDate.clearTime() : Number.NEGATIVE_INFINITY;
- var V = this.maxDate ? this.maxDate.clearTime() : Number.POSITIVE_INFINITY;
- var W = this.disabledDatesRE;
- var X = this.disabledDatesText;
- var Y = this.disabledDays ? this.disabledDays.join("") : false;
- var Z = this.disabledDaysText;
- var a = this.format;
-
- var b = function(f, g){
- g.title = "";
- var t = d.getTime();
- g.firstChild.dateValue = t;
- if(t == S){
- g.className += " x-date-today";
- g.title = f.todayText;
- }
- if(t == T){
- g.className += " x-date-selected";
- setTimeout(function(){
- try{g.firstChild.focus();}catch(e){}
- }, 50);
- }
-
- if(t < U) {
- g.className = " x-date-disabled";
- g.title = f.minText;
- return;
- }
- if(t > V) {
- g.className = " x-date-disabled";
- g.title = f.maxText;
- return;
- }
- if(Y){
- if(Y.indexOf(d.getDay()) != -1){
- g.title = Z;
- g.className = " x-date-disabled";
- }
- }
- if(W && a){
- var fvalue = d.dateFormat(a);
- if(W.test(fvalue)){
- g.title = X.replace("%0", fvalue);
- g.className = " x-date-disabled";
- }
- }
- };
-
- var i = 0;
- for(; i < N; i++) {
- Q[i].innerHTML = (++O);
- d.setDate(d.getDate()+1);
- P[i].className = "x-date-prevday";
- b(this, P[i]);
- }
- for(; i < L; i++){
- intDay = i - N + 1;
- Q[i].innerHTML = (intDay);
- d.setDate(d.getDate()+1);
- P[i].className = "x-date-active";
- b(this, P[i]);
- }
- var c = 0;
- for(; i < 42; i++) {
- Q[i].innerHTML = (++c);
- d.setDate(d.getDate()+1);
- P[i].className = "x-date-nextday";
- b(this, P[i]);
- }
-
-
- this.mbtn.setText(this.monthNames[K.getMonth()] + " " + K.getFullYear());
-
- if(!this.internalRender){
- var main = this.el.dom.firstChild;
- var w = main.offsetWidth;
- this.el.setWidth(w + this.el.getBorderWidth("lr"));
- Roo.fly(main).setWidth(w);
- this.internalRender = true;
-
-
-
- if(Roo.isOpera && !this.secondPass){
- main.rows[0].cells[1].style.width = (w - (main.rows[0].cells[0].offsetWidth+main.rows[0].cells[2].offsetWidth)) + "px";
- this.secondPass = true;
- this.update.defer(10, this, [K]);
- }
- }
- }
-});
-
-
-
-
-Roo.TabPanel = function(A, B){
-
-
- this.el = Roo.get(A, true);
- if(B){
- if(typeof B == "boolean"){
- this.tabPosition = B ? "bottom" : "top";
- }else {
- Roo.apply(this, B);
- }
- }
- if(this.tabPosition == "bottom"){
- this.bodyEl = Roo.get(this.createBody(this.el.dom));
- this.el.addClass("x-tabs-bottom");
- }
-
- this.stripWrap = Roo.get(this.createStrip(this.el.dom), true);
- this.stripEl = Roo.get(this.createStripList(this.stripWrap.dom), true);
- this.stripBody = Roo.get(this.stripWrap.dom.firstChild.firstChild, true);
- if(Roo.isIE){
- Roo.fly(this.stripWrap.dom.firstChild).setStyle("overflow-x", "hidden");
- }
- if(this.tabPosition != "bottom"){
-
-
- this.bodyEl = Roo.get(this.createBody(this.el.dom));
- this.el.addClass("x-tabs-top");
- }
-
- this.items = [];
-
- this.bodyEl.setStyle("position", "relative");
-
- this.active = null;
- this.activateDelegate = this.activate.createDelegate(this);
-
- this.addEvents({
-
-
- "tabchange": true,
-
-
- "beforetabchange" : true
- });
-
- Roo.EventManager.onWindowResize(this.onResize, this);
- this.cpad = this.el.getPadding("lr");
- this.hiddenCount = 0;
-
- Roo.TabPanel.superclass.constructor.call(this);
-};
-
-Roo.extend(Roo.TabPanel, Roo.util.Observable, {
-
-
- tabPosition : "top",
-
-
- currentTabWidth : 0,
-
-
- minTabWidth : 40,
-
-
- maxTabWidth : 250,
-
-
- preferredTabWidth : 175,
-
-
- resizeTabs : false,
-
-
- monitorResize : true,
-
-
-
- addTab : function(id, C, D, E){
- var F = new Roo.TabPanelItem(this, id, C, E);
- this.addTabItem(F);
- if(D){
- F.setContent(D);
- }
- return F;
- },
-
-
-
- getTab : function(id){
- return this.items[id];
- },
-
-
-
- hideTab : function(id){
- var t = this.items[id];
- if(!t.isHidden()){
- t.setHidden(true);
- this.hiddenCount++;
- this.autoSizeTabs();
- }
- },
-
-
-
- unhideTab : function(id){
- var t = this.items[id];
- if(t.isHidden()){
- t.setHidden(false);
- this.hiddenCount--;
- this.autoSizeTabs();
- }
- },
-
-
-
- addTabItem : function(G){
- this.items[G.id] = G;
- this.items.push(G);
- if(this.resizeTabs){
- G.setWidth(this.currentTabWidth || this.preferredTabWidth);
- this.autoSizeTabs();
- }else {
- G.autoSize();
- }
- },
-
-
-
- removeTab : function(id){
- var H = this.items;
- var I = H[id];
- if(!I) return;
- var J = H.indexOf(I);
- if(this.active == I && H.length > 1){
- var newTab = this.getNextAvailable(J);
- if(newTab)newTab.activate();
- }
-
- this.stripEl.dom.removeChild(I.pnode.dom);
- if(I.bodyEl.dom.parentNode == this.bodyEl.dom){
- this.bodyEl.dom.removeChild(I.bodyEl.dom);
- }
-
- H.splice(J, 1);
- delete this.items[I.id];
- I.fireEvent("close", I);
- I.purgeListeners();
- this.autoSizeTabs();
- },
-
- getNextAvailable : function(K){
- var L = this.items;
- var M = K;
-
-
- while(M < L.length){
- var G = L[++M];
- if(G && !G.isHidden()){
- return G;
- }
- }
-
-
- M = K;
- while(M >= 0){
- var G = L[--M];
- if(G && !G.isHidden()){
- return G;
- }
- }
- return null;
- },
-
-
-
- disableTab : function(id){
- var N = this.items[id];
- if(N && this.active != N){
- N.disable();
- }
- },
-
-
-
- enableTab : function(id){
- var O = this.items[id];
- O.enable();
- },
-
-
-
- activate : function(id){
- var P = this.items[id];
- if(!P){
- return null;
- }
- if(P == this.active || P.disabled){
- return P;
- }
- var e = {};
- this.fireEvent("beforetabchange", this, e, P);
- if(e.cancel !== true && !P.disabled){
- if(this.active){
- this.active.hide();
- }
-
- this.active = this.items[id];
- this.active.show();
- this.fireEvent("tabchange", this, this.active);
- }
- return P;
- },
-
-
-
- getActiveTab : function(){
- return this.active;
- },
-
-
-
- syncHeight : function(Q){
- var R = (Q || this.el.getHeight())-this.el.getBorderWidth("tb")-this.el.getPadding("tb");
- var bm = this.bodyEl.getMargins();
- var S = R-(this.stripWrap.getHeight()||0)-(bm.top+bm.bottom);
- this.bodyEl.setHeight(S);
- return S;
- },
-
- onResize : function(){
- if(this.monitorResize){
- this.autoSizeTabs();
- }
- },
-
-
-
- beginUpdate : function(){
- this.updating = true;
- },
-
-
-
- endUpdate : function(){
- this.updating = false;
- this.autoSizeTabs();
- },
-
-
-
- autoSizeTabs : function(){
- var T = this.items.length;
- var U = T - this.hiddenCount;
- if(!this.resizeTabs || T < 1 || U < 1 || this.updating) return;
- var w = Math.max(this.el.getWidth() - this.cpad, 10);
- var V = Math.floor(w / U);
- var b = this.stripBody;
- if(b.getWidth() > w){
- var tabs = this.items;
- this.setTabWidth(Math.max(V, this.minTabWidth)-2);
- if(V < this.minTabWidth){
-
-
- }
- }else {
- if(this.currentTabWidth < this.preferredTabWidth){
- this.setTabWidth(Math.min(V, this.preferredTabWidth)-2);
- }
- }
- },
-
-
-
- getCount : function(){
- return this.items.length;
- },
-
-
-
- setTabWidth : function(W){
- this.currentTabWidth = W;
- for(var i = 0, len = this.items.length; i < len; i++) {
- if(!this.items[i].isHidden())this.items[i].setWidth(W);
- }
- },
-
-
-
- destroy : function(X){
- Roo.EventManager.removeResizeListener(this.onResize, this);
- for(var i = 0, len = this.items.length; i < len; i++){
- this.items[i].purgeListeners();
- }
- if(X === true){
- this.el.update("");
- this.el.remove();
- }
- }
-});
-
-
-
-Roo.TabPanelItem = function(Y, id, Z, a){
-
-
- this.tabPanel = Y;
-
-
- this.id = id;
-
-
- this.disabled = false;
-
-
- this.text = Z;
-
-
- this.loaded = false;
- this.closable = a;
-
-
-
- this.bodyEl = Roo.get(Y.createItemBody(Y.bodyEl.dom, id));
- this.bodyEl.setVisibilityMode(Roo.Element.VISIBILITY);
- this.bodyEl.setStyle("display", "block");
- this.bodyEl.setStyle("zoom", "1");
- this.hideAction();
-
- var d = Y.createStripElements(Y.stripEl.dom, Z, a);
-
-
- this.el = Roo.get(d.el, true);
- this.inner = Roo.get(d.inner, true);
- this.textEl = Roo.get(this.el.dom.firstChild.firstChild.firstChild, true);
- this.pnode = Roo.get(d.el.parentNode, true);
- this.el.on("mousedown", this.onTabMouseDown, this);
- this.el.on("click", this.onTabClick, this);
-
-
- if(a){
- var c = Roo.get(d.close, true);
- c.dom.title = this.closeText;
- c.addClassOnOver("close-over");
- c.on("click", this.closeClick, this);
- }
-
-
- this.addEvents({
-
-
- "activate": true,
-
-
- "beforeclose": true,
-
-
- "close": true,
-
-
- "deactivate" : true
- });
- this.hidden = false;
-
- Roo.TabPanelItem.superclass.constructor.call(this);
-};
-
-Roo.extend(Roo.TabPanelItem, Roo.util.Observable, {
- purgeListeners : function(){
- Roo.util.Observable.prototype.purgeListeners.call(this);
- this.el.removeAllListeners();
- },
-
-
- show : function(){
- this.pnode.addClass("on");
- this.showAction();
- if(Roo.isOpera){
- this.tabPanel.stripWrap.repaint();
- }
-
- this.fireEvent("activate", this.tabPanel, this);
- },
-
-
-
- isActive : function(){
- return this.tabPanel.getActiveTab() == this;
- },
-
-
-
- hide : function(){
- this.pnode.removeClass("on");
- this.hideAction();
- this.fireEvent("deactivate", this.tabPanel, this);
- },
-
- hideAction : function(){
- this.bodyEl.hide();
- this.bodyEl.setStyle("position", "absolute");
- this.bodyEl.setLeft("-20000px");
- this.bodyEl.setTop("-20000px");
- },
-
- showAction : function(){
- this.bodyEl.setStyle("position", "relative");
- this.bodyEl.setTop("");
- this.bodyEl.setLeft("");
- this.bodyEl.show();
- },
-
-
-
- setTooltip : function(f){
- if(Roo.QuickTips && Roo.QuickTips.isEnabled()){
- this.textEl.dom.qtip = f;
- this.textEl.dom.removeAttribute('title');
- }else {
- this.textEl.dom.title = f;
- }
- },
-
- onTabClick : function(e){
- e.preventDefault();
- this.tabPanel.activate(this.id);
- },
-
- onTabMouseDown : function(e){
- e.preventDefault();
- this.tabPanel.activate(this.id);
- },
-
- getWidth : function(){
- return this.inner.getWidth();
- },
-
- setWidth : function(g){
- var h = g - this.pnode.getPadding("lr");
- this.inner.setWidth(h);
- this.textEl.setWidth(h-this.inner.getPadding("lr"));
- this.pnode.setWidth(g);
- },
-
-
-
- setHidden : function(j){
- this.hidden = j;
- this.pnode.setStyle("display", j ? "none" : "");
- },
-
-
-
- isHidden : function(){
- return this.hidden;
- },
-
-
-
- getText : function(){
- return this.text;
- },
-
- autoSize : function(){
-
- this.textEl.setWidth(1);
- this.setWidth(this.textEl.dom.scrollWidth+this.pnode.getPadding("lr")+this.inner.getPadding("lr"));
-
- },
-
-
-
- setText : function(k){
- this.text = k;
- this.textEl.update(k);
- this.setTooltip(k);
- if(!this.tabPanel.resizeTabs){
- this.autoSize();
- }
- },
-
-
- activate : function(){
- this.tabPanel.activate(this.id);
- },
-
-
-
- disable : function(){
- if(this.tabPanel.active != this){
- this.disabled = true;
- this.pnode.addClass("disabled");
- }
- },
-
-
-
- enable : function(){
- this.disabled = false;
- this.pnode.removeClass("disabled");
- },
-
-
-
- setContent : function(l, m){
- this.bodyEl.update(l, m);
- },
-
-
-
- getUpdateManager : function(){
- return this.bodyEl.getUpdateManager();
- },
-
-
-
- setUrl : function(n, o, p){
- if(this.refreshDelegate){
- this.un('activate', this.refreshDelegate);
- }
-
- this.refreshDelegate = this._handleRefresh.createDelegate(this, [n, o, p]);
- this.on("activate", this.refreshDelegate);
- return this.bodyEl.getUpdateManager();
- },
-
-
-
- _handleRefresh : function(q, r, s){
- if(!s || !this.loaded){
- var updater = this.bodyEl.getUpdateManager();
- updater.update(q, r, this._setLoaded.createDelegate(this));
- }
- },
-
-
-
- refresh : function(){
- if(this.refreshDelegate){
- this.loaded = false;
- this.refreshDelegate();
- }
- },
-
-
-
- _setLoaded : function(){
- this.loaded = true;
- },
-
-
-
- closeClick : function(e){
- var o = {};
- e.stopEvent();
- this.fireEvent("beforeclose", this, o);
- if(o.cancel !== true){
- this.tabPanel.removeTab(this.id);
- }
- },
-
-
- closeText : "Close this tab"
-});
-
-
-
-Roo.TabPanel.prototype.createStrip = function(u){
- var v = document.createElement("div");
- v.className = "x-tabs-wrap";
- u.appendChild(v);
- return v;
-};
-
-
-Roo.TabPanel.prototype.createStripList = function(x){
-
- x.innerHTML = '<div class="x-tabs-strip-wrap"><table class="x-tabs-strip" cellspacing="0" cellpadding="0" border="0"><tbody><tr></tr></tbody></table></div>';
- return x.firstChild.firstChild.firstChild.firstChild;
-};
-
-
-Roo.TabPanel.prototype.createBody = function(y){
- var z = document.createElement("div");
- Roo.id(z, "tab-body");
- Roo.fly(z).addClass("x-tabs-body");
- y.appendChild(z);
- return z;
-};
-
-
-Roo.TabPanel.prototype.createItemBody = function(AA, id){
- var AB = Roo.getDom(id);
- if(!AB){
- AB = document.createElement("div");
- AB.id = id;
- }
-
- Roo.fly(AB).addClass("x-tabs-item-body");
- AA.insertBefore(AB, AA.firstChild);
- return AB;
-};
-
-
-Roo.TabPanel.prototype.createStripElements = function(AC, AD, AE){
- var td = document.createElement("td");
- AC.appendChild(td);
- if(AE){
- td.className = "x-tabs-closable";
- if(!this.closeTpl){
- this.closeTpl = new Roo.Template(
- '<a href="#" class="x-tabs-right"><span class="x-tabs-left"><em class="x-tabs-inner">' +
- '<span unselectable="on"' + (this.disableTooltips ? '' : ' title="{text}"') +' class="x-tabs-text">{text}</span>' +
- '<div unselectable="on" class="close-icon"> </div></em></span></a>'
- );
- }
- var el = this.closeTpl.overwrite(td, {"text": AD});
- var close = el.getElementsByTagName("div")[0];
- var inner = el.getElementsByTagName("em")[0];
- return {"el": el, "close": close, "inner": inner};
- } else {
- if(!this.tabTpl){
- this.tabTpl = new Roo.Template(
- '<a href="#" class="x-tabs-right"><span class="x-tabs-left"><em class="x-tabs-inner">' +
- '<span unselectable="on"' + (this.disableTooltips ? '' : ' title="{text}"') +' class="x-tabs-text">{text}</span></em></span></a>'
- );
- }
- var el = this.tabTpl.overwrite(td, {"text": AD});
- var inner = el.getElementsByTagName("em")[0];
- return {"el": el, "inner": inner};
- }
-};
-
-
-
-
-
-Roo.Button = function(A, B)
-{
- if (!B) {
- B = A;
- A = B.renderTo || false;
- }
-
-
- Roo.apply(this, B);
- this.addEvents({
-
-
- "click" : true,
-
-
- "toggle" : true,
-
-
- 'mouseover' : true,
-
-
- 'mouseout': true,
-
-
- 'render': true
- });
- if(this.menu){
- this.menu = Roo.menu.MenuMgr.get(this.menu);
- }
- if(A){
- this.render(A);
- }
-
-
- Roo.util.Observable.call(this);
-};
-
-Roo.extend(Roo.Button, Roo.util.Observable, {
-
-
-
-
-
- hidden : false,
-
-
- disabled : false,
-
-
- pressed : false,
-
-
-
- tabIndex : undefined,
-
-
-
- enableToggle: false,
-
-
- menu : undefined,
-
-
- menuAlign : "tl-bl?",
-
-
-
- iconCls : undefined,
-
-
- type : 'button',
-
-
- menuClassTarget: 'tr',
-
-
-
- clickEvent : 'click',
-
-
-
- handleMouseEvents : true,
-
-
-
- tooltipType : 'qtip',
-
-
-
-
-
-
-
-
- render : function(C){
- var D;
- if(this.hideParent){
- this.parentEl = Roo.get(C);
- }
- if(!this.dhconfig){
- if(!this.template){
- if(!Roo.Button.buttonTemplate){
-
- Roo.Button.buttonTemplate = new Roo.Template(
- '<table border="0" cellpadding="0" cellspacing="0" class="x-btn-wrap"><tbody><tr>',
- '<td class="x-btn-left"><i> </i></td><td class="x-btn-center"><em unselectable="on"><button class="x-btn-text" type="{1}">{0}</button></em></td><td class="x-btn-right"><i> </i></td>',
- "</tr></tbody></table>");
- }
-
- this.template = Roo.Button.buttonTemplate;
- }
-
- D = this.template.append(C, [this.text || ' ', this.type], true);
- var btnEl = D.child("button:first");
- btnEl.on('focus', this.onFocus, this);
- btnEl.on('blur', this.onBlur, this);
- if(this.cls){
- D.addClass(this.cls);
- }
- if(this.icon){
- btnEl.setStyle('background-image', 'url(' +this.icon +')');
- }
- if(this.iconCls){
- btnEl.addClass(this.iconCls);
- if(!this.cls){
- D.addClass(this.text ? 'x-btn-text-icon' : 'x-btn-icon');
- }
- }
- if(this.tabIndex !== undefined){
- btnEl.dom.tabIndex = this.tabIndex;
- }
- if(this.tooltip){
- if(typeof this.tooltip == 'object'){
- Roo.QuickTips.tips(Roo.apply({
- target: btnEl.id
- }, this.tooltip));
- } else {
- btnEl.dom[this.tooltipType] = this.tooltip;
- }
- }
- }else {
- D = Roo.DomHelper.append(Roo.get(C).dom, this.dhconfig, true);
- }
-
- this.el = D;
- if(this.id){
- this.el.dom.id = this.el.id = this.id;
- }
- if(this.menu){
- this.el.child(this.menuClassTarget).addClass("x-btn-with-menu");
- this.menu.on("show", this.onMenuShow, this);
- this.menu.on("hide", this.onMenuHide, this);
- }
-
- D.addClass("x-btn");
- if(Roo.isIE && !Roo.isIE7){
- this.autoWidth.defer(1, this);
- }else {
- this.autoWidth();
- }
- if(this.handleMouseEvents){
- D.on("mouseover", this.onMouseOver, this);
- D.on("mouseout", this.onMouseOut, this);
- D.on("mousedown", this.onMouseDown, this);
- }
-
- D.on(this.clickEvent, this.onClick, this);
-
- if(this.hidden){
- this.hide();
- }
- if(this.disabled){
- this.disable();
- }
-
- Roo.ButtonToggleMgr.register(this);
- if(this.pressed){
- this.el.addClass("x-btn-pressed");
- }
- if(this.repeat){
- var repeater = new Roo.util.ClickRepeater(D,
- typeof this.repeat == "object" ? this.repeat : {}
- );
- repeater.on("click", this.onClick, this);
- }
-
- this.fireEvent('render', this);
-
- },
-
-
- getEl : function(){
- return this.el;
- },
-
-
-
- destroy : function(){
- Roo.ButtonToggleMgr.unregister(this);
- this.el.removeAllListeners();
- this.purgeListeners();
- this.el.remove();
- },
-
-
- autoWidth : function(){
- if(this.el){
- this.el.setWidth("auto");
- if(Roo.isIE7 && Roo.isStrict){
- var ib = this.el.child('button');
- if(ib && ib.getWidth() > 20){
- ib.clip();
- ib.setWidth(Roo.util.TextMetrics.measure(ib, this.text).width+ib.getFrameWidth('lr'));
- }
- }
- if(this.minWidth){
- if(this.hidden){
- this.el.beginMeasure();
- }
- if(this.el.getWidth() < this.minWidth){
- this.el.setWidth(this.minWidth);
- }
- if(this.hidden){
- this.el.endMeasure();
- }
- }
- }
- },
-
-
-
- setHandler : function(E, F){
- this.handler = E;
- this.scope = F;
- },
-
-
-
- setText : function(G){
- this.text = G;
- if(this.el){
- this.el.child("td.x-btn-center button.x-btn-text").update(G);
- }
-
- this.autoWidth();
- },
-
-
-
- getText : function(){
- return this.text;
- },
-
-
-
- show: function(){
- this.hidden = false;
- if(this.el){
- this[this.hideParent? 'parentEl' : 'el'].setStyle("display", "");
- }
- },
-
-
-
- hide: function(){
- this.hidden = true;
- if(this.el){
- this[this.hideParent? 'parentEl' : 'el'].setStyle("display", "none");
- }
- },
-
-
-
- setVisible: function(H){
- if(H) {
- this.show();
- }else {
- this.hide();
- }
- },
-
-
-
- toggle : function(I){
- I = I === undefined ? !this.pressed : I;
- if(I != this.pressed){
- if(I){
- this.el.addClass("x-btn-pressed");
- this.pressed = true;
- this.fireEvent("toggle", this, true);
- }else {
- this.el.removeClass("x-btn-pressed");
- this.pressed = false;
- this.fireEvent("toggle", this, false);
- }
- if(this.toggleHandler){
- this.toggleHandler.call(this.scope || this, this, I);
- }
- }
- },
-
-
-
- focus : function(){
- this.el.child('button:first').focus();
- },
-
-
-
- disable : function(){
- if(this.el){
- this.el.addClass("x-btn-disabled");
- }
-
- this.disabled = true;
- },
-
-
-
- enable : function(){
- if(this.el){
- this.el.removeClass("x-btn-disabled");
- }
-
- this.disabled = false;
- },
-
-
-
- setDisabled : function(v){
- this[v !== true ? "enable" : "disable"]();
- },
-
-
- onClick : function(e){
- if(e){
- e.preventDefault();
- }
- if(e.button != 0){
- return;
- }
- if(!this.disabled){
- if(this.enableToggle){
- this.toggle();
- }
- if(this.menu && !this.menu.isVisible()){
- this.menu.show(this.el, this.menuAlign);
- }
-
- this.fireEvent("click", this, e);
- if(this.handler){
- this.el.removeClass("x-btn-over");
- this.handler.call(this.scope || this, this, e);
- }
- }
- },
-
- onMouseOver : function(e){
- if(!this.disabled){
- this.el.addClass("x-btn-over");
- this.fireEvent('mouseover', this, e);
- }
- },
-
- onMouseOut : function(e){
- if(!e.within(this.el, true)){
- this.el.removeClass("x-btn-over");
- this.fireEvent('mouseout', this, e);
- }
- },
-
- onFocus : function(e){
- if(!this.disabled){
- this.el.addClass("x-btn-focus");
- }
- },
-
- onBlur : function(e){
- this.el.removeClass("x-btn-focus");
- },
-
- onMouseDown : function(e){
- if(!this.disabled && e.button == 0){
- this.el.addClass("x-btn-click");
- Roo.get(document).on('mouseup', this.onMouseUp, this);
- }
- },
-
- onMouseUp : function(e){
- if(e.button == 0){
- this.el.removeClass("x-btn-click");
- Roo.get(document).un('mouseup', this.onMouseUp, this);
- }
- },
-
- onMenuShow : function(e){
- this.el.addClass("x-btn-menu-active");
- },
-
- onMenuHide : function(e){
- this.el.removeClass("x-btn-menu-active");
- }
-});
-
-
-Roo.ButtonToggleMgr = function(){
- var J = {};
-
- function K(L, M){
- if(M){
- var g = J[L.toggleGroup];
- for(var i = 0, l = g.length; i < l; i++){
- if(g[i] != L){
- g[i].toggle(false);
- }
- }
- }
- }
-
- return {
- register : function(N){
- if(!N.toggleGroup){
- return;
- }
- var g = J[N.toggleGroup];
- if(!g){
- g = J[N.toggleGroup] = [];
- }
-
- g.push(N);
- N.on("toggle", K);
- },
-
- unregister : function(O){
- if(!O.toggleGroup){
- return;
- }
- var g = J[O.toggleGroup];
- if(g){
- g.remove(O);
- O.un("toggle", K);
- }
- }
- };
-}();
-
-
-
-
-
-Roo.SplitButton = function(A, B){
- Roo.SplitButton.superclass.constructor.call(this, A, B);
-
-
- this.addEvents({"arrowclick":true});
-};
-
-Roo.extend(Roo.SplitButton, Roo.Button, {
- render : function(C){
-
- var D = new Roo.Template(
- '<table cellspacing="0" class="x-btn-menu-wrap x-btn"><tr><td>',
- '<table cellspacing="0" class="x-btn-wrap x-btn-menu-text-wrap"><tbody>',
- '<tr><td class="x-btn-left"><i> </i></td><td class="x-btn-center"><button class="x-btn-text" type="{1}">{0}</button></td></tr>',
- "</tbody></table></td><td>",
- '<table cellspacing="0" class="x-btn-wrap x-btn-menu-arrow-wrap"><tbody>',
- '<tr><td class="x-btn-center"><button class="x-btn-menu-arrow-el" type="button"> </button></td><td class="x-btn-right"><i> </i></td></tr>',
- "</tbody></table></td></tr></table>"
- );
- var E = D.append(C, [this.text, this.type], true);
- var F = E.child("button");
- if(this.cls){
- E.addClass(this.cls);
- }
- if(this.icon){
- F.setStyle('background-image', 'url(' +this.icon +')');
- }
- if(this.iconCls){
- F.addClass(this.iconCls);
- if(!this.cls){
- E.addClass(this.text ? 'x-btn-text-icon' : 'x-btn-icon');
- }
- }
-
- this.el = E;
- if(this.handleMouseEvents){
- E.on("mouseover", this.onMouseOver, this);
- E.on("mouseout", this.onMouseOut, this);
- E.on("mousedown", this.onMouseDown, this);
- E.on("mouseup", this.onMouseUp, this);
- }
-
- E.on(this.clickEvent, this.onClick, this);
- if(this.tooltip){
- if(typeof this.tooltip == 'object'){
- Roo.QuickTips.tips(Roo.apply({
- target: F.id
- }, this.tooltip));
- } else {
- F.dom[this.tooltipType] = this.tooltip;
- }
- }
- if(this.arrowTooltip){
- E.child("button:nth(2)").dom[this.tooltipType] = this.arrowTooltip;
- }
- if(this.hidden){
- this.hide();
- }
- if(this.disabled){
- this.disable();
- }
- if(this.pressed){
- this.el.addClass("x-btn-pressed");
- }
- if(Roo.isIE && !Roo.isIE7){
- this.autoWidth.defer(1, this);
- }else {
- this.autoWidth();
- }
- if(this.menu){
- this.menu.on("show", this.onMenuShow, this);
- this.menu.on("hide", this.onMenuHide, this);
- }
-
- this.fireEvent('render', this);
- },
-
-
- autoWidth : function(){
- if(this.el){
- var tbl = this.el.child("table:first");
- var tbl2 = this.el.child("table:last");
- this.el.setWidth("auto");
- tbl.setWidth("auto");
- if(Roo.isIE7 && Roo.isStrict){
- var ib = this.el.child('button:first');
- if(ib && ib.getWidth() > 20){
- ib.clip();
- ib.setWidth(Roo.util.TextMetrics.measure(ib, this.text).width+ib.getFrameWidth('lr'));
- }
- }
- if(this.minWidth){
- if(this.hidden){
- this.el.beginMeasure();
- }
- if((tbl.getWidth()+tbl2.getWidth()) < this.minWidth){
- tbl.setWidth(this.minWidth-tbl2.getWidth());
- }
- if(this.hidden){
- this.el.endMeasure();
- }
- }
-
- this.el.setWidth(tbl.getWidth()+tbl2.getWidth());
- }
- },
-
-
- setHandler : function(G, H){
- this.handler = G;
- this.scope = H;
- },
-
-
-
- setArrowHandler : function(I, J){
- this.arrowHandler = I;
- this.scope = J;
- },
-
-
-
- focus : function(){
- if(this.el){
- this.el.child("button:first").focus();
- }
- },
-
-
- onClick : function(e){
- e.preventDefault();
- if(!this.disabled){
- if(e.getTarget(".x-btn-menu-arrow-wrap")){
- if(this.menu && !this.menu.isVisible()){
- this.menu.show(this.el, this.menuAlign);
- }
-
- this.fireEvent("arrowclick", this, e);
- if(this.arrowHandler){
- this.arrowHandler.call(this.scope || this, this, e);
- }
- }else {
- this.fireEvent("click", this, e);
- if(this.handler){
- this.handler.call(this.scope || this, this, e);
- }
- }
- }
- },
-
- onMouseDown : function(e){
- if(!this.disabled){
- Roo.fly(e.getTarget("table")).addClass("x-btn-click");
- }
- },
-
- onMouseUp : function(e){
- Roo.fly(e.getTarget("table")).removeClass("x-btn-click");
- }
-});
-
-
-
-Roo.MenuButton = Roo.SplitButton;
-
-
-
-
-
-Roo.Toolbar = function(A, B, C)
-{
-
- if(A instanceof Array){
- B = A;
- C = B;
- A = null;
- }
- if (typeof(A) == 'object' && A.xtype) {
- C = A;
- A = C.container;
- B = C.buttons;
- }
- var D = [];
- if (C && C.items) {
- D = C.items;
- delete C.items;
- }
-
- Roo.apply(this, C);
- this.buttons = B;
-
- if(A){
- this.render(A);
- }
-
- Roo.each(D, function(b) {
- this.add(b);
- }, this);
-
-};
-
-Roo.Toolbar.prototype = {
-
-
-
-
-
-
- render : function(ct){
- this.el = Roo.get(ct);
- if(this.cls){
- this.el.addClass(this.cls);
- }
-
-
-
- this.el.update('<div class="x-toolbar x-small-editor"><table cellspacing="0"><tr></tr></table></div>');
- this.tr = this.el.child("tr", true);
- var E = 0;
- this.items = new Roo.util.MixedCollection(false, function(o){
- return o.id || ("item" + (++E));
- });
- if(this.buttons){
- this.add.apply(this, this.buttons);
- delete this.buttons;
- }
- },
-
-
-
- add : function(){
- var a = arguments, l = a.length;
- for(var i = 0; i < l; i++){
- this._add(a[i]);
- }
- },
-
- _add : function(el) {
-
- if (el.xtype) {
- el = Roo.factory(el, typeof(Roo.Toolbar[el.xtype]) == 'undefined' ? Roo.form : Roo.Toolbar);
- }
-
- if (el.applyTo){
- return this.addField(el);
- }
- if (el.render){
- return this.addItem(el);
- }
- if (typeof el == "string"){
- if(el == "separator" || el == "-"){
- return this.addSeparator();
- }
- if (el == " "){
- return this.addSpacer();
- }
- if(el == "->"){
- return this.addFill();
- }
- return this.addText(el);
-
- }
- if(el.tagName){
- return this.addElement(el);
- }
- if(typeof el == "object"){
- return this.addButton(el);
- }
-
- return false;
-
- },
-
-
-
- addxtype : function(e){
- return this.add(e);
- },
-
-
-
- getEl : function(){
- return this.el;
- },
-
-
-
- addSeparator : function(){
- return this.addItem(new Roo.Toolbar.Separator());
- },
-
-
-
- addSpacer : function(){
- return this.addItem(new Roo.Toolbar.Spacer());
- },
-
-
-
- addFill : function(){
- return this.addItem(new Roo.Toolbar.Fill());
- },
-
-
-
- addElement : function(el){
- return this.addItem(new Roo.Toolbar.Item(el));
- },
-
-
- items : false,
-
-
-
- addItem : function(F){
- var td = this.nextBlock();
- F.render(td);
- this.items.add(F);
- return F;
- },
-
-
-
- addButton : function(G){
- if(G instanceof Array){
- var B = [];
- for(var i = 0, len = G.length; i < len; i++) {
- B.push(this.addButton(G[i]));
- }
- return B;
- }
- var b = G;
- if(!(G instanceof Roo.Toolbar.Button)){
- b = G.split ?
- new Roo.Toolbar.SplitButton(G) :
- new Roo.Toolbar.Button(G);
- }
- var td = this.nextBlock();
- b.render(td);
- this.items.add(b);
- return b;
- },
-
-
-
- addText : function(H){
- return this.addItem(new Roo.Toolbar.TextItem(H));
- },
-
-
-
- insertButton : function(I, J){
- if(J instanceof Array){
- var B = [];
- for(var i = 0, len = J.length; i < len; i++) {
- B.push(this.insertButton(I + i, J[i]));
- }
- return B;
- }
- if (!(J instanceof Roo.Toolbar.Button)){
- J = new Roo.Toolbar.Button(J);
- }
- var td = document.createElement("td");
- this.tr.insertBefore(td, this.tr.childNodes[I]);
- J.render(td);
- this.items.insert(I, J);
- return J;
- },
-
-
-
- addDom : function(K, L){
- var td = this.nextBlock();
- Roo.DomHelper.overwrite(td, K);
- var ti = new Roo.Toolbar.Item(td.firstChild);
- ti.render(td);
- this.items.add(ti);
- return ti;
- },
-
-
-
- fields : false,
-
-
-
-
-
- addField : function(M) {
- if (!this.fields) {
- var E = 0;
- this.fields = new Roo.util.MixedCollection(false, function(o){
- return o.id || ("item" + (++E));
- });
-
- }
-
- var td = this.nextBlock();
- M.render(td);
- var ti = new Roo.Toolbar.Item(td.firstChild);
- ti.render(td);
- this.items.add(ti);
- this.fields.add(M);
- return ti;
- },
-
-
-
-
- hide : function()
- {
- this.el.child('div').setVisibilityMode(Roo.Element.DISPLAY);
- this.el.child('div').hide();
- },
-
-
- show : function()
- {
- this.el.child('div').show();
- },
-
-
- nextBlock : function(){
- var td = document.createElement("td");
- this.tr.appendChild(td);
- return td;
- },
-
-
- destroy : function(){
- if(this.items){
- Roo.destroy.apply(Roo, this.items.items);
- }
- if(this.fields){
- Roo.destroy.apply(Roo, this.fields.items);
- }
-
- Roo.Element.uncache(this.el, this.tr);
- }
-};
-
-
-
-Roo.Toolbar.Item = function(el){
- this.el = Roo.getDom(el);
- this.id = Roo.id(this.el);
- this.hidden = false;
-};
-
-Roo.Toolbar.Item.prototype = {
-
-
-
- getEl : function(){
- return this.el;
- },
-
-
- render : function(td){
- this.td = td;
- td.appendChild(this.el);
- },
-
-
-
- destroy : function(){
- this.td.parentNode.removeChild(this.td);
- },
-
-
-
- show: function(){
- this.hidden = false;
- this.td.style.display = "";
- },
-
-
-
- hide: function(){
- this.hidden = true;
- this.td.style.display = "none";
- },
-
-
-
- setVisible: function(N){
- if(N) {
- this.show();
- }else {
- this.hide();
- }
- },
-
-
-
- focus : function(){
- Roo.fly(this.el).focus();
- },
-
-
-
- disable : function(){
- Roo.fly(this.td).addClass("x-item-disabled");
- this.disabled = true;
- this.el.disabled = true;
- },
-
-
-
- enable : function(){
- Roo.fly(this.td).removeClass("x-item-disabled");
- this.disabled = false;
- this.el.disabled = false;
- }
-};
-
-
-
-
-Roo.Toolbar.Separator = function(){
- var s = document.createElement("span");
- s.className = "ytb-sep";
- Roo.Toolbar.Separator.superclass.constructor.call(this, s);
-};
-Roo.extend(Roo.Toolbar.Separator, Roo.Toolbar.Item, {
- enable:Roo.emptyFn,
- disable:Roo.emptyFn,
- focus:Roo.emptyFn
-});
-
-
-
-Roo.Toolbar.Spacer = function(){
- var s = document.createElement("div");
- s.className = "ytb-spacer";
- Roo.Toolbar.Spacer.superclass.constructor.call(this, s);
-};
-Roo.extend(Roo.Toolbar.Spacer, Roo.Toolbar.Item, {
- enable:Roo.emptyFn,
- disable:Roo.emptyFn,
- focus:Roo.emptyFn
-});
-
-
-
-Roo.Toolbar.Fill = Roo.extend(Roo.Toolbar.Spacer, {
-
- render : function(td){
- td.style.width = '100%';
- Roo.Toolbar.Fill.superclass.render.call(this, td);
- }
-});
-
-
-
-Roo.Toolbar.TextItem = function(O){
- if (typeof(O) == 'object') {
- O = O.text;
- }
- var s = document.createElement("span");
- s.className = "ytb-text";
- s.innerHTML = O;
- Roo.Toolbar.TextItem.superclass.constructor.call(this, s);
-};
-Roo.extend(Roo.Toolbar.TextItem, Roo.Toolbar.Item, {
- enable:Roo.emptyFn,
- disable:Roo.emptyFn,
- focus:Roo.emptyFn
-});
-
-
-
-Roo.Toolbar.Button = function(P){
- Roo.Toolbar.Button.superclass.constructor.call(this, null, P);
-};
-Roo.extend(Roo.Toolbar.Button, Roo.Button, {
- render : function(td){
- this.td = td;
- Roo.Toolbar.Button.superclass.render.call(this, td);
- },
-
-
-
- destroy : function(){
- Roo.Toolbar.Button.superclass.destroy.call(this);
- this.td.parentNode.removeChild(this.td);
- },
-
-
-
- show: function(){
- this.hidden = false;
- this.td.style.display = "";
- },
-
-
-
- hide: function(){
- this.hidden = true;
- this.td.style.display = "none";
- },
-
-
-
- disable : function(){
- Roo.fly(this.td).addClass("x-item-disabled");
- this.disabled = true;
- },
-
-
-
- enable : function(){
- Roo.fly(this.td).removeClass("x-item-disabled");
- this.disabled = false;
- }
-});
-
-Roo.ToolbarButton = Roo.Toolbar.Button;
-
-
-
-Roo.Toolbar.SplitButton = function(Q){
- Roo.Toolbar.SplitButton.superclass.constructor.call(this, null, Q);
-};
-Roo.extend(Roo.Toolbar.SplitButton, Roo.SplitButton, {
- render : function(td){
- this.td = td;
- Roo.Toolbar.SplitButton.superclass.render.call(this, td);
- },
-
-
-
- destroy : function(){
- Roo.Toolbar.SplitButton.superclass.destroy.call(this);
- this.td.parentNode.removeChild(this.td);
- },
-
-
-
- show: function(){
- this.hidden = false;
- this.td.style.display = "";
- },
-
-
-
- hide: function(){
- this.hidden = true;
- this.td.style.display = "none";
- }
-});
-
-
-Roo.Toolbar.MenuButton = Roo.Toolbar.SplitButton;
-
-
-
-
-
-Roo.PagingToolbar = function(el, ds, A)
-{
-
- if (typeof(el) == 'object' && el.xtype) {
-
- A = el;
- ds = el.dataSource;
- el = A.container;
- }
-
-
-
- Roo.PagingToolbar.superclass.constructor.call(this, el, null, A);
- this.ds = ds;
- this.cursor = 0;
- this.renderButtons(this.el);
- this.bind(ds);
-};
-
-Roo.extend(Roo.PagingToolbar, Roo.Toolbar, {
-
-
-
-
-
-
-
-
- pageSize: 20,
-
-
- displayMsg : 'Displaying {0} - {1} of {2}',
-
-
- emptyMsg : 'No data to display',
-
-
- beforePageText : "Page",
-
-
- afterPageText : "of {0}",
-
-
- firstText : "First Page",
-
-
- prevText : "Previous Page",
-
-
- nextText : "Next Page",
-
-
- lastText : "Last Page",
-
-
- refreshText : "Refresh",
-
-
- renderButtons : function(el){
- Roo.PagingToolbar.superclass.render.call(this, el);
- this.first = this.addButton({
- tooltip: this.firstText,
- cls: "x-btn-icon x-grid-page-first",
- disabled: true,
- handler: this.onClick.createDelegate(this, ["first"])
- });
- this.prev = this.addButton({
- tooltip: this.prevText,
- cls: "x-btn-icon x-grid-page-prev",
- disabled: true,
- handler: this.onClick.createDelegate(this, ["prev"])
- });
- this.addSeparator();
- this.add(this.beforePageText);
- this.field = Roo.get(this.addDom({
- tag: "input",
- type: "text",
- size: "3",
- value: "1",
- cls: "x-grid-page-number"
- }).el);
- this.field.on("keydown", this.onPagingKeydown, this);
- this.field.on("focus", function(){this.dom.select();});
- this.afterTextEl = this.addText(String.format(this.afterPageText, 1));
- this.field.setHeight(18);
- this.addSeparator();
- this.next = this.addButton({
- tooltip: this.nextText,
- cls: "x-btn-icon x-grid-page-next",
- disabled: true,
- handler: this.onClick.createDelegate(this, ["next"])
- });
- this.last = this.addButton({
- tooltip: this.lastText,
- cls: "x-btn-icon x-grid-page-last",
- disabled: true,
- handler: this.onClick.createDelegate(this, ["last"])
- });
- this.addSeparator();
- this.loading = this.addButton({
- tooltip: this.refreshText,
- cls: "x-btn-icon x-grid-loading",
- handler: this.onClick.createDelegate(this, ["refresh"])
- });
-
- if(this.displayInfo){
- this.displayEl = Roo.fly(this.el.dom.firstChild).createChild({cls:'x-paging-info'});
- }
- },
-
-
- updateInfo : function(){
- if(this.displayEl){
- var count = this.ds.getCount();
- var msg = count == 0 ?
- this.emptyMsg :
- String.format(
- this.displayMsg,
- this.cursor+1, this.cursor+count, this.ds.getTotalCount()
- );
- this.displayEl.update(msg);
- }
- },
-
-
- onLoad : function(ds, r, o){
- this.cursor = o.params ? o.params.start : 0;
- var d = this.getPageData(), ap = d.activePage, ps = d.pages;
-
- this.afterTextEl.el.innerHTML = String.format(this.afterPageText, d.pages);
- this.field.dom.value = ap;
- 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();
- },
-
-
- getPageData : function(){
- var B = this.ds.getTotalCount();
- return {
- total : B,
- activePage : Math.ceil((this.cursor+this.pageSize)/this.pageSize),
- pages : B < this.pageSize ? 1 : Math.ceil(B/this.pageSize)
- };
- },
-
-
- onLoadError : function(){
- this.loading.enable();
- },
-
-
- onPagingKeydown : function(e){
- var k = e.getKey();
- var d = this.getPageData();
- if(k == e.RETURN ){
- var v = this.field.dom.value, pageNum;
- if(!v || isNaN(pageNum = parseInt(v, 10))){
- this.field.dom.value = d.activePage;
- return;
- }
-
- pageNum = Math.min(Math.max(1, pageNum), d.pages) - 1;
- this.ds.load({params:{start: pageNum * this.pageSize, limit: this.pageSize}});
- e.stopEvent();
- }
- else if(k == e.HOME || (k == e.UP && e.ctrlKey) || (k == e.PAGEUP && e.ctrlKey) || (k == e.RIGHT && e.ctrlKey) || k == e.END || (k == e.DOWN && e.ctrlKey) || (k == e.LEFT && e.ctrlKey) || (k == e.PAGEDOWN && e.ctrlKey))
- {
- var pageNum = (k == e.HOME || (k == e.DOWN && e.ctrlKey) || (k == e.LEFT && e.ctrlKey) || (k == e.PAGEDOWN && e.ctrlKey)) ? 1 : d.pages;
- this.field.dom.value = pageNum;
- this.ds.load({params:{start: (pageNum - 1) * this.pageSize, limit: this.pageSize}});
- e.stopEvent();
- }
- else if(k == e.UP || k == e.RIGHT || k == e.PAGEUP || k == e.DOWN || k == e.LEFT || k == e.PAGEDOWN)
- {
- var v = this.field.dom.value, pageNum;
- var increment = (e.shiftKey) ? 10 : 1;
- if(k == e.DOWN || k == e.LEFT || k == e.PAGEDOWN)
- increment *= -1;
- if(!v || isNaN(pageNum = parseInt(v, 10))) {
- this.field.dom.value = d.activePage;
- return;
- }
- else if(parseInt(v, 10) + increment >= 1 & parseInt(v, 10) + increment <= d.pages)
- {
- this.field.dom.value = parseInt(v, 10) + increment;
- pageNum = Math.min(Math.max(1, pageNum + increment), d.pages) - 1;
- this.ds.load({params:{start: pageNum * this.pageSize, limit: this.pageSize}});
- }
-
- e.stopEvent();
- }
- },
-
-
- beforeLoad : function(){
- if(this.loading){
- this.loading.disable();
- }
- },
-
-
- onClick : function(C){
- var ds = this.ds;
- switch(C){
- case "first":
- ds.load({params:{start: 0, limit: this.pageSize}});
- break;
- case "prev":
- ds.load({params:{start: Math.max(0, this.cursor-this.pageSize), limit: this.pageSize}});
- break;
- case "next":
- ds.load({params:{start: this.cursor+this.pageSize, limit: this.pageSize}});
- break;
- case "last":
- var B = ds.getTotalCount();
- var extra = B % this.pageSize;
- var lastStart = extra ? (B - extra) : B-this.pageSize;
- ds.load({params:{start: lastStart, limit: this.pageSize}});
- break;
- case "refresh":
- ds.load({params:{start: this.cursor, limit: this.pageSize}});
- break;
- }
- },
-
-
-
- unbind : function(ds){
- ds.un("beforeload", this.beforeLoad, this);
- ds.un("load", this.onLoad, this);
- ds.un("loadexception", this.onLoadError, this);
- ds.un("remove", this.updateInfo, this);
- ds.un("add", this.updateInfo, this);
- this.ds = undefined;
- },
-
-
-
- bind : function(ds){
- ds.on("beforeload", this.beforeLoad, this);
- ds.on("load", this.onLoad, this);
- ds.on("loadexception", this.onLoadError, this);
- ds.on("remove", this.updateInfo, this);
- ds.on("add", this.updateInfo, this);
- this.ds = ds;
- }
-});
-
-
-
-
-
-Roo.Resizable = function(el, A){
- this.el = Roo.get(el);
-
- if(A && A.wrap){
- A.resizeChild = this.el;
- this.el = this.el.wrap(typeof A.wrap == "object" ? A.wrap : {cls:"xresizable-wrap"});
- this.el.id = this.el.dom.id = A.resizeChild.id + "-rzwrap";
- this.el.setStyle("overflow", "hidden");
- this.el.setPositioning(A.resizeChild.getPositioning());
- A.resizeChild.clearPositioning();
- if(!A.width || !A.height){
- var csize = A.resizeChild.getSize();
- this.el.setSize(csize.width, csize.height);
- }
- if(A.pinned && !A.adjustments){
- A.adjustments = "auto";
- }
- }
-
-
- this.proxy = this.el.createProxy({tag: "div", cls: "x-resizable-proxy", id: this.el.id + "-rzproxy"});
- this.proxy.unselectable();
- this.proxy.enableDisplayMode('block');
-
- Roo.apply(this, A);
-
- if(this.pinned){
- this.disableTrackOver = true;
- this.el.addClass("x-resizable-pinned");
- }
-
- var B = this.el.getStyle("position");
- if(B != "absolute" && B != "fixed"){
- this.el.setStyle("position", "relative");
- }
- if(!this.handles){
- this.handles = 's,e,se';
- if(this.multiDirectional){
- this.handles += ',n,w';
- }
- }
- if(this.handles == "all"){
- this.handles = "n s e w ne nw se sw";
- }
- var hs = this.handles.split(/\s*?[,;]\s*?| /);
- var ps = Roo.Resizable.positions;
- for(var i = 0, len = hs.length; i < len; i++){
- if(hs[i] && ps[hs[i]]){
- var pos = ps[hs[i]];
- this[pos] = new Roo.Resizable.Handle(this, pos, this.disableTrackOver, this.transparent);
- }
- }
-
-
- this.corner = this.southeast;
-
- if(this.handles.indexOf("n") != -1 || this.handles.indexOf("w") != -1){
- this.updateBox = true;
- }
-
-
- this.activeHandle = null;
-
- if(this.resizeChild){
- if(typeof this.resizeChild == "boolean"){
- this.resizeChild = Roo.get(this.el.dom.firstChild, true);
- }else {
- this.resizeChild = Roo.get(this.resizeChild, true);
- }
- }
-
- if(this.adjustments == "auto"){
- var rc = this.resizeChild;
- var hw = this.west, he = this.east, hn = this.north, hs = this.south;
- if(rc && (hw || hn)){
- rc.position("relative");
- rc.setLeft(hw ? hw.el.getWidth() : 0);
- rc.setTop(hn ? hn.el.getHeight() : 0);
- }
-
- this.adjustments = [
- (he ? -he.el.getWidth() : 0) + (hw ? -hw.el.getWidth() : 0),
- (hn ? -hn.el.getHeight() : 0) + (hs ? -hs.el.getHeight() : 0) -1
- ];
- }
-
- if(this.draggable){
- this.dd = this.dynamic ?
- this.el.initDD(null) : this.el.initDDProxy(null, {dragElId: this.proxy.id});
- this.dd.setHandleElId(this.resizeChild ? this.resizeChild.id : this.el.id);
- }
-
-
-
- this.addEvents({
-
-
- "beforeresize" : true,
-
-
- "resize" : true
- });
-
- if(this.width !== null && this.height !== null){
- this.resizeTo(this.width, this.height);
- }else {
- this.updateChildSize();
- }
- if(Roo.isIE){
- this.el.dom.style.zoom = 1;
- }
-
- Roo.Resizable.superclass.constructor.call(this);
-};
-
-Roo.extend(Roo.Resizable, Roo.util.Observable, {
- resizeChild : false,
- adjustments : [0, 0],
- minWidth : 5,
- minHeight : 5,
- maxWidth : 10000,
- maxHeight : 10000,
- enabled : true,
- animate : false,
- duration : .35,
- dynamic : false,
- handles : false,
- multiDirectional : false,
- disableTrackOver : false,
- easing : 'easeOutStrong',
- widthIncrement : 0,
- heightIncrement : 0,
- pinned : false,
- width : null,
- height : null,
- preserveRatio : false,
- transparent: false,
- minX: 0,
- minY: 0,
- draggable: false,
-
-
-
- constrainTo: undefined,
-
-
- resizeRegion: undefined,
-
-
-
-
- resizeTo : function(C, D){
- this.el.setSize(C, D);
- this.updateChildSize();
- this.fireEvent("resize", this, C, D, null);
- },
-
-
- startSizing : function(e, E){
- this.fireEvent("beforeresize", this, e);
- if(this.enabled){
-
- if(!this.overlay){
- this.overlay = this.el.createProxy({tag: "div", cls: "x-resizable-overlay", html: " "});
- this.overlay.unselectable();
- this.overlay.enableDisplayMode("block");
- this.overlay.on("mousemove", this.onMouseMove, this);
- this.overlay.on("mouseup", this.onMouseUp, this);
- }
-
- this.overlay.setStyle("cursor", E.el.getStyle("cursor"));
-
- this.resizing = true;
- this.startBox = this.el.getBox();
- this.startPoint = e.getXY();
- this.offsets = [(this.startBox.x + this.startBox.width) - this.startPoint[0],
- (this.startBox.y + this.startBox.height) - this.startPoint[1]];
-
- this.overlay.setSize(Roo.lib.Dom.getViewWidth(true), Roo.lib.Dom.getViewHeight(true));
- this.overlay.show();
-
- if(this.constrainTo) {
- var ct = Roo.get(this.constrainTo);
- this.resizeRegion = ct.getRegion().adjust(
- ct.getFrameWidth('t'),
- ct.getFrameWidth('l'),
- -ct.getFrameWidth('b'),
- -ct.getFrameWidth('r')
- );
- }
-
-
- this.proxy.setStyle('visibility', 'hidden');
- this.proxy.show();
- this.proxy.setBox(this.startBox);
- if(!this.dynamic){
- this.proxy.setStyle('visibility', 'visible');
- }
- }
- },
-
-
- onMouseDown : function(F, e){
- if(this.enabled){
- e.stopEvent();
- this.activeHandle = F;
- this.startSizing(e, F);
- }
- },
-
-
- onMouseUp : function(e){
- var G = this.resizeElement();
- this.resizing = false;
- this.handleOut();
- this.overlay.hide();
- this.proxy.hide();
- this.fireEvent("resize", this, G.width, G.height, e);
- },
-
-
- updateChildSize : function(){
- if(this.resizeChild){
- var el = this.el;
- var child = this.resizeChild;
- var adj = this.adjustments;
- if(el.dom.offsetWidth){
- var b = el.getSize(true);
- child.setSize(b.width+adj[0], b.height+adj[1]);
- }
-
-
-
-
- if(Roo.isIE){
- setTimeout(function(){
- if(el.dom.offsetWidth){
- var b = el.getSize(true);
- child.setSize(b.width+adj[0], b.height+adj[1]);
- }
- }, 10);
- }
- }
- },
-
-
- snap : function(H, I, J){
- if(!I || !H) return H;
- var K = H;
- var m = H % I;
- if(m > 0){
- if(m > (I/2)){
- K = H + (I-m);
- }else {
- K = H - m;
- }
- }
- return Math.max(J, K);
- },
-
-
- resizeElement : function(){
- var L = this.proxy.getBox();
- if(this.updateBox){
- this.el.setBox(L, false, this.animate, this.duration, null, this.easing);
- }else {
- this.el.setSize(L.width, L.height, this.animate, this.duration, null, this.easing);
- }
-
- this.updateChildSize();
- if(!this.dynamic){
- this.proxy.hide();
- }
- return L;
- },
-
-
- constrain : function(v, M, m, mx){
- if(v - M < m){
- M = v - m;
- }else if(v - M > mx){
- M = mx - v;
- }
- return M;
- },
-
-
- onMouseMove : function(e){
- if(this.enabled){
- try{
-
- if(this.resizeRegion && !this.resizeRegion.contains(e.getPoint())) {
- return;
- }
-
-
- var curSize = this.curSize || this.startBox;
- var x = this.startBox.x, y = this.startBox.y;
- var ox = x, oy = y;
- var w = curSize.width, h = curSize.height;
- var ow = w, oh = h;
- var mw = this.minWidth, mh = this.minHeight;
- var mxw = this.maxWidth, mxh = this.maxHeight;
- var wi = this.widthIncrement;
- var hi = this.heightIncrement;
-
- var eventXY = e.getXY();
- var diffX = -(this.startPoint[0] - Math.max(this.minX, eventXY[0]));
- var diffY = -(this.startPoint[1] - Math.max(this.minY, eventXY[1]));
-
- var pos = this.activeHandle.position;
-
- switch(pos){
- case "east":
- w += diffX;
- w = Math.min(Math.max(mw, w), mxw);
- break;
- case "south":
- h += diffY;
- h = Math.min(Math.max(mh, h), mxh);
- break;
- case "southeast":
- w += diffX;
- h += diffY;
- w = Math.min(Math.max(mw, w), mxw);
- h = Math.min(Math.max(mh, h), mxh);
- break;
- case "north":
- diffY = this.constrain(h, diffY, mh, mxh);
- y += diffY;
- h -= diffY;
- break;
- case "west":
- diffX = this.constrain(w, diffX, mw, mxw);
- x += diffX;
- w -= diffX;
- break;
- case "northeast":
- w += diffX;
- w = Math.min(Math.max(mw, w), mxw);
- diffY = this.constrain(h, diffY, mh, mxh);
- y += diffY;
- h -= diffY;
- break;
- case "northwest":
- diffX = this.constrain(w, diffX, mw, mxw);
- diffY = this.constrain(h, diffY, mh, mxh);
- y += diffY;
- h -= diffY;
- x += diffX;
- w -= diffX;
- break;
- case "southwest":
- diffX = this.constrain(w, diffX, mw, mxw);
- h += diffY;
- h = Math.min(Math.max(mh, h), mxh);
- x += diffX;
- w -= diffX;
- break;
- }
-
- var sw = this.snap(w, wi, mw);
- var sh = this.snap(h, hi, mh);
- if(sw != w || sh != h){
- switch(pos){
- case "northeast":
- y -= sh - h;
- break;
- case "north":
- y -= sh - h;
- break;
- case "southwest":
- x -= sw - w;
- break;
- case "west":
- x -= sw - w;
- break;
- case "northwest":
- x -= sw - w;
- y -= sh - h;
- break;
- }
-
- w = sw;
- h = sh;
- }
-
- if(this.preserveRatio){
- switch(pos){
- case "southeast":
- case "east":
- h = oh * (w/ow);
- h = Math.min(Math.max(mh, h), mxh);
- w = ow * (h/oh);
- break;
- case "south":
- w = ow * (h/oh);
- w = Math.min(Math.max(mw, w), mxw);
- h = oh * (w/ow);
- break;
- case "northeast":
- w = ow * (h/oh);
- w = Math.min(Math.max(mw, w), mxw);
- h = oh * (w/ow);
- break;
- case "north":
- var tw = w;
- w = ow * (h/oh);
- w = Math.min(Math.max(mw, w), mxw);
- h = oh * (w/ow);
- x += (tw - w) / 2;
- break;
- case "southwest":
- h = oh * (w/ow);
- h = Math.min(Math.max(mh, h), mxh);
- var tw = w;
- w = ow * (h/oh);
- x += tw - w;
- break;
- case "west":
- var th = h;
- h = oh * (w/ow);
- h = Math.min(Math.max(mh, h), mxh);
- y += (th - h) / 2;
- var tw = w;
- w = ow * (h/oh);
- x += tw - w;
- break;
- case "northwest":
- var tw = w;
- var th = h;
- h = oh * (w/ow);
- h = Math.min(Math.max(mh, h), mxh);
- w = ow * (h/oh);
- y += th - h;
- x += tw - w;
- break;
-
- }
- }
-
- this.proxy.setBounds(x, y, w, h);
- if(this.dynamic){
- this.resizeElement();
- }
- }catch(e){}
- }
- },
-
-
- handleOver : function(){
- if(this.enabled){
- this.el.addClass("x-resizable-over");
- }
- },
-
-
- handleOut : function(){
- if(!this.resizing){
- this.el.removeClass("x-resizable-over");
- }
- },
-
-
-
- getEl : function(){
- return this.el;
- },
-
-
-
- getResizeChild : function(){
- return this.resizeChild;
- },
-
-
-
- destroy : function(N){
- this.proxy.remove();
- if(this.overlay){
- this.overlay.removeAllListeners();
- this.overlay.remove();
- }
- var ps = Roo.Resizable.positions;
- for(var k in ps){
- if(typeof ps[k] != "function" && this[ps[k]]){
- var h = this[ps[k]];
- h.el.removeAllListeners();
- h.el.remove();
- }
- }
- if(N){
- this.el.update("");
- this.el.remove();
- }
- }
-});
-
-
-
-Roo.Resizable.positions = {
- n: "north", s: "south", e: "east", w: "west", se: "southeast", sw: "southwest", nw: "northwest", ne: "northeast"
-};
-
-
-Roo.Resizable.Handle = function(rz, O, P, Q){
- if(!this.tpl){
-
- var tpl = Roo.DomHelper.createTemplate(
- {tag: "div", cls: "x-resizable-handle x-resizable-handle-{0}"}
- );
- tpl.compile();
- Roo.Resizable.Handle.prototype.tpl = tpl;
- }
-
- this.position = O;
- this.rz = rz;
- this.el = this.tpl.append(rz.el.dom, [this.position], true);
- this.el.unselectable();
- if(Q){
- this.el.setOpacity(0);
- }
-
- this.el.on("mousedown", this.onMouseDown, this);
- if(!P){
- this.el.on("mouseover", this.onMouseOver, this);
- this.el.on("mouseout", this.onMouseOut, this);
- }
-};
-
-
-Roo.Resizable.Handle.prototype = {
- afterResize : function(rz){
-
- },
-
- onMouseDown : function(e){
- this.rz.onMouseDown(this, e);
- },
-
- onMouseOver : function(e){
- this.rz.handleOver(this, e);
- },
-
- onMouseOut : function(e){
- this.rz.handleOut(this, e);
- }
-};
-
-
-
-
-
-Roo.Editor = function(A, B){
- Roo.Editor.superclass.constructor.call(this, B);
- this.field = A;
- this.addEvents({
-
-
- "beforestartedit" : true,
-
-
- "startedit" : true,
-
-
- "beforecomplete" : true,
-
-
- "complete" : true,
-
-
- "specialkey" : true
- });
-};
-
-Roo.extend(Roo.Editor, Roo.Component, {
-
-
-
-
-
-
-
-
-
-
- value : "",
-
-
- alignment: "c-c?",
-
-
- shadow : "frame",
-
-
- constrain : false,
-
-
- completeOnEnter : false,
-
-
- cancelOnEsc : false,
-
-
- updateEl : false,
-
-
- onRender : function(ct, C){
- this.el = new Roo.Layer({
- shadow: this.shadow,
- cls: "x-editor",
- parentEl : ct,
- shim : this.shim,
- shadowOffset:4,
- id: this.id,
- constrain: this.constrain
- });
- this.el.setStyle("overflow", Roo.isGecko ? "auto" : "hidden");
- if(this.field.msgTarget != 'title'){
- this.field.msgTarget = 'qtip';
- }
-
- this.field.render(this.el);
- if(Roo.isGecko){
- this.field.el.dom.setAttribute('autocomplete', 'off');
- }
-
- this.field.on("specialkey", this.onSpecialKey, this);
- if(this.swallowKeys){
- this.field.el.swallowEvent(['keydown','keypress']);
- }
-
- this.field.show();
- this.field.on("blur", this.onBlur, this);
- if(this.field.grow){
- this.field.on("autosize", this.el.sync, this.el, {delay:1});
- }
- },
-
- onSpecialKey : function(D, e){
- if(this.completeOnEnter && e.getKey() == e.ENTER){
- e.stopEvent();
- this.completeEdit();
- }else if(this.cancelOnEsc && e.getKey() == e.ESC){
- this.cancelEdit();
- }else {
- this.fireEvent('specialkey', D, e);
- }
- },
-
-
-
- startEdit : function(el, E){
- if(this.editing){
- this.completeEdit();
- }
-
- this.boundEl = Roo.get(el);
- var v = E !== undefined ? E : this.boundEl.dom.innerHTML;
- if(!this.rendered){
- this.render(this.parentEl || document.body);
- }
- if(this.fireEvent("beforestartedit", this, this.boundEl, v) === false){
- return;
- }
-
- this.startValue = v;
- this.field.setValue(v);
- if(this.autoSize){
- var sz = this.boundEl.getSize();
- switch(this.autoSize){
- case "width":
- this.setSize(sz.width, "");
- break;
- case "height":
- this.setSize("", sz.height);
- break;
- default:
- this.setSize(sz.width, sz.height);
- }
- }
-
- this.el.alignTo(this.boundEl, this.alignment);
- this.editing = true;
- if(Roo.QuickTips){
- Roo.QuickTips.disable();
- }
-
- this.show();
- },
-
-
-
- setSize : function(w, h){
- this.field.setSize(w, h);
- if(this.el){
- this.el.sync();
- }
- },
-
-
-
- realign : function(){
- this.el.alignTo(this.boundEl, this.alignment);
- },
-
-
-
- completeEdit : function(F){
- if(!this.editing){
- return;
- }
- var v = this.getValue();
- if(this.revertInvalid !== false && !this.field.isValid()){
- v = this.startValue;
- this.cancelEdit(true);
- }
- if(String(v) === String(this.startValue) && this.ignoreNoChange){
- this.editing = false;
- this.hide();
- return;
- }
- if(this.fireEvent("beforecomplete", this, v, this.startValue) !== false){
- this.editing = false;
- if(this.updateEl && this.boundEl){
- this.boundEl.update(v);
- }
- if(F !== true){
- this.hide();
- }
-
- this.fireEvent("complete", this, v, this.startValue);
- }
- },
-
-
- onShow : function(){
- this.el.show();
- if(this.hideEl !== false){
- this.boundEl.hide();
- }
-
- this.field.show();
- if(Roo.isIE && !this.fixIEFocus){
- this.fixIEFocus = true;
- this.deferredFocus.defer(50, this);
- }else {
- this.field.focus();
- }
-
- this.fireEvent("startedit", this.boundEl, this.startValue);
- },
-
- deferredFocus : function(){
- if(this.editing){
- this.field.focus();
- }
- },
-
-
-
- cancelEdit : function(G){
- if(this.editing){
- this.setValue(this.startValue);
- if(G !== true){
- this.hide();
- }
- }
- },
-
-
- onBlur : function(){
- if(this.allowBlur !== true && this.editing){
- this.completeEdit();
- }
- },
-
-
- onHide : function(){
- if(this.editing){
- this.completeEdit();
- return;
- }
-
- this.field.blur();
- if(this.field.collapse){
- this.field.collapse();
- }
-
- this.el.hide();
- if(this.hideEl !== false){
- this.boundEl.show();
- }
- if(Roo.QuickTips){
- Roo.QuickTips.enable();
- }
- },
-
-
-
- setValue : function(v){
- this.field.setValue(v);
- },
-
-
-
- getValue : function(){
- return this.field.getValue();
- }
-});
-
-
-
-
-
-Roo.BasicDialog = function(el, A){
- this.el = Roo.get(el);
- var dh = Roo.DomHelper;
- if(!this.el && A && A.autoCreate){
- if(typeof A.autoCreate == "object"){
- if(!A.autoCreate.id){
- A.autoCreate.id = el;
- }
-
- this.el = dh.append(document.body,
- A.autoCreate, true);
- }else {
- this.el = dh.append(document.body,
- {tag: "div", id: el, style:'visibility:hidden;'}, true);
- }
- }
-
- el = this.el;
- el.setDisplayed(true);
- el.hide = this.hideAction;
- this.id = el.id;
- el.addClass("x-dlg");
-
- Roo.apply(this, A);
-
- this.proxy = el.createProxy("x-dlg-proxy");
- this.proxy.hide = this.hideAction;
- this.proxy.setOpacity(.5);
- this.proxy.hide();
-
- if(A.width){
- el.setWidth(A.width);
- }
- if(A.height){
- el.setHeight(A.height);
- }
-
- this.size = el.getSize();
- if(typeof A.x != "undefined" && typeof A.y != "undefined"){
- this.xy = [A.x,A.y];
- }else {
- this.xy = el.getCenterXY(true);
- }
-
-
-
- this.header = el.child("> .x-dlg-hd");
-
-
- this.body = el.child("> .x-dlg-bd");
-
-
- this.footer = el.child("> .x-dlg-ft");
-
- if(!this.header){
- this.header = el.createChild({tag: "div", cls:"x-dlg-hd", html: " "}, this.body ? this.body.dom : null);
- }
- if(!this.body){
- this.body = el.createChild({tag: "div", cls:"x-dlg-bd"});
- }
-
-
- this.header.unselectable();
- if(this.title){
- this.header.update(this.title);
- }
-
-
- this.focusEl = el.createChild({tag: "a", href:"#", cls:"x-dlg-focus", tabIndex:"-1"});
- this.focusEl.swallowEvent("click", true);
-
- this.header.wrap({cls:"x-dlg-hd-right"}).wrap({cls:"x-dlg-hd-left"}, true);
-
-
- this.bwrap = this.body.wrap({tag: "div", cls:"x-dlg-dlg-body"});
- if(this.footer){
- this.bwrap.dom.appendChild(this.footer.dom);
- }
-
-
- this.bg = this.el.createChild({
- tag: "div", cls:"x-dlg-bg",
- html: '<div class="x-dlg-bg-left"><div class="x-dlg-bg-right"><div class="x-dlg-bg-center"> </div></div></div>'
- });
- this.centerBg = this.bg.child("div.x-dlg-bg-center");
-
-
- if(this.autoScroll !== false && !this.autoTabs){
- this.body.setStyle("overflow", "auto");
- }
-
-
- this.toolbox = this.el.createChild({cls: "x-dlg-toolbox"});
-
- if(this.closable !== false){
- this.el.addClass("x-dlg-closable");
- this.close = this.toolbox.createChild({cls:"x-dlg-close"});
- this.close.on("click", this.closeClick, this);
- this.close.addClassOnOver("x-dlg-close-over");
- }
- if(this.collapsible !== false){
- this.collapseBtn = this.toolbox.createChild({cls:"x-dlg-collapse"});
- this.collapseBtn.on("click", this.collapseClick, this);
- this.collapseBtn.addClassOnOver("x-dlg-collapse-over");
- this.header.on("dblclick", this.collapseClick, this);
- }
- if(this.resizable !== false){
- this.el.addClass("x-dlg-resizable");
- this.resizer = new Roo.Resizable(el, {
- minWidth: this.minWidth || 80,
- minHeight:this.minHeight || 80,
- handles: this.resizeHandles || "all",
- pinned: true
- });
- this.resizer.on("beforeresize", this.beforeResize, this);
- this.resizer.on("resize", this.onResize, this);
- }
- if(this.draggable !== false){
- el.addClass("x-dlg-draggable");
- if (!this.proxyDrag) {
- var dd = new Roo.dd.DD(el.dom.id, "WindowDrag");
- }
- else {
- var dd = new Roo.dd.DDProxy(el.dom.id, "WindowDrag", {dragElId: this.proxy.id});
- }
-
- dd.setHandleElId(this.header.id);
- dd.endDrag = this.endMove.createDelegate(this);
- dd.startDrag = this.startMove.createDelegate(this);
- dd.onDrag = this.onDrag.createDelegate(this);
- dd.scroll = false;
- this.dd = dd;
- }
- if(this.modal){
- this.mask = dh.append(document.body, {tag: "div", cls:"x-dlg-mask"}, true);
- this.mask.enableDisplayMode("block");
- this.mask.hide();
- this.el.addClass("x-dlg-modal");
- }
- if(this.shadow){
- this.shadow = new Roo.Shadow({
- mode : typeof this.shadow == "string" ? this.shadow : "sides",
- offset : this.shadowOffset
- });
- }else {
- this.shadowOffset = 0;
- }
- if(Roo.useShims && this.shim !== false){
- this.shim = this.el.createShim();
- this.shim.hide = this.hideAction;
- this.shim.hide();
- }else {
- this.shim = false;
- }
- if(this.autoTabs){
- this.initTabs();
- }
- if (this.buttons) {
- var bts= this.buttons;
- this.buttons = [];
- Roo.each(bts, function(b) {
- this.addButton(b);
- }, this);
- }
-
-
-
- this.addEvents({
-
-
- "keydown" : true,
-
-
- "move" : true,
-
-
- "resize" : true,
-
-
- "beforehide" : true,
-
-
- "hide" : true,
-
-
- "beforeshow" : true,
-
-
- "show" : true
- });
- el.on("keydown", this.onKeyDown, this);
- el.on("mousedown", this.toFront, this);
- Roo.EventManager.onWindowResize(this.adjustViewport, this, true);
- this.el.hide();
- Roo.DialogManager.register(this);
- Roo.BasicDialog.superclass.constructor.call(this);
-};
-
-Roo.extend(Roo.BasicDialog, Roo.util.Observable, {
- shadowOffset: Roo.isIE ? 6 : 5,
- minHeight: 80,
- minWidth: 200,
- minButtonWidth: 75,
- defaultButton: null,
- buttonAlign: "right",
- tabTag: 'div',
- firstShow: true,
-
-
-
- setTitle : function(B){
- this.header.update(B);
- return this;
- },
-
-
- closeClick : function(){
- this.hide();
- },
-
-
- collapseClick : function(){
- this[this.collapsed ? "expand" : "collapse"]();
- },
-
-
-
- collapse : function(){
- if(!this.collapsed){
- this.collapsed = true;
- this.el.addClass("x-dlg-collapsed");
- this.restoreHeight = this.el.getHeight();
- this.resizeTo(this.el.getWidth(), this.header.getHeight());
- }
- },
-
-
-
- expand : function(){
- if(this.collapsed){
- this.collapsed = false;
- this.el.removeClass("x-dlg-collapsed");
- this.resizeTo(this.el.getWidth(), this.restoreHeight);
- }
- },
-
-
-
- initTabs : function(){
- var C = this.getTabs();
- while(C.getTab(0)){
- C.removeTab(0);
- }
-
- this.el.select(this.tabTag+'.x-dlg-tab').each(function(el){
- var D = el.dom;
- C.addTab(Roo.id(D), D.title);
- D.title = "";
- });
- C.activate(0);
- return C;
- },
-
-
- beforeResize : function(){
- this.resizer.minHeight = Math.max(this.minHeight, this.getHeaderFooterHeight(true)+40);
- },
-
-
- onResize : function(){
- this.refreshSize();
- this.syncBodyHeight();
- this.adjustAssets();
- this.focus();
- this.fireEvent("resize", this, this.size.width, this.size.height);
- },
-
-
- onKeyDown : function(e){
- if(this.isVisible()){
- this.fireEvent("keydown", this, e);
- }
- },
-
-
-
- resizeTo : function(D, E){
- this.el.setSize(D, E);
- this.size = {width: D, height: E};
- this.syncBodyHeight();
- if(this.fixedcenter){
- this.center();
- }
- if(this.isVisible()){
- this.constrainXY();
- this.adjustAssets();
- }
-
- this.fireEvent("resize", this, D, E);
- return this;
- },
-
-
-
-
- setContentSize : function(w, h){
- h += this.getHeaderFooterHeight() + this.body.getMargins("tb");
- w += this.body.getMargins("lr") + this.bwrap.getMargins("lr") + this.centerBg.getPadding("lr");
-
- h += this.body.getPadding("tb") + this.bwrap.getBorderWidth("tb") + this.body.getBorderWidth("tb") + this.el.getBorderWidth("tb");
- w += this.body.getPadding("lr") + this.bwrap.getBorderWidth("lr") + this.body.getBorderWidth("lr") + this.bwrap.getPadding("lr") + this.el.getBorderWidth("lr");
-
- if(this.tabs){
- h += this.tabs.stripWrap.getHeight() + this.tabs.bodyEl.getMargins("tb") + this.tabs.bodyEl.getPadding("tb");
- w += this.tabs.bodyEl.getMargins("lr") + this.tabs.bodyEl.getPadding("lr");
- }
-
- this.resizeTo(w, h);
- return this;
- },
-
-
-
- addKeyListener : function(F, fn, G){
- var H, I, J, K;
- if(typeof F == "object" && !(F instanceof Array)){
- H = F["key"];
- I = F["shift"];
- J = F["ctrl"];
- K = F["alt"];
- }else {
- H = F;
- }
- var L = function(M, e){
- if((!I || e.shiftKey) && (!J || e.ctrlKey) && (!K || e.altKey)){
- var k = e.getKey();
- if(H instanceof Array){
- for(var i = 0, len = H.length; i < len; i++){
- if(H[i] == k){
- fn.call(G || window, M, k, e);
- return;
- }
- }
- }else {
- if(k == H){
- fn.call(G || window, M, k, e);
- }
- }
- }
- };
- this.on("keydown", L);
- return this;
- },
-
-
-
- getTabs : function(){
- if(!this.tabs){
- this.el.addClass("x-dlg-auto-tabs");
- this.body.addClass(this.tabPosition == "bottom" ? "x-tabs-bottom" : "x-tabs-top");
- this.tabs = new Roo.TabPanel(this.body.dom, this.tabPosition == "bottom");
- }
- return this.tabs;
- },
-
-
-
- addButton : function(M, N, O){
- var dh = Roo.DomHelper;
- if(!this.footer){
- this.footer = dh.append(this.bwrap, {tag: "div", cls:"x-dlg-ft"}, true);
- }
- if(!this.btnContainer){
- var tb = this.footer.createChild({
-
- cls:"x-dlg-btns x-dlg-btns-"+this.buttonAlign,
- html:'<table cellspacing="0"><tbody><tr></tr></tbody></table><div class="x-clear"></div>'
- }, null, true);
- this.btnContainer = tb.firstChild.firstChild.firstChild;
- }
- var P = {
- handler: N,
- scope: O,
- minWidth: this.minButtonWidth,
- hideParent:true
- };
- if(typeof M == "string"){
- P.text = M;
- }else {
- if(M.tag){
- P.dhconfig = M;
- }else {
- Roo.apply(P, M);
- }
- }
- var fc = false;
- if ((typeof(P.position) != 'undefined') && P.position < this.btnContainer.childNodes.length-1) {
- P.position = Math.max(0, P.position);
- fc = this.btnContainer.childNodes[P.position];
- }
-
- var Q = new Roo.Button(
- fc ?
- this.btnContainer.insertBefore(document.createElement("td"),fc)
- : this.btnContainer.appendChild(document.createElement("td")),
-
- P
- );
- this.syncBodyHeight();
- if(!this.buttons){
-
-
- this.buttons = [];
- }
-
- this.buttons.push(Q);
- return Q;
- },
-
-
-
- setDefaultButton : function(R){
- this.defaultButton = R;
- return this;
- },
-
-
- getHeaderFooterHeight : function(S){
- var T = 0;
- if(this.header){
- T += this.header.getHeight();
- }
- if(this.footer){
- var fm = this.footer.getMargins();
- T += (this.footer.getHeight()+fm.top+fm.bottom);
- }
-
- T += this.bwrap.getPadding("tb")+this.bwrap.getBorderWidth("tb");
- T += this.centerBg.getPadding("tb");
- return T;
- },
-
-
- syncBodyHeight : function(){
- var bd = this.body, cb = this.centerBg, bw = this.bwrap;
- var U = this.size.height - this.getHeaderFooterHeight(false);
- bd.setHeight(U-bd.getMargins("tb"));
- var hh = this.header.getHeight();
- var h = this.size.height-hh;
- cb.setHeight(h);
- bw.setLeftTop(cb.getPadding("l"), hh+cb.getPadding("t"));
- bw.setHeight(h-cb.getPadding("tb"));
- bw.setWidth(this.el.getWidth(true)-cb.getPadding("lr"));
- bd.setWidth(bw.getWidth(true));
- if(this.tabs){
- this.tabs.syncHeight();
- if(Roo.isIE){
- this.tabs.el.repaint();
- }
- }
- },
-
-
-
- restoreState : function(){
- var V = Roo.state.Manager.get(this.stateId || (this.el.id + "-state"));
- if(V && V.width){
- this.xy = [V.x, V.y];
- this.resizeTo(V.width, V.height);
- }
- return this;
- },
-
-
- beforeShow : function(){
- this.expand();
- if(this.fixedcenter){
- this.xy = this.el.getCenterXY(true);
- }
- if(this.modal){
- Roo.get(document.body).addClass("x-body-masked");
- this.mask.setSize(Roo.lib.Dom.getViewWidth(true), Roo.lib.Dom.getViewHeight(true));
- this.mask.show();
- }
-
- this.constrainXY();
- },
-
-
- animShow : function(){
- var b = Roo.get(this.animateTarget, true).getBox();
- this.proxy.setSize(b.width, b.height);
- this.proxy.setLocation(b.x, b.y);
- this.proxy.show();
- this.proxy.setBounds(this.xy[0], this.xy[1], this.size.width, this.size.height,
- true, .35, this.showEl.createDelegate(this));
- },
-
-
-
- show : function(W){
- if (this.fireEvent("beforeshow", this) === false){
- return;
- }
- if(this.syncHeightBeforeShow){
- this.syncBodyHeight();
- }else if(this.firstShow){
- this.firstShow = false;
- this.syncBodyHeight();
- }
-
- this.animateTarget = W || this.animateTarget;
- if(!this.el.isVisible()){
- this.beforeShow();
- if(this.animateTarget){
- this.animShow();
- }else {
- this.showEl();
- }
- }
- return this;
- },
-
-
- showEl : function(){
- this.proxy.hide();
- this.el.setXY(this.xy);
- this.el.show();
- this.adjustAssets(true);
- this.toFront();
- this.focus();
-
- if(Roo.isIE){
- this.el.repaint();
- }
-
- this.fireEvent("show", this);
- },
-
-
-
- focus : function(){
- if(this.defaultButton){
- this.defaultButton.focus();
- }else {
- this.focusEl.focus();
- }
- },
-
-
- constrainXY : function(){
- if(this.constraintoviewport !== false){
- if(!this.viewSize){
- if(this.container){
- var s = this.container.getSize();
- this.viewSize = [s.width, s.height];
- }else {
- this.viewSize = [Roo.lib.Dom.getViewWidth(),Roo.lib.Dom.getViewHeight()];
- }
- }
- var s = Roo.get(this.container||document).getScroll();
-
- var x = this.xy[0], y = this.xy[1];
- var w = this.size.width, h = this.size.height;
- var vw = this.viewSize[0], vh = this.viewSize[1];
-
- var moved = false;
-
- if(x + w > vw+s.left){
- x = vw - w;
- moved = true;
- }
- if(y + h > vh+s.top){
- y = vh - h;
- moved = true;
- }
-
- if(x < s.left){
- x = s.left;
- moved = true;
- }
- if(y < s.top){
- y = s.top;
- moved = true;
- }
- if(moved){
-
- this.xy = [x, y];
- if(this.isVisible()){
- this.el.setLocation(x, y);
- this.adjustAssets();
- }
- }
- }
- },
-
-
- onDrag : function(){
- if(!this.proxyDrag){
- this.xy = this.el.getXY();
- this.adjustAssets();
- }
- },
-
-
- adjustAssets : function(X){
- var x = this.xy[0], y = this.xy[1];
- var w = this.size.width, h = this.size.height;
- if(X === true){
- if(this.shadow){
- this.shadow.show(this.el);
- }
- if(this.shim){
- this.shim.show();
- }
- }
- if(this.shadow && this.shadow.isVisible()){
- this.shadow.show(this.el);
- }
- if(this.shim && this.shim.isVisible()){
- this.shim.setBounds(x, y, w, h);
- }
- },
-
-
- adjustViewport : function(w, h){
- if(!w || !h){
- w = Roo.lib.Dom.getViewWidth();
- h = Roo.lib.Dom.getViewHeight();
- }
-
-
- this.viewSize = [w, h];
- if(this.modal && this.mask.isVisible()){
- this.mask.setSize(w, h);
- this.mask.setSize(Roo.lib.Dom.getViewWidth(true), Roo.lib.Dom.getViewHeight(true));
- }
- if(this.isVisible()){
- this.constrainXY();
- }
- },
-
-
-
- destroy : function(Y){
- if(this.isVisible()){
- this.animateTarget = null;
- this.hide();
- }
-
- Roo.EventManager.removeResizeListener(this.adjustViewport, this);
- if(this.tabs){
- this.tabs.destroy(Y);
- }
-
- Roo.destroy(
- this.shim,
- this.proxy,
- this.resizer,
- this.close,
- this.mask
- );
- if(this.dd){
- this.dd.unreg();
- }
- if(this.buttons){
- for(var i = 0, len = this.buttons.length; i < len; i++){
- this.buttons[i].destroy();
- }
- }
-
- this.el.removeAllListeners();
- if(Y === true){
- this.el.update("");
- this.el.remove();
- }
-
- Roo.DialogManager.unregister(this);
- },
-
-
- startMove : function(){
- if(this.proxyDrag){
- this.proxy.show();
- }
- if(this.constraintoviewport !== false){
- this.dd.constrainTo(document.body, {right: this.shadowOffset, bottom: this.shadowOffset});
- }
- },
-
-
- endMove : function(){
- if(!this.proxyDrag){
- Roo.dd.DD.prototype.endDrag.apply(this.dd, arguments);
- }else {
- Roo.dd.DDProxy.prototype.endDrag.apply(this.dd, arguments);
- this.proxy.hide();
- }
-
- this.refreshSize();
- this.adjustAssets();
- this.focus();
- this.fireEvent("move", this, this.xy[0], this.xy[1]);
- },
-
-
-
- toFront : function(){
- Roo.DialogManager.bringToFront(this);
- return this;
- },
-
-
-
- toBack : function(){
- Roo.DialogManager.sendToBack(this);
- return this;
- },
-
-
-
- center : function(){
- var xy = this.el.getCenterXY(true);
- this.moveTo(xy[0], xy[1]);
- return this;
- },
-
-
-
- moveTo : function(x, y){
- this.xy = [x,y];
- if(this.isVisible()){
- this.el.setXY(this.xy);
- this.adjustAssets();
- }
- return this;
- },
-
-
-
- alignTo : function(Z, a, c){
- this.xy = this.el.getAlignToXY(Z, a, c);
- if(this.isVisible()){
- this.el.setXY(this.xy);
- this.adjustAssets();
- }
- return this;
- },
-
-
-
- anchorTo : function(el, d, f, g){
- var j = function(){
- this.alignTo(el, d, f);
- };
- Roo.EventManager.onWindowResize(j, this);
- var tm = typeof g;
- if(tm != 'undefined'){
- Roo.EventManager.on(window, 'scroll', j, this,
- {buffer: tm == 'number' ? g : 50});
- }
-
- j.call(this);
- return this;
- },
-
-
-
- isVisible : function(){
- return this.el.isVisible();
- },
-
-
- animHide : function(l){
- var b = Roo.get(this.animateTarget).getBox();
- this.proxy.show();
- this.proxy.setBounds(this.xy[0], this.xy[1], this.size.width, this.size.height);
- this.el.hide();
- this.proxy.setBounds(b.x, b.y, b.width, b.height, true, .35,
- this.hideEl.createDelegate(this, [l]));
- },
-
-
-
- hide : function(m){
- if (this.fireEvent("beforehide", this) === false){
- return;
- }
- if(this.shadow){
- this.shadow.hide();
- }
- if(this.shim) {
- this.shim.hide();
- }
- if(this.animateTarget){
- this.animHide(m);
- }else {
- this.el.hide();
- this.hideEl(m);
- }
- return this;
- },
-
-
- hideEl : function(n){
- this.proxy.hide();
- if(this.modal){
- this.mask.hide();
- Roo.get(document.body).removeClass("x-body-masked");
- }
-
- this.fireEvent("hide", this);
- if(typeof n == "function"){
- n();
- }
- },
-
-
- hideAction : function(){
- this.setLeft("-10000px");
- this.setTop("-10000px");
- this.setStyle("visibility", "hidden");
- },
-
-
- refreshSize : function(){
- this.size = this.el.getSize();
- this.xy = this.el.getXY();
- Roo.state.Manager.set(this.stateId || this.el.id + "-state", this.el.getBox());
- },
-
-
-
- setZIndex : function(o){
- if(this.modal){
- this.mask.setStyle("z-index", o);
- }
- if(this.shim){
- this.shim.setStyle("z-index", ++o);
- }
- if(this.shadow){
- this.shadow.setZIndex(++o);
- }
-
- this.el.setStyle("z-index", ++o);
- if(this.proxy){
- this.proxy.setStyle("z-index", ++o);
- }
- if(this.resizer){
- this.resizer.proxy.setStyle("z-index", ++o);
- }
-
-
- this.lastZIndex = o;
- },
-
-
-
- getEl : function(){
- return this.el;
- }
-});
-
-
-
-Roo.DialogManager = function(){
- var p = {};
- var q = [];
- var r = null;
-
-
- var t = function(d1, d2){
- return (!d1._lastAccess || d1._lastAccess < d2._lastAccess) ? -1 : 1;
- };
-
-
- var u = function(){
- q.sort(t);
- var v = Roo.DialogManager.zseed;
- for(var i = 0, len = q.length; i < len; i++){
- var dlg = q[i];
- if(dlg){
- dlg.setZIndex(v + (i*10));
- }
- }
- };
-
- return {
-
-
- zseed : 9000,
-
-
- register : function(AD){
- p[AD.id] = AD;
- q.push(AD);
- },
-
-
- unregister : function(AE){
- delete p[AE.id];
- var i=0;
- var AF=0;
- if(!q.indexOf){
- for( i = 0, AF = q.length; i < AF; i++){
- if(q[i] == AE){
- q.splice(i, 1);
- return;
- }
- }
- }else {
- i = q.indexOf(AE);
- if(i != -1){
- q.splice(i, 1);
- }
- }
- },
-
-
-
- get : function(id){
- return typeof id == "object" ? id : p[id];
- },
-
-
-
- bringToFront : function(AG){
- AG = this.get(AG);
- if(AG != r){
- r = AG;
- AG._lastAccess = new Date().getTime();
- u();
- }
- return AG;
- },
-
-
-
- sendToBack : function(AH){
- AH = this.get(AH);
- AH._lastAccess = -(new Date().getTime());
- u();
- return AH;
- },
-
-
-
- hideAll : function(){
- for(var id in p){
- if(p[id] && typeof p[id] != "function" && p[id].isVisible()){
- p[id].hide();
- }
- }
- }
- };
-}();
-
-
-
-Roo.LayoutDialog = function(el, v){
-
- var z= v;
- if (typeof(v) == 'undefined') {
- z = Roo.apply({}, el);
- el = Roo.get( document.documentElement || document.body).createChild();
-
- }
-
-
-
- z.autoTabs = false;
- Roo.LayoutDialog.superclass.constructor.call(this, el, z);
- this.body.setStyle({overflow:"hidden", position:"relative"});
- this.layout = new Roo.BorderLayout(this.body.dom, z);
- this.layout.monitorWindowResize = false;
- this.el.addClass("x-dlg-auto-layout");
-
- this.center = Roo.BasicDialog.prototype.center;
- this.on("show", this.layout.layout, this.layout, true);
- if (z.items) {
- var xitems = z.items;
- delete z.items;
- Roo.each(xitems, this.addxtype, this);
- }
-
-
-};
-Roo.extend(Roo.LayoutDialog, Roo.BasicDialog, {
-
-
- endUpdate : function(){
- this.layout.endUpdate();
- },
-
-
-
- beginUpdate : function(){
- this.layout.beginUpdate();
- },
-
-
-
- getLayout : function(){
- return this.layout;
- },
-
- showEl : function(){
- Roo.LayoutDialog.superclass.showEl.apply(this, arguments);
- if(Roo.isIE7){
- this.layout.layout();
- }
- },
-
-
-
- syncBodyHeight : function(){
- Roo.LayoutDialog.superclass.syncBodyHeight.call(this);
- if(this.layout){this.layout.layout();}
- },
-
-
-
-
- addxtype : function(c) {
- return this.layout.addxtype(c);
- }
-});
-
-
-
-
-
-Roo.MessageBox = function(){
- var A, B, C, D;
- var E, F, G, H, I, pp;
- var J, K, L;
-
-
- var M = function(Q){
- A.hide();
- Roo.callback(B.fn, B.scope||window, [Q, K.dom.value], 1);
- };
-
-
- var N = function(){
- if(B && B.cls){
- A.el.removeClass(B.cls);
- }
- if(D){
- Roo.TaskMgr.stop(D);
- D = null;
- }
- };
-
-
- var O = function(b){
- var Q = 0;
- if(!b){
- J["ok"].hide();
- J["cancel"].hide();
- J["yes"].hide();
- J["no"].hide();
- A.footer.dom.style.display = 'none';
- return Q;
- }
-
- A.footer.dom.style.display = '';
- for(var k in J){
- if(typeof J[k] != "function"){
- if(b[k]){
- J[k].show();
- J[k].setText(typeof b[k] == "string" ? b[k] : Roo.MessageBox.buttonText[k]);
- Q += J[k].el.getWidth()+15;
- }else {
- J[k].hide();
- }
- }
- }
- return Q;
- };
-
-
- var P = function(d, k, e){
- if(B && B.closable !== false){
- A.hide();
- }
- if(e){
- e.stopEvent();
- }
- };
-
- return {
-
-
- getDialog : function(){
- if(!A){
- A = new Roo.BasicDialog("x-msg-box", {
- autoCreate : true,
- shadow: true,
- draggable: true,
- resizable:false,
- constraintoviewport:false,
- fixedcenter:true,
- collapsible : false,
- shim:true,
- modal: true,
- width:400, height:100,
- buttonAlign:"center",
- closeClick : function(){
- if(B && B.buttons && B.buttons.no && !B.buttons.cancel){
- M("no");
- }else {
- M("cancel");
- }
- }
- });
- A.on("hide", N);
- C = A.mask;
- A.addKeyListener(27, P);
- J = {};
- var bt = this.buttonText;
- J["ok"] = A.addButton(bt["ok"], M.createCallback("ok"));
- J["yes"] = A.addButton(bt["yes"], M.createCallback("yes"));
- J["no"] = A.addButton(bt["no"], M.createCallback("no"));
- J["cancel"] = A.addButton(bt["cancel"], M.createCallback("cancel"));
- E = A.body.createChild({
-
- html:'<span class="roo-mb-text"></span><br /><input type="text" class="roo-mb-input" /><textarea class="roo-mb-textarea"></textarea><div class="roo-mb-progress-wrap"><div class="roo-mb-progress"><div class="roo-mb-progress-bar"> </div></div></div>'
- });
- F = E.dom.firstChild;
- G = Roo.get(E.dom.childNodes[2]);
- G.enableDisplayMode();
- G.addKeyListener([10,13], function(){
- if(A.isVisible() && B && B.buttons){
- if(B.buttons.ok){
- M("ok");
- }else if(B.buttons.yes){
- M("yes");
- }
- }
- });
- H = Roo.get(E.dom.childNodes[3]);
- H.enableDisplayMode();
- I = Roo.get(E.dom.childNodes[4]);
- I.enableDisplayMode();
- var pf = I.dom.firstChild;
- if (pf) {
- pp = Roo.get(pf.firstChild);
- pp.setHeight(pf.offsetHeight);
- }
-
- }
- return A;
- },
-
-
-
- updateText : function(j){
- if(!A.isVisible() && !B.width){
- A.resizeTo(this.maxWidth, 100);
- }
-
- F.innerHTML = j || ' ';
- var w = Math.max(Math.min(B.width || F.offsetWidth, this.maxWidth),
- Math.max(B.minWidth || this.minWidth, L));
- if(B.prompt){
- K.setWidth(w);
- }
- if(A.isVisible()){
- A.fixedcenter = false;
- }
-
- A.setContentSize(w, E.getHeight());
- if(A.isVisible()){
- A.fixedcenter = true;
- }
- return this;
- },
-
-
-
- updateProgress : function(l, m){
- if(m){
- this.updateText(m);
- }
- if (pp) {
- pp.setWidth(Math.floor(l*I.dom.firstChild.offsetWidth));
- }
- return this;
- },
-
-
-
- isVisible : function(){
- return A && A.isVisible();
- },
-
-
-
- hide : function(){
- if(this.isVisible()){
- A.hide();
- }
- },
-
-
-
- show : function(n){
- if(this.isVisible()){
- this.hide();
- }
- var d = this.getDialog();
- B = n;
- d.setTitle(B.title || " ");
- d.close.setDisplayed(B.closable !== false);
- K = G;
- B.prompt = B.prompt || (B.multiline ? true : false);
- if(B.prompt){
- if(B.multiline){
- G.hide();
- H.show();
- H.setHeight(typeof B.multiline == "number" ?
- B.multiline : this.defaultTextHeight);
- K = H;
- }else {
- G.show();
- H.hide();
- }
- }else {
- G.hide();
- H.hide();
- }
-
- I.setDisplayed(B.progress === true);
- this.updateProgress(0);
- K.dom.value = B.value || "";
- if(B.prompt){
- A.setDefaultButton(K);
- }else {
- var bs = B.buttons;
- var db = null;
- if(bs && bs.ok){
- db = J["ok"];
- }else if(bs && bs.yes){
- db = J["yes"];
- }
-
- A.setDefaultButton(db);
- }
-
- L = O(B.buttons);
- this.updateText(B.msg);
- if(B.cls){
- d.el.addClass(B.cls);
- }
-
- d.proxyDrag = B.proxyDrag === true;
- d.modal = B.modal !== false;
- d.mask = B.modal !== false ? C : false;
- if(!d.isVisible()){
-
- document.body.appendChild(A.el.dom);
- d.animateTarget = null;
- d.show(n.animEl);
- }
- return this;
- },
-
-
-
- progress : function(o, p){
- this.show({
- title : o,
- msg : p,
- buttons: false,
- progress:true,
- closable:false,
- minWidth: this.minProgressWidth,
- modal : true
- });
- return this;
- },
-
-
-
- alert : function(q, r, fn, s){
- this.show({
- title : q,
- msg : r,
- buttons: this.OK,
- fn: fn,
- scope : s,
- modal : true
- });
- return this;
- },
-
-
-
- wait : function(t, u){
- this.show({
- title : u,
- msg : t,
- buttons: false,
- closable:false,
- progress:true,
- modal:true,
- width:300,
- wait:true
- });
- D = Roo.TaskMgr.start({
- run: function(i){
- Roo.MessageBox.updateProgress(((((i+20)%20)+1)*5)*.01);
- },
- interval: 1000
- });
- return this;
- },
-
-
-
- confirm : function(v, x, fn, y){
- this.show({
- title : v,
- msg : x,
- buttons: this.YESNO,
- fn: fn,
- scope : y,
- modal : true
- });
- return this;
- },
-
-
-
- prompt : function(z, AA, fn, AB, AC){
- this.show({
- title : z,
- msg : AA,
- buttons: this.OKCANCEL,
- fn: fn,
- minWidth:250,
- scope : AB,
- prompt:true,
- multiline: AC,
- modal : true
- });
- return this;
- },
-
-
-
- OK : {ok:true},
-
-
- YESNO : {yes:true, no:true},
-
-
- OKCANCEL : {ok:true, cancel:true},
-
-
- YESNOCANCEL : {yes:true, no:true, cancel:true},
-
-
-
- defaultTextHeight : 75,
-
-
- maxWidth : 600,
-
-
- minWidth : 100,
-
-
- minProgressWidth : 250,
-
-
- buttonText : {
- ok : "OK",
- cancel : "Cancel",
- yes : "Yes",
- no : "No"
- }
- };
-}();
-
-
-
-Roo.Msg = Roo.MessageBox;
-
-
-
-
-Roo.QuickTips = function(){
- var el, A, B, C, tm, D, E, F = {}, esc, removeCls = null, bdLeft, bdRight;
- var ce, bd, xy, dd;
- var G = false, H = true, I = false;
- var J = 1, K = 1, L = 1, M = [];
-
- var N = function(e){
- if(H){
- return;
- }
- var t = e.getTarget();
- if(!t || t.nodeType !== 1 || t == document || t == document.body){
- return;
- }
- if(ce && t == ce.el){
- clearTimeout(K);
- return;
- }
- if(t && F[t.id]){
- F[t.id].el = t;
- J = S.defer(tm.showDelay, tm, [F[t.id]]);
- return;
- }
- var W, et = Roo.fly(t);
- var ns = D.namespace;
- if(tm.interceptTitles && t.title){
- W = t.title;
- t.qtip = W;
- t.removeAttribute("title");
- e.preventDefault();
- }else {
- W = t.qtip || et.getAttributeNS(ns, D.attribute);
- }
- if(W){
- J = S.defer(tm.showDelay, tm, [{
- el: t,
- text: W,
- width: et.getAttributeNS(ns, D.width),
- autoHide: et.getAttributeNS(ns, D.hide) != "user",
- title: et.getAttributeNS(ns, D.title),
- cls: et.getAttributeNS(ns, D.cls)
- }]);
- }
- };
-
- var O = function(e){
- clearTimeout(J);
- var t = e.getTarget();
- if(t && ce && ce.el == t && (tm.autoHide && ce.autoHide !== false)){
- K = setTimeout(U, tm.hideDelay);
- }
- };
-
- var P = function(e){
- if(H){
- return;
- }
-
- xy = e.getXY();
- xy[1] += 18;
- if(tm.trackMouse && ce){
- el.setXY(xy);
- }
- };
-
- var Q = function(e){
- clearTimeout(J);
- clearTimeout(K);
- if(!e.within(el)){
- if(tm.hideOnClick){
- U();
- tm.disable();
- tm.enable.defer(100, tm);
- }
- }
- };
-
- var R = function(){
- return 2;
- };
-
- var S = function(o){
- if(H){
- return;
- }
-
- clearTimeout(L);
- ce = o;
- if(removeCls){
- el.removeClass(removeCls);
- removeCls = null;
- }
- if(ce.cls){
- el.addClass(ce.cls);
- removeCls = ce.cls;
- }
- if(ce.title){
- C.update(ce.title);
- C.show();
- }else {
- C.update('');
- C.hide();
- }
-
- el.dom.style.width = tm.maxWidth+'px';
-
- B.update(o.text);
- var p = R(), w = ce.width;
- if(!w){
- var td = B.dom;
- var aw = Math.max(td.offsetWidth, td.clientWidth, td.scrollWidth);
- if(aw > tm.maxWidth){
- w = tm.maxWidth;
- }else if(aw < tm.minWidth){
- w = tm.minWidth;
- }else {
- w = aw;
- }
- }
-
-
- el.setWidth(parseInt(w, 10) + p);
- if(ce.autoHide === false){
- E.setDisplayed(true);
- if(dd){
- dd.unlock();
- }
- }else {
- E.setDisplayed(false);
- if(dd){
- dd.lock();
- }
- }
- if(xy){
- el.avoidY = xy[1]-18;
- el.setXY(xy);
- }
- if(tm.animate){
- el.setOpacity(.1);
- el.setStyle("visibility", "visible");
- el.fadeIn({callback: T});
- }else {
- T();
- }
- };
-
- var T = function(){
- if(ce){
- el.show();
- esc.enable();
- if(tm.autoDismiss && ce.autoHide !== false){
- L = setTimeout(U, tm.autoDismissDelay);
- }
- }
- };
-
- var U = function(W){
- clearTimeout(L);
- clearTimeout(K);
- ce = null;
- if(el.isVisible()){
- esc.disable();
- if(W !== true && tm.animate){
- el.fadeOut({callback: V});
- }else {
- V();
- }
- }
- };
-
- var V = function(){
- el.hide();
- if(removeCls){
- el.removeClass(removeCls);
- removeCls = null;
- }
- };
-
- return {
-
-
- minWidth : 40,
-
-
- maxWidth : 300,
-
-
- interceptTitles : false,
-
-
- trackMouse : false,
-
-
- hideOnClick : true,
-
-
- showDelay : 500,
-
-
- hideDelay : 200,
-
-
- autoHide : true,
-
-
- autoDismiss : true,
-
-
- autoDismissDelay : 5000,
-
-
- animate : false,
-
-
-
- title: '',
-
-
- text : '',
-
-
- cls : '',
-
-
- width : null,
-
-
-
- init : function(){
- tm = Roo.QuickTips;
- D = tm.tagConfig;
- if(!I){
- if(!Roo.isReady){
- Roo.onReady(Roo.QuickTips.init, Roo.QuickTips);
- return;
- }
-
- el = new Roo.Layer({cls:"x-tip", shadow:"drop", shim: true, constrain:true, shadowOffset:4});
- el.fxDefaults = {stopFx: true};
-
-
- el.update('<div class="x-tip-bd"><div class="x-tip-close"></div><h3></h3><div class="x-tip-bd-inner"></div><div class="x-clear"></div></div>');
- C = el.child('h3');
- C.enableDisplayMode("block");
- A = el.child('div.x-tip-bd');
- B = el.child('div.x-tip-bd-inner');
-
-
- E = el.child('div.x-tip-close');
- E.enableDisplayMode("block");
- E.on("click", U);
- var d = Roo.get(document);
- d.on("mousedown", Q);
- d.on("mouseover", N);
- d.on("mouseout", O);
- d.on("mousemove", P);
- esc = d.addKeyListener(27, U);
- esc.disable();
- if(Roo.dd.DD){
- dd = el.initDD("default", null, {
- onDrag : function(){
- el.sync();
- }
- });
- dd.setHandleElId(C.id);
- dd.lock();
- }
-
- I = true;
- }
-
- this.enable();
- },
-
-
-
- register : function(X){
- var cs = X instanceof Array ? X : arguments;
- for(var i = 0, len = cs.length; i < len; i++) {
- var c = cs[i];
- var target = c.target;
- if(target){
- if(target instanceof Array){
- for(var j = 0, jlen = target.length; j < jlen; j++){
- F[target[j]] = c;
- }
- }else {
- F[typeof target == 'string' ? target : Roo.id(target)] = c;
- }
- }
- }
- },
-
-
-
- unregister : function(el){
- delete F[Roo.id(el)];
- },
-
-
-
- enable : function(){
- if(I && H){
- M.pop();
- if(M.length < 1){
- H = false;
- }
- }
- },
-
-
-
- disable : function(){
- H = true;
- clearTimeout(J);
- clearTimeout(K);
- clearTimeout(L);
- if(ce){
- U(true);
- }
-
- M.push(1);
- },
-
-
-
- isEnabled : function(){
- return !H;
- },
-
-
- tagConfig : {
- namespace : "ext",
- attribute : "qtip",
- width : "width",
- target : "target",
- title : "qtitle",
- hide : "hide",
- cls : "qclass"
- }
- };
-}();
-
-
-Roo.QuickTips.tips = Roo.QuickTips.register;
-
-
-
-
-
-
-Roo.tree.TreePanel = function(el, A){
- var B = false;
- var C = false;
- if (A.root) {
- B = A.root;
- delete A.root;
- }
- if (A.loader) {
- C = A.loader;
- delete A.loader;
- }
-
-
- Roo.apply(this, A);
- Roo.tree.TreePanel.superclass.constructor.call(this);
- this.el = Roo.get(el);
- this.el.addClass('x-tree');
-
- if (B) {
- this.setRootNode( Roo.factory(B, Roo.tree));
- }
- if (C) {
- this.loader = Roo.factory(C, Roo.tree);
- }
-
-
-
- this.id = this.el.id;
- this.addEvents({
-
-
- "beforeload" : true,
-
-
- "load" : true,
-
-
- "textchange" : true,
-
-
- "beforeexpand" : true,
-
-
- "beforecollapse" : true,
-
-
- "expand" : true,
-
-
- "disabledchange" : true,
-
-
- "collapse" : true,
-
-
- "beforeclick":true,
-
-
- "checkchange":true,
-
-
- "click":true,
-
-
- "dblclick":true,
-
-
- "contextmenu":true,
-
-
- "beforechildrenrendered":true,
-
-
- "startdrag" : true,
-
-
- "enddrag" : true,
-
-
- "dragdrop" : true,
-
-
- "beforenodedrop" : true,
-
-
- "nodedrop" : true,
-
-
- "nodedragover" : true
-
- });
- if(this.singleExpand){
- this.on("beforeexpand", this.restrictExpand, this);
- }
-};
-Roo.extend(Roo.tree.TreePanel, Roo.data.Tree, {
- rootVisible : true,
- animate: Roo.enableFx,
- lines : true,
- enableDD : false,
- hlDrop : Roo.enableFx,
-
- renderer: false,
-
- rendererTip: false,
-
- restrictExpand : function(D){
- var p = D.parentNode;
- if(p){
- if(p.expandedChild && p.expandedChild.parentNode == p){
- p.expandedChild.collapse();
- }
-
- p.expandedChild = D;
- }
- },
-
-
- setRootNode : function(E){
- Roo.tree.TreePanel.superclass.setRootNode.call(this, E);
- if(!this.rootVisible){
- E.ui = new Roo.tree.RootTreeNodeUI(E);
- }
- return E;
- },
-
-
-
- getEl : function(){
- return this.el;
- },
-
-
-
- getLoader : function(){
- return this.loader;
- },
-
-
-
- expandAll : function(){
- this.root.expand(true);
- },
-
-
-
- collapseAll : function(){
- this.root.collapse(true);
- },
-
-
-
- getSelectionModel : function(){
- if(!this.selModel){
- this.selModel = new Roo.tree.DefaultSelectionModel();
- }
- return this.selModel;
- },
-
-
-
- getChecked : function(a, F){
- F = F || this.root;
- var r = [];
- var f = function(){
- if(this.attributes.checked){
- r.push(!a ? this : (a == 'id' ? this.id : this.attributes[a]));
- }
- }
-
- F.cascade(f);
- return r;
- },
-
-
-
- expandPath : function(G, H, I){
- H = H || "id";
- var J = G.split(this.pathSeparator);
- var K = this.root;
- if(K.attributes[H] != J[1]){
- if(I){
- I(false, null);
- }
- return;
- }
- var L = 1;
- var f = function(){
- if(++L == J.length){
- if(I){
- I(true, K);
- }
- return;
- }
- var c = K.findChild(H, J[L]);
- if(!c){
- if(I){
- I(false, K);
- }
- return;
- }
-
- K = c;
- c.expand(false, false, f);
- };
- K.expand(false, false, f);
- },
-
-
-
- selectPath : function(M, N, O){
- N = N || "id";
- var P = M.split(this.pathSeparator);
- var v = P.pop();
- if(P.length > 0){
- var f = function(Q, R){
- if(Q && R){
- var n = R.findChild(N, v);
- if(n){
- n.select();
- if(O){
- O(true, n);
- }
- }else if(O){
- O(false, n);
- }
- }else {
- if(O){
- O(false, n);
- }
- }
- };
- this.expandPath(P.join(this.pathSeparator), N, f);
- }else {
- this.root.select();
- if(O){
- O(true, this.root);
- }
- }
- },
-
- getTreeEl : function(){
- return this.el;
- },
-
-
-
- render : function(){
- if (this.innerCt) {
- return this;
- }
-
-
- this.innerCt = this.el.createChild({tag:"ul",
- cls:"x-tree-root-ct " +
- (this.lines ? "x-tree-lines" : "x-tree-no-lines")});
-
- if(this.containerScroll){
- Roo.dd.ScrollManager.register(this.el);
- }
- if((this.enableDD || this.enableDrop) && !this.dropZone){
-
-
- this.dropZone = new Roo.tree.TreeDropZone(this, this.dropConfig || {
- ddGroup: this.ddGroup || "TreeDD", appendOnly: this.ddAppendOnly === true
- });
- }
- if((this.enableDD || this.enableDrag) && !this.dragZone){
-
-
- this.dragZone = new Roo.tree.TreeDragZone(this, this.dragConfig || {
- ddGroup: this.ddGroup || "TreeDD",
- scroll: this.ddScroll
- });
- }
-
- this.getSelectionModel().init(this);
- if (!this.root) {
- console.log("ROOT not set in tree");
- return;
- }
-
- this.root.render();
- if(!this.rootVisible){
- this.root.renderChildren();
- }
- return this;
- }
-});
-
-
-
-
-
-
-Roo.tree.DefaultSelectionModel = function(){
- this.selNode = null;
-
- this.addEvents({
-
-
- "selectionchange" : true,
-
-
-
- "beforeselect" : true
- });
-};
-
-Roo.extend(Roo.tree.DefaultSelectionModel, Roo.util.Observable, {
- init : function(A){
- this.tree = A;
- A.getTreeEl().on("keydown", this.onKeyDown, this);
- A.on("click", this.onNodeClick, this);
- },
-
- onNodeClick : function(B, e){
- if (e.ctrlKey && this.selNode == B) {
- this.unselect(B);
- return;
- }
-
- this.select(B);
- },
-
-
-
- select : function(C){
- var D = this.selNode;
- if(D != C && this.fireEvent('beforeselect', this, C, D) !== false){
- if(D){
- D.ui.onSelectedChange(false);
- }
-
- this.selNode = C;
- C.ui.onSelectedChange(true);
- this.fireEvent("selectionchange", this, C, D);
- }
- return C;
- },
-
-
-
- unselect : function(E){
- if(this.selNode == E){
- this.clearSelections();
- }
- },
-
-
-
- clearSelections : function(){
- var n = this.selNode;
- if(n){
- n.ui.onSelectedChange(false);
- this.selNode = null;
- this.fireEvent("selectionchange", this, null);
- }
- return n;
- },
-
-
-
- getSelectedNode : function(){
- return this.selNode;
- },
-
-
-
- isSelected : function(F){
- return this.selNode == F;
- },
-
-
-
- selectPrevious : function(){
- var s = this.selNode || this.lastSelNode;
- if(!s){
- return null;
- }
- var ps = s.previousSibling;
- if(ps){
- if(!ps.isExpanded() || ps.childNodes.length < 1){
- return this.select(ps);
- } else {
- var lc = ps.lastChild;
- while(lc && lc.isExpanded() && lc.childNodes.length > 0){
- lc = lc.lastChild;
- }
- return this.select(lc);
- }
- } else if(s.parentNode && (this.tree.rootVisible || !s.parentNode.isRoot)){
- return this.select(s.parentNode);
- }
- return null;
- },
-
-
-
- selectNext : function(){
- var s = this.selNode || this.lastSelNode;
- if(!s){
- return null;
- }
- if(s.firstChild && s.isExpanded()){
- return this.select(s.firstChild);
- }else if(s.nextSibling){
- return this.select(s.nextSibling);
- }else if(s.parentNode){
- var newS = null;
- s.parentNode.bubble(function(){
- if(this.nextSibling){
- newS = this.getOwnerTree().selModel.select(this.nextSibling);
- return false;
- }
- });
- return newS;
- }
- return null;
- },
-
- onKeyDown : function(e){
- var s = this.selNode || this.lastSelNode;
-
- var sm = this;
- if(!s){
- return;
- }
- var k = e.getKey();
- switch(k){
- case e.DOWN:
- e.stopEvent();
- this.selectNext();
- break;
- case e.UP:
- e.stopEvent();
- this.selectPrevious();
- break;
- case e.RIGHT:
- e.preventDefault();
- if(s.hasChildNodes()){
- if(!s.isExpanded()){
- s.expand();
- }else if(s.firstChild){
- this.select(s.firstChild, e);
- }
- }
- break;
- case e.LEFT:
- e.preventDefault();
- if(s.hasChildNodes() && s.isExpanded()){
- s.collapse();
- }else if(s.parentNode && (this.tree.rootVisible || s.parentNode != this.tree.getRootNode())){
- this.select(s.parentNode, e);
- }
- break;
- };
- }
-});
-
-
-
-Roo.tree.MultiSelectionModel = function(){
- this.selNodes = [];
- this.selMap = {};
- this.addEvents({
-
-
- "selectionchange" : true
- });
-};
-
-Roo.extend(Roo.tree.MultiSelectionModel, Roo.util.Observable, {
- init : function(G){
- this.tree = G;
- G.getTreeEl().on("keydown", this.onKeyDown, this);
- G.on("click", this.onNodeClick, this);
- },
-
- onNodeClick : function(H, e){
- this.select(H, e, e.ctrlKey);
- },
-
-
-
- select : function(I, e, J){
- if(J !== true){
- this.clearSelections(true);
- }
- if(this.isSelected(I)){
- this.lastSelNode = I;
- return I;
- }
-
- this.selNodes.push(I);
- this.selMap[I.id] = I;
- this.lastSelNode = I;
- I.ui.onSelectedChange(true);
- this.fireEvent("selectionchange", this, this.selNodes);
- return I;
- },
-
-
-
- unselect : function(K){
- if(this.selMap[K.id]){
- K.ui.onSelectedChange(false);
- var sn = this.selNodes;
- var index = -1;
- if(sn.indexOf){
- index = sn.indexOf(K);
- }else {
- for(var i = 0, len = sn.length; i < len; i++){
- if(sn[i] == K){
- index = i;
- break;
- }
- }
- }
- if(index != -1){
- this.selNodes.splice(index, 1);
- }
- delete this.selMap[K.id];
- this.fireEvent("selectionchange", this, this.selNodes);
- }
- },
-
-
-
- clearSelections : function(L){
- var sn = this.selNodes;
- if(sn.length > 0){
- for(var i = 0, len = sn.length; i < len; i++){
- sn[i].ui.onSelectedChange(false);
- }
-
- this.selNodes = [];
- this.selMap = {};
- if(L !== true){
- this.fireEvent("selectionchange", this, this.selNodes);
- }
- }
- },
-
-
-
- isSelected : function(M){
- return this.selMap[M.id] ? true : false;
- },
-
-
-
- getSelectedNodes : function(){
- return this.selNodes;
- },
-
- onKeyDown : Roo.tree.DefaultSelectionModel.prototype.onKeyDown,
-
- selectNext : Roo.tree.DefaultSelectionModel.prototype.selectNext,
-
- selectPrevious : Roo.tree.DefaultSelectionModel.prototype.selectPrevious
-});
-
-
-
-
-
-Roo.tree.TreeNode = function(A){
- A = A || {};
- if(typeof A == "string"){
- A = {text: A};
- }
-
- this.childrenRendered = false;
- this.rendered = false;
- Roo.tree.TreeNode.superclass.constructor.call(this, A);
- this.expanded = A.expanded === true;
- this.isTarget = A.isTarget !== false;
- this.draggable = A.draggable !== false && A.allowDrag !== false;
- this.allowChildren = A.allowChildren !== false && A.allowDrop !== false;
-
-
-
- this.text = A.text;
-
-
- this.disabled = A.disabled === true;
-
- this.addEvents({
-
-
- "textchange" : true,
-
-
- "beforeexpand" : true,
-
-
- "beforecollapse" : true,
-
-
- "expand" : true,
-
-
- "disabledchange" : true,
-
-
- "collapse" : true,
-
-
- "beforeclick":true,
-
-
- "checkchange":true,
-
-
- "click":true,
-
-
- "dblclick":true,
-
-
- "contextmenu":true,
-
-
- "beforechildrenrendered":true
- });
-
- var B = this.attributes.uiProvider || Roo.tree.TreeNodeUI;
-
-
-
- this.ui = new B(this);
-};
-Roo.extend(Roo.tree.TreeNode, Roo.data.Node, {
- preventHScroll: true,
-
-
- isExpanded : function(){
- return this.expanded;
- },
-
-
-
- getUI : function(){
- return this.ui;
- },
-
-
- setFirstChild : function(C){
- var of = this.firstChild;
- Roo.tree.TreeNode.superclass.setFirstChild.call(this, C);
- if(this.childrenRendered && of && C != of){
- of.renderIndent(true, true);
- }
- if(this.rendered){
- this.renderIndent(true, true);
- }
- },
-
-
- setLastChild : function(D){
- var ol = this.lastChild;
- Roo.tree.TreeNode.superclass.setLastChild.call(this, D);
- if(this.childrenRendered && ol && D != ol){
- ol.renderIndent(true, true);
- }
- if(this.rendered){
- this.renderIndent(true, true);
- }
- },
-
-
-
- appendChild : function(){
- var E = Roo.tree.TreeNode.superclass.appendChild.apply(this, arguments);
- if(E && this.childrenRendered){
- E.render();
- }
-
- this.ui.updateExpandIcon();
- return E;
- },
-
-
- removeChild : function(F){
- this.ownerTree.getSelectionModel().unselect(F);
- Roo.tree.TreeNode.superclass.removeChild.apply(this, arguments);
-
- if(this.childrenRendered){
- F.ui.remove();
- }
- if(this.childNodes.length < 1){
- this.collapse(false, false);
- }else {
- this.ui.updateExpandIcon();
- }
- if(!this.firstChild) {
- this.childrenRendered = false;
- }
- return F;
- },
-
-
- insertBefore : function(G, H){
- var I = Roo.tree.TreeNode.superclass.insertBefore.apply(this, arguments);
- if(I && H && this.childrenRendered){
- G.render();
- }
-
- this.ui.updateExpandIcon();
- return I;
- },
-
-
-
- setText : function(J){
- var K = this.text;
- this.text = J;
- this.attributes.text = J;
- if(this.rendered){
- this.ui.onTextChange(this, J, K);
- }
-
- this.fireEvent("textchange", this, J, K);
- },
-
-
-
- select : function(){
- this.getOwnerTree().getSelectionModel().select(this);
- },
-
-
-
- unselect : function(){
- this.getOwnerTree().getSelectionModel().unselect(this);
- },
-
-
-
- isSelected : function(){
- return this.getOwnerTree().getSelectionModel().isSelected(this);
- },
-
-
-
- expand : function(L, M, N){
- if(!this.expanded){
- if(this.fireEvent("beforeexpand", this, L, M) === false){
- return;
- }
- if(!this.childrenRendered){
- this.renderChildren();
- }
-
- this.expanded = true;
- if(!this.isHiddenRoot() && (this.getOwnerTree().animate && M !== false) || M){
- this.ui.animExpand(function(){
- this.fireEvent("expand", this);
- if(typeof N == "function"){
- N(this);
- }
- if(L === true){
- this.expandChildNodes(true);
- }
- }.createDelegate(this));
- return;
- }else {
- this.ui.expand();
- this.fireEvent("expand", this);
- if(typeof N == "function"){
- N(this);
- }
- }
- }else {
- if(typeof N == "function"){
- N(this);
- }
- }
- if(L === true){
- this.expandChildNodes(true);
- }
- },
-
- isHiddenRoot : function(){
- return this.isRoot && !this.getOwnerTree().rootVisible;
- },
-
-
-
- collapse : function(O, P){
- if(this.expanded && !this.isHiddenRoot()){
- if(this.fireEvent("beforecollapse", this, O, P) === false){
- return;
- }
-
- this.expanded = false;
- if((this.getOwnerTree().animate && P !== false) || P){
- this.ui.animCollapse(function(){
- this.fireEvent("collapse", this);
- if(O === true){
- this.collapseChildNodes(true);
- }
- }.createDelegate(this));
- return;
- }else {
- this.ui.collapse();
- this.fireEvent("collapse", this);
- }
- }
- if(O === true){
- var cs = this.childNodes;
- for(var i = 0, len = cs.length; i < len; i++) {
- cs[i].collapse(true, false);
- }
- }
- },
-
-
- delayedExpand : function(Q){
- if(!this.expandProcId){
- this.expandProcId = this.expand.defer(Q, this);
- }
- },
-
-
- cancelExpand : function(){
- if(this.expandProcId){
- clearTimeout(this.expandProcId);
- }
-
- this.expandProcId = false;
- },
-
-
-
- toggle : function(){
- if(this.expanded){
- this.collapse();
- }else {
- this.expand();
- }
- },
-
-
-
- ensureVisible : function(R){
- var S = this.getOwnerTree();
- S.expandPath(this.parentNode.getPath(), false, function(){
- S.getTreeEl().scrollChildIntoView(this.ui.anchor);
- Roo.callback(R);
- }.createDelegate(this));
- },
-
-
-
- expandChildNodes : function(T){
- var cs = this.childNodes;
- for(var i = 0, len = cs.length; i < len; i++) {
- cs[i].expand(T);
- }
- },
-
-
-
- collapseChildNodes : function(U){
- var cs = this.childNodes;
- for(var i = 0, len = cs.length; i < len; i++) {
- cs[i].collapse(U);
- }
- },
-
-
-
- disable : function(){
- this.disabled = true;
- this.unselect();
- if(this.rendered && this.ui.onDisableChange){
- this.ui.onDisableChange(this, true);
- }
-
- this.fireEvent("disabledchange", this, true);
- },
-
-
-
- enable : function(){
- this.disabled = false;
- if(this.rendered && this.ui.onDisableChange){
- this.ui.onDisableChange(this, false);
- }
-
- this.fireEvent("disabledchange", this, false);
- },
-
-
- renderChildren : function(V){
- if(V !== false){
- this.fireEvent("beforechildrenrendered", this);
- }
- var cs = this.childNodes;
- for(var i = 0, len = cs.length; i < len; i++){
- cs[i].render(true);
- }
-
- this.childrenRendered = true;
- },
-
-
- sort : function(fn, W){
- Roo.tree.TreeNode.superclass.sort.apply(this, arguments);
- if(this.childrenRendered){
- var cs = this.childNodes;
- for(var i = 0, len = cs.length; i < len; i++){
- cs[i].render(true);
- }
- }
- },
-
-
- render : function(X){
- this.ui.render(X);
- if(!this.rendered){
- this.rendered = true;
- if(this.expanded){
- this.expanded = false;
- this.expand(false, false);
- }
- }
- },
-
-
- renderIndent : function(Y, Z){
- if(Z){
- this.ui.childIndent = null;
- }
-
- this.ui.renderIndent();
- if(Y === true && this.childrenRendered){
- var cs = this.childNodes;
- for(var i = 0, len = cs.length; i < len; i++){
- cs[i].renderIndent(true, Z);
- }
- }
- }
-});
-
-
-
-
-
- Roo.tree.AsyncTreeNode = function(A){
- this.loaded = false;
- this.loading = false;
- Roo.tree.AsyncTreeNode.superclass.constructor.apply(this, arguments);
-
-
- this.addEvents({'beforeload':true, 'load': true});
-
-
-
-
-};
-Roo.extend(Roo.tree.AsyncTreeNode, Roo.tree.TreeNode, {
- expand : function(B, C, D){
- if(this.loading){
- var timer;
- var f = function(){
- if(!this.loading){
- clearInterval(timer);
- this.expand(B, C, D);
- }
- }.createDelegate(this);
- timer = setInterval(f, 200);
- return;
- }
- if(!this.loaded){
- if(this.fireEvent("beforeload", this) === false){
- return;
- }
-
- this.loading = true;
- this.ui.beforeLoad(this);
- var loader = this.loader || this.attributes.loader || this.getOwnerTree().getLoader();
- if(loader){
- loader.load(this, this.loadComplete.createDelegate(this, [B, C, D]));
- return;
- }
- }
-
- Roo.tree.AsyncTreeNode.superclass.expand.call(this, B, C, D);
- },
-
-
-
- isLoading : function(){
- return this.loading;
- },
-
- loadComplete : function(E, F, G){
- this.loading = false;
- this.loaded = true;
- this.ui.afterLoad(this);
- this.fireEvent("load", this);
- this.expand(E, F, G);
- },
-
-
-
- isLoaded : function(){
- return this.loaded;
- },
-
- hasChildNodes : function(){
- if(!this.isLeaf() && !this.loaded){
- return true;
- }else {
- return Roo.tree.AsyncTreeNode.superclass.hasChildNodes.call(this);
- }
- },
-
-
-
- reload : function(H){
- this.collapse(false, false);
- while(this.firstChild){
- this.removeChild(this.firstChild);
- }
-
- this.childrenRendered = false;
- this.loaded = false;
- if(this.isHiddenRoot()){
- this.expanded = false;
- }
-
- this.expand(false, false, H);
- }
-});
-
-
-
-
-
-Roo.tree.TreeNodeUI = function(A){
- this.node = A;
- this.rendered = false;
- this.animating = false;
- this.emptyIcon = Roo.BLANK_IMAGE_URL;
-};
-
-Roo.tree.TreeNodeUI.prototype = {
- removeChild : function(B){
- if(this.rendered){
- this.ctNode.removeChild(B.ui.getEl());
- }
- },
-
- beforeLoad : function(){
- this.addClass("x-tree-node-loading");
- },
-
- afterLoad : function(){
- this.removeClass("x-tree-node-loading");
- },
-
- onTextChange : function(C, D, E){
- if(this.rendered){
- this.textNode.innerHTML = D;
- }
- },
-
- onDisableChange : function(F, G){
- this.disabled = G;
- if(G){
- this.addClass("x-tree-node-disabled");
- }else {
- this.removeClass("x-tree-node-disabled");
- }
- },
-
- onSelectedChange : function(H){
- if(H){
- this.focus();
- this.addClass("x-tree-selected");
- }else {
-
- this.removeClass("x-tree-selected");
- }
- },
-
- onMove : function(I, J, K, L, M, N){
- this.childIndent = null;
- if(this.rendered){
- var targetNode = L.ui.getContainer();
- if(!targetNode){
- this.holder = document.createElement("div");
- this.holder.appendChild(this.wrap);
- return;
- }
- var insertBefore = N ? N.ui.getEl() : null;
- if(insertBefore){
- targetNode.insertBefore(this.wrap, insertBefore);
- }else {
- targetNode.appendChild(this.wrap);
- }
-
- this.node.renderIndent(true);
- }
- },
-
- addClass : function(O){
- if(this.elNode){
- Roo.fly(this.elNode).addClass(O);
- }
- },
-
- removeClass : function(P){
- if(this.elNode){
- Roo.fly(this.elNode).removeClass(P);
- }
- },
-
- remove : function(){
- if(this.rendered){
- this.holder = document.createElement("div");
- this.holder.appendChild(this.wrap);
- }
- },
-
- fireEvent : function(){
- return this.node.fireEvent.apply(this.node, arguments);
- },
-
- initEvents : function(){
- this.node.on("move", this.onMove, this);
- var E = Roo.EventManager;
- var a = this.anchor;
-
- var el = Roo.fly(a, '_treeui');
-
- if(Roo.isOpera){
- el.setStyle("text-decoration", "none");
- }
-
-
- el.on("click", this.onClick, this);
- el.on("dblclick", this.onDblClick, this);
-
- if(this.checkbox){
- Roo.EventManager.on(this.checkbox,
- Roo.isIE ? 'click' : 'change', this.onCheckChange, this);
- }
-
-
- el.on("contextmenu", this.onContextMenu, this);
-
- var Q = Roo.fly(this.iconNode);
- Q.on("click", this.onClick, this);
- Q.on("dblclick", this.onDblClick, this);
- Q.on("contextmenu", this.onContextMenu, this);
- E.on(this.ecNode, "click", this.ecClick, this, true);
-
- if(this.node.disabled){
- this.addClass("x-tree-node-disabled");
- }
- if(this.node.hidden){
- this.addClass("x-tree-node-disabled");
- }
- var ot = this.node.getOwnerTree();
- var dd = ot.enableDD || ot.enableDrag || ot.enableDrop;
- if(dd && (!this.node.isRoot || ot.rootVisible)){
- Roo.dd.Registry.register(this.elNode, {
- node: this.node,
- handles: this.getDDHandles(),
- isHandle: false
- });
- }
- },
-
- getDDHandles : function(){
- return [this.iconNode, this.textNode];
- },
-
- hide : function(){
- if(this.rendered){
- this.wrap.style.display = "none";
- }
- },
-
- show : function(){
- if(this.rendered){
- this.wrap.style.display = "";
- }
- },
-
- onContextMenu : function(e){
- if (this.node.hasListener("contextmenu") || this.node.getOwnerTree().hasListener("contextmenu")) {
- e.preventDefault();
- this.focus();
- this.fireEvent("contextmenu", this.node, e);
- }
- },
-
- onClick : function(e){
- if(this.dropping){
- e.stopEvent();
- return;
- }
- if(this.fireEvent("beforeclick", this.node, e) !== false){
- if(!this.disabled && this.node.attributes.href){
- this.fireEvent("click", this.node, e);
- return;
- }
-
- e.preventDefault();
- if(this.disabled){
- return;
- }
-
- if(this.node.attributes.singleClickExpand && !this.animating && this.node.hasChildNodes()){
- this.node.toggle();
- }
-
-
- this.fireEvent("click", this.node, e);
- }else {
- e.stopEvent();
- }
- },
-
- onDblClick : function(e){
- e.preventDefault();
- if(this.disabled){
- return;
- }
- if(this.checkbox){
- this.toggleCheck();
- }
- if(!this.animating && this.node.hasChildNodes()){
- this.node.toggle();
- }
-
- this.fireEvent("dblclick", this.node, e);
- },
-
- onCheckChange : function(){
- var R = this.checkbox.checked;
- this.node.attributes.checked = R;
- this.fireEvent('checkchange', this.node, R);
- },
-
- ecClick : function(e){
- if(!this.animating && this.node.hasChildNodes()){
- this.node.toggle();
- }
- },
-
- startDrop : function(){
- this.dropping = true;
- },
-
-
- endDrop : function(){
- setTimeout(function(){
- this.dropping = false;
- }.createDelegate(this), 50);
- },
-
- expand : function(){
- this.updateExpandIcon();
- this.ctNode.style.display = "";
- },
-
- focus : function(){
- if(!this.node.preventHScroll){
- try{this.anchor.focus();
- }catch(e){}
- }else if(!Roo.isIE){
- try{
- var noscroll = this.node.getOwnerTree().getTreeEl().dom;
- var l = noscroll.scrollLeft;
- this.anchor.focus();
- noscroll.scrollLeft = l;
- }catch(e){}
- }
- },
-
- toggleCheck : function(S){
- var cb = this.checkbox;
- if(cb){
- cb.checked = (S === undefined ? !cb.checked : S);
- }
- },
-
- blur : function(){
- try{
- this.anchor.blur();
- }catch(e){}
- },
-
- animExpand : function(T){
- var ct = Roo.get(this.ctNode);
- ct.stopFx();
- if(!this.node.hasChildNodes()){
- this.updateExpandIcon();
- this.ctNode.style.display = "";
- Roo.callback(T);
- return;
- }
-
- this.animating = true;
- this.updateExpandIcon();
-
- ct.slideIn('t', {
- callback : function(){
- this.animating = false;
- Roo.callback(T);
- },
- scope: this,
- duration: this.node.ownerTree.duration || .25
- });
- },
-
- highlight : function(){
- var U = this.node.getOwnerTree();
- Roo.fly(this.wrap).highlight(
- U.hlColor || "C3DAF9",
- {endColor: U.hlBaseColor}
- );
- },
-
- collapse : function(){
- this.updateExpandIcon();
- this.ctNode.style.display = "none";
- },
-
- animCollapse : function(V){
- var ct = Roo.get(this.ctNode);
- ct.enableDisplayMode('block');
- ct.stopFx();
-
- this.animating = true;
- this.updateExpandIcon();
-
- ct.slideOut('t', {
- callback : function(){
- this.animating = false;
- Roo.callback(V);
- },
- scope: this,
- duration: this.node.ownerTree.duration || .25
- });
- },
-
- getContainer : function(){
- return this.ctNode;
- },
-
- getEl : function(){
- return this.wrap;
- },
-
- appendDDGhost : function(W){
- W.appendChild(this.elNode.cloneNode(true));
- },
-
- getDDRepairXY : function(){
- return Roo.lib.Dom.getXY(this.iconNode);
- },
-
- onRender : function(){
- this.render();
- },
-
- render : function(X){
- var n = this.node, a = n.attributes;
- var Y = n.parentNode ?
- n.parentNode.ui.getContainer() : n.ownerTree.innerCt.dom;
-
- if(!this.rendered){
- this.rendered = true;
-
- this.renderElements(n, a, Y, X);
-
- if(a.qtip){
- if(this.textNode.setAttributeNS){
- this.textNode.setAttributeNS("ext", "qtip", a.qtip);
- if(a.qtipTitle){
- this.textNode.setAttributeNS("ext", "qtitle", a.qtipTitle);
- }
- }else {
- this.textNode.setAttribute("ext:qtip", a.qtip);
- if(a.qtipTitle){
- this.textNode.setAttribute("ext:qtitle", a.qtipTitle);
- }
- }
- }else if(a.qtipCfg){
- a.qtipCfg.target = Roo.id(this.textNode);
- Roo.QuickTips.register(a.qtipCfg);
- }
-
- this.initEvents();
- if(!this.node.expanded){
- this.updateExpandIcon();
- }
- }else {
- if(X === true) {
- Y.appendChild(this.wrap);
- }
- }
- },
-
- renderElements : function(n, a, Z, b){
-
- this.indentMarkup = n.parentNode ? n.parentNode.ui.getChildIndent() : '';
- var t = n.getOwnerTree();
- var c = t.renderer ? t.renderer(n.attributes) : Roo.util.Format.htmlEncode(n.text);
- var d = t.rendererTip ? t.rendererTip(n.attributes) : c;
- var cb = typeof a.checked == 'boolean';
- var f = a.href ? a.href : Roo.isGecko ? "" : "#";
- var g = ['<li class="x-tree-node"><div class="x-tree-node-el ', a.cls,'">',
- '<span class="x-tree-node-indent">',this.indentMarkup,"</span>",
- '<img src="', this.emptyIcon, '" class="x-tree-ec-icon" />',
- '<img src="', a.icon || this.emptyIcon, '" class="x-tree-node-icon',(a.icon ? " x-tree-node-inline-icon" : ""),(a.iconCls ? " "+a.iconCls : ""),'" unselectable="on" />',
- cb ? ('<input class="x-tree-node-cb" type="checkbox" ' + (a.checked ? 'checked="checked" />' : ' />')) : '',
- '<a hidefocus="on" href="',f,'" tabIndex="1" ',
- a.hrefTarget ? ' target="'+a.hrefTarget+'"' : "",
- '><span unselectable="on" qtip="' , d ,'">',c,"</span></a></div>",
- '<ul class="x-tree-node-ct" style="display:none;"></ul>',
- "</li>"];
-
- if(b !== true && n.nextSibling && n.nextSibling.ui.getEl()){
- this.wrap = Roo.DomHelper.insertHtml("beforeBegin",
- n.nextSibling.ui.getEl(), g.join(""));
- }else {
- this.wrap = Roo.DomHelper.insertHtml("beforeEnd", Z, g.join(""));
- }
-
-
- this.elNode = this.wrap.childNodes[0];
- this.ctNode = this.wrap.childNodes[1];
- var cs = this.elNode.childNodes;
- this.indentNode = cs[0];
- this.ecNode = cs[1];
- this.iconNode = cs[2];
- var h = 3;
- if(cb){
- this.checkbox = cs[3];
- h++;
- }
-
- this.anchor = cs[h];
- this.textNode = cs[h].firstChild;
- },
-
- getAnchor : function(){
- return this.anchor;
- },
-
- getTextEl : function(){
- return this.textNode;
- },
-
- getIconEl : function(){
- return this.iconNode;
- },
-
- isChecked : function(){
- return this.checkbox ? this.checkbox.checked : false;
- },
-
- updateExpandIcon : function(){
- if(this.rendered){
- var n = this.node, c1, c2;
- var P = n.isLast() ? "x-tree-elbow-end" : "x-tree-elbow";
- var hasChild = n.hasChildNodes();
- if(hasChild){
- if(n.expanded){
- P += "-minus";
- c1 = "x-tree-node-collapsed";
- c2 = "x-tree-node-expanded";
- }else {
- P += "-plus";
- c1 = "x-tree-node-expanded";
- c2 = "x-tree-node-collapsed";
- }
- if(this.wasLeaf){
- this.removeClass("x-tree-node-leaf");
- this.wasLeaf = false;
- }
- if(this.c1 != c1 || this.c2 != c2){
- Roo.fly(this.elNode).replaceClass(c1, c2);
- this.c1 = c1; this.c2 = c2;
- }
- }else {
- if(!this.wasLeaf){
- Roo.fly(this.elNode).replaceClass("x-tree-node-expanded", "x-tree-node-leaf");
- delete this.c1;
- delete this.c2;
- this.wasLeaf = true;
- }
- }
- var ecc = "x-tree-ec-icon "+P;
- if(this.ecc != ecc){
- this.ecNode.className = ecc;
- this.ecc = ecc;
- }
- }
- },
-
- getChildIndent : function(){
- if(!this.childIndent){
- var g = [];
- var p = this.node;
- while(p){
- if(!p.isRoot || (p.isRoot && p.ownerTree.rootVisible)){
- if(!p.isLast()) {
- g.unshift('<img src="'+this.emptyIcon+'" class="x-tree-elbow-line" />');
- } else {
- g.unshift('<img src="'+this.emptyIcon+'" class="x-tree-icon" />');
- }
- }
-
- p = p.parentNode;
- }
-
- this.childIndent = g.join("");
- }
- return this.childIndent;
- },
-
- renderIndent : function(){
- if(this.rendered){
- var indent = "";
- var p = this.node.parentNode;
- if(p){
- indent = p.ui.getChildIndent();
- }
- if(this.indentMarkup != indent){
- this.indentNode.innerHTML = indent;
- this.indentMarkup = indent;
- }
-
- this.updateExpandIcon();
- }
- }
-};
-
-Roo.tree.RootTreeNodeUI = function(){
- Roo.tree.RootTreeNodeUI.superclass.constructor.apply(this, arguments);
-};
-Roo.extend(Roo.tree.RootTreeNodeUI, Roo.tree.TreeNodeUI, {
- render : function(){
- if(!this.rendered){
- var Z = this.node.ownerTree.innerCt.dom;
- this.node.expanded = true;
- Z.innerHTML = '<div class="x-tree-root-node"></div>';
- this.wrap = this.ctNode = Z.firstChild;
- }
- },
- collapse : function(){
- },
- expand : function(){
- }
-});
-
-
-
-
-Roo.tree.TreeLoader = function(A){
- this.baseParams = {};
- this.requestMethod = "POST";
- Roo.apply(this, A);
-
- this.addEvents({
-
-
-
- beforeload : true,
-
-
- load : true,
-
-
- loadexception : true,
-
-
- create : true
- });
-
- Roo.tree.TreeLoader.superclass.constructor.call(this);
-};
-
-Roo.extend(Roo.tree.TreeLoader, Roo.util.Observable, {
-
-
-
-
-
-
-
-
- uiProviders : {},
-
-
-
- clearOnLoad : true,
-
-
-
-
- root : false,
-
-
-
-
- queryParam: false,
-
-
-
- load : function(B, C){
- if(this.clearOnLoad){
- while(B.firstChild){
- B.removeChild(B.firstChild);
- }
- }
- if(B.attributes.children){
- var cs = B.attributes.children;
- for(var i = 0, len = cs.length; i < len; i++){
- B.appendChild(this.createNode(cs[i]));
- }
- if(typeof C == "function"){
- C();
- }
- }else if(this.dataUrl){
- this.requestData(B, C);
- }
- },
-
- getParams: function(D){
- var E = [], bp = this.baseParams;
- for(var key in bp){
- if(typeof bp[key] != "function"){
- E.push(encodeURIComponent(key), "=", encodeURIComponent(bp[key]), "&");
- }
- }
- var n = this.queryParam === false ? 'node' : this.queryParam;
- E.push(n + "=", encodeURIComponent(D.id));
- return E.join("");
- },
-
- requestData : function(F, G){
- if(this.fireEvent("beforeload", this, F, G) !== false){
- this.transId = Roo.Ajax.request({
- method:this.requestMethod,
- url: this.dataUrl||this.url,
- success: this.handleResponse,
- failure: this.handleFailure,
- scope: this,
- argument: {callback: G, node: F},
- params: this.getParams(F)
- });
- }else {
-
-
- if(typeof G == "function"){
- G();
- }
- }
- },
-
- isLoading : function(){
- return this.transId ? true : false;
- },
-
- abort : function(){
- if(this.isLoading()){
- Roo.Ajax.abort(this.transId);
- }
- },
-
-
- createNode : function(attr){
-
- if(this.baseAttrs){
- Roo.applyIf(attr, this.baseAttrs);
- }
- if(this.applyLoader !== false){
- attr.loader = this;
- }
-
-
- if(typeof(attr.uiProvider) == 'string'){
- attr.uiProvider = this.uiProviders[attr.uiProvider] ||
-
- eval(attr.uiProvider);
- }
- if(typeof(this.uiProviders['default']) != 'undefined') {
- attr.uiProvider = this.uiProviders['default'];
- }
-
-
- this.fireEvent('create', this, attr);
-
- attr.leaf = typeof(attr.leaf) == 'string' ? attr.leaf * 1 : attr.leaf;
- return (attr.leaf ?
- new Roo.tree.TreeNode(attr) :
- new Roo.tree.AsyncTreeNode(attr));
- },
-
- processResponse : function(H, I, J){
- var K = H.responseText;
- try {
-
- var o =
- eval("("+K+")");
- if (this.root !== false) {
- o = o[this.root];
- }
-
- for(var i = 0, len = o.length; i < len; i++){
- var n = this.createNode(o[i]);
- if(n){
- I.appendChild(n);
- }
- }
- if(typeof J == "function"){
- J(this, I);
- }
- }catch(e){
- this.handleFailure(response);
- }
- },
-
- handleResponse : function(L){
- this.transId = false;
- var a = L.argument;
- this.processResponse(L, a.node, a.callback);
- this.fireEvent("load", this, a.node, L);
- },
-
- handleFailure : function(M){
- this.transId = false;
- var a = M.argument;
- this.fireEvent("loadexception", this, a.node, M);
- if(typeof a.callback == "function"){
- a.callback(this, a.node);
- }
- }
-});
-
-
-
-
-
-Roo.tree.TreeFilter = function(A, B){
- this.tree = A;
- this.filtered = {};
- Roo.apply(this, B);
-};
-
-Roo.tree.TreeFilter.prototype = {
- clearBlank:false,
- reverse:false,
- autoClear:false,
- remove:false,
-
-
-
- filter : function(C, D, E){
- D = D || "text";
- var f;
- if(typeof C == "string"){
- var vlen = C.length;
-
- if(vlen == 0 && this.clearBlank){
- this.clear();
- return;
- }
-
- C = C.toLowerCase();
- f = function(n){
- return n.attributes[D].substr(0, vlen).toLowerCase() == C;
- };
- }else if(C.exec){
- f = function(n){
- return C.test(n.attributes[D]);
- };
- }else {
- throw 'Illegal filter type, must be string or regex';
- }
-
- this.filterBy(f, null, E);
- },
-
-
-
- filterBy : function(fn, F, G){
- G = G || this.tree.root;
- if(this.autoClear){
- this.clear();
- }
- var af = this.filtered, rv = this.reverse;
- var f = function(n){
- if(n == G){
- return true;
- }
- if(af[n.id]){
- return false;
- }
- var m = fn.call(F || n, n);
- if(!m || rv){
- af[n.id] = n;
- n.ui.hide();
- return false;
- }
- return true;
- };
- G.cascade(f);
- if(this.remove){
- for(var id in af){
- if(typeof id != "function"){
- var n = af[id];
- if(n && n.parentNode){
- n.parentNode.removeChild(n);
- }
- }
- }
- }
- },
-
-
-
- clear : function(){
- var t = this.tree;
- var af = this.filtered;
- for(var id in af){
- if(typeof id != "function"){
- var n = af[id];
- if(n){
- n.ui.show();
- }
- }
- }
-
- this.filtered = {};
- }
-};
-
-
-
-
-
-
-
-Roo.tree.TreeSorter = function(A, B){
- Roo.apply(this, B);
- A.on("beforechildrenrendered", this.doSort, this);
- A.on("append", this.updateSort, this);
- A.on("insert", this.updateSort, this);
-
- var C = this.dir && this.dir.toLowerCase() == "desc";
- var p = this.property || "text";
- var D = this.sortType;
- var fs = this.folderSort;
- var cs = this.caseSensitive === true;
- var E = this.leafAttr || 'leaf';
-
- this.sortFn = function(n1, n2){
- if(fs){
- if(n1.attributes[E] && !n2.attributes[E]){
- return 1;
- }
- if(!n1.attributes[E] && n2.attributes[E]){
- return -1;
- }
- }
- var v1 = D ? D(n1) : (cs ? n1.attributes[p] : n1.attributes[p].toUpperCase());
- var v2 = D ? D(n2) : (cs ? n2.attributes[p] : n2.attributes[p].toUpperCase());
- if(v1 < v2){
- return C ? +1 : -1;
- }else if(v1 > v2){
- return C ? -1 : +1;
- }else {
- return 0;
- }
- };
-};
-
-Roo.tree.TreeSorter.prototype = {
- doSort : function(F){
- F.sort(this.sortFn);
- },
-
- compareNodes : function(n1, n2){
- return (n1.text.toUpperCase() > n2.text.toUpperCase() ? 1 : -1);
- },
-
- updateSort : function(G, H){
- if(H.childrenRendered){
- this.doSort.defer(1, this, [H]);
- }
- }
-};
-
-
-
-if(Roo.dd.DropZone){
-
-Roo.tree.TreeDropZone = function(A, B){
- this.allowParentInsert = false;
- this.allowContainerDrop = false;
- this.appendOnly = false;
- Roo.tree.TreeDropZone.superclass.constructor.call(this, A.innerCt, B);
- this.tree = A;
- this.lastInsertClass = "x-tree-no-status";
- this.dragOverData = {};
-};
-
-Roo.extend(Roo.tree.TreeDropZone, Roo.dd.DropZone, {
- ddGroup : "TreeDD",
-
- expandDelay : 1000,
-
- expandNode : function(C){
- if(C.hasChildNodes() && !C.isExpanded()){
- C.expand(false, null, this.triggerCacheRefresh.createDelegate(this));
- }
- },
-
- queueExpand : function(D){
- this.expandProcId = this.expandNode.defer(this.expandDelay, this, [D]);
- },
-
- cancelExpand : function(){
- if(this.expandProcId){
- clearTimeout(this.expandProcId);
- this.expandProcId = false;
- }
- },
-
- isValidDropPoint : function(n, pt, dd, e, E){
- if(!n || !E){ return false; }
- var F = n.node;
- var G = E.node;
-
- if(!(F && F.isTarget && pt)){
- return false;
- }
- if(pt == "append" && F.allowChildren === false){
- return false;
- }
- if((pt == "above" || pt == "below") && (F.parentNode && F.parentNode.allowChildren === false)){
- return false;
- }
- if(G && (F == G || G.contains(F))){
- return false;
- }
-
- var H = this.dragOverData;
- H.tree = this.tree;
- H.target = F;
- H.data = E;
- H.point = pt;
- H.source = dd;
- H.rawEvent = e;
- H.dropNode = G;
- H.cancel = false;
- var I = this.tree.fireEvent("nodedragover", H);
- return H.cancel === false && I !== false;
- },
-
- getDropPoint : function(e, n, dd){
- var tn = n.node;
- if(tn.isRoot){
- return tn.allowChildren !== false ? "append" : false;
- }
- var J = n.ddel;
- var t = Roo.lib.Dom.getY(J), b = t + J.offsetHeight;
- var y = Roo.lib.Event.getPageY(e);
- var K = tn.allowChildren === false || tn.isLeaf();
- if(this.appendOnly || tn.parentNode.allowChildren === false){
- return K ? false : "append";
- }
- var L = false;
- if(!this.allowParentInsert){
- L = tn.hasChildNodes() && tn.isExpanded();
- }
- var q = (b - t) / (K ? 2 : 3);
- if(y >= t && y < (t + q)){
- return "above";
- }else if(!L && (K || y >= b-q && y <= b)){
- return "below";
- }else {
- return "append";
- }
- },
-
- onNodeEnter : function(n, dd, e, M){
- this.cancelExpand();
- },
-
- onNodeOver : function(n, dd, e, N){
- var pt = this.getDropPoint(e, n, dd);
- var O = n.node;
-
-
- if(!this.expandProcId && pt == "append" && O.hasChildNodes() && !n.node.isExpanded()){
- this.queueExpand(O);
- }else if(pt != "append"){
- this.cancelExpand();
- }
-
-
- var P = this.dropNotAllowed;
- if(this.isValidDropPoint(n, pt, dd, e, N)){
- if(pt){
- var el = n.ddel;
- var cls;
- if(pt == "above"){
- P = n.node.isFirst() ? "x-tree-drop-ok-above" : "x-tree-drop-ok-between";
- cls = "x-tree-drag-insert-above";
- }else if(pt == "below"){
- P = n.node.isLast() ? "x-tree-drop-ok-below" : "x-tree-drop-ok-between";
- cls = "x-tree-drag-insert-below";
- }else {
- P = "x-tree-drop-ok-append";
- cls = "x-tree-drag-append";
- }
- if(this.lastInsertClass != cls){
- Roo.fly(el).replaceClass(this.lastInsertClass, cls);
- this.lastInsertClass = cls;
- }
- }
- }
- return P;
- },
-
- onNodeOut : function(n, dd, e, Q){
- this.cancelExpand();
- this.removeDropIndicators(n);
- },
-
- onNodeDrop : function(n, dd, e, R){
- var S = this.getDropPoint(e, n, dd);
- var T = n.node;
- T.ui.startDrop();
- if(!this.isValidDropPoint(n, S, dd, e, R)){
- T.ui.endDrop();
- return false;
- }
-
- var U = R.node || (dd.getTreeNode ? dd.getTreeNode(R, T, S, e) : null);
- var V = {
- tree : this.tree,
- target: T,
- data: R,
- point: S,
- source: dd,
- rawEvent: e,
- dropNode: U,
- cancel: !U
- };
- var W = this.tree.fireEvent("beforenodedrop", V);
- if(W === false || V.cancel === true || !V.dropNode){
- T.ui.endDrop();
- return false;
- }
-
-
- T = V.target;
- if(S == "append" && !T.isExpanded()){
- T.expand(false, null, function(){
- this.completeDrop(V);
- }.createDelegate(this));
- }else {
- this.completeDrop(V);
- }
- return true;
- },
-
- completeDrop : function(de){
- var ns = de.dropNode, p = de.point, t = de.target;
- if(!(ns instanceof Array)){
- ns = [ns];
- }
- var n;
- for(var i = 0, len = ns.length; i < len; i++){
- n = ns[i];
- if(p == "above"){
- t.parentNode.insertBefore(n, t);
- }else if(p == "below"){
- t.parentNode.insertBefore(n, t.nextSibling);
- }else {
- t.appendChild(n);
- }
- }
-
- n.ui.focus();
- if(this.tree.hlDrop){
- n.ui.highlight();
- }
-
- t.ui.endDrop();
- this.tree.fireEvent("nodedrop", de);
- },
-
- afterNodeMoved : function(dd, X, e, Y, Z){
- if(this.tree.hlDrop){
- Z.ui.focus();
- Z.ui.highlight();
- }
-
- this.tree.fireEvent("nodedrop", this.tree, Y, X, dd, e);
- },
-
- getTree : function(){
- return this.tree;
- },
-
- removeDropIndicators : function(n){
- if(n && n.ddel){
- var el = n.ddel;
- Roo.fly(el).removeClass([
- "x-tree-drag-insert-above",
- "x-tree-drag-insert-below",
- "x-tree-drag-append"]);
- this.lastInsertClass = "_noclass";
- }
- },
-
- beforeDragDrop : function(a, e, id){
- this.cancelExpand();
- return true;
- },
-
- afterRepair : function(c){
- if(c && Roo.enableFx){
- c.node.ui.highlight();
- }
-
- this.hideProxy();
- }
-});
-
-}
-
-
-
-
-if(Roo.dd.DragZone){
-Roo.tree.TreeDragZone = function(A, B){
- Roo.tree.TreeDragZone.superclass.constructor.call(this, A.getTreeEl(), B);
- this.tree = A;
-};
-
-Roo.extend(Roo.tree.TreeDragZone, Roo.dd.DragZone, {
- ddGroup : "TreeDD",
-
- onBeforeDrag : function(C, e){
- var n = C.node;
- return n && n.draggable && !n.disabled;
- },
-
- onInitDrag : function(e){
- var D = this.dragData;
- this.tree.getSelectionModel().select(D.node);
- this.proxy.update("");
- D.node.ui.appendDDGhost(this.proxy.ghost.dom);
- this.tree.fireEvent("startdrag", this.tree, D.node, e);
- },
-
- getRepairXY : function(e, E){
- return E.node.ui.getDDRepairXY();
- },
-
- onEndDrag : function(F, e){
- this.tree.fireEvent("enddrag", this.tree, F.node, e);
- },
-
- onValidDrop : function(dd, e, id){
- this.tree.fireEvent("dragdrop", this.tree, this.dragData.node, dd, e);
- this.hideProxy();
- },
-
- beforeInvalidDrop : function(e, id){
-
- var sm = this.tree.getSelectionModel();
- sm.clearSelections();
- sm.select(this.dragData.node);
- }
-});
-}
-
-
-
-
-Roo.tree.TreeEditor = function(A, B){
- B = B || {};
- var C = B.events ? B : new Roo.form.TextField(B);
- Roo.tree.TreeEditor.superclass.constructor.call(this, C);
-
- this.tree = A;
-
- A.on('beforeclick', this.beforeNodeClick, this);
- A.getTreeEl().on('mousedown', this.hide, this);
- this.on('complete', this.updateNode, this);
- this.on('beforestartedit', this.fitToTree, this);
- this.on('startedit', this.bindScroll, this, {delay:10});
- this.on('specialkey', this.onSpecialKey, this);
-};
-
-Roo.extend(Roo.tree.TreeEditor, Roo.Editor, {
-
-
- alignment: "l-l",
-
- autoSize: false,
-
-
- hideEl : false,
-
-
- cls: "x-small-editor x-tree-editor",
-
-
- shim:false,
-
- shadow:"frame",
-
-
- maxWidth: 250,
-
- editDelay : 350,
-
-
- fitToTree : function(ed, el){
- var td = this.tree.getTreeEl().dom, nd = el.dom;
- if(td.scrollLeft > nd.offsetLeft){
- td.scrollLeft = nd.offsetLeft;
- }
- var w = Math.min(
- this.maxWidth,
- (td.clientWidth > 20 ? td.clientWidth : td.offsetWidth) - Math.max(0, nd.offsetLeft-td.scrollLeft) -
-5);
- this.setSize(w, '');
- },
-
-
- triggerEdit : function(D){
- this.completeEdit();
- this.editNode = D;
- this.startEdit(D.ui.textNode, D.text);
- },
-
-
- bindScroll : function(){
- this.tree.getTreeEl().on('scroll', this.cancelEdit, this);
- },
-
-
- beforeNodeClick : function(E, e){
- var F = (this.lastClick ? this.lastClick.getElapsed() : 0);
- this.lastClick = new Date();
- if(F > this.editDelay && this.tree.getSelectionModel().isSelected(E)){
- e.stopEvent();
- this.triggerEdit(E);
- return false;
- }
- },
-
-
- updateNode : function(ed, G){
- this.tree.getTreeEl().un('scroll', this.cancelEdit, this);
- this.editNode.setText(G);
- },
-
-
- onHide : function(){
- Roo.tree.TreeEditor.superclass.onHide.call(this);
- if(this.editNode){
- this.editNode.ui.focus();
- }
- },
-
-
- onSpecialKey : function(H, e){
- var k = e.getKey();
- if(k == e.ESC){
- e.stopEvent();
- this.cancelEdit();
- }else if(k == e.ENTER && !e.hasModifier()){
- e.stopEvent();
- this.completeEdit();
- }
- }
-});
-
-
-
-
-
-
-
-Roo.tree.ColumnNodeUI = Roo.extend(Roo.tree.TreeNodeUI, {
-
-
- renderElements : function(n, a, A, B){
-
- this.indentMarkup = n.parentNode ? n.parentNode.ui.getChildIndent() : '';
-
- var t = n.getOwnerTree();
- var C = Pman.Tab.Document_TypesTree.tree.el.id;
-
- var D = t.columns;
- var bw = t.borderWidth;
- var c = D[0];
- var E = a.href ? a.href : Roo.isGecko ? "" : "#";
- var cb = typeof a.checked == "boolean";
- var tx = String.format('{0}',n.text || (c.renderer ? c.renderer(a[c.dataIndex], n, a) : a[c.dataIndex]));
- var F = 'x-t-' + C + '-c0';
- var G = [
- '<li class="x-tree-node">',
-
-
- '<div class="x-tree-node-el ', a.cls,'">',
-
- '<div class="x-tree-col ', F, '" style="width:', c.width-bw, 'px;">',
-
-
- '<span class="x-tree-node-indent">',this.indentMarkup,'</span>',
- '<img src="', this.emptyIcon, '" class="x-tree-ec-icon " />',
- '<img src="', a.icon || this.emptyIcon, '" class="x-tree-node-icon',
- (a.icon ? ' x-tree-node-inline-icon' : ''),
- (a.iconCls ? ' '+a.iconCls : ''),
- '" unselectable="on" />',
- (cb ? ('<input class="x-tree-node-cb" type="checkbox" ' +
- (a.checked ? 'checked="checked" />' : ' />')) : ''),
-
- '<a class="x-tree-node-anchor" hidefocus="on" href="',E,'" tabIndex="1" ',
- (a.hrefTarget ? ' target="' +a.hrefTarget + '"' : ''), '>',
- '<span unselectable="on" qtip="' + tx + '">',
- tx,
- '</span></a>' ,
- '</div>',
- '<a class="x-tree-node-anchor" hidefocus="on" href="',E,'" tabIndex="1" ',
- (a.hrefTarget ? ' target="' +a.hrefTarget + '"' : ''), '>',
- ];
-
- for(var i = 1, len = D.length; i < len; i++){
- c = D[i];
- F = 'x-t-' + C + '-c' +i;
- tx = String.format('{0}', (c.renderer ? c.renderer(a[c.dataIndex], n, a) : a[c.dataIndex]));
- G.push('<div class="x-tree-col ', F, ' ' ,(c.cls?c.cls:''),'" style="width:',c.width-bw,'px;">',
- '<div class="x-tree-col-text" qtip="' + tx +'">',tx,"</div>",
- "</div>");
- }
-
-
- G.push(
- '</a>',
- '<div class="x-clear"></div></div>',
- '<ul class="x-tree-node-ct" style="display:none;"></ul>',
- "</li>");
-
- if(B !== true && n.nextSibling && n.nextSibling.ui.getEl()){
- this.wrap = Roo.DomHelper.insertHtml("beforeBegin",
- n.nextSibling.ui.getEl(), G.join(""));
- }else {
- this.wrap = Roo.DomHelper.insertHtml("beforeEnd", A, G.join(""));
- }
- var el = this.wrap.firstChild;
- this.elRow = el;
- this.elNode = el.firstChild;
- this.ranchor = el.childNodes[1];
- this.ctNode = this.wrap.childNodes[1];
- var cs = el.firstChild.childNodes;
- this.indentNode = cs[0];
- this.ecNode = cs[1];
- this.iconNode = cs[2];
- var H = 3;
- if(cb){
- this.checkbox = cs[3];
- H++;
- }
-
- this.anchor = cs[H];
-
- this.textNode = cs[H].firstChild;
-
-
-
-
-
-
- },
- initEvents : function(){
- Roo.tree.ColumnNodeUI.superclass.initEvents.call(this);
-
-
- var a = this.ranchor;
-
- var el = Roo.get(a);
-
- if(Roo.isOpera){
- el.setStyle("text-decoration", "none");
- }
-
-
- el.on("click", this.onClick, this);
- el.on("dblclick", this.onDblClick, this);
- el.on("contextmenu", this.onContextMenu, this);
-
- },
-
-
-
- addClass : function(I){
- if(this.elRow){
- Roo.fly(this.elRow).addClass(I);
- }
-
- },
-
-
- removeClass : function(J){
- if(this.elRow){
- Roo.fly(this.elRow).removeClass(J);
- }
- }
-
-
-
-});
-
-
-
-
-
-
-
-
-Roo.tree.ColumnTree = function(el, A)
-{
- Roo.tree.ColumnTree.superclass.constructor.call(this, el , A);
- this.addEvents({
-
-
- "resize" : true
- });
- this.on('resize', this.onResize, this);
-};
-
-Roo.extend(Roo.tree.ColumnTree, Roo.tree.TreePanel, {
-
-
-
- borderWidth: Roo.isBorderBox ? 0 : 2,
- headEls : false,
-
- render : function(){
-
-
- Roo.tree.ColumnTree.superclass.render.apply(this);
-
- this.el.addClass('x-column-tree');
-
- this.headers = this.el.createChild(
- {cls:'x-tree-headers'},this.innerCt.dom);
-
- var B = this.columns, c;
- var C = 0;
- this.headEls = [];
- var D = B.length;
- for(var i = 0; i < D; i++){
- c = B[i];
- C += c.width;
- this.headEls.push(this.headers.createChild({
- cls:'x-tree-hd ' + (c.cls?c.cls+'-hd':''),
- cn: {
- cls:'x-tree-hd-text',
- html: c.header
- },
- style:'width:'+(c.width-this.borderWidth)+'px;'
- }));
- }
-
- this.headers.createChild({cls:'x-clear'});
-
- this.headers.setWidth(C);
-
- this.innerCt.setStyle({ overflow: 'auto' });
- this.onResize(this.width, this.height);
-
-
- },
- onResize : function(w,h)
- {
- this.height = h;
- this.width = w;
-
- this.innerCt.setWidth(this.width);
- this.innerCt.setHeight(this.height-20);
-
-
- var E = this.columns, c;
- var F = 0;
- var G = false;
- var H = E.length;
- for(var i = 0; i < H; i++){
- c = E[i];
- if (this.autoExpandColumn !== false && c.dataIndex == this.autoExpandColumn) {
-
- G = this.headEls[i];
- continue;
- }
-
- F += c.width;
-
- }
- if (G) {
- G.setWidth( ((w - F)-this.borderWidth - 20));
- }
-
- this.headers.setWidth(w-20);
-
-
-
-
- }
-});
-
-
-
-
-
-
-Roo.menu.Menu = function(A){
- Roo.apply(this, A);
- this.id = this.id || Roo.id();
- this.addEvents({
-
-
- beforeshow : true,
-
-
- beforehide : true,
-
-
- show : true,
-
-
- hide : true,
-
-
- click : true,
-
-
- mouseover : true,
-
-
- mouseout : true,
-
-
- itemclick: true
- });
- if (this.registerMenu) {
- Roo.menu.MenuMgr.register(this);
- }
-
- var B = this.items;
- this.items = new Roo.util.MixedCollection();
- if(B){
- this.add.apply(this, B);
- }
-};
-
-Roo.extend(Roo.menu.Menu, Roo.util.Observable, {
-
-
- minWidth : 120,
-
-
- shadow : "sides",
-
-
- subMenuAlign : "tl-tr?",
-
-
- defaultAlign : "tl-bl?",
-
-
- allowOtherMenus : false,
-
-
- registerMenu : true,
-
- hidden:true,
-
-
- render : function(){
- if(this.el){
- return;
- }
- var el = this.el = new Roo.Layer({
- cls: "x-menu",
- shadow:this.shadow,
- constrain: false,
- parentEl: this.parentEl || document.body,
- zindex:15000
- });
-
- this.keyNav = new Roo.menu.MenuNav(this);
-
- if(this.plain){
- el.addClass("x-menu-plain");
- }
- if(this.cls){
- el.addClass(this.cls);
- }
-
-
- this.focusEl = el.createChild({
- tag: "a", cls: "x-menu-focus", href: "#", onclick: "return false;", tabIndex:"-1"
- });
- var ul = el.createChild({tag: "ul", cls: "x-menu-list"});
- ul.on("click", this.onClick, this);
- ul.on("mouseover", this.onMouseOver, this);
- ul.on("mouseout", this.onMouseOut, this);
- this.items.each(function(C){
- var li = document.createElement("li");
- li.className = "x-menu-list-item";
- ul.dom.appendChild(li);
- C.render(li, this);
- }, this);
- this.ul = ul;
- this.autoWidth();
- },
-
-
- autoWidth : function(){
- var el = this.el, ul = this.ul;
- if(!el){
- return;
- }
- var w = this.width;
- if(w){
- el.setWidth(w);
- }else if(Roo.isIE){
- el.setWidth(this.minWidth);
- var t = el.dom.offsetWidth;
- el.setWidth(ul.getWidth()+el.getFrameWidth("lr"));
- }
- },
-
-
- delayAutoWidth : function(){
- if(this.rendered){
- if(!this.awTask){
- this.awTask = new Roo.util.DelayedTask(this.autoWidth, this);
- }
-
- this.awTask.delay(20);
- }
- },
-
-
- findTargetItem : function(e){
- var t = e.getTarget(".x-menu-list-item", this.ul, true);
- if(t && t.menuItemId){
- return this.items.get(t.menuItemId);
- }
- },
-
-
- onClick : function(e){
- var t;
- if(t = this.findTargetItem(e)){
- t.onClick(e);
- this.fireEvent("click", this, t, e);
- }
- },
-
-
- setActiveItem : function(C, D){
- if(C != this.activeItem){
- if(this.activeItem){
- this.activeItem.deactivate();
- }
-
- this.activeItem = C;
- C.activate(D);
- }else if(D){
- C.expandMenu();
- }
- },
-
-
- tryActivate : function(E, F){
- var G = this.items;
- for(var i = E, len = G.length; i >= 0 && i < len; i+= F){
- var C = G.get(i);
- if(!C.disabled && C.canActivate){
- this.setActiveItem(C, false);
- return C;
- }
- }
- return false;
- },
-
-
- onMouseOver : function(e){
- var t;
- if(t = this.findTargetItem(e)){
- if(t.canActivate && !t.disabled){
- this.setActiveItem(t, true);
- }
- }
-
- this.fireEvent("mouseover", this, e, t);
- },
-
-
- onMouseOut : function(e){
- var t;
- if(t = this.findTargetItem(e)){
- if(t == this.activeItem && t.shouldDeactivate(e)){
- this.activeItem.deactivate();
- delete this.activeItem;
- }
- }
-
- this.fireEvent("mouseout", this, e, t);
- },
-
-
-
- isVisible : function(){
- return this.el && !this.hidden;
- },
-
-
-
- show : function(el, H, I){
- this.parentMenu = I;
- if(!this.el){
- this.render();
- }
-
- this.fireEvent("beforeshow", this);
- this.showAt(this.el.getAlignToXY(el, H || this.defaultAlign), I, false);
- },
-
-
-
- showAt : function(xy, J,
-_e){
- this.parentMenu = J;
- if(!this.el){
- this.render();
- }
- if(_e !== false){
- this.fireEvent("beforeshow", this);
- xy = this.el.adjustForConstraints(xy);
- }
-
- this.el.setXY(xy);
- this.el.show();
- this.hidden = false;
- this.focus();
- this.fireEvent("show", this);
- },
-
- focus : function(){
- if(!this.hidden){
- this.doFocus.defer(50, this);
- }
- },
-
- doFocus : function(){
- if(!this.hidden){
- this.focusEl.focus();
- }
- },
-
-
-
- hide : function(K){
- if(this.el && this.isVisible()){
- this.fireEvent("beforehide", this);
- if(this.activeItem){
- this.activeItem.deactivate();
- this.activeItem = null;
- }
-
- this.el.hide();
- this.hidden = true;
- this.fireEvent("hide", this);
- }
- if(K === true && this.parentMenu){
- this.parentMenu.hide(true);
- }
- },
-
-
-
- add : function(){
- var a = arguments, l = a.length, L;
- for(var i = 0; i < l; i++){
- var el = a[i];
- if(el.render){
- L = this.addItem(el);
- }else if(typeof el == "string"){
- if(el == "separator" || el == "-"){
- L = this.addSeparator();
- }else {
- L = this.addText(el);
- }
- }else if(el.tagName || el.el){
- L = this.addElement(el);
- }else if(typeof el == "object"){
- L = this.addMenuItem(el);
- }
- }
- return L;
- },
-
-
-
- getEl : function(){
- if(!this.el){
- this.render();
- }
- return this.el;
- },
-
-
-
- addSeparator : function(){
- return this.addItem(new Roo.menu.Separator());
- },
-
-
-
- addElement : function(el){
- return this.addItem(new Roo.menu.BaseItem(el));
- },
-
-
-
- addItem : function(M){
- this.items.add(M);
- if(this.ul){
- var li = document.createElement("li");
- li.className = "x-menu-list-item";
- this.ul.dom.appendChild(li);
- M.render(li, this);
- this.delayAutoWidth();
- }
- return M;
- },
-
-
-
- addMenuItem : function(N){
- if(!(N instanceof Roo.menu.Item)){
- if(typeof N.checked == "boolean"){
- N = new Roo.menu.CheckItem(N);
- }else {
- N = new Roo.menu.Item(N);
- }
- }
- return this.addItem(N);
- },
-
-
-
- addText : function(O){
- return this.addItem(new Roo.menu.TextItem(O));
- },
-
-
-
- insert : function(P, Q){
- this.items.insert(P, Q);
- if(this.ul){
- var li = document.createElement("li");
- li.className = "x-menu-list-item";
- this.ul.dom.insertBefore(li, this.ul.dom.childNodes[P]);
- Q.render(li, this);
- this.delayAutoWidth();
- }
- return Q;
- },
-
-
-
- remove : function(R){
- this.items.removeKey(R.id);
- R.destroy();
- },
-
-
-
- removeAll : function(){
- var f;
- while(f = this.items.first()){
- this.remove(f);
- }
- }
-});
-
-
-Roo.menu.MenuNav = function(S){
- Roo.menu.MenuNav.superclass.constructor.call(this, S.el);
- this.scope = this.menu = S;
-};
-
-Roo.extend(Roo.menu.MenuNav, Roo.KeyNav, {
- doRelay : function(e, h){
- var k = e.getKey();
- if(!this.menu.activeItem && e.isNavKeyPress() && k != e.SPACE && k != e.RETURN ){
- this.menu.tryActivate(0, 1);
- return false;
- }
- return h.call(this.scope || this, e, this.menu);
- },
-
- up : function(e, m){
- if(!m.tryActivate(m.items.indexOf(m.activeItem)-1, -1)){
- m.tryActivate(m.items.length-1, -1);
- }
- },
-
- down : function(e, m){
- if(!m.tryActivate(m.items.indexOf(m.activeItem)+1, 1)){
- m.tryActivate(0, 1);
- }
- },
-
- right : function(e, m){
- if(m.activeItem){
- m.activeItem.expandMenu(true);
- }
- },
-
- left : function(e, m){
- m.hide();
- if(m.parentMenu && m.parentMenu.activeItem){
- m.parentMenu.activeItem.activate();
- }
- },
-
- enter : function(e, m){
- if(m.activeItem){
- e.stopPropagation();
- m.activeItem.onClick(e);
- m.fireEvent("click", this, m.activeItem);
- return true;
- }
- }
-});
-
-
-
-
-
-Roo.menu.MenuMgr = function(){
- var A, B, C = {}, attached = false, lastShow = new Date();
-
-
- function D(){
- A = {};
- B = new Roo.util.MixedCollection();
- Roo.get(document).addKeyListener(27, function(){
- if(B.length > 0){
- E();
- }
- });
- }
-
-
- function E(){
- if(B && B.length > 0){
- var c = B.clone();
- c.each(function(m){
- m.hide();
- });
- }
- }
-
-
- function F(m){
- B.remove(m);
- if(B.length < 1){
- Roo.get(document).un("mousedown", J);
- attached = false;
- }
- }
-
-
- function G(m){
- var L = B.last();
- lastShow = new Date();
- B.add(m);
- if(!attached){
- Roo.get(document).on("mousedown", J);
- attached = true;
- }
- if(m.parentMenu){
- m.getEl().setZIndex(parseInt(m.parentMenu.getEl().getStyle("z-index"), 10) + 3);
- m.parentMenu.activeChild = m;
- }else if(L && L.isVisible()){
- m.getEl().setZIndex(parseInt(L.getEl().getStyle("z-index"), 10) + 3);
- }
- }
-
-
- function H(m){
- if(m.activeChild){
- m.activeChild.hide();
- }
- if(m.autoHideTimer){
- clearTimeout(m.autoHideTimer);
- delete m.autoHideTimer;
- }
- }
-
-
- function I(m){
- var pm = m.parentMenu;
- if(!pm && !m.allowOtherMenus){
- E();
- }else if(pm && pm.activeChild && B != m){
- pm.activeChild.hide();
- }
- }
-
-
- function J(e){
- if(lastShow.getElapsed() > 50 && B.length > 0 && !e.getTarget(".x-menu")){
- E();
- }
- }
-
-
- function K(mi, L){
- if(L){
- var g = C[mi.group];
- for(var i = 0, l = g.length; i < l; i++){
- if(g[i] != mi){
- g[i].setChecked(false);
- }
- }
- }
- }
-
- return {
-
-
-
- hideAll : function(){
- E();
- },
-
-
- register : function(Q){
- if(!A){
- D();
- }
-
- A[Q.id] = Q;
- Q.on("beforehide", H);
- Q.on("hide", F);
- Q.on("beforeshow", I);
- Q.on("show", G);
- var g = Q.group;
- if(g && Q.events["checkchange"]){
- if(!C[g]){
- C[g] = [];
- }
-
- C[g].push(Q);
- Q.on("checkchange", onCheck);
- }
- },
-
-
-
- get : function(R){
- if(typeof R == "string"){
- return A[R];
- }else if(R.events){
- return R;
- }else if(typeof R.length == 'number'){
- return new Roo.menu.Menu({items:R});
- }else {
- return new Roo.menu.Menu(R);
- }
- },
-
-
- unregister : function(S){
- delete A[S.id];
- S.un("beforehide", H);
- S.un("hide", F);
- S.un("beforeshow", I);
- S.un("show", G);
- var g = S.group;
- if(g && S.events["checkchange"]){
- C[g].remove(S);
- S.un("checkchange", onCheck);
- }
- },
-
-
- registerCheckable : function(T){
- var g = T.group;
- if(g){
- if(!C[g]){
- C[g] = [];
- }
-
- C[g].push(T);
- T.on("beforecheckchange", K);
- }
- },
-
-
- unregisterCheckable : function(U){
- var g = U.group;
- if(g){
- C[g].remove(U);
- U.un("beforecheckchange", K);
- }
- }
- };
-}();
-
-
-
-
-
-
-Roo.menu.BaseItem = function(A){
- Roo.menu.BaseItem.superclass.constructor.call(this, A);
-
- this.addEvents({
-
-
- click: true,
-
-
- activate : true,
-
-
- deactivate : true
- });
-
- if(this.handler){
- this.on("click", this.handler, this.scope, true);
- }
-};
-
-Roo.extend(Roo.menu.BaseItem, Roo.Component, {
-
-
-
-
- canActivate : false,
-
-
- activeClass : "x-menu-item-active",
-
-
- hideOnClick : true,
-
-
- hideDelay : 100,
-
-
- ctype: "Roo.menu.BaseItem",
-
-
- actionMode : "container",
-
-
- render : function(B, C){
- this.parentMenu = C;
- Roo.menu.BaseItem.superclass.render.call(this, B);
- this.container.menuItemId = this.id;
- },
-
-
- onRender : function(D, E){
- this.el = Roo.get(this.el);
- D.dom.appendChild(this.el.dom);
- },
-
-
- onClick : function(e){
- if(!this.disabled && this.fireEvent("click", this, e) !== false
- && this.parentMenu.fireEvent("itemclick", this, e) !== false){
- this.handleClick(e);
- }else {
- e.stopEvent();
- }
- },
-
-
- activate : function(){
- if(this.disabled){
- return false;
- }
- var li = this.container;
- li.addClass(this.activeClass);
- this.region = li.getRegion().adjust(2, 2, -2, -2);
- this.fireEvent("activate", this);
- return true;
- },
-
-
- deactivate : function(){
- this.container.removeClass(this.activeClass);
- this.fireEvent("deactivate", this);
- },
-
-
- shouldDeactivate : function(e){
- return !this.region || !this.region.contains(e.getPoint());
- },
-
-
- handleClick : function(e){
- if(this.hideOnClick){
- this.parentMenu.hide.defer(this.hideDelay, this.parentMenu, [true]);
- }
- },
-
-
- expandMenu : function(F){
-
- },
-
-
- hideMenu : function(){
-
- }
-});
-
-
-
-
-
-Roo.menu.Adapter = function(A, B){
- Roo.menu.Adapter.superclass.constructor.call(this, B);
- this.component = A;
-};
-Roo.extend(Roo.menu.Adapter, Roo.menu.BaseItem, {
-
- canActivate : true,
-
-
- onRender : function(C, D){
- this.component.render(C);
- this.el = this.component.getEl();
- },
-
-
- activate : function(){
- if(this.disabled){
- return false;
- }
-
- this.component.focus();
- this.fireEvent("activate", this);
- return true;
- },
-
-
- deactivate : function(){
- this.fireEvent("deactivate", this);
- },
-
-
- disable : function(){
- this.component.disable();
- Roo.menu.Adapter.superclass.disable.call(this);
- },
-
-
- enable : function(){
- this.component.enable();
- Roo.menu.Adapter.superclass.enable.call(this);
- }
-});
-
-
-
-
-
-Roo.menu.TextItem = function(A){
- this.text = A;
- Roo.menu.TextItem.superclass.constructor.call(this);
-};
-
-Roo.extend(Roo.menu.TextItem, Roo.menu.BaseItem, {
-
-
- hideOnClick : false,
-
-
- itemCls : "x-menu-text",
-
-
- onRender : function(){
- var s = document.createElement("span");
- s.className = this.itemCls;
- s.innerHTML = this.text;
- this.el = s;
- Roo.menu.TextItem.superclass.onRender.apply(this, arguments);
- }
-});
-
-
-
-
-
-Roo.menu.Separator = function(A){
- Roo.menu.Separator.superclass.constructor.call(this, A);
-};
-
-Roo.extend(Roo.menu.Separator, Roo.menu.BaseItem, {
-
-
- itemCls : "x-menu-sep",
-
-
- hideOnClick : false,
-
-
- onRender : function(li){
- var s = document.createElement("span");
- s.className = this.itemCls;
- s.innerHTML = " ";
- this.el = s;
- li.addClass("x-menu-sep-li");
- Roo.menu.Separator.superclass.onRender.apply(this, arguments);
- }
-});
-
-
-
-
-Roo.menu.Item = function(A){
- Roo.menu.Item.superclass.constructor.call(this, A);
- if(this.menu){
- this.menu = Roo.menu.MenuMgr.get(this.menu);
- }
-};
-Roo.extend(Roo.menu.Item, Roo.menu.BaseItem, {
-
-
-
-
- itemCls : "x-menu-item",
-
-
- canActivate : true,
-
-
- showDelay: 200,
-
- hideDelay: 200,
-
-
- ctype: "Roo.menu.Item",
-
-
- onRender : function(B, C){
- var el = document.createElement("a");
- el.hideFocus = true;
- el.unselectable = "on";
- el.href = this.href || "#";
- if(this.hrefTarget){
- el.target = this.hrefTarget;
- }
-
- el.className = this.itemCls + (this.menu ? " x-menu-item-arrow" : "") + (this.cls ? " " + this.cls : "");
- el.innerHTML = String.format(
- '<img src="{0}" class="x-menu-item-icon {2}" />{1}',
- this.icon || Roo.BLANK_IMAGE_URL, this.text, this.iconCls || '');
- this.el = el;
- Roo.menu.Item.superclass.onRender.call(this, B, C);
- },
-
-
-
- setText : function(D){
- this.text = D;
- if(this.rendered){
- this.el.update(String.format(
- '<img src="{0}" class="x-menu-item-icon {2}">{1}',
- this.icon || Roo.BLANK_IMAGE_URL, this.text, this.iconCls || ''));
- this.parentMenu.autoWidth();
- }
- },
-
-
- handleClick : function(e){
- if(!this.href){
- e.stopEvent();
- }
-
- Roo.menu.Item.superclass.handleClick.apply(this, arguments);
- },
-
-
- activate : function(E){
- if(Roo.menu.Item.superclass.activate.apply(this, arguments)){
- this.focus();
- if(E){
- this.expandMenu();
- }
- }
- return true;
- },
-
-
- shouldDeactivate : function(e){
- if(Roo.menu.Item.superclass.shouldDeactivate.call(this, e)){
- if(this.menu && this.menu.isVisible()){
- return !this.menu.getEl().getRegion().contains(e.getPoint());
- }
- return true;
- }
- return false;
- },
-
-
- deactivate : function(){
- Roo.menu.Item.superclass.deactivate.apply(this, arguments);
- this.hideMenu();
- },
-
-
- expandMenu : function(F){
- if(!this.disabled && this.menu){
- clearTimeout(this.hideTimer);
- delete this.hideTimer;
- if(!this.menu.isVisible() && !this.showTimer){
- this.showTimer = this.deferExpand.defer(this.showDelay, this, [F]);
- }else if (this.menu.isVisible() && F){
- this.menu.tryActivate(0, 1);
- }
- }
- },
-
-
- deferExpand : function(G){
- delete this.showTimer;
- this.menu.show(this.container, this.parentMenu.subMenuAlign || "tl-tr?", this.parentMenu);
- if(G){
- this.menu.tryActivate(0, 1);
- }
- },
-
-
- hideMenu : function(){
- clearTimeout(this.showTimer);
- delete this.showTimer;
- if(!this.hideTimer && this.menu && this.menu.isVisible()){
- this.hideTimer = this.deferHide.defer(this.hideDelay, this);
- }
- },
-
-
- deferHide : function(){
- delete this.hideTimer;
- this.menu.hide();
- }
-});
-
-
-
-
-
-Roo.menu.CheckItem = function(A){
- Roo.menu.CheckItem.superclass.constructor.call(this, A);
- this.addEvents({
-
-
- "beforecheckchange" : true,
-
-
- "checkchange" : true
- });
- if(this.checkHandler){
- this.on('checkchange', this.checkHandler, this.scope);
- }
-};
-Roo.extend(Roo.menu.CheckItem, Roo.menu.Item, {
-
-
-
-
- itemCls : "x-menu-item x-menu-check-item",
-
-
- groupClass : "x-menu-group-item",
-
-
-
- checked: false,
-
-
- ctype: "Roo.menu.CheckItem",
-
-
- onRender : function(c){
- Roo.menu.CheckItem.superclass.onRender.apply(this, arguments);
- if(this.group){
- this.el.addClass(this.groupClass);
- }
-
- Roo.menu.MenuMgr.registerCheckable(this);
- if(this.checked){
- this.checked = false;
- this.setChecked(true, true);
- }
- },
-
-
- destroy : function(){
- if(this.rendered){
- Roo.menu.MenuMgr.unregisterCheckable(this);
- }
-
- Roo.menu.CheckItem.superclass.destroy.apply(this, arguments);
- },
-
-
-
- setChecked : function(B, C){
- if(this.checked != B && this.fireEvent("beforecheckchange", this, B) !== false){
- if(this.container){
- this.container[B ? "addClass" : "removeClass"]("x-menu-item-checked");
- }
-
- this.checked = B;
- if(C !== true){
- this.fireEvent("checkchange", this, B);
- }
- }
- },
-
-
- handleClick : function(e){
- if(!this.disabled && !(this.checked && this.group)){
- this.setChecked(!this.checked);
- }
-
- Roo.menu.CheckItem.superclass.handleClick.apply(this, arguments);
- }
-});
-
-
-
-
-
-Roo.menu.DateItem = function(A){
- Roo.menu.DateItem.superclass.constructor.call(this, new Roo.DatePicker(A), A);
-
-
- this.picker = this.component;
- this.addEvents({select: true});
-
- this.picker.on("render", function(B){
- B.getEl().swallowEvent("click");
- B.container.addClass("x-menu-date-item");
- });
-
- this.picker.on("select", this.onSelect, this);
-};
-
-Roo.extend(Roo.menu.DateItem, Roo.menu.Adapter, {
-
- onSelect : function(B, C){
- this.fireEvent("select", this, C, B);
- Roo.menu.DateItem.superclass.handleClick.call(this);
- }
-});
-
-
-
-
-
-Roo.menu.ColorItem = function(A){
- Roo.menu.ColorItem.superclass.constructor.call(this, new Roo.ColorPalette(A), A);
-
-
- this.palette = this.component;
- this.relayEvents(this.palette, ["select"]);
- if(this.selectHandler){
- this.on('select', this.selectHandler, this.scope);
- }
-};
-Roo.extend(Roo.menu.ColorItem, Roo.menu.Adapter);
-
-
-
-
-
-
-Roo.menu.DateMenu = function(A){
- Roo.menu.DateMenu.superclass.constructor.call(this, A);
- this.plain = true;
- var di = new Roo.menu.DateItem(A);
- this.add(di);
-
-
- this.picker = di.picker;
-
-
- this.relayEvents(di, ["select"]);
-
- this.on('beforeshow', function(){
- if(this.picker){
- this.picker.hideMonthPicker(true);
- }
- }, this);
-};
-Roo.extend(Roo.menu.DateMenu, Roo.menu.Menu, {
- cls:'x-date-menu'
-});
-
-
-
-
-
-
-Roo.menu.ColorMenu = function(A){
- Roo.menu.ColorMenu.superclass.constructor.call(this, A);
- this.plain = true;
- var ci = new Roo.menu.ColorItem(A);
- this.add(ci);
-
-
- this.palette = ci.palette;
-
-
- this.relayEvents(ci, ["select"]);
-};
-Roo.extend(Roo.menu.ColorMenu, Roo.menu.Menu);
-
-
-
-
-
-Roo.form.Field = function(A){
- Roo.form.Field.superclass.constructor.call(this, A);
-};
-
-Roo.extend(Roo.form.Field, Roo.BoxComponent, {
-
-
-
-
-
-
-
- invalidClass : "x-form-invalid",
-
-
- invalidText : "The value in this field is invalid",
-
-
- focusClass : "x-form-focus",
-
-
- validationEvent : "keyup",
-
-
- validateOnBlur : true,
-
-
- validationDelay : 250,
-
-
- defaultAutoCreate : {tag: "input", type: "text", size: "20", autocomplete: "off"},
-
-
- fieldClass : "x-form-field",
-
-
- msgTarget : 'qtip',
-
-
- msgFx : 'normal',
-
-
-
- readOnly : false,
-
-
-
- disabled : false,
-
-
-
- inputType : undefined,
-
-
-
- tabIndex : undefined,
-
-
- isFormField : true,
-
-
- hasFocus : false,
-
-
-
-
- value : undefined,
-
-
-
-
-
-
-
- initComponent : function(){
- Roo.form.Field.superclass.initComponent.call(this);
- this.addEvents({
-
-
- focus : true,
-
-
- blur : true,
-
-
- specialkey : true,
-
-
- change : true,
-
-
- invalid : true,
-
-
- valid : true
- });
- },
-
-
-
- getName: function(){
- return this.rendered && this.el.dom.name ? this.el.dom.name : (this.hiddenName || '');
- },
-
-
- onRender : function(ct, B){
- Roo.form.Field.superclass.onRender.call(this, ct, B);
- if(!this.el){
- var cfg = this.getAutoCreate();
- if(!cfg.name){
- cfg.name = this.name || this.id;
- }
- if(this.inputType){
- cfg.type = this.inputType;
- }
-
- this.el = ct.createChild(cfg, B);
- }
- var C = this.el.dom.type;
- if(C){
- if(C == 'password'){
- C = 'text';
- }
-
- this.el.addClass('x-form-'+C);
- }
- if(this.readOnly){
- this.el.dom.readOnly = true;
- }
- if(this.tabIndex !== undefined){
- this.el.dom.setAttribute('tabIndex', this.tabIndex);
- }
-
-
- this.el.addClass([this.fieldClass, this.cls]);
- this.initValue();
- },
-
-
-
- applyTo : function(D){
- this.allowDomMove = false;
- this.el = Roo.get(D);
- this.render(this.el.dom.parentNode);
- return this;
- },
-
-
- initValue : function(){
- if(this.value !== undefined){
- this.setValue(this.value);
- }else if(this.el.dom.value.length > 0){
- this.setValue(this.el.dom.value);
- }
- },
-
-
-
- isDirty : function() {
- if(this.disabled) {
- return false;
- }
- return String(this.getValue()) !== String(this.originalValue);
- },
-
-
- afterRender : function(){
- Roo.form.Field.superclass.afterRender.call(this);
- this.initEvents();
- },
-
-
- fireKey : function(e){
- if(e.isNavKeyPress()){
- this.fireEvent("specialkey", this, e);
- }
- },
-
-
-
- reset : function(){
- this.setValue(this.originalValue);
- this.clearInvalid();
- },
-
-
- initEvents : function(){
- this.el.on(Roo.isIE ? "keydown" : "keypress", this.fireKey, this);
- this.el.on("focus", this.onFocus, this);
- this.el.on("blur", this.onBlur, this);
-
-
- this.originalValue = this.getValue();
- },
-
-
- onFocus : function(){
- if(!Roo.isOpera && this.focusClass){
- this.el.addClass(this.focusClass);
- }
- if(!this.hasFocus){
- this.hasFocus = true;
- this.startValue = this.getValue();
- this.fireEvent("focus", this);
- }
- },
-
- beforeBlur : Roo.emptyFn,
-
-
- onBlur : function(){
- this.beforeBlur();
- if(!Roo.isOpera && this.focusClass){
- this.el.removeClass(this.focusClass);
- }
-
- this.hasFocus = false;
- if(this.validationEvent !== false && this.validateOnBlur && this.validationEvent != "blur"){
- this.validate();
- }
- var v = this.getValue();
- if(String(v) !== String(this.startValue)){
- this.fireEvent('change', this, v, this.startValue);
- }
-
- this.fireEvent("blur", this);
- },
-
-
-
- isValid : function(E){
- if(this.disabled){
- return true;
- }
- var F = this.preventMark;
- this.preventMark = E === true;
- var v = this.validateValue(this.processValue(this.getRawValue()));
- this.preventMark = F;
- return v;
- },
-
-
-
- validate : function(){
- if(this.disabled || this.validateValue(this.processValue(this.getRawValue()))){
- this.clearInvalid();
- return true;
- }
- return false;
- },
-
- processValue : function(G){
- return G;
- },
-
-
-
- validateValue : function(H){
- return true;
- },
-
-
-
- markInvalid : function(I){
- if(!this.rendered || this.preventMark){
- return;
- }
-
- this.el.addClass(this.invalidClass);
- I = I || this.invalidText;
- switch(this.msgTarget){
- case 'qtip':
- this.el.dom.qtip = I;
- this.el.dom.qclass = 'x-form-invalid-tip';
- if(Roo.QuickTips){
- Roo.QuickTips.enable();
- }
- break;
- case 'title':
- this.el.dom.title = I;
- break;
- case 'under':
- if(!this.errorEl){
- var elp = this.el.findParent('.x-form-element', 5, true);
- this.errorEl = elp.createChild({cls:'x-form-invalid-msg'});
- this.errorEl.setWidth(elp.getWidth(true)-20);
- }
-
- this.errorEl.update(I);
- Roo.form.Field.msgFx[this.msgFx].show(this.errorEl, this);
- break;
- case 'side':
- if(!this.errorIcon){
- var elp = this.el.findParent('.x-form-element', 5, true);
- this.errorIcon = elp.createChild({cls:'x-form-invalid-icon'});
- }
-
- this.alignErrorIcon();
- this.errorIcon.dom.qtip = I;
- this.errorIcon.dom.qclass = 'x-form-invalid-tip';
- this.errorIcon.show();
- this.on('resize', this.alignErrorIcon, this);
- break;
- default:
- var t = Roo.getDom(this.msgTarget);
- t.innerHTML = I;
- t.style.display = this.msgDisplay;
- break;
- }
-
- this.fireEvent('invalid', this, I);
- },
-
-
- alignErrorIcon : function(){
- this.errorIcon.alignTo(this.el, 'tl-tr', [2, 0]);
- },
-
-
-
- clearInvalid : function(){
- if(!this.rendered || this.preventMark){
- return;
- }
-
- this.el.removeClass(this.invalidClass);
- switch(this.msgTarget){
- case 'qtip':
- this.el.dom.qtip = '';
- break;
- case 'title':
- this.el.dom.title = '';
- break;
- case 'under':
- if(this.errorEl){
- Roo.form.Field.msgFx[this.msgFx].hide(this.errorEl, this);
- }
- break;
- case 'side':
- if(this.errorIcon){
- this.errorIcon.dom.qtip = '';
- this.errorIcon.hide();
- this.un('resize', this.alignErrorIcon, this);
- }
- break;
- default:
- var t = Roo.getDom(this.msgTarget);
- t.innerHTML = '';
- t.style.display = 'none';
- break;
- }
-
- this.fireEvent('valid', this);
- },
-
-
-
- getRawValue : function(){
- var v = this.el.getValue();
- if(v === this.emptyText){
- v = '';
- }
- return v;
- },
-
-
-
- getValue : function(){
- var v = this.el.getValue();
- if(v === this.emptyText || v === undefined){
- v = '';
- }
- return v;
- },
-
-
-
- setRawValue : function(v){
- return this.el.dom.value = (v === null || v === undefined ? '' : v);
- },
-
-
-
- setValue : function(v){
- this.value = v;
- if(this.rendered){
- this.el.dom.value = (v === null || v === undefined ? '' : v);
- this.validate();
- }
- },
-
- adjustSize : function(w, h){
- var s = Roo.form.Field.superclass.adjustSize.call(this, w, h);
- s.width = this.adjustWidth(this.el.dom.tagName, s.width);
- return s;
- },
-
- adjustWidth : function(J, w){
- J = J.toLowerCase();
- if(typeof w == 'number' && Roo.isStrict && !Roo.isSafari){
- if(Roo.isIE && (J == 'input' || J == 'textarea')){
- if(J == 'input'){
- return w + 2;
- }
- if(J = 'textarea'){
- return w-2;
- }
- }else if(Roo.isOpera){
- if(J == 'input'){
- return w + 2;
- }
- if(J = 'textarea'){
- return w-2;
- }
- }
- }
- return w;
- }
-});
-
-
-
-Roo.form.Field.msgFx = {
- normal : {
- show: function(K, f){
- K.setDisplayed('block');
- },
-
- hide : function(L, f){
- L.setDisplayed(false).update('');
- }
- },
-
- slide : {
- show: function(M, f){
- M.slideIn('t', {stopFx:true});
- },
-
- hide : function(N, f){
- N.slideOut('t', {stopFx:true,useDisplay:true});
- }
- },
-
- slideRight : {
- show: function(O, f){
- O.fixDisplay();
- O.alignTo(f.el, 'tl-tr');
- O.slideIn('l', {stopFx:true});
- },
-
- hide : function(P, f){
- P.slideOut('l', {stopFx:true,useDisplay:true});
- }
- }
-};
-
-
-
-
-
-
-Roo.form.TextField = function(A){
- Roo.form.TextField.superclass.constructor.call(this, A);
- this.addEvents({
-
-
- autosize : true
- });
-};
-
-Roo.extend(Roo.form.TextField, Roo.form.Field, {
-
-
- grow : false,
-
-
- growMin : 30,
-
-
- growMax : 800,
-
-
- vtype : null,
-
-
- maskRe : null,
-
-
- disableKeyFilter : false,
-
-
- allowBlank : true,
-
-
- minLength : 0,
-
-
- maxLength : Number.MAX_VALUE,
-
-
- minLengthText : "The minimum length for this field is {0}",
-
-
- maxLengthText : "The maximum length for this field is {0}",
-
-
- selectOnFocus : false,
-
-
- blankText : "This field is required",
-
-
- validator : null,
-
-
- regex : null,
-
-
- regexText : "",
-
-
- emptyText : null,
-
-
- emptyClass : 'x-form-empty-field',
-
-
- initEvents : function(){
- Roo.form.TextField.superclass.initEvents.call(this);
- if(this.validationEvent == 'keyup'){
- this.validationTask = new Roo.util.DelayedTask(this.validate, this);
- this.el.on('keyup', this.filterValidation, this);
- }
- else if(this.validationEvent !== false){
- this.el.on(this.validationEvent, this.validate, this, {buffer: this.validationDelay});
- }
- if(this.selectOnFocus || this.emptyText){
- this.on("focus", this.preFocus, this);
- if(this.emptyText){
- this.on('blur', this.postBlur, this);
- this.applyEmptyText();
- }
- }
- if(this.maskRe || (this.vtype && this.disableKeyFilter !== true && (this.maskRe = Roo.form.VTypes[this.vtype+'Mask']))){
- this.el.on("keypress", this.filterKeys, this);
- }
- if(this.grow){
- this.el.on("keyup", this.onKeyUp, this, {buffer:50});
- this.el.on("click", this.autoSize, this);
- }
- },
-
- processValue : function(B){
- if(this.stripCharsRe){
- var newValue = B.replace(this.stripCharsRe, '');
- if(newValue !== B){
- this.setRawValue(newValue);
- return newValue;
- }
- }
- return B;
- },
-
- filterValidation : function(e){
- if(!e.isNavKeyPress()){
- this.validationTask.delay(this.validationDelay);
- }
- },
-
-
- onKeyUp : function(e){
- if(!e.isNavKeyPress()){
- this.autoSize();
- }
- },
-
-
-
- reset : function(){
- Roo.form.TextField.superclass.reset.call(this);
- this.applyEmptyText();
- },
-
- applyEmptyText : function(){
- if(this.rendered && this.emptyText && this.getRawValue().length < 1){
- this.setRawValue(this.emptyText);
- this.el.addClass(this.emptyClass);
- }
- },
-
-
- preFocus : function(){
- if(this.emptyText){
- if(this.el.dom.value == this.emptyText){
- this.setRawValue('');
- }
-
- this.el.removeClass(this.emptyClass);
- }
- if(this.selectOnFocus){
- this.el.dom.select();
- }
- },
-
-
- postBlur : function(){
- this.applyEmptyText();
- },
-
-
- filterKeys : function(e){
- var k = e.getKey();
- if(!Roo.isIE && (e.isNavKeyPress() || k == e.BACKSPACE || (k == e.DELETE && e.button == -1))){
- return;
- }
- var c = e.getCharCode(), cc = String.fromCharCode(c);
- if(Roo.isIE && (e.isSpecialKey() || !cc)){
- return;
- }
- if(!this.maskRe.test(cc)){
- e.stopEvent();
- }
- },
-
- setValue : function(v){
- if(this.emptyText && this.el && v !== undefined && v !== null && v !== ''){
- this.el.removeClass(this.emptyClass);
- }
-
- Roo.form.TextField.superclass.setValue.apply(this, arguments);
- this.applyEmptyText();
- this.autoSize();
- },
-
-
-
- validateValue : function(C){
- if(C.length < 1 || C === this.emptyText){
- if(this.allowBlank){
- this.clearInvalid();
- return true;
- }else {
- this.markInvalid(this.blankText);
- return false;
- }
- }
- if(C.length < this.minLength){
- this.markInvalid(String.format(this.minLengthText, this.minLength));
- return false;
- }
- if(C.length > this.maxLength){
- this.markInvalid(String.format(this.maxLengthText, this.maxLength));
- return false;
- }
- if(this.vtype){
- var vt = Roo.form.VTypes;
- if(!vt[this.vtype](C, this)){
- this.markInvalid(this.vtypeText || vt[this.vtype +'Text']);
- return false;
- }
- }
- if(typeof this.validator == "function"){
- var msg = this.validator(C);
- if(msg !== true){
- this.markInvalid(msg);
- return false;
- }
- }
- if(this.regex && !this.regex.test(C)){
- this.markInvalid(this.regexText);
- return false;
- }
- return true;
- },
-
-
-
- selectText : function(D, E){
- var v = this.getRawValue();
- if(v.length > 0){
- D = D === undefined ? 0 : D;
- E = E === undefined ? v.length : E;
- var d = this.el.dom;
- if(d.setSelectionRange){
- d.setSelectionRange(D, E);
- }else if(d.createTextRange){
- var range = d.createTextRange();
- range.moveStart("character", D);
- range.moveEnd("character", v.length-E);
- range.select();
- }
- }
- },
-
-
-
- autoSize : function(){
- if(!this.grow || !this.rendered){
- return;
- }
- if(!this.metrics){
- this.metrics = Roo.util.TextMetrics.createInstance(this.el);
- }
- var el = this.el;
- var v = el.dom.value;
- var d = document.createElement('div');
- d.appendChild(document.createTextNode(v));
- v = d.innerHTML;
- d = null;
- v += " ";
- var w = Math.min(this.growMax, Math.max(this.metrics.getWidth(v) +
- 10, this.growMin));
- this.el.setWidth(w);
- this.fireEvent("autosize", this, w);
- }
-});
-
-
-
-
-
-
-
-
-
-Roo.form.Hidden = function(A){
- Roo.form.Hidden.superclass.constructor.call(this, A);
-};
-
-Roo.extend(Roo.form.Hidden, Roo.form.TextField, {
- fieldLabel: '',
- inputType: 'hidden',
- width: 50,
- allowBlank: true,
- labelSeparator: '',
- hidden: true,
- itemCls : 'x-form-item-display-none'
-
-
-});
-
-
-
-
-
-
-
-
-Roo.form.TriggerField = function(A){
- this.mimicing = false;
- Roo.form.TriggerField.superclass.constructor.call(this, A);
-};
-
-Roo.extend(Roo.form.TriggerField, Roo.form.TextField, {
-
-
-
-
- defaultAutoCreate : {tag: "input", type: "text", size: "16", autocomplete: "off"},
-
-
- hideTrigger:false,
-
-
-
-
-
-
-
-
-
-
- autoSize: Roo.emptyFn,
-
- monitorTab : true,
-
- deferHeight : true,
-
-
- actionMode : 'wrap',
-
- onResize : function(w, h){
- Roo.form.TriggerField.superclass.onResize.apply(this, arguments);
- if(typeof w == 'number'){
- this.el.setWidth(this.adjustWidth('input', w - this.trigger.getWidth()));
- }
- },
-
-
- adjustSize : Roo.BoxComponent.prototype.adjustSize,
-
-
- getResizeEl : function(){
- return this.wrap;
- },
-
-
- getPositionEl : function(){
- return this.wrap;
- },
-
-
- alignErrorIcon : function(){
- this.errorIcon.alignTo(this.wrap, 'tl-tr', [2, 0]);
- },
-
-
- onRender : function(ct, B){
- Roo.form.TriggerField.superclass.onRender.call(this, ct, B);
- this.wrap = this.el.wrap({cls: "x-form-field-wrap"});
- this.trigger = this.wrap.createChild(this.triggerConfig ||
- {tag: "img", src: Roo.BLANK_IMAGE_URL, cls: "x-form-trigger " + this.triggerClass});
- if(this.hideTrigger){
- this.trigger.setDisplayed(false);
- }
-
- this.initTrigger();
- if(!this.width){
- this.wrap.setWidth(this.el.getWidth()+this.trigger.getWidth());
- }
- },
-
-
- initTrigger : function(){
- this.trigger.on("click", this.onTriggerClick, this, {preventDefault:true});
- this.trigger.addClassOnOver('x-form-trigger-over');
- this.trigger.addClassOnClick('x-form-trigger-click');
- },
-
-
- onDestroy : function(){
- if(this.trigger){
- this.trigger.removeAllListeners();
- this.trigger.remove();
- }
- if(this.wrap){
- this.wrap.remove();
- }
-
- Roo.form.TriggerField.superclass.onDestroy.call(this);
- },
-
-
- onFocus : function(){
- Roo.form.TriggerField.superclass.onFocus.call(this);
- if(!this.mimicing){
- this.wrap.addClass('x-trigger-wrap-focus');
- this.mimicing = true;
- Roo.get(Roo.isIE ? document.body : document).on("mousedown", this.mimicBlur, this);
- if(this.monitorTab){
- this.el.on("keydown", this.checkTab, this);
- }
- }
- },
-
-
- checkTab : function(e){
- if(e.getKey() == e.TAB){
- this.triggerBlur();
- }
- },
-
-
- onBlur : function(){
-
- },
-
-
- mimicBlur : function(e, t){
- if(!this.wrap.contains(t) && this.validateBlur()){
- this.triggerBlur();
- }
- },
-
-
- triggerBlur : function(){
- this.mimicing = false;
- Roo.get(Roo.isIE ? document.body : document).un("mousedown", this.mimicBlur);
- if(this.monitorTab){
- this.el.un("keydown", this.checkTab, this);
- }
-
- this.wrap.removeClass('x-trigger-wrap-focus');
- Roo.form.TriggerField.superclass.onBlur.call(this);
- },
-
-
-
- validateBlur : function(e, t){
- return true;
- },
-
-
- onDisable : function(){
- Roo.form.TriggerField.superclass.onDisable.call(this);
- if(this.wrap){
- this.wrap.addClass('x-item-disabled');
- }
- },
-
-
- onEnable : function(){
- Roo.form.TriggerField.superclass.onEnable.call(this);
- if(this.wrap){
- this.wrap.removeClass('x-item-disabled');
- }
- },
-
-
- onShow : function(){
- var ae = this.getActionEl();
-
- if(ae){
- ae.dom.style.display = '';
- ae.dom.style.visibility = 'visible';
- }
- },
-
-
-
- onHide : function(){
- var ae = this.getActionEl();
- ae.dom.style.display = 'none';
- },
-
-
-
- onTriggerClick : Roo.emptyFn
-});
-
-
-
-
-Roo.form.TwinTriggerField = Roo.extend(Roo.form.TriggerField, {
- initComponent : function(){
- Roo.form.TwinTriggerField.superclass.initComponent.call(this);
-
- this.triggerConfig = {
- tag:'span', cls:'x-form-twin-triggers', cn:[
- {tag: "img", src: Roo.BLANK_IMAGE_URL, cls: "x-form-trigger " + this.trigger1Class},
- {tag: "img", src: Roo.BLANK_IMAGE_URL, cls: "x-form-trigger " + this.trigger2Class}
- ]};
- },
-
- getTrigger : function(C){
- return this.triggers[C];
- },
-
- initTrigger : function(){
- var ts = this.trigger.select('.x-form-trigger', true);
- this.wrap.setStyle('overflow', 'hidden');
- var D = this;
- ts.each(function(t, E, F){
- t.hide = function(){
- var w = D.wrap.getWidth();
- this.dom.style.display = 'none';
- D.el.setWidth(w-D.trigger.getWidth());
- };
- t.show = function(){
- var w = D.wrap.getWidth();
- this.dom.style.display = '';
- D.el.setWidth(w-D.trigger.getWidth());
- };
- var G = 'Trigger'+(F+1);
-
- if(this['hide'+G]){
- t.dom.style.display = 'none';
- }
-
- t.on("click", this['on'+G+'Click'], this, {preventDefault:true});
- t.addClassOnOver('x-form-trigger-over');
- t.addClassOnClick('x-form-trigger-click');
- }, this);
- this.triggers = ts.elements;
- },
-
- onTrigger1Click : Roo.emptyFn,
- onTrigger2Click : Roo.emptyFn
-});
-
-
-
-
-
-Roo.form.TextArea = function(A){
- Roo.form.TextArea.superclass.constructor.call(this, A);
-
-
-
- if(this.minHeight !== undefined){
- this.growMin = this.minHeight;
- }
- if(this.maxHeight !== undefined){
- this.growMax = this.maxHeight;
- }
-};
-
-Roo.extend(Roo.form.TextArea, Roo.form.TextField, {
-
-
- growMin : 60,
-
-
- growMax: 1000,
-
-
- preventScrollbars: false,
-
-
-
-
- onRender : function(ct, B){
- if(!this.el){
- this.defaultAutoCreate = {
- tag: "textarea",
- style:"width:300px;height:60px;",
- autocomplete: "off"
- };
- }
-
- Roo.form.TextArea.superclass.onRender.call(this, ct, B);
- if(this.grow){
- this.textSizeEl = Roo.DomHelper.append(document.body, {
- tag: "pre", cls: "x-form-grow-sizer"
- });
- if(this.preventScrollbars){
- this.el.setStyle("overflow", "hidden");
- }
-
- this.el.setHeight(this.growMin);
- }
- },
-
- onDestroy : function(){
- if(this.textSizeEl){
- this.textSizeEl.parentNode.removeChild(this.textSizeEl);
- }
-
- Roo.form.TextArea.superclass.onDestroy.call(this);
- },
-
-
- onKeyUp : function(e){
- if(!e.isNavKeyPress() || e.getKey() == e.ENTER){
- this.autoSize();
- }
- },
-
-
-
- autoSize : function(){
- if(!this.grow || !this.textSizeEl){
- return;
- }
- var el = this.el;
- var v = el.dom.value;
- var ts = this.textSizeEl;
-
- ts.innerHTML = '';
- ts.appendChild(document.createTextNode(v));
- v = ts.innerHTML;
-
- Roo.fly(ts).setWidth(this.el.getWidth());
- if(v.length < 1){
- v = "  ";
- }else {
- if(Roo.isIE){
- v = v.replace(/\n/g, '<p> </p>');
- }
-
- v += " \n ";
- }
-
- ts.innerHTML = v;
- var h = Math.min(this.growMax, Math.max(ts.offsetHeight, this.growMin));
- if(h != this.lastHeight){
- this.lastHeight = h;
- this.el.setHeight(h);
- this.fireEvent("autosize", this, h);
- }
- }
-});
-
-
-
-
-
-
-Roo.form.NumberField = function(A){
- Roo.form.NumberField.superclass.constructor.call(this, A);
-};
-
-Roo.extend(Roo.form.NumberField, Roo.form.TextField, {
-
-
- fieldClass: "x-form-field x-form-num-field",
-
-
- allowDecimals : true,
-
-
- decimalSeparator : ".",
-
-
- decimalPrecision : 2,
-
-
- allowNegative : true,
-
-
- minValue : Number.NEGATIVE_INFINITY,
-
-
- maxValue : Number.MAX_VALUE,
-
-
- minText : "The minimum value for this field is {0}",
-
-
- maxText : "The maximum value for this field is {0}",
-
-
- nanText : "{0} is not a valid number",
-
-
- initEvents : function(){
- Roo.form.NumberField.superclass.initEvents.call(this);
- var B = "0123456789";
- if(this.allowDecimals){
- B += this.decimalSeparator;
- }
- if(this.allowNegative){
- B += "-";
- }
-
- this.stripCharsRe = new RegExp('[^'+B+']', 'gi');
- var C = function(e){
- var k = e.getKey();
- if(!Roo.isIE && (e.isSpecialKey() || k == e.BACKSPACE || k == e.DELETE )){
- return;
- }
- var c = e.getCharCode();
- if(B.indexOf(String.fromCharCode(c)) === -1){
- e.stopEvent();
- }
- };
- this.el.on("keypress", C, this);
- },
-
-
- validateValue : function(D){
- if(!Roo.form.NumberField.superclass.validateValue.call(this, D)){
- return false;
- }
- if(D.length < 1){
- return true;
- }
- var E = this.parseValue(D);
- if(isNaN(E)){
- this.markInvalid(String.format(this.nanText, D));
- return false;
- }
- if(E < this.minValue){
- this.markInvalid(String.format(this.minText, this.minValue));
- return false;
- }
- if(E > this.maxValue){
- this.markInvalid(String.format(this.maxText, this.maxValue));
- return false;
- }
- return true;
- },
-
- getValue : function(){
- return this.fixPrecision(this.parseValue(Roo.form.NumberField.superclass.getValue.call(this)));
- },
-
-
- parseValue : function(F){
- F = parseFloat(String(F).replace(this.decimalSeparator, "."));
- return isNaN(F) ? '' : F;
- },
-
-
- fixPrecision : function(G){
- var H = isNaN(G);
- if(!this.allowDecimals || this.decimalPrecision == -1 || H || !G){
- return H ? '' : G;
- }
- return parseFloat(G).toFixed(this.decimalPrecision);
- },
-
- setValue : function(v){
- Roo.form.NumberField.superclass.setValue.call(this, String(v).replace(".", this.decimalSeparator));
- },
-
-
- decimalPrecisionFcn : function(v){
- return Math.floor(v);
- },
-
- beforeBlur : function(){
- var v = this.parseValue(this.getRawValue());
- if(v){
- this.setValue(this.fixPrecision(v));
- }
- }
-});
-
-
-
-
-
-Roo.form.DateField = function(A){
- Roo.form.DateField.superclass.constructor.call(this, A);
-
- this.addEvents({
-
-
-
- 'select' : true
-
- });
-
-
- if(typeof this.minValue == "string") this.minValue = this.parseDate(this.minValue);
- if(typeof this.maxValue == "string") this.maxValue = this.parseDate(this.maxValue);
- this.ddMatch = null;
- if(this.disabledDates){
- var dd = this.disabledDates;
- var re = "(?:";
- for(var i = 0; i < dd.length; i++){
- re += dd[i];
- if(i != dd.length-1) re += "|";
- }
-
- this.ddMatch = new RegExp(re + ")");
- }
-};
-
-Roo.extend(Roo.form.DateField, Roo.form.TriggerField, {
-
-
- format : "m/d/y",
-
-
- altFormats : "m/d/Y|m-d-y|m-d-Y|m/d|m-d|md|mdy|mdY|d",
-
-
- disabledDays : null,
-
-
- disabledDaysText : "Disabled",
-
-
- disabledDates : null,
-
-
- disabledDatesText : "Disabled",
-
-
- minValue : null,
-
-
- maxValue : null,
-
-
- minText : "The date in this field must be equal to or after {0}",
-
-
- maxText : "The date in this field must be equal to or before {0}",
-
-
- invalidText : "{0} is not a valid date - it must be in the format {1}",
-
-
- triggerClass : 'x-form-date-trigger',
-
-
-
-
- useIso : false,
-
-
-
- defaultAutoCreate : {tag: "input", type: "text", size: "10", autocomplete: "off"},
-
-
- hiddenField: false,
-
- onRender : function(ct, B)
- {
- Roo.form.DateField.superclass.onRender.call(this, ct, B);
- if (this.useIso) {
- this.el.dom.removeAttribute('name');
- this.hiddenField = this.el.insertSibling({ tag:'input', type:'hidden', name: this.name },
- 'before', true);
- this.hiddenField.value = this.formatDate(this.value, 'Y-m-d');
-
- this.hiddenName = this.name;
- }
-
-
- },
-
-
- validateValue : function(C)
- {
- C = this.formatDate(C);
- if(!Roo.form.DateField.superclass.validateValue.call(this, C)){
- return false;
- }
- if(C.length < 1){
- return true;
- }
- var D = C;
- C = this.parseDate(C);
- if(!C){
- this.markInvalid(String.format(this.invalidText, D, this.format));
- return false;
- }
- var E = C.getTime();
- if(this.minValue && E < this.minValue.getTime()){
- this.markInvalid(String.format(this.minText, this.formatDate(this.minValue)));
- return false;
- }
- if(this.maxValue && E > this.maxValue.getTime()){
- this.markInvalid(String.format(this.maxText, this.formatDate(this.maxValue)));
- return false;
- }
- if(this.disabledDays){
- var day = C.getDay();
- for(var i = 0; i < this.disabledDays.length; i++) {
- if(day === this.disabledDays[i]){
- this.markInvalid(this.disabledDaysText);
- return false;
- }
- }
- }
- var F = this.formatDate(C);
- if(this.ddMatch && this.ddMatch.test(F)){
- this.markInvalid(String.format(this.disabledDatesText, F));
- return false;
- }
- return true;
- },
-
-
-
- validateBlur : function(){
- return !this.menu || !this.menu.isVisible();
- },
-
-
-
- getValue : function(){
-
- return this.hiddenField ? this.hiddenField.value : this.parseDate(Roo.form.DateField.superclass.getValue.call(this)) || "";
- },
-
-
-
- setValue : function(G){
- if (this.hiddenField) {
- this.hiddenField.value = this.formatDate(this.parseDate(G), 'Y-m-d');
- }
-
- Roo.form.DateField.superclass.setValue.call(this, this.formatDate(this.parseDate(G)));
- },
-
-
- parseDate : function(H){
- if(!H || H instanceof Date){
- return H;
- }
- var v = Date.parseDate(H, this.format);
- if(!v && this.altFormats){
- if(!this.altFormatsArray){
- this.altFormatsArray = this.altFormats.split("|");
- }
- for(var i = 0, len = this.altFormatsArray.length; i < len && !v; i++){
- v = Date.parseDate(H, this.altFormatsArray[i]);
- }
- }
- return v;
- },
-
-
- formatDate : function(I, J){
- return (!I || !(I instanceof Date)) ?
- I : I.dateFormat(J || this.format);
- },
-
-
- menuListeners : {
- select: function(m, d){
- this.setValue(d);
- this.fireEvent('select', this, d);
- },
- show : function(){
- this.onFocus();
- },
- hide : function(){
- this.focus.defer(10, this);
- var ml = this.menuListeners;
- this.menu.un("select", ml.select, this);
- this.menu.un("show", ml.show, this);
- this.menu.un("hide", ml.hide, this);
- }
- },
-
-
-
- onTriggerClick : function(){
- if(this.disabled){
- return;
- }
- if(this.menu == null){
- this.menu = new Roo.menu.DateMenu();
- }
-
- Roo.apply(this.menu.picker, {
- showClear: this.allowBlank,
- minDate : this.minValue,
- maxDate : this.maxValue,
- disabledDatesRE : this.ddMatch,
- disabledDatesText : this.disabledDatesText,
- disabledDays : this.disabledDays,
- disabledDaysText : this.disabledDaysText,
- format : this.format,
- minText : String.format(this.minText, this.formatDate(this.minValue)),
- maxText : String.format(this.maxText, this.formatDate(this.maxValue))
- });
- this.menu.on(Roo.apply({}, this.menuListeners, {
- scope:this
- }));
- this.menu.picker.setValue(this.getValue() || new Date());
- this.menu.show(this.el, "tl-bl?");
- },
-
- beforeBlur : function(){
- var v = this.parseDate(this.getRawValue());
- if(v){
- this.setValue(v);
- }
- }
-
-
-
-
-
-
-
-
-
-});
-
-
-
-
-
-
-Roo.form.ComboBox = function(A){
- Roo.form.ComboBox.superclass.constructor.call(this, A);
- this.addEvents({
-
-
- 'expand' : true,
-
-
- 'collapse' : true,
-
-
- 'beforeselect' : true,
-
-
- 'select' : true,
-
-
- 'beforequery': true
- });
- if(this.transform){
- this.allowDomMove = false;
- var s = Roo.getDom(this.transform);
- if(!this.hiddenName){
- this.hiddenName = s.name;
- }
- if(!this.store){
- this.mode = 'local';
- var d = [], opts = s.options;
- for(var i = 0, len = opts.length;i < len; i++){
- var o = opts[i];
- var value = (Roo.isIE ? o.getAttributeNode('value').specified : o.hasAttribute('value')) ? o.value : o.text;
- if(o.selected) {
- this.value = value;
- }
-
- d.push([value, o.text]);
- }
-
- this.store = new Roo.data.SimpleStore({
- 'id': 0,
- fields: ['value', 'text'],
- data : d
- });
- this.valueField = 'value';
- this.displayField = 'text';
- }
-
- s.name = Roo.id();
- if(!this.lazyRender){
- this.target = true;
- this.el = Roo.DomHelper.insertBefore(s, this.autoCreate || this.defaultAutoCreate);
- s.parentNode.removeChild(s);
- this.render(this.el.parentNode);
- }else {
- s.parentNode.removeChild(s);
- }
-
- }
- if (this.store) {
- this.store = Roo.factory(this.store, Roo.data);
- }
-
-
- this.selectedIndex = -1;
- if(this.mode == 'local'){
- if(A.queryDelay === undefined){
- this.queryDelay = 10;
- }
- if(A.minChars === undefined){
- this.minChars = 0;
- }
- }
-};
-
-Roo.extend(Roo.form.ComboBox, Roo.form.TriggerField, {
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- defaultAutoCreate : {tag: "input", type: "text", size: "24", autocomplete: "off"},
-
-
- listWidth: undefined,
-
-
- displayField: undefined,
-
-
- valueField: undefined,
-
-
- hiddenName: undefined,
-
-
- listClass: '',
-
-
- selectedClass: 'x-combo-selected',
-
-
- triggerClass : 'x-form-arrow-trigger',
-
-
- shadow:'sides',
-
-
- listAlign: 'tl-bl?',
-
-
- maxHeight: 300,
-
-
- triggerAction: 'query',
-
-
- minChars : 4,
-
-
- typeAhead: false,
-
-
- queryDelay: 500,
-
-
- pageSize: 0,
-
-
- selectOnFocus:false,
-
-
- queryParam: 'query',
-
-
- loadingText: 'Loading...',
-
-
- resizable: false,
-
-
- handleHeight : 8,
-
-
- editable: true,
-
-
- allQuery: '',
-
-
- mode: 'remote',
-
-
- minListWidth : 70,
-
-
- forceSelection:false,
-
-
- typeAheadDelay : 250,
-
-
- valueNotFoundText : undefined,
-
-
- blockFocus : false,
-
-
-
- disableClear : false,
-
-
- onRender : function(ct, B){
- Roo.form.ComboBox.superclass.onRender.call(this, ct, B);
- if(this.hiddenName){
- this.hiddenField = this.el.insertSibling({tag:'input', type:'hidden', name: this.hiddenName, id: (this.hiddenId||this.hiddenName)},
- 'before', true);
- this.hiddenField.value =
- this.hiddenValue !== undefined ? this.hiddenValue :
- this.value !== undefined ? this.value : '';
-
-
- this.el.dom.removeAttribute('name');
- }
- if(Roo.isGecko){
- this.el.dom.setAttribute('autocomplete', 'off');
- }
-
- var C = 'x-combo-list';
-
- this.list = new Roo.Layer({
- shadow: this.shadow, cls: [C, this.listClass].join(' '), constrain:false
- });
-
- var lw = this.listWidth || Math.max(this.wrap.getWidth(), this.minListWidth);
- this.list.setWidth(lw);
- this.list.swallowEvent('mousewheel');
- this.assetHeight = 0;
-
- if(this.title){
- this.header = this.list.createChild({cls:C+'-hd', html: this.title});
- this.assetHeight += this.header.getHeight();
- }
-
-
- this.innerList = this.list.createChild({cls:C+'-inner'});
- this.innerList.on('mouseover', this.onViewOver, this);
- this.innerList.on('mousemove', this.onViewMove, this);
- this.innerList.setWidth(lw - this.list.getFrameWidth('lr'));
-
- if(this.allowBlank && !this.pageSize && !this.disableClear){
- this.footer = this.list.createChild({cls:C+'-ft'});
- this.pageTb = new Roo.Toolbar(this.footer);
-
- }
- if(this.pageSize){
- this.footer = this.list.createChild({cls:C+'-ft'});
- this.pageTb = new Roo.PagingToolbar(this.footer, this.store,
- {pageSize: this.pageSize});
-
- }
-
- if (this.pageTb && this.allowBlank && !this.disableClear) {
- var _this = this;
- this.pageTb.add(new Roo.Toolbar.Fill(), {
- cls: 'x-btn-icon x-btn-clear',
- text: ' ',
- handler: function()
- {
- _this.collapse();
- _this.clearValue();
- _this.onSelect(false, -1);
- }
- });
- }
- if (this.footer) {
- this.assetHeight += this.footer.getHeight();
- }
-
-
- if(!this.tpl){
- this.tpl = '<div class="'+C+'-item">{' + this.displayField + '}</div>';
- }
-
-
- this.view = new Roo.View(this.innerList, this.tpl, {
- singleSelect:true, store: this.store, selectedClass: this.selectedClass
- });
-
- this.view.on('click', this.onViewClick, this);
-
- this.store.on('beforeload', this.onBeforeLoad, this);
- this.store.on('load', this.onLoad, this);
- this.store.on('loadexception', this.collapse, this);
-
- if(this.resizable){
- this.resizer = new Roo.Resizable(this.list, {
- pinned:true, handles:'se'
- });
- this.resizer.on('resize', function(r, w, h){
- this.maxHeight = h-this.handleHeight-this.list.getFrameWidth('tb')-this.assetHeight;
- this.listWidth = w;
- this.innerList.setWidth(w - this.list.getFrameWidth('lr'));
- this.restrictHeight();
- }, this);
- this[this.pageSize?'footer':'innerList'].setStyle('margin-bottom', this.handleHeight+'px');
- }
- if(!this.editable){
- this.editable = true;
- this.setEditable(false);
- }
- },
-
-
- initEvents : function(){
- Roo.form.ComboBox.superclass.initEvents.call(this);
-
- this.keyNav = new Roo.KeyNav(this.el, {
- "up" : function(e){
- this.inKeyMode = true;
- this.selectPrev();
- },
-
- "down" : function(e){
- if(!this.isExpanded()){
- this.onTriggerClick();
- }else {
- this.inKeyMode = true;
- this.selectNext();
- }
- },
-
- "enter" : function(e){
- this.onViewClick();
-
- },
-
- "esc" : function(e){
- this.collapse();
- },
-
- "tab" : function(e){
- this.onViewClick(false);
- return true;
- },
-
- scope : this,
-
- doRelay : function(D, E, F){
- if(F == 'down' || this.scope.isExpanded()){
- return Roo.KeyNav.prototype.doRelay.apply(this, arguments);
- }
- return true;
- },
-
- forceKeyDown: true
- });
- this.queryDelay = Math.max(this.queryDelay || 10,
- this.mode == 'local' ? 10 : 250);
- this.dqTask = new Roo.util.DelayedTask(this.initQuery, this);
- if(this.typeAhead){
- this.taTask = new Roo.util.DelayedTask(this.onTypeAhead, this);
- }
- if(this.editable !== false){
- this.el.on("keyup", this.onKeyUp, this);
- }
- if(this.forceSelection){
- this.on('blur', this.doForce, this);
- }
- },
-
- onDestroy : function(){
- if(this.view){
- this.view.setStore(null);
- this.view.el.removeAllListeners();
- this.view.el.remove();
- this.view.purgeListeners();
- }
- if(this.list){
- this.list.destroy();
- }
- if(this.store){
- this.store.un('beforeload', this.onBeforeLoad, this);
- this.store.un('load', this.onLoad, this);
- this.store.un('loadexception', this.collapse, this);
- }
-
- Roo.form.ComboBox.superclass.onDestroy.call(this);
- },
-
-
- fireKey : function(e){
- if(e.isNavKeyPress() && !this.list.isVisible()){
- this.fireEvent("specialkey", this, e);
- }
- },
-
-
- onResize: function(w, h){
- Roo.form.ComboBox.superclass.onResize.apply(this, arguments);
- if(this.list && this.listWidth === undefined){
- var lw = Math.max(w, this.minListWidth);
- this.list.setWidth(lw);
- this.innerList.setWidth(lw - this.list.getFrameWidth('lr'));
- }
- },
-
-
-
- setEditable : function(D){
- if(D == this.editable){
- return;
- }
-
- this.editable = D;
- if(!D){
- this.el.dom.setAttribute('readOnly', true);
- this.el.on('mousedown', this.onTriggerClick, this);
- this.el.addClass('x-combo-noedit');
- }else {
- this.el.dom.setAttribute('readOnly', false);
- this.el.un('mousedown', this.onTriggerClick, this);
- this.el.removeClass('x-combo-noedit');
- }
- },
-
-
- onBeforeLoad : function(){
- if(!this.hasFocus){
- return;
- }
-
- this.innerList.update(this.loadingText ?
- '<div class="loading-indicator">'+this.loadingText+'</div>' : '');
- 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 != Roo.EventObject.BACKSPACE && this.lastKey != Roo.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(E, F){
- if(this.fireEvent('beforeselect', this, E, F) !== false){
- this.setFromData(F > -1 ? E.data : false);
- this.collapse();
- this.fireEvent('select', this, E, F);
- }
- },
-
-
-
- getValue : function(){
- if(this.valueField){
- return typeof this.value != 'undefined' ? this.value : '';
- }else {
- return Roo.form.ComboBox.superclass.getValue.call(this);
- }
- },
-
-
-
- clearValue : function(){
- if(this.hiddenField){
- this.hiddenField.value = '';
- }
-
- this.value = '';
- this.setRawValue('');
- this.lastSelectionText = '';
- this.applyEmptyText();
- },
-
-
-
- setValue : function(v){
- var G = v;
- if(this.valueField){
- var r = this.findRecord(this.valueField, v);
- if(r){
- G = r.data[this.displayField];
- }else if(this.valueNotFoundText !== undefined){
- G = this.valueNotFoundText;
- }
- }
-
- this.lastSelectionText = G;
- if(this.hiddenField){
- this.hiddenField.value = v;
- }
-
- Roo.form.ComboBox.superclass.setValue.call(this, G);
- this.value = v;
- },
-
-
-
- lastData : false,
-
-
- setFromData : function(o){
- var dv = '';
- var vv = '';
- this.lastData = o;
- if (this.displayField) {
- dv = !o || typeof(o[this.displayField]) == 'undefined' ? '' : o[this.displayField];
- } else {
-
- console.log('no value field set for '+ this.name);
- }
-
- if(this.valueField){
- vv = !o || typeof(o[this.valueField]) == 'undefined' ? dv : o[this.valueField];
- }
- if(this.hiddenField){
- this.hiddenField.value = vv;
-
- this.lastSelectionText = dv;
- Roo.form.ComboBox.superclass.setValue.call(this, dv);
- this.value = vv;
- return;
- }
-
-
-
- this.lastSelectionText = dv;
- Roo.form.ComboBox.superclass.setValue.call(this, dv);
- this.value = vv;
-
-
- },
-
- reset : function(){
-
- this.setValue(this.originalValue);
- this.clearInvalid();
- this.lastData = false;
- },
-
- findRecord : function(H, I){
- var J;
- if(this.store.getCount() > 0){
- this.store.each(function(r){
- if(r.data[H] == I){
- J = r;
- return false;
- }
- });
- }
- return J;
- },
-
-
- onViewMove : function(e, t){
- this.inKeyMode = false;
- },
-
-
- onViewOver : function(e, t){
- if(this.inKeyMode){
- return;
- }
- var K = this.view.findItemFromChild(t);
- if(K){
- var F = this.view.indexOf(K);
- this.select(F, false);
- }
- },
-
-
- onViewClick : function(L){
- var M = this.view.getSelectedIndexes()[0];
- var r = this.store.getAt(M);
- if(r){
- this.onSelect(r, M);
- }
- if(L !== false && !this.blockFocus){
- this.el.focus();
- }
- },
-
-
- restrictHeight : function(){
- this.innerList.dom.style.height = '';
- var N = this.innerList.dom;
- var h = Math.max(N.clientHeight, N.offsetHeight, N.scrollHeight);
- this.innerList.setHeight(h < this.maxHeight ? 'auto' : this.maxHeight);
- this.list.beginUpdate();
- this.list.setHeight(this.innerList.getHeight()+this.list.getFrameWidth('tb')+(this.resizable?this.handleHeight:0)+this.assetHeight);
- this.list.alignTo(this.el, this.listAlign);
- this.list.endUpdate();
- },
-
-
- onEmptyResults : function(){
- this.collapse();
- },
-
-
-
- isExpanded : function(){
- return this.list.isVisible();
- },
-
-
-
- selectByValue : function(v, O){
- if(v !== undefined && v !== null){
- var r = this.findRecord(this.valueField || this.displayField, v);
- if(r){
- this.select(this.store.indexOf(r), O);
- return true;
- }
- }
- return false;
- },
-
-
-
- select : function(P, Q){
- this.selectedIndex = P;
- this.view.select(P);
- if(Q !== false){
- var el = this.view.getNode(P);
- 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, R){
- if(q === undefined || q === null){
- q = '';
- }
- var qe = {
- query: q,
- forceAll: R,
- combo: this,
- cancel:false
- };
- if(this.fireEvent('beforequery', qe)===false || qe.cancel){
- return false;
- }
-
- q = qe.query;
- R = qe.forceAll;
- if(R === true || (q.length >= this.minChars)){
- if(this.lastQuery != q){
- this.lastQuery = q;
- if(this.mode == 'local'){
- this.selectedIndex = -1;
- if(R){
- 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();
- Roo.get(document).un('mousedown', this.collapseIf, this);
- Roo.get(document).un('mousewheel', 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.el, this.listAlign);
- this.list.show();
- Roo.get(document).on('mousedown', this.collapseIf, this);
- Roo.get(document).on('mousewheel', this.collapseIf, this);
- this.fireEvent('expand', this);
- },
-
-
-
- onTriggerClick : function(){
- if(this.disabled){
- return;
- }
- if(this.isExpanded()){
- this.collapse();
- if (!this.blockFocus) {
- this.el.focus();
- }
-
- }else {
- this.hasFocus = true;
- if(this.triggerAction == 'all') {
- this.doQuery(this.allQuery, true);
- } else {
- this.doQuery(this.getRawValue());
- }
- if (!this.blockFocus) {
- this.el.focus();
- }
- }
- }
-
-
-
-
-
-
-
-
-
-});
-
-
-
-
-Roo.form.Checkbox = function(A){
- Roo.form.Checkbox.superclass.constructor.call(this, A);
- this.addEvents({
-
-
- check : true
- });
-};
-
-Roo.extend(Roo.form.Checkbox, Roo.form.Field, {
-
-
- focusClass : undefined,
-
-
- fieldClass: "x-form-field",
-
-
- checked: false,
-
-
- defaultAutoCreate : { tag: "input", type: 'hidden', autocomplete: "off"},
-
-
- boxLabel : "",
-
-
- inputValue : '1',
-
-
- valueOff: '0',
-
- actionMode : 'viewEl',
-
-
- itemCls : 'x-menu-check-item x-form-item',
- groupClass : 'x-menu-group-item',
- inputType : 'hidden',
-
-
- inSetChecked: false,
-
- inputElement: false,
- basedOn: false,
-
- isFormField: true,
-
- onResize : function(){
- Roo.form.Checkbox.superclass.onResize.apply(this, arguments);
- if(!this.boxLabel){
- this.el.alignTo(this.wrap, 'c-c');
- }
- },
-
- initEvents : function(){
- Roo.form.Checkbox.superclass.initEvents.call(this);
- this.el.on("click", this.onClick, this);
- this.el.on("change", this.onClick, this);
- },
-
-
- getResizeEl : function(){
- return this.wrap;
- },
-
- getPositionEl : function(){
- return this.wrap;
- },
-
-
- onRender : function(ct, B){
- Roo.form.Checkbox.superclass.onRender.call(this, ct, B);
-
-
-
- this.wrap = this.el.wrap({cls: 'x-menu-check-item '});
- var C = this.wrap.createChild({
- tag: 'img', cls: 'x-menu-item-icon', style: 'margin: 0px;' ,src : Roo.BLANK_IMAGE_URL });
- this.viewEl = C;
- this.wrap.on('click', this.onClick, this);
-
- this.el.on('DOMAttrModified', this.setFromHidden, this);
- this.el.on('propertychange', this.setFromHidden, this);
-
-
-
- if(this.boxLabel){
- this.wrap.createChild({tag: 'label', htmlFor: this.el.id, cls: 'x-form-cb-label', html: this.boxLabel});
-
- }
-
-
- this.setChecked(this.checked);
-
-
-
-
- },
-
-
- initValue : Roo.emptyFn,
-
-
-
- getValue : function(){
- if(this.el){
- return String(this.el.dom.value) == String(this.inputValue ) ? this.inputValue : this.valueOff;
- }
- return this.valueOff;
-
- },
-
-
- onClick : function(){
- this.setChecked(!this.checked);
-
-
-
-
- },
-
-
-
- setValue : function(v,D){
-
-
-
-
-
- this.setChecked(v === this.inputValue);
-
- },
-
- setChecked : function(E,F)
- {
- if (this.inSetChecked) {
- this.checked = E;
- return;
- }
-
-
- if(this.wrap){
- this.wrap[E ? 'addClass' : 'removeClass']('x-menu-item-checked');
- }
-
- this.checked = E;
- if(F !== true){
- this.fireEvent('checkchange', this, E);
- }
-
- this.inSetChecked = true;
- this.el.dom.value = E ? this.inputValue : this.valueOff;
- this.inSetChecked = false;
-
- },
-
- setFromHidden: function()
- {
- if(!this.el){
- return;
- }
-
-
-
- this.setValue(this.el.dom.value);
- },
-
- onDestroy : function()
- {
- if(this.viewEl){
- Roo.get(this.viewEl).remove();
- }
-
-
- Roo.form.Checkbox.superclass.onDestroy.call(this);
- }
-
-});
-
-
-
-
-
-Roo.form.Radio = function(){
- Roo.form.Radio.superclass.constructor.apply(this, arguments);
-};
-Roo.extend(Roo.form.Radio, Roo.form.Checkbox, {
- inputType: 'radio',
-
-
-
- getGroupValue : function(){
- return this.el.up('form').child('input[name='+this.el.dom.name+']:checked', true).value;
- }
-});
-
-
-
-
-
-
-
-
-
-
-
-Roo.form.HtmlEditor = Roo.extend(Roo.form.Field, {
-
-
- toolbars : false,
-
-
- createLinkText : 'Please enter the URL for the link:',
-
-
- defaultLinkValue : 'http:/'+'/',
-
-
-
- frameId: false,
-
-
- validationEvent : false,
- deferHeight: true,
- initialized : false,
- activated : false,
- sourceEditMode : false,
- onFocus : Roo.emptyFn,
- iframePad:3,
- hideMode:'offsets',
- defaultAutoCreate : {
- tag: "textarea",
- style:"width:500px;height:300px;",
- autocomplete: "off"
- },
-
-
- initComponent : function(){
- this.addEvents({
-
-
- initialize: true,
-
-
- activate: true,
-
-
- beforesync: true,
-
-
- beforepush: true,
-
-
- sync: true,
-
-
- push: true,
-
-
- editmodechange: true,
-
-
- editorevent: true
- })
- },
-
-
-
- createToolbar : function(A){
- if (!A.toolbars || !A.toolbars.length) {
- A.toolbars = [ new Roo.form.HtmlEditor.ToolbarStandard() ];
- }
-
- for (var i =0 ; i < A.toolbars.length;i++) {
- A.toolbars[i].init(A);
- }
-
-
- },
-
-
-
- getDocMarkup : function(){
- return '<html><head><style type="text/css">body{border:0;margin:0;padding:3px;height:98%;cursor:text;}</style></head><body></body></html>';
- },
-
-
- onRender : function(ct, B){
- Roo.form.HtmlEditor.superclass.onRender.call(this, ct, B);
- this.el.dom.style.border = '0 none';
- this.el.dom.setAttribute('tabIndex', -1);
- this.el.addClass('x-hidden');
- if(Roo.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.frameId = Roo.id();
- this.createToolbar(this);
-
-
-
-
-
-
- var C = this.wrap.createChild({
- tag: 'iframe',
- id: this.frameId,
- name: this.frameId,
- frameBorder : 'no',
- 'src' : Roo.SSL_SECURE_URL ? Roo.SSL_SECURE_URL : "javascript:false"
- });
-
-
-
-
- this.iframe = C.dom;
-
- this.assignDocWin();
-
- this.doc.designMode = 'on';
-
- this.doc.open();
- this.doc.write(this.getDocMarkup());
- this.doc.close();
-
-
- var D = {
- run : function(){
-
- this.assignDocWin();
- if(this.doc.body || this.doc.readyState == 'complete'){
- try {
-
-
- this.doc.designMode="on";
- } catch (e) {
- return;
- }
-
- Roo.TaskMgr.stop(D);
- this.initEditor.defer(10, this);
- }
- },
- interval : 10,
- duration:10000,
- scope: this
- };
- Roo.TaskMgr.start(D);
-
- if(!this.width){
- this.setSize(this.el.getSize());
- }
- },
-
-
- onResize : function(w, h){
- Roo.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 tbh = 0;
- for (var i =0; i < this.toolbars.length;i++) {
-
- tbh += this.toolbars[i].tb.el.getHeight();
- }
-
-
-
-
- var ah = h - this.wrap.getFrameWidth('tb') - tbh;
- this.el.setHeight(this.adjustWidth('textarea', ah));
- this.iframe.style.height = ah + 'px';
- if(this.doc){
- (this.doc.body || this.doc.documentElement).style.height = (ah - (this.iframePad*2)) + 'px';
- }
- }
- }
- },
-
-
-
- toggleSourceEdit : function(E){
-
- this.sourceEditMode = E === true;
-
- if(this.sourceEditMode){
-
- this.syncValue();
- this.iframe.className = 'x-hidden';
- this.el.removeClass('x-hidden');
- this.el.dom.removeAttribute('tabIndex');
- this.el.focus();
- }else {
-
- this.pushValue();
- this.iframe.className = '';
- this.el.addClass('x-hidden');
- this.el.dom.setAttribute('tabIndex', -1);
- this.deferFocus();
- }
-
- this.setSize(this.wrap.getSize());
- this.fireEvent('editmodechange', this, this.sourceEditMode);
- },
-
-
- createLink : function(){
- var F = prompt(this.createLinkText, this.defaultLinkValue);
- if(F && F != 'http:/'+'/'){
- this.relayCmd('createlink', F);
- }
- },
-
-
- adjustSize : Roo.BoxComponent.prototype.adjustSize,
-
-
- getResizeEl : function(){
- return this.wrap;
- },
-
-
- getPositionEl : function(){
- return this.wrap;
- },
-
-
- initEvents : function(){
- this.originalValue = this.getValue();
- },
-
-
-
- markInvalid : Roo.emptyFn,
-
-
- clearInvalid : Roo.emptyFn,
-
- setValue : function(v){
- Roo.form.HtmlEditor.superclass.setValue.call(this, v);
- this.pushValue();
- },
-
-
-
- cleanHtml : function(G){
- G = String(G);
- if(G.length > 5){
- if(Roo.isSafari){
- G = G.replace(/\sclass="(?:Apple-style-span|khtml-block-placeholder)"/gi, '');
- }
- }
- if(G == ' '){
- G = '';
- }
- return G;
- },
-
-
-
- syncValue : function(){
- if(this.initialized){
- var bd = (this.doc.body || this.doc.documentElement);
- var G = bd.innerHTML;
- if(Roo.isSafari){
- var bs = bd.getAttribute('style');
- var m = bs.match(/text-align:(.*?);/i);
- if(m && m[1]){
- G = '<div style="'+m[0]+'">' + G + '</div>';
- }
- }
-
- G = this.cleanHtml(G);
- if(this.fireEvent('beforesync', this, G) !== false){
- this.el.dom.value = G;
- this.fireEvent('sync', this, G);
- }
- }
- },
-
-
-
- pushValue : function(){
- if(this.initialized){
- var v = this.el.dom.value;
- if(v.length < 1){
- v = ' ';
- }
- if(this.fireEvent('beforepush', this, v) !== false){
- (this.doc.body || this.doc.documentElement).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();
- }
- },
-
- assignDocWin: function()
- {
- var H = this.iframe;
-
- if(Roo.isIE){
- this.doc = H.contentWindow.document;
- this.win = H.contentWindow;
- } else {
- this.doc = (H.contentDocument || Roo.get(this.frameId).dom.document);
- this.win = Roo.get(this.frameId).dom.contentWindow;
- }
- },
-
-
- initEditor : function(){
-
- this.assignDocWin();
-
-
-
- this.doc.designMode="on";
- this.doc.open();
- this.doc.write(this.getDocMarkup());
- this.doc.close();
-
- var I = (this.doc.body || this.doc.documentElement);
-
-
-
- var ss = this.el.getStyles('font-size', 'background-image', 'background-repeat');
- ss['background-attachment'] = 'fixed';
- I.bgProperties = 'fixed';
- Roo.DomHelper.applyStyles(I, ss);
- Roo.EventManager.on(this.doc, {
- 'mousedown': this.onEditorEvent,
- 'dblclick': this.onEditorEvent,
- 'click': this.onEditorEvent,
- 'keyup': this.onEditorEvent,
- buffer:100,
- scope: this
- });
- if(Roo.isGecko){
- Roo.EventManager.on(this.doc, 'keypress', this.applyCommand, this);
- }
- if(Roo.isIE || Roo.isSafari || Roo.isOpera){
- Roo.EventManager.on(this.doc, 'keydown', this.fixKeys, this);
- }
-
- this.initialized = true;
-
- this.fireEvent('initialize', this);
- this.pushValue();
- },
-
-
- onDestroy : function(){
-
-
-
- if(this.rendered){
-
- for (var i =0; i < this.toolbars.length;i++) {
-
- this.toolbars[i].onDestroy();
- }
-
-
- this.wrap.dom.innerHTML = '';
- this.wrap.remove();
- }
- },
-
-
- onFirstFocus : function(){
-
- this.assignDocWin();
-
-
- this.activated = true;
- for (var i =0; i < this.toolbars.length;i++) {
- this.toolbars[i].onFirstFocus();
- }
-
- if(Roo.isGecko){
- this.win.focus();
- var s = this.win.getSelection();
- if(!s.focusNode || s.focusNode.nodeType != 3){
- var r = s.getRangeAt(0);
- r.selectNodeContents((this.doc.body || this.doc.documentElement));
- r.collapse(true);
- this.deferFocus();
- }
- try{
- this.execCmd('useCSS', true);
- this.execCmd('styleWithCSS', false);
- }catch(e){}
- }
-
- this.fireEvent('activate', this);
- },
-
-
- adjustFont: function(J){
- var K = J.cmd == 'increasefontsize' ? 1 : -1;
-
-
-
- var v = parseInt(this.doc.queryCommandValue('FontSize')|| 3, 10);
- if(Roo.isSafari){
- var sm = { 10 : 1, 13: 2, 16:3, 18:4, 24: 5, 32:6, 48: 7 };
- v = (v < 10) ? 10 : v;
- v = (v > 48) ? 48 : v;
- v = typeof(sm[v]) == 'undefined' ? 1 : sm[v];
-
- }
-
-
-
- v = Math.max(1, v+K);
-
- this.execCmd('FontSize', v );
- },
-
- onEditorEvent : function(e){
- this.fireEvent('editorevent', this, e);
-
- this.syncValue();
- },
-
- insertTag : function(tg)
- {
-
-
- this.execCmd("formatblock", tg);
-
- },
-
- insertText : function(L)
- {
-
-
- range = this.createRange();
- range.deleteContents();
-
-
- range.insertNode(this.doc.createTextNode(L));
- } ,
-
-
- relayBtnCmd : function(M){
- this.relayCmd(M.cmd);
- },
-
-
-
- relayCmd : function(N, O){
- this.win.focus();
- this.execCmd(N, O);
- this.fireEvent('editorevent', this);
-
- this.deferFocus();
- },
-
-
-
- execCmd : function(P, Q){
- this.doc.execCommand(P, false, Q === undefined ? null : Q);
- this.syncValue();
- },
-
-
- applyCommand : function(e){
- if(e.ctrlKey){
- var c = e.getCharCode(), P;
- if(c > 0){
- c = String.fromCharCode(c);
- switch(c){
- case 'b':
- P = 'bold';
- break;
- case 'i':
- P = 'italic';
- break;
- case 'u':
- P = 'underline';
- break;
- }
- if(P){
- this.win.focus();
- this.execCmd(P);
- this.deferFocus();
- e.preventDefault();
- }
- }
- }
- },
-
-
-
- insertAtCursor : function(R){
- if(!this.activated){
- return;
- }
- if(Roo.isIE){
- this.win.focus();
- var r = this.doc.selection.createRange();
- if(r){
- r.collapse(true);
- r.pasteHTML(R);
- this.syncValue();
- this.deferFocus();
- }
- }else if(Roo.isGecko || Roo.isOpera){
- this.win.focus();
- this.execCmd('InsertHTML', R);
- this.deferFocus();
- }else if(Roo.isSafari){
- this.execCmd('InsertText', R);
- this.deferFocus();
- }
- },
-
-
- fixKeys : function(){
- if(Roo.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('<br />');
- r.collapse(false);
- r.select();
- }
- }
- }
- };
- }else if(Roo.isOpera){
- return function(e){
- var k = e.getKey();
- if(k == e.TAB){
- e.stopEvent();
- this.win.focus();
- this.execCmd('InsertHTML','    ');
- this.deferFocus();
- }
- };
- }else if(Roo.isSafari){
- return function(e){
- var k = e.getKey();
- if(k == e.TAB){
- e.stopEvent();
- this.execCmd('InsertText','\t');
- this.deferFocus();
- }
- };
- }
- }(),
-
- getAllAncestors: function()
- {
- var p = this.getSelectedNode();
- var a = [];
- if (!p) {
- a.push(p);
- p = this.getParentElement();
- }
-
-
- while (p && (p.nodeType == 1) && (p.tagName.toLowerCase() != 'body')) {
- a.push(p);
- p = p.parentNode;
- }
-
- a.push(this.doc.body);
- return a;
- },
- lastSel : false,
- lastSelNode : false,
-
-
- getSelection : function()
- {
- this.assignDocWin();
- return Roo.isIE ? this.doc.selection : this.win.getSelection();
- },
-
- getSelectedNode: function()
- {
-
-
-
-
-
-
-
- var S = this.createRange(this.getSelection());
-
- if (Roo.isIE) {
- var parent = S.parentElement();
- while (true) {
- var testRange = S.duplicate();
- testRange.moveToElementText(parent);
- if (testRange.inRange(S)) {
- break;
- }
- if ((parent.nodeType != 1) || (parent.tagName.toLowerCase() == 'body')) {
- break;
- }
-
- parent = parent.parentElement;
- }
- return parent;
- }
-
-
- var ar = S.endContainer.childNodes;
- if (!ar.length) {
- ar = S.commonAncestorContainer.childNodes;
-
- }
- var T = [];
- var U = [];
- var V = false;
- for (var i=0;i<ar.length;i++) {
- if ((ar[i].nodeType == 3) && (!ar[i].data.length)) {
- continue;
- }
-
-
- if (this.rangeIntersectsNode(S,ar[i]) && this.rangeCompareNode(S,ar[i]) == 3) {
- T.push(ar[i]);
- continue;
- }
-
-
- if ((ar[i].nodeType == 1) && this.rangeIntersectsNode(S,ar[i]) && (this.rangeCompareNode(S,ar[i]) > 0)) {
- U.push(ar[i]);
- continue;
- }
- if (!this.rangeIntersectsNode(S,ar[i])|| (this.rangeCompareNode(S,ar[i]) == 0)) {
- continue;
- }
-
-
-
- V = true;
- }
- if (!T.length && U.length) {
- T= U;
- }
- if (V || !T.length || (T.length > 1)) {
- return false;
- }
-
- return T[0];
- },
- createRange: function(W)
- {
-
-
-
- if (typeof W != "undefined") {
- try {
- return W.getRangeAt ? W.getRangeAt(0) : W.createRange();
- } catch(e) {
- return this.doc.createRange();
- }
- } else {
- return this.doc.createRange();
- }
- },
- getParentElement: function()
- {
-
- this.assignDocWin();
- var X = Roo.isIE ? this.doc.selection : this.win.getSelection();
-
- var Y = this.createRange(X);
-
- try {
- var p = Y.commonAncestorContainer;
- while (p.nodeType == 3) {
- p = p.parentNode;
- }
- return p;
- } catch (e) {
- return null;
- }
-
- },
-
-
-
-
- rangeIntersectsNode : function(Z, b)
- {
- var d = b.ownerDocument.createRange();
- try {
- d.selectNode(b);
- }
- catch (e) {
- nodeRange.selectNodeContents(node);
- }
-
- return Z.compareBoundaryPoints(Range.END_TO_START, d) == -1 &&
- Z.compareBoundaryPoints(Range.START_TO_END, d) == 1;
- },
- rangeCompareNode : function(f, g) {
- var j = g.ownerDocument.createRange();
- try {
- j.selectNode(g);
- } catch (e) {
- nodeRange.selectNodeContents(node);
- }
- var k = f.compareBoundaryPoints(Range.START_TO_START, j) == 1;
- var l = f.compareBoundaryPoints(Range.END_TO_END, j) == -1;
-
- if (k && !l)
- return 0;
- if (!k && l)
- return 1;
- if (k && l)
- return 2;
-
- return 3;
- }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-});
-
-
-
-
-
-
-
-Roo.form.HtmlEditor.ToolbarStandard = function(A)
-{
-
- Roo.apply(this, A);
-
-
-}
-
-
-Roo.apply(Roo.form.HtmlEditor.ToolbarStandard.prototype, {
-
- tb: false,
-
- rendered: false,
-
- editor : false,
-
-
- disable : false,
-
-
- fontFamilies : [
- 'Arial',
- 'Courier New',
- 'Tahoma',
- 'Times New Roman',
- 'Verdana'
- ],
-
- specialChars : [
- "©",
- "®",
- "™",
- "£" ,
-
- "…",
- "÷" ,
-
- "€" ,
-
-
-
- "°"
-
-
-
- ],
- inputElements : [
- "form", "input:text", "input:hidden", "input:checkbox", "input:radio", "input:password",
- "input:submit", "input:button", "select", "textarea", "label" ],
- formats : [
- ["p"] ,
- ["h1"],["h2"],["h3"],["h4"],["h5"],["h6"],
- ["pre"],[ "code"],
- ["abbr"],[ "acronym"],[ "address"],[ "cite"],[ "samp"],[ "var"]
- ],
-
-
- defaultFont: 'tahoma',
-
- fontSelect : false,
-
-
- formatCombo : false,
-
- init : function(B)
- {
- this.editor = B;
-
-
- var C = B.frameId;
- var D = this;
- function E(id, G, H){
- var I = C + '-'+ id ;
- return {
- id : I,
- cmd : id,
- cls : 'x-btn-icon x-edit-'+id,
- enableToggle:G !== false,
- scope: B,
- handler:H||B.relayBtnCmd,
- clickEvent:'mousedown',
- tooltip: D.buttonTips[id] || undefined,
- tabIndex:-1
- };
- }
-
-
-
- var tb = new Roo.Toolbar(B.wrap.dom.firstChild);
- this.tb = tb;
-
- tb.el.on('click', function(e){
- e.preventDefault();
- });
-
- if(!this.disable.font && !Roo.isSafari){
-
-
- };
- if(!this.disable.formats){
- this.formatCombo = new Roo.form.ComboBox({
- store: new Roo.data.SimpleStore({
- id : 'tag',
- fields: ['tag'],
- data : this.formats
- }),
- blockFocus : true,
-
- displayField:'tag',
- typeAhead: false,
- mode: 'local',
- editable : false,
- triggerAction: 'all',
- emptyText:'Add tag',
- selectOnFocus:true,
- width:135,
- listeners : {
- 'select': function(c, r, i) {
- B.insertTag(r.get('tag'));
- B.focus();
- }
- }
-
- });
- tb.addField(this.formatCombo);
-
- }
-
- if(!this.disable.format){
- tb.add(
- E('bold'),
- E('italic'),
- E('underline')
- );
- };
- if(!this.disable.fontSize){
- tb.add(
- '-',
-
-
- E('increasefontsize', false, B.adjustFont),
- E('decreasefontsize', false, B.adjustFont)
- );
- };
-
-
- if(this.disable.colors){
- tb.add(
- '-', {
- id:B.frameId +'-forecolor',
- cls:'x-btn-icon x-edit-forecolor',
- clickEvent:'mousedown',
- tooltip: this.buttonTips['forecolor'] || undefined,
- tabIndex:-1,
- menu : new Roo.menu.ColorMenu({
- allowReselect: true,
- focus: Roo.emptyFn,
- value:'000000',
- plain:true,
- selectHandler: function(cp, G){
- B.execCmd('forecolor', Roo.isSafari || Roo.isIE ? '#'+G : G);
- B.deferFocus();
- },
- scope: B,
- clickEvent:'mousedown'
- })
- }, {
- id:B.frameId +'backcolor',
- cls:'x-btn-icon x-edit-backcolor',
- clickEvent:'mousedown',
- tooltip: this.buttonTips['backcolor'] || undefined,
- tabIndex:-1,
- menu : new Roo.menu.ColorMenu({
- focus: Roo.emptyFn,
- value:'FFFFFF',
- plain:true,
- allowReselect: true,
- selectHandler: function(cp, H){
- if(Roo.isGecko){
- B.execCmd('useCSS', false);
- B.execCmd('hilitecolor', H);
- B.execCmd('useCSS', true);
- B.deferFocus();
- }else {
- B.execCmd(Roo.isOpera ? 'hilitecolor' : 'backcolor',
- Roo.isSafari || Roo.isIE ? '#'+H : H);
- B.deferFocus();
- }
- },
- scope:B,
- clickEvent:'mousedown'
- })
- }
- );
- };
-
-
-
- if(!this.disable.alignments){
- tb.add(
- '-',
- E('justifyleft'),
- E('justifycenter'),
- E('justifyright')
- );
- };
-
-
- if(!this.disable.links){
- tb.add(
- '-',
- E('createlink', false, B.createLink)
- );
- };
-
- if(!this.disable.lists){
- tb.add(
- '-',
- E('insertorderedlist'),
- E('insertunorderedlist')
- );
- }
- if(!this.disable.sourceEdit){
- tb.add(
- '-',
- E('sourceedit', true, function(G){
- this.toggleSourceEdit(G.pressed);
- })
- );
- }
-
-
- var F = { };
-
- if (!this.disable.special) {
- F = {
- text: "©",
- cls: 'x-edit-none',
- menu : {
- items : []
- }
- };
- for (var i =0; i < this.specialChars.length; i++) {
- F.menu.items.push({
-
- text: this.specialChars[i],
- handler: function(a,b) {
- B.insertAtCursor(String.fromCharCode(a.text.replace('&#','').replace(';', '')));
- },
- tabIndex:-1
- });
- }
-
-
-
- tb.add(F);
-
-
- }
- if (this.btns) {
- for(var i =0; i< this.btns.length;i++) {
- var b = this.btns[i];
- b.cls = 'x-edit-none';
- b.scope = B;
- tb.add(b);
- }
-
- }
-
-
-
-
-
-
- this.tb.items.each(function(G){
- if(G.id != B.frameId+ '-sourceedit'){
- G.disable();
- }
- });
- this.rendered = true;
-
-
- B.on('editorevent', this.updateToolbar, this);
-
-
- },
-
-
-
-
-
- updateToolbar: function(){
-
- if(!this.editor.activated){
- this.editor.onFirstFocus();
- return;
- }
-
- var G = this.tb.items.map,
- H = this.editor.doc,
- I = this.editor.frameId;
-
- if(!this.disable.font && !Roo.isSafari){
-
-
- }
- if(!this.disable.format){
- G[I + '-bold'].toggle(H.queryCommandState('bold'));
- G[I + '-italic'].toggle(H.queryCommandState('italic'));
- G[I + '-underline'].toggle(H.queryCommandState('underline'));
- }
- if(!this.disable.alignments){
- G[I + '-justifyleft'].toggle(H.queryCommandState('justifyleft'));
- G[I + '-justifycenter'].toggle(H.queryCommandState('justifycenter'));
- G[I + '-justifyright'].toggle(H.queryCommandState('justifyright'));
- }
- if(!Roo.isSafari && !this.disable.lists){
- G[I + '-insertorderedlist'].toggle(H.queryCommandState('insertorderedlist'));
- G[I + '-insertunorderedlist'].toggle(H.queryCommandState('insertunorderedlist'));
- }
-
- var J = this.editor.getAllAncestors();
- if (this.formatCombo) {
-
-
- var store = this.formatCombo.store;
- this.formatCombo.setValue("");
- for (var i =0; i < J.length;i++) {
- if (J[i] && store.query('tag',J[i].tagName.toLowerCase(), true).length) {
-
- this.formatCombo.setValue(J[i].tagName.toLowerCase());
- break;
- }
- }
- }
-
-
-
-
-
- Roo.menu.MenuMgr.hideAll();
-
-
- },
-
-
- createFontOptions : function(){
- var K = [], fs = this.fontFamilies, ff, lc;
- for(var i = 0, len = fs.length; i< len; i++){
- ff = fs[i];
- lc = ff.toLowerCase();
- K.push(
- '<option value="',lc,'" style="font-family:',ff,';"',
- (this.defaultFont == lc ? ' selected="true">' : '>'),
- ff,
- '</option>'
- );
- }
- return K.join('');
- },
-
- toggleSourceEdit : function(L){
- if(L === undefined){
- L = !this.sourceEditMode;
- }
-
- this.sourceEditMode = L === true;
- var M = this.tb.items.get(this.editor.frameId +'-sourceedit');
-
- if(M.pressed !== this.editor.sourceEditMode){
- M.toggle(this.editor.sourceEditMode);
- return;
- }
-
- if(this.sourceEditMode){
- this.tb.items.each(function(N){
- if(N.cmd != 'sourceedit'){
- N.disable();
- }
- });
-
- }else {
- if(this.initialized){
- this.tb.items.each(function(O){
- O.enable();
- });
- }
-
- }
-
-
- this.editor.toggleSourceEdit(L);
-
- },
-
-
- 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'
- }
- },
-
- onDestroy : function(){
- if(this.rendered){
-
- this.tb.items.each(function(N){
- if(N.menu){
- N.menu.removeAll();
- if(N.menu.el){
- N.menu.el.destroy();
- }
- }
-
- N.destroy();
- });
-
- }
- },
- onFirstFocus: function() {
- this.tb.items.each(function(N){
- N.enable();
- });
- }
-});
-
-
-
-
-
-
-
-
-
-
-
-
-
-Roo.form.HtmlEditor.ToolbarContext = function(A)
-{
-
- Roo.apply(this, A);
-
-
-}
-
-Roo.form.HtmlEditor.ToolbarContext.types = {
- 'IMG' : {
- width : {
- title: "Width",
- width: 40
- },
- height: {
- title: "Height",
- width: 40
- },
- align: {
- title: "Align",
- opts : [ [""],[ "left"],[ "right"],[ "center"],[ "top"]],
- width : 80
-
- },
- border: {
- title: "Border",
- width: 40
- },
- alt: {
- title: "Alt",
- width: 120
- },
- src : {
- title: "Src",
- width: 220
- }
-
- },
- 'A' : {
- name : {
- title: "Name",
- width: 50
- },
- href: {
- title: "Href",
- width: 220
- }
-
- },
- 'TABLE' : {
- rows : {
- title: "Rows",
- width: 20
- },
- cols : {
- title: "Cols",
- width: 20
- },
- width : {
- title: "Width",
- width: 40
- },
- height : {
- title: "Height",
- width: 40
- },
- border : {
- title: "Border",
- width: 20
- }
- },
- 'TD' : {
- width : {
- title: "Width",
- width: 40
- },
- height : {
- title: "Height",
- width: 40
- },
- align: {
- title: "Align",
- opts : [[""],[ "left"],[ "center"],[ "right"],[ "justify"],[ "char"]],
- width: 40
- },
- valign: {
- title: "Valign",
- opts : [[""],[ "top"],[ "middle"],[ "bottom"],[ "baseline"]],
- width: 40
- },
- colspan: {
- title: "Colspan",
- width: 20
-
- }
- },
- 'INPUT' : {
- name : {
- title: "name",
- width: 120
- },
- value : {
- title: "Value",
- width: 120
- },
- width : {
- title: "Width",
- width: 40
- }
- },
- 'LABEL' : {
- 'for' : {
- title: "For",
- width: 120
- }
- },
- 'TEXTAREA' : {
- name : {
- title: "name",
- width: 120
- },
- rows : {
- title: "Rows",
- width: 20
- },
- cols : {
- title: "Cols",
- width: 20
- }
- },
- 'SELECT' : {
- name : {
- title: "name",
- width: 120
- },
- selectoptions : {
- title: "Options",
- width: 200
- }
- },
- 'BODY' : {
- title : {
- title: "title",
- width: 120,
- disabled : true
- }
- }
-};
-
-
-
-Roo.apply(Roo.form.HtmlEditor.ToolbarContext.prototype, {
-
- tb: false,
-
- rendered: false,
-
- editor : false,
-
-
- disable : false,
-
-
-
- toolbars : false,
-
- init : function(B)
- {
- this.editor = B;
-
-
- var C = B.frameId;
- var D = this;
- function E(id, G, H){
- var I = C + '-'+ id ;
- return {
- id : I,
- cmd : id,
- cls : 'x-btn-icon x-edit-'+id,
- enableToggle:G !== false,
- scope: B,
- handler:H||B.relayBtnCmd,
- clickEvent:'mousedown',
- tooltip: D.buttonTips[id] || undefined,
- tabIndex:-1
- };
- }
-
- var F = B.wrap.createChild({
- tag: 'div'
- }, B.wrap.dom.firstChild.nextSibling, true);
-
-
-
-
-
-
-
- var ty= Roo.form.HtmlEditor.ToolbarContext.types;
- this.toolbars = {};
-
- for (var i in ty) {
- this.toolbars[i] = this.buildToolbar(ty[i],i);
- }
-
- this.tb = this.toolbars.BODY;
- this.tb.el.show();
-
-
- this.rendered = true;
-
-
- B.on('editorevent', this.updateToolbar, this);
-
-
- },
-
-
-
-
-
- updateToolbar: function(){
-
- if(!this.editor.activated){
- this.editor.onFirstFocus();
- return;
- }
-
-
- var G = this.editor.getAllAncestors();
-
-
- var ty= Roo.form.HtmlEditor.ToolbarContext.types;
- var H = G.length ? (G[0] ? G[0] : G[1]) : this.editor.doc.body;
- H = H ? H : this.editor.doc.body;
- H = H.tagName.length ? H : this.editor.doc.body;
- var tn = H.tagName.toUpperCase();
- H = typeof(ty[tn]) != 'undefined' ? H : this.editor.doc.body;
- tn = H.tagName.toUpperCase();
- if (this.tb.name == tn) {
- return;
- }
-
- this.tb.el.hide();
-
- this.tb = this.toolbars[tn];
- this.tb.el.show();
- this.tb.fields.each(function(e) {
- e.setValue(H.getAttribute(e.name));
- });
- this.tb.selectedNode = H;
-
-
- Roo.menu.MenuMgr.hideAll();
-
-
- },
-
-
-
- onDestroy : function(){
- if(this.rendered){
-
- this.tb.items.each(function(I){
- if(I.menu){
- I.menu.removeAll();
- if(I.menu.el){
- I.menu.el.destroy();
- }
- }
-
- I.destroy();
- });
-
- }
- },
- onFirstFocus: function() {
-
- this.tb.items.each(function(I){
- I.enable();
- });
- },
- buildToolbar: function(I, nm)
- {
- var J = this.editor;
-
- var K = J.wrap.createChild({
- tag: 'div'
- }, J.wrap.dom.firstChild.nextSibling, true);
-
-
- var tb = new Roo.Toolbar(K);
- tb.add(nm+ ": ");
- for (var i in I) {
- var item = I[i];
- tb.add(item.title + ": ");
- if (item.opts) {
-
-
-
- tb.addField( new Roo.form.ComboBox({
- store: new Roo.data.SimpleStore({
- id : 'val',
- fields: ['val'],
- data : item.opts
- }),
- name : i,
- displayField:'val',
- typeAhead: false,
- mode: 'local',
- editable : false,
- triggerAction: 'all',
- emptyText:'Select',
- selectOnFocus:true,
- width: item.width ? item.width : 130,
- listeners : {
- 'select': function(c, r, i) {
- tb.selectedNode.setAttribute(c.name, r.get('val'));
- }
- }
-
- }));
- continue;
-
-
-
-
-
- tb.addField( new Roo.form.TextField({
- name: i,
- width: 100,
-
- value: ''
- }));
- continue;
- }
-
- tb.addField( new Roo.form.TextField({
- name: i,
- width: item.width,
-
- value: '',
- listeners: {
- 'change' : function(f, nv, ov) {
- tb.selectedNode.setAttribute(f.name, nv);
- }
- }
- }));
-
- }
-
- tb.el.on('click', function(e){
- e.preventDefault();
- });
- tb.el.setVisibilityMode( Roo.Element.DISPLAY);
- tb.el.hide();
- tb.name = nm;
-
- return tb;
-
-
- }
-
-
-
-
-});
-
-
-
-
-
-
-
-
-
-
-
-Roo.form.BasicForm = function(el, A){
- this.allItems = [];
- this.childForms = [];
- Roo.apply(this, A);
-
-
-
-
- this.items = new Roo.util.MixedCollection(false, function(o){
- return o.id || (o.id = Roo.id());
- });
- this.addEvents({
-
-
- beforeaction: true,
-
-
- actionfailed : true,
-
-
- actioncomplete : true
- });
- if(el){
- this.initEl(el);
- }
-
- Roo.form.BasicForm.superclass.constructor.call(this);
-};
-
-Roo.extend(Roo.form.BasicForm, Roo.util.Observable, {
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- timeout: 30,
-
-
- activeAction : null,
-
-
-
- trackResetOnLoad : false,
-
-
-
-
- childForms : false,
-
-
-
- allItems : false,
-
-
-
- waitMsgTarget : undefined,
-
-
- initEl : function(el){
- this.el = Roo.get(el);
- this.id = this.el.id || Roo.id();
- this.el.on('submit', this.onSubmit, this);
- this.el.addClass('x-form');
- },
-
-
- onSubmit : function(e){
- e.stopEvent();
- },
-
-
-
- isValid : function(){
- var B = true;
- this.items.each(function(f){
- if(!f.validate()){
- B = false;
- }
- });
- return B;
- },
-
-
-
- isDirty : function(){
- var C = false;
- this.items.each(function(f){
- if(f.isDirty()){
- C = true;
- return false;
- }
- });
- return C;
- },
-
-
-
- doAction : function(D, E){
- if(typeof D == 'string'){
- D = new Roo.form.Action.ACTION_TYPES[D](this, E);
- }
- if(this.fireEvent('beforeaction', this, D) !== false){
- this.beforeAction(D);
- D.run.defer(100, D);
- }
- return this;
- },
-
-
-
- submit : function(F){
- this.doAction('submit', F);
- return this;
- },
-
-
-
- load : function(G){
- this.doAction('load', G);
- return this;
- },
-
-
-
- updateRecord : function(H){
- H.beginEdit();
- var fs = H.fields;
- fs.each(function(f){
- var I = this.findField(f.name);
- if(I){
- H.set(f.name, I.getValue());
- }
- }, this);
- H.endEdit();
- return this;
- },
-
-
-
- loadRecord : function(I){
- this.setValues(I.data);
- return this;
- },
-
-
- beforeAction : function(J){
- var o = J.options;
- if(o.waitMsg){
- if(this.waitMsgTarget === true){
- this.el.mask(o.waitMsg, 'x-mask-loading');
- }else if(this.waitMsgTarget){
- this.waitMsgTarget = Roo.get(this.waitMsgTarget);
- this.waitMsgTarget.mask(o.waitMsg, 'x-mask-loading');
- }else {
- Roo.MessageBox.wait(o.waitMsg, o.waitTitle || this.waitTitle || 'Please Wait...');
- }
- }
- },
-
-
- afterAction : function(K, L){
- this.activeAction = null;
- var o = K.options;
- if(o.waitMsg){
- if(this.waitMsgTarget === true){
- this.el.unmask();
- }else if(this.waitMsgTarget){
- this.waitMsgTarget.unmask();
- }else {
- Roo.MessageBox.updateProgress(1);
- Roo.MessageBox.hide();
- }
- }
- if(L){
- if(o.reset){
- this.reset();
- }
-
- Roo.callback(o.success, o.scope, [this, K]);
- this.fireEvent('actioncomplete', this, K);
- }else {
- Roo.callback(o.failure, o.scope, [this, K]);
- this.fireEvent('actionfailed', this, K);
- }
- },
-
-
-
- findField : function(id){
- var M = this.items.get(id);
- if(!M){
- this.items.each(function(f){
- if(f.isFormField && (f.dataIndex == id || f.id == id || f.getName() == id)){
- M = f;
- return false;
- }
- });
- }
- return M || null;
- },
-
-
-
- addForm : function(N){
-
- this.childForms.push(N);
- Roo.each(N.allItems, function (fe) {
-
- if (this.findField(fe.name)) {
- return;
- }
-
- this.add( new Roo.form.Hidden({
- name : fe.name
- }));
- }, this);
-
- },
-
-
- markInvalid : function(O){
- if(O instanceof Array){
- for(var i = 0, len = O.length; i < len; i++){
- var fieldError = O[i];
- var f = this.findField(fieldError.id);
- if(f){
- f.markInvalid(fieldError.msg);
- }
- }
- }else {
- var M, id;
- for(id in O){
- if(typeof O[id] != 'function' && (M = this.findField(id))){
- M.markInvalid(O[id]);
- }
- }
- }
-
- Roo.each(this.childForms || [], function (f) {
- f.markInvalid(O);
- });
-
- return this;
- },
-
-
-
- setValues : function(P){
- if(P instanceof Array){
- for(var i = 0, len = P.length; i < len; i++){
- var v = P[i];
- var f = this.findField(v.id);
- if(f){
- f.setValue(v.value);
- if(this.trackResetOnLoad){
- f.originalValue = f.getValue();
- }
- }
- }
- }else {
- var M, id;
- for(id in P){
- if(typeof P[id] != 'function' && (M = this.findField(id))){
-
- if (M.setFromData &&
- M.valueField &&
- M.displayField &&
-
-
-
- (M.store && !M.store.isLocal)
- ) {
-
- var sd = { };
- sd[M.valueField] = typeof(P[M.hiddenName]) == 'undefined' ? '' : P[M.hiddenName];
- sd[M.displayField] = typeof(P[M.name]) == 'undefined' ? '' : P[M.name];
- M.setFromData(sd);
-
- } else {
- M.setValue(P[id]);
- }
-
-
- if(this.trackResetOnLoad){
- M.originalValue = M.getValue();
- }
- }
- }
- }
-
-
- Roo.each(this.childForms || [], function (f) {
- f.setValues(P);
- });
-
- return this;
- },
-
-
-
- getValues : function(Q){
- if (this.childForms) {
-
- Roo.each(this.childForms, function (f) {
- if (f.allFields) {
- Roo.each(f.allFields, function (e) {
- if (e.name && e.getValue && this.findField(e.name)) {
- this.findField(e.name).setValue(e.getValue());
- }
- });
- }
- }, this);
- }
-
-
-
- var fs = Roo.lib.Ajax.serializeForm(this.el.dom);
- if(Q === true){
- return fs;
- }
- return Roo.urlDecode(fs);
- },
-
-
-
- clearInvalid : function(){
- this.items.each(function(f){
- f.clearInvalid();
- });
-
- Roo.each(this.childForms || [], function (f) {
- f.clearInvalid();
- });
-
-
- return this;
- },
-
-
-
- reset : function(){
- this.items.each(function(f){
- f.reset();
- });
-
- Roo.each(this.childForms || [], function (f) {
- f.reset();
- });
-
-
- return this;
- },
-
-
-
- add : function(){
- this.items.addAll(Array.prototype.slice.call(arguments, 0));
- return this;
- },
-
-
-
-
- remove : function(R){
- this.items.remove(R);
- return this;
- },
-
-
-
- render : function(){
- this.items.each(function(f){
- if(f.isFormField && !f.rendered && document.getElementById(f.id)){
- f.applyTo(f.id);
- }
- });
- return this;
- },
-
-
-
- applyToFields : function(o){
- this.items.each(function(f){
- Roo.apply(f, o);
- });
- return this;
- },
-
-
-
- applyIfToFields : function(o){
- this.items.each(function(f){
- Roo.applyIf(f, o);
- });
- return this;
- }
-});
-
-
-Roo.BasicForm = Roo.form.BasicForm;
-
-
-
-
-
-Roo.form.Form = function(A){
- var B = [];
- if (A.items) {
- B = A.items;
- delete A.items;
- }
-
-
-
- Roo.form.Form.superclass.constructor.call(this, null, A);
- this.url = this.url || this.action;
- if(!this.root){
- this.root = new Roo.form.Layout(Roo.applyIf({
- id: Roo.id()
- }, A));
- }
-
- this.active = this.root;
-
-
- this.buttons = [];
- this.allItems = [];
- this.addEvents({
-
-
- clientvalidation: true,
-
-
- rendered : true
- });
-
- Roo.each(B, this.addxtype, this);
-
-
-
-};
-
-Roo.extend(Roo.form.Form, Roo.form.BasicForm, {
-
-
-
-
-
-
- buttonAlign:'center',
-
-
-
- minButtonWidth:75,
-
-
-
- labelAlign:'left',
-
-
-
- monitorValid : false,
-
-
-
- monitorPoll : 200,
-
-
-
-
- column : function(c){
- var C = new Roo.form.Column(c);
- this.start(C);
- if(arguments.length > 1){
- this.add.apply(this, Array.prototype.slice.call(arguments, 1));
- this.end();
- }
- return C;
- },
-
-
-
- fieldset : function(c){
- var fs = new Roo.form.FieldSet(c);
- this.start(fs);
- if(arguments.length > 1){
- this.add.apply(this, Array.prototype.slice.call(arguments, 1));
- this.end();
- }
- return fs;
- },
-
-
-
- container : function(c){
- var l = new Roo.form.Layout(c);
- this.start(l);
- if(arguments.length > 1){
- this.add.apply(this, Array.prototype.slice.call(arguments, 1));
- this.end();
- }
- return l;
- },
-
-
-
- start : function(c){
-
- Roo.applyIf(c, {'labelAlign': this.active.labelAlign, 'labelWidth': this.active.labelWidth, 'itemCls': this.active.itemCls});
- this.active.stack.push(c);
- c.ownerCt = this.active;
- this.active = c;
- return this;
- },
-
-
-
- end : function(){
- if(this.active == this.root){
- return this;
- }
-
- this.active = this.active.ownerCt;
- return this;
- },
-
-
-
- add : function(){
- this.active.stack.push.apply(this.active.stack, arguments);
- this.allItems.push.apply(this.allItems,arguments);
- var r = [];
- for(var i = 0, a = arguments, len = a.length; i < len; i++) {
- if(a[i].isFormField){
- r.push(a[i]);
- }
- }
- if(r.length > 0){
- Roo.form.Form.superclass.add.apply(this, r);
- }
- return this;
- },
-
-
-
-
-
-
-
- findbyId : function(id)
- {
- var D = false;
- if (!id) {
- return D;
- }
-
- Ext.each(this.allItems, function(f){
- if (f.id == id || f.name == id ){
- D = f;
- return false;
- }
- });
- return D;
- },
-
-
-
-
-
- render : function(ct){
- ct = Roo.get(ct);
- var o = this.autoCreate || {
- tag: 'form',
- method : this.method || 'POST',
- id : this.id || Roo.id()
- };
- this.initEl(ct.createChild(o));
-
- this.root.render(this.el);
-
- this.items.each(function(f){
- f.render('x-form-el-'+f.id);
- });
-
- if(this.buttons.length > 0){
-
- var tb = this.el.createChild({cls:'x-form-btns-ct', cn: {
- cls:"x-form-btns x-form-btns-"+this.buttonAlign,
- html:'<table cellspacing="0"><tbody><tr></tr></tbody></table><div class="x-clear"></div>'
- }}, null, true);
- var tr = tb.getElementsByTagName('tr')[0];
- for(var i = 0, len = this.buttons.length; i < len; i++) {
- var b = this.buttons[i];
- var td = document.createElement('td');
- td.className = 'x-form-btn-td';
- b.render(tr.appendChild(td));
- }
- }
- if(this.monitorValid){
- this.startMonitoring();
- }
-
- this.fireEvent('rendered', this);
- return this;
- },
-
-
-
- addButton : function(E, F, G){
- var bc = {
- handler: F,
- scope: G,
- minWidth: this.minButtonWidth,
- hideParent:true
- };
- if(typeof E == "string"){
- bc.text = E;
- }else {
- Roo.apply(bc, E);
- }
- var H = new Roo.Button(null, bc);
- this.buttons.push(H);
- return H;
- },
-
-
-
-
- addxtype : function()
- {
- var ar = Array.prototype.slice.call(arguments, 0);
- var I = false;
- for(var i = 0; i < ar.length; i++) {
- if (!ar[i]) {
- continue;
-
-
- }
-
- if (Roo.form[ar[i].xtype]) {
- ar[i].form = this;
- var fe = Roo.factory(ar[i], Roo.form);
- if (!I) {
- I = fe;
- }
-
- fe.form = this;
- if (fe.store) {
- fe.store.form = this;
- }
- if (fe.isLayout) {
-
- this.start(fe);
- this.allItems.push(fe);
- if (fe.items && fe.addxtype) {
- fe.addxtype.apply(fe, fe.items);
- delete fe.items;
- }
-
- this.end();
- continue;
- }
-
-
-
-
- this.add(fe);
-
- }
- if (ar[i].xtype == 'Button') {
-
-
- this.addButton(ar[i]);
- this.allItems.push(fe);
- continue;
- }
-
- if (ar[i].xtype == 'end') {
- alert('end is not supported on xtype any more, use items');
-
-
- }
-
- }
- return I;
- },
-
-
-
- startMonitoring : function(){
- if(!this.bound){
- this.bound = true;
- Roo.TaskMgr.start({
- run : this.bindHandler,
- interval : this.monitorPoll || 200,
- scope: this
- });
- }
- },
-
-
-
- stopMonitoring : function(){
- this.bound = false;
- },
-
-
- bindHandler : function(){
- if(!this.bound){
- return false;
- }
- var J = true;
- this.items.each(function(f){
- if(!f.isValid(true)){
- J = false;
- return false;
- }
- });
- for(var i = 0, len = this.buttons.length; i < len; i++){
- var H = this.buttons[i];
- if(H.formBind === true && H.disabled === J){
- H.setDisabled(!J);
- }
- }
-
- this.fireEvent('clientvalidation', this, J);
- }
-
-
-
-
-
-
-
-
-});
-
-
-
-Roo.Form = Roo.form.Form;
-
-
-
-
-
-
-
-
-
-Roo.form.Action = function(A, B){
- this.form = A;
- this.options = B || {};
-};
-
-
-Roo.form.Action.CLIENT_INVALID = 'client';
-
-
- Roo.form.Action.SERVER_INVALID = 'server';
-
-
-Roo.form.Action.CONNECT_FAILURE = 'connect';
-
-
-Roo.form.Action.LOAD_FAILURE = 'load';
-
-Roo.form.Action.prototype = {
- type : 'default',
- failureType : undefined,
- response : undefined,
- result : undefined,
-
-
- run : function(C){
-
- },
-
-
- success : function(D){
-
- },
-
-
- handleResponse : function(E){
-
- },
-
-
- failure : function(F){
- this.response = F;
- this.failureType = Roo.form.Action.CONNECT_FAILURE;
- this.form.afterAction(this, false);
- },
-
- processResponse : function(G){
- this.response = G;
- if(!G.responseText){
- return true;
- }
-
- this.result = this.handleResponse(G);
- return this.result;
- },
-
-
- getUrl : function(H){
- var I = this.options.url || this.form.url || this.form.el.dom.action;
- if(H){
- var p = this.getParams();
- if(p){
- I += (I.indexOf('?') != -1 ? '&' : '?') + p;
- }
- }
- return I;
- },
-
- 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 = Roo.urlEncode(Roo.applyIf(p, bp));
- }else if(typeof p == 'string' && bp){
- p += '&' + Roo.urlEncode(bp);
- }
- }else if(bp){
- p = Roo.urlEncode(bp);
- }
- return p;
- },
-
- createCallback : function(){
- return {
- success: this.success,
- failure: this.failure,
- scope: this,
- timeout: (this.form.timeout*1000),
- upload: this.form.fileUpload ? this.success : undefined
- };
- }
-};
-
-Roo.form.Action.Submit = function(J, K){
- Roo.form.Action.Submit.superclass.constructor.call(this, J, K);
-};
-
-Roo.extend(Roo.form.Action.Submit, Roo.form.Action, {
- type : 'submit',
-
- run : function(){
- var o = this.options;
- var L = this.getMethod();
- var M = L == 'POST';
- if(o.clientValidation === false || this.form.isValid()){
- Roo.Ajax.request(Roo.apply(this.createCallback(), {
- form:this.form.el.dom,
- url:this.getUrl(!M),
- method: L,
- params:M ? this.getParams() : null,
- isUpload: this.form.fileUpload
- }));
-
- }else if (o.clientValidation !== false){
- this.failureType = Roo.form.Action.CLIENT_INVALID;
- this.form.afterAction(this, false);
- }
- },
-
- success : function(N){
- var O = this.processResponse(N);
- if(O === true || O.success){
- this.form.afterAction(this, true);
- return;
- }
- if(O.errors){
- this.form.markInvalid(O.errors);
- this.failureType = Roo.form.Action.SERVER_INVALID;
- }
-
- this.form.afterAction(this, false);
- },
-
- handleResponse : function(P){
- if(this.form.errorReader){
- var rs = this.form.errorReader.read(P);
- 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
- };
- }
- var Q = false;
- try {
- Q = Roo.decode(P.responseText);
- } catch (e) {
- ret = {
- success: false,
- errorMsg: "Failed to read server message: " + response.responseText,
- errors : []
- };
- }
- return Q;
-
- }
-});
-
-
-Roo.form.Action.Load = function(R, S){
- Roo.form.Action.Load.superclass.constructor.call(this, R, S);
- this.reader = this.form.reader;
-};
-
-Roo.extend(Roo.form.Action.Load, Roo.form.Action, {
- type : 'load',
-
- run : function(){
- Roo.Ajax.request(Roo.apply(
- this.createCallback(), {
- method:this.getMethod(),
- url:this.getUrl(false),
- params:this.getParams()
- }));
- },
-
- success : function(T){
- var U = this.processResponse(T);
- if(U === true || !U.success || !U.data){
- this.failureType = Roo.form.Action.LOAD_FAILURE;
- this.form.afterAction(this, false);
- return;
- }
-
- this.form.clearInvalid();
- this.form.setValues(U.data);
- this.form.afterAction(this, true);
- },
-
- handleResponse : function(V){
- if(this.form.reader){
- var rs = this.form.reader.read(V);
- var data = rs.records && rs.records[0] ? rs.records[0].data : null;
- return {
- success : rs.success,
- data : data
- };
- }
- return Roo.decode(V.responseText);
- }
-});
-
-Roo.form.Action.ACTION_TYPES = {
- 'load' : Roo.form.Action.Load,
- 'submit' : Roo.form.Action.Submit
-};
-
-
-
-
-
-Roo.form.Layout = function(A){
- var B = [];
- if (A.items) {
- B = A.items;
- delete A.items;
- }
-
- Roo.form.Layout.superclass.constructor.call(this, A);
- this.stack = [];
- Roo.each(B, this.addxtype, this);
-
-};
-
-Roo.extend(Roo.form.Layout, Roo.Component, {
-
-
-
-
-
-
-
-
-
-
- clear : true,
-
-
- labelSeparator : ':',
-
-
- hideLabels : false,
-
-
- defaultAutoCreate : {tag: 'div', cls: 'x-form-ct'},
-
- isLayout : true,
-
-
- onRender : function(ct, C){
- if(this.el){
- this.el = Roo.get(this.el);
- }else {
- var cfg = this.getAutoCreate();
- this.el = ct.createChild(cfg, C);
- }
- if(this.style){
- this.el.applyStyles(this.style);
- }
- if(this.labelAlign){
- this.el.addClass('x-form-label-'+this.labelAlign);
- }
- if(this.hideLabels){
- this.labelStyle = "display:none";
- this.elementStyle = "padding-left:0;";
- }else {
- if(typeof this.labelWidth == 'number'){
- this.labelStyle = "width:"+this.labelWidth+"px;";
- this.elementStyle = "padding-left:"+((this.labelWidth+(typeof this.labelPad == 'number' ? this.labelPad : 5))+'px')+";";
- }
- if(this.labelAlign == 'top'){
- this.labelStyle = "width:auto;";
- this.elementStyle = "padding-left:0;";
- }
- }
- var D = this.stack;
- var E = D.length;
- if(E > 0){
- if(!this.fieldTpl){
- var t = new Roo.Template(
- '<div class="x-form-item {5}">',
- '<label for="{0}" style="{2}">{1}{4}</label>',
- '<div class="x-form-element" id="x-form-el-{0}" style="{3}">',
- '</div>',
- '</div><div class="x-form-clear-left"></div>'
- );
- t.disableFormats = true;
- t.compile();
- Roo.form.Layout.prototype.fieldTpl = t;
- }
- for(var i = 0; i < E; i++) {
- if(D[i].isFormField){
- this.renderField(D[i]);
- }else {
- this.renderComponent(D[i]);
- }
- }
- }
- if(this.clear){
- this.el.createChild({cls:'x-form-clear'});
- }
- },
-
-
- renderField : function(f){
- f.fieldEl = Roo.get(this.fieldTpl.append(this.el, [
- f.id,
- f.fieldLabel,
- f.labelStyle||this.labelStyle||'',
- this.elementStyle||'',
- typeof f.labelSeparator == 'undefined' ? this.labelSeparator : f.labelSeparator,
- f.itemCls||this.itemCls||''
- ], true).getPrevSibling());
- },
-
-
- renderComponent : function(c){
- c.render(c.isLayout ? this.el : this.el.createChild());
- },
-
-
- addxtype : function(o)
- {
-
- o.form = this.form;
- var fe = Roo.factory(o, Roo.form);
- this.form.allItems.push(fe);
- this.stack.push(fe);
-
- if (fe.isFormField) {
- this.form.items.add(fe);
- }
-
- return fe;
- }
-});
-
-
-
-Roo.form.Column = function(F){
- Roo.form.Column.superclass.constructor.call(this, F);
-};
-
-Roo.extend(Roo.form.Column, Roo.form.Layout, {
-
-
-
-
-
-
- defaultAutoCreate : {tag: 'div', cls: 'x-form-ct x-form-column'},
-
-
- onRender : function(ct, G){
- Roo.form.Column.superclass.onRender.call(this, ct, G);
- if(this.width){
- this.el.setWidth(this.width);
- }
- }
-});
-
-
-
-
-
-
-Roo.form.Row = function(H){
- Roo.form.Row.superclass.constructor.call(this, H);
-};
-
-Roo.extend(Roo.form.Row, Roo.form.Layout, {
-
-
-
-
- defaultAutoCreate : {tag: 'div', cls: 'x-form-ct x-form-row'},
-
- padWidth : 20,
-
- onRender : function(ct, I){
-
- if(!this.rowTpl){
- var t = new Roo.Template(
- '<div class="x-form-item {5}" style="float:left;width:{6}px">',
- '<label for="{0}" style="{2}">{1}{4}</label>',
- '<div class="x-form-element" id="x-form-el-{0}" style="{3}">',
- '</div>',
- '</div>'
- );
- t.disableFormats = true;
- t.compile();
- Roo.form.Layout.prototype.rowTpl = t;
- }
-
- this.fieldTpl = this.rowTpl;
-
-
- var J = 100;
-
- if ((this.labelAlign != 'top')) {
- if (typeof this.labelWidth == 'number') {
- J = this.labelWidth
- }
-
- this.padWidth = 20 + J;
-
- }
-
-
- Roo.form.Column.superclass.onRender.call(this, ct, I);
- if(this.width){
- this.el.setWidth(this.width);
- }
- if(this.height){
- this.el.setHeight(this.height);
- }
- },
-
-
- renderField : function(f){
- f.fieldEl = this.fieldTpl.append(this.el, [
- f.id, f.fieldLabel,
- f.labelStyle||this.labelStyle||'',
- this.elementStyle||'',
- typeof f.labelSeparator == 'undefined' ? this.labelSeparator : f.labelSeparator,
- f.itemCls||this.itemCls||'',
- f.width ? f.width + this.padWidth : 160 + this.padWidth
- ],true);
- }
-});
-
-
-
-
-Roo.form.FieldSet = function(K){
- Roo.form.FieldSet.superclass.constructor.call(this, K);
-};
-
-Roo.extend(Roo.form.FieldSet, Roo.form.Layout, {
-
-
-
-
-
-
- defaultAutoCreate : {tag: 'fieldset', cn: {tag:'legend'}},
-
-
- onRender : function(ct, L){
- Roo.form.FieldSet.superclass.onRender.call(this, ct, L);
- if(this.legend){
- this.setLegend(this.legend);
- }
- },
-
-
- setLegend : function(M){
- if(this.rendered){
- this.el.child('legend').update(M);
- }
- }
-});
-
-
-
-
-Roo.form.VTypes = function(){
-
- var A = /^[a-zA-Z_]+$/;
- var B = /^[a-zA-Z0-9_]+$/;
- var C = /^([\w]+)(.[\w]+)*@([\w-]+\.){1,5}([A-Za-z]){2,4}$/;
- var D = /(((https?)|(ftp)):\/\/([\-\w]+\.)+\w{2,3}(\/[%\-\w]+(\.\w{2,})?)*(([\w\-\.\?\\\/+@&#;`~=%!]*)(\.\w{2,})?)*\/?)/i;
-
-
- return {
-
-
- 'email' : function(v){
- return C.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 D.test(v);
- },
-
-
- 'urlText' : 'This field should be a URL in the format "http:/'+'/www.domain.com"',
-
-
-
- 'alpha' : function(v){
- return A.test(v);
- },
-
-
- 'alphaText' : 'This field should only contain letters and _',
-
-
- 'alphaMask' : /[a-z_]/i,
-
-
-
- 'alphanum' : function(v){
- return B.test(v);
- },
-
-
- 'alphanumText' : 'This field should only contain letters, numbers and _',
-
-
- 'alphanumMask' : /[a-z0-9_]/i
- };
-}();
-
-
-
-
-Roo.form.FCKeditor = function(A){
- Roo.form.FCKeditor.superclass.constructor.call(this, A);
- this.addEvents({
-
-
- editorinit : true
- });
-
-
-};
-Roo.form.FCKeditor.editors = { };
-Roo.extend(Roo.form.FCKeditor, Roo.form.TextArea,
-{
-
-
-
-
-
-
- fckconfig : false,
-
-
-
- toolbarSet : 'Basic',
-
-
- basePath : '/fckeditor/',
-
-
- frame : false,
-
- value : '',
-
-
- onRender : function(ct, B)
- {
- if(!this.el){
- this.defaultAutoCreate = {
- tag: "textarea",
- style:"width:300px;height:60px;",
- autocomplete: "off"
- };
- }
-
- Roo.form.FCKeditor.superclass.onRender.call(this, ct, B);
-
-
-
- Roo.form.FCKeditor.editors[this.getId()] = this;
-
-
- this.replaceTextarea() ;
-
- },
-
- getEditor : function() {
- return this.fckEditor;
- },
-
-
-
-
- setValue : function(C)
- {
-
-
- if(typeof(C) == 'undefined') {
- return;
- }
-
- Roo.form.FCKeditor.superclass.setValue.apply(this,[C]);
-
-
-
-
-
-
-
- if(!this.getEditor()) {
- return;
- }
-
-
- this.getEditor().SetData(C);
-
-
-
- },
-
-
-
- getValue : function()
- {
-
- if (this.frame && this.frame.dom.style.display == 'none') {
- return Roo.form.FCKeditor.superclass.getValue.call(this);
- }
-
- if(!this.el || !this.getEditor()) {
-
-
- return this.value;
- }
-
-
- var D=this.getEditor().GetData();
- Roo.form.FCKeditor.superclass.setValue.apply(this,[D]);
- return Roo.form.FCKeditor.superclass.getValue.call(this);
-
-
- },
-
-
-
- getRawValue : function()
- {
- if (this.frame && this.frame.dom.style.display == 'none') {
- return Roo.form.FCKeditor.superclass.getRawValue.call(this);
- }
-
- if(!this.el || !this.getEditor()) {
-
- return this.value;
- return;
- }
-
-
-
- var E=this.getEditor().GetData();
- Roo.form.FCKeditor.superclass.setRawValue.apply(this,[E]);
- return Roo.form.FCKeditor.superclass.getRawValue.call(this);
-
- },
-
- setSize : function(w,h) {
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Roo.form.FCKeditor.superclass.setSize.apply(this, [w, h]);
-
- this.frame.dom.setAttribute('width', w);
- this.frame.dom.setAttribute('height', h);
- this.frame.setSize(w,h);
-
- },
-
- toggleSourceEdit : function(F) {
-
-
-
- this.el.dom.style.display = F ? '' : 'none';
- this.frame.dom.style.display = F ? 'none' : '';
-
- },
-
-
- focus: function(G)
- {
- if (this.frame.dom.style.display == 'none') {
- return Roo.form.FCKeditor.superclass.focus.call(this);
- }
- if(!this.el || !this.getEditor()) {
- this.focus.defer(100,this, [G]);
- return;
- }
-
-
-
-
- var H = this.getEditor().EditorDocument.getElementsByTagName(G);
- this.getEditor().Focus();
- if (H.length) {
- if (!this.getEditor().Selection.GetSelection()) {
- this.focus.defer(100,this, [G]);
- return;
- }
-
-
- var r = this.getEditor().EditorDocument.createRange();
- r.setStart(H[0],0);
- r.setEnd(H[0],0);
- this.getEditor().Selection.GetSelection().removeAllRanges();
- this.getEditor().Selection.GetSelection().addRange(r);
- this.getEditor().Focus();
- }
-
- },
-
-
-
- replaceTextarea : function()
- {
- if ( document.getElementById( this.getId() + '___Frame' ) )
- return ;
-
-
-
- var I = document.getElementById( this.getId() );
-
- var J = document.getElementsByName( this.getId() ) ;
-
- I.style.display = 'none' ;
-
- if ( I.tabIndex ) {
- this.TabIndex = I.tabIndex ;
- }
-
-
- this._insertHtmlBefore( this._getConfigHtml(), I ) ;
- this._insertHtmlBefore( this._getIFrameHtml(), I ) ;
- this.frame = Roo.get(this.getId() + '___Frame')
- },
-
- _getConfigHtml : function()
- {
- var K = '' ;
-
- for ( var o in this.fckconfig ) {
- K += K.length > 0 ? '&' : '';
- K += encodeURIComponent( o ) + '=' + encodeURIComponent( this.fckconfig[o] ) ;
- }
-
- return '<input type="hidden" id="' + this.getId() + '___Config" value="' + K + '" style="display:none" />' ;
- },
-
-
- _getIFrameHtml : function()
- {
- var L = 'fckeditor.html' ;
-
-
-
- var M = this.basePath + 'editor/' + L + '?InstanceName=' + encodeURIComponent( this.getId() ) ;
- M += this.toolbarSet ? ( '&Toolbar=' + this.toolbarSet) : '';
-
-
- var N = '<iframe id="' + this.getId() +
- '___Frame" src="' + M +
- '" width="' + this.width +
- '" height="' + this.height + '"' +
- (this.tabIndex ? ' tabindex="' + this.tabIndex + '"' :'' ) +
- ' frameborder="0" scrolling="no"></iframe>' ;
-
- return N ;
- },
-
- _insertHtmlBefore : function( O, P )
- {
- if ( P.insertAdjacentHTML ) {
-
- P.insertAdjacentHTML( 'beforeBegin', O ) ;
- } else {
- var oRange = document.createRange() ;
- oRange.setStartBefore( P ) ;
- var oFragment = oRange.createContextualFragment( O );
- P.parentNode.insertBefore( oFragment, P ) ;
- }
- }
-
-
-
-
-
-
-
-
-});
-
-
-
-function Q(R){
- var f = Roo.form.FCKeditor.editors[R.Name];
- f.fckEditor = R;
-
- f.fireEvent('editorinit', f, R);
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Roo.form.GridField = function(A){
- Roo.form.GridField.superclass.constructor.call(this, A);
-
-};
-
-Roo.extend(Roo.form.GridField, Roo.form.Field, {
-
-
- width : 100,
-
-
- height : 50,
-
-
- xgrid : false,
-
-
-
- defaultAutoCreate : { tag: 'input', type: 'hidden', autocomplete: 'off'},
-
-
- addTitle : false,
-
- onResize : function(){
- Roo.form.Field.superclass.onResize.apply(this, arguments);
- },
-
- initEvents : function(){
-
-
-
- },
-
-
- getResizeEl : function(){
- return this.wrap;
- },
-
- getPositionEl : function(){
- return this.wrap;
- },
-
-
- onRender : function(ct, B){
-
- this.style = this.style || 'overflow: hidden; border:1px solid #c3daf9;';
- var C = this.style;
- delete this.style;
-
- Roo.form.DisplayImage.superclass.onRender.call(this, ct, B);
- this.wrap = this.el.wrap({cls: ''});
- this.viewEl = this.wrap.createChild({ tag: 'div' });
- if (C) {
- this.viewEl.applyStyles(C);
- }
- if (this.width) {
- this.viewEl.setWidth(this.width);
- }
- if (this.height) {
- this.viewEl.setHeight(this.height);
- }
-
-
-
-
-
- this.grid = new Roo.grid[this.xgrid.xtype](this.viewEl, this.xgrid);
-
-
- this.grid.render();
- this.grid.getDataSource().on('remove', this.refreshValue, this);
- this.grid.getDataSource().on('update', this.refreshValue, this);
- this.grid.on('afteredit', this.refreshValue, this);
-
- },
-
-
-
-
- setValue : function(v){
-
- v = v || [];
-
- if (this.grid && this.grid.getDataSource() && typeof(v) != 'undefined') {
- var ds = this.grid.getDataSource();
-
- var data = {}
-
- data[ds.reader.meta.root ] = typeof(v) == 'string' ? Roo.decode(v) : v;
- ds.loadData( data);
- }
-
- Roo.form.GridField.superclass.setValue.call(this, v);
- this.refreshValue();
-
- },
-
-
- refreshValue: function() {
- var D = [];
- this.grid.getDataSource().each(function(r) {
- D.push(r.data);
- });
- this.el.dom.value = Roo.encode(D);
- }
-
-
-
-
-});
-
-
-
-
-
-
-Roo.DDView = function(A, B, C) {
- Roo.DDView.superclass.constructor.apply(this, arguments);
- this.getEl().setStyle("outline", "0px none");
- this.getEl().unselectable();
- if (this.dragGroup) {
- this.setDraggable(this.dragGroup.split(","));
- }
- if (this.dropGroup) {
- this.setDroppable(this.dropGroup.split(","));
- }
- if (this.deletable) {
- this.setDeletable();
- }
-
- this.isDirtyFlag = false;
- this.addEvents({
- "drop" : true
- });
-};
-
-Roo.extend(Roo.DDView, Roo.View, {
-
-
-
-
-
-
-
-
-
- isFormField: true,
-
- reset: Roo.emptyFn,
-
- clearInvalid: Roo.form.Field.prototype.clearInvalid,
-
- validate: function() {
- return true;
- },
-
- destroy: function() {
- this.purgeListeners();
- this.getEl.removeAllListeners();
- this.getEl().remove();
- if (this.dragZone) {
- if (this.dragZone.destroy) {
- this.dragZone.destroy();
- }
- }
- if (this.dropZone) {
- if (this.dropZone.destroy) {
- this.dropZone.destroy();
- }
- }
- },
-
-
-
- getName: function() {
- return this.name;
- },
-
-
-
- setValue: function(v) {
- if (!this.store) {
- throw "DDView.setValue(). DDView must be constructed with a valid Store";
- }
- var D = {};
- D[this.store.reader.meta.root] = v ? [].concat(v) : [];
- this.store.proxy = new Roo.data.MemoryProxy(D);
- this.store.load();
- },
-
-
-
- getValue: function() {
- var E = '(';
- this.store.each(function(F) {
- E += F.id + ',';
- });
- return E.substr(0, E.length - 1) + ')';
- },
-
- getIds: function() {
- var i = 0, F = new Array(this.store.getCount());
- this.store.each(function(G) {
- F[i++] = G.id;
- });
- return F;
- },
-
- isDirty: function() {
- return this.isDirtyFlag;
- },
-
-
-
- getTargetFromEvent : function(e) {
- var G = e.getTarget();
- while ((G !== null) && (G.parentNode != this.el.dom)) {
- G = G.parentNode;
- }
- if (!G) {
- G = this.el.dom.lastChild || this.el.dom;
- }
- return G;
- },
-
-
-
- getDragData : function(e) {
- var H = this.findItemFromChild(e.getTarget());
- if(H) {
- this.handleSelection(e);
- var selNodes = this.getSelectedNodes();
- var dragData = {
- source: this,
- copy: this.copy || (this.allowCopy && e.ctrlKey),
- nodes: selNodes,
- records: []
- };
- var selectedIndices = this.getSelectedIndexes();
- for (var i = 0; i < selectedIndices.length; i++) {
- dragData.records.push(this.store.getAt(selectedIndices[i]));
- }
- if (selNodes.length == 1) {
- dragData.ddel = H.cloneNode(true);
- } else {
- var div = document.createElement('div');
- div.className = 'multi-proxy';
- for (var i = 0, len = selNodes.length; i < len; i++) {
- div.appendChild(selNodes[i].cloneNode(true));
- }
-
- dragData.ddel = div;
- }
-
-
- return dragData;
- }
-
- return false;
- },
-
-
-
- setDraggable: function(I) {
- if (I instanceof Array) {
- Roo.each(I, this.setDraggable, this);
- return;
- }
- if (this.dragZone) {
- this.dragZone.addToGroup(I);
- } else {
- this.dragZone = new Roo.dd.DragZone(this.getEl(), {
- containerScroll: true,
- ddGroup: I
-
- });
-
- if (!this.multiSelect) { this.singleSelect = true; }
-
-
-
- this.dragZone.getDragData = this.getDragData.createDelegate(this);
- }
- },
-
-
-
- setDroppable: function(J) {
- if (J instanceof Array) {
- Roo.each(J, this.setDroppable, this);
- return;
- }
- if (this.dropZone) {
- this.dropZone.addToGroup(J);
- } else {
- this.dropZone = new Roo.dd.DropZone(this.getEl(), {
- containerScroll: true,
- ddGroup: J
- });
-
-
- this.dropZone.getTargetFromEvent = this.getTargetFromEvent.createDelegate(this);
- this.dropZone.onNodeEnter = this.onNodeEnter.createDelegate(this);
- this.dropZone.onNodeOver = this.onNodeOver.createDelegate(this);
- this.dropZone.onNodeOut = this.onNodeOut.createDelegate(this);
- this.dropZone.onNodeDrop = this.onNodeDrop.createDelegate(this);
- }
- },
-
-
-
- getDropPoint : function(e, n, dd){
- if (n == this.el.dom) { return "above"; }
- var t = Roo.lib.Dom.getY(n), b = t + n.offsetHeight;
- var c = t + (b - t) / 2;
- var y = Roo.lib.Event.getPageY(e);
- if(y <= c) {
- return "above";
- }else {
- return "below";
- }
- },
-
- onNodeEnter : function(n, dd, e, K){
- return false;
- },
-
- onNodeOver : function(n, dd, e, L){
- var pt = this.getDropPoint(e, n, dd);
-
- var M = this.dropNotAllowed;
- if (pt) {
- var targetElClass;
- if (pt == "above"){
- M = n.previousSibling ? "x-tree-drop-ok-between" : "x-tree-drop-ok-above";
- targetElClass = "x-view-drag-insert-above";
- } else {
- M = n.nextSibling ? "x-tree-drop-ok-between" : "x-tree-drop-ok-below";
- targetElClass = "x-view-drag-insert-below";
- }
- if (this.lastInsertClass != targetElClass){
- Roo.fly(n).replaceClass(this.lastInsertClass, targetElClass);
- this.lastInsertClass = targetElClass;
- }
- }
- return M;
- },
-
- onNodeOut : function(n, dd, e, N){
- this.removeDropIndicators(n);
- },
-
- onNodeDrop : function(n, dd, e, O){
- if (this.fireEvent("drop", this, n, dd, e, O) === false) {
- return false;
- }
- var pt = this.getDropPoint(e, n, dd);
- var P = (n == this.el.dom) ? this.nodes.length : n.nodeIndex;
- if (pt == "below") { P++; }
- for (var i = 0; i < O.records.length; i++) {
- var r = O.records[i];
- var dup = this.store.getById(r.id);
- if (dup && (dd != this.dragZone)) {
- Roo.fly(this.getNode(this.store.indexOf(dup))).frame("red", 1);
- } else {
- if (O.copy) {
- this.store.insert(P++, r.copy());
- } else {
- O.source.isDirtyFlag = true;
- r.store.remove(r);
- this.store.insert(P++, r);
- }
-
- this.isDirtyFlag = true;
- }
- }
-
- this.dragZone.cachedTarget = null;
- return true;
- },
-
- removeDropIndicators : function(n){
- if(n){
- Roo.fly(n).removeClass([
- "x-view-drag-insert-above",
- "x-view-drag-insert-below"]);
- this.lastInsertClass = "_noclass";
- }
- },
-
-
-
- setDeletable: function(Q) {
- if (!this.singleSelect && !this.multiSelect) {
- this.singleSelect = true;
- }
- var c = this.getContextMenu();
- this.contextMenu.on("itemclick", function(R) {
- switch (R.id) {
- case "delete":
- this.remove(this.getSelectedIndexes());
- break;
- }
- }, this);
- this.contextMenu.add({
- icon: Q,
- id: "delete",
- text: 'Delete'
- });
- },
-
-
-
- getContextMenu: function() {
- if (!this.contextMenu) {
-
- this.contextMenu = new Roo.menu.Menu({
- id: this.id + "-contextmenu"
- });
- this.el.on("contextmenu", this.showContextMenu, this);
- }
- return this.contextMenu;
- },
-
- disableContextMenu: function() {
- if (this.contextMenu) {
- this.el.un("contextmenu", this.showContextMenu, this);
- }
- },
-
- showContextMenu: function(e, R) {
- R = this.findItemFromChild(e.getTarget());
- if (R) {
- e.stopEvent();
- this.select(this.getNode(R), this.multiSelect && e.ctrlKey, true);
- this.contextMenu.showAt(e.getXY());
- }
- },
-
-
-
- remove: function(S) {
- S = [].concat(S);
- for (var i = 0; i < S.length; i++) {
- var rec = this.store.getAt(S[i]);
- this.store.remove(rec);
- }
- },
-
-
-
- onDblClick : function(e){
- var T = this.findItemFromChild(e.getTarget());
- if(T){
- if (this.fireEvent("dblclick", this, this.indexOf(T), T, e) === false) {
- return false;
- }
- if (this.dragGroup) {
- var targets = Roo.dd.DragDropMgr.getRelated(this.dragZone, true);
- while (targets.indexOf(this.dropZone) > -1) {
- targets.remove(this.dropZone);
- }
- if (targets.length == 1) {
- this.dragZone.cachedTarget = null;
- var el = Roo.get(targets[0].getEl());
- var box = el.getBox(true);
- targets[0].onNodeDrop(el.dom, {
- target: el.dom,
- xy: [box.x, box.y + box.height - 1]
- }, null, this.getDragData(e));
- }
- }
- }
- },
-
- handleSelection: function(e) {
- this.dragZone.cachedTarget = null;
- var U = this.findItemFromChild(e.getTarget());
- if (!U) {
- this.clearSelections(true);
- return;
- }
- if (U && (this.multiSelect || this.singleSelect)){
- if(this.multiSelect && e.shiftKey && (!e.ctrlKey) && this.lastSelection){
- this.select(this.getNodes(this.indexOf(this.lastSelection), U.nodeIndex), false);
- }else if (this.isSelected(this.getNode(U)) && e.ctrlKey){
- this.unselect(U);
- } else {
- this.select(U, this.multiSelect && e.ctrlKey);
- this.lastSelection = U;
- }
- }
- },
-
- onItemClick : function(V, W, e){
- if(this.fireEvent("beforeclick", this, W, V, e) === false){
- return false;
- }
- return true;
- },
-
- unselect : function(X, Y){
- var Z = this.getNode(X);
- if(Z && this.isSelected(Z)){
- if(this.fireEvent("beforeselect", this, Z, this.selections) !== false){
- Roo.fly(Z).removeClass(this.selectedClass);
- this.selections.remove(Z);
- if(!Y){
- this.fireEvent("selectionchange", this, this.selections);
- }
- }
- }
- }
-});
-
-
-
-
-
-
-Roo.LayoutManager = function(A, B){
- Roo.LayoutManager.superclass.constructor.call(this);
- this.el = Roo.get(A);
-
- if(this.el.dom == document.body && Roo.isIE && !B.allowScroll){
- document.body.scroll = "no";
- }else if(this.el.dom != document.body && this.el.getStyle('position') == 'static'){
- this.el.position('relative');
- }
-
- this.id = this.el.id;
- this.el.addClass("x-layout-container");
-
-
- this.monitorWindowResize = true;
- this.regions = {};
- this.addEvents({
-
-
- "layout" : true,
-
-
- "regionresized" : true,
-
-
- "regioncollapsed" : true,
-
-
- "regionexpanded" : true
- });
- this.updating = false;
- Roo.EventManager.onWindowResize(this.onWindowResize, this, true);
-};
-
-Roo.extend(Roo.LayoutManager, Roo.util.Observable, {
-
-
- isUpdating : function(){
- return this.updating;
- },
-
-
-
- beginUpdate : function(){
- this.updating = true;
- },
-
-
-
- endUpdate : function(C){
- this.updating = false;
- if(!C){
- this.layout();
- }
- },
-
- layout: function(){
-
- },
-
- onRegionResized : function(D, E){
- this.fireEvent("regionresized", D, E);
- this.layout();
- },
-
- onRegionCollapsed : function(F){
- this.fireEvent("regioncollapsed", F);
- },
-
- onRegionExpanded : function(G){
- this.fireEvent("regionexpanded", G);
- },
-
-
-
- getViewSize : function(){
- var H;
- if(this.el.dom != document.body){
- H = this.el.getSize();
- }else {
- H = {width: Roo.lib.Dom.getViewWidth(), height: Roo.lib.Dom.getViewHeight()};
- }
-
- H.width -= this.el.getBorderWidth("lr")-this.el.getPadding("lr");
- H.height -= this.el.getBorderWidth("tb")-this.el.getPadding("tb");
- return H;
- },
-
-
-
- getEl : function(){
- return this.el;
- },
-
-
-
- getRegion : function(I){
- return this.regions[I.toLowerCase()];
- },
-
- onWindowResize : function(){
- if(this.monitorWindowResize){
- this.layout();
- }
- }
-});
-
-
-
-
-Roo.BorderLayout = function(A, B){
- B = B || {};
- Roo.BorderLayout.superclass.constructor.call(this, A, B);
- this.factory = B.factory || Roo.BorderLayout.RegionFactory;
- for(var i = 0, len = this.factory.validRegions.length; i < len; i++) {
- var target = this.factory.validRegions[i];
- if(B[target]){
- this.addRegion(target, B[target]);
- }
- }
-};
-
-Roo.extend(Roo.BorderLayout, Roo.LayoutManager, {
-
-
- addRegion : function(C, D){
- if(!this.regions[C]){
- var r = this.factory.create(C, this, D);
- this.bindRegion(C, r);
- }
- return this.regions[C];
- },
-
-
- bindRegion : function(E, r){
- this.regions[E] = r;
- r.on("visibilitychange", this.layout, this);
- r.on("paneladded", this.layout, this);
- r.on("panelremoved", this.layout, this);
- r.on("invalidated", this.layout, this);
- r.on("resized", this.onRegionResized, this);
- r.on("collapsed", this.onRegionCollapsed, this);
- r.on("expanded", this.onRegionExpanded, this);
- },
-
-
-
- layout : function(){
- if(this.updating) return;
- var F = this.getViewSize();
- var w = F.width;
- var h = F.height;
- var G = w;
- var H = h;
- var I = 0;
- var J = 0;
-
-
- var rs = this.regions;
- var K = rs["north"];
- var L = rs["south"];
- var M = rs["west"];
- var N = rs["east"];
- var O = rs["center"];
-
-
-
- if(K && K.isVisible()){
- var b = K.getBox();
- var m = K.getMargins();
- b.width = w - (m.left+m.right);
- b.x = m.left;
- b.y = m.top;
- I = b.height + b.y + m.bottom;
- H -= I;
- K.updateBox(this.safeBox(b));
- }
- if(L && L.isVisible()){
- var b = L.getBox();
- var m = L.getMargins();
- b.width = w - (m.left+m.right);
- b.x = m.left;
- var totalHeight = (b.height + m.top + m.bottom);
- b.y = h - totalHeight + m.top;
- H -= totalHeight;
- L.updateBox(this.safeBox(b));
- }
- if(M && M.isVisible()){
- var b = M.getBox();
- var m = M.getMargins();
- b.height = H - (m.top+m.bottom);
- b.x = m.left;
- b.y = I + m.top;
- var totalWidth = (b.width + m.left + m.right);
- J += totalWidth;
- G -= totalWidth;
- M.updateBox(this.safeBox(b));
- }
- if(N && N.isVisible()){
- var b = N.getBox();
- var m = N.getMargins();
- b.height = H - (m.top+m.bottom);
- var totalWidth = (b.width + m.left + m.right);
- b.x = w - totalWidth + m.left;
- b.y = I + m.top;
- G -= totalWidth;
- N.updateBox(this.safeBox(b));
- }
- if(O){
- var m = O.getMargins();
- var centerBox = {
- x: J + m.left,
- y: I + m.top,
- width: G - (m.left+m.right),
- height: H - (m.top+m.bottom)
- };
-
-
-
- O.updateBox(this.safeBox(centerBox));
- }
-
- this.el.repaint();
- this.fireEvent("layout", this);
- },
-
-
- safeBox : function(P){
- P.width = Math.max(0, P.width);
- P.height = Math.max(0, P.height);
- return P;
- },
-
-
-
- add : function(Q, R){
-
- Q = Q.toLowerCase();
- return this.regions[Q].add(R);
- },
-
-
-
- remove : function(S, T){
- S = S.toLowerCase();
- return this.regions[S].remove(T);
- },
-
-
-
- findPanel : function(U){
- var rs = this.regions;
- for(var S in rs){
- if(typeof rs[S] != "function"){
- var p = rs[S].getPanel(U);
- if(p){
- return p;
- }
- }
- }
- return null;
- },
-
-
-
- showPanel : function(V) {
- var rs = this.regions;
- for(var S in rs){
- var r = rs[S];
- if(typeof r != "function"){
- if(r.hasPanel(V)){
- return r.showPanel(V);
- }
- }
- }
- return null;
- },
-
-
-
- restoreState : function(W){
- if(!W){
- W = Roo.state.Manager;
- }
- var sm = new Roo.LayoutStateManager();
- sm.init(this, W);
- },
-
-
-
- batchAdd : function(X){
- this.beginUpdate();
- for(var rname in X){
- var lr = this.regions[rname];
- if(lr){
- this.addTypedPanels(lr, X[rname]);
- }
- }
-
- this.endUpdate();
- },
-
-
- addTypedPanels : function(lr, ps){
- if(typeof ps == 'string'){
- lr.add(new Roo.ContentPanel(ps));
- }
- else if(ps instanceof Array){
- for(var i =0, len = ps.length; i < len; i++){
- this.addTypedPanels(lr, ps[i]);
- }
- }
- else if(!ps.events){
- var el = ps.el;
- delete ps.el;
- lr.add(new Roo.ContentPanel(el || Roo.id(), ps));
- }
- else {
- lr.add(ps);
- }
- },
-
-
- addxtype : function(Y)
- {
-
-
-
-
- if (!Y.xtype.match(/Panel$/)) {
- return false;
- }
- var Z = false;
- var a = Y.region;
- delete Y.region;
-
-
- var c = [];
- if (Y.items) {
- c = Y.items;
- delete Y.items;
- }
-
-
- switch(Y.xtype)
- {
- case 'ContentPanel':
- if(Y.autoCreate) {
- Z = new Roo[Y.xtype](Y);
- } else {
- var el = this.el.createChild();
- Z = new Roo[Y.xtype](el, Y);
- }
-
-
- this.add(a, Z);
- break;
-
-
- case 'TreePanel':
- Y.el = this.el.createChild();
- Z = new Roo[Y.xtype](Y);
- this.add(a, Z);
- break;
-
- case 'NestedLayoutPanel':
-
- var el = this.el.createChild();
- var clayout = Y.layout;
- delete Y.layout;
- clayout.items = clayout.items || [];
-
- c = clayout.items;
-
-
- if (a == 'center' && this.active && this.getRegion('center').panels.length < 1) {
- Y.background = false;
- }
- var layout = new Roo.BorderLayout(el, clayout);
-
- Z = new Roo[Y.xtype](layout, Y);
-
- this.add(a, Z);
-
- break;
-
- case 'GridPanel':
-
-
-
-
- var el = this.el.createChild();
-
-
- var grid = new Roo.grid[Y.grid.xtype](el, Y.grid);
- delete Y.grid;
- if (a == 'center' && this.active ) {
- Y.background = false;
- }
-
- Z = new Roo[Y.xtype](grid, Y);
-
- this.add(a, Z);
- if (Y.background) {
- Z.on('activate', function(gp) {
- if (!gp.grid.rendered) {
- gp.grid.render();
- }
- });
- } else {
- grid.render();
- }
- break;
-
-
-
-
- default:
- alert("Can not add '" + Y.xtype + "' to BorderLayout");
- return;
-
-
- }
-
- this.beginUpdate();
-
- Roo.each(c, function(i) {
- Z.addxtype(i);
- });
- this.endUpdate();
- return Z;
-
- }
-});
-
-
-
-Roo.BorderLayout.create = function(d, e){
- var f = new Roo.BorderLayout(e || document.body, d);
- f.beginUpdate();
- var g = Roo.BorderLayout.RegionFactory.validRegions;
- for(var j = 0, jlen = g.length; j < jlen; j++){
- var lr = g[j];
- if(f.regions[lr] && d[lr].panels){
- var r = f.regions[lr];
- var ps = d[lr].panels;
- f.addTypedPanels(r, ps);
- }
- }
-
- f.endUpdate();
- return f;
-};
-
-
-Roo.BorderLayout.RegionFactory = {
-
- validRegions : ["north","south","east","west","center"],
-
-
- create : function(k, l, n){
- k = k.toLowerCase();
- if(n.lightweight || n.basic){
- return new Roo.BasicLayoutRegion(l, n, k);
- }
- switch(k){
- case "north":
- return new Roo.NorthLayoutRegion(l, n);
- case "south":
- return new Roo.SouthLayoutRegion(l, n);
- case "east":
- return new Roo.EastLayoutRegion(l, n);
- case "west":
- return new Roo.WestLayoutRegion(l, n);
- case "center":
- return new Roo.CenterLayoutRegion(l, n);
- }
- throw 'Layout region "'+k+'" not supported.';
- }
-};
-
-
-
-
-
-Roo.BasicLayoutRegion = function(A, B, C, D){
- this.mgr = A;
- this.position = C;
- this.events = {
-
-
-
-
-
- "beforeremove" : true,
-
-
- "invalidated" : true,
-
-
- "visibilitychange" : true,
-
-
- "paneladded" : true,
-
-
- "panelremoved" : true,
-
-
- "collapsed" : true,
-
-
- "expanded" : true,
-
-
- "slideshow" : true,
-
-
- "slidehide" : true,
-
-
- "panelactivated" : true,
-
-
- "resized" : true
- };
-
-
- this.panels = new Roo.util.MixedCollection();
- this.panels.getKey = this.getPanelId.createDelegate(this);
- this.box = null;
- this.activePanel = null;
-
-
- if (B.listeners || B.events) {
- Roo.BasicLayoutRegion.superclass.constructor.call(this, {
- listeners : B.listeners || {},
- events : B.events || {}
- });
- }
-
- if(D !== true){
- this.applyConfig(B);
- }
-};
-
-Roo.extend(Roo.BasicLayoutRegion, Roo.util.Observable, {
- getPanelId : function(p){
- return p.getId();
- },
-
- applyConfig : function(E){
- this.margins = E.margins || this.margins || {top: 0, left: 0, right:0, bottom: 0};
- this.config = E;
-
- },
-
-
-
- resizeTo : function(F){
- var el = this.el ? this.el :
- (this.activePanel ? this.activePanel.getEl() : null);
- if(el){
- switch(this.position){
- case "east":
- case "west":
- el.setWidth(F);
- this.fireEvent("resized", this, F);
- break;
- case "north":
- case "south":
- el.setHeight(F);
- this.fireEvent("resized", this, F);
- break;
- }
- }
- },
-
- getBox : function(){
- return this.activePanel ? this.activePanel.getEl().getBox(false, true) : null;
- },
-
- getMargins : function(){
- return this.margins;
- },
-
- updateBox : function(G){
- this.box = G;
- var el = this.activePanel.getEl();
- el.dom.style.left = G.x + "px";
- el.dom.style.top = G.y + "px";
- this.activePanel.setSize(G.width, G.height);
- },
-
-
-
- getEl : function(){
- return this.activePanel;
- },
-
-
-
- isVisible : function(){
- return this.activePanel ? true : false;
- },
-
- setActivePanel : function(H){
- H = this.getPanel(H);
- if(this.activePanel && this.activePanel != H){
- this.activePanel.setActiveState(false);
- this.activePanel.getEl().setLeftTop(-10000,-10000);
- }
-
- this.activePanel = H;
- H.setActiveState(true);
- if(this.box){
- H.setSize(this.box.width, this.box.height);
- }
-
- this.fireEvent("panelactivated", this, H);
- this.fireEvent("invalidated");
- },
-
-
-
- showPanel : function(I){
- if(I = this.getPanel(I)){
- this.setActivePanel(I);
- }
- return I;
- },
-
-
-
- getActivePanel : function(){
- return this.activePanel;
- },
-
-
-
- add : function(J){
- if(arguments.length > 1){
- for(var i = 0, len = arguments.length; i < len; i++) {
- this.add(arguments[i]);
- }
- return null;
- }
- if(this.hasPanel(J)){
- this.showPanel(J);
- return J;
- }
- var el = J.getEl();
- if(el.dom.parentNode != this.mgr.el.dom){
- this.mgr.el.dom.appendChild(el.dom);
- }
- if(J.setRegion){
- J.setRegion(this);
- }
-
- this.panels.add(J);
- el.setStyle("position", "absolute");
- if(!J.background){
- this.setActivePanel(J);
- if(this.config.initialSize && this.panels.getCount()==1){
- this.resizeTo(this.config.initialSize);
- }
- }
-
- this.fireEvent("paneladded", this, J);
- return J;
- },
-
-
-
- hasPanel : function(K){
- if(typeof K == "object"){
- K = K.getId();
- }
- return this.getPanel(K) ? true : false;
- },
-
-
-
- remove : function(L, M){
- L = this.getPanel(L);
- if(!L){
- return null;
- }
- var e = {};
- this.fireEvent("beforeremove", this, L, e);
- if(e.cancel === true){
- return null;
- }
- var N = L.getId();
- this.panels.removeKey(N);
- return L;
- },
-
-
-
- getPanel : function(id){
- if(typeof id == "object"){
- return id;
- }
- return this.panels.get(id);
- },
-
-
-
- getPosition: function(){
- return this.position;
- }
-});
-
-
-
-
-
-Roo.LayoutRegion = function(A, B, C){
- Roo.LayoutRegion.superclass.constructor.call(this, A, B, C, true);
- var dh = Roo.DomHelper;
-
-
- this.el = dh.append(A.el.dom, {tag: "div", cls: "x-layout-panel x-layout-panel-" + this.position}, true);
-
-
-
- this.titleEl = dh.append(this.el.dom, {tag: "div", unselectable: "on", cls: "x-unselectable x-layout-panel-hd x-layout-title-"+this.position, children:[
- {tag: "span", cls: "x-unselectable x-layout-panel-hd-text", unselectable: "on", html: " "},
- {tag: "div", cls: "x-unselectable x-layout-panel-hd-tools", unselectable: "on"}
- ]}, true);
- this.titleEl.enableDisplayMode();
-
-
- this.titleTextEl = this.titleEl.dom.firstChild;
- this.tools = Roo.get(this.titleEl.dom.childNodes[1], true);
- this.closeBtn = this.createTool(this.tools.dom, "x-layout-close");
- this.closeBtn.enableDisplayMode();
- this.closeBtn.on("click", this.closeClicked, this);
- this.closeBtn.hide();
-
- this.createBody(B);
- this.visible = true;
- this.collapsed = false;
-
- if(B.hideWhenEmpty){
- this.hide();
- this.on("paneladded", this.validateVisibility, this);
- this.on("panelremoved", this.validateVisibility, this);
- }
-
- this.applyConfig(B);
-};
-
-Roo.extend(Roo.LayoutRegion, Roo.BasicLayoutRegion, {
-
- createBody : function(){
-
-
- this.bodyEl = this.el.createChild({tag: "div", cls: "x-layout-panel-body"});
- },
-
- applyConfig : function(c){
- if(c.collapsible && this.position != "center" && !this.collapsedEl){
- var dh = Roo.DomHelper;
- if(c.titlebar !== false){
- this.collapseBtn = this.createTool(this.tools.dom, "x-layout-collapse-"+this.position);
- this.collapseBtn.on("click", this.collapse, this);
- this.collapseBtn.enableDisplayMode();
-
- if(c.showPin === true || this.showPin){
- this.stickBtn = this.createTool(this.tools.dom, "x-layout-stick");
- this.stickBtn.enableDisplayMode();
- this.stickBtn.on("click", this.expand, this);
- this.stickBtn.hide();
- }
- }
-
-
-
- this.collapsedEl = dh.append(this.mgr.el.dom, {cls: "x-layout-collapsed x-layout-collapsed-"+this.position, children:[
- {cls: "x-layout-collapsed-tools", children:[{cls: "x-layout-ctools-inner"}]}
- ]}, true);
- if(c.floatable !== false){
- this.collapsedEl.addClassOnOver("x-layout-collapsed-over");
- this.collapsedEl.on("click", this.collapseClick, this);
- }
-
- if(c.collapsedTitle && (this.position == "north" || this.position== "south")) {
- this.collapsedTitleTextEl = dh.append(this.collapsedEl.dom, {tag: "div", cls: "x-unselectable x-layout-panel-hd-text",
- id: "message", unselectable: "on", style:{"float":"left"}});
- this.collapsedTitleTextEl.innerHTML = c.collapsedTitle;
- }
-
- this.expandBtn = this.createTool(this.collapsedEl.dom.firstChild.firstChild, "x-layout-expand-"+this.position);
- this.expandBtn.on("click", this.expand, this);
- }
- if(this.collapseBtn){
- this.collapseBtn.setVisible(c.collapsible == true);
- }
-
- this.cmargins = c.cmargins || this.cmargins ||
- (this.position == "west" || this.position == "east" ?
- {top: 0, left: 2, right:2, bottom: 0} :
- {top: 2, left: 0, right:0, bottom: 2});
- this.margins = c.margins || this.margins || {top: 0, left: 0, right:0, bottom: 0};
- this.bottomTabs = c.tabPosition != "top";
- this.autoScroll = c.autoScroll || false;
- if(this.autoScroll){
- this.bodyEl.setStyle("overflow", "auto");
- }else {
- this.bodyEl.setStyle("overflow", "hidden");
- }
-
- if((!c.titlebar && !c.title) || c.titlebar === false){
- this.titleEl.hide();
- }else {
- this.titleEl.show();
- if(c.title){
- this.titleTextEl.innerHTML = c.title;
- }
- }
-
-
- this.duration = c.duration || .30;
- this.slideDuration = c.slideDuration || .45;
- this.config = c;
- if(c.collapsed){
- this.collapse(true);
- }
- if(c.hidden){
- this.hide();
- }
- },
-
-
- isVisible : function(){
- return this.visible;
- },
-
-
-
- setCollapsedTitle : function(D){
- D = D || " ";
- if(this.collapsedTitleTextEl){
- this.collapsedTitleTextEl.innerHTML = D;
- }
- },
-
- getBox : function(){
- var b;
- if(!this.collapsed){
- b = this.el.getBox(false, true);
- }else {
- b = this.collapsedEl.getBox(false, true);
- }
- return b;
- },
-
- getMargins : function(){
- return this.collapsed ? this.cmargins : this.margins;
- },
-
- highlight : function(){
- this.el.addClass("x-layout-panel-dragover");
- },
-
- unhighlight : function(){
- this.el.removeClass("x-layout-panel-dragover");
- },
-
- updateBox : function(E){
- this.box = E;
- if(!this.collapsed){
- this.el.dom.style.left = E.x + "px";
- this.el.dom.style.top = E.y + "px";
- this.updateBody(E.width, E.height);
- }else {
- this.collapsedEl.dom.style.left = E.x + "px";
- this.collapsedEl.dom.style.top = E.y + "px";
- this.collapsedEl.setSize(E.width, E.height);
- }
- if(this.tabs){
- this.tabs.autoSizeTabs();
- }
- },
-
- updateBody : function(w, h){
- if(w !== null){
- this.el.setWidth(w);
- w -= this.el.getBorderWidth("rl");
- if(this.config.adjustments){
- w += this.config.adjustments[0];
- }
- }
- if(h !== null){
- this.el.setHeight(h);
- h = this.titleEl && this.titleEl.isDisplayed() ? h - (this.titleEl.getHeight()||0) : h;
- h -= this.el.getBorderWidth("tb");
- if(this.config.adjustments){
- h += this.config.adjustments[1];
- }
-
- this.bodyEl.setHeight(h);
- if(this.tabs){
- h = this.tabs.syncHeight(h);
- }
- }
- if(this.panelSize){
- w = w !== null ? w : this.panelSize.width;
- h = h !== null ? h : this.panelSize.height;
- }
- if(this.activePanel){
- var el = this.activePanel.getEl();
- w = w !== null ? w : el.getWidth();
- h = h !== null ? h : el.getHeight();
- this.panelSize = {width: w, height: h};
- this.activePanel.setSize(w, h);
- }
- if(Roo.isIE && this.tabs){
- this.tabs.el.repaint();
- }
- },
-
-
-
- getEl : function(){
- return this.el;
- },
-
-
-
- hide : function(){
- if(!this.collapsed){
- this.el.dom.style.left = "-2000px";
- this.el.hide();
- }else {
- this.collapsedEl.dom.style.left = "-2000px";
- this.collapsedEl.hide();
- }
-
- this.visible = false;
- this.fireEvent("visibilitychange", this, false);
- },
-
-
-
- show : function(){
- if(!this.collapsed){
- this.el.show();
- }else {
- this.collapsedEl.show();
- }
-
- this.visible = true;
- this.fireEvent("visibilitychange", this, true);
- },
-
- closeClicked : function(){
- if(this.activePanel){
- this.remove(this.activePanel);
- }
- },
-
- collapseClick : function(e){
- if(this.isSlid){
- e.stopPropagation();
- this.slideIn();
- }else {
- e.stopPropagation();
- this.slideOut();
- }
- },
-
-
-
- collapse : function(F){
- if(this.collapsed) return;
- this.collapsed = true;
- if(this.split){
- this.split.el.hide();
- }
- if(this.config.animate && F !== true){
- this.fireEvent("invalidated", this);
- this.animateCollapse();
- }else {
- this.el.setLocation(-20000,-20000);
- this.el.hide();
- this.collapsedEl.show();
- this.fireEvent("collapsed", this);
- this.fireEvent("invalidated", this);
- }
- },
-
- animateCollapse : function(){
-
- },
-
-
-
- expand : function(e, G){
- if(e) e.stopPropagation();
- if(!this.collapsed || this.el.hasActiveFx()) return;
- if(this.isSlid){
- this.afterSlideIn();
- G = true;
- }
-
- this.collapsed = false;
- if(this.config.animate && G !== true){
- this.animateExpand();
- }else {
- this.el.show();
- if(this.split){
- this.split.el.show();
- }
-
- this.collapsedEl.setLocation(-2000,-2000);
- this.collapsedEl.hide();
- this.fireEvent("invalidated", this);
- this.fireEvent("expanded", this);
- }
- },
-
- animateExpand : function(){
-
- },
-
- initTabs : function(){
- this.bodyEl.setStyle("overflow", "hidden");
- var ts = new Roo.TabPanel(this.bodyEl.dom, {
- tabPosition: this.bottomTabs ? 'bottom' : 'top',
- disableTooltips: this.config.disableTabTips
- });
- if(this.config.hideTabs){
- ts.stripWrap.setDisplayed(false);
- }
-
- this.tabs = ts;
- ts.resizeTabs = this.config.resizeTabs === true;
- ts.minTabWidth = this.config.minTabWidth || 40;
- ts.maxTabWidth = this.config.maxTabWidth || 250;
- ts.preferredTabWidth = this.config.preferredTabWidth || 150;
- ts.monitorResize = false;
- ts.bodyEl.setStyle("overflow", this.config.autoScroll ? "auto" : "hidden");
- ts.bodyEl.addClass('x-layout-tabs-body');
- this.panels.each(this.initPanelAsTab, this);
- },
-
- initPanelAsTab : function(H){
- var ti = this.tabs.addTab(H.getEl().id, H.getTitle(), null,
- this.config.closeOnTab && H.isClosable());
- if(H.tabTip !== undefined){
- ti.setTooltip(H.tabTip);
- }
-
- ti.on("activate", function(){
- this.setActivePanel(H);
- }, this);
- if(this.config.closeOnTab){
- ti.on("beforeclose", function(t, e){
- e.cancel = true;
- this.remove(H);
- }, this);
- }
- return ti;
- },
-
- updatePanelTitle : function(I, J){
- if(this.activePanel == I){
- this.updateTitle(J);
- }
- if(this.tabs){
- var ti = this.tabs.getTab(I.getEl().id);
- ti.setText(J);
- if(I.tabTip !== undefined){
- ti.setTooltip(I.tabTip);
- }
- }
- },
-
- updateTitle : function(K){
- if(this.titleTextEl && !this.config.title){
- this.titleTextEl.innerHTML = (typeof K != "undefined" && K.length > 0 ? K : " ");
- }
- },
-
- setActivePanel : function(L){
- L = this.getPanel(L);
- if(this.activePanel && this.activePanel != L){
- this.activePanel.setActiveState(false);
- }
-
- this.activePanel = L;
- L.setActiveState(true);
- if(this.panelSize){
- L.setSize(this.panelSize.width, this.panelSize.height);
- }
- if(this.closeBtn){
- this.closeBtn.setVisible(!this.config.closeOnTab && !this.isSlid && L.isClosable());
- }
-
- this.updateTitle(L.getTitle());
- if(this.tabs){
- this.fireEvent("invalidated", this);
- }
-
- this.fireEvent("panelactivated", this, L);
- },
-
-
-
- showPanel : function(M){
- if(M = this.getPanel(M)){
- if(this.tabs){
- var tab = this.tabs.getTab(M.getEl().id);
- if(tab.isHidden()){
- this.tabs.unhideTab(tab.id);
- }
-
- tab.activate();
- }else {
- this.setActivePanel(M);
- }
- }
- return M;
- },
-
-
-
- getActivePanel : function(){
- return this.activePanel;
- },
-
- validateVisibility : function(){
- if(this.panels.getCount() < 1){
- this.updateTitle(" ");
- this.closeBtn.hide();
- this.hide();
- }else {
- if(!this.isVisible()){
- this.show();
- }
- }
- },
-
-
-
- add : function(N){
- if(arguments.length > 1){
- for(var i = 0, len = arguments.length; i < len; i++) {
- this.add(arguments[i]);
- }
- return null;
- }
- if(this.hasPanel(N)){
- this.showPanel(N);
- return N;
- }
-
- N.setRegion(this);
- this.panels.add(N);
- if(this.panels.getCount() == 1 && !this.config.alwaysShowTabs){
- this.bodyEl.dom.appendChild(N.getEl().dom);
- if(N.background !== true){
- this.setActivePanel(N);
- }
-
- this.fireEvent("paneladded", this, N);
- return N;
- }
- if(!this.tabs){
- this.initTabs();
- }else {
- this.initPanelAsTab(N);
- }
- if(N.background !== true){
- this.tabs.activate(N.getEl().id);
- }
-
- this.fireEvent("paneladded", this, N);
- return N;
- },
-
-
-
- hidePanel : function(O){
- if(this.tabs && (O = this.getPanel(O))){
- this.tabs.hideTab(O.getEl().id);
- }
- },
-
-
-
- unhidePanel : function(P){
- if(this.tabs && (P = this.getPanel(P))){
- this.tabs.unhideTab(P.getEl().id);
- }
- },
-
- clearPanels : function(){
- while(this.panels.getCount() > 0){
- this.remove(this.panels.first());
- }
- },
-
-
-
- remove : function(Q, R){
- Q = this.getPanel(Q);
- if(!Q){
- return null;
- }
- var e = {};
- this.fireEvent("beforeremove", this, Q, e);
- if(e.cancel === true){
- return null;
- }
-
- R = (typeof R != "undefined" ? R : (this.config.preservePanels === true || Q.preserve === true));
- var S = Q.getId();
- this.panels.removeKey(S);
- if(R){
- document.body.appendChild(Q.getEl().dom);
- }
- if(this.tabs){
- this.tabs.removeTab(Q.getEl().id);
- }else if (!R){
- this.bodyEl.dom.removeChild(Q.getEl().dom);
- }
- if(this.panels.getCount() == 1 && this.tabs && !this.config.alwaysShowTabs){
- var p = this.panels.first();
- var tempEl = document.createElement("div");
- tempEl.appendChild(p.getEl().dom);
- this.bodyEl.update("");
- this.bodyEl.dom.appendChild(p.getEl().dom);
- tempEl = null;
- this.updateTitle(p.getTitle());
- this.tabs = null;
- this.bodyEl.setStyle("overflow", this.config.autoScroll ? "auto" : "hidden");
- this.setActivePanel(p);
- }
-
- Q.setRegion(null);
- if(this.activePanel == Q){
- this.activePanel = null;
- }
- if(this.config.autoDestroy !== false && R !== true){
- try{Q.destroy();}catch(e){}
- }
-
- this.fireEvent("panelremoved", this, Q);
- return Q;
- },
-
-
-
- getTabs : function(){
- return this.tabs;
- },
-
- createTool : function(T, U){
- var V = Roo.DomHelper.append(T, {tag: "div", cls: "x-layout-tools-button",
- children: [{tag: "div", cls: "x-layout-tools-button-inner " + U, html: " "}]}, true);
- V.addClassOnOver("x-layout-tools-button-over");
- return V;
- }
-});
-
-
-
-
-
-
-
-Roo.SplitLayoutRegion = function(A, B, C, D){
- this.cursor = D;
- Roo.SplitLayoutRegion.superclass.constructor.call(this, A, B, C);
-};
-
-Roo.extend(Roo.SplitLayoutRegion, Roo.LayoutRegion, {
- splitTip : "Drag to resize.",
- collapsibleSplitTip : "Drag to resize. Double click to hide.",
- useSplitTips : false,
-
- applyConfig : function(E){
- Roo.SplitLayoutRegion.superclass.applyConfig.call(this, E);
- if(E.split){
- if(!this.split){
- var splitEl = Roo.DomHelper.append(this.mgr.el.dom,
- {tag: "div", id: this.el.id + "-split", cls: "x-layout-split x-layout-split-"+this.position, html: " "});
-
-
- this.split = new Roo.SplitBar(splitEl, this.el, this.orientation);
- this.split.on("moved", this.onSplitMove, this);
- this.split.useShim = E.useShim === true;
- this.split.getMaximumSize = this[this.position == 'north' || this.position == 'south' ? 'getVMaxSize' : 'getHMaxSize'].createDelegate(this);
- if(this.useSplitTips){
- this.split.el.dom.title = E.collapsible ? this.collapsibleSplitTip : this.splitTip;
- }
- if(E.collapsible){
- this.split.el.on("dblclick", this.collapse, this);
- }
- }
- if(typeof E.minSize != "undefined"){
- this.split.minSize = E.minSize;
- }
- if(typeof E.maxSize != "undefined"){
- this.split.maxSize = E.maxSize;
- }
- if(E.hideWhenEmpty || E.hidden || E.collapsed){
- this.hideSplitter();
- }
- }
- },
-
- getHMaxSize : function(){
- var F = this.config.maxSize || 10000;
- var G = this.mgr.getRegion("center");
- return Math.min(F, (this.el.getWidth()+G.getEl().getWidth())-G.getMinWidth());
- },
-
- getVMaxSize : function(){
- var H = this.config.maxSize || 10000;
- var I = this.mgr.getRegion("center");
- return Math.min(H, (this.el.getHeight()+I.getEl().getHeight())-I.getMinHeight());
- },
-
- onSplitMove : function(J, K){
- this.fireEvent("resized", this, K);
- },
-
-
-
- getSplitBar : function(){
- return this.split;
- },
-
- hide : function(){
- this.hideSplitter();
- Roo.SplitLayoutRegion.superclass.hide.call(this);
- },
-
- hideSplitter : function(){
- if(this.split){
- this.split.el.setLocation(-2000,-2000);
- this.split.el.hide();
- }
- },
-
- show : function(){
- if(this.split){
- this.split.el.show();
- }
-
- Roo.SplitLayoutRegion.superclass.show.call(this);
- },
-
- beforeSlide: function(){
- if(Roo.isGecko){
- this.bodyEl.clip();
- if(this.tabs) this.tabs.bodyEl.clip();
- if(this.activePanel){
- this.activePanel.getEl().clip();
-
- if(this.activePanel.beforeSlide){
- this.activePanel.beforeSlide();
- }
- }
- }
- },
-
- afterSlide : function(){
- if(Roo.isGecko){
- this.bodyEl.unclip();
- if(this.tabs) this.tabs.bodyEl.unclip();
- if(this.activePanel){
- this.activePanel.getEl().unclip();
- if(this.activePanel.afterSlide){
- this.activePanel.afterSlide();
- }
- }
- }
- },
-
- initAutoHide : function(){
- if(this.autoHide !== false){
- if(!this.autoHideHd){
- var st = new Roo.util.DelayedTask(this.slideIn, this);
- this.autoHideHd = {
- "mouseout": function(e){
- if(!e.within(this.el, true)){
- st.delay(500);
- }
- },
- "mouseover" : function(e){
- st.cancel();
- },
- scope : this
- };
- }
-
- this.el.on(this.autoHideHd);
- }
- },
-
- clearAutoHide : function(){
- if(this.autoHide !== false){
- this.el.un("mouseout", this.autoHideHd.mouseout);
- this.el.un("mouseover", this.autoHideHd.mouseover);
- }
- },
-
- clearMonitor : function(){
- Roo.get(document).un("click", this.slideInIf, this);
- },
-
-
- slideOut : function(){
- if(this.isSlid || this.el.hasActiveFx()){
- return;
- }
-
- this.isSlid = true;
- if(this.collapseBtn){
- this.collapseBtn.hide();
- }
-
- this.closeBtnState = this.closeBtn.getStyle('display');
- this.closeBtn.hide();
- if(this.stickBtn){
- this.stickBtn.show();
- }
-
- this.el.show();
- this.el.alignTo(this.collapsedEl, this.getCollapseAnchor());
- this.beforeSlide();
- this.el.setStyle("z-index", 10001);
- this.el.slideIn(this.getSlideAnchor(), {
- callback: function(){
- this.afterSlide();
- this.initAutoHide();
- Roo.get(document).on("click", this.slideInIf, this);
- this.fireEvent("slideshow", this);
- },
- scope: this,
- block: true
- });
- },
-
- afterSlideIn : function(){
- this.clearAutoHide();
- this.isSlid = false;
- this.clearMonitor();
- this.el.setStyle("z-index", "");
- if(this.collapseBtn){
- this.collapseBtn.show();
- }
-
- this.closeBtn.setStyle('display', this.closeBtnState);
- if(this.stickBtn){
- this.stickBtn.hide();
- }
-
- this.fireEvent("slidehide", this);
- },
-
- slideIn : function(cb){
- if(!this.isSlid || this.el.hasActiveFx()){
- Roo.callback(cb);
- return;
- }
-
- this.isSlid = false;
- this.beforeSlide();
- this.el.slideOut(this.getSlideAnchor(), {
- callback: function(){
- this.el.setLeftTop(-10000, -10000);
- this.afterSlide();
- this.afterSlideIn();
- Roo.callback(cb);
- },
- scope: this,
- block: true
- });
- },
-
- slideInIf : function(e){
- if(!e.within(this.el)){
- this.slideIn();
- }
- },
-
- animateCollapse : function(){
- this.beforeSlide();
- this.el.setStyle("z-index", 20000);
- var L = this.getSlideAnchor();
- this.el.slideOut(L, {
- callback : function(){
- this.el.setStyle("z-index", "");
- this.collapsedEl.slideIn(L, {duration:.3});
- this.afterSlide();
- this.el.setLocation(-10000,-10000);
- this.el.hide();
- this.fireEvent("collapsed", this);
- },
- scope: this,
- block: true
- });
- },
-
- animateExpand : function(){
- this.beforeSlide();
- this.el.alignTo(this.collapsedEl, this.getCollapseAnchor(), this.getExpandAdj());
- this.el.setStyle("z-index", 20000);
- this.collapsedEl.hide({
- duration:.1
- });
- this.el.slideIn(this.getSlideAnchor(), {
- callback : function(){
- this.el.setStyle("z-index", "");
- this.afterSlide();
- if(this.split){
- this.split.el.show();
- }
-
- this.fireEvent("invalidated", this);
- this.fireEvent("expanded", this);
- },
- scope: this,
- block: true
- });
- },
-
- anchors : {
- "west" : "left",
- "east" : "right",
- "north" : "top",
- "south" : "bottom"
- },
-
- sanchors : {
- "west" : "l",
- "east" : "r",
- "north" : "t",
- "south" : "b"
- },
-
- canchors : {
- "west" : "tl-tr",
- "east" : "tr-tl",
- "north" : "tl-bl",
- "south" : "bl-tl"
- },
-
- getAnchor : function(){
- return this.anchors[this.position];
- },
-
- getCollapseAnchor : function(){
- return this.canchors[this.position];
- },
-
- getSlideAnchor : function(){
- return this.sanchors[this.position];
- },
-
- getAlignAdj : function(){
- var cm = this.cmargins;
- switch(this.position){
- case "west":
- return [0, 0];
- break;
- case "east":
- return [0, 0];
- break;
- case "north":
- return [0, 0];
- break;
- case "south":
- return [0, 0];
- break;
- }
- },
-
- getExpandAdj : function(){
- var c = this.collapsedEl, cm = this.cmargins;
- switch(this.position){
- case "west":
- return [-(cm.right+c.getWidth()+cm.left), 0];
- break;
- case "east":
- return [cm.right+c.getWidth()+cm.left, 0];
- break;
- case "north":
- return [0, -(cm.top+cm.bottom+c.getHeight())];
- break;
- case "south":
- return [0, cm.top+cm.bottom+c.getHeight()];
- break;
- }
- }
-});
-
-
-
-
-Roo.CenterLayoutRegion = function(A, B){
- Roo.LayoutRegion.call(this, A, B, "center");
- this.visible = true;
- this.minWidth = B.minWidth || 20;
- this.minHeight = B.minHeight || 20;
-};
-
-Roo.extend(Roo.CenterLayoutRegion, Roo.LayoutRegion, {
- hide : function(){
-
- },
-
- show : function(){
-
- },
-
- getMinWidth: function(){
- return this.minWidth;
- },
-
- getMinHeight: function(){
- return this.minHeight;
- }
-});
-
-
-Roo.NorthLayoutRegion = function(C, D){
- Roo.LayoutRegion.call(this, C, D, "north", "n-resize");
- if(this.split){
- this.split.placement = Roo.SplitBar.TOP;
- this.split.orientation = Roo.SplitBar.VERTICAL;
- this.split.el.addClass("x-layout-split-v");
- }
- var E = D.initialSize || D.height;
- if(typeof E != "undefined"){
- this.el.setHeight(E);
- }
-};
-Roo.extend(Roo.NorthLayoutRegion, Roo.SplitLayoutRegion, {
- orientation: Roo.SplitBar.VERTICAL,
- getBox : function(){
- if(this.collapsed){
- return this.collapsedEl.getBox();
- }
- var F = this.el.getBox();
- if(this.split){
- F.height += this.split.el.getHeight();
- }
- return F;
- },
-
- updateBox : function(G){
- if(this.split && !this.collapsed){
- G.height -= this.split.el.getHeight();
- this.split.el.setLeft(G.x);
- this.split.el.setTop(G.y+G.height);
- this.split.el.setWidth(G.width);
- }
- if(this.collapsed){
- this.updateBody(G.width, null);
- }
-
- Roo.LayoutRegion.prototype.updateBox.call(this, G);
- }
-});
-
-Roo.SouthLayoutRegion = function(H, I){
- Roo.SplitLayoutRegion.call(this, H, I, "south", "s-resize");
- if(this.split){
- this.split.placement = Roo.SplitBar.BOTTOM;
- this.split.orientation = Roo.SplitBar.VERTICAL;
- this.split.el.addClass("x-layout-split-v");
- }
- var J = I.initialSize || I.height;
- if(typeof J != "undefined"){
- this.el.setHeight(J);
- }
-};
-Roo.extend(Roo.SouthLayoutRegion, Roo.SplitLayoutRegion, {
- orientation: Roo.SplitBar.VERTICAL,
- getBox : function(){
- if(this.collapsed){
- return this.collapsedEl.getBox();
- }
- var K = this.el.getBox();
- if(this.split){
- var sh = this.split.el.getHeight();
- K.height += sh;
- K.y -= sh;
- }
- return K;
- },
-
- updateBox : function(L){
- if(this.split && !this.collapsed){
- var sh = this.split.el.getHeight();
- L.height -= sh;
- L.y += sh;
- this.split.el.setLeft(L.x);
- this.split.el.setTop(L.y-sh);
- this.split.el.setWidth(L.width);
- }
- if(this.collapsed){
- this.updateBody(L.width, null);
- }
-
- Roo.LayoutRegion.prototype.updateBox.call(this, L);
- }
-});
-
-Roo.EastLayoutRegion = function(M, N){
- Roo.SplitLayoutRegion.call(this, M, N, "east", "e-resize");
- if(this.split){
- this.split.placement = Roo.SplitBar.RIGHT;
- this.split.orientation = Roo.SplitBar.HORIZONTAL;
- this.split.el.addClass("x-layout-split-h");
- }
- var O = N.initialSize || N.width;
- if(typeof O != "undefined"){
- this.el.setWidth(O);
- }
-};
-Roo.extend(Roo.EastLayoutRegion, Roo.SplitLayoutRegion, {
- orientation: Roo.SplitBar.HORIZONTAL,
- getBox : function(){
- if(this.collapsed){
- return this.collapsedEl.getBox();
- }
- var P = this.el.getBox();
- if(this.split){
- var sw = this.split.el.getWidth();
- P.width += sw;
- P.x -= sw;
- }
- return P;
- },
-
- updateBox : function(Q){
- if(this.split && !this.collapsed){
- var sw = this.split.el.getWidth();
- Q.width -= sw;
- this.split.el.setLeft(Q.x);
- this.split.el.setTop(Q.y);
- this.split.el.setHeight(Q.height);
- Q.x += sw;
- }
- if(this.collapsed){
- this.updateBody(null, Q.height);
- }
-
- Roo.LayoutRegion.prototype.updateBox.call(this, Q);
- }
-});
-
-Roo.WestLayoutRegion = function(R, S){
- Roo.SplitLayoutRegion.call(this, R, S, "west", "w-resize");
- if(this.split){
- this.split.placement = Roo.SplitBar.LEFT;
- this.split.orientation = Roo.SplitBar.HORIZONTAL;
- this.split.el.addClass("x-layout-split-h");
- }
- var T = S.initialSize || S.width;
- if(typeof T != "undefined"){
- this.el.setWidth(T);
- }
-};
-Roo.extend(Roo.WestLayoutRegion, Roo.SplitLayoutRegion, {
- orientation: Roo.SplitBar.HORIZONTAL,
- getBox : function(){
- if(this.collapsed){
- return this.collapsedEl.getBox();
- }
- var U = this.el.getBox();
- if(this.split){
- U.width += this.split.el.getWidth();
- }
- return U;
- },
-
- updateBox : function(V){
- if(this.split && !this.collapsed){
- var sw = this.split.el.getWidth();
- V.width -= sw;
- this.split.el.setLeft(V.x+V.width);
- this.split.el.setTop(V.y);
- this.split.el.setHeight(V.height);
- }
- if(this.collapsed){
- this.updateBody(null, V.height);
- }
-
- Roo.LayoutRegion.prototype.updateBox.call(this, V);
- }
-});
-
-
-
-
-
-
-
-Roo.LayoutStateManager = function(A){
-
- this.state = {
- north: {},
- south: {},
- east: {},
- west: {}
- };
-};
-
-Roo.LayoutStateManager.prototype = {
- init : function(B, C){
- this.provider = C;
- var D = C.get(B.id+"-layout-state");
- if(D){
- var wasUpdating = B.isUpdating();
- if(!wasUpdating){
- B.beginUpdate();
- }
- for(var key in D){
- if(typeof D[key] != "function"){
- var rstate = D[key];
- var r = B.getRegion(key);
- if(r && rstate){
- if(rstate.size){
- r.resizeTo(rstate.size);
- }
- if(rstate.collapsed == true){
- r.collapse(true);
- }else {
- r.expand(null, true);
- }
- }
- }
- }
- if(!wasUpdating){
- B.endUpdate();
- }
-
- this.state = D;
- }
-
- this.layout = B;
- B.on("regionresized", this.onRegionResized, this);
- B.on("regioncollapsed", this.onRegionCollapsed, this);
- B.on("regionexpanded", this.onRegionExpanded, this);
- },
-
- storeState : function(){
- this.provider.set(this.layout.id+"-layout-state", this.state);
- },
-
- onRegionResized : function(E, F){
- this.state[E.getPosition()].size = F;
- this.storeState();
- },
-
- onRegionCollapsed : function(G){
- this.state[G.getPosition()].collapsed = true;
- this.storeState();
- },
-
- onRegionExpanded : function(H){
- this.state[H.getPosition()].collapsed = false;
- this.storeState();
- }
-};
-
-
-
-
-Roo.ContentPanel = function(el, A, B){
-
-
-
-
- if(el.autoCreate){
- A = el;
- el = Roo.id();
- }
-
- this.el = Roo.get(el);
- if(!this.el && A && A.autoCreate){
- if(typeof A.autoCreate == "object"){
- if(!A.autoCreate.id){
- A.autoCreate.id = A.id||el;
- }
-
- this.el = Roo.DomHelper.append(document.body,
- A.autoCreate, true);
- }else {
- this.el = Roo.DomHelper.append(document.body,
- {tag: "div", cls: "x-layout-inactive-content", id: A.id||el}, true);
- }
- }
-
- this.closable = false;
- this.loaded = false;
- this.active = false;
- if(typeof A == "string"){
- this.title = A;
- }else {
- Roo.apply(this, A);
- }
-
- if (this.toolbar && !this.toolbar.el && this.toolbar.xtype) {
- this.wrapEl = this.el.wrap();
- this.toolbar = new Roo.Toolbar(this.el.insertSibling(false, 'before'), [] , this.toolbar);
-
- }
-
-
-
- if(this.resizeEl){
- this.resizeEl = Roo.get(this.resizeEl, true);
- }else {
- this.resizeEl = this.el;
- }
-
- this.addEvents({
-
-
- "activate" : true,
-
-
- "deactivate" : true,
-
-
-
- "resize" : true
- });
- if(this.autoScroll){
- this.resizeEl.setStyle("overflow", "auto");
- }
-
- B = B || this.content;
- if(B){
- this.setContent(B);
- }
- if(A && A.url){
- this.setUrl(this.url, this.params, this.loadOnce);
- }
-
-
-
-
- Roo.ContentPanel.superclass.constructor.call(this);
-};
-
-Roo.extend(Roo.ContentPanel, Roo.util.Observable, {
- tabTip:'',
- setRegion : function(C){
- this.region = C;
- if(C){
- this.el.replaceClass("x-layout-inactive-content", "x-layout-active-content");
- }else {
- this.el.replaceClass("x-layout-active-content", "x-layout-inactive-content");
- }
- },
-
-
-
- getToolbar : function(){
- return this.toolbar;
- },
-
- setActiveState : function(D){
- this.active = D;
- if(!D){
- this.fireEvent("deactivate", this);
- }else {
- this.fireEvent("activate", this);
- }
- },
-
-
- setContent : function(E, F){
- this.el.update(E, F);
- },
-
- ignoreResize : function(w, h){
- if(this.lastSize && this.lastSize.width == w && this.lastSize.height == h){
- return true;
- }else {
- this.lastSize = {width: w, height: h};
- return false;
- }
- },
-
-
- getUpdateManager : function(){
- return this.el.getUpdateManager();
- },
-
-
- load : function(){
- var um = this.el.getUpdateManager();
- um.update.apply(um, arguments);
- return this;
- },
-
-
-
-
- setUrl : function(G, H, I){
- if(this.refreshDelegate){
- this.removeListener("activate", this.refreshDelegate);
- }
-
- this.refreshDelegate = this._handleRefresh.createDelegate(this, [G, H, I]);
- this.on("activate", this.refreshDelegate);
- return this.el.getUpdateManager();
- },
-
- _handleRefresh : function(J, K, L){
- if(!L || !this.loaded){
- var updater = this.el.getUpdateManager();
- updater.update(J, K, this._setLoaded.createDelegate(this));
- }
- },
-
- _setLoaded : function(){
- this.loaded = true;
- },
-
-
-
- getId : function(){
- return this.el.id;
- },
-
-
-
- getEl : function(){
- return this.wrapEl || this.el;
- },
-
- adjustForComponents : function(M, N){
- if(this.resizeEl != this.el){
- M -= this.el.getFrameWidth('lr');
- N -= this.el.getFrameWidth('tb');
- }
- if(this.toolbar){
- var te = this.toolbar.getEl();
- N -= te.getHeight();
- te.setWidth(M);
- }
- if(this.adjustments){
- M += this.adjustments[0];
- N += this.adjustments[1];
- }
- return {"width": M, "height": N};
- },
-
- setSize : function(O, P){
- if(this.fitToFrame && !this.ignoreResize(O, P)){
- if(this.fitContainer && this.resizeEl != this.el){
- this.el.setSize(O, P);
- }
- var size = this.adjustForComponents(O, P);
- this.resizeEl.setSize(this.autoWidth ? "auto" : size.width, this.autoHeight ? "auto" : size.height);
- this.fireEvent('resize', this, size.width, size.height);
- }
- },
-
-
-
- getTitle : function(){
- return this.title;
- },
-
-
-
- setTitle : function(Q){
- this.title = Q;
- if(this.region){
- this.region.updatePanelTitle(this, Q);
- }
- },
-
-
-
- isClosable : function(){
- return this.closable;
- },
-
- beforeSlide : function(){
- this.el.clip();
- this.resizeEl.clip();
- },
-
- afterSlide : function(){
- this.el.unclip();
- this.resizeEl.unclip();
- },
-
-
-
- refresh : function(){
- if(this.refreshDelegate){
- this.loaded = false;
- this.refreshDelegate();
- }
- },
-
-
-
- destroy : function(){
- this.el.removeAllListeners();
- var R = document.createElement("span");
- R.appendChild(this.el.dom);
- R.innerHTML = "";
- this.el.remove();
- this.el = null;
- },
-
-
-
-
- addxtype : function(S) {
-
- if (S.xtype.match(/^Form$/)) {
- var el = this.el.createChild();
-
- this.form = new Roo.form.Form(S);
-
-
- if ( this.form.allItems.length) this.form.render(el.dom);
- return this.form;
- }
- if (['View', 'JsonView'].indexOf(S.xtype) > -1) {
-
- S.el = this.el.appendChild(document.createElement("div"));
-
- var ret = new Roo[S.xtype](S);
- ret.render(false, '');
- return ret;
-
- }
- return false;
-
- }
-});
-
-
-
-Roo.GridPanel = function(T, U){
-
-
- this.wrapper = Roo.DomHelper.append(document.body,
- {tag: "div", cls: "x-layout-grid-wrapper x-layout-inactive-content"}, true);
-
- this.wrapper.dom.appendChild(T.getGridEl().dom);
-
- Roo.GridPanel.superclass.constructor.call(this, this.wrapper, U);
-
- if(this.toolbar){
- this.toolbar.el.insertBefore(this.wrapper.dom.firstChild);
- }
-
- if (this.footer && !this.footer.el && this.footer.xtype) {
-
- this.footer.container = this.grid.getView().getFooterPanel(true);
- this.footer.dataSource = this.grid.dataSource;
- this.footer = Roo.factory(this.footer, Roo);
-
- }
-
-
- T.monitorWindowResize = false;
- T.autoHeight = false;
- T.autoWidth = false;
- this.grid = T;
- this.grid.getGridEl().replaceClass("x-layout-inactive-content", "x-layout-component-panel");
-};
-
-Roo.extend(Roo.GridPanel, Roo.ContentPanel, {
- getId : function(){
- return this.grid.id;
- },
-
-
-
- getGrid : function(){
- return this.grid;
- },
-
- setSize : function(V, W){
- if(!this.ignoreResize(V, W)){
- var T = this.grid;
- var size = this.adjustForComponents(V, W);
- T.getGridEl().setSize(size.width, size.height);
- T.autoSize();
- }
- },
-
- beforeSlide : function(){
- this.grid.getView().scroller.clip();
- },
-
- afterSlide : function(){
- this.grid.getView().scroller.unclip();
- },
-
- destroy : function(){
- this.grid.destroy();
- delete this.grid;
- Roo.GridPanel.superclass.destroy.call(this);
- }
-});
-
-
-
-
-Roo.NestedLayoutPanel = function(X, Y)
-{
-
-
-
-
- Roo.NestedLayoutPanel.superclass.constructor.call(this, X.getEl(), Y);
-
- X.monitorWindowResize = false;
- this.layout = X;
- this.layout.getEl().addClass("x-layout-nested-layout");
-
-
-
-};
-
-Roo.extend(Roo.NestedLayoutPanel, Roo.ContentPanel, {
-
- setSize : function(Z, a){
- if(!this.ignoreResize(Z, a)){
- var size = this.adjustForComponents(Z, a);
- var el = this.layout.getEl();
- el.setSize(size.width, size.height);
- var touch = el.dom.offsetWidth;
- this.layout.layout();
-
- if(Roo.isIE && !this.initialized){
- this.initialized = true;
- this.layout.layout();
- }
- }
- },
-
-
-
- setActiveState : function(b){
- this.active = b;
- if(!b){
- this.fireEvent("deactivate", this);
- return;
- }
-
-
- this.fireEvent("activate", this);
-
- if (!this.layout) {
- return;
- }
- var c = false;
- for (var r in this.layout.regions) {
- c = this.layout.getRegion(r);
- if (c.getActivePanel()) {
-
- c.setActivePanel(c.getActivePanel());
- continue;
- }
- if (!c.panels.length) {
- continue;
- }
-
- c.showPanel(c.getPanel(0));
- }
-
-
-
-
- },
-
-
-
- getLayout : function(){
- return this.layout;
- },
-
-
-
- addxtype : function(d) {
- return this.layout.addxtype(d);
-
- }
-});
-
-Roo.ScrollPanel = function(el, e, f){
- e = e || {};
- e.fitToFrame = true;
- Roo.ScrollPanel.superclass.constructor.call(this, el, e, f);
-
- this.el.dom.style.overflow = "hidden";
- var g = this.el.wrap({cls: "x-scroller x-layout-inactive-content"});
- this.el.removeClass("x-layout-inactive-content");
- this.el.on("mousewheel", this.onWheel, this);
-
- var up = g.createChild({cls: "x-scroller-up", html: " "}, this.el.dom);
- var i = g.createChild({cls: "x-scroller-down", html: " "});
- up.unselectable(); i.unselectable();
- up.on("click", this.scrollUp, this);
- i.on("click", this.scrollDown, this);
- up.addClassOnOver("x-scroller-btn-over");
- i.addClassOnOver("x-scroller-btn-over");
- up.addClassOnClick("x-scroller-btn-click");
- i.addClassOnClick("x-scroller-btn-click");
- this.adjustments = [0, -(up.getHeight() + i.getHeight())];
-
- this.resizeEl = this.el;
- this.el = g; this.up = up; this.down = i;
-};
-
-Roo.extend(Roo.ScrollPanel, Roo.ContentPanel, {
- increment : 100,
- wheelIncrement : 5,
- scrollUp : function(){
- this.resizeEl.scroll("up", this.increment, {callback: this.afterScroll, scope: this});
- },
-
- scrollDown : function(){
- this.resizeEl.scroll("down", this.increment, {callback: this.afterScroll, scope: this});
- },
-
- afterScroll : function(){
- var el = this.resizeEl;
- var t = el.dom.scrollTop, h = el.dom.scrollHeight, ch = el.dom.clientHeight;
- this.up[t == 0 ? "addClass" : "removeClass"]("x-scroller-btn-disabled");
- this.down[h - t <= ch ? "addClass" : "removeClass"]("x-scroller-btn-disabled");
- },
-
- setSize : function(){
- Roo.ScrollPanel.superclass.setSize.apply(this, arguments);
- this.afterScroll();
- },
-
- onWheel : function(e){
- var d = e.getWheelDelta();
- this.resizeEl.dom.scrollTop -= (d*this.wheelIncrement);
- this.afterScroll();
- e.stopEvent();
- },
-
- setContent : function(j, k){
- this.resizeEl.update(j, k);
- }
-
-});
-
-
-
-
-
-
-
-
-
-
-
-Roo.TreePanel = function(l){
- var el = l.el;
- var m = l.tree;
- delete l.tree;
- delete l.el;
- Roo.TreePanel.superclass.constructor.call(this, el, l);
- var n = el.createChild();
- this.tree = new Roo.tree.TreePanel(n , m);
-
- this.on('activate', function()
- {
- if (this.tree.rendered) {
- return;
- }
-
-
- this.tree.render();
- });
-
- this.on('resize', function (cp, w, h) {
- this.tree.innerCt.setWidth(w);
- this.tree.innerCt.setHeight(h);
- this.tree.innerCt.setStyle('overflow-y', 'auto');
- });
-
-
-
-};
-
-Roo.extend(Roo.TreePanel, Roo.ContentPanel);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Roo.ReaderLayout = function(A, B){
- var c = A || {size:{}};
- Roo.ReaderLayout.superclass.constructor.call(this, B || document.body, {
- north: c.north !== false ? Roo.apply({
- split:false,
- initialSize: 32,
- titlebar: false
- }, c.north) : false,
- west: c.west !== false ? Roo.apply({
- split:true,
- initialSize: 200,
- minSize: 175,
- maxSize: 400,
- titlebar: true,
- collapsible: true,
- animate: true,
- margins:{left:5,right:0,bottom:5,top:5},
- cmargins:{left:5,right:5,bottom:5,top:5}
- }, c.west) : false,
- east: c.east !== false ? Roo.apply({
- split:true,
- initialSize: 200,
- minSize: 175,
- maxSize: 400,
- titlebar: true,
- collapsible: true,
- animate: true,
- margins:{left:0,right:5,bottom:5,top:5},
- cmargins:{left:5,right:5,bottom:5,top:5}
- }, c.east) : false,
- center: Roo.apply({
- tabPosition: 'top',
- autoScroll:false,
- closeOnTab: true,
- titlebar:false,
- margins:{left:c.west!==false ? 0 : 5,right:c.east!==false ? 0 : 5,bottom:5,top:2}
- }, c.center)
- });
-
- this.el.addClass('x-reader');
-
- this.beginUpdate();
-
- var C = new Roo.BorderLayout(Roo.get(document.body).createChild(), {
- south: c.preview !== false ? Roo.apply({
- split:true,
- initialSize: 200,
- minSize: 100,
- autoScroll:true,
- collapsible:true,
- titlebar: true,
- cmargins:{top:5,left:0, right:0, bottom:0}
- }, c.preview) : false,
- center: Roo.apply({
- autoScroll:false,
- titlebar:false,
- minHeight:200
- }, c.listView)
- });
- this.add('center', new Roo.NestedLayoutPanel(C,
- Roo.apply({title: c.mainTitle || '',tabTip:''},c.innerPanelCfg)));
-
- this.endUpdate();
-
- this.regions.preview = C.getRegion('south');
- this.regions.listView = C.getRegion('center');
-};
-
-Roo.extend(Roo.ReaderLayout, Roo.BorderLayout);
-
-
-
-
-
-Roo.grid.Grid = function(A, B){
-
- this.container = Roo.get(A);
- this.container.update("");
- this.container.setStyle("overflow", "hidden");
- this.container.addClass('x-grid-container');
-
- this.id = this.container.id;
-
- Roo.apply(this, B);
-
- if(this.ds){
- this.dataSource = 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;
- }
-
- if (this.selModel) {
- this.selModel = Roo.factory(this.selModel, Roo.grid);
- this.sm = this.selModel;
- this.sm.xmodule = this.xmodule || false;
- }
- if (typeof(this.colModel.config) == 'undefined') {
- this.colModel = new Roo.grid.ColumnModel(this.colModel);
- this.cm = this.colModel;
- this.cm.xmodule = this.xmodule || false;
- }
- if (this.dataSource) {
- this.dataSource= Roo.factory(this.dataSource, Roo.data);
- this.ds = this.dataSource;
- this.ds.xmodule = this.xmodule || false;
-
- }
-
-
-
- if(this.width){
- this.container.setWidth(this.width);
- }
-
- if(this.height){
- this.container.setHeight(this.height);
- }
-
-
-
- this.addEvents({
-
-
-
- "click" : true,
-
-
- "dblclick" : true,
-
-
- "contextmenu" : true,
-
-
- "mousedown" : true,
-
-
- "mouseup" : true,
-
-
- "mouseover" : true,
-
-
- "mouseout" : true,
-
-
- "keypress" : true,
-
-
- "keydown" : true,
-
-
-
-
-
- "cellclick" : true,
-
-
- "celldblclick" : true,
-
-
- "rowclick" : true,
-
-
- "rowdblclick" : true,
-
-
- "headerclick" : true,
-
-
- "headerdblclick" : true,
-
-
- "rowcontextmenu" : true,
-
-
- "cellcontextmenu" : true,
-
-
- "headercontextmenu" : true,
-
-
- "bodyscroll" : true,
-
-
- "columnresize" : true,
-
-
- "columnmove" : true,
-
-
- "startdrag" : true,
-
-
- "enddrag" : true,
-
-
- "dragdrop" : true,
-
-
- "dragover" : true,
-
-
- "dragenter" : true,
-
-
- "dragout" : true,
-
-
- render : true
- });
-
- Roo.grid.Grid.superclass.constructor.call(this);
-};
-Roo.extend(Roo.grid.Grid, Roo.util.Observable, {
-
-
- minColumnWidth : 25,
-
-
-
- autoSizeColumns : false,
-
-
-
- autoSizeHeaders : true,
-
-
-
- monitorWindowResize : true,
-
-
-
- maxRowsToMeasure : 0,
-
-
-
- trackMouseOver : true,
-
-
-
- enableDragDrop : false,
-
-
-
- enableColumnMove : true,
-
-
-
- enableColumnHide : true,
-
-
-
- enableRowHeightSync : false,
-
-
-
- stripeRows : true,
-
-
-
- autoHeight : false,
-
-
-
- autoExpandColumn : false,
-
-
-
- autoExpandMin : 50,
-
-
-
- autoExpandMax : 1000,
-
-
-
- view : null,
-
-
-
- loadMask : false,
-
-
- rendered : false,
-
-
-
-
-
-
-
- render : function(){
- var c = this.container;
-
- if((!c.dom.offsetHeight || c.dom.offsetHeight < 20) || c.getStyle("height") == "auto"){
- this.autoHeight = true;
- }
- var C = this.getView();
- C.init(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);
-
- C.render();
-
- if(this.loadMask){
- this.loadMask = new Roo.LoadMask(this.container,
- Roo.apply({store:this.dataSource}, this.loadMask));
- }
-
-
- if (this.toolbar && this.toolbar.xtype) {
- this.toolbar.container = this.getView().getHeaderPanel(true);
- this.toolbar = new Ext.Toolbar(this.toolbar);
- }
- if (this.footer && this.footer.xtype) {
- this.footer.dataSource = this.getDataSource();
- this.footer.container = this.getView().getFooterPanel(true);
- this.footer = Roo.factory(this.footer, Roo);
- }
-
- this.rendered = true;
- this.fireEvent('render', this);
- return this;
- },
-
-
-
- reconfigure : function(D, E){
- if(this.loadMask){
- this.loadMask.destroy();
- this.loadMask = new Roo.LoadMask(this.container,
- Roo.apply({store:D}, this.loadMask));
- }
-
- this.view.bind(D, E);
- this.dataSource = D;
- this.colModel = E;
- this.view.refresh(true);
- },
-
-
- onKeyDown : function(e){
- this.fireEvent("keydown", e);
- },
-
-
-
- destroy : function(F, G){
- if(this.loadMask){
- this.loadMask.destroy();
- }
- var c = this.container;
- c.removeAllListeners();
- this.view.destroy();
- this.colModel.purgeListeners();
- if(!G){
- this.purgeListeners();
- }
-
- c.update("");
- if(F === true){
- c.remove();
- }
- },
-
-
- processEvent : function(H, e){
- this.fireEvent(H, e);
- var t = e.getTarget();
- var v = this.view;
- var I = v.findHeaderIndex(t);
- if(I !== false){
- this.fireEvent("header" + H, this, I, e);
- }else {
- var row = v.findRowIndex(t);
- var cell = v.findCellIndex(t);
- if(row !== false){
- this.fireEvent("row" + H, this, row, e);
- if(cell !== false){
- this.fireEvent("cell" + H, this, row, cell, e);
- }
- }
- }
- },
-
-
- onClick : function(e){
- this.processEvent("click", e);
- },
-
-
- onContextMenu : function(e, t){
- this.processEvent("contextmenu", e);
- },
-
-
- onDblClick : function(e){
- this.processEvent("dblclick", e);
- },
-
-
- walkCells : function(J, K, L, fn, M){
- var cm = this.colModel, N = cm.getColumnCount();
- var ds = this.dataSource, O = ds.getCount(), P = true;
- if(L < 0){
- if(K < 0){
- J--;
- P = false;
- }
- while(J >= 0){
- if(!P){
- K = N-1;
- }
-
- P = false;
- while(K >= 0){
- if(fn.call(M || this, J, K, cm) === true){
- return [J, K];
- }
-
- K--;
- }
-
- J--;
- }
- } else {
- if(K >= N){
- J++;
- P = false;
- }
- while(J < O){
- if(!P){
- K = 0;
- }
-
- P = false;
- while(K < N){
- if(fn.call(M || this, J, K, cm) === true){
- return [J, K];
- }
-
- K++;
- }
-
- J++;
- }
- }
- return null;
- },
-
-
- getSelections : function(){
- return this.selModel.getSelections();
- },
-
-
-
- autoSize : function(){
- if(this.rendered){
- this.view.layout();
- if(this.view.adjustForScroll){
- this.view.adjustForScroll();
- }
- }
- },
-
-
-
- getGridEl : function(){
- return this.container;
- },
-
-
- stopEditing : function(){},
-
-
-
- getSelectionModel : function(){
- if(!this.selModel){
- this.selModel = new Roo.grid.RowSelectionModel();
- }
- return this.selModel;
- },
-
-
-
- getDataSource : function(){
- return this.dataSource;
- },
-
-
-
- getColumnModel : function(){
- return this.colModel;
- },
-
-
-
- getView : function(){
- if(!this.view){
- this.view = new Roo.grid.GridView(this.viewConfig);
- }
- return this.view;
- },
-
-
- getDragDropText : function(){
- var Q = this.selModel.getCount();
- return String.format(this.ddText, Q, Q == 1 ? '' : 's');
- }
-});
-
-
-Roo.grid.Grid.prototype.ddText = "{0} selected row{1}";
-
-
-
-Roo.grid.AbstractGridView = function(){
- this.grid = null;
-
- this.events = {
- "beforerowremoved" : true,
- "beforerowsinserted" : true,
- "beforerefresh" : true,
- "rowremoved" : true,
- "rowsinserted" : true,
- "rowupdated" : true,
- "refresh" : true
- };
- Roo.grid.AbstractGridView.superclass.constructor.call(this);
-};
-
-Roo.extend(Roo.grid.AbstractGridView, Roo.util.Observable, {
- rowClass : "x-grid-row",
- cellClass : "x-grid-cell",
- tdClass : "x-grid-td",
- hdClass : "x-grid-hd",
- splitClass : "x-grid-hd-split",
-
- init: function(A){
- this.grid = A;
- var B = this.grid.getGridEl().id;
- this.colSelector = "#" + B + " ." + this.cellClass + "-";
- this.tdSelector = "#" + B + " ." + this.tdClass + "-";
- this.hdSelector = "#" + B + " ." + this.hdClass + "-";
- this.splitSelector = "#" + B + " ." + this.splitClass + "-";
- },
-
- getColumnRenderers : function(){
- var C = [];
- var cm = this.grid.colModel;
- var D = cm.getColumnCount();
- for(var i = 0; i < D; i++){
- C[i] = cm.getRenderer(i);
- }
- return C;
- },
-
- getColumnIds : function(){
- var E = [];
- var cm = this.grid.colModel;
- var F = cm.getColumnCount();
- for(var i = 0; i < F; i++){
- E[i] = cm.getColumnId(i);
- }
- return E;
- },
-
- getDataIndexes : function(){
- if(!this.indexMap){
- this.indexMap = this.buildIndexMap();
- }
- return this.indexMap.colToData;
- },
-
- getColumnIndexByDataIndex : function(G){
- if(!this.indexMap){
- this.indexMap = this.buildIndexMap();
- }
- return this.indexMap.dataToCol[G];
- },
-
-
-
- setCSSStyle : function(H, I, J){
- var K = "#" + this.grid.id + " .x-grid-col-" + H;
- Roo.util.CSS.updateRule(K, I, J);
- },
-
- generateRules : function(cm){
- var L = [], M = this.grid.id + '-cssrules';
- Roo.util.CSS.removeStyleSheet(M);
- for(var i = 0, len = cm.getColumnCount(); i < len; i++){
- var B = cm.getColumnId(i);
- L.push(this.colSelector, B, " {\n", cm.config[i].css, "}\n",
- this.tdSelector, B, " {\n}\n",
- this.hdSelector, B, " {\n}\n",
- this.splitSelector, B, " {\n}\n");
- }
- return Roo.util.CSS.createStyleSheet(L.join(""), M);
- }
-});
-
-
-
-
-
-Roo.grid.HeaderDragZone = function(A, hd, B){
- this.grid = A;
- this.view = A.getView();
- this.ddGroup = "gridHeader" + this.grid.getGridEl().id;
- Roo.grid.HeaderDragZone.superclass.constructor.call(this, hd);
- if(B){
- this.setHandleElId(Roo.id(hd));
- this.setOuterHandleElId(Roo.id(B));
- }
-
- this.scroll = false;
-};
-Roo.extend(Roo.grid.HeaderDragZone, Roo.dd.DragZone, {
- maxDragWidth: 120,
- getDragData : function(e){
- var t = Roo.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 C = this.dragData.ddel.cloneNode(true);
- C.id = Roo.id();
- C.style.width = Math.min(this.dragData.header.offsetWidth,this.maxDragWidth) + "px";
- this.proxy.update(C);
- 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);
- }
-});
-
-
-
-
-
-Roo.grid.HeaderDropZone = function(A, hd, B){
- this.grid = A;
- this.view = A.getView();
-
- this.proxyTop = Roo.DomHelper.append(document.body, {
- cls:"col-move-top", html:" "
- }, true);
- this.proxyBottom = Roo.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;
-
-
- Roo.grid.HeaderDropZone.superclass.constructor.call(this, A.getGridEl().dom);
-};
-Roo.extend(Roo.grid.HeaderDropZone, Roo.dd.DropZone, {
- proxyOffsets : [-4, -9],
- fly: Roo.Element.fly,
-
- getTargetFromEvent : function(e){
- var t = Roo.lib.Event.getTarget(e);
- var C = this.view.findCellIndex(t);
- if(C !== false){
- return this.view.getHeaderCell(C);
- }
- },
-
- 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 = Roo.lib.Event.getPageX(e);
- var r = Roo.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 D = this.view.getCellIndex(h);
- var E = this.view.getCellIndex(n);
-
- if(this.grid.colModel.isFixed(E)){
- return false;
- }
-
- var F = this.grid.colModel.isLocked(E);
-
- if(pt == "after"){
- E++;
- }
- if(D < E){
- E--;
- }
- if(D == E && (F == this.grid.colModel.isLocked(D))){
- 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, G){
- if(G.header != n){
- this.positionIndicator(G.header, n, e);
- }
- },
-
- onNodeOver : function(n, dd, e, H){
- var I = false;
- if(H.header != n){
- I = this.positionIndicator(H.header, n, e);
- }
- if(!I){
- this.proxyTop.hide();
- this.proxyBottom.hide();
- }
- return I ? this.dropAllowed : this.dropNotAllowed;
- },
-
- onNodeOut : function(n, dd, e, J){
- this.proxyTop.hide();
- this.proxyBottom.hide();
- },
-
- onNodeDrop : function(n, dd, e, K){
- var h = K.header;
- if(h != n){
- var cm = this.grid.colModel;
- var x = Roo.lib.Event.getPageX(e);
- var r = Roo.lib.Dom.getRegion(n.firstChild);
- var pt = (r.right - x) <= ((r.right-r.left)/2) ? "after" : "before";
- var D = this.view.getCellIndex(h);
- var E = this.view.getCellIndex(n);
- var F = cm.isLocked(E);
- if(pt == "after"){
- E++;
- }
- if(D < E){
- E--;
- }
- if(D == E && (F == cm.isLocked(D))){
- return false;
- }
-
- cm.setLocked(D, F, true);
- cm.moveColumn(D, E);
- this.grid.fireEvent("columnmove", D, E);
- return true;
- }
- return false;
- }
-});
-
-
-
-
-
-
-Roo.grid.GridView = function(A){
- Roo.grid.GridView.superclass.constructor.call(this);
- this.el = null;
-
- Roo.apply(this, A);
-};
-
-Roo.extend(Roo.grid.GridView, Roo.grid.AbstractGridView, {
-
-
-
- rowClass : "x-grid-row",
-
- cellClass : "x-grid-col",
-
- tdClass : "x-grid-td",
-
- hdClass : "x-grid-hd",
-
- splitClass : "x-grid-split",
-
- sortClasses : ["sort-asc", "sort-desc"],
-
- enableMoveAnim : false,
-
- hlColor: "C3DAF9",
-
- dh : Roo.DomHelper,
-
- fly : Roo.Element.fly,
-
- css : Roo.util.CSS,
-
- borderWidth: 1,
-
- splitOffset: 3,
-
- scrollIncrement : 22,
-
- cellRE: /(?:.*?)x-grid-(?:hd|cell|csplit)-(?:[\d]+)-([\d]+)(?:.*?)/,
-
- findRE: /\s?(?:x-grid-hd|x-grid-col|x-grid-csplit)\s/,
-
- bind : 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("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){
- this.generateRules(cm);
- 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;
- },
-
- init: function(B){
- Roo.grid.GridView.superclass.init.call(this, B);
-
- this.bind(B.dataSource, B.colModel);
-
- B.on("headerclick", this.handleHeaderClick, this);
-
- if(B.trackMouseOver){
- B.on("mouseover", this.onRowOver, this);
- B.on("mouseout", this.onRowOut, this);
- }
-
- B.cancelTextSelection = function(){};
- this.gridId = B.id;
-
- var C = this.templates || {};
-
- if(!C.master){
- C.master = new Roo.Template(
- '<div class="x-grid" hidefocus="true">',
- '<div class="x-grid-topbar"></div>',
- '<div class="x-grid-scroller"><div></div></div>',
- '<div class="x-grid-locked">',
- '<div class="x-grid-header">{lockedHeader}</div>',
- '<div class="x-grid-body">{lockedBody}</div>',
- "</div>",
- '<div class="x-grid-viewport">',
- '<div class="x-grid-header">{header}</div>',
- '<div class="x-grid-body">{body}</div>',
- "</div>",
- '<div class="x-grid-bottombar"></div>',
- '<a href="#" class="x-grid-focus" tabIndex="-1"></a>',
- '<div class="x-grid-resize-proxy"> </div>',
- "</div>"
- );
- C.master.disableformats = true;
- }
-
- if(!C.header){
- C.header = new Roo.Template(
- '<table border="0" cellspacing="0" cellpadding="0">',
- '<tbody><tr class="x-grid-hd-row">{cells}</tr></tbody>',
- "</table>{splits}"
- );
- C.header.disableformats = true;
- }
-
- C.header.compile();
-
- if(!C.hcell){
- C.hcell = new Roo.Template(
- '<td class="x-grid-hd x-grid-td-{id} {cellId}"><div title="{title}" class="x-grid-hd-inner x-grid-hd-{id}">',
- '<div class="x-grid-hd-text" unselectable="on">{value}<img class="x-grid-sort-icon" src="', Roo.BLANK_IMAGE_URL, '" /></div>',
- "</div></td>"
- );
- C.hcell.disableFormats = true;
- }
-
- C.hcell.compile();
-
- if(!C.hsplit){
- C.hsplit = new Roo.Template('<div class="x-grid-split {splitId} x-grid-split-{id}" style="{style}" unselectable="on"> </div>');
- C.hsplit.disableFormats = true;
- }
-
- C.hsplit.compile();
-
- if(!C.body){
- C.body = new Roo.Template(
- '<table border="0" cellspacing="0" cellpadding="0">',
- "<tbody>{rows}</tbody>",
- "</table>"
- );
- C.body.disableFormats = true;
- }
-
- C.body.compile();
-
- if(!C.row){
- C.row = new Roo.Template('<tr class="x-grid-row {alt}">{cells}</tr>');
- C.row.disableFormats = true;
- }
-
- C.row.compile();
-
- if(!C.cell){
- C.cell = new Roo.Template(
- '<td class="x-grid-col x-grid-td-{id} {cellId} {css}" tabIndex="0">',
- '<div class="x-grid-col-{id} x-grid-cell-inner"><div class="x-grid-cell-text" unselectable="on" {attr}>{value}</div></div>',
- "</td>"
- );
- C.cell.disableFormats = true;
- }
-
- C.cell.compile();
-
- this.templates = C;
- },
-
-
- onColWidthChange : function(){
- this.updateColumns.apply(this, arguments);
- },
- onHeaderChange : function(){
- this.updateHeaders.apply(this, arguments);
- },
- onHiddenChange : function(){
- this.handleHiddenChange.apply(this, arguments);
- },
- onColumnMove : function(){
- this.handleColumnMove.apply(this, arguments);
- },
- onColumnLock : function(){
- this.handleLockChange.apply(this, arguments);
- },
-
- onDataChange : function(){
- this.refresh();
- this.updateHeaderSortState();
- },
-
- onClear : function(){
- this.refresh();
- },
-
- onUpdate : function(ds, D){
- this.refreshRow(D);
- },
-
- refreshRow : function(E){
- var ds = this.ds, F;
- if(typeof E == 'number'){
- F = E;
- E = ds.getAt(F);
- }else {
- F = ds.indexOf(E);
- }
-
- this.insertRows(ds, F, F, true);
- this.onRemove(ds, E, F+1, true);
- this.syncRowHeights(F, F);
- this.layout();
- this.fireEvent("rowupdated", this, F, E);
- },
-
- onAdd : function(ds, G, H){
- this.insertRows(ds, H, H + (G.length-1));
- },
-
- onRemove : function(ds, I, J, K){
- if(K !== true){
- this.fireEvent("beforerowremoved", this, J, I);
- }
- var bt = this.getBodyTable(), lt = this.getLockedTable();
- if(bt.rows[J]){
- bt.firstChild.removeChild(bt.rows[J]);
- }
- if(lt.rows[J]){
- lt.firstChild.removeChild(lt.rows[J]);
- }
- if(K !== true){
- this.stripeRows(J);
- this.syncRowHeights(J, J);
- this.layout();
- this.fireEvent("rowremoved", this, J, I);
- }
- },
-
- onLoad : function(){
- this.scrollToTop();
- },
-
-
-
- scrollToTop : function(){
- if(this.scroller){
- this.scroller.dom.scrollTop = 0;
- this.syncScroll();
- }
- },
-
-
-
- getHeaderPanel : function(L){
- if(L){
- this.headerPanel.show();
- }
- return this.headerPanel;
- },
-
-
-
- getFooterPanel : function(M){
- if(M){
- this.footerPanel.show();
- }
- return this.footerPanel;
- },
-
- initElements : function(){
- var E = Roo.Element;
- var el = this.grid.getGridEl().dom.firstChild;
- var cs = el.childNodes;
-
- this.el = new E(el);
- this.headerPanel = new E(el.firstChild);
- this.headerPanel.enableDisplayMode("block");
-
- this.scroller = new E(cs[1]);
- this.scrollSizer = new E(this.scroller.dom.firstChild);
-
- this.lockedWrap = new E(cs[2]);
- this.lockedHd = new E(this.lockedWrap.dom.firstChild);
- this.lockedBody = new E(this.lockedWrap.dom.childNodes[1]);
-
- this.mainWrap = new E(cs[3]);
- this.mainHd = new E(this.mainWrap.dom.firstChild);
- this.mainBody = new E(this.mainWrap.dom.childNodes[1]);
-
- this.footerPanel = new E(cs[4]);
- this.footerPanel.enableDisplayMode("block");
-
- this.focusEl = new E(cs[5]);
- this.focusEl.swallowEvent("click", true);
- this.resizeProxy = new E(cs[6]);
-
- this.headerSelector = String.format(
- '#{0} td.x-grid-hd, #{1} td.x-grid-hd',
- this.lockedHd.id, this.mainHd.id
- );
-
- this.splitterSelector = String.format(
- '#{0} div.x-grid-split, #{1} div.x-grid-split',
- this.idToCssName(this.lockedHd.id), this.idToCssName(this.mainHd.id)
- );
- },
- idToCssName : function(s)
- {
- return s.replace(/[^a-z0-9]+/ig, '-');
- },
-
- getHeaderCell : function(N){
- return Roo.DomQuery.select(this.headerSelector)[N];
- },
-
- getHeaderCellMeasure : function(O){
- return this.getHeaderCell(O).firstChild;
- },
-
- getHeaderCellText : function(P){
- return this.getHeaderCell(P).firstChild.firstChild;
- },
-
- getLockedTable : function(){
- return this.lockedBody.dom.firstChild;
- },
-
- getBodyTable : function(){
- return this.mainBody.dom.firstChild;
- },
-
- getLockedRow : function(Q){
- return this.getLockedTable().rows[Q];
- },
-
- getRow : function(R){
- return this.getBodyTable().rows[R];
- },
-
- getRowComposite : function(S){
- if(!this.rowEl){
- this.rowEl = new Roo.CompositeElementLite();
- }
- var T = [], U, V;
- if(U = this.getLockedRow(S)){
- T.push(U);
- }
- if(V = this.getRow(S)){
- T.push(V);
- }
-
- this.rowEl.elements = T;
- return this.rowEl;
- },
-
- getCell : function(W, X){
- var Y = this.cm.getLockedCount();
- var Z;
- if(X < Y){
- Z = this.lockedBody.dom.firstChild;
- }else {
- Z = this.mainBody.dom.firstChild;
- X -= Y;
- }
- return Z.rows[W].childNodes[X];
- },
-
- getCellText : function(a, b){
- return this.getCell(a, b).firstChild.firstChild;
- },
-
- getCellBox : function(c){
- var b = this.fly(c).getBox();
- if(Roo.isOpera){
- b.y = c.offsetTop + this.mainBody.getY();
- }
- return b;
- },
-
- getCellIndex : function(d){
- var id = String(d.className).match(this.cellRE);
- if(id){
- return parseInt(id[1], 10);
- }
- return 0;
- },
-
- findHeaderIndex : function(n){
- var r = Roo.fly(n).findParent("td." + this.hdClass, 6);
- return r ? this.getCellIndex(r) : false;
- },
-
- findHeaderCell : function(n){
- var r = Roo.fly(n).findParent("td." + this.hdClass, 6);
- return r ? r : false;
- },
-
- findRowIndex : function(n){
- if(!n){
- return false;
- }
- var r = Roo.fly(n).findParent("tr." + this.rowClass, 6);
- return r ? r.rowIndex : false;
- },
-
- findCellIndex : function(e){
- var f = this.el.dom;
- while(e && e != f){
- if(this.findRE.test(e.className)){
- return this.getCellIndex(e);
- }
-
- e = e.parentNode;
- }
- return false;
- },
-
- getColumnId : function(g){
- return this.cm.getColumnId(g);
- },
-
- getSplitters : function(){
- if(this.splitterSelector){
- return Roo.DomQuery.select(this.splitterSelector);
- }else {
- return null;
- }
- },
-
- getSplitter : function(k){
- return this.getSplitters()[k];
- },
-
- onRowOver : function(e, t){
- var o;
- if((o = this.findRowIndex(t)) !== false){
- this.getRowComposite(o).addClass("x-grid-row-over");
- }
- },
-
- onRowOut : function(e, t){
- var p;
- if((p = this.findRowIndex(t)) !== false && p !== this.findRowIndex(e.getRelatedTarget())){
- this.getRowComposite(p).removeClass("x-grid-row-over");
- }
- },
-
- renderHeaders : function(){
- var cm = this.cm;
- var ct = this.templates.hcell, ht = this.templates.header, st = this.templates.hsplit;
- var cb = [], lb = [], sb = [], q = [], p = {};
- for(var i = 0, len = cm.getColumnCount(); i < len; i++){
- p.cellId = "x-grid-hd-0-" + i;
- p.splitId = "x-grid-csplit-0-" + i;
- p.id = cm.getColumnId(i);
- p.title = cm.getColumnTooltip(i) || "";
- p.value = cm.getColumnHeader(i) || "";
- p.style = (this.grid.enableColumnResize === false || !cm.isResizable(i) || cm.isFixed(i)) ? 'cursor:default' : '';
- if(!cm.isLocked(i)){
- cb[cb.length] = ct.apply(p);
- sb[sb.length] = st.apply(p);
- }else {
- lb[lb.length] = ct.apply(p);
- q[q.length] = st.apply(p);
- }
- }
- return [ht.apply({cells: lb.join(""), splits:q.join("")}),
- ht.apply({cells: cb.join(""), splits:sb.join("")})];
- },
-
- updateHeaders : function(){
- var u = this.renderHeaders();
- this.lockedHd.update(u[0]);
- this.mainHd.update(u[1]);
- },
-
-
-
- focusRow : function(v){
- var x = this.scroller.dom.scrollLeft;
- this.focusCell(v, 0, false);
- this.scroller.dom.scrollLeft = x;
- },
-
-
-
- focusCell : function(y, z, AA){
- var el = this.ensureVisible(y, z, AA);
- this.focusEl.alignTo(el, "tl-tl");
- if(Roo.isGecko){
- this.focusEl.focus();
- }else {
- this.focusEl.focus.defer(1, this.focusEl);
- }
- },
-
-
-
- ensureVisible : function(AB, AC, AD){
- if(typeof AB != "number"){
- AB = AB.rowIndex;
- }
- if(AB < 0 && AB >= this.ds.getCount()){
- return;
- }
-
- AC = (AC !== undefined ? AC : 0);
- var cm = this.grid.colModel;
- while(cm.isHidden(AC)){
- AC++;
- }
-
- var el = this.getCell(AB, AC);
- if(!el){
- return;
- }
- var c = this.scroller.dom;
-
- var AE = parseInt(el.offsetTop, 10);
- var AF = parseInt(el.offsetLeft, 10);
- var AG = AE + el.offsetHeight;
- var AH = AF + el.offsetWidth;
-
- var ch = c.clientHeight - this.mainHd.dom.offsetHeight;
- var AI = parseInt(c.scrollTop, 10);
- var AJ = parseInt(c.scrollLeft, 10);
- var AK = AI + ch;
- var AL = AJ + c.clientWidth;
-
- if(AE < AI){
- c.scrollTop = AE;
- }else if(AG > AK){
- c.scrollTop = AG-ch;
- }
-
- if(AD !== false){
- if(AF < AJ){
- c.scrollLeft = AF;
- }else if(AH > AL){
- c.scrollLeft = AH-c.clientWidth;
- }
- }
- return el;
- },
-
- updateColumns : function(){
- this.grid.stopEditing();
- var cm = this.grid.colModel, AM = this.getColumnIds();
-
- var AN = 0;
- for(var i = 0, len = cm.getColumnCount(); i < len; i++){
-
- var w = cm.getColumnWidth(i);
- this.css.updateRule(this.colSelector+this.idToCssName(AM[i]), "width", (w - this.borderWidth) + "px");
- this.css.updateRule(this.hdSelector+this.idToCssName(AM[i]), "width", (w - this.borderWidth) + "px");
- }
-
- this.updateSplitters();
- },
-
- generateRules : function(cm){
- var AO = [], AP = this.idToCssName(this.grid.id)+ '-cssrules';
- Roo.util.CSS.removeStyleSheet(AP);
- for(var i = 0, len = cm.getColumnCount(); i < len; i++){
- var cid = cm.getColumnId(i);
- var align = '';
- if(cm.config[i].align){
- align = 'text-align:'+cm.config[i].align+';';
- }
- var hidden = '';
- if(cm.isHidden(i)){
- hidden = 'display:none;';
- }
- var width = "width:" + (cm.getColumnWidth(i) - this.borderWidth) + "px;";
- AO.push(
- this.colSelector, cid, " {\n", cm.config[i].css, align, width, "\n}\n",
- this.hdSelector, cid, " {\n", align, width, "}\n",
- this.tdSelector, cid, " {\n",hidden,"\n}\n",
- this.splitSelector, cid, " {\n", hidden , "\n}\n");
- }
- return Roo.util.CSS.createStyleSheet(AO.join(""), AP);
- },
-
- updateSplitters : function(){
- var cm = this.cm, s = this.getSplitters();
- if(s){
- var AN = 0, Y = true;
- for(var i = 0, len = cm.getColumnCount(); i < len; i++){
- if(cm.isHidden(i)) continue;
- var w = cm.getColumnWidth(i);
- if(!cm.isLocked(i) && Y){
- AN = 0;
- Y = false;
- }
-
- AN += w;
- s[i].style.left = (AN-this.splitOffset) + "px";
- }
- }
- },
-
- handleHiddenChange : function(AQ, AR, AS){
- if(AS){
- this.hideColumn(AR);
- }else {
- this.unhideColumn(AR);
- }
- },
-
- hideColumn : function(AT){
- var AU = this.getColumnId(AT);
- this.css.updateRule(this.tdSelector+this.idToCssName(AU), "display", "none");
- this.css.updateRule(this.splitSelector+this.idToCssName(AU), "display", "none");
- if(Roo.isSafari){
- this.updateHeaders();
- }
-
- this.updateSplitters();
- this.layout();
- },
-
- unhideColumn : function(AV){
- var AW = this.getColumnId(AV);
- this.css.updateRule(this.tdSelector+this.idToCssName(AW), "display", "");
- this.css.updateRule(this.splitSelector+this.idToCssName(AW), "display", "");
-
- if(Roo.isSafari){
- this.updateHeaders();
- }
-
- this.updateSplitters();
- this.layout();
- },
-
- insertRows : function(dm, AX, AY, AZ){
- if(AX == 0 && AY == dm.getCount()-1){
- this.refresh();
- }else {
- if(!AZ){
- this.fireEvent("beforerowsinserted", this, AX, AY);
- }
- var s = this.getScrollState();
- var markup = this.renderRows(AX, AY);
- this.bufferRows(markup[0], this.getLockedTable(), AX);
- this.bufferRows(markup[1], this.getBodyTable(), AX);
- this.restoreScroll(s);
- if(!AZ){
- this.fireEvent("rowsinserted", this, AX, AY);
- this.syncRowHeights(AX, AY);
- this.stripeRows(AX);
- this.layout();
- }
- }
- },
-
- bufferRows : function(Aa, Ab, Ac){
- var Ad = null, Ae = Ab.rows, Af = Ab.tBodies[0];
- if(Ac < Ae.length){
- Ad = Ae[Ac];
- }
- var b = document.createElement("div");
- b.innerHTML = "<table><tbody>"+Aa+"</tbody></table>";
- var Ag = b.firstChild.rows;
- for(var i = 0, len = Ag.length; i < len; i++){
- if(Ad){
- Af.insertBefore(Ag[0], Ad);
- }else {
- Af.appendChild(Ag[0]);
- }
- }
-
- b.innerHTML = "";
- b = null;
- },
-
- deleteRows : function(dm, Ah, Ai){
- if(dm.getRowCount()<1){
- this.fireEvent("beforerefresh", this);
- this.mainBody.update("");
- this.lockedBody.update("");
- this.fireEvent("refresh", this);
- }else {
- this.fireEvent("beforerowsdeleted", this, Ah, Ai);
- var bt = this.getBodyTable();
- var Af = bt.firstChild;
- var Ag = bt.rows;
- for(var a = Ah; a <= Ai; a++){
- Af.removeChild(Ag[Ah]);
- }
-
- this.stripeRows(Ah);
- this.fireEvent("rowsdeleted", this, Ah, Ai);
- }
- },
-
- updateRows : function(Aj, Ak, Al){
- var s = this.getScrollState();
- this.refresh();
- this.restoreScroll(s);
- },
-
- handleSort : function(Am, An, Ao, Ap){
- if(!Ap){
- this.refresh();
- }
-
- this.updateHeaderSortState();
- },
-
- getScrollState : function(){
- var sb = this.scroller.dom;
- return {left: sb.scrollLeft, top: sb.scrollTop};
- },
-
- stripeRows : function(Aq){
- if(!this.grid.stripeRows || this.ds.getCount() < 1){
- return;
- }
-
- Aq = Aq || 0;
- var Ar = this.getBodyTable().rows;
- var As = this.getLockedTable().rows;
- var At = ' x-grid-row-alt ';
- for(var i = Aq, len = Ar.length; i < len; i++){
- var AB = Ar[i], U = As[i];
- var isAlt = ((i+1) % 2 == 0);
- var hasAlt = (' '+AB.className + ' ').indexOf(At) != -1;
- if(isAlt == hasAlt){
- continue;
- }
- if(isAlt){
- AB.className += " x-grid-row-alt";
- }else {
- AB.className = AB.className.replace("x-grid-row-alt", "");
- }
- if(U){
- U.className = AB.className;
- }
- }
- },
-
- restoreScroll : function(Au){
- var sb = this.scroller.dom;
- sb.scrollLeft = Au.left;
- sb.scrollTop = Au.top;
- this.syncScroll();
- },
-
- syncScroll : function(){
- var sb = this.scroller.dom;
- var sh = this.mainHd.dom;
- var bs = this.mainBody.dom;
- var lv = this.lockedBody.dom;
- sh.scrollLeft = bs.scrollLeft = sb.scrollLeft;
- lv.scrollTop = bs.scrollTop = sb.scrollTop;
- },
-
- handleScroll : function(e){
- this.syncScroll();
- var sb = this.scroller.dom;
- this.grid.fireEvent("bodyscroll", sb.scrollLeft, sb.scrollTop);
- e.stopEvent();
- },
-
- handleWheel : function(e){
- var d = e.getWheelDelta();
- this.scroller.dom.scrollTop -= d*22;
-
- this.lockedBody.dom.scrollTop = this.mainBody.dom.scrollTop = this.scroller.dom.scrollTop;
- e.stopEvent();
- },
-
- renderRows : function(Av, Aw){
-
- var g = this.grid, cm = g.colModel, ds = g.dataSource, Ax = g.stripeRows;
- var Ay = cm.getColumnCount();
-
- if(ds.getCount() < 1){
- return ["", ""];
- }
-
-
- var cs = [];
- for(var i = 0; i < Ay; i++){
- var name = cm.getDataIndex(i);
- cs[i] = {
- name : typeof name == 'undefined' ? ds.fields.get(i).name : name,
- renderer : cm.getRenderer(i),
- id : cm.getColumnId(i),
- locked : cm.isLocked(i)
- };
- }
-
-
- Av = Av || 0;
- Aw = typeof Aw == "undefined"? ds.getCount()-1 : Aw;
-
-
- var rs = ds.getRange(Av, Aw);
-
- return this.doRender(cs, rs, ds, Av, Ay, Ax);
- },
-
-
-
-
- doRender : Roo.isGecko ?
- function(cs, rs, ds, Az, A0, A1){
- var ts = this.templates, ct = ts.cell, rt = ts.row;
-
- var A2 = "", A3 = "", cb, A4, c, p = {}, rp = {}, r, a;
- for(var j = 0, len = rs.length; j < len; j++){
- r = rs[j]; cb = ""; A4 = ""; a = (j+Az);
- for(var i = 0; i < A0; i++){
- c = cs[i];
- p.cellId = "x-grid-cell-" + a + "-" + i;
- p.id = c.id;
- p.css = p.attr = "";
- p.value = c.renderer(r.data[c.name], p, r, a, i, ds);
- if(p.value == undefined || p.value === "") p.value = " ";
- if(r.dirty && typeof r.modified[c.name] !== 'undefined'){
- p.css += p.css ? ' x-grid-dirty-cell' : 'x-grid-dirty-cell';
- }
- var Aa = ct.apply(p);
- if(!c.locked){
- cb+= Aa;
- }else {
- A4+= Aa;
- }
- }
- var alt = [];
- if(A1 && ((a+1) % 2 == 0)){
- alt[0] = "x-grid-row-alt";
- }
- if(r.dirty){
- alt[1] = " x-grid-dirty-row";
- }
-
- rp.cells = A4;
- if(this.getRowClass){
- alt[2] = this.getRowClass(r, a);
- }
-
- rp.alt = alt.join(" ");
- A3+= rt.apply(rp);
- rp.cells = cb;
- A2+= rt.apply(rp);
- }
- return [A3, A2];
- } :
- function(cs, rs, ds, A5, A6, A7){
- var ts = this.templates, ct = ts.cell, rt = ts.row;
-
- var A8 = [], A9 = [], cb, BA, c, p = {}, rp = {}, r, a;
- for(var j = 0, len = rs.length; j < len; j++){
- r = rs[j]; cb = []; BA = []; a = (j+A5);
- for(var i = 0; i < A6; i++){
- c = cs[i];
- p.cellId = "x-grid-cell-" + a + "-" + i;
- p.id = c.id;
- p.css = p.attr = "";
- p.value = c.renderer(r.data[c.name], p, r, a, i, ds);
- if(p.value == undefined || p.value === "") p.value = " ";
- if(r.dirty && typeof r.modified[c.name] !== 'undefined'){
- p.css += p.css ? ' x-grid-dirty-cell' : 'x-grid-dirty-cell';
- }
- var Aa = ct.apply(p);
- if(!c.locked){
- cb[cb.length] = Aa;
- }else {
- BA[BA.length] = Aa;
- }
- }
- var alt = [];
- if(A7 && ((a+1) % 2 == 0)){
- alt[0] = "x-grid-row-alt";
- }
- if(r.dirty){
- alt[1] = " x-grid-dirty-row";
- }
-
- rp.cells = BA;
- if(this.getRowClass){
- alt[2] = this.getRowClass(r, a);
- }
-
- rp.alt = alt.join(" ");
- rp.cells = BA.join("");
- A9[A9.length] = rt.apply(rp);
- rp.cells = cb.join("");
- A8[A8.length] = rt.apply(rp);
- }
- return [A9.join(""), A8.join("")];
- },
-
- renderBody : function(){
- var BB = this.renderRows();
- var bt = this.templates.body;
- return [bt.apply({rows: BB[0]}), bt.apply({rows: BB[1]})];
- },
-
-
-
- refresh : function(BC){
- this.fireEvent("beforerefresh", this);
- this.grid.stopEditing();
- var BD = this.renderBody();
- this.lockedBody.update(BD[0]);
- this.mainBody.update(BD[1]);
- if(BC === true){
- this.updateHeaders();
- this.updateColumns();
- this.updateSplitters();
- this.updateHeaderSortState();
- }
-
- this.syncRowHeights();
- this.layout();
- this.fireEvent("refresh", this);
- },
-
- handleColumnMove : function(cm, BE, BF){
- this.indexMap = null;
- var s = this.getScrollState();
- this.refresh(true);
- this.restoreScroll(s);
- this.afterMove(BF);
- },
-
- afterMove : function(BG){
- if(this.enableMoveAnim && Roo.enableFx){
- this.fly(this.getHeaderCell(BG).firstChild).highlight(this.hlColor);
- }
- },
-
- updateCell : function(dm, BH, BI){
- var BJ = this.getColumnIndexByDataIndex(BI);
- if(typeof BJ == "undefined"){
- return;
- }
- var cm = this.grid.colModel;
- var BK = this.getCell(BH, BJ);
- var BL = this.getCellText(BH, BJ);
-
- var p = {
- cellId : "x-grid-cell-" + BH + "-" + BJ,
- id : cm.getColumnId(BJ),
- css: BJ == cm.getColumnCount()-1 ? "x-grid-col-last" : ""
- };
- var BM = cm.getRenderer(BJ);
- var BN = BM(dm.getValueAt(BH, BI), p, BH, BJ, dm);
- if(typeof BN == "undefined" || BN === "") BN = " ";
- BL.innerHTML = BN;
- BK.className = this.cellClass + " " + this.idToCssName(p.cellId) + " " + p.css;
- this.syncRowHeights(BH, BH);
- },
-
- calcColumnWidth : function(BO, BP){
- var BQ = 0;
- if(this.grid.autoSizeHeaders){
- var h = this.getHeaderCellMeasure(BO);
- BQ = Math.max(BQ, h.scrollWidth);
- }
- var tb, BR;
- if(this.cm.isLocked(BO)){
- tb = this.getLockedTable();
- BR = BO;
- }else {
- tb = this.getBodyTable();
- BR = BO - this.cm.getLockedCount();
- }
- if(tb && tb.rows){
- var Ar = tb.rows;
- var stopIndex = Math.min(BP || Ar.length, Ar.length);
- for(var i = 0; i < stopIndex; i++){
- var BK = Ar[i].childNodes[BR].firstChild;
- BQ = Math.max(BQ, BK.scrollWidth);
- }
- }
- return BQ +
- 5;
- },
-
-
- autoSizeColumn : function(BS, BT, BU){
- if(this.cm.isHidden(BS)){
- return;
- }
- if(BT){
- var AW = this.cm.getColumnId(BS);
- this.css.updateRule(this.colSelector +this.idToCssName( AW), "width", this.grid.minColumnWidth + "px");
- if(this.grid.autoSizeHeaders){
- this.css.updateRule(this.hdSelector + this.idToCssName(AW), "width", this.grid.minColumnWidth + "px");
- }
- }
- var BV = this.calcColumnWidth(BS);
- this.cm.setColumnWidth(BS,
- Math.max(this.grid.minColumnWidth, BV), BU);
- if(!BU){
- this.grid.fireEvent("columnresize", BS, BV);
- }
- },
-
-
-
- autoSizeColumns : function(){
- var cm = this.grid.colModel;
- var BW = cm.getColumnCount();
- for(var i = 0; i < BW; i++){
- this.autoSizeColumn(i, true, true);
- }
- if(cm.getTotalWidth() < this.scroller.dom.clientWidth){
- this.fitColumns();
- }else {
- this.updateColumns();
- this.layout();
- }
- },
-
-
-
- fitColumns : function(BX){
- var cm = this.grid.colModel;
- var BY = cm.getColumnCount();
- var BZ = [];
- var Ba = 0;
- var i, w;
- for (i = 0; i < BY; i++){
- if(!cm.isHidden(i) && !cm.isFixed(i)){
- w = cm.getColumnWidth(i);
- BZ.push(i);
- BZ.push(w);
- Ba += w;
- }
- }
- var Bb = Math.min(this.scroller.dom.clientWidth, this.el.getWidth());
- if(BX){
- Bb -= 17;
- }
- var Bc = (Bb - cm.getTotalWidth())/Ba;
- while (BZ.length){
- w = BZ.pop();
- i = BZ.pop();
- cm.setColumnWidth(i, Math.floor(w + w*Bc), true);
- }
-
- this.updateColumns();
- this.layout();
- },
-
- onRowSelect : function(Bd){
- var Be = this.getRowComposite(Bd);
- Be.addClass("x-grid-row-selected");
- },
-
- onRowDeselect : function(Bf){
- var Bg = this.getRowComposite(Bf);
- Bg.removeClass("x-grid-row-selected");
- },
-
- onCellSelect : function(Bh, Bi){
- var Bj = this.getCell(Bh, Bi);
- if(Bj){
- Roo.fly(Bj).addClass("x-grid-cell-selected");
- }
- },
-
- onCellDeselect : function(Bk, Bl){
- var Bm = this.getCell(Bk, Bl);
- if(Bm){
- Roo.fly(Bm).removeClass("x-grid-cell-selected");
- }
- },
-
- updateHeaderSortState : function(){
- var Bn = this.ds.getSortState();
- if(!Bn){
- return;
- }
-
- this.sortState = Bn;
- var Bo = this.cm.findColumnIndex(Bn.field);
- if(Bo != -1){
- var Ao = Bn.direction;
- var sc = this.sortClasses;
- var hds = this.el.select(this.headerSelector).removeClass(sc);
- hds.item(Bo).addClass(sc[Ao == "DESC" ? 1 : 0]);
- }
- },
-
- handleHeaderClick : function(g, Bp){
- if(this.headersDisabled){
- return;
- }
- var dm = g.dataSource, cm = g.colModel;
- if(!cm.isSortable(Bp)){
- return;
- }
-
- g.stopEditing();
- dm.sort(cm.getDataIndex(Bp));
- },
-
-
- destroy : function(){
- if(this.colMenu){
- this.colMenu.removeAll();
- Roo.menu.MenuMgr.unregister(this.colMenu);
- this.colMenu.getEl().remove();
- delete this.colMenu;
- }
- if(this.hmenu){
- this.hmenu.removeAll();
- Roo.menu.MenuMgr.unregister(this.hmenu);
- this.hmenu.getEl().remove();
- delete this.hmenu;
- }
- if(this.grid.enableColumnMove){
- var dds = Roo.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();
- Roo.get(elid).remove();
- } else if(dds[dd].config.isTarget){
- dds[dd].proxyTop.remove();
- dds[dd].proxyBottom.remove();
- dds[dd].unreg();
- }
- if(Roo.dd.DDM.locationCache[dd]){
- delete Roo.dd.DDM.locationCache[dd];
- }
- }
- delete Roo.dd.DDM.ids['gridHeader' + this.grid.getGridEl().id];
- }
- }
-
- Roo.util.CSS.removeStyleSheet(this.idToCssName(this.grid.id) + '-cssrules');
- this.bind(null, null);
- Roo.EventManager.removeResizeListener(this.onWindowResize, this);
- },
-
- handleLockChange : function(){
- this.refresh(true);
- },
-
- onDenyColumnLock : function(){
-
- },
-
- onDenyColumnHide : function(){
-
- },
-
- handleHdMenuClick : function(Bq){
- var Br = this.hdCtxIndex;
- var cm = this.cm, ds = this.ds;
- switch(Bq.id){
- case "asc":
- ds.sort(cm.getDataIndex(Br), "ASC");
- break;
- case "desc":
- ds.sort(cm.getDataIndex(Br), "DESC");
- break;
- case "lock":
- var lc = cm.getLockedCount();
- if(cm.getColumnCount(true) <= lc+1){
- this.onDenyColumnLock();
- return;
- }
- if(lc != Br){
- cm.setLocked(Br, true, true);
- cm.moveColumn(Br, lc);
- this.grid.fireEvent("columnmove", Br, lc);
- }else {
- cm.setLocked(Br, true);
- }
- break;
- case "unlock":
- var lc = cm.getLockedCount();
- if((lc-1) != Br){
- cm.setLocked(Br, false, true);
- cm.moveColumn(Br, lc-1);
- this.grid.fireEvent("columnmove", Br, lc-1);
- }else {
- cm.setLocked(Br, false);
- }
- break;
- default:
- Br = cm.getIndexById(Bq.id.substr(4));
- if(Br != -1){
- if(Bq.checked && cm.getColumnCount(true) <= 1){
- this.onDenyColumnHide();
- return false;
- }
-
- cm.setHidden(Br, Bq.checked);
- }
- }
- return true;
- },
-
- beforeColMenuShow : function(){
- var cm = this.cm, Bs = cm.getColumnCount();
- this.colMenu.removeAll();
- for(var i = 0; i < Bs; i++){
- this.colMenu.add(new Roo.menu.CheckItem({
- id: "col-"+cm.getColumnId(i),
- text: cm.getColumnHeader(i),
- checked: !cm.isHidden(i),
- hideOnClick:false
- }));
- }
- },
-
- handleHdCtx : function(g, Bt, e){
- e.stopEvent();
- var hd = this.getHeaderCell(Bt);
- this.hdCtxIndex = Bt;
- var ms = this.hmenu.items, cm = this.cm;
- ms.get("asc").setDisabled(!cm.isSortable(Bt));
- ms.get("desc").setDisabled(!cm.isSortable(Bt));
- if(this.grid.enableColLock !== false){
- ms.get("lock").setDisabled(cm.isLocked(Bt));
- ms.get("unlock").setDisabled(!cm.isLocked(Bt));
- }
-
- this.hmenu.show(hd, "tl-bl");
- },
-
- handleHdOver : function(e){
- var hd = this.findHeaderCell(e.getTarget());
- if(hd && !this.headersDisabled){
- if(this.grid.colModel.isSortable(this.getCellIndex(hd))){
- this.fly(hd).addClass("x-grid-hd-over");
- }
- }
- },
-
- handleHdOut : function(e){
- var hd = this.findHeaderCell(e.getTarget());
- if(hd){
- this.fly(hd).removeClass("x-grid-hd-over");
- }
- },
-
- handleSplitDblClick : function(e, t){
- var i = this.getCellIndex(t);
- if(this.grid.enableColumnResize !== false && this.cm.isResizable(i) && !this.cm.isFixed(i)){
- this.autoSizeColumn(i, true);
- this.layout();
- }
- },
-
- render : function(){
-
- var cm = this.cm;
- var Bu = cm.getColumnCount();
-
- if(this.grid.monitorWindowResize === true){
- Roo.EventManager.onWindowResize(this.onWindowResize, this, true);
- }
- var Bv = this.renderHeaders();
- var Bw = this.templates.body.apply({rows:""});
- var Bx = this.templates.master.apply({
- lockedBody: Bw,
- body: Bw,
- lockedHeader: Bv[0],
- header: Bv[1]
- });
-
-
-
- this.grid.getGridEl().dom.innerHTML = Bx;
-
- this.initElements();
-
- this.scroller.on("scroll", this.handleScroll, this);
- this.lockedBody.on("mousewheel", this.handleWheel, this);
- this.mainBody.on("mousewheel", this.handleWheel, this);
-
- this.mainHd.on("mouseover", this.handleHdOver, this);
- this.mainHd.on("mouseout", this.handleHdOut, this);
- this.mainHd.on("dblclick", this.handleSplitDblClick, this,
- {delegate: "."+this.splitClass});
-
- this.lockedHd.on("mouseover", this.handleHdOver, this);
- this.lockedHd.on("mouseout", this.handleHdOut, this);
- this.lockedHd.on("dblclick", this.handleSplitDblClick, this,
- {delegate: "."+this.splitClass});
-
- if(this.grid.enableColumnResize !== false && Roo.grid.SplitDragZone){
- new Roo.grid.SplitDragZone(this.grid, this.lockedHd.dom, this.mainHd.dom);
- }
-
-
- this.updateSplitters();
-
- if(this.grid.enableColumnMove && Roo.grid.HeaderDragZone){
- new Roo.grid.HeaderDragZone(this.grid, this.lockedHd.dom, this.mainHd.dom);
- new Roo.grid.HeaderDropZone(this.grid, this.lockedHd.dom, this.mainHd.dom);
- }
-
- if(this.grid.enableCtxMenu !== false && Roo.menu.Menu){
- this.hmenu = new Roo.menu.Menu({id: this.grid.id + "-hctx"});
- this.hmenu.add(
- {id:"asc", text: this.sortAscText, cls: "xg-hmenu-sort-asc"},
- {id:"desc", text: this.sortDescText, cls: "xg-hmenu-sort-desc"}
- );
- if(this.grid.enableColLock !== false){
- this.hmenu.add('-',
- {id:"lock", text: this.lockText, cls: "xg-hmenu-lock"},
- {id:"unlock", text: this.unlockText, cls: "xg-hmenu-unlock"}
- );
- }
- if(this.grid.enableColumnHide !== false){
-
- this.colMenu = new Roo.menu.Menu({id:this.grid.id + "-hcols-menu"});
- this.colMenu.on("beforeshow", this.beforeColMenuShow, this);
- this.colMenu.on("itemclick", this.handleHdMenuClick, this);
-
- this.hmenu.add('-',
- {id:"columns", text: this.columnsText, menu: this.colMenu}
- );
- }
-
- this.hmenu.on("itemclick", this.handleHdMenuClick, this);
-
- this.grid.on("headercontextmenu", this.handleHdCtx, this);
- }
-
- if((this.grid.enableDragDrop || this.grid.enableDrag) && Roo.grid.GridDragZone){
- this.dd = new Roo.grid.GridDragZone(this.grid, {
- ddGroup : this.grid.ddGroup || 'GridDD'
- });
- }
-
-
-
-
-
- this.updateHeaderSortState();
-
- this.beforeInitialResize();
- this.layout(true);
-
-
- this.renderPhase2.defer(1, this);
- },
-
- renderPhase2 : function(){
-
- this.refresh();
- if(this.grid.autoSizeColumns){
- this.autoSizeColumns();
- }
- },
-
- beforeInitialResize : function(){
-
- },
-
- onColumnSplitterMoved : function(i, w){
- this.userResized = true;
- var cm = this.grid.colModel;
- cm.setColumnWidth(i, w, true);
- var By = cm.getColumnId(i);
- this.css.updateRule(this.colSelector + this.idToCssName(By), "width", (w-this.borderWidth) + "px");
- this.css.updateRule(this.hdSelector + this.idToCssName(By), "width", (w-this.borderWidth) + "px");
- this.updateSplitters();
- this.layout();
- this.grid.fireEvent("columnresize", i, w);
- },
-
- syncRowHeights : function(Bz, B0){
- if(this.grid.enableRowHeightSync === true && this.cm.getLockedCount() > 0){
- Bz = Bz || 0;
- var mrows = this.getBodyTable().rows;
- var As = this.getLockedTable().rows;
- var len = mrows.length-1;
- B0 = Math.min(B0 || len, len);
- for(var i = Bz; i <= B0; i++){
- var m = mrows[i], l = As[i];
- var h = Math.max(m.offsetHeight, l.offsetHeight);
- m.style.height = l.style.height = h + "px";
- }
- }
- },
-
- layout : function(B1, B2){
- var g = this.grid;
- var B3 = g.autoHeight;
- var B4 = 16;
- var c = g.getGridEl(), cm = this.cm,
- B5 = g.autoExpandColumn,
- gv = this;
-
-
- if(!c.dom.offsetWidth){
- if(B1){
- this.lockedWrap.show();
- this.mainWrap.show();
- }
- return;
- }
-
- var B6 = this.cm.isLocked(0);
-
- var B7 = this.headerPanel.getHeight();
- var B8 = this.footerPanel.getHeight();
-
- if(B3){
- var ch = this.getBodyTable().offsetHeight + B7 + B8 + this.mainHd.getHeight();
- var newHeight = ch + c.getBorderWidth("tb");
- if(g.maxHeight){
- newHeight = Math.min(g.maxHeight, newHeight);
- }
-
- c.setHeight(newHeight);
- }
-
- if(g.autoWidth){
- c.setWidth(cm.getTotalWidth()+c.getBorderWidth('lr'));
- }
-
- var s = this.scroller;
-
- var B9 = c.getSize(true);
-
- this.el.setSize(B9.width, B9.height);
-
- this.headerPanel.setWidth(B9.width);
- this.footerPanel.setWidth(B9.width);
-
- var CA = this.mainHd.getHeight();
- var vw = B9.width;
- var vh = B9.height - (B7 + B8);
-
- s.setSize(vw, vh);
-
- var bt = this.getBodyTable();
- var CB = B6 ?
- Math.max(this.getLockedTable().offsetWidth, this.lockedHd.dom.firstChild.offsetWidth) : 0;
-
- var CC = bt.offsetHeight;
- var CD = CB + bt.offsetWidth;
- var CE = false, CF = false;
-
- this.scrollSizer.setSize(CD, CC+CA);
-
- var lw = this.lockedWrap, mw = this.mainWrap;
- var lb = this.lockedBody, mb = this.mainBody;
-
- setTimeout(function(){
- var t = s.dom.offsetTop;
- var w = s.dom.clientWidth,
- h = s.dom.clientHeight;
-
- lw.setTop(t);
- lw.setSize(CB, h);
-
- mw.setLeftTop(CB, t);
- mw.setSize(w-CB, h);
-
- lb.setHeight(h-CA);
- mb.setHeight(h-CA);
-
- if(B2 !== true && !gv.userResized && B5){
-
-
- var ci = cm.getIndexById(B5);
- if (ci < 0) {
- ci = cm.findColumnIndex(B5);
- }
-
- ci = Math.max(0, ci);
- var expandId = cm.getColumnId(ci);
- var tw = cm.getTotalWidth(false);
- var currentWidth = cm.getColumnWidth(ci);
- var cw = Math.min(Math.max(((w-tw)+currentWidth-2)-
-(w <= s.dom.offsetWidth ? 0 : 18), g.autoExpandMin), g.autoExpandMax);
- if(currentWidth != cw){
- cm.setColumnWidth(ci, cw, true);
- gv.css.updateRule(gv.colSelector+gv.idToCssName(expandId), "width", (cw - gv.borderWidth) + "px");
- gv.css.updateRule(gv.hdSelector+gv.idToCssName(expandId), "width", (cw - gv.borderWidth) + "px");
- gv.updateSplitters();
- gv.layout(false, true);
- }
- }
-
- if(B1){
- lw.show();
- mw.show();
- }
-
- }, 10);
- },
-
- onWindowResize : function(){
- if(!this.grid.monitorWindowResize || this.grid.autoHeight){
- return;
- }
-
- this.layout();
- },
-
- appendFooter : function(CG){
- return null;
- },
-
- sortAscText : "Sort Ascending",
- sortDescText : "Sort Descending",
- lockText : "Lock Column",
- unlockText : "Unlock Column",
- columnsText : "Columns"
-});
-
-
-Roo.grid.GridView.ColumnDragZone = function(CH, hd){
- Roo.grid.GridView.ColumnDragZone.superclass.constructor.call(this, CH, hd, null);
- this.proxy.el.addClass('x-grid3-col-dd');
-};
-
-Roo.extend(Roo.grid.GridView.ColumnDragZone, Roo.grid.HeaderDragZone, {
- handleMouseDown : function(e){
-
- },
-
- callHandleMouseDown : function(e){
- Roo.grid.GridView.ColumnDragZone.superclass.handleMouseDown.call(this, e);
- }
-});
-
-
-
-
-
-
-Roo.grid.SplitDragZone = function(A, hd, B){
- this.grid = A;
- this.view = A.getView();
- this.proxy = this.view.resizeProxy;
- Roo.grid.SplitDragZone.superclass.constructor.call(this, hd,
- "gridSplitters" + this.grid.getGridEl().id, {
- dragElId : Roo.id(this.proxy.dom), resizeFrame:false
- });
- this.setHandleElId(Roo.id(hd));
- this.setOuterHandleElId(Roo.id(B));
- this.scroll = false;
-};
-Roo.extend(Roo.grid.SplitDragZone, Roo.dd.DDProxy, {
- fly: Roo.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 C = Math.max(w-this.grid.minColumnWidth, 0);
- this.resetConstraints();
- this.setXConstraint(C, 1000);
- this.setYConstraint(0, 0);
- this.minX = x - C;
- this.maxX = x + 1000;
- this.startPos = x;
- Roo.dd.DDProxy.prototype.b4StartDrag.call(this, x, y);
- },
-
-
- handleMouseDown : function(e){
- ev = Roo.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)){
- Roo.grid.SplitDragZone.superclass.handleMouseDown.apply(this, arguments);
- }
- }
- },
-
- endDrag : function(e){
- this.view.headersDisabled = false;
- var D = Math.max(this.minX, Roo.lib.Event.getPageX(e));
- var E = D - this.startPos;
- this.view.onColumnSplitterMoved(this.cellIndex, this.cm.getColumnWidth(this.cellIndex)+E);
- },
-
- autoOffset : function(){
- this.setDelta(0,0);
- }
-});
-
-
-
-
-
-Roo.grid.GridDragZone = function(A, B){
- this.view = A.getView();
- Roo.grid.GridDragZone.superclass.constructor.call(this, this.view.mainBody.dom, B);
- if(this.view.lockedBody){
- this.setHandleElId(Roo.id(this.view.mainBody.dom));
- this.setOuterHandleElId(Roo.id(this.view.lockedBody.dom));
- }
-
- this.scroll = false;
- this.grid = A;
- this.ddel = document.createElement('div');
- this.ddel.className = 'x-grid-dd-wrap';
-};
-
-Roo.extend(Roo.grid.GridDragZone, Roo.dd.DragZone, {
- ddGroup : "GridDD",
-
- getDragData : function(e){
- var t = Roo.lib.Event.getTarget(e);
- var C = this.view.findRowIndex(t);
- if(C !== false){
- var sm = this.grid.selModel;
-
-
-
- if (e.hasModifier()){
- sm.handleMouseDown(e, t);
- }
- return {grid: this.grid, ddel: this.ddel, rowIndex: C, selections:sm.getSelections()};
- }
- return false;
- },
-
- onInitDrag : function(e){
- var D = this.dragData;
- this.ddel.innerHTML = this.grid.getDragDropText();
- this.proxy.update(this.ddel);
-
- },
-
- afterRepair : function(){
- this.dragging = false;
- },
-
- getRepairXY : function(e, E){
- return false;
- },
-
- onEndDrag : function(F, e){
-
- },
-
- onValidDrop : function(dd, e, id){
-
- this.hideProxy();
- },
-
- beforeInvalidDrop : function(e, id){
-
- }
-});
-
-
-
-
-
-
-Roo.grid.ColumnModel = function(A){
-
-
- this.config = A;
- this.lookup = {};
-
-
-
-
- for(var i = 0, len = A.length; i < len; i++){
- var c = A[i];
- if(typeof c.dataIndex == "undefined"){
- c.dataIndex = i;
- }
- if(typeof c.renderer == "string"){
- c.renderer = Roo.util.Format[c.renderer];
- }
- if(typeof c.id == "undefined"){
- c.id = Roo.id();
- }
- if(c.editor && c.editor.xtype){
- c.editor = Roo.factory(c.editor, Roo.grid);
- }
- if(c.editor && c.editor.isFormField){
- c.editor = new Roo.grid.GridEditor(c.editor);
- }
-
- this.lookup[c.id] = c;
- }
-
-
-
-
- this.defaultWidth = 100;
-
-
-
- this.defaultSortable = false;
-
- this.addEvents({
-
-
- "widthchange": true,
-
-
- "headerchange": true,
-
-
- "hiddenchange": true,
-
-
- "columnmoved" : true,
-
-
- "columnlockchange" : true
- });
- Roo.grid.ColumnModel.superclass.constructor.call(this);
-};
-Roo.extend(Roo.grid.ColumnModel, Roo.util.Observable, {
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- getColumnId : function(B){
- return this.config[B].id;
- },
-
-
-
- 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;
- },
-
-
-
- findColumnIndex : function(C){
- for(var i = 0, len = this.config.length; i < len; i++){
- if(this.config[i].dataIndex == C){
- return i;
- }
- }
- return -1;
- },
-
-
- moveColumn : function(D, E){
- var c = this.config[D];
- this.config.splice(D, 1);
- this.config.splice(E, 0, c);
- this.dataMap = null;
- this.fireEvent("columnmoved", this, D, E);
- },
-
- isLocked : function(F){
- return this.config[F].locked === true;
- },
-
- setLocked : function(G, H, I){
- if(this.isLocked(G) == H){
- return;
- }
-
- this.config[G].locked = H;
- if(!I){
- this.fireEvent("columnlockchange", this, G, H);
- }
- },
-
- getTotalLockedWidth : function(){
- var J = 0;
- for(var i = 0; i < this.config.length; i++){
- if(this.isLocked(i) && !this.isHidden(i)){
- this.totalWidth += this.getColumnWidth(i);
- }
- }
- return J;
- },
-
- getLockedCount : function(){
- for(var i = 0, len = this.config.length; i < len; i++){
- if(!this.isLocked(i)){
- return i;
- }
- }
- },
-
-
-
- getColumnCount : function(K){
- if(K === 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, L){
- var r = [];
- for(var i = 0, len = this.config.length; i < len; i++){
- var c = this.config[i];
- if(fn.call(L||this, c, i) === true){
- r[r.length] = c;
- }
- }
- return r;
- },
-
-
-
- isSortable : function(M){
- if(typeof this.config[M].sortable == "undefined"){
- return this.defaultSortable;
- }
- return this.config[M].sortable;
- },
-
-
-
- getRenderer : function(N){
- if(!this.config[N].renderer){
- return Roo.grid.ColumnModel.defaultRenderer;
- }
- return this.config[N].renderer;
- },
-
-
-
- setRenderer : function(O, fn){
- this.config[O].renderer = fn;
- },
-
-
-
- getColumnWidth : function(P){
- return this.config[P].width || this.defaultWidth;
- },
-
-
-
- setColumnWidth : function(Q, R, S){
- this.config[Q].width = R;
- this.totalWidth = null;
- if(!S){
- this.fireEvent("widthchange", this, Q, R);
- }
- },
-
-
-
- getTotalWidth : function(T){
- if(!this.totalWidth){
- this.totalWidth = 0;
- for(var i = 0, len = this.config.length; i < len; i++){
- if(T || !this.isHidden(i)){
- this.totalWidth += this.getColumnWidth(i);
- }
- }
- }
- return this.totalWidth;
- },
-
-
-
- getColumnHeader : function(U){
- return this.config[U].header;
- },
-
-
-
- setColumnHeader : function(V, W){
- this.config[V].header = W;
- this.fireEvent("headerchange", this, V, W);
- },
-
-
-
- getColumnTooltip : function(X){
- return this.config[X].tooltip;
- },
-
-
- setColumnTooltip : function(Y, Z){
- this.config[Y].tooltip = Z;
- },
-
-
-
- getDataIndex : function(a){
- return this.config[a].dataIndex;
- },
-
-
-
- setDataIndex : function(b, d){
- this.config[b].dataIndex = d;
- },
-
-
-
-
-
- isCellEditable : function(e, f){
- return (this.config[e].editable || (typeof this.config[e].editable == "undefined" && this.config[e].editor)) ? true : false;
- },
-
-
-
- getCellEditor : function(g, h){
- return this.config[g].editor;
- },
-
-
-
- setEditable : function(j, k){
- this.config[j].editable = k;
- },
-
-
-
-
- isHidden : function(l){
- return this.config[l].hidden;
- },
-
-
-
-
- isFixed : function(m){
- return this.config[m].fixed;
- },
-
-
-
- isResizable : function(n){
- return n >= 0 && this.config[n].resizable !== false && this.config[n].fixed !== true;
- },
-
-
- setHidden : function(o, p){
- this.config[o].hidden = p;
- this.totalWidth = null;
- this.fireEvent("hiddenchange", this, o, p);
- },
-
-
-
- setEditor : function(q, s){
- this.config[q].editor = s;
- }
-});
-
-Roo.grid.ColumnModel.defaultRenderer = function(t){
- if(typeof t == "string" && t.length < 1){
- return " ";
- }
- return t;
-};
-
-
-Roo.grid.DefaultColumnModel = Roo.grid.ColumnModel;
-
-
-
-
-
-
-Roo.grid.AbstractSelectionModel = function(){
- this.locked = false;
- Roo.grid.AbstractSelectionModel.superclass.constructor.call(this);
-};
-
-Roo.extend(Roo.grid.AbstractSelectionModel, Roo.util.Observable, {
-
-
- init : function(A){
- this.grid = A;
- this.initEvents();
- },
-
-
-
- lock : function(){
- this.locked = true;
- },
-
-
-
- unlock : function(){
- this.locked = false;
- },
-
-
-
- isLocked : function(){
- return this.locked;
- }
-});
-
-
-
-
-Roo.grid.RowSelectionModel = function(A){
- Roo.apply(this, A);
- this.selections = new Roo.util.MixedCollection(false, function(o){
- return o.id;
- });
-
- this.last = false;
- this.lastActive = false;
-
- this.addEvents({
-
-
- "selectionchange" : true,
-
-
- "afterselectionchange" : true,
-
-
- "beforerowselect" : true,
-
-
- "rowselect" : true,
-
-
- "rowdeselect" : true
- });
- Roo.grid.RowSelectionModel.superclass.constructor.call(this);
- this.locked = false;
-};
-
-Roo.extend(Roo.grid.RowSelectionModel, Roo.grid.AbstractSelectionModel, {
-
-
- singleSelect : false,
-
-
- initEvents : function(){
-
- if(!this.grid.enableDragDrop && !this.grid.enableDrag){
- this.grid.on("mousedown", this.handleMouseDown, this);
- }else {
- this.grid.on("rowclick", this.handleDragableRowClick, this);
- }
-
-
- this.rowNav = new Roo.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();
- }
-
- this.fireEvent("afterselectionchange", this);
- },
- "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();
- }
-
- this.fireEvent("afterselectionchange", this);
- },
- scope: this
- });
-
- var B = this.grid.view;
- B.on("refresh", this.onRefresh, this);
- B.on("rowupdated", this.onRowUpdated, this);
- B.on("rowremoved", this.onRemove, this);
- },
-
-
- onRefresh : function(){
- var ds = this.grid.dataSource, i, v = this.grid.view;
- var s = this.selections;
- s.each(function(r){
- if((i = ds.indexOfId(r.id)) != -1){
- v.onRowSelect(i);
- }else {
- s.remove(r);
- }
- });
- },
-
-
- onRemove : function(v, C, r){
- this.selections.remove(r);
- },
-
-
- onRowUpdated : function(v, D, r){
- if(this.isSelected(r)){
- v.onRowSelect(D);
- }
- },
-
-
-
- selectRecords : function(E, F){
- if(!F){
- this.clearSelections();
- }
- var ds = this.grid.dataSource;
- for(var i = 0, len = E.length; i < len; i++){
- this.selectRow(ds.indexOf(E[i]), true);
- }
- },
-
-
-
- getCount : function(){
- return this.selections.length;
- },
-
-
-
- selectFirstRow : function(){
- this.selectRow(0);
- },
-
-
-
- selectLastRow : function(G){
- this.selectRow(this.grid.dataSource.getCount() - 1, G);
- },
-
-
-
- selectNext : function(H){
- if(this.last !== false && (this.last+1) < this.grid.dataSource.getCount()){
- this.selectRow(this.last+1, H);
- this.grid.getView().focusRow(this.last);
- }
- },
-
-
-
- selectPrevious : function(I){
- if(this.last){
- this.selectRow(this.last-1, I);
- this.grid.getView().focusRow(this.last);
- }
- },
-
-
-
- getSelections : function(){
- return [].concat(this.selections.items);
- },
-
-
-
- getSelected : function(){
- return this.selections.itemAt(0);
- },
-
-
-
-
- clearSelections : function(J){
- if(this.locked) return;
- if(J !== true){
- var ds = this.grid.dataSource;
- 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.dataSource.getCount(); i < len; i++){
- this.selectRow(i, true);
- }
- },
-
-
-
- hasSelection : function(){
- return this.selections.length > 0;
- },
-
-
-
- isSelected : function(K){
- var r = typeof K == "number" ? this.grid.dataSource.getAt(K) : K;
- return (r && this.selections.key(r.id) ? true : false);
- },
-
-
-
- isIdSelected : function(id){
- return (this.selections.key(id) ? true : false);
- },
-
-
- handleMouseDown : function(e, t){
- var L = this.grid.getView(), M;
- if(this.isLocked() || (M = L.findRowIndex(t)) === false){
- return;
- };
- if(e.shiftKey && this.last !== false){
- var last = this.last;
- this.selectRange(last, M, e.ctrlKey);
- this.last = last;
- L.focusRow(M);
- }else {
- var isSelected = this.isSelected(M);
- if(e.button !== 0 && isSelected){
- L.focusRow(M);
- }else if(e.ctrlKey && isSelected){
- this.deselectRow(M);
- }else if(!isSelected){
- this.selectRow(M, e.button === 0 && (e.ctrlKey || e.shiftKey));
- L.focusRow(M);
- }
- }
-
- this.fireEvent("afterselectionchange", this);
- },
-
- handleDragableRowClick : function(N, O, e)
- {
- if(e.button === 0 && !e.shiftKey && !e.ctrlKey) {
- this.selectRow(O, false);
- N.view.focusRow(O);
- this.fireEvent("afterselectionchange", this);
- }
- },
-
-
-
- selectRows : function(P, Q){
- if(!Q){
- this.clearSelections();
- }
- for(var i = 0, len = P.length; i < len; i++){
- this.selectRow(P[i], true);
- }
- },
-
-
-
- selectRange : function(R, S, T){
- if(this.locked) return;
- if(!T){
- this.clearSelections();
- }
- if(R <= S){
- for(var i = R; i <= S; i++){
- this.selectRow(i, true);
- }
- }else {
- for(var i = R; i >= S; i--){
- this.selectRow(i, true);
- }
- }
- },
-
-
-
- deselectRange : function(U, V, W){
- if(this.locked) return;
- for(var i = U; i <= V; i++){
- this.deselectRow(i, W);
- }
- },
-
-
-
- selectRow : function(X, Y, Z){
- if(this.locked || (X < 0 || X >= this.grid.dataSource.getCount())) return;
- if(this.fireEvent("beforerowselect", this, X, Y) !== false){
- if(!Y || this.singleSelect){
- this.clearSelections();
- }
- var r = this.grid.dataSource.getAt(X);
- this.selections.add(r);
- this.last = this.lastActive = X;
- if(!Z){
- this.grid.getView().onRowSelect(X);
- }
-
- this.fireEvent("rowselect", this, X, r);
- this.fireEvent("selectionchange", this);
- }
- },
-
-
-
- deselectRow : function(a, b){
- if(this.locked) return;
- if(this.last == a){
- this.last = false;
- }
- if(this.lastActive == a){
- this.lastActive = false;
- }
- var r = this.grid.dataSource.getAt(a);
- this.selections.remove(r);
- if(!b){
- this.grid.getView().onRowDeselect(a);
- }
-
- this.fireEvent("rowdeselect", this, a);
- this.fireEvent("selectionchange", this);
- },
-
-
- restoreLast : function(){
- if(this._last){
- this.last = this._last;
- }
- },
-
-
- acceptsNav : function(c, d, cm){
- return !cm.isHidden(d) && cm.isCellEditable(d, c);
- },
-
-
- onEditorKey : function(f, e){
- var k = e.getKey(), h, g = this.grid, ed = g.activeEditor;
- if(k == e.TAB){
- e.stopEvent();
- ed.completeEdit();
- if(e.shiftKey){
- h = g.walkCells(ed.row, ed.col-1, -1, this.acceptsNav, this);
- }else {
- h = g.walkCells(ed.row, ed.col+1, 1, this.acceptsNav, this);
- }
- }else if(k == e.ENTER && !e.ctrlKey){
- e.stopEvent();
- ed.completeEdit();
- if(e.shiftKey){
- h = g.walkCells(ed.row-1, ed.col, -1, this.acceptsNav, this);
- }else {
- h = g.walkCells(ed.row+1, ed.col, 1, this.acceptsNav, this);
- }
- }else if(k == e.ESC){
- ed.cancelEdit();
- }
- if(h){
- g.startEditing(h[0], h[1]);
- }
- }
-});
-
-
-
-
-Roo.grid.CellSelectionModel = function(A){
- Roo.apply(this, A);
-
- this.selection = null;
-
- this.addEvents({
-
-
- "beforecellselect" : true,
-
-
- "cellselect" : true,
-
-
- "selectionchange" : true
- });
- Roo.grid.CellSelectionModel.superclass.constructor.call(this);
-};
-
-Roo.extend(Roo.grid.CellSelectionModel, Roo.grid.AbstractSelectionModel, {
-
-
-
- initEvents : function(){
- this.grid.on("mousedown", this.handleMouseDown, this);
- this.grid.getGridEl().on(Roo.isIE ? "keydown" : "keypress", this.handleKeyDown, this);
- var B = this.grid.view;
- B.on("refresh", this.onViewChange, this);
- B.on("rowupdated", this.onRowUpdated, this);
- B.on("beforerowremoved", this.clearSelections, this);
- B.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, C, r){
- if(this.selection && this.selection.record == r){
- v.onCellSelect(C, this.selection.cell[1]);
- }
- },
-
-
- onViewChange : function(){
- this.clearSelections(true);
- },
-
-
-
- getSelectedCell : function(){
- return this.selection ? this.selection.cell : null;
- },
-
-
-
- clearSelections : function(D){
- var s = this.selection;
- if(s){
- if(D !== 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(e, t){
- var v = this.grid.getView();
- if(this.isLocked()){
- return;
- };
- var E = v.findRowIndex(t);
- var F = v.findCellIndex(t);
- if(E !== false && F !== false){
- this.select(E, F);
- }
- },
-
-
-
- select : function(G, H, I, J,
- r){
- if(this.fireEvent("beforecellselect", this, G, H) !== false){
- this.clearSelections();
- r = r || this.grid.dataSource.getAt(G);
- this.selection = {
- record : r,
- cell : [G, H]
- };
- if(!I){
- var v = this.grid.getView();
- v.onCellSelect(G, H);
- if(J !== true){
- v.focusCell(G, H);
- }
- }
-
- this.fireEvent("cellselect", this, G, H);
- this.fireEvent("selectionchange", this, this.selection);
- }
- },
-
-
- isSelectable : function(K, L, cm){
- return !cm.isHidden(L);
- },
-
-
-
- handleKeyDown : function(e){
- if(!e.isNavKeyPress()){
- return;
- }
- var g = this.grid, s = this.selection;
- if(!s){
- e.stopEvent();
- var F = g.walkCells(0, 0, 1, this.isSelectable, this);
- if(F){
- this.select(F[0], F[1]);
- }
- return;
- }
- var sm = this;
- var M = function(O, P, Q){
- return g.walkCells(O, P, Q, sm.isSelectable, sm);
- };
- var k = e.getKey(), r = s.cell[0], c = s.cell[1];
- var N;
-
- switch(k){
- case e.TAB:
- if(e.shiftKey){
- N = M(r, c-1, -1);
- }else {
- N = M(r, c+1, 1);
- }
- break;
- case e.DOWN:
- N = M(r+1, c, 1);
- break;
- case e.UP:
- N = M(r-1, c, -1);
- break;
- case e.RIGHT:
- N = M(r, c+1, 1);
- break;
- case e.LEFT:
- N = M(r, c-1, -1);
- break;
- case e.ENTER:
- if(g.isEditor && !g.editing){
- g.startEditing(r, c);
- e.stopEvent();
- return;
- }
- break;
- };
- if(N){
- this.select(N[0], N[1]);
- e.stopEvent();
- }
- },
-
- acceptsNav : function(O, P, cm){
- return !cm.isHidden(P) && cm.isCellEditable(P, O);
- },
-
- onEditorKey : function(Q, e){
- var k = e.getKey(), R, g = this.grid, ed = g.activeEditor;
- if(k == e.TAB){
- if(e.shiftKey){
- R = g.walkCells(ed.row, ed.col-1, -1, this.acceptsNav, this);
- }else {
- R = g.walkCells(ed.row, ed.col+1, 1, this.acceptsNav, this);
- }
-
- e.stopEvent();
- }else if(k == e.ENTER && !e.ctrlKey){
- ed.completeEdit();
- e.stopEvent();
- }else if(k == e.ESC){
- ed.cancelEdit();
- }
- if(R){
- g.startEditing(R[0], R[1]);
- }
- }
-});
-
-
-
-
-
-Roo.grid.EditorGrid = function(A, B){
- Roo.grid.EditorGrid.superclass.constructor.call(this, A, B);
- this.getGridEl().addClass("xedit-grid");
-
- if(!this.selModel){
- this.selModel = new Roo.grid.CellSelectionModel();
- }
-
-
- this.activeEditor = null;
-
- this.addEvents({
-
-
- "beforeedit" : true,
-
-
- "afteredit" : true,
-
-
- "validateedit" : true
- });
- this.on("bodyscroll", this.stopEditing, this);
- this.on(this.clicksToEdit == 1 ? "cellclick" : "celldblclick", this.onCellDblClick, this);
-};
-
-Roo.extend(Roo.grid.EditorGrid, Roo.grid.Grid, {
-
-
- clicksToEdit: 2,
-
-
- isEditor : true,
-
- trackMouseOver: false,
-
- onCellDblClick : function(g, C, D){
- this.startEditing(C, D);
- },
-
- onEditComplete : function(ed, E, F){
- this.editing = false;
- this.activeEditor = null;
- ed.un("specialkey", this.selModel.onEditorKey, this.selModel);
- var r = ed.record;
- var G = this.colModel.getDataIndex(ed.col);
- var e = {
- grid: this,
- record: r,
- field: G,
- originalValue: F,
- value: E,
- row: ed.row,
- column: ed.col,
- cancel:false,
- editor: ed
- };
- if(String(E) !== String(F)){
-
- if(this.fireEvent("validateedit", e) !== false && !e.cancel){
- r.set(G, e.value);
- delete e.cancel;
- this.fireEvent("afteredit", e);
- }
- } else {
- this.fireEvent("afteredit", e);
- }
-
- this.view.focusCell(ed.row, ed.col);
- },
-
-
-
- startEditing : function(H, I){
- this.stopEditing();
- if(this.colModel.isCellEditable(I, H)){
- this.view.ensureVisible(H, I, true);
- var r = this.dataSource.getAt(H);
- var G = this.colModel.getDataIndex(I);
- var e = {
- grid: this,
- record: r,
- field: G,
- value: r.data[G],
- row: H,
- column: I,
- cancel:false
- };
- if(this.fireEvent("beforeedit", e) !== false && !e.cancel){
- this.editing = true;
- var ed = this.colModel.getCellEditor(I, H);
-
- if (!ed) {
- return;
- }
- if(!ed.rendered){
- ed.render(ed.parentEl || document.body);
- }
-
- ed.field.reset();
- (function(){
- ed.row = H;
- ed.col = I;
- ed.record = r;
- ed.on("complete", this.onEditComplete, this, {single: true});
- ed.on("specialkey", this.selModel.onEditorKey, this.selModel);
- this.activeEditor = ed;
- var v = r.data[G];
- ed.startEdit(this.view.getCell(H, I), v);
- }).defer(50, this);
- }
- }
- },
-
-
-
- stopEditing : function(){
- if(this.activeEditor){
- this.activeEditor.completeEdit();
- }
-
- this.activeEditor = null;
- }
-});
-
-
-
-
-
-
-
-
-Roo.grid.GridEditor = function(A, B){
- if (!B && A.field) {
- B = A;
- A = Roo.factory(B.field, Roo.form);
- }
-
- Roo.grid.GridEditor.superclass.constructor.call(this, A, B);
- A.monitorTab = false;
-};
-
-Roo.extend(Roo.grid.GridEditor, Roo.Editor, {
-
-
-
-
- alignment: "tl-tl",
- autoSize: "width",
- hideEl : false,
- cls: "x-small-editor x-grid-editor",
- shim:false,
- shadow:"frame"
-});
-
-
-
-
-
-Roo.grid.PropertyRecord = Roo.data.Record.create([
- {name:'name',type:'string'}, 'value'
-]);
-
-
-Roo.grid.PropertyStore = function(A, B){
- this.grid = A;
- this.store = new Roo.data.Store({
- recordType : Roo.grid.PropertyRecord
- });
- this.store.on('update', this.onUpdate, this);
- if(B){
- this.setSource(B);
- }
-
- Roo.grid.PropertyStore.superclass.constructor.call(this);
-};
-
-
-
-Roo.extend(Roo.grid.PropertyStore, Roo.util.Observable, {
- setSource : function(o){
- this.source = o;
- this.store.removeAll();
- var C = [];
- for(var k in o){
- if(this.isEditableValue(o[k])){
- C.push(new Roo.grid.PropertyRecord({name: k, value: o[k]}, k));
- }
- }
-
- this.store.loadRecords({records: C}, {}, true);
- },
-
- onUpdate : function(ds, D, E){
- if(E == Roo.data.Record.EDIT){
- var v = D.data['value'];
- var oldValue = D.modified['value'];
- if(this.grid.fireEvent('beforepropertychange', this.source, D.id, v, oldValue) !== false){
- this.source[D.id] = v;
- D.commit();
- this.grid.fireEvent('propertychange', this.source, D.id, v, oldValue);
- }else {
- D.reject();
- }
- }
- },
-
- getProperty : function(F){
- return this.store.getAt(F);
- },
-
- isEditableValue: function(G){
- if(G && G instanceof Date){
- return true;
- }else if(typeof G == 'object' || typeof G == 'function'){
- return false;
- }
- return true;
- },
-
- setValue : function(H, I){
- this.source[H] = I;
- this.store.getById(H).set('value', I);
- },
-
- getSource : function(){
- return this.source;
- }
-});
-
-Roo.grid.PropertyColumnModel = function(J, K){
- this.grid = J;
- var g = Roo.grid;
- g.PropertyColumnModel.superclass.constructor.call(this, [
- {header: this.nameText, sortable: true, dataIndex:'name', id: 'name'},
- {header: this.valueText, resizable:false, dataIndex: 'value', id: 'value'}
- ]);
- this.store = K;
- this.bselect = Roo.DomHelper.append(document.body, {
- tag: 'select', style:'display:none', cls: 'x-grid-editor', children: [
- {tag: 'option', value: 'true', html: 'true'},
- {tag: 'option', value: 'false', html: 'false'}
- ]
- });
- Roo.id(this.bselect);
- var f = Roo.form;
- 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;'})),
- 'int' : new g.GridEditor(new f.NumberField({selectOnFocus:true, allowDecimals:false, style:'text-align:left;'})),
- 'boolean' : new g.GridEditor(new f.Field({el:this.bselect,selectOnFocus:true}))
- };
- this.renderCellDelegate = this.renderCell.createDelegate(this);
- this.renderPropDelegate = this.renderProp.createDelegate(this);
-};
-
-Roo.extend(Roo.grid.PropertyColumnModel, Roo.grid.ColumnModel, {
-
-
- nameText : 'Name',
- valueText : 'Value',
-
- dateFormat : 'm/j/Y',
-
-
- renderDate : function(L){
- return L.dateFormat(this.dateFormat);
- },
-
- renderBool : function(M){
- return M ? 'true' : 'false';
- },
-
- isCellEditable : function(N, O){
- return N == 1;
- },
-
- getRenderer : function(P){
- return P == 1 ?
- this.renderCellDelegate : this.renderPropDelegate;
- },
-
- renderProp : function(v){
- return this.getPropertyName(v);
- },
-
- renderCell : function(Q){
- var rv = Q;
- if(Q instanceof Date){
- rv = this.renderDate(Q);
- }else if(typeof Q == 'boolean'){
- rv = this.renderBool(Q);
- }
- return Roo.util.Format.htmlEncode(rv);
- },
-
- getPropertyName : function(R){
- var pn = this.grid.propertyNames;
- return pn && pn[R] ? pn[R] : R;
- },
-
- getCellEditor : function(S, T){
- var p = this.store.getProperty(T);
- var n = p.data['name'], U = p.data['value'];
-
- if(typeof(this.grid.customEditors[n]) == 'string'){
- return this.editors[this.grid.customEditors[n]];
- }
- if(typeof(this.grid.customEditors[n]) != 'undefined'){
- return this.grid.customEditors[n];
- }
- if(U instanceof Date){
- return this.editors['date'];
- }else if(typeof U == 'number'){
- return this.editors['number'];
- }else if(typeof U == 'boolean'){
- return this.editors['boolean'];
- }else {
- return this.editors['string'];
- }
- }
-});
-
-
-
-Roo.grid.PropertyGrid = function(V, W){
- W = W || {};
- var X = new Roo.grid.PropertyStore(this);
- this.store = X;
- var cm = new Roo.grid.PropertyColumnModel(this, X);
- X.store.sort('name', 'ASC');
- Roo.grid.PropertyGrid.superclass.constructor.call(this, V, Roo.apply({
- ds: X.store,
- cm: cm,
- enableColLock:false,
- enableColumnMove:false,
- stripeRows:false,
- trackMouseOver: false,
- clicksToEdit:1
- }, W));
- this.getGridEl().addClass('x-props-grid');
- this.lastEditRow = null;
- this.on('columnresize', this.onColumnResize, this);
- this.addEvents({
-
-
- "beforepropertychange": true,
-
-
- "propertychange": true
- });
- this.customEditors = this.customEditors || {};
-};
-Roo.extend(Roo.grid.PropertyGrid, Roo.grid.EditorGrid, {
-
-
-
-
-
-
-
- render : function(){
- Roo.grid.PropertyGrid.superclass.render.call(this);
- this.autoSize.defer(100, this);
- },
-
- autoSize : function(){
- Roo.grid.PropertyGrid.superclass.autoSize.call(this);
- if(this.view){
- this.view.fitColumns();
- }
- },
-
- onColumnResize : function(){
- this.colModel.setColumnWidth(1, this.container.getWidth(true)-this.colModel.getColumnWidth(0));
- this.autoSize();
- },
-
-
- setSource : function(Y){
- this.store.setSource(Y);
-
- },
-
-
- getSource : function(){
- return this.store.getSource();
- }
-});
-
-
-
-
-
-Roo.LoadMask = function(el, A){
- this.el = Roo.get(el);
- Roo.apply(this, A);
- if(this.store){
- this.store.on('beforeload', this.onBeforeLoad, this);
- this.store.on('load', this.onLoad, this);
- this.store.on('loadexception', this.onLoad, this);
- this.removeMask = false;
- }else {
- var um = this.el.getUpdateManager();
- um.showLoadIndicator = false;
- um.on('beforeupdate', this.onBeforeLoad, this);
- um.on('update', this.onLoad, this);
- um.on('failure', this.onLoad, this);
- this.removeMask = true;
- }
-};
-
-Roo.LoadMask.prototype = {
-
-
-
-
- msg : 'Loading...',
-
-
- msgCls : 'x-mask-loading',
-
-
-
- disabled: false,
-
-
-
- disable : function(){
- this.disabled = true;
- },
-
-
-
- enable : function(){
- this.disabled = false;
- },
-
-
- onLoad : function(){
- this.el.unmask(this.removeMask);
- },
-
-
- onBeforeLoad : function(){
- if(!this.disabled){
- this.el.mask(this.msg, this.msgCls);
- }
- },
-
-
- destroy : function(){
- if(this.store){
- this.store.un('beforeload', this.onBeforeLoad, this);
- this.store.un('load', this.onLoad, this);
- this.store.un('loadexception', this.onLoad, this);
- }else {
- var um = this.el.getUpdateManager();
- um.un('beforeupdate', this.onBeforeLoad, this);
- um.un('update', this.onLoad, this);
- um.un('failure', this.onLoad, this);
- }
- }
-};
-
-
-Roo.XTemplate = function(){
- Roo.XTemplate.superclass.constructor.apply(this, arguments);
- var s = this.html;
-
- s = ['<tpl>', s, '</tpl>'].join('');
-
- var re = /<tpl\b[^>]*>((?:(?=([^<]+))\2|<(?!tpl\b[^>]*>))*?)<\/tpl>/;
-
- var A = /^<tpl\b[^>]*?for="(.*?)"/;
- var B = /^<tpl\b[^>]*?if="(.*?)"/;
- var C = /^<tpl\b[^>]*?exec="(.*?)"/;
- var m, id = 0;
- var D = [];
-
- while(m = s.match(re)){
- var m2 = m[0].match(A);
- var m3 = m[0].match(B);
- var m4 = m[0].match(C);
- var exp = null, fn = null, exec = null;
- var name = m2 && m2[1] ? m2[1] : '';
- if(m3){
- exp = m3 && m3[1] ? m3[1] : null;
- if(exp){
- fn = new Function('values', 'parent', 'with(values){ return '+(Roo.util.Format.htmlDecode(exp))+'; }');
- }
- }
- if(m4){
- exp = m4 && m4[1] ? m4[1] : null;
- if(exp){
- exec = new Function('values', 'parent', 'with(values){ '+(Roo.util.Format.htmlDecode(exp))+'; }');
- }
- }
- if(name){
- switch(name){
- case '.': name = new Function('values', 'parent', 'with(values){ return values; }'); break;
- case '..': name = new Function('values', 'parent', 'with(values){ return parent; }'); break;
- default: name = new Function('values', 'parent', 'with(values){ return '+name+'; }');
- }
- }
-
- D.push({
- id: id,
- target: name,
- exec: exec,
- test: fn,
- body: m[1]||''
- });
- s = s.replace(m[0], '{xtpl'+ id + '}');
- ++id;
- }
- for(var i = D.length-1; i >= 0; --i){
- this.compileTpl(D[i]);
- }
-
- this.master = D[D.length-1];
- this.tpls = D;
-};
-Roo.extend(Roo.XTemplate, Roo.Template, {
-
- re : /\{([\w-\.]+)(?:\:([\w\.]*)(?:\((.*?)?\))?)?\}/g,
-
- applySubTemplate : function(id, E, F){
- var t = this.tpls[id];
- if(t.test && !t.test.call(this, E, F)){
- return '';
- }
- if(t.exec && t.exec.call(this, E, F)){
- return '';
- }
- var vs = t.target ? t.target.call(this, E, F) : E;
- F = t.target ? E : F;
- if(t.target && vs instanceof Array){
- var buf = [];
- for(var i = 0, len = vs.length; i < len; i++){
- buf[buf.length] = t.compiled.call(this, vs[i], F);
- }
- return buf.join('');
- }
- return t.compiled.call(this, vs, F);
- },
-
- compileTpl : function(G){
- var fm = Roo.util.Format;
- var H = this.disableFormats !== true;
- var I = Roo.isGecko ? "+" : ",";
- var fn = function(m, K, L, M){
- if(K.substr(0, 4) == 'xtpl'){
- return "'"+ I +'this.applySubTemplate('+K.substr(4)+', values, parent)'+I+"'";
- }
- var v;
- if(K.indexOf('.') != -1){
- v = K;
- }else {
- v = "values['" + K + "']";
- }
- if(L && H){
- M = M ? ',' + M : "";
- if(L.substr(0, 5) != "this."){
- L = "fm." + L + '(';
- }else {
- L = 'this.call("'+ L.substr(5) + '", ';
- M = ", values";
- }
- }else {
- M= ''; L = "("+v+" === undefined ? '' : ";
- }
- return "'"+ I + L + v + M + ")"+I+"'";
- };
- var J;
-
- if(Roo.isGecko){
- J = "tpl.compiled = function(values, parent){ return '" +
- G.body.replace(/(\r\n|\n)/g, '\\n').replace(/'/g, "\\'").replace(this.re, fn) +
- "';};";
- }else {
- J = ["tpl.compiled = function(values, parent){ return ['"];
- J.push(G.body.replace(/(\r\n|\n)/g, '\\n').replace(/'/g, "\\'").replace(this.re, fn));
- J.push("'].join('');};");
- J = J.join('');
- }
-
-
- eval(J);
- return this;
- },
-
- applyTemplate : function(K){
- return this.master.compiled.call(this, K, {});
- var s = this.subs;
- },
-
- apply : function(){
- return this.applyTemplate.apply(this, arguments);
- },
-
- compile : function(){return this;}
-});
-
-Roo.XTemplate.from = function(el){
- el = Roo.getDom(el);
- return new Roo.XTemplate(el.value || el.innerHTML);
-};
-
-
-
-
-
-Roo.XComponent = function(A) {
- Roo.apply(this, A);
- this.addEvents({
-
-
- 'built' : true,
-
-
- 'buildcomplete' : true,
-
- });
-
- Roo.XComponent.register(this);
- this.modules = false;
- this.el = false;
-
-
-}
-
-Roo.extend(Roo.XComponent, Roo.util.Observable, {
-
-
- el : false,
-
-
-
- panel : false,
-
-
-
- layout : false,
-
-
-
- disabled : false,
-
-
-
- parent: false,
-
-
-
-
- order : false,
-
-
- name : false,
-
-
- items : false,
-
-
-
-});
-
-Roo.apply(Roo.XComponent, {
-
-
-
- buildCompleted : false,
-
-
-
-
- topModule : false,
-
-
-
-
- modules : [],
-
-
-
-
- register : function(B) {
- this.modules.push(B);
-
- },
-
-
-
- toObject : function(C)
- {
- if (!C || typeof(C) == 'object') {
- return C;
- }
- var ar = C.split('.');
- var rt, o;
- rt = ar.shift();
-
-
- eval('if (typeof ' + rt + ' == "undefined"){ o = false;} o = ' + rt + ';');
- if (o === false) {
- throw "Module not found : " + C;
- }
-
- Roo.each(ar, function(e) {
- if (typeof(o[e]) == 'undefined') {
- throw "Module not found : " + C;
- }
-
- o = o[e];
- });
- return o;
-
- },
-
-
-
-
- preBuild : function ()
- {
-
- Roo.each(this.modules , function (D)
- {
- D.parent = this.toObject(D.parent);
-
- if (!D.parent) {
- this.topModule = D;
- return;
- }
-
- if (!D.parent.modules) {
- D.parent.modules = new Roo.util.MixedCollection(false,
- function(o) { return o.order + '' }
- );
- }
-
-
- D.parent.modules.add(D);
- }, this);
- },
-
-
-
-
- buildOrder : function()
- {
- var D = this;
- var E = function(a,b) {
- return String(a).toUpperCase() > String(b).toUpperCase() ? 1 : -1;
- };
-
- if (!this.topModule || !this.topModule.modules) {
- throw "No top level modules to build";
- }
-
-
- var F = [ this.topModule ];
-
-
-
- var G = function(m) {
-
-
- F.push(m);
- if (m.modules) {
- m.modules.keySort('ASC', E );
- m.modules.each(G);
- }
-
- if (m.finalize) {
- m.finalize.name = m.name + " (clean up) ";
- F.push(m.finalize);
- }
-
- }
-
- this.topModule.modules.keySort('ASC', E );
- this.topModule.modules.each(G);
- return F;
- },
-
-
-
-
- build : function()
- {
-
- this.preBuild();
- var H = this.buildOrder();
-
-
-
-
- if (!H.length) {
- throw "NO modules!!!";
- }
-
-
-
-
-
- Roo.MessageBox.show({ title: 'loading' });
- Roo.MessageBox.show({
- title: "Please wait...",
- msg: "Building Interface...",
- width:450,
- progress:true,
- closable:false,
- modal: false
-
- });
- var I = H.length;
-
- var J = this;
- var K = function() {
- if (!H.length) {
- console.log('hide?');
- Roo.MessageBox.hide();
- J.topModule.fireEvent('buildcomplete', J.topModule);
- return;
- }
-
- var m = H.shift();
- console.log(m);
- if (typeof(m) == 'function') {
- m.call(this);
- return K.defer(10, J);
- }
-
- Roo.MessageBox.updateProgress(
- (I - H.length)/I, "Building Interface " + (I - H.length) +
- " of " + I +
- (m.name ? (' - ' + m.name) : '')
- );
-
-
-
- var L = (typeof(m.disabled) == 'function') ?
- m.disabled.call(m.module.disabled) : m.disabled;
-
-
- if (L) {
- return K();
- }
-
- if (!m.parent) {
-
- var layoutbase = new Ext.BorderLayout(document.body, {
-
- center: {
- titlebar: false,
- autoScroll:false,
- closeOnTab: true,
- tabPosition: 'top',
-
- alwaysShowTabs: true,
- minTabWidth: 140
- }
- });
- var M = m.tree();
- M.region = 'center';
- m.el = layoutbase.addxtype(M);
- m.panel = m.el;
- m.layout = m.panel.layout;
- return K.defer(10, J);
- }
-
- var M = m.tree();
- M.region = M.region || m.region;
- m.el = m.parent.el.addxtype(M);
- m.fireEvent('built', m);
- m.panel = m.el;
- m.layout = m.panel.layout;
- K.defer(10, J);
-
- }
-
- K.defer(1, J);
-
-
-
- }
-
-
-
-
-});
-
-
-
-
-
-
-
-Roo.Login = function(A)
-{
- this.addEvents({
- 'refreshed' : true,
- });
-
- Roo.apply(this,A);
-
- Roo.onReady(function() {
- this.onLoad();
- }, this);
-
-
-
- Roo.Login.superclass.constructor.call(this, this);
-
-
-
-}
-
-
-
-Roo.extend(Roo.Login, Roo.LayoutDialog, {
-
-
-
-
- method : 'POST',
-
-
- url : '',
-
-
-
- user : false,
-
-
- checkFails : 0,
-
-
- intervalID : 0,
-
-
- onLoad : function()
- {
-
-
- if (Roo.get('loading')) {
- Roo.get('loading').remove();
- }
-
-
-
-
- this.check({
- success: function(B, C) {
-
- var D = this.processResponse(B);
- this.checkFails =0;
- if (!D.success) {
- this.checkFails = 5;
-
- return this.failure(B,C);
- }
-
- if (!D.data.id) {
- return this.show();
- }
-
-
-
-
- this.fillAuth(D.data);
- this.checkFails =0;
- Roo.XComponent.build();
- },
- failure : this.show
- });
-
- },
-
-
- check: function(B)
- {
- if (B.again) {
- this.checkFails++;
- } else {
- this.checkFails = 0;
- }
- var C = this;
- if (this.sending) {
- if ( this.checkFails > 4) {
- Roo.MessageBox.alert("Error",
- "Error getting authentication status. - try reloading, or wait a while", function() {
- C.sending = false;
- });
- return;
- }
-
- B.again = true;
- C.check.defer(10000, C, [ B ]);
- return;
- }
-
- this.sending = true;
-
- Roo.Ajax.request({
- url: this.url,
- params: {
- getAuthUser: true
- },
- method: this.method,
- success: B.success || this.success,
- failure : B.failure || this.failure,
- scope : this,
- callCfg : B
-
- });
- },
-
-
- logout: function()
- {
- window.onbeforeunload = function() { };
- this.user = false;
- var D = this;
-
- Roo.Ajax.request({
- url: this.url,
- params: {
- logout: 1
- },
- method: 'GET',
- failure : function() {
- Roo.MessageBox.alert("Error", "Error logging out. - continuing anyway.", function() {
- document.location = document.location.toString() + '?ts=' + Math.random();
- });
-
- },
- success : function() {
- D.user = false;
- this.checkFails =0;
-
- document.location = document.location.toString() + '?ts=' + Math.random();
- }
-
-
- });
- },
-
- processResponse : function (E)
- {
- var F = '';
- try {
- F = Roo.decode(E.responseText);
-
- if (typeof(F) != 'object') {
- F = { success : false, errorMsg : F, errors : true };
- }
- if (typeof(F.success) == 'undefined') {
- F.success = false;
- }
-
- } catch(e) {
- res = { success : false, errorMsg : response.responseText, errors : true };
- }
- return F;
- },
-
- success : function(G, H)
- {
- this.sending = false;
- var I = this.processResponse(G);
- if (!I.success) {
- return this.failure(G, H);
- }
- if (!I.data || !I.data.id) {
- return this.failure(G,H);
- }
-
-
- this.fillAuth(I.data);
-
- this.checkFails =0;
-
- },
-
-
- failure : function (J, K)
- {
- this.authUser = -1;
- this.sending = false;
- var L = this.processResponse(J);
-
- if ( this.checkFails > 2) {
-
- Roo.MessageBox.alert("Error", L.errorMsg ? L.errorMsg :
- "Error getting authentication status. - try reloading");
- return;
- }
-
- K.callCfg.again = true;
- this.check.defer(1000, this, [ K.callCfg ]);
- return;
- },
-
-
-
- fillAuth: function(au) {
- this.startAuthCheck();
- this.authUserId = au.id;
- this.authUser = au;
- this.lastChecked = new Date();
- this.fireEvent('refreshed', au);
-
-
- au.lang = au.lang || 'en';
-
- Roo.state.Manager.set( this.realm + 'lang' , au.lang);
- this.switchLang(au.lang );
-
-
-
- if (this.authUserId < 0) {
- Roo.MessageBox.alert("Warning",
- "This is an open system - please set up a admin user with a password.");
- }
-
-
-
-
- },
-
- startAuthCheck : function()
- {
- if (this.intervalID) {
- return false;
- }
- var M = this;
- this.intervalID = window.setInterval(function() {
- M.check(false);
- }, 120000);
-
-
- },
-
-
- switchLang : function (N)
- {
- _T = typeof(_T) == 'undefined' ? false : _T;
- if (!_T || !N.length) {
- return;
- }
-
- if (!_T && N != 'en') {
- Roo.MessageBox.alert("Sorry", "Language not available yet (" + N +')');
- return;
- }
-
- if (typeof(_T.en) == 'undefined') {
- _T.en = {};
- Roo.apply(_T.en, _T);
- }
-
- if (typeof(_T[N]) == 'undefined') {
- Roo.MessageBox.alert("Sorry", "Language not available yet (" + N +')');
- return;
- }
-
-
-
- Roo.apply(_T, _T[N]);
-
- var O = this;
-
-
-
-
- },
-
-
- title: "Login",
- modal: true,
- width: 350,
-
- height: 180,
- shadow: true,
- minWidth:200,
- minHeight:180,
-
- closable: false,
- draggable: false,
- collapsible: false,
- resizable: false,
- center: {
- autoScroll:false,
- titlebar: false,
-
- hideTabs: true,
- closeOnTab: true,
- alwaysShowTabs: false
- } ,
- listeners : {
-
- show : function(P)
- {
-
- this.form = this.layout.getRegion('center').activePanel.form;
- this.form.dialog = P;
- this.buttons[0].form = this.form;
- this.buttons[0].dialog = P
- this.buttons[1].form = this.form;
- this.buttons[1].dialog = P;
-
-
-
-
-
-
-
-
-
-
-
-
- if (this.disabled) {
- this.hide();
- return;
- }
-
- if (this.user.id < 0) {
- return;
- }
-
- if (this.intervalID) {
-
- window.clearInterval(this.intervalID);
- this.intervalID = false;
- }
-
-
- if (Roo.get('loading')) {
- Roo.get('loading').remove();
- }
- if (Roo.get('loading-mask')) {
- Roo.get('loading-mask').hide();
- }
-
-
-
- this.form.reset();
-
-
- this.el.unmask();
-
-
- this.form.setValues({
- 'username' : Roo.state.Manager.get(this.realm + '.username', ''),
- 'lang' : Roo.state.Manager.get(this.realm + '.lang', 'en')
- });
-
- this.switchLang(Roo.state.Manager.get(this.realm + '.lang', 'en'));
- if (this.form.findField('username').getValue().length > 0 ){
- this.form.findField('password').focus();
- } else {
- this.form.findField('username').focus();
- }
-
- }
- },
- items : [
- {
-
- xtype : 'ContentPanel',
- xns : Roo,
- region: 'center',
- fitToFrame : true,
-
- items : [
-
- {
-
- xtype : 'Form',
- xns : Roo.form,
- labelWidth: 100,
- style : 'margin: 10px;',
-
- listeners : {
- actionfailed : function(f, Q) {
-
-
-
-
-
- this.dialog.el.unmask();
- Roo.MessageBox.alert("Error", Q.result.errorMsg ? Q.result.errorMsg :
- "Login failed - communication error - try again.");
-
- },
- actioncomplete: function(re, R) {
-
- Roo.state.Manager.set(
- this.dialog.realm + '.username',
- this.findField('username').getValue()
- );
- Roo.state.Manager.set(
- this.dialog.realm + '.lang',
- this.findField('lang').getValue()
- );
-
- this.dialog.fillAuth(R.result.data);
-
- this.dialog.hide();
-
- if (Roo.get('loading-mask')) {
- Roo.get('loading-mask').show();
- }
-
- Roo.XComponent.build();
-
-
-
- }
- },
- items : [
- {
- xtype : 'TextField',
- xns : Roo.form,
- fieldLabel: "Email Address",
- name: 'username',
- width:200,
- autoCreate : {tag: "input", type: "text", size: "20"}
- },
- {
- xtype : 'TextField',
- xns : Roo.form,
- fieldLabel: "Password",
- inputType: 'password',
- name: 'password',
- width:200,
- autoCreate : {tag: "input", type: "text", size: "20"},
- listeners : {
- specialkey : function(e,ev) {
- if (ev.keyCode == 13) {
- this.form.dialog.el.mask("Logging in");
- this.form.doAction('submit', {
- url: this.form.dialog.url,
- method: this.form.dialog.method,
- });
- }
- }
- }
- },
- {
- xtype : 'ComboBox',
- xns : Roo.form,
- fieldLabel: "Language",
- name : 'langdisp',
- store: {
- xtype : 'SimpleStore',
- fields: ['lang', 'ldisp'],
- data : [
- [ 'en', 'English' ],
- [ 'zh_HK' , '\u7E41\u4E2D' ],
- [ 'zh_CN', '\u7C21\u4E2D' ]
- ]
- },
-
- valueField : 'lang',
- hiddenName: 'lang',
- width: 200,
- displayField:'ldisp',
- typeAhead: false,
- editable: false,
- mode: 'local',
- triggerAction: 'all',
- emptyText:'Select a Language...',
- selectOnFocus:true,
- listeners : {
- select : function(cb, S, ix) {
- this.form.switchLang(S.data.lang);
- }
- }
-
- }
- ]
- }
-
-
- ]
- }
- ],
- buttons : [
- {
- xtype : 'Button',
- xns : 'Roo',
- text : "Forgot Password",
- listeners : {
- click : function() {
-
- var n = this.form.findField('username').getValue();
- if (!n.length) {
- Roo.MessageBox.alert("Error", "Fill in your email address");
- return;
- }
-
- Roo.Ajax.request({
- url: this.dialog.url,
- params: {
- passwordRequest: n
- },
- method: this.dialog.method,
- success: function(T, U) {
-
- var V = this.dialog.processResponse(T);
- if (!V.success) {
- Roo.MessageBox.alert("Error" ,
- V.errorMsg ? V.errorMsg : "Problem Requesting Password Reset");
- return;
- }
-
- Roo.MessageBox.alert("Notice" ,
- "Please check you email for the Password Reset message");
- },
- failure : function() {
- Roo.MessageBox.alert("Error" , "Problem Requesting Password Reset");
- }
-
- });
- }
- }
- },
- {
- xtype : 'Button',
- xns : 'Roo',
- text : "Login",
- listeners : {
-
- click : function () {
-
- this.dialog.el.mask("Logging in");
- this.form.doAction('submit', {
- url: this.dialog.url,
- method: this.dialog.method
- });
- }
- }
- }
- ]
-
-
-})
-
-
-
-
+(function(){var A=Roo.EventManager;var B=Roo.lib.Dom;Roo.dd.DragDrop=function(id,C,D){if(id){this.init(id,C,D);}};Roo.dd.DragDrop.prototype={id:null,config:null,dragElId:null,handleElId:null,invalidHandleTypes:null,invalidHandleIds:null,invalidHandleClasses:null,startPageX:0,startPageY:0,groups:null,locked:false,lock:function(){this.locked=true;},unlock:function(){this.locked=false;},isTarget:true,padding:null,_domRef:null,__ygDragDrop:true,constrainX:false,constrainY:false,minX:0,maxX:0,minY:0,maxY:0,maintainOffset:false,xTicks:null,yTicks:null,primaryButtonOnly:true,available:false,hasOuterHandles:false,b4StartDrag:function(x,y){},startDrag:function(x,y){},b4Drag:function(e){},onDrag:function(e){},onDragEnter:function(e,id){},b4DragOver:function(e){},onDragOver:function(e,id){},b4DragOut:function(e){},onDragOut:function(e,id){},b4DragDrop:function(e){},onDragDrop:function(e,id){},onInvalidDrop:function(e){},b4EndDrag:function(e){},endDrag:function(e){},b4MouseDown:function(e){},onMouseDown:function(e){},onMouseUp:function(e){},onAvailable:function(){},defaultPadding:{left:0,right:0,top:0,bottom:0},constrainTo:function(C,D,E){if(typeof D=="number"){D={left:D,right:D,top:D,bottom:D};}
+D=D||this.defaultPadding;var b=Roo.get(this.getEl()).getBox();var ce=Roo.get(C);var s=ce.getScroll();var c,cd=ce.dom;if(cd==document.body){c={x:s.left,y:s.top,width:Roo.lib.Dom.getViewWidth(),height:Roo.lib.Dom.getViewHeight()};}else {xy=ce.getXY();c={x:xy[0]+s.left,y:xy[1]+s.top,width:cd.clientWidth,height:cd.clientHeight};}var F=b.y-c.y;var G=b.x-c.x;this.resetConstraints();this.setXConstraint(G-(D.left||0),c.width-G-b.width-(D.right||0));this.setYConstraint(F-(D.top||0),c.height-F-b.height-(D.bottom||0));},getEl:function(){if(!this._domRef){this._domRef=Roo.getDom(this.id);}return this._domRef;},getDragEl:function(){return Roo.getDom(this.dragElId);},init:function(id,H,I){this.initTarget(id,H,I);A.on(this.id,"mousedown",this.handleMouseDown,this);},initTarget:function(id,J,K){this.config=K||{};this.DDM=Roo.dd.DDM;this.groups={};if(typeof id!=="string"){id=Roo.id(id);}
+this.id=id;this.addToGroup((J)?J:"default");this.handleElId=id;this.setDragElId(id);this.invalidHandleTypes={A:"A"};this.invalidHandleIds={};this.invalidHandleClasses=[];this.applyConfig();this.handleOnAvailable();},applyConfig:function(){this.padding=this.config.padding||[0,0,0,0];this.isTarget=(this.config.isTarget!==false);this.maintainOffset=(this.config.maintainOffset);this.primaryButtonOnly=(this.config.primaryButtonOnly!==false);},handleOnAvailable:function(){this.available=true;this.resetConstraints();this.onAvailable();},setPadding:function(L,M,N,O){if(!M&&0!==M){this.padding=[L,L,L,L];}else if(!N&&0!==N){this.padding=[L,M,L,M];}else {this.padding=[L,M,N,O];}},setInitPosition:function(P,Q){var el=this.getEl();if(!this.DDM.verifyEl(el)){return;}var dx=P||0;var dy=Q||0;var p=B.getXY(el);this.initPageX=p[0]-dx;this.initPageY=p[1]-dy;this.lastPageX=p[0];this.lastPageY=p[1];this.setStartPosition(p);},setStartPosition:function(R){var p=R||B.getXY(this.getEl());this.deltaSetXY=null;this.startPageX=p[0];this.startPageY=p[1];},addToGroup:function(S){this.groups[S]=true;this.DDM.regDragDrop(this,S);},removeFromGroup:function(T){if(this.groups[T]){delete this.groups[T];}
+this.DDM.removeDDFromGroup(this,T);},setDragElId:function(id){this.dragElId=id;},setHandleElId:function(id){if(typeof id!=="string"){id=Roo.id(id);}
+this.handleElId=id;this.DDM.regHandle(this.id,id);},setOuterHandleElId:function(id){if(typeof id!=="string"){id=Roo.id(id);}
+A.on(id,"mousedown",this.handleMouseDown,this);this.setHandleElId(id);this.hasOuterHandles=true;},unreg:function(){A.un(this.id,"mousedown",this.handleMouseDown);this._domRef=null;this.DDM._remove(this);},destroy:function(){this.unreg();},isLocked:function(){return (this.DDM.isLocked()||this.locked);},handleMouseDown:function(e,U){if(this.primaryButtonOnly&&e.button!=0){return;}if(this.isLocked()){return;}
+this.DDM.refreshCache(this.groups);var pt=new Roo.lib.Point(Roo.lib.Event.getPageX(e),Roo.lib.Event.getPageY(e));if(!this.hasOuterHandles&&!this.DDM.isOverTarget(pt,this)){}else {if(this.clickValidator(e)){this.setStartPosition();this.b4MouseDown(e);this.onMouseDown(e);this.DDM.handleMouseDown(e,this);this.DDM.stopEvent(e);}else {}}},clickValidator:function(e){var V=e.getTarget();return (this.isValidHandleChild(V)&&(this.id==this.handleElId||this.DDM.handleWasClicked(V,this.id)));},addInvalidHandleType:function(W){var X=W.toUpperCase();this.invalidHandleTypes[X]=X;},addInvalidHandleId:function(id){if(typeof id!=="string"){id=Roo.id(id);}
+this.invalidHandleIds[id]=id;},addInvalidHandleClass:function(Y){this.invalidHandleClasses.push(Y);},removeInvalidHandleType:function(Z){var a=Z.toUpperCase();delete this.invalidHandleTypes[a];},removeInvalidHandleId:function(id){if(typeof id!=="string"){id=Roo.id(id);}delete this.invalidHandleIds[id];},removeInvalidHandleClass:function(d){for(var i=0,len=this.invalidHandleClasses.length;i<len;++i){if(this.invalidHandleClasses[i]==d){delete this.invalidHandleClasses[i];}}},isValidHandleChild:function(f){var g=true;var h;try{h=f.nodeName.toUpperCase();}catch(e){nodeName=node.nodeName;}
+g=g&&!this.invalidHandleTypes[h];g=g&&!this.invalidHandleIds[f.id];for(var i=0,len=this.invalidHandleClasses.length;g&&i<len;++i){g=!B.hasClass(f,this.invalidHandleClasses[i]);}return g;},setXTicks:function(j,k){this.xTicks=[];this.xTickSize=k;var l={};for(var i=this.initPageX;i>=this.minX;i=i-k){if(!l[i]){this.xTicks[this.xTicks.length]=i;l[i]=true;}}for(i=this.initPageX;i<=this.maxX;i=i+k){if(!l[i]){this.xTicks[this.xTicks.length]=i;l[i]=true;}}
+this.xTicks.sort(this.DDM.numericSort);},setYTicks:function(m,n){this.yTicks=[];this.yTickSize=n;var o={};for(var i=this.initPageY;i>=this.minY;i=i-n){if(!o[i]){this.yTicks[this.yTicks.length]=i;o[i]=true;}}for(i=this.initPageY;i<=this.maxY;i=i+n){if(!o[i]){this.yTicks[this.yTicks.length]=i;o[i]=true;}}
+this.yTicks.sort(this.DDM.numericSort);},setXConstraint:function(q,r,t){this.leftConstraint=q;this.rightConstraint=r;this.minX=this.initPageX-q;this.maxX=this.initPageX+r;if(t){this.setXTicks(this.initPageX,t);}
+this.constrainX=true;},clearConstraints:function(){this.constrainX=false;this.constrainY=false;this.clearTicks();},clearTicks:function(){this.xTicks=null;this.yTicks=null;this.xTickSize=0;this.yTickSize=0;},setYConstraint:function(u,v,w){this.topConstraint=u;this.bottomConstraint=v;this.minY=this.initPageY-u;this.maxY=this.initPageY+v;if(w){this.setYTicks(this.initPageY,w);}
+this.constrainY=true;},resetConstraints:function(){if(this.initPageX||this.initPageX===0){var dx=(this.maintainOffset)?this.lastPageX-this.initPageX:0;var dy=(this.maintainOffset)?this.lastPageY-this.initPageY:0;this.setInitPosition(dx,dy);}else {this.setInitPosition();}if(this.constrainX){this.setXConstraint(this.leftConstraint,this.rightConstraint,this.xTickSize);}if(this.constrainY){this.setYConstraint(this.topConstraint,this.bottomConstraint,this.yTickSize);}},getTick:function(z,AA){if(!AA){return z;}else if(AA[0]>=z){return AA[0];}else {for(var i=0,len=AA.length;i<len;++i){var next=i+1;if(AA[next]&&AA[next]>=z){var diff1=z-AA[i];var diff2=AA[next]-z;return (diff2>diff1)?AA[i]:AA[next];}}return AA[AA.length-1];}},toString:function(){return ("DragDrop "+this.id);}};})();
+if(!Roo.dd.DragDropMgr){Roo.dd.DragDropMgr=function(){var A=Roo.EventManager;return {ids:{},handleIds:{},dragCurrent:null,dragOvers:{},deltaX:0,deltaY:0,preventDefault:true,stopPropagation:true,initalized:false,locked:false,init:function(){this.initialized=true;},POINT:0,INTERSECT:1,mode:0,_execOnAll:function(AG,AH){for(var i in this.ids){for(var j in this.ids[i]){var h=this.ids[i][j];if(!this.isTypeOfDD(h)){continue;}
+h[AG].apply(h,AH);}}},_onLoad:function(){this.init();A.on(document,"mouseup",this.handleMouseUp,this,true);A.on(document,"mousemove",this.handleMouseMove,this,true);A.on(window,"unload",this._onUnload,this,true);A.on(window,"resize",this._onResize,this,true);},_onResize:function(e){this._execOnAll("resetConstraints",[]);},lock:function(){this.locked=true;},unlock:function(){this.locked=false;},isLocked:function(){return this.locked;},locationCache:{},useCache:true,clickPixelThresh:3,clickTimeThresh:350,dragThreshMet:false,clickTimeout:null,startX:0,startY:0,regDragDrop:function(AI,AJ){if(!this.initialized){this.init();}if(!this.ids[AJ]){this.ids[AJ]={};}
+this.ids[AJ][AI.id]=AI;},removeDDFromGroup:function(AK,AL){if(!this.ids[AL]){this.ids[AL]={};}var AM=this.ids[AL];if(AM&&AM[AK.id]){delete AM[AK.id];}},_remove:function(AN){for(var g in AN.groups){if(g&&this.ids[g][AN.id]){delete this.ids[g][AN.id];}}delete this.handleIds[AN.id];},regHandle:function(AO,AP){if(!this.handleIds[AO]){this.handleIds[AO]={};}
+this.handleIds[AO][AP]=AP;},isDragDrop:function(id){return (this.getDDById(id))?true:false;},getRelated:function(AQ,AR){var AS=[];for(var i in AQ.groups){for(j in this.ids[i]){var dd=this.ids[i][j];if(!this.isTypeOfDD(dd)){continue;}if(!AR||dd.isTarget){AS[AS.length]=dd;}}}return AS;},isLegalTarget:function(AT,AU){var AV=this.getRelated(AT,true);for(var i=0,d=AV.length;i<d;++i){if(AV[i].id==AU.id){return true;}}return false;},isTypeOfDD:function(AW){return (AW&&AW.__ygDragDrop);},isHandle:function(AX,AY){return (this.handleIds[AX]&&this.handleIds[AX][AY]);},getDDById:function(id){for(var i in this.ids){if(this.ids[i][id]){return this.ids[i][id];}}return null;},handleMouseDown:function(e,AZ){if(Roo.QuickTips){Roo.QuickTips.disable();}
+this.currentTarget=e.getTarget();this.dragCurrent=AZ;var el=AZ.getEl();this.startX=e.getPageX();this.startY=e.getPageY();this.deltaX=this.startX-el.offsetLeft;this.deltaY=this.startY-el.offsetTop;this.dragThreshMet=false;this.clickTimeout=setTimeout(function(){var Aa=Roo.dd.DDM;Aa.startDrag(Aa.startX,Aa.startY);},this.clickTimeThresh);},startDrag:function(x,y){clearTimeout(this.clickTimeout);if(this.dragCurrent){this.dragCurrent.b4StartDrag(x,y);this.dragCurrent.startDrag(x,y);}
+this.dragThreshMet=true;},handleMouseUp:function(e){if(Roo.QuickTips){Roo.QuickTips.enable();}if(!this.dragCurrent){return;}
+clearTimeout(this.clickTimeout);if(this.dragThreshMet){this.fireEvents(e,true);}else {}
+this.stopDrag(e);this.stopEvent(e);},stopEvent:function(e){if(this.stopPropagation){e.stopPropagation();}if(this.preventDefault){e.preventDefault();}},stopDrag:function(e){if(this.dragCurrent){if(this.dragThreshMet){this.dragCurrent.b4EndDrag(e);this.dragCurrent.endDrag(e);}
+this.dragCurrent.onMouseUp(e);}
+this.dragCurrent=null;this.dragOvers={};},handleMouseMove:function(e){if(!this.dragCurrent){return true;}if(Roo.isIE&&(e.button!==0&&e.button!==1&&e.button!==2)){this.stopEvent(e);return this.handleMouseUp(e);}if(!this.dragThreshMet){var diffX=Math.abs(this.startX-e.getPageX());var diffY=Math.abs(this.startY-e.getPageY());if(diffX>this.clickPixelThresh||diffY>this.clickPixelThresh){this.startDrag(this.startX,this.startY);}}if(this.dragThreshMet){this.dragCurrent.b4Drag(e);this.dragCurrent.onDrag(e);if(!this.dragCurrent.moveOnly){this.fireEvents(e,false);}}
+this.stopEvent(e);return true;},fireEvents:function(e,Aa){var dc=this.dragCurrent;if(!dc||dc.isLocked()){return;}var pt=e.getPoint();var Ab=[];var Ac=[];var Ad=[];var Ae=[];var Af=[];for(var i in this.dragOvers){var ddo=this.dragOvers[i];if(!this.isTypeOfDD(ddo)){continue;}if(!this.isOverTarget(pt,ddo,this.mode)){Ac.push(ddo);}
+Ab[i]=true;delete this.dragOvers[i];}for(var AL in dc.groups){if("string"!=typeof AL){continue;}for(i in this.ids[AL]){var AZ=this.ids[AL][i];if(!this.isTypeOfDD(AZ)){continue;}if(AZ.isTarget&&!AZ.isLocked()&&AZ!=dc){if(this.isOverTarget(pt,AZ,this.mode)){if(Aa){Ae.push(AZ);}else {if(!Ab[AZ.id]){Af.push(AZ);}else {Ad.push(AZ);}
+this.dragOvers[AZ.id]=AZ;}}}}}if(this.mode){if(Ac.length){dc.b4DragOut(e,Ac);dc.onDragOut(e,Ac);}if(Af.length){dc.onDragEnter(e,Af);}if(Ad.length){dc.b4DragOver(e,Ad);dc.onDragOver(e,Ad);}if(Ae.length){dc.b4DragDrop(e,Ae);dc.onDragDrop(e,Ae);}}else {var d=0;for(i=0,d=Ac.length;i<d;++i){dc.b4DragOut(e,Ac[i].id);dc.onDragOut(e,Ac[i].id);}for(i=0,d=Af.length;i<d;++i){dc.onDragEnter(e,Af[i].id);}for(i=0,d=Ad.length;i<d;++i){dc.b4DragOver(e,Ad[i].id);dc.onDragOver(e,Ad[i].id);}for(i=0,d=Ae.length;i<d;++i){dc.b4DragDrop(e,Ae[i].id);dc.onDragDrop(e,Ae[i].id);}}if(Aa&&!Ae.length){dc.onInvalidDrop(e);}},getBestMatch:function(Ag){var Ah=null;var Ai=Ag.length;if(Ai==1){Ah=Ag[0];}else {for(var i=0;i<Ai;++i){var dd=Ag[i];if(dd.cursorIsOver){Ah=dd;break;}else {if(!Ah||Ah.overlap.getArea()<dd.overlap.getArea()){Ah=dd;}}}}return Ah;},refreshCache:function(Aj){for(var AL in Aj){if("string"!=typeof AL){continue;}for(var i in this.ids[AL]){var AZ=this.ids[AL][i];if(this.isTypeOfDD(AZ)){var o=this.getLocation(AZ);if(o){this.locationCache[AZ.id]=o;}else {delete this.locationCache[AZ.id];}}}}},verifyEl:function(el){if(el){var parent;if(Roo.isIE){try{parent=el.offsetParent;}catch(e){}}else {parent=el.offsetParent;}if(parent){return true;}}return false;},getLocation:function(Ak){if(!this.isTypeOfDD(Ak)){return null;}var el=Ak.getEl(),Al,x1,x2,y1,y2,t,r,b,l;try{Al=Roo.lib.Dom.getXY(el);}catch(e){}if(!Al){return null;}
+x1=Al[0];x2=x1+el.offsetWidth;y1=Al[1];y2=y1+el.offsetHeight;t=y1-Ak.padding[0];r=x2+Ak.padding[1];b=y2+Ak.padding[2];l=x1-Ak.padding[3];return new Roo.lib.Region(t,r,b,l);},isOverTarget:function(pt,Am,An){var Ao=this.locationCache[Am.id];if(!Ao||!this.useCache){Ao=this.getLocation(Am);this.locationCache[Am.id]=Ao;}if(!Ao){return false;}
+Am.cursorIsOver=Ao.contains(pt);var dc=this.dragCurrent;if(!dc||!dc.getTargetCoord||(!An&&!dc.constrainX&&!dc.constrainY)){return Am.cursorIsOver;}
+Am.overlap=null;var Ap=dc.getTargetCoord(pt.x,pt.y);var el=dc.getDragEl();var Aq=new Roo.lib.Region(Ap.y,Ap.x+el.offsetWidth,Ap.y+el.offsetHeight,Ap.x);var Ar=Aq.intersect(Ao);if(Ar){Am.overlap=Ar;return (An)?true:Am.cursorIsOver;}else {return false;}},_onUnload:function(e,me){Roo.dd.DragDropMgr.unregAll();},unregAll:function(){if(this.dragCurrent){this.stopDrag();this.dragCurrent=null;}
+this._execOnAll("unreg",[]);for(i in this.elementCache){delete this.elementCache[i];}
+this.elementCache={};this.ids={};},elementCache:{},getElWrapper:function(id){var As=this.elementCache[id];if(!As||!As.el){As=this.elementCache[id]=new this.ElementWrapper(Roo.getDom(id));}return As;},getElement:function(id){return Roo.getDom(id);},getCss:function(id){var el=Roo.getDom(id);return (el)?el.style:null;},ElementWrapper:function(el){this.el=el||null;this.id=this.el&&el.id;this.css=this.el&&el.style;},getPosX:function(el){return Roo.lib.Dom.getX(el);},getPosY:function(el){return Roo.lib.Dom.getY(el);},swapNode:function(n1,n2){if(n1.swapNode){n1.swapNode(n2);}else {var p=n2.parentNode;var s=n2.nextSibling;if(s==n1){p.insertBefore(n1,n2);}else if(n2==n1.nextSibling){p.insertBefore(n2,n1);}else {n1.parentNode.replaceChild(n2,n1);p.insertBefore(n1,s);}}},getScroll:function(){var t,l,At=document.documentElement,db=document.body;if(At&&(At.scrollTop||At.scrollLeft)){t=At.scrollTop;l=At.scrollLeft;}else if(db){t=db.scrollTop;l=db.scrollLeft;}else {}return {top:t,left:l};},getStyle:function(el,Au){return Roo.fly(el).getStyle(Au);},getScrollTop:function(){return this.getScroll().top;},getScrollLeft:function(){return this.getScroll().left;},moveToEl:function(Av,Aw){var Ax=Roo.lib.Dom.getXY(Aw);Roo.lib.Dom.setXY(Av,Ax);},numericSort:function(a,b){return (a-b);},_timeoutCount:0,_addListeners:function(){var Ay=Roo.dd.DDM;if(Roo.lib.Event&&document){Ay._onLoad();}else {if(Ay._timeoutCount>2000){}else {setTimeout(Ay._addListeners,10);if(document&&document.body){Ay._timeoutCount+=1;}}}},handleWasClicked:function(Az,id){if(this.isHandle(id,Az.id)){return true;}else {var p=Az.parentNode;while(p){if(this.isHandle(id,p.id)){return true;}else {p=p.parentNode;}}}return false;}};}();Roo.dd.DDM=Roo.dd.DragDropMgr;Roo.dd.DDM._addListeners();}
+Roo.dd.DD=function(id,A,B){if(id){this.init(id,A,B);}};Roo.extend(Roo.dd.DD,Roo.dd.DragDrop,{scroll:true,autoOffset:function(C,D){var x=C-this.startPageX;var y=D-this.startPageY;this.setDelta(x,y);},setDelta:function(E,F){this.deltaX=E;this.deltaY=F;},setDragElPos:function(G,H){var el=this.getDragEl();this.alignElWithMouse(el,G,H);},alignElWithMouse:function(el,I,J){var K=this.getTargetCoord(I,J);var L=el.dom?el:Roo.fly(el);if(!this.deltaSetXY){var aCoord=[K.x,K.y];L.setXY(aCoord);var newLeft=L.getLeft(true);var newTop=L.getTop(true);this.deltaSetXY=[newLeft-K.x,newTop-K.y];}else {L.setLeftTop(K.x+this.deltaSetXY[0],K.y+this.deltaSetXY[1]);}
+this.cachePosition(K.x,K.y);this.autoScroll(K.x,K.y,el.offsetHeight,el.offsetWidth);return K;},cachePosition:function(M,N){if(M){this.lastPageX=M;this.lastPageY=N;}else {var aCoord=Roo.lib.Dom.getXY(this.getEl());this.lastPageX=aCoord[0];this.lastPageY=aCoord[1];}},autoScroll:function(x,y,h,w){if(this.scroll){var clientH=Roo.lib.Dom.getViewWidth();var clientW=Roo.lib.Dom.getViewHeight();var st=this.DDM.getScrollTop();var sl=this.DDM.getScrollLeft();var bot=h+y;var right=w+x;var toBot=(clientH+st-y-this.deltaY);var toRight=(clientW+sl-x-this.deltaX);var thresh=40;var scrAmt=(document.all)?80:30;if(bot>clientH&&toBot<thresh){window.scrollTo(sl,st+scrAmt);}if(y<st&&st>0&&y-st<thresh){window.scrollTo(sl,st-scrAmt);}if(right>clientW&&toRight<thresh){window.scrollTo(sl+scrAmt,st);}if(x<sl&&sl>0&&x-sl<thresh){window.scrollTo(sl-scrAmt,st);}}},getTargetCoord:function(O,P){var x=O-this.deltaX;var y=P-this.deltaY;if(this.constrainX){if(x<this.minX){x=this.minX;}if(x>this.maxX){x=this.maxX;}}if(this.constrainY){if(y<this.minY){y=this.minY;}if(y>this.maxY){y=this.maxY;}}
+x=this.getTick(x,this.xTicks);y=this.getTick(y,this.yTicks);return {x:x,y:y};},applyConfig:function(){Roo.dd.DD.superclass.applyConfig.call(this);this.scroll=(this.config.scroll!==false);},b4MouseDown:function(e){this.autoOffset(e.getPageX(),e.getPageY());},b4Drag:function(e){this.setDragElPos(e.getPageX(),e.getPageY());},toString:function(){return ("DD "+this.id);}});
+Roo.dd.DDProxy=function(id,A,B){if(id){this.init(id,A,B);this.initFrame();}};Roo.dd.DDProxy.dragElId="ygddfdiv";Roo.extend(Roo.dd.DDProxy,Roo.dd.DD,{resizeFrame:true,centerFrame:false,createFrame:function(){var C=this;var D=document.body;if(!D||!D.firstChild){setTimeout(function(){C.createFrame();},50);return;}var E=this.getDragEl();if(!E){E=document.createElement("div");E.id=this.dragElId;var s=E.style;s.position="absolute";s.visibility="hidden";s.cursor="move";s.border="2px solid #aaa";s.zIndex=999;D.insertBefore(E,D.firstChild);}},initFrame:function(){this.createFrame();},applyConfig:function(){Roo.dd.DDProxy.superclass.applyConfig.call(this);this.resizeFrame=(this.config.resizeFrame!==false);this.centerFrame=(this.config.centerFrame);this.setDragElId(this.config.dragElId||Roo.dd.DDProxy.dragElId);},showFrame:function(F,G){var el=this.getEl();var H=this.getDragEl();var s=H.style;this._resizeProxy();if(this.centerFrame){this.setDelta(Math.round(parseInt(s.width,10)/2),Math.round(parseInt(s.height,10)/2));}
+this.setDragElPos(F,G);Roo.fly(H).show();},_resizeProxy:function(){if(this.resizeFrame){var el=this.getEl();Roo.fly(this.getDragEl()).setSize(el.offsetWidth,el.offsetHeight);}},b4MouseDown:function(e){var x=e.getPageX();var y=e.getPageY();this.autoOffset(x,y);this.setDragElPos(x,y);},b4StartDrag:function(x,y){this.showFrame(x,y);},b4EndDrag:function(e){Roo.fly(this.getDragEl()).hide();},endDrag:function(e){var I=this.getEl();var J=this.getDragEl();J.style.visibility="";this.beforeMove();I.style.visibility="hidden";Roo.dd.DDM.moveToEl(I,J);J.style.visibility="hidden";I.style.visibility="";this.afterDrag();},beforeMove:function(){},afterDrag:function(){},toString:function(){return ("DDProxy "+this.id);}});
+Roo.dd.DDTarget=function(id,A,B){if(id){this.initTarget(id,A,B);}};Roo.extend(Roo.dd.DDTarget,Roo.dd.DragDrop,{toString:function(){return ("DDTarget "+this.id);}});
+Roo.dd.ScrollManager=function(){var A=Roo.dd.DragDropMgr;var B={};var C=null;var D={};var E=function(e){C=null;H();};var F=function(){if(A.dragCurrent){A.refreshCache(A.dragCurrent.groups);}};var G=function(){if(A.dragCurrent){var dds=Roo.dd.ScrollManager;if(!dds.animate){if(D.el.scroll(D.dir,dds.increment)){F();}}else {D.el.scroll(D.dir,dds.increment,true,dds.animDuration,F);}}};var H=function(){if(D.id){clearInterval(D.id);}
+D.id=0;D.el=null;D.dir="";};var I=function(el,K){H();D.el=el;D.dir=K;D.id=setInterval(G,Roo.dd.ScrollManager.frequency);};var J=function(e,K){if(K||!A.dragCurrent){return;}var L=Roo.dd.ScrollManager;if(!C||C!=A.dragCurrent){C=A.dragCurrent;L.refreshCache();}var xy=Roo.lib.Event.getXY(e);var pt=new Roo.lib.Point(xy[0],xy[1]);for(var id in B){var el=B[id],r=el._region;if(r&&r.contains(pt)&&el.isScrollable()){if(r.bottom-pt.y<=L.thresh){if(D.el!=el){I(el,"down");}return;}else if(r.right-pt.x<=L.thresh){if(D.el!=el){I(el,"left");}return;}else if(pt.y-r.top<=L.thresh){if(D.el!=el){I(el,"up");}return;}else if(pt.x-r.left<=L.thresh){if(D.el!=el){I(el,"right");}return;}}}
+H();};A.fireEvents=A.fireEvents.createSequence(J,A);A.stopDrag=A.stopDrag.createSequence(E,A);return {register:function(el){if(el instanceof Array){for(var i=0,len=el.length;i<len;i++){this.register(el[i]);}}else {el=Roo.get(el);B[el.id]=el;}},unregister:function(el){if(el instanceof Array){for(var i=0,len=el.length;i<len;i++){this.unregister(el[i]);}}else {el=Roo.get(el);delete B[el.id];}},thresh:25,increment:100,frequency:500,animate:true,animDuration:.4,refreshCache:function(){for(var id in B){if(typeof B[id]=='object'){B[id]._region=B[id].getRegion();}}}};}();
+Roo.dd.Registry=function(){var A={};var B={};var C=0;var D=function(el,E){if(typeof el=="string"){return el;}var id=el.id;if(!id&&E!==false){id="roodd-"+(++C);el.id=id;}return id;};return {register:function(el,G){G=G||{};if(typeof el=="string"){el=document.getElementById(el);}
+G.ddel=el;A[D(el)]=G;if(G.isHandle!==false){B[G.ddel.id]=G;}if(G.handles){var hs=G.handles;for(var i=0,len=hs.length;i<len;i++){B[D(hs[i])]=G;}}},unregister:function(el){var id=D(el,false);var H=A[id];if(H){delete A[id];if(H.handles){var hs=H.handles;for(var i=0,len=hs.length;i<len;i++){delete B[D(hs[i],false)];}}}},getHandle:function(id){if(typeof id!="string"){id=id.id;}return B[id];},getHandleFromEvent:function(e){var t=Roo.lib.Event.getTarget(e);return t?B[t.id]:null;},getTarget:function(id){if(typeof id!="string"){id=id.id;}return A[id];},getTargetFromEvent:function(e){var t=Roo.lib.Event.getTarget(e);return t?A[t.id]||B[t.id]:null;}};}();
+Roo.dd.StatusProxy=function(A){Roo.apply(this,A);this.id=this.id||Roo.id();this.el=new Roo.Layer({dh:{id:this.id,tag:"div",cls:"x-dd-drag-proxy "+this.dropNotAllowed,children:[{tag:"div",cls:"x-dd-drop-icon"},{tag:"div",cls:"x-dd-drag-ghost"}]},shadow:!A||A.shadow!==false});this.ghost=Roo.get(this.el.dom.childNodes[1]);this.dropStatus=this.dropNotAllowed;};Roo.dd.StatusProxy.prototype={dropAllowed:"x-dd-drop-ok",dropNotAllowed:"x-dd-drop-nodrop",setStatus:function(B){B=B||this.dropNotAllowed;if(this.dropStatus!=B){this.el.replaceClass(this.dropStatus,B);this.dropStatus=B;}},reset:function(C){this.el.dom.className="x-dd-drag-proxy "+this.dropNotAllowed;this.dropStatus=this.dropNotAllowed;if(C){this.ghost.update("");}},update:function(D){if(typeof D=="string"){this.ghost.update(D);}else {this.ghost.update("");D.style.margin="0";this.ghost.dom.appendChild(D);}var el=this.ghost.dom.firstChild;if(el){Roo.fly(el).setStyle('float','none');}},getEl:function(){return this.el;},getGhost:function(){return this.ghost;},hide:function(E){this.el.hide();if(E){this.reset(true);}},stop:function(){if(this.anim&&this.anim.isAnimated&&this.anim.isAnimated()){this.anim.stop();}},show:function(){this.el.show();},sync:function(){this.el.sync();},repair:function(xy,F,G){this.callback=F;this.scope=G;if(xy&&this.animRepair!==false){this.el.addClass("x-dd-drag-repair");this.el.hideUnders(true);this.anim=this.el.shift({duration:this.repairDuration||.5,easing:'easeOut',xy:xy,stopFx:true,callback:this.afterRepair,scope:this});}else {this.afterRepair();}},afterRepair:function(){this.hide(true);if(typeof this.callback=="function"){this.callback.call(this.scope||this);}
+this.callback=null;this.scope=null;}};
+Roo.dd.DragSource=function(el,A){this.el=Roo.get(el);this.dragData={};Roo.apply(this,A);if(!this.proxy){this.proxy=new Roo.dd.StatusProxy();}
+Roo.dd.DragSource.superclass.constructor.call(this,this.el.dom,this.ddGroup||this.group,{dragElId:this.proxy.id,resizeFrame:false,isTarget:false,scroll:this.scroll===true});this.dragging=false;};Roo.extend(Roo.dd.DragSource,Roo.dd.DDProxy,{dropAllowed:"x-dd-drop-ok",dropNotAllowed:"x-dd-drop-nodrop",getDragData:function(e){return this.dragData;},onDragEnter:function(e,id){var B=Roo.dd.DragDropMgr.getDDById(id);this.cachedTarget=B;if(this.beforeDragEnter(B,e,id)!==false){if(B.isNotifyTarget){var status=B.notifyEnter(this,e,this.dragData);this.proxy.setStatus(status);}else {this.proxy.setStatus(this.dropAllowed);}if(this.afterDragEnter){this.afterDragEnter(B,e,id);}}},beforeDragEnter:function(C,e,id){return true;},alignElWithMouse:function(){Roo.dd.DragSource.superclass.alignElWithMouse.apply(this,arguments);this.proxy.sync();},onDragOver:function(e,id){var D=this.cachedTarget||Roo.dd.DragDropMgr.getDDById(id);if(this.beforeDragOver(D,e,id)!==false){if(D.isNotifyTarget){var status=D.notifyOver(this,e,this.dragData);this.proxy.setStatus(status);}if(this.afterDragOver){this.afterDragOver(D,e,id);}}},beforeDragOver:function(E,e,id){return true;},onDragOut:function(e,id){var F=this.cachedTarget||Roo.dd.DragDropMgr.getDDById(id);if(this.beforeDragOut(F,e,id)!==false){if(F.isNotifyTarget){F.notifyOut(this,e,this.dragData);}
+this.proxy.reset();if(this.afterDragOut){this.afterDragOut(F,e,id);}}
+this.cachedTarget=null;},beforeDragOut:function(G,e,id){return true;},onDragDrop:function(e,id){var H=this.cachedTarget||Roo.dd.DragDropMgr.getDDById(id);if(this.beforeDragDrop(H,e,id)!==false){if(H.isNotifyTarget){if(H.notifyDrop(this,e,this.dragData)){this.onValidDrop(H,e,id);}else {this.onInvalidDrop(H,e,id);}}else {this.onValidDrop(H,e,id);}if(this.afterDragDrop){this.afterDragDrop(H,e,id);}}delete this.cachedTarget;},beforeDragDrop:function(I,e,id){return true;},onValidDrop:function(J,e,id){this.hideProxy();if(this.afterValidDrop){this.afterValidDrop(J,e,id);}},getRepairXY:function(e,K){return this.el.getXY();},onInvalidDrop:function(L,e,id){this.beforeInvalidDrop(L,e,id);if(this.cachedTarget){if(this.cachedTarget.isNotifyTarget){this.cachedTarget.notifyOut(this,e,this.dragData);}
+this.cacheTarget=null;}
+this.proxy.repair(this.getRepairXY(e,this.dragData),this.afterRepair,this);if(this.afterInvalidDrop){this.afterInvalidDrop(e,id);}},afterRepair:function(){if(Roo.enableFx){this.el.highlight(this.hlColor||"c3daf9");}
+this.dragging=false;},beforeInvalidDrop:function(M,e,id){return true;},handleMouseDown:function(e){if(this.dragging){return;}var N=this.getDragData(e);if(N&&this.onBeforeDrag(N,e)!==false){this.dragData=N;this.proxy.stop();Roo.dd.DragSource.superclass.handleMouseDown.apply(this,arguments);}},onBeforeDrag:function(O,e){return true;},onStartDrag:Roo.emptyFn,startDrag:function(x,y){this.proxy.reset();this.dragging=true;this.proxy.update("");this.onInitDrag(x,y);this.proxy.show();},onInitDrag:function(x,y){var P=this.el.dom.cloneNode(true);P.id=Roo.id();this.proxy.update(P);this.onStartDrag(x,y);return true;},getProxy:function(){return this.proxy;},hideProxy:function(){this.proxy.hide();this.proxy.reset(true);this.dragging=false;},triggerCacheRefresh:function(){Roo.dd.DDM.refreshCache(this.groups);},b4EndDrag:function(e){},endDrag:function(e){this.onEndDrag(this.dragData,e);},onEndDrag:function(Q,e){},autoOffset:function(x,y){this.setDelta(-12,-20);}});
+Roo.dd.DropTarget=function(el,A){this.el=Roo.get(el);Roo.apply(this,A);if(this.containerScroll){Roo.dd.ScrollManager.register(this.el);}
+Roo.dd.DropTarget.superclass.constructor.call(this,this.el.dom,this.ddGroup||this.group,{isTarget:true});};Roo.extend(Roo.dd.DropTarget,Roo.dd.DDTarget,{dropAllowed:"x-dd-drop-ok",dropNotAllowed:"x-dd-drop-nodrop",isTarget:true,isNotifyTarget:true,notifyEnter:function(dd,e,B){if(this.overClass){this.el.addClass(this.overClass);}return this.dropAllowed;},notifyOver:function(dd,e,C){return this.dropAllowed;},notifyOut:function(dd,e,D){if(this.overClass){this.el.removeClass(this.overClass);}},notifyDrop:function(dd,e,E){return false;}});
+Roo.dd.DragZone=function(el,A){Roo.dd.DragZone.superclass.constructor.call(this,el,A);if(this.containerScroll){Roo.dd.ScrollManager.register(this.el);}};Roo.extend(Roo.dd.DragZone,Roo.dd.DragSource,{getDragData:function(e){return Roo.dd.Registry.getHandleFromEvent(e);},onInitDrag:function(x,y){this.proxy.update(this.dragData.ddel.cloneNode(true));this.onStartDrag(x,y);return true;},afterRepair:function(){if(Roo.enableFx){Roo.Element.fly(this.dragData.ddel).highlight(this.hlColor||"c3daf9");}
+this.dragging=false;},getRepairXY:function(e){return Roo.Element.fly(this.dragData.ddel).getXY();}});
+Roo.dd.DropZone=function(el,A){Roo.dd.DropZone.superclass.constructor.call(this,el,A);};Roo.extend(Roo.dd.DropZone,Roo.dd.DropTarget,{getTargetFromEvent:function(e){return Roo.dd.Registry.getTargetFromEvent(e);},onNodeEnter:function(n,dd,e,B){},onNodeOver:function(n,dd,e,C){return this.dropAllowed;},onNodeOut:function(n,dd,e,D){},onNodeDrop:function(n,dd,e,E){return false;},onContainerOver:function(dd,e,F){return this.dropNotAllowed;},onContainerDrop:function(dd,e,G){return false;},notifyEnter:function(dd,e,H){return this.dropNotAllowed;},notifyOver:function(dd,e,I){var n=this.getTargetFromEvent(e);if(!n){if(this.lastOverNode){this.onNodeOut(this.lastOverNode,dd,e,I);this.lastOverNode=null;}return this.onContainerOver(dd,e,I);}if(this.lastOverNode!=n){if(this.lastOverNode){this.onNodeOut(this.lastOverNode,dd,e,I);}
+this.onNodeEnter(n,dd,e,I);this.lastOverNode=n;}return this.onNodeOver(n,dd,e,I);},notifyOut:function(dd,e,J){if(this.lastOverNode){this.onNodeOut(this.lastOverNode,dd,e,J);this.lastOverNode=null;}},notifyDrop:function(dd,e,K){if(this.lastOverNode){this.onNodeOut(this.lastOverNode,dd,e,K);this.lastOverNode=null;}var n=this.getTargetFromEvent(e);return n?this.onNodeDrop(n,dd,e,K):this.onContainerDrop(dd,e,K);},triggerCacheRefresh:function(){Roo.dd.DDM.refreshCache(this.groups);}});
+Roo.data.SortTypes={none:function(s){return s;},stripTagsRE:/<\/?[^>]+>/gi,asText:function(s){return String(s).replace(this.stripTagsRE,"");},asUCText:function(s){return String(s).toUpperCase().replace(this.stripTagsRE,"");},asUCString:function(s){return String(s).toUpperCase();},asDate:function(s){if(!s){return 0;}if(s instanceof Date){return s.getTime();}return Date.parse(String(s));},asFloat:function(s){var A=parseFloat(String(s).replace(/,/g,""));if(isNaN(A))A=0;return A;},asInt:function(s){var B=parseInt(String(s).replace(/,/g,""));if(isNaN(B))B=0;return B;}};
+Roo.data.Record=function(A,id){this.id=(id||id===0)?id:++Roo.data.Record.AUTO_ID;this.data=A;};Roo.data.Record.create=function(o){var f=function(){f.superclass.constructor.apply(this,arguments);};Roo.extend(f,Roo.data.Record);var p=f.prototype;p.fields=new Roo.util.MixedCollection(false,function(B){return B.name;});for(var i=0,len=o.length;i<len;i++){p.fields.add(new Roo.data.Field(o[i]));}
+f.getField=function(B){return p.fields.get(B);};return f;};Roo.data.Record.AUTO_ID=1000;Roo.data.Record.EDIT='edit';Roo.data.Record.REJECT='reject';Roo.data.Record.COMMIT='commit';Roo.data.Record.prototype={dirty:false,editing:false,error:null,modified:null,join:function(B){this.store=B;},set:function(C,D){if(this.data[C]==D){return;}
+this.dirty=true;if(!this.modified){this.modified={};}if(typeof this.modified[C]=='undefined'){this.modified[C]=this.data[C];}
+this.data[C]=D;if(!this.editing){this.store.afterEdit(this);}},get:function(E){return this.data[E];},beginEdit:function(){this.editing=true;this.modified={};},cancelEdit:function(){this.editing=false;delete this.modified;},endEdit:function(){this.editing=false;if(this.dirty&&this.store){this.store.afterEdit(this);}},reject:function(){var m=this.modified;for(var n in m){if(typeof m[n]!="function"){this.data[n]=m[n];}}
+this.dirty=false;delete this.modified;this.editing=false;if(this.store){this.store.afterReject(this);}},commit:function(){this.dirty=false;delete this.modified;this.editing=false;if(this.store){this.store.afterCommit(this);}},hasError:function(){return this.error!=null;},clearError:function(){this.error=null;},copy:function(F){return new this.constructor(Roo.apply({},this.data),F||this.id);}};
+Roo.data.Store=function(A){this.data=new Roo.util.MixedCollection(false);this.data.getKey=function(o){return o.id;};this.baseParams={};this.paramNames={"start":"start","limit":"limit","sort":"sort","dir":"dir"};if(A&&A.data){this.inlineData=A.data;delete A.data;}
+Roo.apply(this,A);if(this.reader){this.reader=Roo.factory(this.reader,Roo.data);this.reader.xmodule=this.xmodule||false;if(!this.recordType){this.recordType=this.reader.recordType;}if(this.reader.onMetaChange){this.reader.onMetaChange=this.onMetaChange.createDelegate(this);}}if(this.recordType){this.fields=this.recordType.prototype.fields;}
+this.modified=[];this.addEvents({datachanged:true,metachange:true,add:true,remove:true,update:true,clear:true,beforeload:true,load:true,loadexception:true});if(this.proxy){this.proxy=Roo.factory(this.proxy,Roo.data);this.proxy.xmodule=this.xmodule||false;this.relayEvents(this.proxy,["loadexception"]);}
+this.sortToggle={};Roo.data.Store.superclass.constructor.call(this);if(this.inlineData){this.loadData(this.inlineData);delete this.inlineData;}};Roo.extend(Roo.data.Store,Roo.util.Observable,{remoteSort:false,pruneModifiedRecords:false,lastOptions:null,add:function(B){B=[].concat(B);for(var i=0,len=B.length;i<len;i++){B[i].join(this);}var C=this.data.length;this.data.addAll(B);this.fireEvent("add",this,B,C);},remove:function(D){var E=this.data.indexOf(D);this.data.removeAt(E);if(this.pruneModifiedRecords){this.modified.remove(D);}
+this.fireEvent("remove",this,D,E);},removeAll:function(){this.data.clear();if(this.pruneModifiedRecords){this.modified=[];}
+this.fireEvent("clear",this);},insert:function(F,G){G=[].concat(G);for(var i=0,len=G.length;i<len;i++){this.data.insert(F,G[i]);G[i].join(this);}
+this.fireEvent("add",this,G,F);},indexOf:function(H){return this.data.indexOf(H);},indexOfId:function(id){return this.data.indexOfKey(id);},getById:function(id){return this.data.key(id);},getAt:function(I){return this.data.itemAt(I);},getRange:function(J,K){return this.data.getRange(J,K);},storeOptions:function(o){o=Roo.apply({},o);delete o.callback;delete o.scope;this.lastOptions=o;},load:function(L){L=L||{};if(this.fireEvent("beforeload",this,L)!==false){this.storeOptions(L);var p=Roo.apply(L.params||{},this.baseParams);if(this.sortInfo&&this.remoteSort){var pn=this.paramNames;p[pn["sort"]]=this.sortInfo.field;p[pn["dir"]]=this.sortInfo.direction;}
+this.proxy.load(p,this.reader,this.loadRecords,this,L);}},reload:function(M){this.load(Roo.applyIf(M||{},this.lastOptions));},loadRecords:function(o,N,O){if(!o||O===false){if(O!==false){this.fireEvent("load",this,[],N);}if(N.callback){N.callback.call(N.scope||this,[],N,false);}return;}if(o.success===false){this.fireEvent("loadexception",this,o,N,this.reader.jsonData);return;}var r=o.records,t=o.totalRecords||r.length;if(!N||N.add!==true){if(this.pruneModifiedRecords){this.modified=[];}for(var i=0,len=r.length;i<len;i++){r[i].join(this);}if(this.snapshot){this.data=this.snapshot;delete this.snapshot;}
+this.data.clear();this.data.addAll(r);this.totalLength=t;this.applySort();this.fireEvent("datachanged",this);}else {this.totalLength=Math.max(t,this.data.length+r.length);this.add(r);}
+this.fireEvent("load",this,r,N);if(N.callback){N.callback.call(N.scope||this,r,N,true);}},loadData:function(o,P){var r=this.reader.readRecords(o);this.loadRecords(r,{add:P},true);},getCount:function(){return this.data.length||0;},getTotalCount:function(){return this.totalLength||0;},getSortState:function(){return this.sortInfo;},applySort:function(){if(this.sortInfo&&!this.remoteSort){var s=this.sortInfo,f=s.field;var st=this.fields.get(f).sortType;var fn=function(r1,r2){var v1=st(r1.data[f]),v2=st(r2.data[f]);return v1>v2?1:(v1<v2?-1:0);};this.data.sort(s.direction,fn);if(this.snapshot&&this.snapshot!=this.data){this.snapshot.sort(s.direction,fn);}}},setDefaultSort:function(Q,R){this.sortInfo={field:Q,direction:R?R.toUpperCase():"ASC"};},sort:function(S,T){var f=this.fields.get(S);if(!T){if(this.sortInfo&&this.sortInfo.field==f.name){T=(this.sortToggle[f.name]||"ASC").toggle("ASC","DESC");}else {T=f.sortDir;}}
+this.sortToggle[f.name]=T;this.sortInfo={field:f.name,direction:T};if(!this.remoteSort){this.applySort();this.fireEvent("datachanged",this);}else {this.load(this.lastOptions);}},each:function(fn,U){this.data.each(fn,U);},getModifiedRecords:function(){return this.modified;},createFilterFn:function(V,W,X){if(!W.exec){W=String(W);if(W.length==0){return false;}
+W=new RegExp((X===true?'':'^')+Roo.escapeRe(W),"i");}return function(r){return W.test(r.data[V]);};},sum:function(Y,Z,a){var rs=this.data.items,v=0;Z=Z||0;a=(a||a===0)?a:rs.length-1;for(var i=Z;i<=a;i++){v+=(rs[i].data[Y]||0);}return v;},filter:function(b,c,d){var fn=this.createFilterFn(b,c,d);return fn?this.filterBy(fn):this.clearFilter();},filterBy:function(fn,e){this.snapshot=this.snapshot||this.data;this.data=this.queryBy(fn,e||this);this.fireEvent("datachanged",this);},query:function(g,h,j){var fn=this.createFilterFn(g,h,j);return fn?this.queryBy(fn):this.data.clone();},queryBy:function(fn,k){var l=this.snapshot||this.data;return l.filterBy(fn,k||this);},collect:function(m,n,q){var d=(q===true&&this.snapshot)?this.snapshot.items:this.data.items;var v,sv,r=[],l={};for(var i=0,len=d.length;i<len;i++){v=d[i].data[m];sv=String(v);if((n||!Roo.isEmpty(v))&&!l[sv]){l[sv]=true;r[r.length]=v;}}return r;},clearFilter:function(u){if(this.snapshot&&this.snapshot!=this.data){this.data=this.snapshot;delete this.snapshot;if(u!==true){this.fireEvent("datachanged",this);}}},afterEdit:function(w){if(this.modified.indexOf(w)==-1){this.modified.push(w);}
+this.fireEvent("update",this,w,Roo.data.Record.EDIT);},afterReject:function(x){this.modified.remove(x);this.fireEvent("update",this,x,Roo.data.Record.REJECT);},afterCommit:function(y){this.modified.remove(y);this.fireEvent("update",this,y,Roo.data.Record.COMMIT);},commitChanges:function(){var m=this.modified.slice(0);this.modified=[];for(var i=0,len=m.length;i<len;i++){m[i].commit();}},rejectChanges:function(){var m=this.modified.slice(0);this.modified=[];for(var i=0,len=m.length;i<len;i++){m[i].reject();}},onMetaChange:function(z,AA,o){this.recordType=AA;this.fields=AA.prototype.fields;delete this.snapshot;this.sortInfo=z.sortInfo;this.modified=[];this.fireEvent('metachange',this,this.reader.meta);}});
+Roo.data.SimpleStore=function(A){Roo.data.SimpleStore.superclass.constructor.call(this,{isLocal:true,reader:new Roo.data.ArrayReader({id:A.id},Roo.data.Record.create(A.fields)),proxy:new Roo.data.MemoryProxy(A.data)});this.load();};Roo.extend(Roo.data.SimpleStore,Roo.data.Store);
+Roo.data.JsonStore=function(c){Roo.data.JsonStore.superclass.constructor.call(this,Roo.apply(c,{proxy:!c.data?new Roo.data.HttpProxy({url:c.url}):undefined,reader:new Roo.data.JsonReader(c,c.fields)}));};Roo.extend(Roo.data.JsonStore,Roo.data.Store);
+Roo.data.Field=function(A){if(typeof A=="string"){A={name:A};}
+Roo.apply(this,A);if(!this.type){this.type="auto";}var st=Roo.data.SortTypes;if(typeof this.sortType=="string"){this.sortType=st[this.sortType];}if(!this.sortType){switch(this.type){case "string":this.sortType=st.asUCString;break;case "date":this.sortType=st.asDate;break;default:this.sortType=st.none;}}var B=/[\$,%]/g;if(!this.convert){var cv,dateFormat=this.dateFormat;switch(this.type){case "":case "auto":case undefined:cv=function(v){return v;};break;case "string":cv=function(v){return (v===undefined||v===null)?'':String(v);};break;case "int":cv=function(v){return v!==undefined&&v!==null&&v!==''?parseInt(String(v).replace(B,""),10):'';};break;case "float":cv=function(v){return v!==undefined&&v!==null&&v!==''?parseFloat(String(v).replace(B,""),10):'';};break;case "bool":case "boolean":cv=function(v){return v===true||v==="true"||v==1;};break;case "date":cv=function(v){if(!v){return '';}if(v instanceof Date){return v;}if(dateFormat){if(dateFormat=="timestamp"){return new Date(v*1000);}return Date.parseDate(v,dateFormat);}var C=Date.parse(v);return C?new Date(C):null;};break;}
+this.convert=cv;}};Roo.data.Field.prototype={dateFormat:null,defaultValue:"",mapping:null,sortType:null,sortDir:"ASC"};
+Roo.data.DataReader=function(A,B){this.meta=A;this.recordType=B instanceof Array?Roo.data.Record.create(B):B;};Roo.data.DataReader.prototype={newRow:function(d){var da={};this.recordType.prototype.fields.each(function(c){switch(c.type){case 'int':da[c.name]=0;break;case 'date':da[c.name]=new Date();break;case 'float':da[c.name]=0.0;break;case 'boolean':da[c.name]=false;break;default:da[c.name]="";break;}});return new this.recordType(Roo.apply(da,d));}};
+Roo.data.DataProxy=function(){this.addEvents({beforeload:true,load:true,loadexception:true});Roo.data.DataProxy.superclass.constructor.call(this);};Roo.extend(Roo.data.DataProxy,Roo.util.Observable);
+Roo.data.MemoryProxy=function(A){if(A.data){A=A.data;}
+Roo.data.MemoryProxy.superclass.constructor.call(this);this.data=A;};Roo.extend(Roo.data.MemoryProxy,Roo.data.DataProxy,{load:function(B,C,D,E,F){B=B||{};var G;try{G=C.readRecords(this.data);}catch(e){this.fireEvent("loadexception",this,arg,null,e);callback.call(scope,null,arg,false);return;}
+D.call(E,G,F,true);},update:function(H,I){}});
+Roo.data.HttpProxy=function(A){Roo.data.HttpProxy.superclass.constructor.call(this);this.conn=A;this.useAjax=!A||!A.events;};Roo.extend(Roo.data.HttpProxy,Roo.data.DataProxy,{getConnection:function(){return this.useAjax?Roo.Ajax:this.conn;},load:function(B,C,D,E,F){if(this.fireEvent("beforeload",this,B)!==false){var o={params:B||{},request:{callback:D,scope:E,arg:F},reader:C,callback:this.loadResponse,scope:this};if(this.useAjax){Roo.applyIf(o,this.conn);if(this.activeRequest){Roo.Ajax.abort(this.activeRequest);}
+this.activeRequest=Roo.Ajax.request(o);}else {this.conn.request(o);}}else {D.call(E||this,null,F,false);}},loadResponse:function(o,G,H){delete this.activeRequest;if(!G){this.fireEvent("loadexception",this,o,H);o.request.callback.call(o.request.scope,null,o.request.arg,false);return;}var I;try{I=o.reader.read(H);}catch(e){this.fireEvent("loadexception",this,o,response,e);o.request.callback.call(o.request.scope,null,o.request.arg,false);return;}
+this.fireEvent("load",this,o,o.request.arg);o.request.callback.call(o.request.scope,I,o.request.arg,true);},update:function(J){},updateResponse:function(K){}});
+Roo.data.ScriptTagProxy=function(A){Roo.data.ScriptTagProxy.superclass.constructor.call(this);Roo.apply(this,A);this.head=document.getElementsByTagName("head")[0];};Roo.data.ScriptTagProxy.TRANS_ID=1000;Roo.extend(Roo.data.ScriptTagProxy,Roo.data.DataProxy,{timeout:30000,callbackParam:"callback",nocache:true,load:function(B,C,D,E,F){if(this.fireEvent("beforeload",this,B)!==false){var p=Roo.urlEncode(Roo.apply(B,this.extraParams));var url=this.url;url+=(url.indexOf("?")!=-1?"&":"?")+p;if(this.nocache){url+="&_dc="+(new Date().getTime());}var transId=++Roo.data.ScriptTagProxy.TRANS_ID;var trans={id:transId,cb:"stcCallback"+transId,scriptId:"stcScript"+transId,params:B,arg:F,url:url,callback:D,scope:E,reader:C};var conn=this;window[trans.cb]=function(o){conn.handleResponse(o,trans);};url+=String.format("&{0}={1}",this.callbackParam,trans.cb);if(this.autoAbort!==false){this.abort();}
+trans.timeoutId=this.handleFailure.defer(this.timeout,this,[trans]);var script=document.createElement("script");script.setAttribute("src",url);script.setAttribute("type","text/javascript");script.setAttribute("id",trans.scriptId);this.head.appendChild(script);this.trans=trans;}else {D.call(E||this,null,F,false);}},isLoading:function(){return this.trans?true:false;},abort:function(){if(this.isLoading()){this.destroyTrans(this.trans);}},destroyTrans:function(G,H){this.head.removeChild(document.getElementById(G.scriptId));clearTimeout(G.timeoutId);if(H){window[G.cb]=undefined;try{delete window[G.cb];}catch(e){}}else {window[G.cb]=function(){window[G.cb]=undefined;try{delete window[G.cb];}catch(e){}};}},handleResponse:function(o,I){this.trans=false;this.destroyTrans(I,true);var J;try{J=I.reader.readRecords(o);}catch(e){this.fireEvent("loadexception",this,o,trans.arg,e);trans.callback.call(trans.scope||window,null,trans.arg,false);return;}
+this.fireEvent("load",this,o,I.arg);I.callback.call(I.scope||window,J,I.arg,true);},handleFailure:function(K){this.trans=false;this.destroyTrans(K,false);this.fireEvent("loadexception",this,null,K.arg);K.callback.call(K.scope||window,null,K.arg,false);}});
+Roo.data.JsonReader=function(meta,recordType){meta=meta||{};Roo.applyIf(meta,{totalProperty:'total',successProperty:'success',root:'data',id:'id'});Roo.data.JsonReader.superclass.constructor.call(this,meta,recordType||meta.fields);};Roo.extend(Roo.data.JsonReader,Roo.data.DataReader,{read:function(response){var json=response.responseText;var o=eval("("+json+")");if(!o){throw {message:"JsonReader.read: Json object not found"};}if(o.metaData){delete this.ef;this.meta=o.metaData;this.recordType=Roo.data.Record.create(o.metaData.fields);this.onMetaChange(this.meta,this.recordType,o);}return this.readRecords(o);},onMetaChange:function(meta,recordType,o){},simpleAccess:function(obj,subsc){return obj[subsc];},getJsonAccessor:function(){var re=/[\[\.]/;return function(expr){try{return (re.test(expr))?new Function("obj","return obj."+expr):function(obj){return obj[expr];};}catch(e){}return Roo.emptyFn;};}(),readRecords:function(o){this.jsonData=o;var s=this.meta,Record=this.recordType,f=Record.prototype.fields,fi=f.items,fl=f.length;if(!this.ef){if(s.totalProperty){this.getTotal=this.getJsonAccessor(s.totalProperty);}if(s.successProperty){this.getSuccess=this.getJsonAccessor(s.successProperty);}
+this.getRoot=s.root?this.getJsonAccessor(s.root):function(p){return p;};if(s.id){var g=this.getJsonAccessor(s.id);this.getId=function(rec){var r=g(rec);return (r===undefined||r==="")?null:r;};}else {this.getId=function(){return null;};}
+this.ef=[];for(var i=0;i<fl;i++){f=fi[i];var map=(f.mapping!==undefined&&f.mapping!==null)?f.mapping:f.name;this.ef[i]=this.getJsonAccessor(map);}}var root=this.getRoot(o),c=root.length,totalRecords=c,success=true;if(s.totalProperty){var v=parseInt(this.getTotal(o),10);if(!isNaN(v)){totalRecords=v;}}if(s.successProperty){var v=this.getSuccess(o);if(v===false||v==='false'){success=false;}}var records=[];for(var i=0;i<c;i++){var n=root[i];var values={};var id=this.getId(n);for(var j=0;j<fl;j++){f=fi[j];var v=this.ef[j](n);values[f.name]=f.convert((v!==undefined)?v:f.defaultValue);}var record=new Record(values,id);record.json=n;records[i]=record;}return {success:success,records:records,totalRecords:totalRecords};}});
+Roo.data.XmlReader=function(A,B){A=A||{};Roo.data.XmlReader.superclass.constructor.call(this,A,B||A.fields);};Roo.extend(Roo.data.XmlReader,Roo.data.DataReader,{read:function(C){var D=C.responseXML;if(!D){throw {message:"XmlReader.read: XML Document not available"};}return this.readRecords(D);},readRecords:function(E){this.xmlData=E;var F=E.documentElement||E;var q=Roo.DomQuery;var G=this.recordType,H=G.prototype.fields;var I=this.meta.id;var J=0,K=true;if(this.meta.totalRecords){J=q.selectNumber(this.meta.totalRecords,F,0);}if(this.meta.success){var sv=q.selectValue(this.meta.success,F,true);K=sv!==false&&sv!=='false';}var L=[];var ns=q.select(this.meta.record,F);for(var i=0,len=ns.length;i<len;i++){var n=ns[i];var values={};var id=I?q.selectValue(I,n):undefined;for(var j=0,jlen=H.length;j<jlen;j++){var f=H.items[j];var v=q.selectValue(f.mapping||f.name,n,f.defaultValue);v=f.convert(v);values[f.name]=v;}var record=new G(values,id);record.node=n;L[L.length]=record;}return {success:K,records:L,totalRecords:J||L.length};}});
+Roo.data.ArrayReader=function(A,B){Roo.data.ArrayReader.superclass.constructor.call(this,A,B);};Roo.extend(Roo.data.ArrayReader,Roo.data.JsonReader,{readRecords:function(o){var C=this.meta?this.meta.id:null;var D=this.recordType,E=D.prototype.fields;var F=[];var G=o;for(var i=0;i<G.length;i++){var n=G[i];var values={};var id=((C||C===0)&&n[C]!==undefined&&n[C]!==""?n[C]:null);for(var j=0,jlen=E.length;j<jlen;j++){var f=E.items[j];var k=f.mapping!==undefined&&f.mapping!==null?f.mapping:j;var v=n[k]!==undefined?n[k]:f.defaultValue;v=f.convert(v);values[f.name]=v;}var record=new D(values,id);record.json=n;F[F.length]=record;}return {records:F,totalRecords:F.length};}});
+Roo.data.Tree=function(A){this.nodeHash={};this.root=null;if(A){this.setRootNode(A);}
+this.addEvents({"append":true,"remove":true,"move":true,"insert":true,"beforeappend":true,"beforeremove":true,"beforemove":true,"beforeinsert":true});Roo.data.Tree.superclass.constructor.call(this);};Roo.extend(Roo.data.Tree,Roo.util.Observable,{pathSeparator:"/",proxyNodeEvent:function(){return this.fireEvent.apply(this,arguments);},getRootNode:function(){return this.root;},setRootNode:function(B){this.root=B;B.ownerTree=this;B.isRoot=true;this.registerNode(B);return B;},getNodeById:function(id){return this.nodeHash[id];},registerNode:function(C){this.nodeHash[C.id]=C;},unregisterNode:function(D){delete this.nodeHash[D.id];},toString:function(){return "[Tree"+(this.id?" "+this.id:"")+"]";}});Roo.data.Node=function(E){this.attributes=E||{};this.leaf=this.attributes.leaf;this.id=this.attributes.id;if(!this.id){this.id=Roo.id(null,"ynode-");this.attributes.id=this.id;}
+this.childNodes=[];if(!this.childNodes.indexOf){this.childNodes.indexOf=function(o){for(var i=0,len=this.length;i<len;i++){if(this[i]==o)return i;}return -1;};}
+this.parentNode=null;this.firstChild=null;this.lastChild=null;this.previousSibling=null;this.nextSibling=null;this.addEvents({"append":true,"remove":true,"move":true,"insert":true,"beforeappend":true,"beforeremove":true,"beforemove":true,"beforeinsert":true});this.listeners=this.attributes.listeners;Roo.data.Node.superclass.constructor.call(this);};Roo.extend(Roo.data.Node,Roo.util.Observable,{fireEvent:function(F){if(Roo.data.Node.superclass.fireEvent.apply(this,arguments)===false){return false;}var ot=this.getOwnerTree();if(ot){if(ot.proxyNodeEvent.apply(ot,arguments)===false){return false;}}return true;},isLeaf:function(){return this.leaf===true;},setFirstChild:function(G){this.firstChild=G;},setLastChild:function(H){this.lastChild=H;},isLast:function(){return (!this.parentNode?true:this.parentNode.lastChild==this);},isFirst:function(){return (!this.parentNode?true:this.parentNode.firstChild==this);},hasChildNodes:function(){return !this.isLeaf()&&this.childNodes.length>0;},appendChild:function(I){var J=false;if(I instanceof Array){J=I;}else if(arguments.length>1){J=arguments;}if(J){for(var i=0,len=J.length;i<len;i++){this.appendChild(J[i]);}}else {if(this.fireEvent("beforeappend",this.ownerTree,this,I)===false){return false;}var index=this.childNodes.length;var oldParent=I.parentNode;if(oldParent){if(I.fireEvent("beforemove",I.getOwnerTree(),I,oldParent,this,index)===false){return false;}
+oldParent.removeChild(I);}
+index=this.childNodes.length;if(index==0){this.setFirstChild(I);}
+this.childNodes.push(I);I.parentNode=this;var ps=this.childNodes[index-1];if(ps){I.previousSibling=ps;ps.nextSibling=I;}else {I.previousSibling=null;}
+I.nextSibling=null;this.setLastChild(I);I.setOwnerTree(this.getOwnerTree());this.fireEvent("append",this.ownerTree,this,I,index);if(oldParent){I.fireEvent("move",this.ownerTree,I,oldParent,this,index);}return I;}},removeChild:function(K){var L=this.childNodes.indexOf(K);if(L==-1){return false;}if(this.fireEvent("beforeremove",this.ownerTree,this,K)===false){return false;}
+this.childNodes.splice(L,1);if(K.previousSibling){K.previousSibling.nextSibling=K.nextSibling;}if(K.nextSibling){K.nextSibling.previousSibling=K.previousSibling;}if(this.firstChild==K){this.setFirstChild(K.nextSibling);}if(this.lastChild==K){this.setLastChild(K.previousSibling);}
+K.setOwnerTree(null);K.parentNode=null;K.previousSibling=null;K.nextSibling=null;this.fireEvent("remove",this.ownerTree,this,K);return K;},insertBefore:function(M,N){if(!N){return this.appendChild(M);}if(M==N){return false;}if(this.fireEvent("beforeinsert",this.ownerTree,this,M,N)===false){return false;}var O=this.childNodes.indexOf(N);var P=M.parentNode;var Q=O;if(P==this&&this.childNodes.indexOf(M)<O){Q--;}if(P){if(M.fireEvent("beforemove",M.getOwnerTree(),M,P,this,O,N)===false){return false;}
+P.removeChild(M);}if(Q==0){this.setFirstChild(M);}
+this.childNodes.splice(Q,0,M);M.parentNode=this;var ps=this.childNodes[Q-1];if(ps){M.previousSibling=ps;ps.nextSibling=M;}else {M.previousSibling=null;}
+M.nextSibling=N;N.previousSibling=M;M.setOwnerTree(this.getOwnerTree());this.fireEvent("insert",this.ownerTree,this,M,N);if(P){M.fireEvent("move",this.ownerTree,M,P,this,Q,N);}return M;},item:function(R){return this.childNodes[R];},replaceChild:function(S,T){this.insertBefore(S,T);this.removeChild(T);return T;},indexOf:function(U){return this.childNodes.indexOf(U);},getOwnerTree:function(){if(!this.ownerTree){var p=this;while(p){if(p.ownerTree){this.ownerTree=p.ownerTree;break;}
+p=p.parentNode;}}return this.ownerTree;},getDepth:function(){var V=0;var p=this;while(p.parentNode){++V;p=p.parentNode;}return V;},setOwnerTree:function(W){if(W!=this.ownerTree){if(this.ownerTree){this.ownerTree.unregisterNode(this);}
+this.ownerTree=W;var cs=this.childNodes;for(var i=0,len=cs.length;i<len;i++){cs[i].setOwnerTree(W);}if(W){W.registerNode(this);}}},getPath:function(X){X=X||"id";var p=this.parentNode;var b=[this.attributes[X]];while(p){b.unshift(p.attributes[X]);p=p.parentNode;}var Y=this.getOwnerTree().pathSeparator;return Y+b.join(Y);},bubble:function(fn,Z,a){var p=this;while(p){if(fn.call(Z||p,a||p)===false){break;}
+p=p.parentNode;}},cascade:function(fn,c,d){if(fn.call(c||this,d||this)!==false){var cs=this.childNodes;for(var i=0,len=cs.length;i<len;i++){cs[i].cascade(fn,c,d);}}},eachChild:function(fn,e,f){var cs=this.childNodes;for(var i=0,len=cs.length;i<len;i++){if(fn.call(e||this,f||cs[i])===false){break;}}},findChild:function(g,h){var cs=this.childNodes;for(var i=0,len=cs.length;i<len;i++){if(cs[i].attributes[g]==h){return cs[i];}}return null;},findChildBy:function(fn,j){var cs=this.childNodes;for(var i=0,len=cs.length;i<len;i++){if(fn.call(j||cs[i],cs[i])===true){return cs[i];}}return null;},sort:function(fn,k){var cs=this.childNodes;var l=cs.length;if(l>0){var sortFn=k?function(){fn.apply(k,arguments);}:fn;cs.sort(sortFn);for(var i=0;i<l;i++){var n=cs[i];n.previousSibling=cs[i-1];n.nextSibling=cs[i+1];if(i==0){this.setFirstChild(n);}if(i==l-1){this.setLastChild(n);}}}},contains:function(m){return m.isAncestor(this);},isAncestor:function(o){var p=this.parentNode;while(p){if(p==o){return true;}
+p=p.parentNode;}return false;},toString:function(){return "[Node"+(this.id?" "+this.id:"")+"]";}});
+Roo.ComponentMgr=function(){var A=new Roo.util.MixedCollection();return {register:function(c){A.add(c);},unregister:function(c){A.remove(c);},get:function(id){return A.get(id);},onAvailable:function(id,fn,C){A.on("add",function(D,o){if(o.id==id){fn.call(C||o,o);A.un("add",fn,C);}});}};}();
+Roo.Component=function(A){A=A||{};if(A.tagName||A.dom||typeof A=="string"){A={el:A,id:A.id||A};}
+this.initialConfig=A;Roo.apply(this,A);this.addEvents({disable:true,enable:true,beforeshow:true,show:true,beforehide:true,hide:true,beforerender:true,render:true,beforedestroy:true,destroy:true});if(!this.id){this.id="ext-comp-"+(++Roo.Component.AUTO_ID);}
+Roo.ComponentMgr.register(this);Roo.Component.superclass.constructor.call(this);this.initComponent();if(this.renderTo){this.render(this.renderTo);delete this.renderTo;}};Roo.Component.AUTO_ID=1000;Roo.extend(Roo.Component,Roo.util.Observable,{hidden:false,disabled:false,rendered:false,disabledClass:"x-item-disabled",allowDomMove:true,hideMode:'display',ctype:"Roo.Component",actionMode:"el",getActionEl:function(){return this[this.actionMode];},initComponent:Roo.emptyFn,render:function(B,C){if(!this.rendered&&this.fireEvent("beforerender",this)!==false){if(!B&&this.el){this.el=Roo.get(this.el);B=this.el.dom.parentNode;this.allowDomMove=false;}
+this.container=Roo.get(B);this.rendered=true;if(C!==undefined){if(typeof C=='number'){C=this.container.dom.childNodes[C];}else {C=Roo.getDom(C);}}
+this.onRender(this.container,C||null);if(this.cls){this.el.addClass(this.cls);delete this.cls;}if(this.style){this.el.applyStyles(this.style);delete this.style;}
+this.fireEvent("render",this);this.afterRender(this.container);if(this.hidden){this.hide();}if(this.disabled){this.disable();}}return this;},onRender:function(ct,D){if(this.el){this.el=Roo.get(this.el);if(this.allowDomMove!==false){ct.dom.insertBefore(this.el.dom,D);}}},getAutoCreate:function(){var E=typeof this.autoCreate=="object"?this.autoCreate:Roo.apply({},this.defaultAutoCreate);if(this.id&&!E.id){E.id=this.id;}return E;},afterRender:Roo.emptyFn,destroy:function(){if(this.fireEvent("beforedestroy",this)!==false){this.purgeListeners();this.beforeDestroy();if(this.rendered){this.el.removeAllListeners();this.el.remove();if(this.actionMode=="container"){this.container.remove();}}
+this.onDestroy();Roo.ComponentMgr.unregister(this);this.fireEvent("destroy",this);}},beforeDestroy:function(){},onDestroy:function(){},getEl:function(){return this.el;},getId:function(){return this.id;},focus:function(F){if(this.rendered){this.el.focus();if(F===true){this.el.dom.select();}}return this;},blur:function(){if(this.rendered){this.el.blur();}return this;},disable:function(){if(this.rendered){this.onDisable();}
+this.disabled=true;this.fireEvent("disable",this);return this;},onDisable:function(){this.getActionEl().addClass(this.disabledClass);this.el.dom.disabled=true;},enable:function(){if(this.rendered){this.onEnable();}
+this.disabled=false;this.fireEvent("enable",this);return this;},onEnable:function(){this.getActionEl().removeClass(this.disabledClass);this.el.dom.disabled=false;},setDisabled:function(G){this[G?"disable":"enable"]();},show:function(){if(this.fireEvent("beforeshow",this)!==false){this.hidden=false;if(this.rendered){this.onShow();}
+this.fireEvent("show",this);}return this;},onShow:function(){var ae=this.getActionEl();if(this.hideMode=='visibility'){ae.dom.style.visibility="visible";}else if(this.hideMode=='offsets'){ae.removeClass('x-hidden');}else {ae.dom.style.display="";}},hide:function(){if(this.fireEvent("beforehide",this)!==false){this.hidden=true;if(this.rendered){this.onHide();}
+this.fireEvent("hide",this);}return this;},onHide:function(){var ae=this.getActionEl();if(this.hideMode=='visibility'){ae.dom.style.visibility="hidden";}else if(this.hideMode=='offsets'){ae.addClass('x-hidden');}else {ae.dom.style.display="none";}},setVisible:function(H){if(H){this.show();}else {this.hide();}return this;},isVisible:function(){return this.getActionEl().isVisible();},cloneConfig:function(I){I=I||{};var id=I.id||Roo.id();var J=Roo.applyIf(I,this.initialConfig);J.id=id;return new this.constructor(J);}});
+(function(){Roo.Layer=function(C,D){C=C||{};var dh=Roo.DomHelper;var cp=C.parentEl,E=cp?Roo.getDom(cp):document.body;if(D){this.dom=Roo.getDom(D);}if(!this.dom){var o=C.dh||{tag:"div",cls:"x-layer"};this.dom=dh.append(E,o);}if(C.cls){this.addClass(C.cls);}
+this.constrain=C.constrain!==false;this.visibilityMode=Roo.Element.VISIBILITY;if(C.id){this.id=this.dom.id=C.id;}else {this.id=Roo.id(this.dom);}
+this.zindex=C.zindex||this.getZIndex();this.position("absolute",this.zindex);if(C.shadow){this.shadowOffset=C.shadowOffset||4;this.shadow=new Roo.Shadow({offset:this.shadowOffset,mode:C.shadow});}else {this.shadowOffset=0;}
+this.useShim=C.shim!==false&&Roo.useShims;this.useDisplay=C.useDisplay;this.hide();};var A=Roo.Element.prototype;var B=[];Roo.extend(Roo.Layer,Roo.Element,{getZIndex:function(){return this.zindex||parseInt(this.getStyle("z-index"),10)||11000;},getShim:function(){if(!this.useShim){return null;}if(this.shim){return this.shim;}var C=B.shift();if(!C){C=this.createShim();C.enableDisplayMode('block');C.dom.style.display='none';C.dom.style.visibility='visible';}var pn=this.dom.parentNode;if(C.dom.parentNode!=pn){pn.insertBefore(C.dom,this.dom);}
+C.setStyle('z-index',this.getZIndex()-2);this.shim=C;return C;},hideShim:function(){if(this.shim){this.shim.setDisplayed(false);B.push(this.shim);delete this.shim;}},disableShadow:function(){if(this.shadow){this.shadowDisabled=true;this.shadow.hide();this.lastShadowOffset=this.shadowOffset;this.shadowOffset=0;}},enableShadow:function(D){if(this.shadow){this.shadowDisabled=false;this.shadowOffset=this.lastShadowOffset;delete this.lastShadowOffset;if(D){this.sync(true);}}},sync:function(E){var sw=this.shadow;if(!this.updating&&this.isVisible()&&(sw||this.useShim)){var sh=this.getShim();var w=this.getWidth(),h=this.getHeight();var l=this.getLeft(true),t=this.getTop(true);if(sw&&!this.shadowDisabled){if(E&&!sw.isVisible()){sw.show(this);}else {sw.realign(l,t,w,h);}if(sh){if(E){sh.show();}var a=sw.adjusts,s=sh.dom.style;s.left=(Math.min(l,l+a.l))+"px";s.top=(Math.min(t,t+a.t))+"px";s.width=(w+a.w)+"px";s.height=(h+a.h)+"px";}}else if(sh){if(E){sh.show();}
+sh.setSize(w,h);sh.setLeftTop(l,t);}}},destroy:function(){this.hideShim();if(this.shadow){this.shadow.hide();}
+this.removeAllListeners();var pn=this.dom.parentNode;if(pn){pn.removeChild(this.dom);}
+Roo.Element.uncache(this.id);},remove:function(){this.destroy();},beginUpdate:function(){this.updating=true;},endUpdate:function(){this.updating=false;this.sync(true);},hideUnders:function(F){if(this.shadow){this.shadow.hide();}
+this.hideShim();},constrainXY:function(){if(this.constrain){var vw=Roo.lib.Dom.getViewWidth(),vh=Roo.lib.Dom.getViewHeight();var s=Roo.get(document).getScroll();var xy=this.getXY();var x=xy[0],y=xy[1];var w=this.dom.offsetWidth+this.shadowOffset,h=this.dom.offsetHeight+this.shadowOffset;var moved=false;if((x+w)>vw+s.left){x=vw-w-this.shadowOffset;moved=true;}if((y+h)>vh+s.top){y=vh-h-this.shadowOffset;moved=true;}if(x<s.left){x=s.left;moved=true;}if(y<s.top){y=s.top;moved=true;}if(moved){if(this.avoidY){var ay=this.avoidY;if(y<=ay&&(y+h)>=ay){y=ay-h-5;}}
+xy=[x,y];this.storeXY(xy);A.setXY.call(this,xy);this.sync();}}},isVisible:function(){return this.visible;},showAction:function(){this.visible=true;if(this.useDisplay===true){this.setDisplayed("");}else if(this.lastXY){A.setXY.call(this,this.lastXY);}else if(this.lastLT){A.setLeftTop.call(this,this.lastLT[0],this.lastLT[1]);}},hideAction:function(){this.visible=false;if(this.useDisplay===true){this.setDisplayed(false);}else {this.setLeftTop(-10000,-10000);}},setVisible:function(v,a,d,c,e){if(v){this.showAction();}if(a&&v){var cb=function(){this.sync(true);if(c){c();}}.createDelegate(this);A.setVisible.call(this,true,true,d,cb,e);}else {if(!v){this.hideUnders(true);}var cb=c;if(a){cb=function(){this.hideAction();if(c){c();}}.createDelegate(this);}
+A.setVisible.call(this,v,a,d,cb,e);if(v){this.sync(true);}else if(!a){this.hideAction();}}},storeXY:function(xy){delete this.lastLT;this.lastXY=xy;},storeLeftTop:function(G,H){delete this.lastXY;this.lastLT=[G,H];},beforeFx:function(){this.beforeAction();return Roo.Layer.superclass.beforeFx.apply(this,arguments);},afterFx:function(){Roo.Layer.superclass.afterFx.apply(this,arguments);this.sync(this.isVisible());},beforeAction:function(){if(!this.updating&&this.shadow){this.shadow.hide();}},setLeft:function(I){this.storeLeftTop(I,this.getTop(true));A.setLeft.apply(this,arguments);this.sync();},setTop:function(J){this.storeLeftTop(this.getLeft(true),J);A.setTop.apply(this,arguments);this.sync();},setLeftTop:function(K,L){this.storeLeftTop(K,L);A.setLeftTop.apply(this,arguments);this.sync();},setXY:function(xy,a,d,c,e){this.fixDisplay();this.beforeAction();this.storeXY(xy);var cb=this.createCB(c);A.setXY.call(this,xy,a,d,cb,e);if(!a){cb();}},createCB:function(c){var el=this;return function(){el.constrainXY();el.sync(true);if(c){c();}};},setX:function(x,a,d,c,e){this.setXY([x,this.getY()],a,d,c,e);},setY:function(y,a,d,c,e){this.setXY([this.getX(),y],a,d,c,e);},setSize:function(w,h,a,d,c,e){this.beforeAction();var cb=this.createCB(c);A.setSize.call(this,w,h,a,d,cb,e);if(!a){cb();}},setWidth:function(w,a,d,c,e){this.beforeAction();var cb=this.createCB(c);A.setWidth.call(this,w,a,d,cb,e);if(!a){cb();}},setHeight:function(h,a,d,c,e){this.beforeAction();var cb=this.createCB(c);A.setHeight.call(this,h,a,d,cb,e);if(!a){cb();}},setBounds:function(x,y,w,h,a,d,c,e){this.beforeAction();var cb=this.createCB(c);if(!a){this.storeXY([x,y]);A.setXY.call(this,[x,y]);A.setSize.call(this,w,h,a,d,cb,e);cb();}else {A.setBounds.call(this,x,y,w,h,a,d,cb,e);}return this;},setZIndex:function(M){this.zindex=M;this.setStyle("z-index",M+2);if(this.shadow){this.shadow.setZIndex(M+1);}if(this.shim){this.shim.setStyle("z-index",M);}}});})();
+Roo.Shadow=function(A){Roo.apply(this,A);if(typeof this.mode!="string"){this.mode=this.defaultMode;}var o=this.offset,a={h:0};var B=Math.floor(this.offset/2);switch(this.mode.toLowerCase()){case "drop":a.w=0;a.l=a.t=o;a.t-=1;if(Roo.isIE){a.l-=this.offset+B;a.t-=this.offset+B;a.w-=B;a.h-=B;a.t+=1;}break;case "sides":a.w=(o*2);a.l=-o;a.t=o-1;if(Roo.isIE){a.l-=(this.offset-B);a.t-=this.offset+B;a.l+=1;a.w-=(this.offset-B)*2;a.w-=B+1;a.h-=1;}break;case "frame":a.w=a.h=(o*2);a.l=a.t=-o;a.t+=1;a.h-=2;if(Roo.isIE){a.l-=(this.offset-B);a.t-=(this.offset-B);a.l+=1;a.w-=(this.offset+B+1);a.h-=(this.offset+B);a.h+=1;}break;};this.adjusts=a;};Roo.Shadow.prototype={offset:4,defaultMode:"drop",show:function(C){C=Roo.get(C);if(!this.el){this.el=Roo.Shadow.Pool.pull();if(this.el.dom.nextSibling!=C.dom){this.el.insertBefore(C);}}
+this.el.setStyle("z-index",this.zIndex||parseInt(C.getStyle("z-index"),10)-1);if(Roo.isIE){this.el.dom.style.filter="progid:DXImageTransform.Microsoft.alpha(opacity=50) progid:DXImageTransform.Microsoft.Blur(pixelradius="+(this.offset)+")";}
+this.realign(C.getLeft(true),C.getTop(true),C.getWidth(),C.getHeight());this.el.dom.style.display="block";},isVisible:function(){return this.el?true:false;},realign:function(l,t,w,h){if(!this.el){return;}var a=this.adjusts,d=this.el.dom,s=d.style;var D=0;s.left=(l+a.l)+"px";s.top=(t+a.t)+"px";var sw=(w+a.w),sh=(h+a.h),E=sw+"px",F=sh+"px";if(s.width!=E||s.height!=F){s.width=E;s.height=F;if(!Roo.isIE){var cn=d.childNodes;var sww=Math.max(0,(sw-12))+"px";cn[0].childNodes[1].style.width=sww;cn[1].childNodes[1].style.width=sww;cn[2].childNodes[1].style.width=sww;cn[1].style.height=Math.max(0,(sh-12))+"px";}}},hide:function(){if(this.el){this.el.dom.style.display="none";Roo.Shadow.Pool.push(this.el);delete this.el;}},setZIndex:function(z){this.zIndex=z;if(this.el){this.el.setStyle("z-index",z);}}};Roo.Shadow.Pool=function(){var p=[];var G=Roo.isIE?'<div class="x-ie-shadow"></div>':'<div class="x-shadow"><div class="xst"><div class="xstl"></div><div class="xstc"></div><div class="xstr"></div></div><div class="xsc"><div class="xsml"></div><div class="xsmc"></div><div class="xsmr"></div></div><div class="xsb"><div class="xsbl"></div><div class="xsbc"></div><div class="xsbr"></div></div></div>';return {pull:function(){var sh=p.shift();if(!sh){sh=Roo.get(Roo.DomHelper.insertHtml("beforeBegin",document.body.firstChild,G));sh.autoBoxAdjust=false;}return sh;},push:function(sh){p.push(sh);}};}();
+Roo.BoxComponent=function(A){Roo.Component.call(this,A);this.addEvents({resize:true,move:true});};Roo.extend(Roo.BoxComponent,Roo.Component,{boxReady:false,deferHeight:false,setSize:function(w,h){if(typeof w=='object'){h=w.height;w=w.width;}if(!this.boxReady){this.width=w;this.height=h;return this;}if(this.lastSize&&this.lastSize.width==w&&this.lastSize.height==h){return this;}
+this.lastSize={width:w,height:h};var B=this.adjustSize(w,h);var aw=B.width,ah=B.height;if(aw!==undefined||ah!==undefined){var rz=this.getResizeEl();if(!this.deferHeight&&aw!==undefined&&ah!==undefined){rz.setSize(aw,ah);}else if(!this.deferHeight&&ah!==undefined){rz.setHeight(ah);}else if(aw!==undefined){rz.setWidth(aw);}
+this.onResize(aw,ah,w,h);this.fireEvent('resize',this,aw,ah,w,h);}return this;},getSize:function(){return this.el.getSize();},getPosition:function(C){if(C===true){return [this.el.getLeft(true),this.el.getTop(true)];}return this.xy||this.el.getXY();},getBox:function(D){var s=this.el.getSize();if(D){s.x=this.el.getLeft(true);s.y=this.el.getTop(true);}else {var xy=this.xy||this.el.getXY();s.x=xy[0];s.y=xy[1];}return s;},updateBox:function(E){this.setSize(E.width,E.height);this.setPagePosition(E.x,E.y);return this;},getResizeEl:function(){return this.resizeEl||this.el;},getPositionEl:function(){return this.positionEl||this.el;},setPosition:function(x,y){this.x=x;this.y=y;if(!this.boxReady){return this;}var F=this.adjustPosition(x,y);var ax=F.x,ay=F.y;var el=this.getPositionEl();if(ax!==undefined||ay!==undefined){if(ax!==undefined&&ay!==undefined){el.setLeftTop(ax,ay);}else if(ax!==undefined){el.setLeft(ax);}else if(ay!==undefined){el.setTop(ay);}
+this.onPosition(ax,ay);this.fireEvent('move',this,ax,ay);}return this;},setPagePosition:function(x,y){this.pageX=x;this.pageY=y;if(!this.boxReady){return;}if(x===undefined||y===undefined){return;}var p=this.el.translatePoints(x,y);this.setPosition(p.left,p.top);return this;},onRender:function(ct,G){Roo.BoxComponent.superclass.onRender.call(this,ct,G);if(this.resizeEl){this.resizeEl=Roo.get(this.resizeEl);}if(this.positionEl){this.positionEl=Roo.get(this.positionEl);}},afterRender:function(){Roo.BoxComponent.superclass.afterRender.call(this);this.boxReady=true;this.setSize(this.width,this.height);if(this.x||this.y){this.setPosition(this.x,this.y);}if(this.pageX||this.pageY){this.setPagePosition(this.pageX,this.pageY);}},syncSize:function(){delete this.lastSize;this.setSize(this.el.getWidth(),this.el.getHeight());return this;},onResize:function(H,I,J,K){},onPosition:function(x,y){},adjustSize:function(w,h){if(this.autoWidth){w='auto';}if(this.autoHeight){h='auto';}return {width:w,height:h};},adjustPosition:function(x,y){return {x:x,y:y};}});
+Roo.SplitBar=function(A,B,C,D,E){this.el=Roo.get(A,true);this.el.dom.unselectable="on";this.resizingEl=Roo.get(B,true);this.orientation=C||Roo.SplitBar.HORIZONTAL;this.minSize=0;this.maxSize=2000;this.animate=false;this.useShim=false;this.shim=null;if(!E){this.proxy=Roo.SplitBar.createProxy(this.orientation);}else {this.proxy=Roo.get(E).dom;}
+this.dd=new Roo.dd.DDProxy(this.el.dom.id,"XSplitBars",{dragElId:this.proxy.id});this.dd.b4StartDrag=this.onStartProxyDrag.createDelegate(this);this.dd.endDrag=this.onEndProxyDrag.createDelegate(this);this.dragSpecs={};this.adapter=new Roo.SplitBar.BasicLayoutAdapter();this.adapter.init(this);if(this.orientation==Roo.SplitBar.HORIZONTAL){this.placement=D||(this.el.getX()>this.resizingEl.getX()?Roo.SplitBar.LEFT:Roo.SplitBar.RIGHT);this.el.addClass("x-splitbar-h");}else {this.placement=D||(this.el.getY()>this.resizingEl.getY()?Roo.SplitBar.TOP:Roo.SplitBar.BOTTOM);this.el.addClass("x-splitbar-v");}
+this.addEvents({"resize":true,"moved":true,"beforeresize":true,"beforeapply":true});Roo.util.Observable.call(this);};Roo.extend(Roo.SplitBar,Roo.util.Observable,{onStartProxyDrag:function(x,y){this.fireEvent("beforeresize",this);if(!this.overlay){var o=Roo.DomHelper.insertFirst(document.body,{cls:"x-drag-overlay",html:" "},true);o.unselectable();o.enableDisplayMode("block");Roo.SplitBar.prototype.overlay=o;}
+this.overlay.setSize(Roo.lib.Dom.getViewWidth(true),Roo.lib.Dom.getViewHeight(true));this.overlay.show();Roo.get(this.proxy).setDisplayed("block");var F=this.adapter.getElementSize(this);this.activeMinSize=this.getMinimumSize();;this.activeMaxSize=this.getMaximumSize();;var c1=F-this.activeMinSize;var c2=Math.max(this.activeMaxSize-F,0);if(this.orientation==Roo.SplitBar.HORIZONTAL){this.dd.resetConstraints();this.dd.setXConstraint(this.placement==Roo.SplitBar.LEFT?c1:c2,this.placement==Roo.SplitBar.LEFT?c2:c1);this.dd.setYConstraint(0,0);}else {this.dd.resetConstraints();this.dd.setXConstraint(0,0);this.dd.setYConstraint(this.placement==Roo.SplitBar.TOP?c1:c2,this.placement==Roo.SplitBar.TOP?c2:c1);}
+this.dragSpecs.startSize=F;this.dragSpecs.startPoint=[x,y];Roo.dd.DDProxy.prototype.b4StartDrag.call(this.dd,x,y);},onEndProxyDrag:function(e){Roo.get(this.proxy).setDisplayed(false);var G=Roo.lib.Event.getXY(e);if(this.overlay){this.overlay.hide();}var H;if(this.orientation==Roo.SplitBar.HORIZONTAL){H=this.dragSpecs.startSize+(this.placement==Roo.SplitBar.LEFT?G[0]-this.dragSpecs.startPoint[0]:this.dragSpecs.startPoint[0]-G[0]);}else {H=this.dragSpecs.startSize+(this.placement==Roo.SplitBar.TOP?G[1]-this.dragSpecs.startPoint[1]:this.dragSpecs.startPoint[1]-G[1]);}
+H=Math.min(Math.max(H,this.activeMinSize),this.activeMaxSize);if(H!=this.dragSpecs.startSize){if(this.fireEvent('beforeapply',this,H)!==false){this.adapter.setElementSize(this,H);this.fireEvent("moved",this,H);this.fireEvent("resize",this,H);}}},getAdapter:function(){return this.adapter;},setAdapter:function(I){this.adapter=I;this.adapter.init(this);},getMinimumSize:function(){return this.minSize;},setMinimumSize:function(J){this.minSize=J;},getMaximumSize:function(){return this.maxSize;},setMaximumSize:function(K){this.maxSize=K;},setCurrentSize:function(L){var M=this.animate;this.animate=false;this.adapter.setElementSize(this,L);this.animate=M;},destroy:function(N){if(this.shim){this.shim.remove();}
+this.dd.unreg();this.proxy.parentNode.removeChild(this.proxy);if(N){this.el.remove();}}});Roo.SplitBar.createProxy=function(O){var P=new Roo.Element(document.createElement("div"));P.unselectable();var Q='x-splitbar-proxy';P.addClass(Q+' '+(O==Roo.SplitBar.HORIZONTAL?Q+'-h':Q+'-v'));document.body.appendChild(P.dom);return P.dom;};Roo.SplitBar.BasicLayoutAdapter=function(){};Roo.SplitBar.BasicLayoutAdapter.prototype={init:function(s){},getElementSize:function(s){if(s.orientation==Roo.SplitBar.HORIZONTAL){return s.resizingEl.getWidth();}else {return s.resizingEl.getHeight();}},setElementSize:function(s,R,S){if(s.orientation==Roo.SplitBar.HORIZONTAL){if(!s.animate){s.resizingEl.setWidth(R);if(S){S(s,R);}}else {s.resizingEl.setWidth(R,true,.1,S,'easeOut');}}else {if(!s.animate){s.resizingEl.setHeight(R);if(S){S(s,R);}}else {s.resizingEl.setHeight(R,true,.1,S,'easeOut');}}}};Roo.SplitBar.AbsoluteLayoutAdapter=function(T){this.basic=new Roo.SplitBar.BasicLayoutAdapter();this.container=Roo.get(T);};Roo.SplitBar.AbsoluteLayoutAdapter.prototype={init:function(s){this.basic.init(s);},getElementSize:function(s){return this.basic.getElementSize(s);},setElementSize:function(s,U,V){this.basic.setElementSize(s,U,this.moveSplitter.createDelegate(this,[s]));},moveSplitter:function(s){var W=Roo.SplitBar;switch(s.placement){case W.LEFT:s.el.setX(s.resizingEl.getRight());break;case W.RIGHT:s.el.setStyle("right",(this.container.getWidth()-s.resizingEl.getLeft())+"px");break;case W.TOP:s.el.setY(s.resizingEl.getBottom());break;case W.BOTTOM:s.el.setY(s.resizingEl.getTop()-s.el.getHeight());break;}}};Roo.SplitBar.VERTICAL=1;Roo.SplitBar.HORIZONTAL=2;Roo.SplitBar.LEFT=1;Roo.SplitBar.RIGHT=2;Roo.SplitBar.TOP=3;Roo.SplitBar.BOTTOM=4;
+Roo.View=function(A,B,C){if(typeof(B)=='undefined'){Roo.apply(this,A);this.el=Roo.get(this.el);}else {this.el=Roo.get(A);this.tpl=B;Roo.apply(this,C);}if(typeof(this.tpl)=="string"){this.tpl=new Roo.Template(this.tpl);}else {this.tpl=new Roo.factory(this.tpl,Roo);}
+this.tpl.compile();this.addEvents({"beforeclick":true,"click":true,"dblclick":true,"contextmenu":true,"selectionchange":true,"beforeselect":true});this.el.on({"click":this.onClick,"dblclick":this.onDblClick,"contextmenu":this.onContextMenu,scope:this});this.selections=[];this.nodes=[];this.cmp=new Roo.CompositeElementLite([]);if(this.store){this.store=Roo.factory(this.store,Roo.data);this.setStore(this.store,true);}
+Roo.View.superclass.constructor.call(this);};Roo.extend(Roo.View,Roo.util.Observable,{store:false,el:'',tpl:false,selectedClass:"x-view-selected",emptyText:"",multiSelect:false,singleSelect:false,getEl:function(){return this.el;},refresh:function(){var t=this.tpl;this.clearSelections();this.el.update("");var D=[];var E=this.store.getRange();if(E.length<1){this.el.update(this.emptyText);return;}for(var i=0,len=E.length;i<len;i++){var data=this.prepareData(E[i].data,i,E[i]);D[D.length]=t.apply(data);}
+this.el.update(D.join(""));this.nodes=this.el.dom.childNodes;this.updateIndexes(0);},prepareData:function(F){return F;},onUpdate:function(ds,G){this.clearSelections();var H=this.store.indexOf(G);var n=this.nodes[H];this.tpl.insertBefore(n,this.prepareData(G.data));n.parentNode.removeChild(n);this.updateIndexes(H,H);},onAdd:function(ds,I,J){this.clearSelections();if(this.nodes.length==0){this.refresh();return;}var n=this.nodes[J];for(var i=0,len=I.length;i<len;i++){var d=this.prepareData(I[i].data);if(n){this.tpl.insertBefore(n,d);}else {this.tpl.append(this.el,d);}}
+this.updateIndexes(J);},onRemove:function(ds,K,L){this.clearSelections();this.el.dom.removeChild(this.nodes[L]);this.updateIndexes(L);},refreshNode:function(M){this.onUpdate(this.store,this.store.getAt(M));},updateIndexes:function(N,O){var ns=this.nodes;N=N||0;O=O||ns.length-1;for(var i=N;i<=O;i++){ns[i].nodeIndex=i;}},setStore:function(P,Q){if(!Q&&this.store){this.store.un("datachanged",this.refresh);this.store.un("add",this.onAdd);this.store.un("remove",this.onRemove);this.store.un("update",this.onUpdate);this.store.un("clear",this.refresh);}if(P){P.on("datachanged",this.refresh,this);P.on("add",this.onAdd,this);P.on("remove",this.onRemove,this);P.on("update",this.onUpdate,this);P.on("clear",this.refresh,this);}if(P){this.refresh();}},findItemFromChild:function(R){var el=this.el.dom;if(!R||R.parentNode==el){return R;}var p=R.parentNode;while(p&&p!=el){if(p.parentNode==el){return p;}
+p=p.parentNode;}return null;},onClick:function(e){var S=this.findItemFromChild(e.getTarget());if(S){var M=this.indexOf(S);if(this.onItemClick(S,M,e)!==false){this.fireEvent("click",this,M,S,e);}}else {this.clearSelections();}},onContextMenu:function(e){var T=this.findItemFromChild(e.getTarget());if(T){this.fireEvent("contextmenu",this,this.indexOf(T),T,e);}},onDblClick:function(e){var U=this.findItemFromChild(e.getTarget());if(U){this.fireEvent("dblclick",this,this.indexOf(U),U,e);}},onItemClick:function(V,W,e){if(this.fireEvent("beforeclick",this,W,V,e)===false){return false;}if(this.multiSelect||this.singleSelect){if(this.multiSelect&&e.shiftKey&&this.lastSelection){this.select(this.getNodes(this.indexOf(this.lastSelection),W),false);}else {this.select(V,this.multiSelect&&e.ctrlKey);this.lastSelection=V;}
+e.preventDefault();}return true;},getSelectionCount:function(){return this.selections.length;},getSelectedNodes:function(){return this.selections;},getSelectedIndexes:function(){var X=[],s=this.selections;for(var i=0,len=s.length;i<len;i++){X.push(s[i].nodeIndex);}return X;},clearSelections:function(Y){if(this.nodes&&(this.multiSelect||this.singleSelect)&&this.selections.length>0){this.cmp.elements=this.selections;this.cmp.removeClass(this.selectedClass);this.selections=[];if(!Y){this.fireEvent("selectionchange",this,this.selections);}}},isSelected:function(Z){var s=this.selections;if(s.length<1){return false;}
+Z=this.getNode(Z);return s.indexOf(Z)!==-1;},select:function(a,b,c){if(a instanceof Array){if(!b){this.clearSelections(true);}for(var i=0,len=a.length;i<len;i++){this.select(a[i],true,true);}}else {var Z=this.getNode(a);if(Z&&!this.isSelected(Z)){if(!b){this.clearSelections(true);}if(this.fireEvent("beforeselect",this,Z,this.selections)!==false){Roo.fly(Z).addClass(this.selectedClass);this.selections.push(Z);if(!c){this.fireEvent("selectionchange",this,this.selections);}}}}},getNode:function(f){if(typeof f=="string"){return document.getElementById(f);}else if(typeof f=="number"){return this.nodes[f];}return f;},getNodes:function(g,h){var ns=this.nodes;g=g||0;h=typeof h=="undefined"?ns.length-1:h;var j=[];if(g<=h){for(var i=g;i<=h;i++){j.push(ns[i]);}}else {for(var i=g;i>=h;i--){j.push(ns[i]);}}return j;},indexOf:function(k){k=this.getNode(k);if(typeof k.nodeIndex=="number"){return k.nodeIndex;}var ns=this.nodes;for(var i=0,len=ns.length;i<len;i++){if(ns[i]==k){return i;}}return -1;}});
+Roo.JsonView=function(A,B,C){Roo.JsonView.superclass.constructor.call(this,A,B,C);var um=this.el.getUpdateManager();um.setRenderer(this);um.on("update",this.onLoad,this);um.on("failure",this.onLoadException,this);this.addEvents({'beforerender':true,'load':true,'loadexception':true});};Roo.extend(Roo.JsonView,Roo.View,{jsonRoot:"",refresh:function(){this.clearSelections();this.el.update("");var D=[];var o=this.jsonData;if(o&&o.length>0){for(var i=0,len=o.length;i<len;i++){var data=this.prepareData(o[i],i,o);D[D.length]=this.tpl.apply(data);}}else {D.push(this.emptyText);}
+this.el.update(D.join(""));this.nodes=this.el.dom.childNodes;this.updateIndexes(0);},load:function(){var um=this.el.getUpdateManager();um.update.apply(um,arguments);},render:function(el,E){this.clearSelections();this.el.update("");var o;try{o=Roo.util.JSON.decode(E.responseText);if(this.jsonRoot){o=eval("o."+this.jsonRoot);}}catch(e){}
+this.jsonData=o;this.beforeRender();this.refresh();},getCount:function(){return this.jsonData?this.jsonData.length:0;},getNodeData:function(F){if(F instanceof Array){var data=[];for(var i=0,len=F.length;i<len;i++){data.push(this.getNodeData(F[i]));}return data;}return this.jsonData[this.indexOf(F)]||null;},beforeRender:function(){this.snapshot=this.jsonData;if(this.sortInfo){this.sort.apply(this,this.sortInfo);}
+this.fireEvent("beforerender",this,this.jsonData);},onLoad:function(el,o){this.fireEvent("load",this,this.jsonData,o);},onLoadException:function(el,o){this.fireEvent("loadexception",this,o);},filter:function(G,H){if(this.jsonData){var data=[];var ss=this.snapshot;if(typeof H=="string"){var vlen=H.length;if(vlen==0){this.clearFilter();return;}
+H=H.toLowerCase();for(var i=0,len=ss.length;i<len;i++){var o=ss[i];if(o[G].substr(0,vlen).toLowerCase()==H){data.push(o);}}}else if(H.exec){for(var i=0,len=ss.length;i<len;i++){var o=ss[i];if(H.test(o[G])){data.push(o);}}}else {return;}
+this.jsonData=data;this.refresh();}},filterBy:function(fn,I){if(this.jsonData){var data=[];var ss=this.snapshot;for(var i=0,len=ss.length;i<len;i++){var o=ss[i];if(fn.call(I||this,o)){data.push(o);}}
+this.jsonData=data;this.refresh();}},clearFilter:function(){if(this.snapshot&&this.jsonData!=this.snapshot){this.jsonData=this.snapshot;this.refresh();}},sort:function(J,K,L){this.sortInfo=Array.prototype.slice.call(arguments,0);if(this.jsonData){var p=J;var dsc=K&&K.toLowerCase()=="desc";var f=function(o1,o2){var v1=L?L(o1[p]):o1[p];var v2=L?L(o2[p]):o2[p];;if(v1<v2){return dsc?+1:-1;}else if(v1>v2){return dsc?-1:+1;}else {return 0;}};this.jsonData.sort(f);this.refresh();if(this.jsonData!=this.snapshot){this.snapshot.sort(f);}}}});
+Roo.ColorPalette=function(A){Roo.ColorPalette.superclass.constructor.call(this,A);this.addEvents({select:true});if(this.handler){this.on("select",this.handler,this.scope,true);}};Roo.extend(Roo.ColorPalette,Roo.Component,{itemCls:"x-color-palette",value:null,clickEvent:'click',ctype:"Roo.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(B,C){var t=new Roo.MasterTemplate('<tpl><a href="#" class="color-{0}" hidefocus="on"><em><span style="background:#{0}" unselectable="on"> </span></em></a></tpl>');var c=this.colors;for(var i=0,len=c.length;i<len;i++){t.add([c[i]]);}var el=document.createElement("div");el.className=this.itemCls;t.overwrite(el);B.dom.insertBefore(el,C);this.el=Roo.get(el);this.el.on(this.clickEvent,this.handleClick,this,{delegate:"a"});if(this.clickEvent!='click'){this.el.on('click',Roo.emptyFn,this,{delegate:"a",preventDefault:true});}},afterRender:function(){Roo.ColorPalette.superclass.afterRender.call(this);if(this.value){var s=this.value;this.value=null;this.select(s);}},handleClick:function(e,t){e.preventDefault();if(!this.disabled){var c=t.className.match(/(?:^|\s)color-(.{6})(?:\s|$)/)[1];this.select(c.toUpperCase());}},select:function(D){D=D.replace("#","");if(D!=this.value||this.allowReselect){var el=this.el;if(this.value){el.child("a.color-"+this.value).removeClass("x-color-palette-sel");}
+el.child("a.color-"+D).addClass("x-color-palette-sel");this.value=D;this.fireEvent("select",this,D);}}});
+Roo.DatePicker=function(A){Roo.DatePicker.superclass.constructor.call(this,A);this.value=A&&A.value?A.value.clearTime():new Date().clearTime();this.addEvents({select:true});if(this.handler){this.on("select",this.handler,this.scope||this);}if(!this.disabledDatesRE&&this.disabledDates){var dd=this.disabledDates;var re="(?:";for(var i=0;i<dd.length;i++){re+=dd[i];if(i!=dd.length-1)re+="|";}
+this.disabledDatesRE=new RegExp(re+")");}};Roo.extend(Roo.DatePicker,Roo.Component,{todayText:"Today",okText:" OK ",cancelText:"Cancel",todayTip:"{0} (Spacebar)",minDate:null,maxDate:null,minText:"This date is before the minimum date",maxText:"This date is after the maximum date",format:"m/d/y",disabledDays:null,disabledDaysText:"",disabledDatesRE:null,disabledDatesText:"",constrainToViewport:true,monthNames:Date.monthNames,dayNames:Date.dayNames,nextText:'Next Month (Control+Right)',prevText:'Previous Month (Control+Left)',monthYearText:'Choose a month (Control+Up/Down to move years)',startDay:0,showClear:false,setValue:function(B){var C=this.value;this.value=B.clearTime(true);if(this.el){this.update(this.value);}},getValue:function(){return this.value;},focus:function(){if(this.el){this.update(this.activeDate);}},onRender:function(D,E){var m=['<table cellspacing="0">','<tr><td class="x-date-left"><a href="#" title="',this.prevText,'"> </a></td><td class="x-date-middle" align="center"></td><td class="x-date-right"><a href="#" title="',this.nextText,'"> </a></td></tr>','<tr><td colspan="3"><table class="x-date-inner" cellspacing="0"><thead><tr>'];var dn=this.dayNames;for(var i=0;i<7;i++){var d=this.startDay+i;if(d>6){d=d-7;}
+m.push("<th><span>",dn[d].substr(0,1),"</span></th>");}
+m[m.length]="</tr></thead><tbody><tr>";for(var i=0;i<42;i++){if(i%7==0&&i!=0){m[m.length]="</tr><tr>";}
+m[m.length]='<td><a href="#" hidefocus="on" class="x-date-date" tabIndex="1"><em><span></span></em></a></td>';}
+m[m.length]='</tr></tbody></table></td></tr><tr>'+'<td colspan="3" class="x-date-bottom" align="center"></td></tr></table><div class="x-date-mp"></div>';var el=document.createElement("div");el.className="x-date-picker";el.innerHTML=m.join("");D.dom.insertBefore(el,E);this.el=Roo.get(el);this.eventEl=Roo.get(el.firstChild);new Roo.util.ClickRepeater(this.el.child("td.x-date-left a"),{handler:this.showPrevMonth,scope:this,preventDefault:true,stopDefault:true});new Roo.util.ClickRepeater(this.el.child("td.x-date-right a"),{handler:this.showNextMonth,scope:this,preventDefault:true,stopDefault:true});this.eventEl.on("mousewheel",this.handleMouseWheel,this);this.monthPicker=this.el.down('div.x-date-mp');this.monthPicker.enableDisplayMode('block');var kn=new Roo.KeyNav(this.eventEl,{"left":function(e){e.ctrlKey?this.showPrevMonth():this.update(this.activeDate.add("d",-1));},"right":function(e){e.ctrlKey?this.showNextMonth():this.update(this.activeDate.add("d",1));},"up":function(e){e.ctrlKey?this.showNextYear():this.update(this.activeDate.add("d",-7));},"down":function(e){e.ctrlKey?this.showPrevYear():this.update(this.activeDate.add("d",7));},"pageUp":function(e){this.showNextMonth();},"pageDown":function(e){this.showPrevMonth();},"enter":function(e){e.stopPropagation();return true;},scope:this});this.eventEl.on("click",this.handleDateClick,this,{delegate:"a.x-date-date"});this.eventEl.addKeyListener(Roo.EventObject.SPACE,this.selectToday,this);this.el.unselectable();this.cells=this.el.select("table.x-date-inner tbody td");this.textNodes=this.el.query("table.x-date-inner tbody span");this.mbtn=new Roo.Button(this.el.child("td.x-date-middle",true),{text:" ",tooltip:this.monthYearText});this.mbtn.on('click',this.showMonthPicker,this);this.mbtn.el.child(this.mbtn.menuClassTarget).addClass("x-btn-with-menu");var F=(new Date()).dateFormat(this.format);var G=new Roo.Toolbar(this.el.child("td.x-date-bottom",true));G.add({text:String.format(this.todayText,F),tooltip:String.format(this.todayTip,F),handler:this.selectToday,scope:this});if(this.showClear){G.add(new Roo.Toolbar.Fill());G.add({text:' ',cls:'x-btn-icon x-btn-clear',handler:function(){this.fireEvent("select",this,'');},scope:this});}if(Roo.isIE){this.el.repaint();}
+this.update(this.value);},createMonthPicker:function(){if(!this.monthPicker.dom.firstChild){var buf=['<table border="0" cellspacing="0">'];for(var i=0;i<6;i++){buf.push('<tr><td class="x-date-mp-month"><a href="#">',this.monthNames[i].substr(0,3),'</a></td>','<td class="x-date-mp-month x-date-mp-sep"><a href="#">',this.monthNames[i+6].substr(0,3),'</a></td>',i==0?'<td class="x-date-mp-ybtn" align="center"><a class="x-date-mp-prev"></a></td><td class="x-date-mp-ybtn" align="center"><a class="x-date-mp-next"></a></td></tr>':'<td class="x-date-mp-year"><a href="#"></a></td><td class="x-date-mp-year"><a href="#"></a></td></tr>');}
+buf.push('<tr class="x-date-mp-btns"><td colspan="4"><button type="button" class="x-date-mp-ok">',this.okText,'</button><button type="button" class="x-date-mp-cancel">',this.cancelText,'</button></td></tr>','</table>');this.monthPicker.update(buf.join(''));this.monthPicker.on('click',this.onMonthClick,this);this.monthPicker.on('dblclick',this.onMonthDblClick,this);this.mpMonths=this.monthPicker.select('td.x-date-mp-month');this.mpYears=this.monthPicker.select('td.x-date-mp-year');this.mpMonths.each(function(m,a,i){i+=1;if((i%2)==0){m.dom.xmonth=5+Math.round(i*.5);}else {m.dom.xmonth=Math.round((i-1)*.5);}});}},showMonthPicker:function(){this.createMonthPicker();var H=this.el.getSize();this.monthPicker.setSize(H);this.monthPicker.child('table').setSize(H);this.mpSelMonth=(this.activeDate||this.value).getMonth();this.updateMPMonth(this.mpSelMonth);this.mpSelYear=(this.activeDate||this.value).getFullYear();this.updateMPYear(this.mpSelYear);this.monthPicker.slideIn('t',{duration:.2});},updateMPYear:function(y){this.mpyear=y;var ys=this.mpYears.elements;for(var i=1;i<=10;i++){var td=ys[i-1],y2;if((i%2)==0){y2=y+Math.round(i*.5);td.firstChild.innerHTML=y2;td.xyear=y2;}else {y2=y-(5-Math.round(i*.5));td.firstChild.innerHTML=y2;td.xyear=y2;}
+this.mpYears.item(i-1)[y2==this.mpSelYear?'addClass':'removeClass']('x-date-mp-sel');}},updateMPMonth:function(sm){this.mpMonths.each(function(m,a,i){m[m.dom.xmonth==sm?'addClass':'removeClass']('x-date-mp-sel');});},selectMPMonth:function(m){},onMonthClick:function(e,t){e.stopEvent();var el=new Roo.Element(t),pn;if(el.is('button.x-date-mp-cancel')){this.hideMonthPicker();}else if(el.is('button.x-date-mp-ok')){this.update(new Date(this.mpSelYear,this.mpSelMonth,(this.activeDate||this.value).getDate()));this.hideMonthPicker();}else if(pn=el.up('td.x-date-mp-month',2)){this.mpMonths.removeClass('x-date-mp-sel');pn.addClass('x-date-mp-sel');this.mpSelMonth=pn.dom.xmonth;}else if(pn=el.up('td.x-date-mp-year',2)){this.mpYears.removeClass('x-date-mp-sel');pn.addClass('x-date-mp-sel');this.mpSelYear=pn.dom.xyear;}else if(el.is('a.x-date-mp-prev')){this.updateMPYear(this.mpyear-10);}else if(el.is('a.x-date-mp-next')){this.updateMPYear(this.mpyear+10);}},onMonthDblClick:function(e,t){e.stopEvent();var el=new Roo.Element(t),pn;if(pn=el.up('td.x-date-mp-month',2)){this.update(new Date(this.mpSelYear,pn.dom.xmonth,(this.activeDate||this.value).getDate()));this.hideMonthPicker();}else if(pn=el.up('td.x-date-mp-year',2)){this.update(new Date(pn.dom.xyear,this.mpSelMonth,(this.activeDate||this.value).getDate()));this.hideMonthPicker();}},hideMonthPicker:function(I){if(this.monthPicker){if(I===true){this.monthPicker.hide();}else {this.monthPicker.slideOut('t',{duration:.2});}}},showPrevMonth:function(e){this.update(this.activeDate.add("mo",-1));},showNextMonth:function(e){this.update(this.activeDate.add("mo",1));},showPrevYear:function(){this.update(this.activeDate.add("y",-1));},showNextYear:function(){this.update(this.activeDate.add("y",1));},handleMouseWheel:function(e){var J=e.getWheelDelta();if(J>0){this.showPrevMonth();e.stopEvent();}else if(J<0){this.showNextMonth();e.stopEvent();}},handleDateClick:function(e,t){e.stopEvent();if(t.dateValue&&!Roo.fly(t.parentNode).hasClass("x-date-disabled")){this.setValue(new Date(t.dateValue));this.fireEvent("select",this,this.value);}},selectToday:function(){this.setValue(new Date().clearTime());this.fireEvent("select",this,this.value);},update:function(K){var vd=this.activeDate;this.activeDate=K;if(vd&&this.el){var t=K.getTime();if(vd.getMonth()==K.getMonth()&&vd.getFullYear()==K.getFullYear()){this.cells.removeClass("x-date-selected");this.cells.each(function(c){if(c.dom.firstChild.dateValue==t){c.addClass("x-date-selected");setTimeout(function(){try{c.dom.firstChild.focus();}catch(e){}},50);return false;}});return;}}var L=K.getDaysInMonth();var M=K.getFirstDateOfMonth();var N=M.getDay()-this.startDay;if(N<=this.startDay){N+=7;}var pm=K.add("mo",-1);var O=pm.getDaysInMonth()-N;var P=this.cells.elements;var Q=this.textNodes;L+=N;var R=86400000;var d=(new Date(pm.getFullYear(),pm.getMonth(),O)).clearTime();var S=new Date().clearTime().getTime();var T=K.clearTime().getTime();var U=this.minDate?this.minDate.clearTime():Number.NEGATIVE_INFINITY;var V=this.maxDate?this.maxDate.clearTime():Number.POSITIVE_INFINITY;var W=this.disabledDatesRE;var X=this.disabledDatesText;var Y=this.disabledDays?this.disabledDays.join(""):false;var Z=this.disabledDaysText;var a=this.format;var b=function(f,g){g.title="";var t=d.getTime();g.firstChild.dateValue=t;if(t==S){g.className+=" x-date-today";g.title=f.todayText;}if(t==T){g.className+=" x-date-selected";setTimeout(function(){try{g.firstChild.focus();}catch(e){}},50);}if(t<U){g.className=" x-date-disabled";g.title=f.minText;return;}if(t>V){g.className=" x-date-disabled";g.title=f.maxText;return;}if(Y){if(Y.indexOf(d.getDay())!=-1){g.title=Z;g.className=" x-date-disabled";}}if(W&&a){var fvalue=d.dateFormat(a);if(W.test(fvalue)){g.title=X.replace("%0",fvalue);g.className=" x-date-disabled";}}};var i=0;for(;i<N;i++){Q[i].innerHTML=(++O);d.setDate(d.getDate()+1);P[i].className="x-date-prevday";b(this,P[i]);}for(;i<L;i++){intDay=i-N+1;Q[i].innerHTML=(intDay);d.setDate(d.getDate()+1);P[i].className="x-date-active";b(this,P[i]);}var c=0;for(;i<42;i++){Q[i].innerHTML=(++c);d.setDate(d.getDate()+1);P[i].className="x-date-nextday";b(this,P[i]);}
+this.mbtn.setText(this.monthNames[K.getMonth()]+" "+K.getFullYear());if(!this.internalRender){var main=this.el.dom.firstChild;var w=main.offsetWidth;this.el.setWidth(w+this.el.getBorderWidth("lr"));Roo.fly(main).setWidth(w);this.internalRender=true;if(Roo.isOpera&&!this.secondPass){main.rows[0].cells[1].style.width=(w-(main.rows[0].cells[0].offsetWidth+main.rows[0].cells[2].offsetWidth))+"px";this.secondPass=true;this.update.defer(10,this,[K]);}}}});
+Roo.TabPanel=function(A,B){this.el=Roo.get(A,true);if(B){if(typeof B=="boolean"){this.tabPosition=B?"bottom":"top";}else {Roo.apply(this,B);}}if(this.tabPosition=="bottom"){this.bodyEl=Roo.get(this.createBody(this.el.dom));this.el.addClass("x-tabs-bottom");}
+this.stripWrap=Roo.get(this.createStrip(this.el.dom),true);this.stripEl=Roo.get(this.createStripList(this.stripWrap.dom),true);this.stripBody=Roo.get(this.stripWrap.dom.firstChild.firstChild,true);if(Roo.isIE){Roo.fly(this.stripWrap.dom.firstChild).setStyle("overflow-x","hidden");}if(this.tabPosition!="bottom"){this.bodyEl=Roo.get(this.createBody(this.el.dom));this.el.addClass("x-tabs-top");}
+this.items=[];this.bodyEl.setStyle("position","relative");this.active=null;this.activateDelegate=this.activate.createDelegate(this);this.addEvents({"tabchange":true,"beforetabchange":true});Roo.EventManager.onWindowResize(this.onResize,this);this.cpad=this.el.getPadding("lr");this.hiddenCount=0;Roo.TabPanel.superclass.constructor.call(this);};Roo.extend(Roo.TabPanel,Roo.util.Observable,{tabPosition:"top",currentTabWidth:0,minTabWidth:40,maxTabWidth:250,preferredTabWidth:175,resizeTabs:false,monitorResize:true,addTab:function(id,C,D,E){var F=new Roo.TabPanelItem(this,id,C,E);this.addTabItem(F);if(D){F.setContent(D);}return F;},getTab:function(id){return this.items[id];},hideTab:function(id){var t=this.items[id];if(!t.isHidden()){t.setHidden(true);this.hiddenCount++;this.autoSizeTabs();}},unhideTab:function(id){var t=this.items[id];if(t.isHidden()){t.setHidden(false);this.hiddenCount--;this.autoSizeTabs();}},addTabItem:function(G){this.items[G.id]=G;this.items.push(G);if(this.resizeTabs){G.setWidth(this.currentTabWidth||this.preferredTabWidth);this.autoSizeTabs();}else {G.autoSize();}},removeTab:function(id){var H=this.items;var I=H[id];if(!I)return;var J=H.indexOf(I);if(this.active==I&&H.length>1){var newTab=this.getNextAvailable(J);if(newTab)newTab.activate();}
+this.stripEl.dom.removeChild(I.pnode.dom);if(I.bodyEl.dom.parentNode==this.bodyEl.dom){this.bodyEl.dom.removeChild(I.bodyEl.dom);}
+H.splice(J,1);delete this.items[I.id];I.fireEvent("close",I);I.purgeListeners();this.autoSizeTabs();},getNextAvailable:function(K){var L=this.items;var M=K;while(M<L.length){var G=L[++M];if(G&&!G.isHidden()){return G;}}
+M=K;while(M>=0){var G=L[--M];if(G&&!G.isHidden()){return G;}}return null;},disableTab:function(id){var N=this.items[id];if(N&&this.active!=N){N.disable();}},enableTab:function(id){var O=this.items[id];O.enable();},activate:function(id){var P=this.items[id];if(!P){return null;}if(P==this.active||P.disabled){return P;}var e={};this.fireEvent("beforetabchange",this,e,P);if(e.cancel!==true&&!P.disabled){if(this.active){this.active.hide();}
+this.active=this.items[id];this.active.show();this.fireEvent("tabchange",this,this.active);}return P;},getActiveTab:function(){return this.active;},syncHeight:function(Q){var R=(Q||this.el.getHeight())-this.el.getBorderWidth("tb")-this.el.getPadding("tb");var bm=this.bodyEl.getMargins();var S=R-(this.stripWrap.getHeight()||0)-(bm.top+bm.bottom);this.bodyEl.setHeight(S);return S;},onResize:function(){if(this.monitorResize){this.autoSizeTabs();}},beginUpdate:function(){this.updating=true;},endUpdate:function(){this.updating=false;this.autoSizeTabs();},autoSizeTabs:function(){var T=this.items.length;var U=T-this.hiddenCount;if(!this.resizeTabs||T<1||U<1||this.updating)return;var w=Math.max(this.el.getWidth()-this.cpad,10);var V=Math.floor(w/U);var b=this.stripBody;if(b.getWidth()>w){var tabs=this.items;this.setTabWidth(Math.max(V,this.minTabWidth)-2);if(V<this.minTabWidth){}}else {if(this.currentTabWidth<this.preferredTabWidth){this.setTabWidth(Math.min(V,this.preferredTabWidth)-2);}}},getCount:function(){return this.items.length;},setTabWidth:function(W){this.currentTabWidth=W;for(var i=0,len=this.items.length;i<len;i++){if(!this.items[i].isHidden())this.items[i].setWidth(W);}},destroy:function(X){Roo.EventManager.removeResizeListener(this.onResize,this);for(var i=0,len=this.items.length;i<len;i++){this.items[i].purgeListeners();}if(X===true){this.el.update("");this.el.remove();}}});Roo.TabPanelItem=function(Y,id,Z,a){this.tabPanel=Y;this.id=id;this.disabled=false;this.text=Z;this.loaded=false;this.closable=a;this.bodyEl=Roo.get(Y.createItemBody(Y.bodyEl.dom,id));this.bodyEl.setVisibilityMode(Roo.Element.VISIBILITY);this.bodyEl.setStyle("display","block");this.bodyEl.setStyle("zoom","1");this.hideAction();var d=Y.createStripElements(Y.stripEl.dom,Z,a);this.el=Roo.get(d.el,true);this.inner=Roo.get(d.inner,true);this.textEl=Roo.get(this.el.dom.firstChild.firstChild.firstChild,true);this.pnode=Roo.get(d.el.parentNode,true);this.el.on("mousedown",this.onTabMouseDown,this);this.el.on("click",this.onTabClick,this);if(a){var c=Roo.get(d.close,true);c.dom.title=this.closeText;c.addClassOnOver("close-over");c.on("click",this.closeClick,this);}
+this.addEvents({"activate":true,"beforeclose":true,"close":true,"deactivate":true});this.hidden=false;Roo.TabPanelItem.superclass.constructor.call(this);};Roo.extend(Roo.TabPanelItem,Roo.util.Observable,{purgeListeners:function(){Roo.util.Observable.prototype.purgeListeners.call(this);this.el.removeAllListeners();},show:function(){this.pnode.addClass("on");this.showAction();if(Roo.isOpera){this.tabPanel.stripWrap.repaint();}
+this.fireEvent("activate",this.tabPanel,this);},isActive:function(){return this.tabPanel.getActiveTab()==this;},hide:function(){this.pnode.removeClass("on");this.hideAction();this.fireEvent("deactivate",this.tabPanel,this);},hideAction:function(){this.bodyEl.hide();this.bodyEl.setStyle("position","absolute");this.bodyEl.setLeft("-20000px");this.bodyEl.setTop("-20000px");},showAction:function(){this.bodyEl.setStyle("position","relative");this.bodyEl.setTop("");this.bodyEl.setLeft("");this.bodyEl.show();},setTooltip:function(f){if(Roo.QuickTips&&Roo.QuickTips.isEnabled()){this.textEl.dom.qtip=f;this.textEl.dom.removeAttribute('title');}else {this.textEl.dom.title=f;}},onTabClick:function(e){e.preventDefault();this.tabPanel.activate(this.id);},onTabMouseDown:function(e){e.preventDefault();this.tabPanel.activate(this.id);},getWidth:function(){return this.inner.getWidth();},setWidth:function(g){var h=g-this.pnode.getPadding("lr");this.inner.setWidth(h);this.textEl.setWidth(h-this.inner.getPadding("lr"));this.pnode.setWidth(g);},setHidden:function(j){this.hidden=j;this.pnode.setStyle("display",j?"none":"");},isHidden:function(){return this.hidden;},getText:function(){return this.text;},autoSize:function(){this.textEl.setWidth(1);this.setWidth(this.textEl.dom.scrollWidth+this.pnode.getPadding("lr")+this.inner.getPadding("lr"));},setText:function(k){this.text=k;this.textEl.update(k);this.setTooltip(k);if(!this.tabPanel.resizeTabs){this.autoSize();}},activate:function(){this.tabPanel.activate(this.id);},disable:function(){if(this.tabPanel.active!=this){this.disabled=true;this.pnode.addClass("disabled");}},enable:function(){this.disabled=false;this.pnode.removeClass("disabled");},setContent:function(l,m){this.bodyEl.update(l,m);},getUpdateManager:function(){return this.bodyEl.getUpdateManager();},setUrl:function(n,o,p){if(this.refreshDelegate){this.un('activate',this.refreshDelegate);}
+this.refreshDelegate=this._handleRefresh.createDelegate(this,[n,o,p]);this.on("activate",this.refreshDelegate);return this.bodyEl.getUpdateManager();},_handleRefresh:function(q,r,s){if(!s||!this.loaded){var updater=this.bodyEl.getUpdateManager();updater.update(q,r,this._setLoaded.createDelegate(this));}},refresh:function(){if(this.refreshDelegate){this.loaded=false;this.refreshDelegate();}},_setLoaded:function(){this.loaded=true;},closeClick:function(e){var o={};e.stopEvent();this.fireEvent("beforeclose",this,o);if(o.cancel!==true){this.tabPanel.removeTab(this.id);}},closeText:"Close this tab"});Roo.TabPanel.prototype.createStrip=function(u){var v=document.createElement("div");v.className="x-tabs-wrap";u.appendChild(v);return v;};Roo.TabPanel.prototype.createStripList=function(x){x.innerHTML='<div class="x-tabs-strip-wrap"><table class="x-tabs-strip" cellspacing="0" cellpadding="0" border="0"><tbody><tr></tr></tbody></table></div>';return x.firstChild.firstChild.firstChild.firstChild;};Roo.TabPanel.prototype.createBody=function(y){var z=document.createElement("div");Roo.id(z,"tab-body");Roo.fly(z).addClass("x-tabs-body");y.appendChild(z);return z;};Roo.TabPanel.prototype.createItemBody=function(AA,id){var AB=Roo.getDom(id);if(!AB){AB=document.createElement("div");AB.id=id;}
+Roo.fly(AB).addClass("x-tabs-item-body");AA.insertBefore(AB,AA.firstChild);return AB;};Roo.TabPanel.prototype.createStripElements=function(AC,AD,AE){var td=document.createElement("td");AC.appendChild(td);if(AE){td.className="x-tabs-closable";if(!this.closeTpl){this.closeTpl=new Roo.Template('<a href="#" class="x-tabs-right"><span class="x-tabs-left"><em class="x-tabs-inner">'+'<span unselectable="on"'+(this.disableTooltips?'':' title="{text}"')+' class="x-tabs-text">{text}</span>'+'<div unselectable="on" class="close-icon"> </div></em></span></a>');}var el=this.closeTpl.overwrite(td,{"text":AD});var close=el.getElementsByTagName("div")[0];var inner=el.getElementsByTagName("em")[0];return {"el":el,"close":close,"inner":inner};}else {if(!this.tabTpl){this.tabTpl=new Roo.Template('<a href="#" class="x-tabs-right"><span class="x-tabs-left"><em class="x-tabs-inner">'+'<span unselectable="on"'+(this.disableTooltips?'':' title="{text}"')+' class="x-tabs-text">{text}</span></em></span></a>');}var el=this.tabTpl.overwrite(td,{"text":AD});var inner=el.getElementsByTagName("em")[0];return {"el":el,"inner":inner};}};
+Roo.Button=function(A,B){if(!B){B=A;A=B.renderTo||false;}
+Roo.apply(this,B);this.addEvents({"click":true,"toggle":true,'mouseover':true,'mouseout':true,'render':true});if(this.menu){this.menu=Roo.menu.MenuMgr.get(this.menu);}if(A){this.render(A);}
+Roo.util.Observable.call(this);};Roo.extend(Roo.Button,Roo.util.Observable,{hidden:false,disabled:false,pressed:false,tabIndex:undefined,enableToggle:false,menu:undefined,menuAlign:"tl-bl?",iconCls:undefined,type:'button',menuClassTarget:'tr',clickEvent:'click',handleMouseEvents:true,tooltipType:'qtip',render:function(C){var D;if(this.hideParent){this.parentEl=Roo.get(C);}if(!this.dhconfig){if(!this.template){if(!Roo.Button.buttonTemplate){Roo.Button.buttonTemplate=new Roo.Template('<table border="0" cellpadding="0" cellspacing="0" class="x-btn-wrap"><tbody><tr>','<td class="x-btn-left"><i> </i></td><td class="x-btn-center"><em unselectable="on"><button class="x-btn-text" type="{1}">{0}</button></em></td><td class="x-btn-right"><i> </i></td>',"</tr></tbody></table>");}
+this.template=Roo.Button.buttonTemplate;}
+D=this.template.append(C,[this.text||' ',this.type],true);var btnEl=D.child("button:first");btnEl.on('focus',this.onFocus,this);btnEl.on('blur',this.onBlur,this);if(this.cls){D.addClass(this.cls);}if(this.icon){btnEl.setStyle('background-image','url('+this.icon+')');}if(this.iconCls){btnEl.addClass(this.iconCls);if(!this.cls){D.addClass(this.text?'x-btn-text-icon':'x-btn-icon');}}if(this.tabIndex!==undefined){btnEl.dom.tabIndex=this.tabIndex;}if(this.tooltip){if(typeof this.tooltip=='object'){Roo.QuickTips.tips(Roo.apply({target:btnEl.id},this.tooltip));}else {btnEl.dom[this.tooltipType]=this.tooltip;}}}else {D=Roo.DomHelper.append(Roo.get(C).dom,this.dhconfig,true);}
+this.el=D;if(this.id){this.el.dom.id=this.el.id=this.id;}if(this.menu){this.el.child(this.menuClassTarget).addClass("x-btn-with-menu");this.menu.on("show",this.onMenuShow,this);this.menu.on("hide",this.onMenuHide,this);}
+D.addClass("x-btn");if(Roo.isIE&&!Roo.isIE7){this.autoWidth.defer(1,this);}else {this.autoWidth();}if(this.handleMouseEvents){D.on("mouseover",this.onMouseOver,this);D.on("mouseout",this.onMouseOut,this);D.on("mousedown",this.onMouseDown,this);}
+D.on(this.clickEvent,this.onClick,this);if(this.hidden){this.hide();}if(this.disabled){this.disable();}
+Roo.ButtonToggleMgr.register(this);if(this.pressed){this.el.addClass("x-btn-pressed");}if(this.repeat){var repeater=new Roo.util.ClickRepeater(D,typeof this.repeat=="object"?this.repeat:{});repeater.on("click",this.onClick,this);}
+this.fireEvent('render',this);},getEl:function(){return this.el;},destroy:function(){Roo.ButtonToggleMgr.unregister(this);this.el.removeAllListeners();this.purgeListeners();this.el.remove();},autoWidth:function(){if(this.el){this.el.setWidth("auto");if(Roo.isIE7&&Roo.isStrict){var ib=this.el.child('button');if(ib&&ib.getWidth()>20){ib.clip();ib.setWidth(Roo.util.TextMetrics.measure(ib,this.text).width+ib.getFrameWidth('lr'));}}if(this.minWidth){if(this.hidden){this.el.beginMeasure();}if(this.el.getWidth()<this.minWidth){this.el.setWidth(this.minWidth);}if(this.hidden){this.el.endMeasure();}}}},setHandler:function(E,F){this.handler=E;this.scope=F;},setText:function(G){this.text=G;if(this.el){this.el.child("td.x-btn-center button.x-btn-text").update(G);}
+this.autoWidth();},getText:function(){return this.text;},show:function(){this.hidden=false;if(this.el){this[this.hideParent?'parentEl':'el'].setStyle("display","");}},hide:function(){this.hidden=true;if(this.el){this[this.hideParent?'parentEl':'el'].setStyle("display","none");}},setVisible:function(H){if(H){this.show();}else {this.hide();}},toggle:function(I){I=I===undefined?!this.pressed:I;if(I!=this.pressed){if(I){this.el.addClass("x-btn-pressed");this.pressed=true;this.fireEvent("toggle",this,true);}else {this.el.removeClass("x-btn-pressed");this.pressed=false;this.fireEvent("toggle",this,false);}if(this.toggleHandler){this.toggleHandler.call(this.scope||this,this,I);}}},focus:function(){this.el.child('button:first').focus();},disable:function(){if(this.el){this.el.addClass("x-btn-disabled");}
+this.disabled=true;},enable:function(){if(this.el){this.el.removeClass("x-btn-disabled");}
+this.disabled=false;},setDisabled:function(v){this[v!==true?"enable":"disable"]();},onClick:function(e){if(e){e.preventDefault();}if(e.button!=0){return;}if(!this.disabled){if(this.enableToggle){this.toggle();}if(this.menu&&!this.menu.isVisible()){this.menu.show(this.el,this.menuAlign);}
+this.fireEvent("click",this,e);if(this.handler){this.el.removeClass("x-btn-over");this.handler.call(this.scope||this,this,e);}}},onMouseOver:function(e){if(!this.disabled){this.el.addClass("x-btn-over");this.fireEvent('mouseover',this,e);}},onMouseOut:function(e){if(!e.within(this.el,true)){this.el.removeClass("x-btn-over");this.fireEvent('mouseout',this,e);}},onFocus:function(e){if(!this.disabled){this.el.addClass("x-btn-focus");}},onBlur:function(e){this.el.removeClass("x-btn-focus");},onMouseDown:function(e){if(!this.disabled&&e.button==0){this.el.addClass("x-btn-click");Roo.get(document).on('mouseup',this.onMouseUp,this);}},onMouseUp:function(e){if(e.button==0){this.el.removeClass("x-btn-click");Roo.get(document).un('mouseup',this.onMouseUp,this);}},onMenuShow:function(e){this.el.addClass("x-btn-menu-active");},onMenuHide:function(e){this.el.removeClass("x-btn-menu-active");}});Roo.ButtonToggleMgr=function(){var J={};function K(L,M){if(M){var g=J[L.toggleGroup];for(var i=0,l=g.length;i<l;i++){if(g[i]!=L){g[i].toggle(false);}}}}return {register:function(N){if(!N.toggleGroup){return;}var g=J[N.toggleGroup];if(!g){g=J[N.toggleGroup]=[];}
+g.push(N);N.on("toggle",K);},unregister:function(O){if(!O.toggleGroup){return;}var g=J[O.toggleGroup];if(g){g.remove(O);O.un("toggle",K);}}};}();
+Roo.SplitButton=function(A,B){Roo.SplitButton.superclass.constructor.call(this,A,B);this.addEvents({"arrowclick":true});};Roo.extend(Roo.SplitButton,Roo.Button,{render:function(C){var D=new Roo.Template('<table cellspacing="0" class="x-btn-menu-wrap x-btn"><tr><td>','<table cellspacing="0" class="x-btn-wrap x-btn-menu-text-wrap"><tbody>','<tr><td class="x-btn-left"><i> </i></td><td class="x-btn-center"><button class="x-btn-text" type="{1}">{0}</button></td></tr>',"</tbody></table></td><td>",'<table cellspacing="0" class="x-btn-wrap x-btn-menu-arrow-wrap"><tbody>','<tr><td class="x-btn-center"><button class="x-btn-menu-arrow-el" type="button"> </button></td><td class="x-btn-right"><i> </i></td></tr>',"</tbody></table></td></tr></table>");var E=D.append(C,[this.text,this.type],true);var F=E.child("button");if(this.cls){E.addClass(this.cls);}if(this.icon){F.setStyle('background-image','url('+this.icon+')');}if(this.iconCls){F.addClass(this.iconCls);if(!this.cls){E.addClass(this.text?'x-btn-text-icon':'x-btn-icon');}}
+this.el=E;if(this.handleMouseEvents){E.on("mouseover",this.onMouseOver,this);E.on("mouseout",this.onMouseOut,this);E.on("mousedown",this.onMouseDown,this);E.on("mouseup",this.onMouseUp,this);}
+E.on(this.clickEvent,this.onClick,this);if(this.tooltip){if(typeof this.tooltip=='object'){Roo.QuickTips.tips(Roo.apply({target:F.id},this.tooltip));}else {F.dom[this.tooltipType]=this.tooltip;}}if(this.arrowTooltip){E.child("button:nth(2)").dom[this.tooltipType]=this.arrowTooltip;}if(this.hidden){this.hide();}if(this.disabled){this.disable();}if(this.pressed){this.el.addClass("x-btn-pressed");}if(Roo.isIE&&!Roo.isIE7){this.autoWidth.defer(1,this);}else {this.autoWidth();}if(this.menu){this.menu.on("show",this.onMenuShow,this);this.menu.on("hide",this.onMenuHide,this);}
+this.fireEvent('render',this);},autoWidth:function(){if(this.el){var tbl=this.el.child("table:first");var tbl2=this.el.child("table:last");this.el.setWidth("auto");tbl.setWidth("auto");if(Roo.isIE7&&Roo.isStrict){var ib=this.el.child('button:first');if(ib&&ib.getWidth()>20){ib.clip();ib.setWidth(Roo.util.TextMetrics.measure(ib,this.text).width+ib.getFrameWidth('lr'));}}if(this.minWidth){if(this.hidden){this.el.beginMeasure();}if((tbl.getWidth()+tbl2.getWidth())<this.minWidth){tbl.setWidth(this.minWidth-tbl2.getWidth());}if(this.hidden){this.el.endMeasure();}}
+this.el.setWidth(tbl.getWidth()+tbl2.getWidth());}},setHandler:function(G,H){this.handler=G;this.scope=H;},setArrowHandler:function(I,J){this.arrowHandler=I;this.scope=J;},focus:function(){if(this.el){this.el.child("button:first").focus();}},onClick:function(e){e.preventDefault();if(!this.disabled){if(e.getTarget(".x-btn-menu-arrow-wrap")){if(this.menu&&!this.menu.isVisible()){this.menu.show(this.el,this.menuAlign);}
+this.fireEvent("arrowclick",this,e);if(this.arrowHandler){this.arrowHandler.call(this.scope||this,this,e);}}else {this.fireEvent("click",this,e);if(this.handler){this.handler.call(this.scope||this,this,e);}}}},onMouseDown:function(e){if(!this.disabled){Roo.fly(e.getTarget("table")).addClass("x-btn-click");}},onMouseUp:function(e){Roo.fly(e.getTarget("table")).removeClass("x-btn-click");}});Roo.MenuButton=Roo.SplitButton;
+Roo.Toolbar=function(A,B,C){if(A instanceof Array){B=A;C=B;A=null;}if(typeof(A)=='object'&&A.xtype){C=A;A=C.container;B=C.buttons;}var D=[];if(C&&C.items){D=C.items;delete C.items;}
+Roo.apply(this,C);this.buttons=B;if(A){this.render(A);}
+Roo.each(D,function(b){this.add(b);},this);};Roo.Toolbar.prototype={render:function(ct){this.el=Roo.get(ct);if(this.cls){this.el.addClass(this.cls);}
+this.el.update('<div class="x-toolbar x-small-editor"><table cellspacing="0"><tr></tr></table></div>');this.tr=this.el.child("tr",true);var E=0;this.items=new Roo.util.MixedCollection(false,function(o){return o.id||("item"+(++E));});if(this.buttons){this.add.apply(this,this.buttons);delete this.buttons;}},add:function(){var a=arguments,l=a.length;for(var i=0;i<l;i++){this._add(a[i]);}},_add:function(el){if(el.xtype){el=Roo.factory(el,typeof(Roo.Toolbar[el.xtype])=='undefined'?Roo.form:Roo.Toolbar);}if(el.applyTo){return this.addField(el);}if(el.render){return this.addItem(el);}if(typeof el=="string"){if(el=="separator"||el=="-"){return this.addSeparator();}if(el==" "){return this.addSpacer();}if(el=="->"){return this.addFill();}return this.addText(el);}if(el.tagName){return this.addElement(el);}if(typeof el=="object"){return this.addButton(el);}return false;},addxtype:function(e){return this.add(e);},getEl:function(){return this.el;},addSeparator:function(){return this.addItem(new Roo.Toolbar.Separator());},addSpacer:function(){return this.addItem(new Roo.Toolbar.Spacer());},addFill:function(){return this.addItem(new Roo.Toolbar.Fill());},addElement:function(el){return this.addItem(new Roo.Toolbar.Item(el));},items:false,addItem:function(F){var td=this.nextBlock();F.render(td);this.items.add(F);return F;},addButton:function(G){if(G instanceof Array){var B=[];for(var i=0,len=G.length;i<len;i++){B.push(this.addButton(G[i]));}return B;}var b=G;if(!(G instanceof Roo.Toolbar.Button)){b=G.split?new Roo.Toolbar.SplitButton(G):new Roo.Toolbar.Button(G);}var td=this.nextBlock();b.render(td);this.items.add(b);return b;},addText:function(H){return this.addItem(new Roo.Toolbar.TextItem(H));},insertButton:function(I,J){if(J instanceof Array){var B=[];for(var i=0,len=J.length;i<len;i++){B.push(this.insertButton(I+i,J[i]));}return B;}if(!(J instanceof Roo.Toolbar.Button)){J=new Roo.Toolbar.Button(J);}var td=document.createElement("td");this.tr.insertBefore(td,this.tr.childNodes[I]);J.render(td);this.items.insert(I,J);return J;},addDom:function(K,L){var td=this.nextBlock();Roo.DomHelper.overwrite(td,K);var ti=new Roo.Toolbar.Item(td.firstChild);ti.render(td);this.items.add(ti);return ti;},fields:false,addField:function(M){if(!this.fields){var E=0;this.fields=new Roo.util.MixedCollection(false,function(o){return o.id||("item"+(++E));});}var td=this.nextBlock();M.render(td);var ti=new Roo.Toolbar.Item(td.firstChild);ti.render(td);this.items.add(ti);this.fields.add(M);return ti;},hide:function(){this.el.child('div').setVisibilityMode(Roo.Element.DISPLAY);this.el.child('div').hide();},show:function(){this.el.child('div').show();},nextBlock:function(){var td=document.createElement("td");this.tr.appendChild(td);return td;},destroy:function(){if(this.items){Roo.destroy.apply(Roo,this.items.items);}if(this.fields){Roo.destroy.apply(Roo,this.fields.items);}
+Roo.Element.uncache(this.el,this.tr);}};Roo.Toolbar.Item=function(el){this.el=Roo.getDom(el);this.id=Roo.id(this.el);this.hidden=false;};Roo.Toolbar.Item.prototype={getEl:function(){return this.el;},render:function(td){this.td=td;td.appendChild(this.el);},destroy:function(){this.td.parentNode.removeChild(this.td);},show:function(){this.hidden=false;this.td.style.display="";},hide:function(){this.hidden=true;this.td.style.display="none";},setVisible:function(N){if(N){this.show();}else {this.hide();}},focus:function(){Roo.fly(this.el).focus();},disable:function(){Roo.fly(this.td).addClass("x-item-disabled");this.disabled=true;this.el.disabled=true;},enable:function(){Roo.fly(this.td).removeClass("x-item-disabled");this.disabled=false;this.el.disabled=false;}};Roo.Toolbar.Separator=function(){var s=document.createElement("span");s.className="ytb-sep";Roo.Toolbar.Separator.superclass.constructor.call(this,s);};Roo.extend(Roo.Toolbar.Separator,Roo.Toolbar.Item,{enable:Roo.emptyFn,disable:Roo.emptyFn,focus:Roo.emptyFn});Roo.Toolbar.Spacer=function(){var s=document.createElement("div");s.className="ytb-spacer";Roo.Toolbar.Spacer.superclass.constructor.call(this,s);};Roo.extend(Roo.Toolbar.Spacer,Roo.Toolbar.Item,{enable:Roo.emptyFn,disable:Roo.emptyFn,focus:Roo.emptyFn});Roo.Toolbar.Fill=Roo.extend(Roo.Toolbar.Spacer,{render:function(td){td.style.width='100%';Roo.Toolbar.Fill.superclass.render.call(this,td);}});Roo.Toolbar.TextItem=function(O){if(typeof(O)=='object'){O=O.text;}var s=document.createElement("span");s.className="ytb-text";s.innerHTML=O;Roo.Toolbar.TextItem.superclass.constructor.call(this,s);};Roo.extend(Roo.Toolbar.TextItem,Roo.Toolbar.Item,{enable:Roo.emptyFn,disable:Roo.emptyFn,focus:Roo.emptyFn});Roo.Toolbar.Button=function(P){Roo.Toolbar.Button.superclass.constructor.call(this,null,P);};Roo.extend(Roo.Toolbar.Button,Roo.Button,{render:function(td){this.td=td;Roo.Toolbar.Button.superclass.render.call(this,td);},destroy:function(){Roo.Toolbar.Button.superclass.destroy.call(this);this.td.parentNode.removeChild(this.td);},show:function(){this.hidden=false;this.td.style.display="";},hide:function(){this.hidden=true;this.td.style.display="none";},disable:function(){Roo.fly(this.td).addClass("x-item-disabled");this.disabled=true;},enable:function(){Roo.fly(this.td).removeClass("x-item-disabled");this.disabled=false;}});Roo.ToolbarButton=Roo.Toolbar.Button;Roo.Toolbar.SplitButton=function(Q){Roo.Toolbar.SplitButton.superclass.constructor.call(this,null,Q);};Roo.extend(Roo.Toolbar.SplitButton,Roo.SplitButton,{render:function(td){this.td=td;Roo.Toolbar.SplitButton.superclass.render.call(this,td);},destroy:function(){Roo.Toolbar.SplitButton.superclass.destroy.call(this);this.td.parentNode.removeChild(this.td);},show:function(){this.hidden=false;this.td.style.display="";},hide:function(){this.hidden=true;this.td.style.display="none";}});Roo.Toolbar.MenuButton=Roo.Toolbar.SplitButton;
+Roo.PagingToolbar=function(el,ds,A){if(typeof(el)=='object'&&el.xtype){A=el;ds=el.dataSource;el=A.container;}
+Roo.PagingToolbar.superclass.constructor.call(this,el,null,A);this.ds=ds;this.cursor=0;this.renderButtons(this.el);this.bind(ds);};Roo.extend(Roo.PagingToolbar,Roo.Toolbar,{pageSize:20,displayMsg:'Displaying {0} - {1} of {2}',emptyMsg:'No data to display',beforePageText:"Page",afterPageText:"of {0}",firstText:"First Page",prevText:"Previous Page",nextText:"Next Page",lastText:"Last Page",refreshText:"Refresh",renderButtons:function(el){Roo.PagingToolbar.superclass.render.call(this,el);this.first=this.addButton({tooltip:this.firstText,cls:"x-btn-icon x-grid-page-first",disabled:true,handler:this.onClick.createDelegate(this,["first"])});this.prev=this.addButton({tooltip:this.prevText,cls:"x-btn-icon x-grid-page-prev",disabled:true,handler:this.onClick.createDelegate(this,["prev"])});this.addSeparator();this.add(this.beforePageText);this.field=Roo.get(this.addDom({tag:"input",type:"text",size:"3",value:"1",cls:"x-grid-page-number"}).el);this.field.on("keydown",this.onPagingKeydown,this);this.field.on("focus",function(){this.dom.select();});this.afterTextEl=this.addText(String.format(this.afterPageText,1));this.field.setHeight(18);this.addSeparator();this.next=this.addButton({tooltip:this.nextText,cls:"x-btn-icon x-grid-page-next",disabled:true,handler:this.onClick.createDelegate(this,["next"])});this.last=this.addButton({tooltip:this.lastText,cls:"x-btn-icon x-grid-page-last",disabled:true,handler:this.onClick.createDelegate(this,["last"])});this.addSeparator();this.loading=this.addButton({tooltip:this.refreshText,cls:"x-btn-icon x-grid-loading",handler:this.onClick.createDelegate(this,["refresh"])});if(this.displayInfo){this.displayEl=Roo.fly(this.el.dom.firstChild).createChild({cls:'x-paging-info'});}},updateInfo:function(){if(this.displayEl){var count=this.ds.getCount();var msg=count==0?this.emptyMsg:String.format(this.displayMsg,this.cursor+1,this.cursor+count,this.ds.getTotalCount());this.displayEl.update(msg);}},onLoad:function(ds,r,o){this.cursor=o.params?o.params.start:0;var d=this.getPageData(),ap=d.activePage,ps=d.pages;this.afterTextEl.el.innerHTML=String.format(this.afterPageText,d.pages);this.field.dom.value=ap;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();},getPageData:function(){var B=this.ds.getTotalCount();return {total:B,activePage:Math.ceil((this.cursor+this.pageSize)/this.pageSize),pages:B<this.pageSize?1:Math.ceil(B/this.pageSize)};},onLoadError:function(){this.loading.enable();},onPagingKeydown:function(e){var k=e.getKey();var d=this.getPageData();if(k==e.RETURN ){var v=this.field.dom.value,pageNum;if(!v||isNaN(pageNum=parseInt(v,10))){this.field.dom.value=d.activePage;return;}
+pageNum=Math.min(Math.max(1,pageNum),d.pages)-1;this.ds.load({params:{start:pageNum*this.pageSize,limit:this.pageSize}});e.stopEvent();}else if(k==e.HOME||(k==e.UP&&e.ctrlKey)||(k==e.PAGEUP&&e.ctrlKey)||(k==e.RIGHT&&e.ctrlKey)||k==e.END||(k==e.DOWN&&e.ctrlKey)||(k==e.LEFT&&e.ctrlKey)||(k==e.PAGEDOWN&&e.ctrlKey)){var pageNum=(k==e.HOME||(k==e.DOWN&&e.ctrlKey)||(k==e.LEFT&&e.ctrlKey)||(k==e.PAGEDOWN&&e.ctrlKey))?1:d.pages;this.field.dom.value=pageNum;this.ds.load({params:{start:(pageNum-1)*this.pageSize,limit:this.pageSize}});e.stopEvent();}else if(k==e.UP||k==e.RIGHT||k==e.PAGEUP||k==e.DOWN||k==e.LEFT||k==e.PAGEDOWN){var v=this.field.dom.value,pageNum;var increment=(e.shiftKey)?10:1;if(k==e.DOWN||k==e.LEFT||k==e.PAGEDOWN)increment*=-1;if(!v||isNaN(pageNum=parseInt(v,10))){this.field.dom.value=d.activePage;return;}else if(parseInt(v,10)+increment>=1&parseInt(v,10)+increment<=d.pages){this.field.dom.value=parseInt(v,10)+increment;pageNum=Math.min(Math.max(1,pageNum+increment),d.pages)-1;this.ds.load({params:{start:pageNum*this.pageSize,limit:this.pageSize}});}
+e.stopEvent();}},beforeLoad:function(){if(this.loading){this.loading.disable();}},onClick:function(C){var ds=this.ds;switch(C){case "first":ds.load({params:{start:0,limit:this.pageSize}});break;case "prev":ds.load({params:{start:Math.max(0,this.cursor-this.pageSize),limit:this.pageSize}});break;case "next":ds.load({params:{start:this.cursor+this.pageSize,limit:this.pageSize}});break;case "last":var B=ds.getTotalCount();var extra=B%this.pageSize;var lastStart=extra?(B-extra):B-this.pageSize;ds.load({params:{start:lastStart,limit:this.pageSize}});break;case "refresh":ds.load({params:{start:this.cursor,limit:this.pageSize}});break;}},unbind:function(ds){ds.un("beforeload",this.beforeLoad,this);ds.un("load",this.onLoad,this);ds.un("loadexception",this.onLoadError,this);ds.un("remove",this.updateInfo,this);ds.un("add",this.updateInfo,this);this.ds=undefined;},bind:function(ds){ds.on("beforeload",this.beforeLoad,this);ds.on("load",this.onLoad,this);ds.on("loadexception",this.onLoadError,this);ds.on("remove",this.updateInfo,this);ds.on("add",this.updateInfo,this);this.ds=ds;}});
+Roo.Resizable=function(el,A){this.el=Roo.get(el);if(A&&A.wrap){A.resizeChild=this.el;this.el=this.el.wrap(typeof A.wrap=="object"?A.wrap:{cls:"xresizable-wrap"});this.el.id=this.el.dom.id=A.resizeChild.id+"-rzwrap";this.el.setStyle("overflow","hidden");this.el.setPositioning(A.resizeChild.getPositioning());A.resizeChild.clearPositioning();if(!A.width||!A.height){var csize=A.resizeChild.getSize();this.el.setSize(csize.width,csize.height);}if(A.pinned&&!A.adjustments){A.adjustments="auto";}}
+this.proxy=this.el.createProxy({tag:"div",cls:"x-resizable-proxy",id:this.el.id+"-rzproxy"});this.proxy.unselectable();this.proxy.enableDisplayMode('block');Roo.apply(this,A);if(this.pinned){this.disableTrackOver=true;this.el.addClass("x-resizable-pinned");}var B=this.el.getStyle("position");if(B!="absolute"&&B!="fixed"){this.el.setStyle("position","relative");}if(!this.handles){this.handles='s,e,se';if(this.multiDirectional){this.handles+=',n,w';}}if(this.handles=="all"){this.handles="n s e w ne nw se sw";}var hs=this.handles.split(/\s*?[,;]\s*?| /);var ps=Roo.Resizable.positions;for(var i=0,len=hs.length;i<len;i++){if(hs[i]&&ps[hs[i]]){var pos=ps[hs[i]];this[pos]=new Roo.Resizable.Handle(this,pos,this.disableTrackOver,this.transparent);}}
+this.corner=this.southeast;if(this.handles.indexOf("n")!=-1||this.handles.indexOf("w")!=-1){this.updateBox=true;}
+this.activeHandle=null;if(this.resizeChild){if(typeof this.resizeChild=="boolean"){this.resizeChild=Roo.get(this.el.dom.firstChild,true);}else {this.resizeChild=Roo.get(this.resizeChild,true);}}if(this.adjustments=="auto"){var rc=this.resizeChild;var hw=this.west,he=this.east,hn=this.north,hs=this.south;if(rc&&(hw||hn)){rc.position("relative");rc.setLeft(hw?hw.el.getWidth():0);rc.setTop(hn?hn.el.getHeight():0);}
+this.adjustments=[(he?-he.el.getWidth():0)+(hw?-hw.el.getWidth():0),(hn?-hn.el.getHeight():0)+(hs?-hs.el.getHeight():0)-1];}if(this.draggable){this.dd=this.dynamic?this.el.initDD(null):this.el.initDDProxy(null,{dragElId:this.proxy.id});this.dd.setHandleElId(this.resizeChild?this.resizeChild.id:this.el.id);}
+this.addEvents({"beforeresize":true,"resize":true});if(this.width!==null&&this.height!==null){this.resizeTo(this.width,this.height);}else {this.updateChildSize();}if(Roo.isIE){this.el.dom.style.zoom=1;}
+Roo.Resizable.superclass.constructor.call(this);};Roo.extend(Roo.Resizable,Roo.util.Observable,{resizeChild:false,adjustments:[0,0],minWidth:5,minHeight:5,maxWidth:10000,maxHeight:10000,enabled:true,animate:false,duration:.35,dynamic:false,handles:false,multiDirectional:false,disableTrackOver:false,easing:'easeOutStrong',widthIncrement:0,heightIncrement:0,pinned:false,width:null,height:null,preserveRatio:false,transparent:false,minX:0,minY:0,draggable:false,constrainTo:undefined,resizeRegion:undefined,resizeTo:function(C,D){this.el.setSize(C,D);this.updateChildSize();this.fireEvent("resize",this,C,D,null);},startSizing:function(e,E){this.fireEvent("beforeresize",this,e);if(this.enabled){if(!this.overlay){this.overlay=this.el.createProxy({tag:"div",cls:"x-resizable-overlay",html:" "});this.overlay.unselectable();this.overlay.enableDisplayMode("block");this.overlay.on("mousemove",this.onMouseMove,this);this.overlay.on("mouseup",this.onMouseUp,this);}
+this.overlay.setStyle("cursor",E.el.getStyle("cursor"));this.resizing=true;this.startBox=this.el.getBox();this.startPoint=e.getXY();this.offsets=[(this.startBox.x+this.startBox.width)-this.startPoint[0],(this.startBox.y+this.startBox.height)-this.startPoint[1]];this.overlay.setSize(Roo.lib.Dom.getViewWidth(true),Roo.lib.Dom.getViewHeight(true));this.overlay.show();if(this.constrainTo){var ct=Roo.get(this.constrainTo);this.resizeRegion=ct.getRegion().adjust(ct.getFrameWidth('t'),ct.getFrameWidth('l'),-ct.getFrameWidth('b'),-ct.getFrameWidth('r'));}
+this.proxy.setStyle('visibility','hidden');this.proxy.show();this.proxy.setBox(this.startBox);if(!this.dynamic){this.proxy.setStyle('visibility','visible');}}},onMouseDown:function(F,e){if(this.enabled){e.stopEvent();this.activeHandle=F;this.startSizing(e,F);}},onMouseUp:function(e){var G=this.resizeElement();this.resizing=false;this.handleOut();this.overlay.hide();this.proxy.hide();this.fireEvent("resize",this,G.width,G.height,e);},updateChildSize:function(){if(this.resizeChild){var el=this.el;var child=this.resizeChild;var adj=this.adjustments;if(el.dom.offsetWidth){var b=el.getSize(true);child.setSize(b.width+adj[0],b.height+adj[1]);}if(Roo.isIE){setTimeout(function(){if(el.dom.offsetWidth){var b=el.getSize(true);child.setSize(b.width+adj[0],b.height+adj[1]);}},10);}}},snap:function(H,I,J){if(!I||!H)return H;var K=H;var m=H%I;if(m>0){if(m>(I/2)){K=H+(I-m);}else {K=H-m;}}return Math.max(J,K);},resizeElement:function(){var L=this.proxy.getBox();if(this.updateBox){this.el.setBox(L,false,this.animate,this.duration,null,this.easing);}else {this.el.setSize(L.width,L.height,this.animate,this.duration,null,this.easing);}
+this.updateChildSize();if(!this.dynamic){this.proxy.hide();}return L;},constrain:function(v,M,m,mx){if(v-M<m){M=v-m;}else if(v-M>mx){M=mx-v;}return M;},onMouseMove:function(e){if(this.enabled){try{if(this.resizeRegion&&!this.resizeRegion.contains(e.getPoint())){return;}var curSize=this.curSize||this.startBox;var x=this.startBox.x,y=this.startBox.y;var ox=x,oy=y;var w=curSize.width,h=curSize.height;var ow=w,oh=h;var mw=this.minWidth,mh=this.minHeight;var mxw=this.maxWidth,mxh=this.maxHeight;var wi=this.widthIncrement;var hi=this.heightIncrement;var eventXY=e.getXY();var diffX=-(this.startPoint[0]-Math.max(this.minX,eventXY[0]));var diffY=-(this.startPoint[1]-Math.max(this.minY,eventXY[1]));var pos=this.activeHandle.position;switch(pos){case "east":w+=diffX;w=Math.min(Math.max(mw,w),mxw);break;case "south":h+=diffY;h=Math.min(Math.max(mh,h),mxh);break;case "southeast":w+=diffX;h+=diffY;w=Math.min(Math.max(mw,w),mxw);h=Math.min(Math.max(mh,h),mxh);break;case "north":diffY=this.constrain(h,diffY,mh,mxh);y+=diffY;h-=diffY;break;case "west":diffX=this.constrain(w,diffX,mw,mxw);x+=diffX;w-=diffX;break;case "northeast":w+=diffX;w=Math.min(Math.max(mw,w),mxw);diffY=this.constrain(h,diffY,mh,mxh);y+=diffY;h-=diffY;break;case "northwest":diffX=this.constrain(w,diffX,mw,mxw);diffY=this.constrain(h,diffY,mh,mxh);y+=diffY;h-=diffY;x+=diffX;w-=diffX;break;case "southwest":diffX=this.constrain(w,diffX,mw,mxw);h+=diffY;h=Math.min(Math.max(mh,h),mxh);x+=diffX;w-=diffX;break;}var sw=this.snap(w,wi,mw);var sh=this.snap(h,hi,mh);if(sw!=w||sh!=h){switch(pos){case "northeast":y-=sh-h;break;case "north":y-=sh-h;break;case "southwest":x-=sw-w;break;case "west":x-=sw-w;break;case "northwest":x-=sw-w;y-=sh-h;break;}
+w=sw;h=sh;}if(this.preserveRatio){switch(pos){case "southeast":case "east":h=oh*(w/ow);h=Math.min(Math.max(mh,h),mxh);w=ow*(h/oh);break;case "south":w=ow*(h/oh);w=Math.min(Math.max(mw,w),mxw);h=oh*(w/ow);break;case "northeast":w=ow*(h/oh);w=Math.min(Math.max(mw,w),mxw);h=oh*(w/ow);break;case "north":var tw=w;w=ow*(h/oh);w=Math.min(Math.max(mw,w),mxw);h=oh*(w/ow);x+=(tw-w)/2;break;case "southwest":h=oh*(w/ow);h=Math.min(Math.max(mh,h),mxh);var tw=w;w=ow*(h/oh);x+=tw-w;break;case "west":var th=h;h=oh*(w/ow);h=Math.min(Math.max(mh,h),mxh);y+=(th-h)/2;var tw=w;w=ow*(h/oh);x+=tw-w;break;case "northwest":var tw=w;var th=h;h=oh*(w/ow);h=Math.min(Math.max(mh,h),mxh);w=ow*(h/oh);y+=th-h;x+=tw-w;break;}}
+this.proxy.setBounds(x,y,w,h);if(this.dynamic){this.resizeElement();}}catch(e){}}},handleOver:function(){if(this.enabled){this.el.addClass("x-resizable-over");}},handleOut:function(){if(!this.resizing){this.el.removeClass("x-resizable-over");}},getEl:function(){return this.el;},getResizeChild:function(){return this.resizeChild;},destroy:function(N){this.proxy.remove();if(this.overlay){this.overlay.removeAllListeners();this.overlay.remove();}var ps=Roo.Resizable.positions;for(var k in ps){if(typeof ps[k]!="function"&&this[ps[k]]){var h=this[ps[k]];h.el.removeAllListeners();h.el.remove();}}if(N){this.el.update("");this.el.remove();}}});Roo.Resizable.positions={n:"north",s:"south",e:"east",w:"west",se:"southeast",sw:"southwest",nw:"northwest",ne:"northeast"};Roo.Resizable.Handle=function(rz,O,P,Q){if(!this.tpl){var tpl=Roo.DomHelper.createTemplate({tag:"div",cls:"x-resizable-handle x-resizable-handle-{0}"});tpl.compile();Roo.Resizable.Handle.prototype.tpl=tpl;}
+this.position=O;this.rz=rz;this.el=this.tpl.append(rz.el.dom,[this.position],true);this.el.unselectable();if(Q){this.el.setOpacity(0);}
+this.el.on("mousedown",this.onMouseDown,this);if(!P){this.el.on("mouseover",this.onMouseOver,this);this.el.on("mouseout",this.onMouseOut,this);}};Roo.Resizable.Handle.prototype={afterResize:function(rz){},onMouseDown:function(e){this.rz.onMouseDown(this,e);},onMouseOver:function(e){this.rz.handleOver(this,e);},onMouseOut:function(e){this.rz.handleOut(this,e);}};
+Roo.Editor=function(A,B){Roo.Editor.superclass.constructor.call(this,B);this.field=A;this.addEvents({"beforestartedit":true,"startedit":true,"beforecomplete":true,"complete":true,"specialkey":true});};Roo.extend(Roo.Editor,Roo.Component,{value:"",alignment:"c-c?",shadow:"frame",constrain:false,completeOnEnter:false,cancelOnEsc:false,updateEl:false,onRender:function(ct,C){this.el=new Roo.Layer({shadow:this.shadow,cls:"x-editor",parentEl:ct,shim:this.shim,shadowOffset:4,id:this.id,constrain:this.constrain});this.el.setStyle("overflow",Roo.isGecko?"auto":"hidden");if(this.field.msgTarget!='title'){this.field.msgTarget='qtip';}
+this.field.render(this.el);if(Roo.isGecko){this.field.el.dom.setAttribute('autocomplete','off');}
+this.field.on("specialkey",this.onSpecialKey,this);if(this.swallowKeys){this.field.el.swallowEvent(['keydown','keypress']);}
+this.field.show();this.field.on("blur",this.onBlur,this);if(this.field.grow){this.field.on("autosize",this.el.sync,this.el,{delay:1});}},onSpecialKey:function(D,e){if(this.completeOnEnter&&e.getKey()==e.ENTER){e.stopEvent();this.completeEdit();}else if(this.cancelOnEsc&&e.getKey()==e.ESC){this.cancelEdit();}else {this.fireEvent('specialkey',D,e);}},startEdit:function(el,E){if(this.editing){this.completeEdit();}
+this.boundEl=Roo.get(el);var v=E!==undefined?E:this.boundEl.dom.innerHTML;if(!this.rendered){this.render(this.parentEl||document.body);}if(this.fireEvent("beforestartedit",this,this.boundEl,v)===false){return;}
+this.startValue=v;this.field.setValue(v);if(this.autoSize){var sz=this.boundEl.getSize();switch(this.autoSize){case "width":this.setSize(sz.width,"");break;case "height":this.setSize("",sz.height);break;default:this.setSize(sz.width,sz.height);}}
+this.el.alignTo(this.boundEl,this.alignment);this.editing=true;if(Roo.QuickTips){Roo.QuickTips.disable();}
+this.show();},setSize:function(w,h){this.field.setSize(w,h);if(this.el){this.el.sync();}},realign:function(){this.el.alignTo(this.boundEl,this.alignment);},completeEdit:function(F){if(!this.editing){return;}var v=this.getValue();if(this.revertInvalid!==false&&!this.field.isValid()){v=this.startValue;this.cancelEdit(true);}if(String(v)===String(this.startValue)&&this.ignoreNoChange){this.editing=false;this.hide();return;}if(this.fireEvent("beforecomplete",this,v,this.startValue)!==false){this.editing=false;if(this.updateEl&&this.boundEl){this.boundEl.update(v);}if(F!==true){this.hide();}
+this.fireEvent("complete",this,v,this.startValue);}},onShow:function(){this.el.show();if(this.hideEl!==false){this.boundEl.hide();}
+this.field.show();if(Roo.isIE&&!this.fixIEFocus){this.fixIEFocus=true;this.deferredFocus.defer(50,this);}else {this.field.focus();}
+this.fireEvent("startedit",this.boundEl,this.startValue);},deferredFocus:function(){if(this.editing){this.field.focus();}},cancelEdit:function(G){if(this.editing){this.setValue(this.startValue);if(G!==true){this.hide();}}},onBlur:function(){if(this.allowBlur!==true&&this.editing){this.completeEdit();}},onHide:function(){if(this.editing){this.completeEdit();return;}
+this.field.blur();if(this.field.collapse){this.field.collapse();}
+this.el.hide();if(this.hideEl!==false){this.boundEl.show();}if(Roo.QuickTips){Roo.QuickTips.enable();}},setValue:function(v){this.field.setValue(v);},getValue:function(){return this.field.getValue();}});
+Roo.BasicDialog=function(el,A){this.el=Roo.get(el);var dh=Roo.DomHelper;if(!this.el&&A&&A.autoCreate){if(typeof A.autoCreate=="object"){if(!A.autoCreate.id){A.autoCreate.id=el;}
+this.el=dh.append(document.body,A.autoCreate,true);}else {this.el=dh.append(document.body,{tag:"div",id:el,style:'visibility:hidden;'},true);}}
+el=this.el;el.setDisplayed(true);el.hide=this.hideAction;this.id=el.id;el.addClass("x-dlg");Roo.apply(this,A);this.proxy=el.createProxy("x-dlg-proxy");this.proxy.hide=this.hideAction;this.proxy.setOpacity(.5);this.proxy.hide();if(A.width){el.setWidth(A.width);}if(A.height){el.setHeight(A.height);}
+this.size=el.getSize();if(typeof A.x!="undefined"&&typeof A.y!="undefined"){this.xy=[A.x,A.y];}else {this.xy=el.getCenterXY(true);}
+this.header=el.child("> .x-dlg-hd");this.body=el.child("> .x-dlg-bd");this.footer=el.child("> .x-dlg-ft");if(!this.header){this.header=el.createChild({tag:"div",cls:"x-dlg-hd",html:" "},this.body?this.body.dom:null);}if(!this.body){this.body=el.createChild({tag:"div",cls:"x-dlg-bd"});}
+this.header.unselectable();if(this.title){this.header.update(this.title);}
+this.focusEl=el.createChild({tag:"a",href:"#",cls:"x-dlg-focus",tabIndex:"-1"});this.focusEl.swallowEvent("click",true);this.header.wrap({cls:"x-dlg-hd-right"}).wrap({cls:"x-dlg-hd-left"},true);this.bwrap=this.body.wrap({tag:"div",cls:"x-dlg-dlg-body"});if(this.footer){this.bwrap.dom.appendChild(this.footer.dom);}
+this.bg=this.el.createChild({tag:"div",cls:"x-dlg-bg",html:'<div class="x-dlg-bg-left"><div class="x-dlg-bg-right"><div class="x-dlg-bg-center"> </div></div></div>'});this.centerBg=this.bg.child("div.x-dlg-bg-center");if(this.autoScroll!==false&&!this.autoTabs){this.body.setStyle("overflow","auto");}
+this.toolbox=this.el.createChild({cls:"x-dlg-toolbox"});if(this.closable!==false){this.el.addClass("x-dlg-closable");this.close=this.toolbox.createChild({cls:"x-dlg-close"});this.close.on("click",this.closeClick,this);this.close.addClassOnOver("x-dlg-close-over");}if(this.collapsible!==false){this.collapseBtn=this.toolbox.createChild({cls:"x-dlg-collapse"});this.collapseBtn.on("click",this.collapseClick,this);this.collapseBtn.addClassOnOver("x-dlg-collapse-over");this.header.on("dblclick",this.collapseClick,this);}if(this.resizable!==false){this.el.addClass("x-dlg-resizable");this.resizer=new Roo.Resizable(el,{minWidth:this.minWidth||80,minHeight:this.minHeight||80,handles:this.resizeHandles||"all",pinned:true});this.resizer.on("beforeresize",this.beforeResize,this);this.resizer.on("resize",this.onResize,this);}if(this.draggable!==false){el.addClass("x-dlg-draggable");if(!this.proxyDrag){var dd=new Roo.dd.DD(el.dom.id,"WindowDrag");}else {var dd=new Roo.dd.DDProxy(el.dom.id,"WindowDrag",{dragElId:this.proxy.id});}
+dd.setHandleElId(this.header.id);dd.endDrag=this.endMove.createDelegate(this);dd.startDrag=this.startMove.createDelegate(this);dd.onDrag=this.onDrag.createDelegate(this);dd.scroll=false;this.dd=dd;}if(this.modal){this.mask=dh.append(document.body,{tag:"div",cls:"x-dlg-mask"},true);this.mask.enableDisplayMode("block");this.mask.hide();this.el.addClass("x-dlg-modal");}if(this.shadow){this.shadow=new Roo.Shadow({mode:typeof this.shadow=="string"?this.shadow:"sides",offset:this.shadowOffset});}else {this.shadowOffset=0;}if(Roo.useShims&&this.shim!==false){this.shim=this.el.createShim();this.shim.hide=this.hideAction;this.shim.hide();}else {this.shim=false;}if(this.autoTabs){this.initTabs();}if(this.buttons){var bts=this.buttons;this.buttons=[];Roo.each(bts,function(b){this.addButton(b);},this);}
+this.addEvents({"keydown":true,"move":true,"resize":true,"beforehide":true,"hide":true,"beforeshow":true,"show":true});el.on("keydown",this.onKeyDown,this);el.on("mousedown",this.toFront,this);Roo.EventManager.onWindowResize(this.adjustViewport,this,true);this.el.hide();Roo.DialogManager.register(this);Roo.BasicDialog.superclass.constructor.call(this);};Roo.extend(Roo.BasicDialog,Roo.util.Observable,{shadowOffset:Roo.isIE?6:5,minHeight:80,minWidth:200,minButtonWidth:75,defaultButton:null,buttonAlign:"right",tabTag:'div',firstShow:true,setTitle:function(B){this.header.update(B);return this;},closeClick:function(){this.hide();},collapseClick:function(){this[this.collapsed?"expand":"collapse"]();},collapse:function(){if(!this.collapsed){this.collapsed=true;this.el.addClass("x-dlg-collapsed");this.restoreHeight=this.el.getHeight();this.resizeTo(this.el.getWidth(),this.header.getHeight());}},expand:function(){if(this.collapsed){this.collapsed=false;this.el.removeClass("x-dlg-collapsed");this.resizeTo(this.el.getWidth(),this.restoreHeight);}},initTabs:function(){var C=this.getTabs();while(C.getTab(0)){C.removeTab(0);}
+this.el.select(this.tabTag+'.x-dlg-tab').each(function(el){var D=el.dom;C.addTab(Roo.id(D),D.title);D.title="";});C.activate(0);return C;},beforeResize:function(){this.resizer.minHeight=Math.max(this.minHeight,this.getHeaderFooterHeight(true)+40);},onResize:function(){this.refreshSize();this.syncBodyHeight();this.adjustAssets();this.focus();this.fireEvent("resize",this,this.size.width,this.size.height);},onKeyDown:function(e){if(this.isVisible()){this.fireEvent("keydown",this,e);}},resizeTo:function(D,E){this.el.setSize(D,E);this.size={width:D,height:E};this.syncBodyHeight();if(this.fixedcenter){this.center();}if(this.isVisible()){this.constrainXY();this.adjustAssets();}
+this.fireEvent("resize",this,D,E);return this;},setContentSize:function(w,h){h+=this.getHeaderFooterHeight()+this.body.getMargins("tb");w+=this.body.getMargins("lr")+this.bwrap.getMargins("lr")+this.centerBg.getPadding("lr");h+=this.body.getPadding("tb")+this.bwrap.getBorderWidth("tb")+this.body.getBorderWidth("tb")+this.el.getBorderWidth("tb");w+=this.body.getPadding("lr")+this.bwrap.getBorderWidth("lr")+this.body.getBorderWidth("lr")+this.bwrap.getPadding("lr")+this.el.getBorderWidth("lr");if(this.tabs){h+=this.tabs.stripWrap.getHeight()+this.tabs.bodyEl.getMargins("tb")+this.tabs.bodyEl.getPadding("tb");w+=this.tabs.bodyEl.getMargins("lr")+this.tabs.bodyEl.getPadding("lr");}
+this.resizeTo(w,h);return this;},addKeyListener:function(F,fn,G){var H,I,J,K;if(typeof F=="object"&&!(F instanceof Array)){H=F["key"];I=F["shift"];J=F["ctrl"];K=F["alt"];}else {H=F;}var L=function(M,e){if((!I||e.shiftKey)&&(!J||e.ctrlKey)&&(!K||e.altKey)){var k=e.getKey();if(H instanceof Array){for(var i=0,len=H.length;i<len;i++){if(H[i]==k){fn.call(G||window,M,k,e);return;}}}else {if(k==H){fn.call(G||window,M,k,e);}}}};this.on("keydown",L);return this;},getTabs:function(){if(!this.tabs){this.el.addClass("x-dlg-auto-tabs");this.body.addClass(this.tabPosition=="bottom"?"x-tabs-bottom":"x-tabs-top");this.tabs=new Roo.TabPanel(this.body.dom,this.tabPosition=="bottom");}return this.tabs;},addButton:function(M,N,O){var dh=Roo.DomHelper;if(!this.footer){this.footer=dh.append(this.bwrap,{tag:"div",cls:"x-dlg-ft"},true);}if(!this.btnContainer){var tb=this.footer.createChild({cls:"x-dlg-btns x-dlg-btns-"+this.buttonAlign,html:'<table cellspacing="0"><tbody><tr></tr></tbody></table><div class="x-clear"></div>'},null,true);this.btnContainer=tb.firstChild.firstChild.firstChild;}var P={handler:N,scope:O,minWidth:this.minButtonWidth,hideParent:true};if(typeof M=="string"){P.text=M;}else {if(M.tag){P.dhconfig=M;}else {Roo.apply(P,M);}}var fc=false;if((typeof(P.position)!='undefined')&&P.position<this.btnContainer.childNodes.length-1){P.position=Math.max(0,P.position);fc=this.btnContainer.childNodes[P.position];}var Q=new Roo.Button(fc?this.btnContainer.insertBefore(document.createElement("td"),fc):this.btnContainer.appendChild(document.createElement("td")),P);this.syncBodyHeight();if(!this.buttons){this.buttons=[];}
+this.buttons.push(Q);return Q;},setDefaultButton:function(R){this.defaultButton=R;return this;},getHeaderFooterHeight:function(S){var T=0;if(this.header){T+=this.header.getHeight();}if(this.footer){var fm=this.footer.getMargins();T+=(this.footer.getHeight()+fm.top+fm.bottom);}
+T+=this.bwrap.getPadding("tb")+this.bwrap.getBorderWidth("tb");T+=this.centerBg.getPadding("tb");return T;},syncBodyHeight:function(){var bd=this.body,cb=this.centerBg,bw=this.bwrap;var U=this.size.height-this.getHeaderFooterHeight(false);bd.setHeight(U-bd.getMargins("tb"));var hh=this.header.getHeight();var h=this.size.height-hh;cb.setHeight(h);bw.setLeftTop(cb.getPadding("l"),hh+cb.getPadding("t"));bw.setHeight(h-cb.getPadding("tb"));bw.setWidth(this.el.getWidth(true)-cb.getPadding("lr"));bd.setWidth(bw.getWidth(true));if(this.tabs){this.tabs.syncHeight();if(Roo.isIE){this.tabs.el.repaint();}}},restoreState:function(){var V=Roo.state.Manager.get(this.stateId||(this.el.id+"-state"));if(V&&V.width){this.xy=[V.x,V.y];this.resizeTo(V.width,V.height);}return this;},beforeShow:function(){this.expand();if(this.fixedcenter){this.xy=this.el.getCenterXY(true);}if(this.modal){Roo.get(document.body).addClass("x-body-masked");this.mask.setSize(Roo.lib.Dom.getViewWidth(true),Roo.lib.Dom.getViewHeight(true));this.mask.show();}
+this.constrainXY();},animShow:function(){var b=Roo.get(this.animateTarget,true).getBox();this.proxy.setSize(b.width,b.height);this.proxy.setLocation(b.x,b.y);this.proxy.show();this.proxy.setBounds(this.xy[0],this.xy[1],this.size.width,this.size.height,true,.35,this.showEl.createDelegate(this));},show:function(W){if(this.fireEvent("beforeshow",this)===false){return;}if(this.syncHeightBeforeShow){this.syncBodyHeight();}else if(this.firstShow){this.firstShow=false;this.syncBodyHeight();}
+this.animateTarget=W||this.animateTarget;if(!this.el.isVisible()){this.beforeShow();if(this.animateTarget){this.animShow();}else {this.showEl();}}return this;},showEl:function(){this.proxy.hide();this.el.setXY(this.xy);this.el.show();this.adjustAssets(true);this.toFront();this.focus();if(Roo.isIE){this.el.repaint();}
+this.fireEvent("show",this);},focus:function(){if(this.defaultButton){this.defaultButton.focus();}else {this.focusEl.focus();}},constrainXY:function(){if(this.constraintoviewport!==false){if(!this.viewSize){if(this.container){var s=this.container.getSize();this.viewSize=[s.width,s.height];}else {this.viewSize=[Roo.lib.Dom.getViewWidth(),Roo.lib.Dom.getViewHeight()];}}var s=Roo.get(this.container||document).getScroll();var x=this.xy[0],y=this.xy[1];var w=this.size.width,h=this.size.height;var vw=this.viewSize[0],vh=this.viewSize[1];var moved=false;if(x+w>vw+s.left){x=vw-w;moved=true;}if(y+h>vh+s.top){y=vh-h;moved=true;}if(x<s.left){x=s.left;moved=true;}if(y<s.top){y=s.top;moved=true;}if(moved){this.xy=[x,y];if(this.isVisible()){this.el.setLocation(x,y);this.adjustAssets();}}}},onDrag:function(){if(!this.proxyDrag){this.xy=this.el.getXY();this.adjustAssets();}},adjustAssets:function(X){var x=this.xy[0],y=this.xy[1];var w=this.size.width,h=this.size.height;if(X===true){if(this.shadow){this.shadow.show(this.el);}if(this.shim){this.shim.show();}}if(this.shadow&&this.shadow.isVisible()){this.shadow.show(this.el);}if(this.shim&&this.shim.isVisible()){this.shim.setBounds(x,y,w,h);}},adjustViewport:function(w,h){if(!w||!h){w=Roo.lib.Dom.getViewWidth();h=Roo.lib.Dom.getViewHeight();}
+this.viewSize=[w,h];if(this.modal&&this.mask.isVisible()){this.mask.setSize(w,h);this.mask.setSize(Roo.lib.Dom.getViewWidth(true),Roo.lib.Dom.getViewHeight(true));}if(this.isVisible()){this.constrainXY();}},destroy:function(Y){if(this.isVisible()){this.animateTarget=null;this.hide();}
+Roo.EventManager.removeResizeListener(this.adjustViewport,this);if(this.tabs){this.tabs.destroy(Y);}
+Roo.destroy(this.shim,this.proxy,this.resizer,this.close,this.mask);if(this.dd){this.dd.unreg();}if(this.buttons){for(var i=0,len=this.buttons.length;i<len;i++){this.buttons[i].destroy();}}
+this.el.removeAllListeners();if(Y===true){this.el.update("");this.el.remove();}
+Roo.DialogManager.unregister(this);},startMove:function(){if(this.proxyDrag){this.proxy.show();}if(this.constraintoviewport!==false){this.dd.constrainTo(document.body,{right:this.shadowOffset,bottom:this.shadowOffset});}},endMove:function(){if(!this.proxyDrag){Roo.dd.DD.prototype.endDrag.apply(this.dd,arguments);}else {Roo.dd.DDProxy.prototype.endDrag.apply(this.dd,arguments);this.proxy.hide();}
+this.refreshSize();this.adjustAssets();this.focus();this.fireEvent("move",this,this.xy[0],this.xy[1]);},toFront:function(){Roo.DialogManager.bringToFront(this);return this;},toBack:function(){Roo.DialogManager.sendToBack(this);return this;},center:function(){var xy=this.el.getCenterXY(true);this.moveTo(xy[0],xy[1]);return this;},moveTo:function(x,y){this.xy=[x,y];if(this.isVisible()){this.el.setXY(this.xy);this.adjustAssets();}return this;},alignTo:function(Z,a,c){this.xy=this.el.getAlignToXY(Z,a,c);if(this.isVisible()){this.el.setXY(this.xy);this.adjustAssets();}return this;},anchorTo:function(el,d,f,g){var j=function(){this.alignTo(el,d,f);};Roo.EventManager.onWindowResize(j,this);var tm=typeof g;if(tm!='undefined'){Roo.EventManager.on(window,'scroll',j,this,{buffer:tm=='number'?g:50});}
+j.call(this);return this;},isVisible:function(){return this.el.isVisible();},animHide:function(l){var b=Roo.get(this.animateTarget).getBox();this.proxy.show();this.proxy.setBounds(this.xy[0],this.xy[1],this.size.width,this.size.height);this.el.hide();this.proxy.setBounds(b.x,b.y,b.width,b.height,true,.35,this.hideEl.createDelegate(this,[l]));},hide:function(m){if(this.fireEvent("beforehide",this)===false){return;}if(this.shadow){this.shadow.hide();}if(this.shim){this.shim.hide();}if(this.animateTarget){this.animHide(m);}else {this.el.hide();this.hideEl(m);}return this;},hideEl:function(n){this.proxy.hide();if(this.modal){this.mask.hide();Roo.get(document.body).removeClass("x-body-masked");}
+this.fireEvent("hide",this);if(typeof n=="function"){n();}},hideAction:function(){this.setLeft("-10000px");this.setTop("-10000px");this.setStyle("visibility","hidden");},refreshSize:function(){this.size=this.el.getSize();this.xy=this.el.getXY();Roo.state.Manager.set(this.stateId||this.el.id+"-state",this.el.getBox());},setZIndex:function(o){if(this.modal){this.mask.setStyle("z-index",o);}if(this.shim){this.shim.setStyle("z-index",++o);}if(this.shadow){this.shadow.setZIndex(++o);}
+this.el.setStyle("z-index",++o);if(this.proxy){this.proxy.setStyle("z-index",++o);}if(this.resizer){this.resizer.proxy.setStyle("z-index",++o);}
+this.lastZIndex=o;},getEl:function(){return this.el;}});Roo.DialogManager=function(){var p={};var q=[];var r=null;var t=function(d1,d2){return (!d1._lastAccess||d1._lastAccess<d2._lastAccess)?-1:1;};var u=function(){q.sort(t);var v=Roo.DialogManager.zseed;for(var i=0,len=q.length;i<len;i++){var dlg=q[i];if(dlg){dlg.setZIndex(v+(i*10));}}};return {zseed:9000,register:function(AD){p[AD.id]=AD;q.push(AD);},unregister:function(AE){delete p[AE.id];var i=0;var AF=0;if(!q.indexOf){for(i=0,AF=q.length;i<AF;i++){if(q[i]==AE){q.splice(i,1);return;}}}else {i=q.indexOf(AE);if(i!=-1){q.splice(i,1);}}},get:function(id){return typeof id=="object"?id:p[id];},bringToFront:function(AG){AG=this.get(AG);if(AG!=r){r=AG;AG._lastAccess=new Date().getTime();u();}return AG;},sendToBack:function(AH){AH=this.get(AH);AH._lastAccess=-(new Date().getTime());u();return AH;},hideAll:function(){for(var id in p){if(p[id]&&typeof p[id]!="function"&&p[id].isVisible()){p[id].hide();}}}};}();Roo.LayoutDialog=function(el,v){var z=v;if(typeof(v)=='undefined'){z=Roo.apply({},el);el=Roo.get(document.documentElement||document.body).createChild();}
+z.autoTabs=false;Roo.LayoutDialog.superclass.constructor.call(this,el,z);this.body.setStyle({overflow:"hidden",position:"relative"});this.layout=new Roo.BorderLayout(this.body.dom,z);this.layout.monitorWindowResize=false;this.el.addClass("x-dlg-auto-layout");this.center=Roo.BasicDialog.prototype.center;this.on("show",this.layout.layout,this.layout,true);if(z.items){var xitems=z.items;delete z.items;Roo.each(xitems,this.addxtype,this);}};Roo.extend(Roo.LayoutDialog,Roo.BasicDialog,{endUpdate:function(){this.layout.endUpdate();},beginUpdate:function(){this.layout.beginUpdate();},getLayout:function(){return this.layout;},showEl:function(){Roo.LayoutDialog.superclass.showEl.apply(this,arguments);if(Roo.isIE7){this.layout.layout();}},syncBodyHeight:function(){Roo.LayoutDialog.superclass.syncBodyHeight.call(this);if(this.layout){this.layout.layout();}},addxtype:function(c){return this.layout.addxtype(c);}});
+Roo.MessageBox=function(){var A,B,C,D;var E,F,G,H,I,pp;var J,K,L;var M=function(Q){A.hide();Roo.callback(B.fn,B.scope||window,[Q,K.dom.value],1);};var N=function(){if(B&&B.cls){A.el.removeClass(B.cls);}if(D){Roo.TaskMgr.stop(D);D=null;}};var O=function(b){var Q=0;if(!b){J["ok"].hide();J["cancel"].hide();J["yes"].hide();J["no"].hide();A.footer.dom.style.display='none';return Q;}
+A.footer.dom.style.display='';for(var k in J){if(typeof J[k]!="function"){if(b[k]){J[k].show();J[k].setText(typeof b[k]=="string"?b[k]:Roo.MessageBox.buttonText[k]);Q+=J[k].el.getWidth()+15;}else {J[k].hide();}}}return Q;};var P=function(d,k,e){if(B&&B.closable!==false){A.hide();}if(e){e.stopEvent();}};return {getDialog:function(){if(!A){A=new Roo.BasicDialog("x-msg-box",{autoCreate:true,shadow:true,draggable:true,resizable:false,constraintoviewport:false,fixedcenter:true,collapsible:false,shim:true,modal:true,width:400,height:100,buttonAlign:"center",closeClick:function(){if(B&&B.buttons&&B.buttons.no&&!B.buttons.cancel){M("no");}else {M("cancel");}}});A.on("hide",N);C=A.mask;A.addKeyListener(27,P);J={};var bt=this.buttonText;J["ok"]=A.addButton(bt["ok"],M.createCallback("ok"));J["yes"]=A.addButton(bt["yes"],M.createCallback("yes"));J["no"]=A.addButton(bt["no"],M.createCallback("no"));J["cancel"]=A.addButton(bt["cancel"],M.createCallback("cancel"));E=A.body.createChild({html:'<span class="roo-mb-text"></span><br /><input type="text" class="roo-mb-input" /><textarea class="roo-mb-textarea"></textarea><div class="roo-mb-progress-wrap"><div class="roo-mb-progress"><div class="roo-mb-progress-bar"> </div></div></div>'});F=E.dom.firstChild;G=Roo.get(E.dom.childNodes[2]);G.enableDisplayMode();G.addKeyListener([10,13],function(){if(A.isVisible()&&B&&B.buttons){if(B.buttons.ok){M("ok");}else if(B.buttons.yes){M("yes");}}});H=Roo.get(E.dom.childNodes[3]);H.enableDisplayMode();I=Roo.get(E.dom.childNodes[4]);I.enableDisplayMode();var pf=I.dom.firstChild;if(pf){pp=Roo.get(pf.firstChild);pp.setHeight(pf.offsetHeight);}}return A;},updateText:function(j){if(!A.isVisible()&&!B.width){A.resizeTo(this.maxWidth,100);}
+F.innerHTML=j||' ';var w=Math.max(Math.min(B.width||F.offsetWidth,this.maxWidth),Math.max(B.minWidth||this.minWidth,L));if(B.prompt){K.setWidth(w);}if(A.isVisible()){A.fixedcenter=false;}
+A.setContentSize(w,E.getHeight());if(A.isVisible()){A.fixedcenter=true;}return this;},updateProgress:function(l,m){if(m){this.updateText(m);}if(pp){pp.setWidth(Math.floor(l*I.dom.firstChild.offsetWidth));}return this;},isVisible:function(){return A&&A.isVisible();},hide:function(){if(this.isVisible()){A.hide();}},show:function(n){if(this.isVisible()){this.hide();}var d=this.getDialog();B=n;d.setTitle(B.title||" ");d.close.setDisplayed(B.closable!==false);K=G;B.prompt=B.prompt||(B.multiline?true:false);if(B.prompt){if(B.multiline){G.hide();H.show();H.setHeight(typeof B.multiline=="number"?B.multiline:this.defaultTextHeight);K=H;}else {G.show();H.hide();}}else {G.hide();H.hide();}
+I.setDisplayed(B.progress===true);this.updateProgress(0);K.dom.value=B.value||"";if(B.prompt){A.setDefaultButton(K);}else {var bs=B.buttons;var db=null;if(bs&&bs.ok){db=J["ok"];}else if(bs&&bs.yes){db=J["yes"];}
+A.setDefaultButton(db);}
+L=O(B.buttons);this.updateText(B.msg);if(B.cls){d.el.addClass(B.cls);}
+d.proxyDrag=B.proxyDrag===true;d.modal=B.modal!==false;d.mask=B.modal!==false?C:false;if(!d.isVisible()){document.body.appendChild(A.el.dom);d.animateTarget=null;d.show(n.animEl);}return this;},progress:function(o,p){this.show({title:o,msg:p,buttons:false,progress:true,closable:false,minWidth:this.minProgressWidth,modal:true});return this;},alert:function(q,r,fn,s){this.show({title:q,msg:r,buttons:this.OK,fn:fn,scope:s,modal:true});return this;},wait:function(t,u){this.show({title:u,msg:t,buttons:false,closable:false,progress:true,modal:true,width:300,wait:true});D=Roo.TaskMgr.start({run:function(i){Roo.MessageBox.updateProgress(((((i+20)%20)+1)*5)*.01);},interval:1000});return this;},confirm:function(v,x,fn,y){this.show({title:v,msg:x,buttons:this.YESNO,fn:fn,scope:y,modal:true});return this;},prompt:function(z,AA,fn,AB,AC){this.show({title:z,msg:AA,buttons:this.OKCANCEL,fn:fn,minWidth:250,scope:AB,prompt:true,multiline:AC,modal:true});return this;},OK:{ok:true},YESNO:{yes:true,no:true},OKCANCEL:{ok:true,cancel:true},YESNOCANCEL:{yes:true,no:true,cancel:true},defaultTextHeight:75,maxWidth:600,minWidth:100,minProgressWidth:250,buttonText:{ok:"OK",cancel:"Cancel",yes:"Yes",no:"No"}};}();Roo.Msg=Roo.MessageBox;
+Roo.QuickTips=function(){var el,A,B,C,tm,D,E,F={},esc,removeCls=null,bdLeft,bdRight;var ce,bd,xy,dd;var G=false,H=true,I=false;var J=1,K=1,L=1,M=[];var N=function(e){if(H){return;}var t=e.getTarget();if(!t||t.nodeType!==1||t==document||t==document.body){return;}if(ce&&t==ce.el){clearTimeout(K);return;}if(t&&F[t.id]){F[t.id].el=t;J=S.defer(tm.showDelay,tm,[F[t.id]]);return;}var W,et=Roo.fly(t);var ns=D.namespace;if(tm.interceptTitles&&t.title){W=t.title;t.qtip=W;t.removeAttribute("title");e.preventDefault();}else {W=t.qtip||et.getAttributeNS(ns,D.attribute);}if(W){J=S.defer(tm.showDelay,tm,[{el:t,text:W,width:et.getAttributeNS(ns,D.width),autoHide:et.getAttributeNS(ns,D.hide)!="user",title:et.getAttributeNS(ns,D.title),cls:et.getAttributeNS(ns,D.cls)}]);}};var O=function(e){clearTimeout(J);var t=e.getTarget();if(t&&ce&&ce.el==t&&(tm.autoHide&&ce.autoHide!==false)){K=setTimeout(U,tm.hideDelay);}};var P=function(e){if(H){return;}
+xy=e.getXY();xy[1]+=18;if(tm.trackMouse&&ce){el.setXY(xy);}};var Q=function(e){clearTimeout(J);clearTimeout(K);if(!e.within(el)){if(tm.hideOnClick){U();tm.disable();tm.enable.defer(100,tm);}}};var R=function(){return 2;};var S=function(o){if(H){return;}
+clearTimeout(L);ce=o;if(removeCls){el.removeClass(removeCls);removeCls=null;}if(ce.cls){el.addClass(ce.cls);removeCls=ce.cls;}if(ce.title){C.update(ce.title);C.show();}else {C.update('');C.hide();}
+el.dom.style.width=tm.maxWidth+'px';B.update(o.text);var p=R(),w=ce.width;if(!w){var td=B.dom;var aw=Math.max(td.offsetWidth,td.clientWidth,td.scrollWidth);if(aw>tm.maxWidth){w=tm.maxWidth;}else if(aw<tm.minWidth){w=tm.minWidth;}else {w=aw;}}
+el.setWidth(parseInt(w,10)+p);if(ce.autoHide===false){E.setDisplayed(true);if(dd){dd.unlock();}}else {E.setDisplayed(false);if(dd){dd.lock();}}if(xy){el.avoidY=xy[1]-18;el.setXY(xy);}if(tm.animate){el.setOpacity(.1);el.setStyle("visibility","visible");el.fadeIn({callback:T});}else {T();}};var T=function(){if(ce){el.show();esc.enable();if(tm.autoDismiss&&ce.autoHide!==false){L=setTimeout(U,tm.autoDismissDelay);}}};var U=function(W){clearTimeout(L);clearTimeout(K);ce=null;if(el.isVisible()){esc.disable();if(W!==true&&tm.animate){el.fadeOut({callback:V});}else {V();}}};var V=function(){el.hide();if(removeCls){el.removeClass(removeCls);removeCls=null;}};return {minWidth:40,maxWidth:300,interceptTitles:false,trackMouse:false,hideOnClick:true,showDelay:500,hideDelay:200,autoHide:true,autoDismiss:true,autoDismissDelay:5000,animate:false,title:'',text:'',cls:'',width:null,init:function(){tm=Roo.QuickTips;D=tm.tagConfig;if(!I){if(!Roo.isReady){Roo.onReady(Roo.QuickTips.init,Roo.QuickTips);return;}
+el=new Roo.Layer({cls:"x-tip",shadow:"drop",shim:true,constrain:true,shadowOffset:4});el.fxDefaults={stopFx:true};el.update('<div class="x-tip-bd"><div class="x-tip-close"></div><h3></h3><div class="x-tip-bd-inner"></div><div class="x-clear"></div></div>');C=el.child('h3');C.enableDisplayMode("block");A=el.child('div.x-tip-bd');B=el.child('div.x-tip-bd-inner');E=el.child('div.x-tip-close');E.enableDisplayMode("block");E.on("click",U);var d=Roo.get(document);d.on("mousedown",Q);d.on("mouseover",N);d.on("mouseout",O);d.on("mousemove",P);esc=d.addKeyListener(27,U);esc.disable();if(Roo.dd.DD){dd=el.initDD("default",null,{onDrag:function(){el.sync();}});dd.setHandleElId(C.id);dd.lock();}
+I=true;}
+this.enable();},register:function(X){var cs=X instanceof Array?X:arguments;for(var i=0,len=cs.length;i<len;i++){var c=cs[i];var target=c.target;if(target){if(target instanceof Array){for(var j=0,jlen=target.length;j<jlen;j++){F[target[j]]=c;}}else {F[typeof target=='string'?target:Roo.id(target)]=c;}}}},unregister:function(el){delete F[Roo.id(el)];},enable:function(){if(I&&H){M.pop();if(M.length<1){H=false;}}},disable:function(){H=true;clearTimeout(J);clearTimeout(K);clearTimeout(L);if(ce){U(true);}
+M.push(1);},isEnabled:function(){return !H;},tagConfig:{namespace:"ext",attribute:"qtip",width:"width",target:"target",title:"qtitle",hide:"hide",cls:"qclass"}};}();Roo.QuickTips.tips=Roo.QuickTips.register;
+Roo.tree.TreePanel=function(el,A){var B=false;var C=false;if(A.root){B=A.root;delete A.root;}if(A.loader){C=A.loader;delete A.loader;}
+Roo.apply(this,A);Roo.tree.TreePanel.superclass.constructor.call(this);this.el=Roo.get(el);this.el.addClass('x-tree');if(B){this.setRootNode(Roo.factory(B,Roo.tree));}if(C){this.loader=Roo.factory(C,Roo.tree);}
+this.id=this.el.id;this.addEvents({"beforeload":true,"load":true,"textchange":true,"beforeexpand":true,"beforecollapse":true,"expand":true,"disabledchange":true,"collapse":true,"beforeclick":true,"checkchange":true,"click":true,"dblclick":true,"contextmenu":true,"beforechildrenrendered":true,"startdrag":true,"enddrag":true,"dragdrop":true,"beforenodedrop":true,"nodedrop":true,"nodedragover":true});if(this.singleExpand){this.on("beforeexpand",this.restrictExpand,this);}};Roo.extend(Roo.tree.TreePanel,Roo.data.Tree,{rootVisible:true,animate:Roo.enableFx,lines:true,enableDD:false,hlDrop:Roo.enableFx,renderer:false,rendererTip:false,restrictExpand:function(D){var p=D.parentNode;if(p){if(p.expandedChild&&p.expandedChild.parentNode==p){p.expandedChild.collapse();}
+p.expandedChild=D;}},setRootNode:function(E){Roo.tree.TreePanel.superclass.setRootNode.call(this,E);if(!this.rootVisible){E.ui=new Roo.tree.RootTreeNodeUI(E);}return E;},getEl:function(){return this.el;},getLoader:function(){return this.loader;},expandAll:function(){this.root.expand(true);},collapseAll:function(){this.root.collapse(true);},getSelectionModel:function(){if(!this.selModel){this.selModel=new Roo.tree.DefaultSelectionModel();}return this.selModel;},getChecked:function(a,F){F=F||this.root;var r=[];var f=function(){if(this.attributes.checked){r.push(!a?this:(a=='id'?this.id:this.attributes[a]));}}
+F.cascade(f);return r;},expandPath:function(G,H,I){H=H||"id";var J=G.split(this.pathSeparator);var K=this.root;if(K.attributes[H]!=J[1]){if(I){I(false,null);}return;}var L=1;var f=function(){if(++L==J.length){if(I){I(true,K);}return;}var c=K.findChild(H,J[L]);if(!c){if(I){I(false,K);}return;}
+K=c;c.expand(false,false,f);};K.expand(false,false,f);},selectPath:function(M,N,O){N=N||"id";var P=M.split(this.pathSeparator);var v=P.pop();if(P.length>0){var f=function(Q,R){if(Q&&R){var n=R.findChild(N,v);if(n){n.select();if(O){O(true,n);}}else if(O){O(false,n);}}else {if(O){O(false,n);}}};this.expandPath(P.join(this.pathSeparator),N,f);}else {this.root.select();if(O){O(true,this.root);}}},getTreeEl:function(){return this.el;},render:function(){if(this.innerCt){return this;}
+this.innerCt=this.el.createChild({tag:"ul",cls:"x-tree-root-ct "+(this.lines?"x-tree-lines":"x-tree-no-lines")});if(this.containerScroll){Roo.dd.ScrollManager.register(this.el);}if((this.enableDD||this.enableDrop)&&!this.dropZone){this.dropZone=new Roo.tree.TreeDropZone(this,this.dropConfig||{ddGroup:this.ddGroup||"TreeDD",appendOnly:this.ddAppendOnly===true});}if((this.enableDD||this.enableDrag)&&!this.dragZone){this.dragZone=new Roo.tree.TreeDragZone(this,this.dragConfig||{ddGroup:this.ddGroup||"TreeDD",scroll:this.ddScroll});}
+this.getSelectionModel().init(this);if(!this.root){console.log("ROOT not set in tree");return;}
+this.root.render();if(!this.rootVisible){this.root.renderChildren();}return this;}});
+Roo.tree.DefaultSelectionModel=function(){this.selNode=null;this.addEvents({"selectionchange":true,"beforeselect":true});};Roo.extend(Roo.tree.DefaultSelectionModel,Roo.util.Observable,{init:function(A){this.tree=A;A.getTreeEl().on("keydown",this.onKeyDown,this);A.on("click",this.onNodeClick,this);},onNodeClick:function(B,e){if(e.ctrlKey&&this.selNode==B){this.unselect(B);return;}
+this.select(B);},select:function(C){var D=this.selNode;if(D!=C&&this.fireEvent('beforeselect',this,C,D)!==false){if(D){D.ui.onSelectedChange(false);}
+this.selNode=C;C.ui.onSelectedChange(true);this.fireEvent("selectionchange",this,C,D);}return C;},unselect:function(E){if(this.selNode==E){this.clearSelections();}},clearSelections:function(){var n=this.selNode;if(n){n.ui.onSelectedChange(false);this.selNode=null;this.fireEvent("selectionchange",this,null);}return n;},getSelectedNode:function(){return this.selNode;},isSelected:function(F){return this.selNode==F;},selectPrevious:function(){var s=this.selNode||this.lastSelNode;if(!s){return null;}var ps=s.previousSibling;if(ps){if(!ps.isExpanded()||ps.childNodes.length<1){return this.select(ps);}else {var lc=ps.lastChild;while(lc&&lc.isExpanded()&&lc.childNodes.length>0){lc=lc.lastChild;}return this.select(lc);}}else if(s.parentNode&&(this.tree.rootVisible||!s.parentNode.isRoot)){return this.select(s.parentNode);}return null;},selectNext:function(){var s=this.selNode||this.lastSelNode;if(!s){return null;}if(s.firstChild&&s.isExpanded()){return this.select(s.firstChild);}else if(s.nextSibling){return this.select(s.nextSibling);}else if(s.parentNode){var newS=null;s.parentNode.bubble(function(){if(this.nextSibling){newS=this.getOwnerTree().selModel.select(this.nextSibling);return false;}});return newS;}return null;},onKeyDown:function(e){var s=this.selNode||this.lastSelNode;var sm=this;if(!s){return;}var k=e.getKey();switch(k){case e.DOWN:e.stopEvent();this.selectNext();break;case e.UP:e.stopEvent();this.selectPrevious();break;case e.RIGHT:e.preventDefault();if(s.hasChildNodes()){if(!s.isExpanded()){s.expand();}else if(s.firstChild){this.select(s.firstChild,e);}}break;case e.LEFT:e.preventDefault();if(s.hasChildNodes()&&s.isExpanded()){s.collapse();}else if(s.parentNode&&(this.tree.rootVisible||s.parentNode!=this.tree.getRootNode())){this.select(s.parentNode,e);}break;};}});Roo.tree.MultiSelectionModel=function(){this.selNodes=[];this.selMap={};this.addEvents({"selectionchange":true});};Roo.extend(Roo.tree.MultiSelectionModel,Roo.util.Observable,{init:function(G){this.tree=G;G.getTreeEl().on("keydown",this.onKeyDown,this);G.on("click",this.onNodeClick,this);},onNodeClick:function(H,e){this.select(H,e,e.ctrlKey);},select:function(I,e,J){if(J!==true){this.clearSelections(true);}if(this.isSelected(I)){this.lastSelNode=I;return I;}
+this.selNodes.push(I);this.selMap[I.id]=I;this.lastSelNode=I;I.ui.onSelectedChange(true);this.fireEvent("selectionchange",this,this.selNodes);return I;},unselect:function(K){if(this.selMap[K.id]){K.ui.onSelectedChange(false);var sn=this.selNodes;var index=-1;if(sn.indexOf){index=sn.indexOf(K);}else {for(var i=0,len=sn.length;i<len;i++){if(sn[i]==K){index=i;break;}}}if(index!=-1){this.selNodes.splice(index,1);}delete this.selMap[K.id];this.fireEvent("selectionchange",this,this.selNodes);}},clearSelections:function(L){var sn=this.selNodes;if(sn.length>0){for(var i=0,len=sn.length;i<len;i++){sn[i].ui.onSelectedChange(false);}
+this.selNodes=[];this.selMap={};if(L!==true){this.fireEvent("selectionchange",this,this.selNodes);}}},isSelected:function(M){return this.selMap[M.id]?true:false;},getSelectedNodes:function(){return this.selNodes;},onKeyDown:Roo.tree.DefaultSelectionModel.prototype.onKeyDown,selectNext:Roo.tree.DefaultSelectionModel.prototype.selectNext,selectPrevious:Roo.tree.DefaultSelectionModel.prototype.selectPrevious});
+Roo.tree.TreeNode=function(A){A=A||{};if(typeof A=="string"){A={text:A};}
+this.childrenRendered=false;this.rendered=false;Roo.tree.TreeNode.superclass.constructor.call(this,A);this.expanded=A.expanded===true;this.isTarget=A.isTarget!==false;this.draggable=A.draggable!==false&&A.allowDrag!==false;this.allowChildren=A.allowChildren!==false&&A.allowDrop!==false;this.text=A.text;this.disabled=A.disabled===true;this.addEvents({"textchange":true,"beforeexpand":true,"beforecollapse":true,"expand":true,"disabledchange":true,"collapse":true,"beforeclick":true,"checkchange":true,"click":true,"dblclick":true,"contextmenu":true,"beforechildrenrendered":true});var B=this.attributes.uiProvider||Roo.tree.TreeNodeUI;this.ui=new B(this);};Roo.extend(Roo.tree.TreeNode,Roo.data.Node,{preventHScroll:true,isExpanded:function(){return this.expanded;},getUI:function(){return this.ui;},setFirstChild:function(C){var of=this.firstChild;Roo.tree.TreeNode.superclass.setFirstChild.call(this,C);if(this.childrenRendered&&of&&C!=of){of.renderIndent(true,true);}if(this.rendered){this.renderIndent(true,true);}},setLastChild:function(D){var ol=this.lastChild;Roo.tree.TreeNode.superclass.setLastChild.call(this,D);if(this.childrenRendered&&ol&&D!=ol){ol.renderIndent(true,true);}if(this.rendered){this.renderIndent(true,true);}},appendChild:function(){var E=Roo.tree.TreeNode.superclass.appendChild.apply(this,arguments);if(E&&this.childrenRendered){E.render();}
+this.ui.updateExpandIcon();return E;},removeChild:function(F){this.ownerTree.getSelectionModel().unselect(F);Roo.tree.TreeNode.superclass.removeChild.apply(this,arguments);if(this.childrenRendered){F.ui.remove();}if(this.childNodes.length<1){this.collapse(false,false);}else {this.ui.updateExpandIcon();}if(!this.firstChild){this.childrenRendered=false;}return F;},insertBefore:function(G,H){var I=Roo.tree.TreeNode.superclass.insertBefore.apply(this,arguments);if(I&&H&&this.childrenRendered){G.render();}
+this.ui.updateExpandIcon();return I;},setText:function(J){var K=this.text;this.text=J;this.attributes.text=J;if(this.rendered){this.ui.onTextChange(this,J,K);}
+this.fireEvent("textchange",this,J,K);},select:function(){this.getOwnerTree().getSelectionModel().select(this);},unselect:function(){this.getOwnerTree().getSelectionModel().unselect(this);},isSelected:function(){return this.getOwnerTree().getSelectionModel().isSelected(this);},expand:function(L,M,N){if(!this.expanded){if(this.fireEvent("beforeexpand",this,L,M)===false){return;}if(!this.childrenRendered){this.renderChildren();}
+this.expanded=true;if(!this.isHiddenRoot()&&(this.getOwnerTree().animate&&M!==false)||M){this.ui.animExpand(function(){this.fireEvent("expand",this);if(typeof N=="function"){N(this);}if(L===true){this.expandChildNodes(true);}}.createDelegate(this));return;}else {this.ui.expand();this.fireEvent("expand",this);if(typeof N=="function"){N(this);}}}else {if(typeof N=="function"){N(this);}}if(L===true){this.expandChildNodes(true);}},isHiddenRoot:function(){return this.isRoot&&!this.getOwnerTree().rootVisible;},collapse:function(O,P){if(this.expanded&&!this.isHiddenRoot()){if(this.fireEvent("beforecollapse",this,O,P)===false){return;}
+this.expanded=false;if((this.getOwnerTree().animate&&P!==false)||P){this.ui.animCollapse(function(){this.fireEvent("collapse",this);if(O===true){this.collapseChildNodes(true);}}.createDelegate(this));return;}else {this.ui.collapse();this.fireEvent("collapse",this);}}if(O===true){var cs=this.childNodes;for(var i=0,len=cs.length;i<len;i++){cs[i].collapse(true,false);}}},delayedExpand:function(Q){if(!this.expandProcId){this.expandProcId=this.expand.defer(Q,this);}},cancelExpand:function(){if(this.expandProcId){clearTimeout(this.expandProcId);}
+this.expandProcId=false;},toggle:function(){if(this.expanded){this.collapse();}else {this.expand();}},ensureVisible:function(R){var S=this.getOwnerTree();S.expandPath(this.parentNode.getPath(),false,function(){S.getTreeEl().scrollChildIntoView(this.ui.anchor);Roo.callback(R);}.createDelegate(this));},expandChildNodes:function(T){var cs=this.childNodes;for(var i=0,len=cs.length;i<len;i++){cs[i].expand(T);}},collapseChildNodes:function(U){var cs=this.childNodes;for(var i=0,len=cs.length;i<len;i++){cs[i].collapse(U);}},disable:function(){this.disabled=true;this.unselect();if(this.rendered&&this.ui.onDisableChange){this.ui.onDisableChange(this,true);}
+this.fireEvent("disabledchange",this,true);},enable:function(){this.disabled=false;if(this.rendered&&this.ui.onDisableChange){this.ui.onDisableChange(this,false);}
+this.fireEvent("disabledchange",this,false);},renderChildren:function(V){if(V!==false){this.fireEvent("beforechildrenrendered",this);}var cs=this.childNodes;for(var i=0,len=cs.length;i<len;i++){cs[i].render(true);}
+this.childrenRendered=true;},sort:function(fn,W){Roo.tree.TreeNode.superclass.sort.apply(this,arguments);if(this.childrenRendered){var cs=this.childNodes;for(var i=0,len=cs.length;i<len;i++){cs[i].render(true);}}},render:function(X){this.ui.render(X);if(!this.rendered){this.rendered=true;if(this.expanded){this.expanded=false;this.expand(false,false);}}},renderIndent:function(Y,Z){if(Z){this.ui.childIndent=null;}
+this.ui.renderIndent();if(Y===true&&this.childrenRendered){var cs=this.childNodes;for(var i=0,len=cs.length;i<len;i++){cs[i].renderIndent(true,Z);}}}});
+Roo.tree.AsyncTreeNode=function(A){this.loaded=false;this.loading=false;Roo.tree.AsyncTreeNode.superclass.constructor.apply(this,arguments);this.addEvents({'beforeload':true,'load':true});};Roo.extend(Roo.tree.AsyncTreeNode,Roo.tree.TreeNode,{expand:function(B,C,D){if(this.loading){var timer;var f=function(){if(!this.loading){clearInterval(timer);this.expand(B,C,D);}}.createDelegate(this);timer=setInterval(f,200);return;}if(!this.loaded){if(this.fireEvent("beforeload",this)===false){return;}
+this.loading=true;this.ui.beforeLoad(this);var loader=this.loader||this.attributes.loader||this.getOwnerTree().getLoader();if(loader){loader.load(this,this.loadComplete.createDelegate(this,[B,C,D]));return;}}
+Roo.tree.AsyncTreeNode.superclass.expand.call(this,B,C,D);},isLoading:function(){return this.loading;},loadComplete:function(E,F,G){this.loading=false;this.loaded=true;this.ui.afterLoad(this);this.fireEvent("load",this);this.expand(E,F,G);},isLoaded:function(){return this.loaded;},hasChildNodes:function(){if(!this.isLeaf()&&!this.loaded){return true;}else {return Roo.tree.AsyncTreeNode.superclass.hasChildNodes.call(this);}},reload:function(H){this.collapse(false,false);while(this.firstChild){this.removeChild(this.firstChild);}
+this.childrenRendered=false;this.loaded=false;if(this.isHiddenRoot()){this.expanded=false;}
+this.expand(false,false,H);}});
+Roo.tree.TreeNodeUI=function(A){this.node=A;this.rendered=false;this.animating=false;this.emptyIcon=Roo.BLANK_IMAGE_URL;};Roo.tree.TreeNodeUI.prototype={removeChild:function(B){if(this.rendered){this.ctNode.removeChild(B.ui.getEl());}},beforeLoad:function(){this.addClass("x-tree-node-loading");},afterLoad:function(){this.removeClass("x-tree-node-loading");},onTextChange:function(C,D,E){if(this.rendered){this.textNode.innerHTML=D;}},onDisableChange:function(F,G){this.disabled=G;if(G){this.addClass("x-tree-node-disabled");}else {this.removeClass("x-tree-node-disabled");}},onSelectedChange:function(H){if(H){this.focus();this.addClass("x-tree-selected");}else {this.removeClass("x-tree-selected");}},onMove:function(I,J,K,L,M,N){this.childIndent=null;if(this.rendered){var targetNode=L.ui.getContainer();if(!targetNode){this.holder=document.createElement("div");this.holder.appendChild(this.wrap);return;}var insertBefore=N?N.ui.getEl():null;if(insertBefore){targetNode.insertBefore(this.wrap,insertBefore);}else {targetNode.appendChild(this.wrap);}
+this.node.renderIndent(true);}},addClass:function(O){if(this.elNode){Roo.fly(this.elNode).addClass(O);}},removeClass:function(P){if(this.elNode){Roo.fly(this.elNode).removeClass(P);}},remove:function(){if(this.rendered){this.holder=document.createElement("div");this.holder.appendChild(this.wrap);}},fireEvent:function(){return this.node.fireEvent.apply(this.node,arguments);},initEvents:function(){this.node.on("move",this.onMove,this);var E=Roo.EventManager;var a=this.anchor;var el=Roo.fly(a,'_treeui');if(Roo.isOpera){el.setStyle("text-decoration","none");}
+el.on("click",this.onClick,this);el.on("dblclick",this.onDblClick,this);if(this.checkbox){Roo.EventManager.on(this.checkbox,Roo.isIE?'click':'change',this.onCheckChange,this);}
+el.on("contextmenu",this.onContextMenu,this);var Q=Roo.fly(this.iconNode);Q.on("click",this.onClick,this);Q.on("dblclick",this.onDblClick,this);Q.on("contextmenu",this.onContextMenu,this);E.on(this.ecNode,"click",this.ecClick,this,true);if(this.node.disabled){this.addClass("x-tree-node-disabled");}if(this.node.hidden){this.addClass("x-tree-node-disabled");}var ot=this.node.getOwnerTree();var dd=ot.enableDD||ot.enableDrag||ot.enableDrop;if(dd&&(!this.node.isRoot||ot.rootVisible)){Roo.dd.Registry.register(this.elNode,{node:this.node,handles:this.getDDHandles(),isHandle:false});}},getDDHandles:function(){return [this.iconNode,this.textNode];},hide:function(){if(this.rendered){this.wrap.style.display="none";}},show:function(){if(this.rendered){this.wrap.style.display="";}},onContextMenu:function(e){if(this.node.hasListener("contextmenu")||this.node.getOwnerTree().hasListener("contextmenu")){e.preventDefault();this.focus();this.fireEvent("contextmenu",this.node,e);}},onClick:function(e){if(this.dropping){e.stopEvent();return;}if(this.fireEvent("beforeclick",this.node,e)!==false){if(!this.disabled&&this.node.attributes.href){this.fireEvent("click",this.node,e);return;}
+e.preventDefault();if(this.disabled){return;}if(this.node.attributes.singleClickExpand&&!this.animating&&this.node.hasChildNodes()){this.node.toggle();}
+this.fireEvent("click",this.node,e);}else {e.stopEvent();}},onDblClick:function(e){e.preventDefault();if(this.disabled){return;}if(this.checkbox){this.toggleCheck();}if(!this.animating&&this.node.hasChildNodes()){this.node.toggle();}
+this.fireEvent("dblclick",this.node,e);},onCheckChange:function(){var R=this.checkbox.checked;this.node.attributes.checked=R;this.fireEvent('checkchange',this.node,R);},ecClick:function(e){if(!this.animating&&this.node.hasChildNodes()){this.node.toggle();}},startDrop:function(){this.dropping=true;},endDrop:function(){setTimeout(function(){this.dropping=false;}.createDelegate(this),50);},expand:function(){this.updateExpandIcon();this.ctNode.style.display="";},focus:function(){if(!this.node.preventHScroll){try{this.anchor.focus();}catch(e){}}else if(!Roo.isIE){try{var noscroll=this.node.getOwnerTree().getTreeEl().dom;var l=noscroll.scrollLeft;this.anchor.focus();noscroll.scrollLeft=l;}catch(e){}}},toggleCheck:function(S){var cb=this.checkbox;if(cb){cb.checked=(S===undefined?!cb.checked:S);}},blur:function(){try{this.anchor.blur();}catch(e){}},animExpand:function(T){var ct=Roo.get(this.ctNode);ct.stopFx();if(!this.node.hasChildNodes()){this.updateExpandIcon();this.ctNode.style.display="";Roo.callback(T);return;}
+this.animating=true;this.updateExpandIcon();ct.slideIn('t',{callback:function(){this.animating=false;Roo.callback(T);},scope:this,duration:this.node.ownerTree.duration||.25});},highlight:function(){var U=this.node.getOwnerTree();Roo.fly(this.wrap).highlight(U.hlColor||"C3DAF9",{endColor:U.hlBaseColor});},collapse:function(){this.updateExpandIcon();this.ctNode.style.display="none";},animCollapse:function(V){var ct=Roo.get(this.ctNode);ct.enableDisplayMode('block');ct.stopFx();this.animating=true;this.updateExpandIcon();ct.slideOut('t',{callback:function(){this.animating=false;Roo.callback(V);},scope:this,duration:this.node.ownerTree.duration||.25});},getContainer:function(){return this.ctNode;},getEl:function(){return this.wrap;},appendDDGhost:function(W){W.appendChild(this.elNode.cloneNode(true));},getDDRepairXY:function(){return Roo.lib.Dom.getXY(this.iconNode);},onRender:function(){this.render();},render:function(X){var n=this.node,a=n.attributes;var Y=n.parentNode?n.parentNode.ui.getContainer():n.ownerTree.innerCt.dom;if(!this.rendered){this.rendered=true;this.renderElements(n,a,Y,X);if(a.qtip){if(this.textNode.setAttributeNS){this.textNode.setAttributeNS("ext","qtip",a.qtip);if(a.qtipTitle){this.textNode.setAttributeNS("ext","qtitle",a.qtipTitle);}}else {this.textNode.setAttribute("ext:qtip",a.qtip);if(a.qtipTitle){this.textNode.setAttribute("ext:qtitle",a.qtipTitle);}}}else if(a.qtipCfg){a.qtipCfg.target=Roo.id(this.textNode);Roo.QuickTips.register(a.qtipCfg);}
+this.initEvents();if(!this.node.expanded){this.updateExpandIcon();}}else {if(X===true){Y.appendChild(this.wrap);}}},renderElements:function(n,a,Z,b){this.indentMarkup=n.parentNode?n.parentNode.ui.getChildIndent():'';var t=n.getOwnerTree();var c=t.renderer?t.renderer(n.attributes):Roo.util.Format.htmlEncode(n.text);var d=t.rendererTip?t.rendererTip(n.attributes):c;var cb=typeof a.checked=='boolean';var f=a.href?a.href:Roo.isGecko?"":"#";var g=['<li class="x-tree-node"><div class="x-tree-node-el ',a.cls,'">','<span class="x-tree-node-indent">',this.indentMarkup,"</span>",'<img src="',this.emptyIcon,'" class="x-tree-ec-icon" />','<img src="',a.icon||this.emptyIcon,'" class="x-tree-node-icon',(a.icon?" x-tree-node-inline-icon":""),(a.iconCls?" "+a.iconCls:""),'" unselectable="on" />',cb?('<input class="x-tree-node-cb" type="checkbox" '+(a.checked?'checked="checked" />':' />')):'','<a hidefocus="on" href="',f,'" tabIndex="1" ',a.hrefTarget?' target="'+a.hrefTarget+'"':"",'><span unselectable="on" qtip="',d,'">',c,"</span></a></div>",'<ul class="x-tree-node-ct" style="display:none;"></ul>',"</li>"];if(b!==true&&n.nextSibling&&n.nextSibling.ui.getEl()){this.wrap=Roo.DomHelper.insertHtml("beforeBegin",n.nextSibling.ui.getEl(),g.join(""));}else {this.wrap=Roo.DomHelper.insertHtml("beforeEnd",Z,g.join(""));}
+this.elNode=this.wrap.childNodes[0];this.ctNode=this.wrap.childNodes[1];var cs=this.elNode.childNodes;this.indentNode=cs[0];this.ecNode=cs[1];this.iconNode=cs[2];var h=3;if(cb){this.checkbox=cs[3];h++;}
+this.anchor=cs[h];this.textNode=cs[h].firstChild;},getAnchor:function(){return this.anchor;},getTextEl:function(){return this.textNode;},getIconEl:function(){return this.iconNode;},isChecked:function(){return this.checkbox?this.checkbox.checked:false;},updateExpandIcon:function(){if(this.rendered){var n=this.node,c1,c2;var P=n.isLast()?"x-tree-elbow-end":"x-tree-elbow";var hasChild=n.hasChildNodes();if(hasChild){if(n.expanded){P+="-minus";c1="x-tree-node-collapsed";c2="x-tree-node-expanded";}else {P+="-plus";c1="x-tree-node-expanded";c2="x-tree-node-collapsed";}if(this.wasLeaf){this.removeClass("x-tree-node-leaf");this.wasLeaf=false;}if(this.c1!=c1||this.c2!=c2){Roo.fly(this.elNode).replaceClass(c1,c2);this.c1=c1;this.c2=c2;}}else {if(!this.wasLeaf){Roo.fly(this.elNode).replaceClass("x-tree-node-expanded","x-tree-node-leaf");delete this.c1;delete this.c2;this.wasLeaf=true;}}var ecc="x-tree-ec-icon "+P;if(this.ecc!=ecc){this.ecNode.className=ecc;this.ecc=ecc;}}},getChildIndent:function(){if(!this.childIndent){var g=[];var p=this.node;while(p){if(!p.isRoot||(p.isRoot&&p.ownerTree.rootVisible)){if(!p.isLast()){g.unshift('<img src="'+this.emptyIcon+'" class="x-tree-elbow-line" />');}else {g.unshift('<img src="'+this.emptyIcon+'" class="x-tree-icon" />');}}
+p=p.parentNode;}
+this.childIndent=g.join("");}return this.childIndent;},renderIndent:function(){if(this.rendered){var indent="";var p=this.node.parentNode;if(p){indent=p.ui.getChildIndent();}if(this.indentMarkup!=indent){this.indentNode.innerHTML=indent;this.indentMarkup=indent;}
+this.updateExpandIcon();}}};Roo.tree.RootTreeNodeUI=function(){Roo.tree.RootTreeNodeUI.superclass.constructor.apply(this,arguments);};Roo.extend(Roo.tree.RootTreeNodeUI,Roo.tree.TreeNodeUI,{render:function(){if(!this.rendered){var Z=this.node.ownerTree.innerCt.dom;this.node.expanded=true;Z.innerHTML='<div class="x-tree-root-node"></div>';this.wrap=this.ctNode=Z.firstChild;}},collapse:function(){},expand:function(){}});
+Roo.tree.TreeLoader=function(A){this.baseParams={};this.requestMethod="POST";Roo.apply(this,A);this.addEvents({beforeload:true,load:true,loadexception:true,create:true});Roo.tree.TreeLoader.superclass.constructor.call(this);};Roo.extend(Roo.tree.TreeLoader,Roo.util.Observable,{uiProviders:{},clearOnLoad:true,root:false,queryParam:false,load:function(B,C){if(this.clearOnLoad){while(B.firstChild){B.removeChild(B.firstChild);}}if(B.attributes.children){var cs=B.attributes.children;for(var i=0,len=cs.length;i<len;i++){B.appendChild(this.createNode(cs[i]));}if(typeof C=="function"){C();}}else if(this.dataUrl){this.requestData(B,C);}},getParams:function(D){var E=[],bp=this.baseParams;for(var key in bp){if(typeof bp[key]!="function"){E.push(encodeURIComponent(key),"=",encodeURIComponent(bp[key]),"&");}}var n=this.queryParam===false?'node':this.queryParam;E.push(n+"=",encodeURIComponent(D.id));return E.join("");},requestData:function(F,G){if(this.fireEvent("beforeload",this,F,G)!==false){this.transId=Roo.Ajax.request({method:this.requestMethod,url:this.dataUrl||this.url,success:this.handleResponse,failure:this.handleFailure,scope:this,argument:{callback:G,node:F},params:this.getParams(F)});}else {if(typeof G=="function"){G();}}},isLoading:function(){return this.transId?true:false;},abort:function(){if(this.isLoading()){Roo.Ajax.abort(this.transId);}},createNode:function(attr){if(this.baseAttrs){Roo.applyIf(attr,this.baseAttrs);}if(this.applyLoader!==false){attr.loader=this;}if(typeof(attr.uiProvider)=='string'){attr.uiProvider=this.uiProviders[attr.uiProvider]||eval(attr.uiProvider);}if(typeof(this.uiProviders['default'])!='undefined'){attr.uiProvider=this.uiProviders['default'];}
+this.fireEvent('create',this,attr);attr.leaf=typeof(attr.leaf)=='string'?attr.leaf*1:attr.leaf;return (attr.leaf?new Roo.tree.TreeNode(attr):new Roo.tree.AsyncTreeNode(attr));},processResponse:function(H,I,J){var K=H.responseText;try{var o=eval("("+K+")");if(this.root!==false){o=o[this.root];}for(var i=0,len=o.length;i<len;i++){var n=this.createNode(o[i]);if(n){I.appendChild(n);}}if(typeof J=="function"){J(this,I);}}catch(e){this.handleFailure(response);}},handleResponse:function(L){this.transId=false;var a=L.argument;this.processResponse(L,a.node,a.callback);this.fireEvent("load",this,a.node,L);},handleFailure:function(M){this.transId=false;var a=M.argument;this.fireEvent("loadexception",this,a.node,M);if(typeof a.callback=="function"){a.callback(this,a.node);}}});
+Roo.tree.TreeFilter=function(A,B){this.tree=A;this.filtered={};Roo.apply(this,B);};Roo.tree.TreeFilter.prototype={clearBlank:false,reverse:false,autoClear:false,remove:false,filter:function(C,D,E){D=D||"text";var f;if(typeof C=="string"){var vlen=C.length;if(vlen==0&&this.clearBlank){this.clear();return;}
+C=C.toLowerCase();f=function(n){return n.attributes[D].substr(0,vlen).toLowerCase()==C;};}else if(C.exec){f=function(n){return C.test(n.attributes[D]);};}else {throw 'Illegal filter type, must be string or regex';}
+this.filterBy(f,null,E);},filterBy:function(fn,F,G){G=G||this.tree.root;if(this.autoClear){this.clear();}var af=this.filtered,rv=this.reverse;var f=function(n){if(n==G){return true;}if(af[n.id]){return false;}var m=fn.call(F||n,n);if(!m||rv){af[n.id]=n;n.ui.hide();return false;}return true;};G.cascade(f);if(this.remove){for(var id in af){if(typeof id!="function"){var n=af[id];if(n&&n.parentNode){n.parentNode.removeChild(n);}}}}},clear:function(){var t=this.tree;var af=this.filtered;for(var id in af){if(typeof id!="function"){var n=af[id];if(n){n.ui.show();}}}
+this.filtered={};}};
+Roo.tree.TreeSorter=function(A,B){Roo.apply(this,B);A.on("beforechildrenrendered",this.doSort,this);A.on("append",this.updateSort,this);A.on("insert",this.updateSort,this);var C=this.dir&&this.dir.toLowerCase()=="desc";var p=this.property||"text";var D=this.sortType;var fs=this.folderSort;var cs=this.caseSensitive===true;var E=this.leafAttr||'leaf';this.sortFn=function(n1,n2){if(fs){if(n1.attributes[E]&&!n2.attributes[E]){return 1;}if(!n1.attributes[E]&&n2.attributes[E]){return -1;}}var v1=D?D(n1):(cs?n1.attributes[p]:n1.attributes[p].toUpperCase());var v2=D?D(n2):(cs?n2.attributes[p]:n2.attributes[p].toUpperCase());if(v1<v2){return C?+1:-1;}else if(v1>v2){return C?-1:+1;}else {return 0;}};};Roo.tree.TreeSorter.prototype={doSort:function(F){F.sort(this.sortFn);},compareNodes:function(n1,n2){return (n1.text.toUpperCase()>n2.text.toUpperCase()?1:-1);},updateSort:function(G,H){if(H.childrenRendered){this.doSort.defer(1,this,[H]);}}};
+if(Roo.dd.DropZone){Roo.tree.TreeDropZone=function(A,B){this.allowParentInsert=false;this.allowContainerDrop=false;this.appendOnly=false;Roo.tree.TreeDropZone.superclass.constructor.call(this,A.innerCt,B);this.tree=A;this.lastInsertClass="x-tree-no-status";this.dragOverData={};};Roo.extend(Roo.tree.TreeDropZone,Roo.dd.DropZone,{ddGroup:"TreeDD",expandDelay:1000,expandNode:function(C){if(C.hasChildNodes()&&!C.isExpanded()){C.expand(false,null,this.triggerCacheRefresh.createDelegate(this));}},queueExpand:function(D){this.expandProcId=this.expandNode.defer(this.expandDelay,this,[D]);},cancelExpand:function(){if(this.expandProcId){clearTimeout(this.expandProcId);this.expandProcId=false;}},isValidDropPoint:function(n,pt,dd,e,E){if(!n||!E){return false;}var F=n.node;var G=E.node;if(!(F&&F.isTarget&&pt)){return false;}if(pt=="append"&&F.allowChildren===false){return false;}if((pt=="above"||pt=="below")&&(F.parentNode&&F.parentNode.allowChildren===false)){return false;}if(G&&(F==G||G.contains(F))){return false;}var H=this.dragOverData;H.tree=this.tree;H.target=F;H.data=E;H.point=pt;H.source=dd;H.rawEvent=e;H.dropNode=G;H.cancel=false;var I=this.tree.fireEvent("nodedragover",H);return H.cancel===false&&I!==false;},getDropPoint:function(e,n,dd){var tn=n.node;if(tn.isRoot){return tn.allowChildren!==false?"append":false;}var J=n.ddel;var t=Roo.lib.Dom.getY(J),b=t+J.offsetHeight;var y=Roo.lib.Event.getPageY(e);var K=tn.allowChildren===false||tn.isLeaf();if(this.appendOnly||tn.parentNode.allowChildren===false){return K?false:"append";}var L=false;if(!this.allowParentInsert){L=tn.hasChildNodes()&&tn.isExpanded();}var q=(b-t)/(K?2:3);if(y>=t&&y<(t+q)){return "above";}else if(!L&&(K||y>=b-q&&y<=b)){return "below";}else {return "append";}},onNodeEnter:function(n,dd,e,M){this.cancelExpand();},onNodeOver:function(n,dd,e,N){var pt=this.getDropPoint(e,n,dd);var O=n.node;if(!this.expandProcId&&pt=="append"&&O.hasChildNodes()&&!n.node.isExpanded()){this.queueExpand(O);}else if(pt!="append"){this.cancelExpand();}var P=this.dropNotAllowed;if(this.isValidDropPoint(n,pt,dd,e,N)){if(pt){var el=n.ddel;var cls;if(pt=="above"){P=n.node.isFirst()?"x-tree-drop-ok-above":"x-tree-drop-ok-between";cls="x-tree-drag-insert-above";}else if(pt=="below"){P=n.node.isLast()?"x-tree-drop-ok-below":"x-tree-drop-ok-between";cls="x-tree-drag-insert-below";}else {P="x-tree-drop-ok-append";cls="x-tree-drag-append";}if(this.lastInsertClass!=cls){Roo.fly(el).replaceClass(this.lastInsertClass,cls);this.lastInsertClass=cls;}}}return P;},onNodeOut:function(n,dd,e,Q){this.cancelExpand();this.removeDropIndicators(n);},onNodeDrop:function(n,dd,e,R){var S=this.getDropPoint(e,n,dd);var T=n.node;T.ui.startDrop();if(!this.isValidDropPoint(n,S,dd,e,R)){T.ui.endDrop();return false;}var U=R.node||(dd.getTreeNode?dd.getTreeNode(R,T,S,e):null);var V={tree:this.tree,target:T,data:R,point:S,source:dd,rawEvent:e,dropNode:U,cancel:!U};var W=this.tree.fireEvent("beforenodedrop",V);if(W===false||V.cancel===true||!V.dropNode){T.ui.endDrop();return false;}
+T=V.target;if(S=="append"&&!T.isExpanded()){T.expand(false,null,function(){this.completeDrop(V);}.createDelegate(this));}else {this.completeDrop(V);}return true;},completeDrop:function(de){var ns=de.dropNode,p=de.point,t=de.target;if(!(ns instanceof Array)){ns=[ns];}var n;for(var i=0,len=ns.length;i<len;i++){n=ns[i];if(p=="above"){t.parentNode.insertBefore(n,t);}else if(p=="below"){t.parentNode.insertBefore(n,t.nextSibling);}else {t.appendChild(n);}}
+n.ui.focus();if(this.tree.hlDrop){n.ui.highlight();}
+t.ui.endDrop();this.tree.fireEvent("nodedrop",de);},afterNodeMoved:function(dd,X,e,Y,Z){if(this.tree.hlDrop){Z.ui.focus();Z.ui.highlight();}
+this.tree.fireEvent("nodedrop",this.tree,Y,X,dd,e);},getTree:function(){return this.tree;},removeDropIndicators:function(n){if(n&&n.ddel){var el=n.ddel;Roo.fly(el).removeClass(["x-tree-drag-insert-above","x-tree-drag-insert-below","x-tree-drag-append"]);this.lastInsertClass="_noclass";}},beforeDragDrop:function(a,e,id){this.cancelExpand();return true;},afterRepair:function(c){if(c&&Roo.enableFx){c.node.ui.highlight();}
+this.hideProxy();}});}
+if(Roo.dd.DragZone){Roo.tree.TreeDragZone=function(A,B){Roo.tree.TreeDragZone.superclass.constructor.call(this,A.getTreeEl(),B);this.tree=A;};Roo.extend(Roo.tree.TreeDragZone,Roo.dd.DragZone,{ddGroup:"TreeDD",onBeforeDrag:function(C,e){var n=C.node;return n&&n.draggable&&!n.disabled;},onInitDrag:function(e){var D=this.dragData;this.tree.getSelectionModel().select(D.node);this.proxy.update("");D.node.ui.appendDDGhost(this.proxy.ghost.dom);this.tree.fireEvent("startdrag",this.tree,D.node,e);},getRepairXY:function(e,E){return E.node.ui.getDDRepairXY();},onEndDrag:function(F,e){this.tree.fireEvent("enddrag",this.tree,F.node,e);},onValidDrop:function(dd,e,id){this.tree.fireEvent("dragdrop",this.tree,this.dragData.node,dd,e);this.hideProxy();},beforeInvalidDrop:function(e,id){var sm=this.tree.getSelectionModel();sm.clearSelections();sm.select(this.dragData.node);}});}
+Roo.tree.TreeEditor=function(A,B){B=B||{};var C=B.events?B:new Roo.form.TextField(B);Roo.tree.TreeEditor.superclass.constructor.call(this,C);this.tree=A;A.on('beforeclick',this.beforeNodeClick,this);A.getTreeEl().on('mousedown',this.hide,this);this.on('complete',this.updateNode,this);this.on('beforestartedit',this.fitToTree,this);this.on('startedit',this.bindScroll,this,{delay:10});this.on('specialkey',this.onSpecialKey,this);};Roo.extend(Roo.tree.TreeEditor,Roo.Editor,{alignment:"l-l",autoSize:false,hideEl:false,cls:"x-small-editor x-tree-editor",shim:false,shadow:"frame",maxWidth:250,editDelay:350,fitToTree:function(ed,el){var td=this.tree.getTreeEl().dom,nd=el.dom;if(td.scrollLeft>nd.offsetLeft){td.scrollLeft=nd.offsetLeft;}var w=Math.min(this.maxWidth,(td.clientWidth>20?td.clientWidth:td.offsetWidth)-Math.max(0,nd.offsetLeft-td.scrollLeft)-5);this.setSize(w,'');},triggerEdit:function(D){this.completeEdit();this.editNode=D;this.startEdit(D.ui.textNode,D.text);},bindScroll:function(){this.tree.getTreeEl().on('scroll',this.cancelEdit,this);},beforeNodeClick:function(E,e){var F=(this.lastClick?this.lastClick.getElapsed():0);this.lastClick=new Date();if(F>this.editDelay&&this.tree.getSelectionModel().isSelected(E)){e.stopEvent();this.triggerEdit(E);return false;}},updateNode:function(ed,G){this.tree.getTreeEl().un('scroll',this.cancelEdit,this);this.editNode.setText(G);},onHide:function(){Roo.tree.TreeEditor.superclass.onHide.call(this);if(this.editNode){this.editNode.ui.focus();}},onSpecialKey:function(H,e){var k=e.getKey();if(k==e.ESC){e.stopEvent();this.cancelEdit();}else if(k==e.ENTER&&!e.hasModifier()){e.stopEvent();this.completeEdit();}}});
+Roo.tree.ColumnNodeUI=Roo.extend(Roo.tree.TreeNodeUI,{renderElements:function(n,a,A,B){this.indentMarkup=n.parentNode?n.parentNode.ui.getChildIndent():'';var t=n.getOwnerTree();var C=Pman.Tab.Document_TypesTree.tree.el.id;var D=t.columns;var bw=t.borderWidth;var c=D[0];var E=a.href?a.href:Roo.isGecko?"":"#";var cb=typeof a.checked=="boolean";var tx=String.format('{0}',n.text||(c.renderer?c.renderer(a[c.dataIndex],n,a):a[c.dataIndex]));var F='x-t-'+C+'-c0';var G=['<li class="x-tree-node">','<div class="x-tree-node-el ',a.cls,'">','<div class="x-tree-col ',F,'" style="width:',c.width-bw,'px;">','<span class="x-tree-node-indent">',this.indentMarkup,'</span>','<img src="',this.emptyIcon,'" class="x-tree-ec-icon " />','<img src="',a.icon||this.emptyIcon,'" class="x-tree-node-icon',(a.icon?' x-tree-node-inline-icon':''),(a.iconCls?' '+a.iconCls:''),'" unselectable="on" />',(cb?('<input class="x-tree-node-cb" type="checkbox" '+(a.checked?'checked="checked" />':' />')):''),'<a class="x-tree-node-anchor" hidefocus="on" href="',E,'" tabIndex="1" ',(a.hrefTarget?' target="'+a.hrefTarget+'"':''),'>','<span unselectable="on" qtip="'+tx+'">',tx,'</span></a>','</div>','<a class="x-tree-node-anchor" hidefocus="on" href="',E,'" tabIndex="1" ',(a.hrefTarget?' target="'+a.hrefTarget+'"':''),'>',];for(var i=1,len=D.length;i<len;i++){c=D[i];F='x-t-'+C+'-c'+i;tx=String.format('{0}',(c.renderer?c.renderer(a[c.dataIndex],n,a):a[c.dataIndex]));G.push('<div class="x-tree-col ',F,' ',(c.cls?c.cls:''),'" style="width:',c.width-bw,'px;">','<div class="x-tree-col-text" qtip="'+tx+'">',tx,"</div>","</div>");}
+G.push('</a>','<div class="x-clear"></div></div>','<ul class="x-tree-node-ct" style="display:none;"></ul>',"</li>");if(B!==true&&n.nextSibling&&n.nextSibling.ui.getEl()){this.wrap=Roo.DomHelper.insertHtml("beforeBegin",n.nextSibling.ui.getEl(),G.join(""));}else {this.wrap=Roo.DomHelper.insertHtml("beforeEnd",A,G.join(""));}var el=this.wrap.firstChild;this.elRow=el;this.elNode=el.firstChild;this.ranchor=el.childNodes[1];this.ctNode=this.wrap.childNodes[1];var cs=el.firstChild.childNodes;this.indentNode=cs[0];this.ecNode=cs[1];this.iconNode=cs[2];var H=3;if(cb){this.checkbox=cs[3];H++;}
+this.anchor=cs[H];this.textNode=cs[H].firstChild;},initEvents:function(){Roo.tree.ColumnNodeUI.superclass.initEvents.call(this);var a=this.ranchor;var el=Roo.get(a);if(Roo.isOpera){el.setStyle("text-decoration","none");}
+el.on("click",this.onClick,this);el.on("dblclick",this.onDblClick,this);el.on("contextmenu",this.onContextMenu,this);},addClass:function(I){if(this.elRow){Roo.fly(this.elRow).addClass(I);}},removeClass:function(J){if(this.elRow){Roo.fly(this.elRow).removeClass(J);}}});
+Roo.tree.ColumnTree=function(el,A){Roo.tree.ColumnTree.superclass.constructor.call(this,el,A);this.addEvents({"resize":true});this.on('resize',this.onResize,this);};Roo.extend(Roo.tree.ColumnTree,Roo.tree.TreePanel,{borderWidth:Roo.isBorderBox?0:2,headEls:false,render:function(){Roo.tree.ColumnTree.superclass.render.apply(this);this.el.addClass('x-column-tree');this.headers=this.el.createChild({cls:'x-tree-headers'},this.innerCt.dom);var B=this.columns,c;var C=0;this.headEls=[];var D=B.length;for(var i=0;i<D;i++){c=B[i];C+=c.width;this.headEls.push(this.headers.createChild({cls:'x-tree-hd '+(c.cls?c.cls+'-hd':''),cn:{cls:'x-tree-hd-text',html:c.header},style:'width:'+(c.width-this.borderWidth)+'px;'}));}
+this.headers.createChild({cls:'x-clear'});this.headers.setWidth(C);this.innerCt.setStyle({overflow:'auto'});this.onResize(this.width,this.height);},onResize:function(w,h){this.height=h;this.width=w;this.innerCt.setWidth(this.width);this.innerCt.setHeight(this.height-20);var E=this.columns,c;var F=0;var G=false;var H=E.length;for(var i=0;i<H;i++){c=E[i];if(this.autoExpandColumn!==false&&c.dataIndex==this.autoExpandColumn){G=this.headEls[i];continue;}
+F+=c.width;}if(G){G.setWidth(((w-F)-this.borderWidth-20));}
+this.headers.setWidth(w-20);}});
+Roo.menu.Menu=function(A){Roo.apply(this,A);this.id=this.id||Roo.id();this.addEvents({beforeshow:true,beforehide:true,show:true,hide:true,click:true,mouseover:true,mouseout:true,itemclick:true});if(this.registerMenu){Roo.menu.MenuMgr.register(this);}var B=this.items;this.items=new Roo.util.MixedCollection();if(B){this.add.apply(this,B);}};Roo.extend(Roo.menu.Menu,Roo.util.Observable,{minWidth:120,shadow:"sides",subMenuAlign:"tl-tr?",defaultAlign:"tl-bl?",allowOtherMenus:false,registerMenu:true,hidden:true,render:function(){if(this.el){return;}var el=this.el=new Roo.Layer({cls:"x-menu",shadow:this.shadow,constrain:false,parentEl:this.parentEl||document.body,zindex:15000});this.keyNav=new Roo.menu.MenuNav(this);if(this.plain){el.addClass("x-menu-plain");}if(this.cls){el.addClass(this.cls);}
+this.focusEl=el.createChild({tag:"a",cls:"x-menu-focus",href:"#",onclick:"return false;",tabIndex:"-1"});var ul=el.createChild({tag:"ul",cls:"x-menu-list"});ul.on("click",this.onClick,this);ul.on("mouseover",this.onMouseOver,this);ul.on("mouseout",this.onMouseOut,this);this.items.each(function(C){var li=document.createElement("li");li.className="x-menu-list-item";ul.dom.appendChild(li);C.render(li,this);},this);this.ul=ul;this.autoWidth();},autoWidth:function(){var el=this.el,ul=this.ul;if(!el){return;}var w=this.width;if(w){el.setWidth(w);}else if(Roo.isIE){el.setWidth(this.minWidth);var t=el.dom.offsetWidth;el.setWidth(ul.getWidth()+el.getFrameWidth("lr"));}},delayAutoWidth:function(){if(this.rendered){if(!this.awTask){this.awTask=new Roo.util.DelayedTask(this.autoWidth,this);}
+this.awTask.delay(20);}},findTargetItem:function(e){var t=e.getTarget(".x-menu-list-item",this.ul,true);if(t&&t.menuItemId){return this.items.get(t.menuItemId);}},onClick:function(e){var t;if(t=this.findTargetItem(e)){t.onClick(e);this.fireEvent("click",this,t,e);}},setActiveItem:function(C,D){if(C!=this.activeItem){if(this.activeItem){this.activeItem.deactivate();}
+this.activeItem=C;C.activate(D);}else if(D){C.expandMenu();}},tryActivate:function(E,F){var G=this.items;for(var i=E,len=G.length;i>=0&&i<len;i+=F){var C=G.get(i);if(!C.disabled&&C.canActivate){this.setActiveItem(C,false);return C;}}return false;},onMouseOver:function(e){var t;if(t=this.findTargetItem(e)){if(t.canActivate&&!t.disabled){this.setActiveItem(t,true);}}
+this.fireEvent("mouseover",this,e,t);},onMouseOut:function(e){var t;if(t=this.findTargetItem(e)){if(t==this.activeItem&&t.shouldDeactivate(e)){this.activeItem.deactivate();delete this.activeItem;}}
+this.fireEvent("mouseout",this,e,t);},isVisible:function(){return this.el&&!this.hidden;},show:function(el,H,I){this.parentMenu=I;if(!this.el){this.render();}
+this.fireEvent("beforeshow",this);this.showAt(this.el.getAlignToXY(el,H||this.defaultAlign),I,false);},showAt:function(xy,J,_e){this.parentMenu=J;if(!this.el){this.render();}if(_e!==false){this.fireEvent("beforeshow",this);xy=this.el.adjustForConstraints(xy);}
+this.el.setXY(xy);this.el.show();this.hidden=false;this.focus();this.fireEvent("show",this);},focus:function(){if(!this.hidden){this.doFocus.defer(50,this);}},doFocus:function(){if(!this.hidden){this.focusEl.focus();}},hide:function(K){if(this.el&&this.isVisible()){this.fireEvent("beforehide",this);if(this.activeItem){this.activeItem.deactivate();this.activeItem=null;}
+this.el.hide();this.hidden=true;this.fireEvent("hide",this);}if(K===true&&this.parentMenu){this.parentMenu.hide(true);}},add:function(){var a=arguments,l=a.length,L;for(var i=0;i<l;i++){var el=a[i];if(el.render){L=this.addItem(el);}else if(typeof el=="string"){if(el=="separator"||el=="-"){L=this.addSeparator();}else {L=this.addText(el);}}else if(el.tagName||el.el){L=this.addElement(el);}else if(typeof el=="object"){L=this.addMenuItem(el);}}return L;},getEl:function(){if(!this.el){this.render();}return this.el;},addSeparator:function(){return this.addItem(new Roo.menu.Separator());},addElement:function(el){return this.addItem(new Roo.menu.BaseItem(el));},addItem:function(M){this.items.add(M);if(this.ul){var li=document.createElement("li");li.className="x-menu-list-item";this.ul.dom.appendChild(li);M.render(li,this);this.delayAutoWidth();}return M;},addMenuItem:function(N){if(!(N instanceof Roo.menu.Item)){if(typeof N.checked=="boolean"){N=new Roo.menu.CheckItem(N);}else {N=new Roo.menu.Item(N);}}return this.addItem(N);},addText:function(O){return this.addItem(new Roo.menu.TextItem(O));},insert:function(P,Q){this.items.insert(P,Q);if(this.ul){var li=document.createElement("li");li.className="x-menu-list-item";this.ul.dom.insertBefore(li,this.ul.dom.childNodes[P]);Q.render(li,this);this.delayAutoWidth();}return Q;},remove:function(R){this.items.removeKey(R.id);R.destroy();},removeAll:function(){var f;while(f=this.items.first()){this.remove(f);}}});Roo.menu.MenuNav=function(S){Roo.menu.MenuNav.superclass.constructor.call(this,S.el);this.scope=this.menu=S;};Roo.extend(Roo.menu.MenuNav,Roo.KeyNav,{doRelay:function(e,h){var k=e.getKey();if(!this.menu.activeItem&&e.isNavKeyPress()&&k!=e.SPACE&&k!=e.RETURN ){this.menu.tryActivate(0,1);return false;}return h.call(this.scope||this,e,this.menu);},up:function(e,m){if(!m.tryActivate(m.items.indexOf(m.activeItem)-1,-1)){m.tryActivate(m.items.length-1,-1);}},down:function(e,m){if(!m.tryActivate(m.items.indexOf(m.activeItem)+1,1)){m.tryActivate(0,1);}},right:function(e,m){if(m.activeItem){m.activeItem.expandMenu(true);}},left:function(e,m){m.hide();if(m.parentMenu&&m.parentMenu.activeItem){m.parentMenu.activeItem.activate();}},enter:function(e,m){if(m.activeItem){e.stopPropagation();m.activeItem.onClick(e);m.fireEvent("click",this,m.activeItem);return true;}}});
+Roo.menu.MenuMgr=function(){var A,B,C={},attached=false,lastShow=new Date();function D(){A={};B=new Roo.util.MixedCollection();Roo.get(document).addKeyListener(27,function(){if(B.length>0){E();}});}function E(){if(B&&B.length>0){var c=B.clone();c.each(function(m){m.hide();});}}function F(m){B.remove(m);if(B.length<1){Roo.get(document).un("mousedown",J);attached=false;}}function G(m){var L=B.last();lastShow=new Date();B.add(m);if(!attached){Roo.get(document).on("mousedown",J);attached=true;}if(m.parentMenu){m.getEl().setZIndex(parseInt(m.parentMenu.getEl().getStyle("z-index"),10)+3);m.parentMenu.activeChild=m;}else if(L&&L.isVisible()){m.getEl().setZIndex(parseInt(L.getEl().getStyle("z-index"),10)+3);}}function H(m){if(m.activeChild){m.activeChild.hide();}if(m.autoHideTimer){clearTimeout(m.autoHideTimer);delete m.autoHideTimer;}}function I(m){var pm=m.parentMenu;if(!pm&&!m.allowOtherMenus){E();}else if(pm&&pm.activeChild&&B!=m){pm.activeChild.hide();}}function J(e){if(lastShow.getElapsed()>50&&B.length>0&&!e.getTarget(".x-menu")){E();}}function K(mi,L){if(L){var g=C[mi.group];for(var i=0,l=g.length;i<l;i++){if(g[i]!=mi){g[i].setChecked(false);}}}}return {hideAll:function(){E();},register:function(Q){if(!A){D();}
+A[Q.id]=Q;Q.on("beforehide",H);Q.on("hide",F);Q.on("beforeshow",I);Q.on("show",G);var g=Q.group;if(g&&Q.events["checkchange"]){if(!C[g]){C[g]=[];}
+C[g].push(Q);Q.on("checkchange",onCheck);}},get:function(R){if(typeof R=="string"){return A[R];}else if(R.events){return R;}else if(typeof R.length=='number'){return new Roo.menu.Menu({items:R});}else {return new Roo.menu.Menu(R);}},unregister:function(S){delete A[S.id];S.un("beforehide",H);S.un("hide",F);S.un("beforeshow",I);S.un("show",G);var g=S.group;if(g&&S.events["checkchange"]){C[g].remove(S);S.un("checkchange",onCheck);}},registerCheckable:function(T){var g=T.group;if(g){if(!C[g]){C[g]=[];}
+C[g].push(T);T.on("beforecheckchange",K);}},unregisterCheckable:function(U){var g=U.group;if(g){C[g].remove(U);U.un("beforecheckchange",K);}}};}();
+Roo.menu.BaseItem=function(A){Roo.menu.BaseItem.superclass.constructor.call(this,A);this.addEvents({click:true,activate:true,deactivate:true});if(this.handler){this.on("click",this.handler,this.scope,true);}};Roo.extend(Roo.menu.BaseItem,Roo.Component,{canActivate:false,activeClass:"x-menu-item-active",hideOnClick:true,hideDelay:100,ctype:"Roo.menu.BaseItem",actionMode:"container",render:function(B,C){this.parentMenu=C;Roo.menu.BaseItem.superclass.render.call(this,B);this.container.menuItemId=this.id;},onRender:function(D,E){this.el=Roo.get(this.el);D.dom.appendChild(this.el.dom);},onClick:function(e){if(!this.disabled&&this.fireEvent("click",this,e)!==false&&this.parentMenu.fireEvent("itemclick",this,e)!==false){this.handleClick(e);}else {e.stopEvent();}},activate:function(){if(this.disabled){return false;}var li=this.container;li.addClass(this.activeClass);this.region=li.getRegion().adjust(2,2,-2,-2);this.fireEvent("activate",this);return true;},deactivate:function(){this.container.removeClass(this.activeClass);this.fireEvent("deactivate",this);},shouldDeactivate:function(e){return !this.region||!this.region.contains(e.getPoint());},handleClick:function(e){if(this.hideOnClick){this.parentMenu.hide.defer(this.hideDelay,this.parentMenu,[true]);}},expandMenu:function(F){},hideMenu:function(){}});
+Roo.menu.Adapter=function(A,B){Roo.menu.Adapter.superclass.constructor.call(this,B);this.component=A;};Roo.extend(Roo.menu.Adapter,Roo.menu.BaseItem,{canActivate:true,onRender:function(C,D){this.component.render(C);this.el=this.component.getEl();},activate:function(){if(this.disabled){return false;}
+this.component.focus();this.fireEvent("activate",this);return true;},deactivate:function(){this.fireEvent("deactivate",this);},disable:function(){this.component.disable();Roo.menu.Adapter.superclass.disable.call(this);},enable:function(){this.component.enable();Roo.menu.Adapter.superclass.enable.call(this);}});
+Roo.menu.TextItem=function(A){this.text=A;Roo.menu.TextItem.superclass.constructor.call(this);};Roo.extend(Roo.menu.TextItem,Roo.menu.BaseItem,{hideOnClick:false,itemCls:"x-menu-text",onRender:function(){var s=document.createElement("span");s.className=this.itemCls;s.innerHTML=this.text;this.el=s;Roo.menu.TextItem.superclass.onRender.apply(this,arguments);}});
+Roo.menu.Separator=function(A){Roo.menu.Separator.superclass.constructor.call(this,A);};Roo.extend(Roo.menu.Separator,Roo.menu.BaseItem,{itemCls:"x-menu-sep",hideOnClick:false,onRender:function(li){var s=document.createElement("span");s.className=this.itemCls;s.innerHTML=" ";this.el=s;li.addClass("x-menu-sep-li");Roo.menu.Separator.superclass.onRender.apply(this,arguments);}});
+Roo.menu.Item=function(A){Roo.menu.Item.superclass.constructor.call(this,A);if(this.menu){this.menu=Roo.menu.MenuMgr.get(this.menu);}};Roo.extend(Roo.menu.Item,Roo.menu.BaseItem,{itemCls:"x-menu-item",canActivate:true,showDelay:200,hideDelay:200,ctype:"Roo.menu.Item",onRender:function(B,C){var el=document.createElement("a");el.hideFocus=true;el.unselectable="on";el.href=this.href||"#";if(this.hrefTarget){el.target=this.hrefTarget;}
+el.className=this.itemCls+(this.menu?" x-menu-item-arrow":"")+(this.cls?" "+this.cls:"");el.innerHTML=String.format('<img src="{0}" class="x-menu-item-icon {2}" />{1}',this.icon||Roo.BLANK_IMAGE_URL,this.text,this.iconCls||'');this.el=el;Roo.menu.Item.superclass.onRender.call(this,B,C);},setText:function(D){this.text=D;if(this.rendered){this.el.update(String.format('<img src="{0}" class="x-menu-item-icon {2}">{1}',this.icon||Roo.BLANK_IMAGE_URL,this.text,this.iconCls||''));this.parentMenu.autoWidth();}},handleClick:function(e){if(!this.href){e.stopEvent();}
+Roo.menu.Item.superclass.handleClick.apply(this,arguments);},activate:function(E){if(Roo.menu.Item.superclass.activate.apply(this,arguments)){this.focus();if(E){this.expandMenu();}}return true;},shouldDeactivate:function(e){if(Roo.menu.Item.superclass.shouldDeactivate.call(this,e)){if(this.menu&&this.menu.isVisible()){return !this.menu.getEl().getRegion().contains(e.getPoint());}return true;}return false;},deactivate:function(){Roo.menu.Item.superclass.deactivate.apply(this,arguments);this.hideMenu();},expandMenu:function(F){if(!this.disabled&&this.menu){clearTimeout(this.hideTimer);delete this.hideTimer;if(!this.menu.isVisible()&&!this.showTimer){this.showTimer=this.deferExpand.defer(this.showDelay,this,[F]);}else if(this.menu.isVisible()&&F){this.menu.tryActivate(0,1);}}},deferExpand:function(G){delete this.showTimer;this.menu.show(this.container,this.parentMenu.subMenuAlign||"tl-tr?",this.parentMenu);if(G){this.menu.tryActivate(0,1);}},hideMenu:function(){clearTimeout(this.showTimer);delete this.showTimer;if(!this.hideTimer&&this.menu&&this.menu.isVisible()){this.hideTimer=this.deferHide.defer(this.hideDelay,this);}},deferHide:function(){delete this.hideTimer;this.menu.hide();}});
+Roo.menu.CheckItem=function(A){Roo.menu.CheckItem.superclass.constructor.call(this,A);this.addEvents({"beforecheckchange":true,"checkchange":true});if(this.checkHandler){this.on('checkchange',this.checkHandler,this.scope);}};Roo.extend(Roo.menu.CheckItem,Roo.menu.Item,{itemCls:"x-menu-item x-menu-check-item",groupClass:"x-menu-group-item",checked:false,ctype:"Roo.menu.CheckItem",onRender:function(c){Roo.menu.CheckItem.superclass.onRender.apply(this,arguments);if(this.group){this.el.addClass(this.groupClass);}
+Roo.menu.MenuMgr.registerCheckable(this);if(this.checked){this.checked=false;this.setChecked(true,true);}},destroy:function(){if(this.rendered){Roo.menu.MenuMgr.unregisterCheckable(this);}
+Roo.menu.CheckItem.superclass.destroy.apply(this,arguments);},setChecked:function(B,C){if(this.checked!=B&&this.fireEvent("beforecheckchange",this,B)!==false){if(this.container){this.container[B?"addClass":"removeClass"]("x-menu-item-checked");}
+this.checked=B;if(C!==true){this.fireEvent("checkchange",this,B);}}},handleClick:function(e){if(!this.disabled&&!(this.checked&&this.group)){this.setChecked(!this.checked);}
+Roo.menu.CheckItem.superclass.handleClick.apply(this,arguments);}});
+Roo.menu.DateItem=function(A){Roo.menu.DateItem.superclass.constructor.call(this,new Roo.DatePicker(A),A);this.picker=this.component;this.addEvents({select:true});this.picker.on("render",function(B){B.getEl().swallowEvent("click");B.container.addClass("x-menu-date-item");});this.picker.on("select",this.onSelect,this);};Roo.extend(Roo.menu.DateItem,Roo.menu.Adapter,{onSelect:function(B,C){this.fireEvent("select",this,C,B);Roo.menu.DateItem.superclass.handleClick.call(this);}});
+Roo.menu.ColorItem=function(A){Roo.menu.ColorItem.superclass.constructor.call(this,new Roo.ColorPalette(A),A);this.palette=this.component;this.relayEvents(this.palette,["select"]);if(this.selectHandler){this.on('select',this.selectHandler,this.scope);}};Roo.extend(Roo.menu.ColorItem,Roo.menu.Adapter);
+Roo.menu.DateMenu=function(A){Roo.menu.DateMenu.superclass.constructor.call(this,A);this.plain=true;var di=new Roo.menu.DateItem(A);this.add(di);this.picker=di.picker;this.relayEvents(di,["select"]);this.on('beforeshow',function(){if(this.picker){this.picker.hideMonthPicker(true);}},this);};Roo.extend(Roo.menu.DateMenu,Roo.menu.Menu,{cls:'x-date-menu'});
+Roo.menu.ColorMenu=function(A){Roo.menu.ColorMenu.superclass.constructor.call(this,A);this.plain=true;var ci=new Roo.menu.ColorItem(A);this.add(ci);this.palette=ci.palette;this.relayEvents(ci,["select"]);};Roo.extend(Roo.menu.ColorMenu,Roo.menu.Menu);
+Roo.form.Field=function(A){Roo.form.Field.superclass.constructor.call(this,A);};Roo.extend(Roo.form.Field,Roo.BoxComponent,{invalidClass:"x-form-invalid",invalidText:"The value in this field is invalid",focusClass:"x-form-focus",validationEvent:"keyup",validateOnBlur:true,validationDelay:250,defaultAutoCreate:{tag:"input",type:"text",size:"20",autocomplete:"off"},fieldClass:"x-form-field",msgTarget:'qtip',msgFx:'normal',readOnly:false,disabled:false,inputType:undefined,tabIndex:undefined,isFormField:true,hasFocus:false,value:undefined,initComponent:function(){Roo.form.Field.superclass.initComponent.call(this);this.addEvents({focus:true,blur:true,specialkey:true,change:true,invalid:true,valid:true});},getName:function(){return this.rendered&&this.el.dom.name?this.el.dom.name:(this.hiddenName||'');},onRender:function(ct,B){Roo.form.Field.superclass.onRender.call(this,ct,B);if(!this.el){var cfg=this.getAutoCreate();if(!cfg.name){cfg.name=this.name||this.id;}if(this.inputType){cfg.type=this.inputType;}
+this.el=ct.createChild(cfg,B);}var C=this.el.dom.type;if(C){if(C=='password'){C='text';}
+this.el.addClass('x-form-'+C);}if(this.readOnly){this.el.dom.readOnly=true;}if(this.tabIndex!==undefined){this.el.dom.setAttribute('tabIndex',this.tabIndex);}
+this.el.addClass([this.fieldClass,this.cls]);this.initValue();},applyTo:function(D){this.allowDomMove=false;this.el=Roo.get(D);this.render(this.el.dom.parentNode);return this;},initValue:function(){if(this.value!==undefined){this.setValue(this.value);}else if(this.el.dom.value.length>0){this.setValue(this.el.dom.value);}},isDirty:function(){if(this.disabled){return false;}return String(this.getValue())!==String(this.originalValue);},afterRender:function(){Roo.form.Field.superclass.afterRender.call(this);this.initEvents();},fireKey:function(e){if(e.isNavKeyPress()){this.fireEvent("specialkey",this,e);}},reset:function(){this.setValue(this.originalValue);this.clearInvalid();},initEvents:function(){this.el.on(Roo.isIE?"keydown":"keypress",this.fireKey,this);this.el.on("focus",this.onFocus,this);this.el.on("blur",this.onBlur,this);this.originalValue=this.getValue();},onFocus:function(){if(!Roo.isOpera&&this.focusClass){this.el.addClass(this.focusClass);}if(!this.hasFocus){this.hasFocus=true;this.startValue=this.getValue();this.fireEvent("focus",this);}},beforeBlur:Roo.emptyFn,onBlur:function(){this.beforeBlur();if(!Roo.isOpera&&this.focusClass){this.el.removeClass(this.focusClass);}
+this.hasFocus=false;if(this.validationEvent!==false&&this.validateOnBlur&&this.validationEvent!="blur"){this.validate();}var v=this.getValue();if(String(v)!==String(this.startValue)){this.fireEvent('change',this,v,this.startValue);}
+this.fireEvent("blur",this);},isValid:function(E){if(this.disabled){return true;}var F=this.preventMark;this.preventMark=E===true;var v=this.validateValue(this.processValue(this.getRawValue()));this.preventMark=F;return v;},validate:function(){if(this.disabled||this.validateValue(this.processValue(this.getRawValue()))){this.clearInvalid();return true;}return false;},processValue:function(G){return G;},validateValue:function(H){return true;},markInvalid:function(I){if(!this.rendered||this.preventMark){return;}
+this.el.addClass(this.invalidClass);I=I||this.invalidText;switch(this.msgTarget){case 'qtip':this.el.dom.qtip=I;this.el.dom.qclass='x-form-invalid-tip';if(Roo.QuickTips){Roo.QuickTips.enable();}break;case 'title':this.el.dom.title=I;break;case 'under':if(!this.errorEl){var elp=this.el.findParent('.x-form-element',5,true);this.errorEl=elp.createChild({cls:'x-form-invalid-msg'});this.errorEl.setWidth(elp.getWidth(true)-20);}
+this.errorEl.update(I);Roo.form.Field.msgFx[this.msgFx].show(this.errorEl,this);break;case 'side':if(!this.errorIcon){var elp=this.el.findParent('.x-form-element',5,true);this.errorIcon=elp.createChild({cls:'x-form-invalid-icon'});}
+this.alignErrorIcon();this.errorIcon.dom.qtip=I;this.errorIcon.dom.qclass='x-form-invalid-tip';this.errorIcon.show();this.on('resize',this.alignErrorIcon,this);break;default:var t=Roo.getDom(this.msgTarget);t.innerHTML=I;t.style.display=this.msgDisplay;break;}
+this.fireEvent('invalid',this,I);},alignErrorIcon:function(){this.errorIcon.alignTo(this.el,'tl-tr',[2,0]);},clearInvalid:function(){if(!this.rendered||this.preventMark){return;}
+this.el.removeClass(this.invalidClass);switch(this.msgTarget){case 'qtip':this.el.dom.qtip='';break;case 'title':this.el.dom.title='';break;case 'under':if(this.errorEl){Roo.form.Field.msgFx[this.msgFx].hide(this.errorEl,this);}break;case 'side':if(this.errorIcon){this.errorIcon.dom.qtip='';this.errorIcon.hide();this.un('resize',this.alignErrorIcon,this);}break;default:var t=Roo.getDom(this.msgTarget);t.innerHTML='';t.style.display='none';break;}
+this.fireEvent('valid',this);},getRawValue:function(){var v=this.el.getValue();if(v===this.emptyText){v='';}return v;},getValue:function(){var v=this.el.getValue();if(v===this.emptyText||v===undefined){v='';}return v;},setRawValue:function(v){return this.el.dom.value=(v===null||v===undefined?'':v);},setValue:function(v){this.value=v;if(this.rendered){this.el.dom.value=(v===null||v===undefined?'':v);this.validate();}},adjustSize:function(w,h){var s=Roo.form.Field.superclass.adjustSize.call(this,w,h);s.width=this.adjustWidth(this.el.dom.tagName,s.width);return s;},adjustWidth:function(J,w){J=J.toLowerCase();if(typeof w=='number'&&Roo.isStrict&&!Roo.isSafari){if(Roo.isIE&&(J=='input'||J=='textarea')){if(J=='input'){return w+2;}if(J='textarea'){return w-2;}}else if(Roo.isOpera){if(J=='input'){return w+2;}if(J='textarea'){return w-2;}}}return w;}});Roo.form.Field.msgFx={normal:{show:function(K,f){K.setDisplayed('block');},hide:function(L,f){L.setDisplayed(false).update('');}},slide:{show:function(M,f){M.slideIn('t',{stopFx:true});},hide:function(N,f){N.slideOut('t',{stopFx:true,useDisplay:true});}},slideRight:{show:function(O,f){O.fixDisplay();O.alignTo(f.el,'tl-tr');O.slideIn('l',{stopFx:true});},hide:function(P,f){P.slideOut('l',{stopFx:true,useDisplay:true});}}};
+Roo.form.TextField=function(A){Roo.form.TextField.superclass.constructor.call(this,A);this.addEvents({autosize:true});};Roo.extend(Roo.form.TextField,Roo.form.Field,{grow:false,growMin:30,growMax:800,vtype:null,maskRe:null,disableKeyFilter:false,allowBlank:true,minLength:0,maxLength:Number.MAX_VALUE,minLengthText:"The minimum length for this field is {0}",maxLengthText:"The maximum length for this field is {0}",selectOnFocus:false,blankText:"This field is required",validator:null,regex:null,regexText:"",emptyText:null,emptyClass:'x-form-empty-field',initEvents:function(){Roo.form.TextField.superclass.initEvents.call(this);if(this.validationEvent=='keyup'){this.validationTask=new Roo.util.DelayedTask(this.validate,this);this.el.on('keyup',this.filterValidation,this);}else if(this.validationEvent!==false){this.el.on(this.validationEvent,this.validate,this,{buffer:this.validationDelay});}if(this.selectOnFocus||this.emptyText){this.on("focus",this.preFocus,this);if(this.emptyText){this.on('blur',this.postBlur,this);this.applyEmptyText();}}if(this.maskRe||(this.vtype&&this.disableKeyFilter!==true&&(this.maskRe=Roo.form.VTypes[this.vtype+'Mask']))){this.el.on("keypress",this.filterKeys,this);}if(this.grow){this.el.on("keyup",this.onKeyUp,this,{buffer:50});this.el.on("click",this.autoSize,this);}},processValue:function(B){if(this.stripCharsRe){var newValue=B.replace(this.stripCharsRe,'');if(newValue!==B){this.setRawValue(newValue);return newValue;}}return B;},filterValidation:function(e){if(!e.isNavKeyPress()){this.validationTask.delay(this.validationDelay);}},onKeyUp:function(e){if(!e.isNavKeyPress()){this.autoSize();}},reset:function(){Roo.form.TextField.superclass.reset.call(this);this.applyEmptyText();},applyEmptyText:function(){if(this.rendered&&this.emptyText&&this.getRawValue().length<1){this.setRawValue(this.emptyText);this.el.addClass(this.emptyClass);}},preFocus:function(){if(this.emptyText){if(this.el.dom.value==this.emptyText){this.setRawValue('');}
+this.el.removeClass(this.emptyClass);}if(this.selectOnFocus){this.el.dom.select();}},postBlur:function(){this.applyEmptyText();},filterKeys:function(e){var k=e.getKey();if(!Roo.isIE&&(e.isNavKeyPress()||k==e.BACKSPACE||(k==e.DELETE &&e.button==-1))){return;}var c=e.getCharCode(),cc=String.fromCharCode(c);if(Roo.isIE&&(e.isSpecialKey()||!cc)){return;}if(!this.maskRe.test(cc)){e.stopEvent();}},setValue:function(v){if(this.emptyText&&this.el&&v!==undefined&&v!==null&&v!==''){this.el.removeClass(this.emptyClass);}
+Roo.form.TextField.superclass.setValue.apply(this,arguments);this.applyEmptyText();this.autoSize();},validateValue:function(C){if(C.length<1||C===this.emptyText){if(this.allowBlank){this.clearInvalid();return true;}else {this.markInvalid(this.blankText);return false;}}if(C.length<this.minLength){this.markInvalid(String.format(this.minLengthText,this.minLength));return false;}if(C.length>this.maxLength){this.markInvalid(String.format(this.maxLengthText,this.maxLength));return false;}if(this.vtype){var vt=Roo.form.VTypes;if(!vt[this.vtype](C,this)){this.markInvalid(this.vtypeText||vt[this.vtype+'Text']);return false;}}if(typeof this.validator=="function"){var msg=this.validator(C);if(msg!==true){this.markInvalid(msg);return false;}}if(this.regex&&!this.regex.test(C)){this.markInvalid(this.regexText);return false;}return true;},selectText:function(D,E){var v=this.getRawValue();if(v.length>0){D=D===undefined?0:D;E=E===undefined?v.length:E;var d=this.el.dom;if(d.setSelectionRange){d.setSelectionRange(D,E);}else if(d.createTextRange){var range=d.createTextRange();range.moveStart("character",D);range.moveEnd("character",v.length-E);range.select();}}},autoSize:function(){if(!this.grow||!this.rendered){return;}if(!this.metrics){this.metrics=Roo.util.TextMetrics.createInstance(this.el);}var el=this.el;var v=el.dom.value;var d=document.createElement('div');d.appendChild(document.createTextNode(v));v=d.innerHTML;d=null;v+=" ";var w=Math.min(this.growMax,Math.max(this.metrics.getWidth(v)+10,this.growMin));this.el.setWidth(w);this.fireEvent("autosize",this,w);}});
+Roo.form.Hidden=function(A){Roo.form.Hidden.superclass.constructor.call(this,A);};Roo.extend(Roo.form.Hidden,Roo.form.TextField,{fieldLabel:'',inputType:'hidden',width:50,allowBlank:true,labelSeparator:'',hidden:true,itemCls:'x-form-item-display-none'});
+Roo.form.TriggerField=function(A){this.mimicing=false;Roo.form.TriggerField.superclass.constructor.call(this,A);};Roo.extend(Roo.form.TriggerField,Roo.form.TextField,{defaultAutoCreate:{tag:"input",type:"text",size:"16",autocomplete:"off"},hideTrigger:false,autoSize:Roo.emptyFn,monitorTab:true,deferHeight:true,actionMode:'wrap',onResize:function(w,h){Roo.form.TriggerField.superclass.onResize.apply(this,arguments);if(typeof w=='number'){this.el.setWidth(this.adjustWidth('input',w-this.trigger.getWidth()));}},adjustSize:Roo.BoxComponent.prototype.adjustSize,getResizeEl:function(){return this.wrap;},getPositionEl:function(){return this.wrap;},alignErrorIcon:function(){this.errorIcon.alignTo(this.wrap,'tl-tr',[2,0]);},onRender:function(ct,B){Roo.form.TriggerField.superclass.onRender.call(this,ct,B);this.wrap=this.el.wrap({cls:"x-form-field-wrap"});this.trigger=this.wrap.createChild(this.triggerConfig||{tag:"img",src:Roo.BLANK_IMAGE_URL,cls:"x-form-trigger "+this.triggerClass});if(this.hideTrigger){this.trigger.setDisplayed(false);}
+this.initTrigger();if(!this.width){this.wrap.setWidth(this.el.getWidth()+this.trigger.getWidth());}},initTrigger:function(){this.trigger.on("click",this.onTriggerClick,this,{preventDefault:true});this.trigger.addClassOnOver('x-form-trigger-over');this.trigger.addClassOnClick('x-form-trigger-click');},onDestroy:function(){if(this.trigger){this.trigger.removeAllListeners();this.trigger.remove();}if(this.wrap){this.wrap.remove();}
+Roo.form.TriggerField.superclass.onDestroy.call(this);},onFocus:function(){Roo.form.TriggerField.superclass.onFocus.call(this);if(!this.mimicing){this.wrap.addClass('x-trigger-wrap-focus');this.mimicing=true;Roo.get(Roo.isIE?document.body:document).on("mousedown",this.mimicBlur,this);if(this.monitorTab){this.el.on("keydown",this.checkTab,this);}}},checkTab:function(e){if(e.getKey()==e.TAB){this.triggerBlur();}},onBlur:function(){},mimicBlur:function(e,t){if(!this.wrap.contains(t)&&this.validateBlur()){this.triggerBlur();}},triggerBlur:function(){this.mimicing=false;Roo.get(Roo.isIE?document.body:document).un("mousedown",this.mimicBlur);if(this.monitorTab){this.el.un("keydown",this.checkTab,this);}
+this.wrap.removeClass('x-trigger-wrap-focus');Roo.form.TriggerField.superclass.onBlur.call(this);},validateBlur:function(e,t){return true;},onDisable:function(){Roo.form.TriggerField.superclass.onDisable.call(this);if(this.wrap){this.wrap.addClass('x-item-disabled');}},onEnable:function(){Roo.form.TriggerField.superclass.onEnable.call(this);if(this.wrap){this.wrap.removeClass('x-item-disabled');}},onShow:function(){var ae=this.getActionEl();if(ae){ae.dom.style.display='';ae.dom.style.visibility='visible';}},onHide:function(){var ae=this.getActionEl();ae.dom.style.display='none';},onTriggerClick:Roo.emptyFn});Roo.form.TwinTriggerField=Roo.extend(Roo.form.TriggerField,{initComponent:function(){Roo.form.TwinTriggerField.superclass.initComponent.call(this);this.triggerConfig={tag:'span',cls:'x-form-twin-triggers',cn:[{tag:"img",src:Roo.BLANK_IMAGE_URL,cls:"x-form-trigger "+this.trigger1Class},{tag:"img",src:Roo.BLANK_IMAGE_URL,cls:"x-form-trigger "+this.trigger2Class}]};},getTrigger:function(C){return this.triggers[C];},initTrigger:function(){var ts=this.trigger.select('.x-form-trigger',true);this.wrap.setStyle('overflow','hidden');var D=this;ts.each(function(t,E,F){t.hide=function(){var w=D.wrap.getWidth();this.dom.style.display='none';D.el.setWidth(w-D.trigger.getWidth());};t.show=function(){var w=D.wrap.getWidth();this.dom.style.display='';D.el.setWidth(w-D.trigger.getWidth());};var G='Trigger'+(F+1);if(this['hide'+G]){t.dom.style.display='none';}
+t.on("click",this['on'+G+'Click'],this,{preventDefault:true});t.addClassOnOver('x-form-trigger-over');t.addClassOnClick('x-form-trigger-click');},this);this.triggers=ts.elements;},onTrigger1Click:Roo.emptyFn,onTrigger2Click:Roo.emptyFn});
+Roo.form.TextArea=function(A){Roo.form.TextArea.superclass.constructor.call(this,A);if(this.minHeight!==undefined){this.growMin=this.minHeight;}if(this.maxHeight!==undefined){this.growMax=this.maxHeight;}};Roo.extend(Roo.form.TextArea,Roo.form.TextField,{growMin:60,growMax:1000,preventScrollbars:false,onRender:function(ct,B){if(!this.el){this.defaultAutoCreate={tag:"textarea",style:"width:300px;height:60px;",autocomplete:"off"};}
+Roo.form.TextArea.superclass.onRender.call(this,ct,B);if(this.grow){this.textSizeEl=Roo.DomHelper.append(document.body,{tag:"pre",cls:"x-form-grow-sizer"});if(this.preventScrollbars){this.el.setStyle("overflow","hidden");}
+this.el.setHeight(this.growMin);}},onDestroy:function(){if(this.textSizeEl){this.textSizeEl.parentNode.removeChild(this.textSizeEl);}
+Roo.form.TextArea.superclass.onDestroy.call(this);},onKeyUp:function(e){if(!e.isNavKeyPress()||e.getKey()==e.ENTER){this.autoSize();}},autoSize:function(){if(!this.grow||!this.textSizeEl){return;}var el=this.el;var v=el.dom.value;var ts=this.textSizeEl;ts.innerHTML='';ts.appendChild(document.createTextNode(v));v=ts.innerHTML;Roo.fly(ts).setWidth(this.el.getWidth());if(v.length<1){v="  ";}else {if(Roo.isIE){v=v.replace(/\n/g,'<p> </p>');}
+v+=" \n ";}
+ts.innerHTML=v;var h=Math.min(this.growMax,Math.max(ts.offsetHeight,this.growMin));if(h!=this.lastHeight){this.lastHeight=h;this.el.setHeight(h);this.fireEvent("autosize",this,h);}}});
+Roo.form.NumberField=function(A){Roo.form.NumberField.superclass.constructor.call(this,A);};Roo.extend(Roo.form.NumberField,Roo.form.TextField,{fieldClass:"x-form-field x-form-num-field",allowDecimals:true,decimalSeparator:".",decimalPrecision:2,allowNegative:true,minValue:Number.NEGATIVE_INFINITY,maxValue:Number.MAX_VALUE,minText:"The minimum value for this field is {0}",maxText:"The maximum value for this field is {0}",nanText:"{0} is not a valid number",initEvents:function(){Roo.form.NumberField.superclass.initEvents.call(this);var B="0123456789";if(this.allowDecimals){B+=this.decimalSeparator;}if(this.allowNegative){B+="-";}
+this.stripCharsRe=new RegExp('[^'+B+']','gi');var C=function(e){var k=e.getKey();if(!Roo.isIE&&(e.isSpecialKey()||k==e.BACKSPACE||k==e.DELETE )){return;}var c=e.getCharCode();if(B.indexOf(String.fromCharCode(c))===-1){e.stopEvent();}};this.el.on("keypress",C,this);},validateValue:function(D){if(!Roo.form.NumberField.superclass.validateValue.call(this,D)){return false;}if(D.length<1){return true;}var E=this.parseValue(D);if(isNaN(E)){this.markInvalid(String.format(this.nanText,D));return false;}if(E<this.minValue){this.markInvalid(String.format(this.minText,this.minValue));return false;}if(E>this.maxValue){this.markInvalid(String.format(this.maxText,this.maxValue));return false;}return true;},getValue:function(){return this.fixPrecision(this.parseValue(Roo.form.NumberField.superclass.getValue.call(this)));},parseValue:function(F){F=parseFloat(String(F).replace(this.decimalSeparator,"."));return isNaN(F)?'':F;},fixPrecision:function(G){var H=isNaN(G);if(!this.allowDecimals||this.decimalPrecision==-1||H||!G){return H?'':G;}return parseFloat(G).toFixed(this.decimalPrecision);},setValue:function(v){Roo.form.NumberField.superclass.setValue.call(this,String(v).replace(".",this.decimalSeparator));},decimalPrecisionFcn:function(v){return Math.floor(v);},beforeBlur:function(){var v=this.parseValue(this.getRawValue());if(v){this.setValue(this.fixPrecision(v));}}});
+Roo.form.DateField=function(A){Roo.form.DateField.superclass.constructor.call(this,A);this.addEvents({'select':true});if(typeof this.minValue=="string")this.minValue=this.parseDate(this.minValue);if(typeof this.maxValue=="string")this.maxValue=this.parseDate(this.maxValue);this.ddMatch=null;if(this.disabledDates){var dd=this.disabledDates;var re="(?:";for(var i=0;i<dd.length;i++){re+=dd[i];if(i!=dd.length-1)re+="|";}
+this.ddMatch=new RegExp(re+")");}};Roo.extend(Roo.form.DateField,Roo.form.TriggerField,{format:"m/d/y",altFormats:"m/d/Y|m-d-y|m-d-Y|m/d|m-d|md|mdy|mdY|d",disabledDays:null,disabledDaysText:"Disabled",disabledDates:null,disabledDatesText:"Disabled",minValue:null,maxValue:null,minText:"The date in this field must be equal to or after {0}",maxText:"The date in this field must be equal to or before {0}",invalidText:"{0} is not a valid date - it must be in the format {1}",triggerClass:'x-form-date-trigger',useIso:false,defaultAutoCreate:{tag:"input",type:"text",size:"10",autocomplete:"off"},hiddenField:false,onRender:function(ct,B){Roo.form.DateField.superclass.onRender.call(this,ct,B);if(this.useIso){this.el.dom.removeAttribute('name');this.hiddenField=this.el.insertSibling({tag:'input',type:'hidden',name:this.name},'before',true);this.hiddenField.value=this.formatDate(this.value,'Y-m-d');this.hiddenName=this.name;}},validateValue:function(C){C=this.formatDate(C);if(!Roo.form.DateField.superclass.validateValue.call(this,C)){return false;}if(C.length<1){return true;}var D=C;C=this.parseDate(C);if(!C){this.markInvalid(String.format(this.invalidText,D,this.format));return false;}var E=C.getTime();if(this.minValue&&E<this.minValue.getTime()){this.markInvalid(String.format(this.minText,this.formatDate(this.minValue)));return false;}if(this.maxValue&&E>this.maxValue.getTime()){this.markInvalid(String.format(this.maxText,this.formatDate(this.maxValue)));return false;}if(this.disabledDays){var day=C.getDay();for(var i=0;i<this.disabledDays.length;i++){if(day===this.disabledDays[i]){this.markInvalid(this.disabledDaysText);return false;}}}var F=this.formatDate(C);if(this.ddMatch&&this.ddMatch.test(F)){this.markInvalid(String.format(this.disabledDatesText,F));return false;}return true;},validateBlur:function(){return !this.menu||!this.menu.isVisible();},getValue:function(){return this.hiddenField?this.hiddenField.value:this.parseDate(Roo.form.DateField.superclass.getValue.call(this))||"";},setValue:function(G){if(this.hiddenField){this.hiddenField.value=this.formatDate(this.parseDate(G),'Y-m-d');}
+Roo.form.DateField.superclass.setValue.call(this,this.formatDate(this.parseDate(G)));},parseDate:function(H){if(!H||H instanceof Date){return H;}var v=Date.parseDate(H,this.format);if(!v&&this.altFormats){if(!this.altFormatsArray){this.altFormatsArray=this.altFormats.split("|");}for(var i=0,len=this.altFormatsArray.length;i<len&&!v;i++){v=Date.parseDate(H,this.altFormatsArray[i]);}}return v;},formatDate:function(I,J){return (!I||!(I instanceof Date))?I:I.dateFormat(J||this.format);},menuListeners:{select:function(m,d){this.setValue(d);this.fireEvent('select',this,d);},show:function(){this.onFocus();},hide:function(){this.focus.defer(10,this);var ml=this.menuListeners;this.menu.un("select",ml.select,this);this.menu.un("show",ml.show,this);this.menu.un("hide",ml.hide,this);}},onTriggerClick:function(){if(this.disabled){return;}if(this.menu==null){this.menu=new Roo.menu.DateMenu();}
+Roo.apply(this.menu.picker,{showClear:this.allowBlank,minDate:this.minValue,maxDate:this.maxValue,disabledDatesRE:this.ddMatch,disabledDatesText:this.disabledDatesText,disabledDays:this.disabledDays,disabledDaysText:this.disabledDaysText,format:this.format,minText:String.format(this.minText,this.formatDate(this.minValue)),maxText:String.format(this.maxText,this.formatDate(this.maxValue))});this.menu.on(Roo.apply({},this.menuListeners,{scope:this}));this.menu.picker.setValue(this.getValue()||new Date());this.menu.show(this.el,"tl-bl?");},beforeBlur:function(){var v=this.parseDate(this.getRawValue());if(v){this.setValue(v);}}});
+Roo.form.ComboBox=function(A){Roo.form.ComboBox.superclass.constructor.call(this,A);this.addEvents({'expand':true,'collapse':true,'beforeselect':true,'select':true,'beforequery':true});if(this.transform){this.allowDomMove=false;var s=Roo.getDom(this.transform);if(!this.hiddenName){this.hiddenName=s.name;}if(!this.store){this.mode='local';var d=[],opts=s.options;for(var i=0,len=opts.length;i<len;i++){var o=opts[i];var value=(Roo.isIE?o.getAttributeNode('value').specified:o.hasAttribute('value'))?o.value:o.text;if(o.selected){this.value=value;}
+d.push([value,o.text]);}
+this.store=new Roo.data.SimpleStore({'id':0,fields:['value','text'],data:d});this.valueField='value';this.displayField='text';}
+s.name=Roo.id();if(!this.lazyRender){this.target=true;this.el=Roo.DomHelper.insertBefore(s,this.autoCreate||this.defaultAutoCreate);s.parentNode.removeChild(s);this.render(this.el.parentNode);}else {s.parentNode.removeChild(s);}}if(this.store){this.store=Roo.factory(this.store,Roo.data);}
+this.selectedIndex=-1;if(this.mode=='local'){if(A.queryDelay===undefined){this.queryDelay=10;}if(A.minChars===undefined){this.minChars=0;}}};Roo.extend(Roo.form.ComboBox,Roo.form.TriggerField,{defaultAutoCreate:{tag:"input",type:"text",size:"24",autocomplete:"off"},listWidth:undefined,displayField:undefined,valueField:undefined,hiddenName:undefined,listClass:'',selectedClass:'x-combo-selected',triggerClass:'x-form-arrow-trigger',shadow:'sides',listAlign:'tl-bl?',maxHeight:300,triggerAction:'query',minChars:4,typeAhead:false,queryDelay:500,pageSize:0,selectOnFocus:false,queryParam:'query',loadingText:'Loading...',resizable:false,handleHeight:8,editable:true,allQuery:'',mode:'remote',minListWidth:70,forceSelection:false,typeAheadDelay:250,valueNotFoundText:undefined,blockFocus:false,disableClear:false,onRender:function(ct,B){Roo.form.ComboBox.superclass.onRender.call(this,ct,B);if(this.hiddenName){this.hiddenField=this.el.insertSibling({tag:'input',type:'hidden',name:this.hiddenName,id:(this.hiddenId||this.hiddenName)},'before',true);this.hiddenField.value=this.hiddenValue!==undefined?this.hiddenValue:this.value!==undefined?this.value:'';this.el.dom.removeAttribute('name');}if(Roo.isGecko){this.el.dom.setAttribute('autocomplete','off');}var C='x-combo-list';this.list=new Roo.Layer({shadow:this.shadow,cls:[C,this.listClass].join(' '),constrain:false});var lw=this.listWidth||Math.max(this.wrap.getWidth(),this.minListWidth);this.list.setWidth(lw);this.list.swallowEvent('mousewheel');this.assetHeight=0;if(this.title){this.header=this.list.createChild({cls:C+'-hd',html:this.title});this.assetHeight+=this.header.getHeight();}
+this.innerList=this.list.createChild({cls:C+'-inner'});this.innerList.on('mouseover',this.onViewOver,this);this.innerList.on('mousemove',this.onViewMove,this);this.innerList.setWidth(lw-this.list.getFrameWidth('lr'));if(this.allowBlank&&!this.pageSize&&!this.disableClear){this.footer=this.list.createChild({cls:C+'-ft'});this.pageTb=new Roo.Toolbar(this.footer);}if(this.pageSize){this.footer=this.list.createChild({cls:C+'-ft'});this.pageTb=new Roo.PagingToolbar(this.footer,this.store,{pageSize:this.pageSize});}if(this.pageTb&&this.allowBlank&&!this.disableClear){var _this=this;this.pageTb.add(new Roo.Toolbar.Fill(),{cls:'x-btn-icon x-btn-clear',text:' ',handler:function(){_this.collapse();_this.clearValue();_this.onSelect(false,-1);}});}if(this.footer){this.assetHeight+=this.footer.getHeight();}if(!this.tpl){this.tpl='<div class="'+C+'-item">{'+this.displayField+'}</div>';}
+this.view=new Roo.View(this.innerList,this.tpl,{singleSelect:true,store:this.store,selectedClass:this.selectedClass});this.view.on('click',this.onViewClick,this);this.store.on('beforeload',this.onBeforeLoad,this);this.store.on('load',this.onLoad,this);this.store.on('loadexception',this.collapse,this);if(this.resizable){this.resizer=new Roo.Resizable(this.list,{pinned:true,handles:'se'});this.resizer.on('resize',function(r,w,h){this.maxHeight=h-this.handleHeight-this.list.getFrameWidth('tb')-this.assetHeight;this.listWidth=w;this.innerList.setWidth(w-this.list.getFrameWidth('lr'));this.restrictHeight();},this);this[this.pageSize?'footer':'innerList'].setStyle('margin-bottom',this.handleHeight+'px');}if(!this.editable){this.editable=true;this.setEditable(false);}},initEvents:function(){Roo.form.ComboBox.superclass.initEvents.call(this);this.keyNav=new Roo.KeyNav(this.el,{"up":function(e){this.inKeyMode=true;this.selectPrev();},"down":function(e){if(!this.isExpanded()){this.onTriggerClick();}else {this.inKeyMode=true;this.selectNext();}},"enter":function(e){this.onViewClick();},"esc":function(e){this.collapse();},"tab":function(e){this.onViewClick(false);return true;},scope:this,doRelay:function(D,E,F){if(F=='down'||this.scope.isExpanded()){return Roo.KeyNav.prototype.doRelay.apply(this,arguments);}return true;},forceKeyDown:true});this.queryDelay=Math.max(this.queryDelay||10,this.mode=='local'?10:250);this.dqTask=new Roo.util.DelayedTask(this.initQuery,this);if(this.typeAhead){this.taTask=new Roo.util.DelayedTask(this.onTypeAhead,this);}if(this.editable!==false){this.el.on("keyup",this.onKeyUp,this);}if(this.forceSelection){this.on('blur',this.doForce,this);}},onDestroy:function(){if(this.view){this.view.setStore(null);this.view.el.removeAllListeners();this.view.el.remove();this.view.purgeListeners();}if(this.list){this.list.destroy();}if(this.store){this.store.un('beforeload',this.onBeforeLoad,this);this.store.un('load',this.onLoad,this);this.store.un('loadexception',this.collapse,this);}
+Roo.form.ComboBox.superclass.onDestroy.call(this);},fireKey:function(e){if(e.isNavKeyPress()&&!this.list.isVisible()){this.fireEvent("specialkey",this,e);}},onResize:function(w,h){Roo.form.ComboBox.superclass.onResize.apply(this,arguments);if(this.list&&this.listWidth===undefined){var lw=Math.max(w,this.minListWidth);this.list.setWidth(lw);this.innerList.setWidth(lw-this.list.getFrameWidth('lr'));}},setEditable:function(D){if(D==this.editable){return;}
+this.editable=D;if(!D){this.el.dom.setAttribute('readOnly',true);this.el.on('mousedown',this.onTriggerClick,this);this.el.addClass('x-combo-noedit');}else {this.el.dom.setAttribute('readOnly',false);this.el.un('mousedown',this.onTriggerClick,this);this.el.removeClass('x-combo-noedit');}},onBeforeLoad:function(){if(!this.hasFocus){return;}
+this.innerList.update(this.loadingText?'<div class="loading-indicator">'+this.loadingText+'</div>':'');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!=Roo.EventObject.BACKSPACE&&this.lastKey!=Roo.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(E,F){if(this.fireEvent('beforeselect',this,E,F)!==false){this.setFromData(F>-1?E.data:false);this.collapse();this.fireEvent('select',this,E,F);}},getValue:function(){if(this.valueField){return typeof this.value!='undefined'?this.value:'';}else {return Roo.form.ComboBox.superclass.getValue.call(this);}},clearValue:function(){if(this.hiddenField){this.hiddenField.value='';}
+this.value='';this.setRawValue('');this.lastSelectionText='';this.applyEmptyText();},setValue:function(v){var G=v;if(this.valueField){var r=this.findRecord(this.valueField,v);if(r){G=r.data[this.displayField];}else if(this.valueNotFoundText!==undefined){G=this.valueNotFoundText;}}
+this.lastSelectionText=G;if(this.hiddenField){this.hiddenField.value=v;}
+Roo.form.ComboBox.superclass.setValue.call(this,G);this.value=v;},lastData:false,setFromData:function(o){var dv='';var vv='';this.lastData=o;if(this.displayField){dv=!o||typeof(o[this.displayField])=='undefined'?'':o[this.displayField];}else {console.log('no value field set for '+this.name);}if(this.valueField){vv=!o||typeof(o[this.valueField])=='undefined'?dv:o[this.valueField];}if(this.hiddenField){this.hiddenField.value=vv;this.lastSelectionText=dv;Roo.form.ComboBox.superclass.setValue.call(this,dv);this.value=vv;return;}
+this.lastSelectionText=dv;Roo.form.ComboBox.superclass.setValue.call(this,dv);this.value=vv;},reset:function(){this.setValue(this.originalValue);this.clearInvalid();this.lastData=false;},findRecord:function(H,I){var J;if(this.store.getCount()>0){this.store.each(function(r){if(r.data[H]==I){J=r;return false;}});}return J;},onViewMove:function(e,t){this.inKeyMode=false;},onViewOver:function(e,t){if(this.inKeyMode){return;}var K=this.view.findItemFromChild(t);if(K){var F=this.view.indexOf(K);this.select(F,false);}},onViewClick:function(L){var M=this.view.getSelectedIndexes()[0];var r=this.store.getAt(M);if(r){this.onSelect(r,M);}if(L!==false&&!this.blockFocus){this.el.focus();}},restrictHeight:function(){this.innerList.dom.style.height='';var N=this.innerList.dom;var h=Math.max(N.clientHeight,N.offsetHeight,N.scrollHeight);this.innerList.setHeight(h<this.maxHeight?'auto':this.maxHeight);this.list.beginUpdate();this.list.setHeight(this.innerList.getHeight()+this.list.getFrameWidth('tb')+(this.resizable?this.handleHeight:0)+this.assetHeight);this.list.alignTo(this.el,this.listAlign);this.list.endUpdate();},onEmptyResults:function(){this.collapse();},isExpanded:function(){return this.list.isVisible();},selectByValue:function(v,O){if(v!==undefined&&v!==null){var r=this.findRecord(this.valueField||this.displayField,v);if(r){this.select(this.store.indexOf(r),O);return true;}}return false;},select:function(P,Q){this.selectedIndex=P;this.view.select(P);if(Q!==false){var el=this.view.getNode(P);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,R){if(q===undefined||q===null){q='';}var qe={query:q,forceAll:R,combo:this,cancel:false};if(this.fireEvent('beforequery',qe)===false||qe.cancel){return false;}
+q=qe.query;R=qe.forceAll;if(R===true||(q.length>=this.minChars)){if(this.lastQuery!=q){this.lastQuery=q;if(this.mode=='local'){this.selectedIndex=-1;if(R){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();Roo.get(document).un('mousedown',this.collapseIf,this);Roo.get(document).un('mousewheel',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.el,this.listAlign);this.list.show();Roo.get(document).on('mousedown',this.collapseIf,this);Roo.get(document).on('mousewheel',this.collapseIf,this);this.fireEvent('expand',this);},onTriggerClick:function(){if(this.disabled){return;}if(this.isExpanded()){this.collapse();if(!this.blockFocus){this.el.focus();}}else {this.hasFocus=true;if(this.triggerAction=='all'){this.doQuery(this.allQuery,true);}else {this.doQuery(this.getRawValue());}if(!this.blockFocus){this.el.focus();}}}});
+Roo.form.Checkbox=function(A){Roo.form.Checkbox.superclass.constructor.call(this,A);this.addEvents({check:true});};Roo.extend(Roo.form.Checkbox,Roo.form.Field,{focusClass:undefined,fieldClass:"x-form-field",checked:false,defaultAutoCreate:{tag:"input",type:'hidden',autocomplete:"off"},boxLabel:"",inputValue:'1',valueOff:'0',actionMode:'viewEl',itemCls:'x-menu-check-item x-form-item',groupClass:'x-menu-group-item',inputType:'hidden',inSetChecked:false,inputElement:false,basedOn:false,isFormField:true,onResize:function(){Roo.form.Checkbox.superclass.onResize.apply(this,arguments);if(!this.boxLabel){this.el.alignTo(this.wrap,'c-c');}},initEvents:function(){Roo.form.Checkbox.superclass.initEvents.call(this);this.el.on("click",this.onClick,this);this.el.on("change",this.onClick,this);},getResizeEl:function(){return this.wrap;},getPositionEl:function(){return this.wrap;},onRender:function(ct,B){Roo.form.Checkbox.superclass.onRender.call(this,ct,B);this.wrap=this.el.wrap({cls:'x-menu-check-item '});var C=this.wrap.createChild({tag:'img',cls:'x-menu-item-icon',style:'margin: 0px;',src:Roo.BLANK_IMAGE_URL});this.viewEl=C;this.wrap.on('click',this.onClick,this);this.el.on('DOMAttrModified',this.setFromHidden,this);this.el.on('propertychange',this.setFromHidden,this);if(this.boxLabel){this.wrap.createChild({tag:'label',htmlFor:this.el.id,cls:'x-form-cb-label',html:this.boxLabel});}
+this.setChecked(this.checked);},initValue:Roo.emptyFn,getValue:function(){if(this.el){return String(this.el.dom.value)==String(this.inputValue)?this.inputValue:this.valueOff;}return this.valueOff;},onClick:function(){this.setChecked(!this.checked);},setValue:function(v,D){this.setChecked(v===this.inputValue);},setChecked:function(E,F){if(this.inSetChecked){this.checked=E;return;}if(this.wrap){this.wrap[E?'addClass':'removeClass']('x-menu-item-checked');}
+this.checked=E;if(F!==true){this.fireEvent('checkchange',this,E);}
+this.inSetChecked=true;this.el.dom.value=E?this.inputValue:this.valueOff;this.inSetChecked=false;},setFromHidden:function(){if(!this.el){return;}
+this.setValue(this.el.dom.value);},onDestroy:function(){if(this.viewEl){Roo.get(this.viewEl).remove();}
+Roo.form.Checkbox.superclass.onDestroy.call(this);}});
+Roo.form.Radio=function(){Roo.form.Radio.superclass.constructor.apply(this,arguments);};Roo.extend(Roo.form.Radio,Roo.form.Checkbox,{inputType:'radio',getGroupValue:function(){return this.el.up('form').child('input[name='+this.el.dom.name+']:checked',true).value;}});
+Roo.form.HtmlEditor=Roo.extend(Roo.form.Field,{toolbars:false,createLinkText:'Please enter the URL for the link:',defaultLinkValue:'http:/'+'/',frameId:false,validationEvent:false,deferHeight:true,initialized:false,activated:false,sourceEditMode:false,onFocus:Roo.emptyFn,iframePad:3,hideMode:'offsets',defaultAutoCreate:{tag:"textarea",style:"width:500px;height:300px;",autocomplete:"off"},initComponent:function(){this.addEvents({initialize:true,activate:true,beforesync:true,beforepush:true,sync:true,push:true,editmodechange:true,editorevent:true})},createToolbar:function(A){if(!A.toolbars||!A.toolbars.length){A.toolbars=[new Roo.form.HtmlEditor.ToolbarStandard()];}for(var i=0;i<A.toolbars.length;i++){A.toolbars[i].init(A);}},getDocMarkup:function(){return '<html><head><style type="text/css">body{border:0;margin:0;padding:3px;height:98%;cursor:text;}</style></head><body></body></html>';},onRender:function(ct,B){Roo.form.HtmlEditor.superclass.onRender.call(this,ct,B);this.el.dom.style.border='0 none';this.el.dom.setAttribute('tabIndex',-1);this.el.addClass('x-hidden');if(Roo.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.frameId=Roo.id();this.createToolbar(this);var C=this.wrap.createChild({tag:'iframe',id:this.frameId,name:this.frameId,frameBorder:'no','src':Roo.SSL_SECURE_URL?Roo.SSL_SECURE_URL:"javascript:false"});this.iframe=C.dom;this.assignDocWin();this.doc.designMode='on';this.doc.open();this.doc.write(this.getDocMarkup());this.doc.close();var D={run:function(){this.assignDocWin();if(this.doc.body||this.doc.readyState=='complete'){try{this.doc.designMode="on";}catch(e){return;}
+Roo.TaskMgr.stop(D);this.initEditor.defer(10,this);}},interval:10,duration:10000,scope:this};Roo.TaskMgr.start(D);if(!this.width){this.setSize(this.el.getSize());}},onResize:function(w,h){Roo.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 tbh=0;for(var i=0;i<this.toolbars.length;i++){tbh+=this.toolbars[i].tb.el.getHeight();}var ah=h-this.wrap.getFrameWidth('tb')-tbh;this.el.setHeight(this.adjustWidth('textarea',ah));this.iframe.style.height=ah+'px';if(this.doc){(this.doc.body||this.doc.documentElement).style.height=(ah-(this.iframePad*2))+'px';}}}},toggleSourceEdit:function(E){this.sourceEditMode=E===true;if(this.sourceEditMode){this.syncValue();this.iframe.className='x-hidden';this.el.removeClass('x-hidden');this.el.dom.removeAttribute('tabIndex');this.el.focus();}else {this.pushValue();this.iframe.className='';this.el.addClass('x-hidden');this.el.dom.setAttribute('tabIndex',-1);this.deferFocus();}
+this.setSize(this.wrap.getSize());this.fireEvent('editmodechange',this,this.sourceEditMode);},createLink:function(){var F=prompt(this.createLinkText,this.defaultLinkValue);if(F&&F!='http:/'+'/'){this.relayCmd('createlink',F);}},adjustSize:Roo.BoxComponent.prototype.adjustSize,getResizeEl:function(){return this.wrap;},getPositionEl:function(){return this.wrap;},initEvents:function(){this.originalValue=this.getValue();},markInvalid:Roo.emptyFn,clearInvalid:Roo.emptyFn,setValue:function(v){Roo.form.HtmlEditor.superclass.setValue.call(this,v);this.pushValue();},cleanHtml:function(G){G=String(G);if(G.length>5){if(Roo.isSafari){G=G.replace(/\sclass="(?:Apple-style-span|khtml-block-placeholder)"/gi,'');}}if(G==' '){G='';}return G;},syncValue:function(){if(this.initialized){var bd=(this.doc.body||this.doc.documentElement);var G=bd.innerHTML;if(Roo.isSafari){var bs=bd.getAttribute('style');var m=bs.match(/text-align:(.*?);/i);if(m&&m[1]){G='<div style="'+m[0]+'">'+G+'</div>';}}
+G=this.cleanHtml(G);if(this.fireEvent('beforesync',this,G)!==false){this.el.dom.value=G;this.fireEvent('sync',this,G);}}},pushValue:function(){if(this.initialized){var v=this.el.dom.value;if(v.length<1){v=' ';}if(this.fireEvent('beforepush',this,v)!==false){(this.doc.body||this.doc.documentElement).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();}},assignDocWin:function(){var H=this.iframe;if(Roo.isIE){this.doc=H.contentWindow.document;this.win=H.contentWindow;}else {this.doc=(H.contentDocument||Roo.get(this.frameId).dom.document);this.win=Roo.get(this.frameId).dom.contentWindow;}},initEditor:function(){this.assignDocWin();this.doc.designMode="on";this.doc.open();this.doc.write(this.getDocMarkup());this.doc.close();var I=(this.doc.body||this.doc.documentElement);var ss=this.el.getStyles('font-size','background-image','background-repeat');ss['background-attachment']='fixed';I.bgProperties='fixed';Roo.DomHelper.applyStyles(I,ss);Roo.EventManager.on(this.doc,{'mousedown':this.onEditorEvent,'dblclick':this.onEditorEvent,'click':this.onEditorEvent,'keyup':this.onEditorEvent,buffer:100,scope:this});if(Roo.isGecko){Roo.EventManager.on(this.doc,'keypress',this.applyCommand,this);}if(Roo.isIE||Roo.isSafari||Roo.isOpera){Roo.EventManager.on(this.doc,'keydown',this.fixKeys,this);}
+this.initialized=true;this.fireEvent('initialize',this);this.pushValue();},onDestroy:function(){if(this.rendered){for(var i=0;i<this.toolbars.length;i++){this.toolbars[i].onDestroy();}
+this.wrap.dom.innerHTML='';this.wrap.remove();}},onFirstFocus:function(){this.assignDocWin();this.activated=true;for(var i=0;i<this.toolbars.length;i++){this.toolbars[i].onFirstFocus();}if(Roo.isGecko){this.win.focus();var s=this.win.getSelection();if(!s.focusNode||s.focusNode.nodeType!=3){var r=s.getRangeAt(0);r.selectNodeContents((this.doc.body||this.doc.documentElement));r.collapse(true);this.deferFocus();}try{this.execCmd('useCSS',true);this.execCmd('styleWithCSS',false);}catch(e){}}
+this.fireEvent('activate',this);},adjustFont:function(J){var K=J.cmd=='increasefontsize'?1:-1;var v=parseInt(this.doc.queryCommandValue('FontSize')||3,10);if(Roo.isSafari){var sm={10:1,13:2,16:3,18:4,24:5,32:6,48:7};v=(v<10)?10:v;v=(v>48)?48:v;v=typeof(sm[v])=='undefined'?1:sm[v];}
+v=Math.max(1,v+K);this.execCmd('FontSize',v);},onEditorEvent:function(e){this.fireEvent('editorevent',this,e);this.syncValue();},insertTag:function(tg){this.execCmd("formatblock",tg);},insertText:function(L){range=this.createRange();range.deleteContents();range.insertNode(this.doc.createTextNode(L));},relayBtnCmd:function(M){this.relayCmd(M.cmd);},relayCmd:function(N,O){this.win.focus();this.execCmd(N,O);this.fireEvent('editorevent',this);this.deferFocus();},execCmd:function(P,Q){this.doc.execCommand(P,false,Q===undefined?null:Q);this.syncValue();},applyCommand:function(e){if(e.ctrlKey){var c=e.getCharCode(),P;if(c>0){c=String.fromCharCode(c);switch(c){case 'b':P='bold';break;case 'i':P='italic';break;case 'u':P='underline';break;}if(P){this.win.focus();this.execCmd(P);this.deferFocus();e.preventDefault();}}}},insertAtCursor:function(R){if(!this.activated){return;}if(Roo.isIE){this.win.focus();var r=this.doc.selection.createRange();if(r){r.collapse(true);r.pasteHTML(R);this.syncValue();this.deferFocus();}}else if(Roo.isGecko||Roo.isOpera){this.win.focus();this.execCmd('InsertHTML',R);this.deferFocus();}else if(Roo.isSafari){this.execCmd('InsertText',R);this.deferFocus();}},fixKeys:function(){if(Roo.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('<br />');r.collapse(false);r.select();}}}};}else if(Roo.isOpera){return function(e){var k=e.getKey();if(k==e.TAB){e.stopEvent();this.win.focus();this.execCmd('InsertHTML','    ');this.deferFocus();}};}else if(Roo.isSafari){return function(e){var k=e.getKey();if(k==e.TAB){e.stopEvent();this.execCmd('InsertText','\t');this.deferFocus();}};}}(),getAllAncestors:function(){var p=this.getSelectedNode();var a=[];if(!p){a.push(p);p=this.getParentElement();}while(p&&(p.nodeType==1)&&(p.tagName.toLowerCase()!='body')){a.push(p);p=p.parentNode;}
+a.push(this.doc.body);return a;},lastSel:false,lastSelNode:false,getSelection:function(){this.assignDocWin();return Roo.isIE?this.doc.selection:this.win.getSelection();},getSelectedNode:function(){var S=this.createRange(this.getSelection());if(Roo.isIE){var parent=S.parentElement();while(true){var testRange=S.duplicate();testRange.moveToElementText(parent);if(testRange.inRange(S)){break;}if((parent.nodeType!=1)||(parent.tagName.toLowerCase()=='body')){break;}
+parent=parent.parentElement;}return parent;}var ar=S.endContainer.childNodes;if(!ar.length){ar=S.commonAncestorContainer.childNodes;}var T=[];var U=[];var V=false;for(var i=0;i<ar.length;i++){if((ar[i].nodeType==3)&&(!ar[i].data.length)){continue;}if(this.rangeIntersectsNode(S,ar[i])&&this.rangeCompareNode(S,ar[i])==3){T.push(ar[i]);continue;}if((ar[i].nodeType==1)&&this.rangeIntersectsNode(S,ar[i])&&(this.rangeCompareNode(S,ar[i])>0)){U.push(ar[i]);continue;}if(!this.rangeIntersectsNode(S,ar[i])||(this.rangeCompareNode(S,ar[i])==0)){continue;}
+V=true;}if(!T.length&&U.length){T=U;}if(V||!T.length||(T.length>1)){return false;}return T[0];},createRange:function(W){if(typeof W!="undefined"){try{return W.getRangeAt?W.getRangeAt(0):W.createRange();}catch(e){return this.doc.createRange();}}else {return this.doc.createRange();}},getParentElement:function(){this.assignDocWin();var X=Roo.isIE?this.doc.selection:this.win.getSelection();var Y=this.createRange(X);try{var p=Y.commonAncestorContainer;while(p.nodeType==3){p=p.parentNode;}return p;}catch(e){return null;}},rangeIntersectsNode:function(Z,b){var d=b.ownerDocument.createRange();try{d.selectNode(b);}catch(e){nodeRange.selectNodeContents(node);}return Z.compareBoundaryPoints(Range.END_TO_START,d)==-1&&Z.compareBoundaryPoints(Range.START_TO_END,d)==1;},rangeCompareNode:function(f,g){var j=g.ownerDocument.createRange();try{j.selectNode(g);}catch(e){nodeRange.selectNodeContents(node);}var k=f.compareBoundaryPoints(Range.START_TO_START,j)==1;var l=f.compareBoundaryPoints(Range.END_TO_END,j)==-1;if(k&&!l)return 0;if(!k&&l)return 1;if(k&&l)return 2;return 3;}});
+Roo.form.HtmlEditor.ToolbarStandard=function(A){Roo.apply(this,A);}
+Roo.apply(Roo.form.HtmlEditor.ToolbarStandard.prototype,{tb:false,rendered:false,editor:false,disable:false,fontFamilies:['Arial','Courier New','Tahoma','Times New Roman','Verdana'],specialChars:["©","®","™","£","…","÷","€","°"],inputElements:["form","input:text","input:hidden","input:checkbox","input:radio","input:password","input:submit","input:button","select","textarea","label"],formats:[["p"],["h1"],["h2"],["h3"],["h4"],["h5"],["h6"],["pre"],["code"],["abbr"],["acronym"],["address"],["cite"],["samp"],["var"]],defaultFont:'tahoma',fontSelect:false,formatCombo:false,init:function(B){this.editor=B;var C=B.frameId;var D=this;function E(id,G,H){var I=C+'-'+id;return {id:I,cmd:id,cls:'x-btn-icon x-edit-'+id,enableToggle:G!==false,scope:B,handler:H||B.relayBtnCmd,clickEvent:'mousedown',tooltip:D.buttonTips[id]||undefined,tabIndex:-1};}var tb=new Roo.Toolbar(B.wrap.dom.firstChild);this.tb=tb;tb.el.on('click',function(e){e.preventDefault();});if(!this.disable.font&&!Roo.isSafari){};if(!this.disable.formats){this.formatCombo=new Roo.form.ComboBox({store:new Roo.data.SimpleStore({id:'tag',fields:['tag'],data:this.formats}),blockFocus:true,displayField:'tag',typeAhead:false,mode:'local',editable:false,triggerAction:'all',emptyText:'Add tag',selectOnFocus:true,width:135,listeners:{'select':function(c,r,i){B.insertTag(r.get('tag'));B.focus();}}});tb.addField(this.formatCombo);}if(!this.disable.format){tb.add(E('bold'),E('italic'),E('underline'));};if(!this.disable.fontSize){tb.add('-',E('increasefontsize',false,B.adjustFont),E('decreasefontsize',false,B.adjustFont));};if(this.disable.colors){tb.add('-',{id:B.frameId+'-forecolor',cls:'x-btn-icon x-edit-forecolor',clickEvent:'mousedown',tooltip:this.buttonTips['forecolor']||undefined,tabIndex:-1,menu:new Roo.menu.ColorMenu({allowReselect:true,focus:Roo.emptyFn,value:'000000',plain:true,selectHandler:function(cp,G){B.execCmd('forecolor',Roo.isSafari||Roo.isIE?'#'+G:G);B.deferFocus();},scope:B,clickEvent:'mousedown'})},{id:B.frameId+'backcolor',cls:'x-btn-icon x-edit-backcolor',clickEvent:'mousedown',tooltip:this.buttonTips['backcolor']||undefined,tabIndex:-1,menu:new Roo.menu.ColorMenu({focus:Roo.emptyFn,value:'FFFFFF',plain:true,allowReselect:true,selectHandler:function(cp,H){if(Roo.isGecko){B.execCmd('useCSS',false);B.execCmd('hilitecolor',H);B.execCmd('useCSS',true);B.deferFocus();}else {B.execCmd(Roo.isOpera?'hilitecolor':'backcolor',Roo.isSafari||Roo.isIE?'#'+H:H);B.deferFocus();}},scope:B,clickEvent:'mousedown'})});};if(!this.disable.alignments){tb.add('-',E('justifyleft'),E('justifycenter'),E('justifyright'));};if(!this.disable.links){tb.add('-',E('createlink',false,B.createLink));};if(!this.disable.lists){tb.add('-',E('insertorderedlist'),E('insertunorderedlist'));}if(!this.disable.sourceEdit){tb.add('-',E('sourceedit',true,function(G){this.toggleSourceEdit(G.pressed);}));}var F={};if(!this.disable.special){F={text:"©",cls:'x-edit-none',menu:{items:[]}};for(var i=0;i<this.specialChars.length;i++){F.menu.items.push({text:this.specialChars[i],handler:function(a,b){B.insertAtCursor(String.fromCharCode(a.text.replace('&#','').replace(';','')));},tabIndex:-1});}
+tb.add(F);}if(this.btns){for(var i=0;i<this.btns.length;i++){var b=this.btns[i];b.cls='x-edit-none';b.scope=B;tb.add(b);}}
+this.tb.items.each(function(G){if(G.id!=B.frameId+'-sourceedit'){G.disable();}});this.rendered=true;B.on('editorevent',this.updateToolbar,this);},updateToolbar:function(){if(!this.editor.activated){this.editor.onFirstFocus();return;}var G=this.tb.items.map,H=this.editor.doc,I=this.editor.frameId;if(!this.disable.font&&!Roo.isSafari){}if(!this.disable.format){G[I+'-bold'].toggle(H.queryCommandState('bold'));G[I+'-italic'].toggle(H.queryCommandState('italic'));G[I+'-underline'].toggle(H.queryCommandState('underline'));}if(!this.disable.alignments){G[I+'-justifyleft'].toggle(H.queryCommandState('justifyleft'));G[I+'-justifycenter'].toggle(H.queryCommandState('justifycenter'));G[I+'-justifyright'].toggle(H.queryCommandState('justifyright'));}if(!Roo.isSafari&&!this.disable.lists){G[I+'-insertorderedlist'].toggle(H.queryCommandState('insertorderedlist'));G[I+'-insertunorderedlist'].toggle(H.queryCommandState('insertunorderedlist'));}var J=this.editor.getAllAncestors();if(this.formatCombo){var store=this.formatCombo.store;this.formatCombo.setValue("");for(var i=0;i<J.length;i++){if(J[i]&&store.query('tag',J[i].tagName.toLowerCase(),true).length){this.formatCombo.setValue(J[i].tagName.toLowerCase());break;}}}
+Roo.menu.MenuMgr.hideAll();},createFontOptions:function(){var K=[],fs=this.fontFamilies,ff,lc;for(var i=0,len=fs.length;i<len;i++){ff=fs[i];lc=ff.toLowerCase();K.push('<option value="',lc,'" style="font-family:',ff,';"',(this.defaultFont==lc?' selected="true">':'>'),ff,'</option>');}return K.join('');},toggleSourceEdit:function(L){if(L===undefined){L=!this.sourceEditMode;}
+this.sourceEditMode=L===true;var M=this.tb.items.get(this.editor.frameId+'-sourceedit');if(M.pressed!==this.editor.sourceEditMode){M.toggle(this.editor.sourceEditMode);return;}if(this.sourceEditMode){this.tb.items.each(function(N){if(N.cmd!='sourceedit'){N.disable();}});}else {if(this.initialized){this.tb.items.each(function(O){O.enable();});}}
+this.editor.toggleSourceEdit(L);},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'}},onDestroy:function(){if(this.rendered){this.tb.items.each(function(N){if(N.menu){N.menu.removeAll();if(N.menu.el){N.menu.el.destroy();}}
+N.destroy();});}},onFirstFocus:function(){this.tb.items.each(function(N){N.enable();});}});
+Roo.form.HtmlEditor.ToolbarContext=function(A){Roo.apply(this,A);}
+Roo.form.HtmlEditor.ToolbarContext.types={'IMG':{width:{title:"Width",width:40},height:{title:"Height",width:40},align:{title:"Align",opts:[[""],["left"],["right"],["center"],["top"]],width:80},border:{title:"Border",width:40},alt:{title:"Alt",width:120},src:{title:"Src",width:220}},'A':{name:{title:"Name",width:50},href:{title:"Href",width:220}},'TABLE':{rows:{title:"Rows",width:20},cols:{title:"Cols",width:20},width:{title:"Width",width:40},height:{title:"Height",width:40},border:{title:"Border",width:20}},'TD':{width:{title:"Width",width:40},height:{title:"Height",width:40},align:{title:"Align",opts:[[""],["left"],["center"],["right"],["justify"],["char"]],width:40},valign:{title:"Valign",opts:[[""],["top"],["middle"],["bottom"],["baseline"]],width:40},colspan:{title:"Colspan",width:20}},'INPUT':{name:{title:"name",width:120},value:{title:"Value",width:120},width:{title:"Width",width:40}},'LABEL':{'for':{title:"For",width:120}},'TEXTAREA':{name:{title:"name",width:120},rows:{title:"Rows",width:20},cols:{title:"Cols",width:20}},'SELECT':{name:{title:"name",width:120},selectoptions:{title:"Options",width:200}},'BODY':{title:{title:"title",width:120,disabled:true}}};Roo.apply(Roo.form.HtmlEditor.ToolbarContext.prototype,{tb:false,rendered:false,editor:false,disable:false,toolbars:false,init:function(B){this.editor=B;var C=B.frameId;var D=this;function E(id,G,H){var I=C+'-'+id;return {id:I,cmd:id,cls:'x-btn-icon x-edit-'+id,enableToggle:G!==false,scope:B,handler:H||B.relayBtnCmd,clickEvent:'mousedown',tooltip:D.buttonTips[id]||undefined,tabIndex:-1};}var F=B.wrap.createChild({tag:'div'},B.wrap.dom.firstChild.nextSibling,true);var ty=Roo.form.HtmlEditor.ToolbarContext.types;this.toolbars={};for(var i in ty){this.toolbars[i]=this.buildToolbar(ty[i],i);}
+this.tb=this.toolbars.BODY;this.tb.el.show();this.rendered=true;B.on('editorevent',this.updateToolbar,this);},updateToolbar:function(){if(!this.editor.activated){this.editor.onFirstFocus();return;}var G=this.editor.getAllAncestors();var ty=Roo.form.HtmlEditor.ToolbarContext.types;var H=G.length?(G[0]?G[0]:G[1]):this.editor.doc.body;H=H?H:this.editor.doc.body;H=H.tagName.length?H:this.editor.doc.body;var tn=H.tagName.toUpperCase();H=typeof(ty[tn])!='undefined'?H:this.editor.doc.body;tn=H.tagName.toUpperCase();if(this.tb.name==tn){return;}
+this.tb.el.hide();this.tb=this.toolbars[tn];this.tb.el.show();this.tb.fields.each(function(e){e.setValue(H.getAttribute(e.name));});this.tb.selectedNode=H;Roo.menu.MenuMgr.hideAll();},onDestroy:function(){if(this.rendered){this.tb.items.each(function(I){if(I.menu){I.menu.removeAll();if(I.menu.el){I.menu.el.destroy();}}
+I.destroy();});}},onFirstFocus:function(){this.tb.items.each(function(I){I.enable();});},buildToolbar:function(I,nm){var J=this.editor;var K=J.wrap.createChild({tag:'div'},J.wrap.dom.firstChild.nextSibling,true);var tb=new Roo.Toolbar(K);tb.add(nm+": ");for(var i in I){var item=I[i];tb.add(item.title+": ");if(item.opts){tb.addField(new Roo.form.ComboBox({store:new Roo.data.SimpleStore({id:'val',fields:['val'],data:item.opts}),name:i,displayField:'val',typeAhead:false,mode:'local',editable:false,triggerAction:'all',emptyText:'Select',selectOnFocus:true,width:item.width?item.width:130,listeners:{'select':function(c,r,i){tb.selectedNode.setAttribute(c.name,r.get('val'));}}}));continue;tb.addField(new Roo.form.TextField({name:i,width:100,value:''}));continue;}
+tb.addField(new Roo.form.TextField({name:i,width:item.width,value:'',listeners:{'change':function(f,nv,ov){tb.selectedNode.setAttribute(f.name,nv);}}}));}
+tb.el.on('click',function(e){e.preventDefault();});tb.el.setVisibilityMode(Roo.Element.DISPLAY);tb.el.hide();tb.name=nm;return tb;}});
+Roo.form.BasicForm=function(el,A){this.allItems=[];this.childForms=[];Roo.apply(this,A);this.items=new Roo.util.MixedCollection(false,function(o){return o.id||(o.id=Roo.id());});this.addEvents({beforeaction:true,actionfailed:true,actioncomplete:true});if(el){this.initEl(el);}
+Roo.form.BasicForm.superclass.constructor.call(this);};Roo.extend(Roo.form.BasicForm,Roo.util.Observable,{timeout:30,activeAction:null,trackResetOnLoad:false,childForms:false,allItems:false,waitMsgTarget:undefined,initEl:function(el){this.el=Roo.get(el);this.id=this.el.id||Roo.id();this.el.on('submit',this.onSubmit,this);this.el.addClass('x-form');},onSubmit:function(e){e.stopEvent();},isValid:function(){var B=true;this.items.each(function(f){if(!f.validate()){B=false;}});return B;},isDirty:function(){var C=false;this.items.each(function(f){if(f.isDirty()){C=true;return false;}});return C;},doAction:function(D,E){if(typeof D=='string'){D=new Roo.form.Action.ACTION_TYPES[D](this,E);}if(this.fireEvent('beforeaction',this,D)!==false){this.beforeAction(D);D.run.defer(100,D);}return this;},submit:function(F){this.doAction('submit',F);return this;},load:function(G){this.doAction('load',G);return this;},updateRecord:function(H){H.beginEdit();var fs=H.fields;fs.each(function(f){var I=this.findField(f.name);if(I){H.set(f.name,I.getValue());}},this);H.endEdit();return this;},loadRecord:function(I){this.setValues(I.data);return this;},beforeAction:function(J){var o=J.options;if(o.waitMsg){if(this.waitMsgTarget===true){this.el.mask(o.waitMsg,'x-mask-loading');}else if(this.waitMsgTarget){this.waitMsgTarget=Roo.get(this.waitMsgTarget);this.waitMsgTarget.mask(o.waitMsg,'x-mask-loading');}else {Roo.MessageBox.wait(o.waitMsg,o.waitTitle||this.waitTitle||'Please Wait...');}}},afterAction:function(K,L){this.activeAction=null;var o=K.options;if(o.waitMsg){if(this.waitMsgTarget===true){this.el.unmask();}else if(this.waitMsgTarget){this.waitMsgTarget.unmask();}else {Roo.MessageBox.updateProgress(1);Roo.MessageBox.hide();}}if(L){if(o.reset){this.reset();}
+Roo.callback(o.success,o.scope,[this,K]);this.fireEvent('actioncomplete',this,K);}else {Roo.callback(o.failure,o.scope,[this,K]);this.fireEvent('actionfailed',this,K);}},findField:function(id){var M=this.items.get(id);if(!M){this.items.each(function(f){if(f.isFormField&&(f.dataIndex==id||f.id==id||f.getName()==id)){M=f;return false;}});}return M||null;},addForm:function(N){this.childForms.push(N);Roo.each(N.allItems,function(fe){if(this.findField(fe.name)){return;}var O=new Roo.form.Hidden({name:fe.name});O.render(this.el);this.add(O);},this);},markInvalid:function(O){if(O instanceof Array){for(var i=0,len=O.length;i<len;i++){var fieldError=O[i];var f=this.findField(fieldError.id);if(f){f.markInvalid(fieldError.msg);}}}else {var M,id;for(id in O){if(typeof O[id]!='function'&&(M=this.findField(id))){M.markInvalid(O[id]);}}}
+Roo.each(this.childForms||[],function(f){f.markInvalid(O);});return this;},setValues:function(P){if(P instanceof Array){for(var i=0,len=P.length;i<len;i++){var v=P[i];var f=this.findField(v.id);if(f){f.setValue(v.value);if(this.trackResetOnLoad){f.originalValue=f.getValue();}}}}else {var M,id;for(id in P){if(typeof P[id]!='function'&&(M=this.findField(id))){if(M.setFromData&&M.valueField&&M.displayField&&(M.store&&!M.store.isLocal)){var sd={};sd[M.valueField]=typeof(P[M.hiddenName])=='undefined'?'':P[M.hiddenName];sd[M.displayField]=typeof(P[M.name])=='undefined'?'':P[M.name];M.setFromData(sd);}else {M.setValue(P[id]);}if(this.trackResetOnLoad){M.originalValue=M.getValue();}}}}
+Roo.each(this.childForms||[],function(f){f.setValues(P);});return this;},getValues:function(Q){if(this.childForms){Roo.each(this.childForms,function(f){if(f.allFields){Roo.each(f.allFields,function(e){if(e.name&&e.getValue&&this.findField(e.name)){this.findField(e.name).setValue(e.getValue());}});}},this);}var fs=Roo.lib.Ajax.serializeForm(this.el.dom);if(Q===true){return fs;}return Roo.urlDecode(fs);},clearInvalid:function(){this.items.each(function(f){f.clearInvalid();});Roo.each(this.childForms||[],function(f){f.clearInvalid();});return this;},reset:function(){this.items.each(function(f){f.reset();});Roo.each(this.childForms||[],function(f){f.reset();});return this;},add:function(){this.items.addAll(Array.prototype.slice.call(arguments,0));return this;},remove:function(R){this.items.remove(R);return this;},render:function(){this.items.each(function(f){if(f.isFormField&&!f.rendered&&document.getElementById(f.id)){f.applyTo(f.id);}});return this;},applyToFields:function(o){this.items.each(function(f){Roo.apply(f,o);});return this;},applyIfToFields:function(o){this.items.each(function(f){Roo.applyIf(f,o);});return this;}});Roo.BasicForm=Roo.form.BasicForm;
+Roo.form.Form=function(A){var B=[];if(A.items){B=A.items;delete A.items;}
+Roo.form.Form.superclass.constructor.call(this,null,A);this.url=this.url||this.action;if(!this.root){this.root=new Roo.form.Layout(Roo.applyIf({id:Roo.id()},A));}
+this.active=this.root;this.buttons=[];this.allItems=[];this.addEvents({clientvalidation:true,rendered:true});Roo.each(B,this.addxtype,this);};Roo.extend(Roo.form.Form,Roo.form.BasicForm,{buttonAlign:'center',minButtonWidth:75,labelAlign:'left',monitorValid:false,monitorPoll:200,column:function(c){var C=new Roo.form.Column(c);this.start(C);if(arguments.length>1){this.add.apply(this,Array.prototype.slice.call(arguments,1));this.end();}return C;},fieldset:function(c){var fs=new Roo.form.FieldSet(c);this.start(fs);if(arguments.length>1){this.add.apply(this,Array.prototype.slice.call(arguments,1));this.end();}return fs;},container:function(c){var l=new Roo.form.Layout(c);this.start(l);if(arguments.length>1){this.add.apply(this,Array.prototype.slice.call(arguments,1));this.end();}return l;},start:function(c){Roo.applyIf(c,{'labelAlign':this.active.labelAlign,'labelWidth':this.active.labelWidth,'itemCls':this.active.itemCls});this.active.stack.push(c);c.ownerCt=this.active;this.active=c;return this;},end:function(){if(this.active==this.root){return this;}
+this.active=this.active.ownerCt;return this;},add:function(){this.active.stack.push.apply(this.active.stack,arguments);this.allItems.push.apply(this.allItems,arguments);var r=[];for(var i=0,a=arguments,len=a.length;i<len;i++){if(a[i].isFormField){r.push(a[i]);}}if(r.length>0){Roo.form.Form.superclass.add.apply(this,r);}return this;},findbyId:function(id){var D=false;if(!id){return D;}
+Ext.each(this.allItems,function(f){if(f.id==id||f.name==id){D=f;return false;}});return D;},render:function(ct){ct=Roo.get(ct);var o=this.autoCreate||{tag:'form',method:this.method||'POST',id:this.id||Roo.id()};this.initEl(ct.createChild(o));this.root.render(this.el);this.items.each(function(f){f.render('x-form-el-'+f.id);});if(this.buttons.length>0){var tb=this.el.createChild({cls:'x-form-btns-ct',cn:{cls:"x-form-btns x-form-btns-"+this.buttonAlign,html:'<table cellspacing="0"><tbody><tr></tr></tbody></table><div class="x-clear"></div>'}},null,true);var tr=tb.getElementsByTagName('tr')[0];for(var i=0,len=this.buttons.length;i<len;i++){var b=this.buttons[i];var td=document.createElement('td');td.className='x-form-btn-td';b.render(tr.appendChild(td));}}if(this.monitorValid){this.startMonitoring();}
+this.fireEvent('rendered',this);return this;},addButton:function(E,F,G){var bc={handler:F,scope:G,minWidth:this.minButtonWidth,hideParent:true};if(typeof E=="string"){bc.text=E;}else {Roo.apply(bc,E);}var H=new Roo.Button(null,bc);this.buttons.push(H);return H;},addxtype:function(){var ar=Array.prototype.slice.call(arguments,0);var I=false;for(var i=0;i<ar.length;i++){if(!ar[i]){continue;}if(Roo.form[ar[i].xtype]){ar[i].form=this;var fe=Roo.factory(ar[i],Roo.form);if(!I){I=fe;}
+fe.form=this;if(fe.store){fe.store.form=this;}if(fe.isLayout){this.start(fe);this.allItems.push(fe);if(fe.items&&fe.addxtype){fe.addxtype.apply(fe,fe.items);delete fe.items;}
+this.end();continue;}
+this.add(fe);}if(ar[i].xtype=='Button'){this.addButton(ar[i]);this.allItems.push(fe);continue;}if(ar[i].xtype=='end'){alert('end is not supported on xtype any more, use items');}}return I;},startMonitoring:function(){if(!this.bound){this.bound=true;Roo.TaskMgr.start({run:this.bindHandler,interval:this.monitorPoll||200,scope:this});}},stopMonitoring:function(){this.bound=false;},bindHandler:function(){if(!this.bound){return false;}var J=true;this.items.each(function(f){if(!f.isValid(true)){J=false;return false;}});for(var i=0,len=this.buttons.length;i<len;i++){var H=this.buttons[i];if(H.formBind===true&&H.disabled===J){H.setDisabled(!J);}}
+this.fireEvent('clientvalidation',this,J);}});Roo.Form=Roo.form.Form;
+Roo.form.Action=function(A,B){this.form=A;this.options=B||{};};Roo.form.Action.CLIENT_INVALID='client';Roo.form.Action.SERVER_INVALID='server';Roo.form.Action.CONNECT_FAILURE='connect';Roo.form.Action.LOAD_FAILURE='load';Roo.form.Action.prototype={type:'default',failureType:undefined,response:undefined,result:undefined,run:function(C){},success:function(D){},handleResponse:function(E){},failure:function(F){this.response=F;this.failureType=Roo.form.Action.CONNECT_FAILURE;this.form.afterAction(this,false);},processResponse:function(G){this.response=G;if(!G.responseText){return true;}
+this.result=this.handleResponse(G);return this.result;},getUrl:function(H){var I=this.options.url||this.form.url||this.form.el.dom.action;if(H){var p=this.getParams();if(p){I+=(I.indexOf('?')!=-1?'&':'?')+p;}}return I;},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=Roo.urlEncode(Roo.applyIf(p,bp));}else if(typeof p=='string'&&bp){p+='&'+Roo.urlEncode(bp);}}else if(bp){p=Roo.urlEncode(bp);}return p;},createCallback:function(){return {success:this.success,failure:this.failure,scope:this,timeout:(this.form.timeout*1000),upload:this.form.fileUpload?this.success:undefined};}};Roo.form.Action.Submit=function(J,K){Roo.form.Action.Submit.superclass.constructor.call(this,J,K);};Roo.extend(Roo.form.Action.Submit,Roo.form.Action,{type:'submit',run:function(){var o=this.options;var L=this.getMethod();var M=L=='POST';if(o.clientValidation===false||this.form.isValid()){Roo.Ajax.request(Roo.apply(this.createCallback(),{form:this.form.el.dom,url:this.getUrl(!M),method:L,params:M?this.getParams():null,isUpload:this.form.fileUpload}));}else if(o.clientValidation!==false){this.failureType=Roo.form.Action.CLIENT_INVALID;this.form.afterAction(this,false);}},success:function(N){var O=this.processResponse(N);if(O===true||O.success){this.form.afterAction(this,true);return;}if(O.errors){this.form.markInvalid(O.errors);this.failureType=Roo.form.Action.SERVER_INVALID;}
+this.form.afterAction(this,false);},handleResponse:function(P){if(this.form.errorReader){var rs=this.form.errorReader.read(P);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};}var Q=false;try{Q=Roo.decode(P.responseText);}catch(e){ret={success:false,errorMsg:"Failed to read server message: "+response.responseText,errors:[]};}return Q;}});Roo.form.Action.Load=function(R,S){Roo.form.Action.Load.superclass.constructor.call(this,R,S);this.reader=this.form.reader;};Roo.extend(Roo.form.Action.Load,Roo.form.Action,{type:'load',run:function(){Roo.Ajax.request(Roo.apply(this.createCallback(),{method:this.getMethod(),url:this.getUrl(false),params:this.getParams()}));},success:function(T){var U=this.processResponse(T);if(U===true||!U.success||!U.data){this.failureType=Roo.form.Action.LOAD_FAILURE;this.form.afterAction(this,false);return;}
+this.form.clearInvalid();this.form.setValues(U.data);this.form.afterAction(this,true);},handleResponse:function(V){if(this.form.reader){var rs=this.form.reader.read(V);var data=rs.records&&rs.records[0]?rs.records[0].data:null;return {success:rs.success,data:data};}return Roo.decode(V.responseText);}});Roo.form.Action.ACTION_TYPES={'load':Roo.form.Action.Load,'submit':Roo.form.Action.Submit};
+Roo.form.Layout=function(A){var B=[];if(A.items){B=A.items;delete A.items;}
+Roo.form.Layout.superclass.constructor.call(this,A);this.stack=[];Roo.each(B,this.addxtype,this);};Roo.extend(Roo.form.Layout,Roo.Component,{clear:true,labelSeparator:':',hideLabels:false,defaultAutoCreate:{tag:'div',cls:'x-form-ct'},isLayout:true,onRender:function(ct,C){if(this.el){this.el=Roo.get(this.el);}else {var cfg=this.getAutoCreate();this.el=ct.createChild(cfg,C);}if(this.style){this.el.applyStyles(this.style);}if(this.labelAlign){this.el.addClass('x-form-label-'+this.labelAlign);}if(this.hideLabels){this.labelStyle="display:none";this.elementStyle="padding-left:0;";}else {if(typeof this.labelWidth=='number'){this.labelStyle="width:"+this.labelWidth+"px;";this.elementStyle="padding-left:"+((this.labelWidth+(typeof this.labelPad=='number'?this.labelPad:5))+'px')+";";}if(this.labelAlign=='top'){this.labelStyle="width:auto;";this.elementStyle="padding-left:0;";}}var D=this.stack;var E=D.length;if(E>0){if(!this.fieldTpl){var t=new Roo.Template('<div class="x-form-item {5}">','<label for="{0}" style="{2}">{1}{4}</label>','<div class="x-form-element" id="x-form-el-{0}" style="{3}">','</div>','</div><div class="x-form-clear-left"></div>');t.disableFormats=true;t.compile();Roo.form.Layout.prototype.fieldTpl=t;}for(var i=0;i<E;i++){if(D[i].isFormField){this.renderField(D[i]);}else {this.renderComponent(D[i]);}}}if(this.clear){this.el.createChild({cls:'x-form-clear'});}},renderField:function(f){f.fieldEl=Roo.get(this.fieldTpl.append(this.el,[f.id,f.fieldLabel,f.labelStyle||this.labelStyle||'',this.elementStyle||'',typeof f.labelSeparator=='undefined'?this.labelSeparator:f.labelSeparator,f.itemCls||this.itemCls||''],true).getPrevSibling());},renderComponent:function(c){c.render(c.isLayout?this.el:this.el.createChild());},addxtype:function(o){o.form=this.form;var fe=Roo.factory(o,Roo.form);this.form.allItems.push(fe);this.stack.push(fe);if(fe.isFormField){this.form.items.add(fe);}return fe;}});Roo.form.Column=function(F){Roo.form.Column.superclass.constructor.call(this,F);};Roo.extend(Roo.form.Column,Roo.form.Layout,{defaultAutoCreate:{tag:'div',cls:'x-form-ct x-form-column'},onRender:function(ct,G){Roo.form.Column.superclass.onRender.call(this,ct,G);if(this.width){this.el.setWidth(this.width);}}});Roo.form.Row=function(H){Roo.form.Row.superclass.constructor.call(this,H);};Roo.extend(Roo.form.Row,Roo.form.Layout,{defaultAutoCreate:{tag:'div',cls:'x-form-ct x-form-row'},padWidth:20,onRender:function(ct,I){if(!this.rowTpl){var t=new Roo.Template('<div class="x-form-item {5}" style="float:left;width:{6}px">','<label for="{0}" style="{2}">{1}{4}</label>','<div class="x-form-element" id="x-form-el-{0}" style="{3}">','</div>','</div>');t.disableFormats=true;t.compile();Roo.form.Layout.prototype.rowTpl=t;}
+this.fieldTpl=this.rowTpl;var J=100;if((this.labelAlign!='top')){if(typeof this.labelWidth=='number'){J=this.labelWidth}
+this.padWidth=20+J;}
+Roo.form.Column.superclass.onRender.call(this,ct,I);if(this.width){this.el.setWidth(this.width);}if(this.height){this.el.setHeight(this.height);}},renderField:function(f){f.fieldEl=this.fieldTpl.append(this.el,[f.id,f.fieldLabel,f.labelStyle||this.labelStyle||'',this.elementStyle||'',typeof f.labelSeparator=='undefined'?this.labelSeparator:f.labelSeparator,f.itemCls||this.itemCls||'',f.width?f.width+this.padWidth:160+this.padWidth],true);}});Roo.form.FieldSet=function(K){Roo.form.FieldSet.superclass.constructor.call(this,K);};Roo.extend(Roo.form.FieldSet,Roo.form.Layout,{defaultAutoCreate:{tag:'fieldset',cn:{tag:'legend'}},onRender:function(ct,L){Roo.form.FieldSet.superclass.onRender.call(this,ct,L);if(this.legend){this.setLegend(this.legend);}},setLegend:function(M){if(this.rendered){this.el.child('legend').update(M);}}});
+Roo.form.VTypes=function(){var A=/^[a-zA-Z_]+$/;var B=/^[a-zA-Z0-9_]+$/;var C=/^([\w]+)(.[\w]+)*@([\w-]+\.){1,5}([A-Za-z]){2,4}$/;var D=/(((https?)|(ftp)):\/\/([\-\w]+\.)+\w{2,3}(\/[%\-\w]+(\.\w{2,})?)*(([\w\-\.\?\\\/+@&#;`~=%!]*)(\.\w{2,})?)*\/?)/i;return {'email':function(v){return C.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 D.test(v);},'urlText':'This field should be a URL in the format "http:/'+'/www.domain.com"','alpha':function(v){return A.test(v);},'alphaText':'This field should only contain letters and _','alphaMask':/[a-z_]/i,'alphanum':function(v){return B.test(v);},'alphanumText':'This field should only contain letters, numbers and _','alphanumMask':/[a-z0-9_]/i};}();
+Roo.form.FCKeditor=function(A){Roo.form.FCKeditor.superclass.constructor.call(this,A);this.addEvents({editorinit:true});};Roo.form.FCKeditor.editors={};Roo.extend(Roo.form.FCKeditor,Roo.form.TextArea,{fckconfig:false,toolbarSet:'Basic',basePath:'/fckeditor/',frame:false,value:'',onRender:function(ct,B){if(!this.el){this.defaultAutoCreate={tag:"textarea",style:"width:300px;height:60px;",autocomplete:"off"};}
+Roo.form.FCKeditor.superclass.onRender.call(this,ct,B);Roo.form.FCKeditor.editors[this.getId()]=this;this.replaceTextarea();},getEditor:function(){return this.fckEditor;},setValue:function(C){if(typeof(C)=='undefined'){return;}
+Roo.form.FCKeditor.superclass.setValue.apply(this,[C]);if(!this.getEditor()){return;}
+this.getEditor().SetData(C);},getValue:function(){if(this.frame&&this.frame.dom.style.display=='none'){return Roo.form.FCKeditor.superclass.getValue.call(this);}if(!this.el||!this.getEditor()){return this.value;}var D=this.getEditor().GetData();Roo.form.FCKeditor.superclass.setValue.apply(this,[D]);return Roo.form.FCKeditor.superclass.getValue.call(this);},getRawValue:function(){if(this.frame&&this.frame.dom.style.display=='none'){return Roo.form.FCKeditor.superclass.getRawValue.call(this);}if(!this.el||!this.getEditor()){return this.value;return;}var E=this.getEditor().GetData();Roo.form.FCKeditor.superclass.setRawValue.apply(this,[E]);return Roo.form.FCKeditor.superclass.getRawValue.call(this);},setSize:function(w,h){Roo.form.FCKeditor.superclass.setSize.apply(this,[w,h]);this.frame.dom.setAttribute('width',w);this.frame.dom.setAttribute('height',h);this.frame.setSize(w,h);},toggleSourceEdit:function(F){this.el.dom.style.display=F?'':'none';this.frame.dom.style.display=F?'none':'';},focus:function(G){if(this.frame.dom.style.display=='none'){return Roo.form.FCKeditor.superclass.focus.call(this);}if(!this.el||!this.getEditor()){this.focus.defer(100,this,[G]);return;}var H=this.getEditor().EditorDocument.getElementsByTagName(G);this.getEditor().Focus();if(H.length){if(!this.getEditor().Selection.GetSelection()){this.focus.defer(100,this,[G]);return;}var r=this.getEditor().EditorDocument.createRange();r.setStart(H[0],0);r.setEnd(H[0],0);this.getEditor().Selection.GetSelection().removeAllRanges();this.getEditor().Selection.GetSelection().addRange(r);this.getEditor().Focus();}},replaceTextarea:function(){if(document.getElementById(this.getId()+'___Frame'))return;var I=document.getElementById(this.getId());var J=document.getElementsByName(this.getId());I.style.display='none';if(I.tabIndex){this.TabIndex=I.tabIndex;}
+this._insertHtmlBefore(this._getConfigHtml(),I);this._insertHtmlBefore(this._getIFrameHtml(),I);this.frame=Roo.get(this.getId()+'___Frame')},_getConfigHtml:function(){var K='';for(var o in this.fckconfig){K+=K.length>0?'&':'';K+=encodeURIComponent(o)+'='+encodeURIComponent(this.fckconfig[o]);}return '<input type="hidden" id="'+this.getId()+'___Config" value="'+K+'" style="display:none" />';},_getIFrameHtml:function(){var L='fckeditor.html';var M=this.basePath+'editor/'+L+'?InstanceName='+encodeURIComponent(this.getId());M+=this.toolbarSet?('&Toolbar='+this.toolbarSet):'';var N='<iframe id="'+this.getId()+'___Frame" src="'+M+'" width="'+this.width+'" height="'+this.height+'"'+(this.tabIndex?' tabindex="'+this.tabIndex+'"':'')+' frameborder="0" scrolling="no"></iframe>';return N;},_insertHtmlBefore:function(O,P){if(P.insertAdjacentHTML){P.insertAdjacentHTML('beforeBegin',O);}else {var oRange=document.createRange();oRange.setStartBefore(P);var oFragment=oRange.createContextualFragment(O);P.parentNode.insertBefore(oFragment,P);}}});function Q(R){var f=Roo.form.FCKeditor.editors[R.Name];f.fckEditor=R;f.fireEvent('editorinit',f,R);}
+Roo.form.GridField=function(A){Roo.form.GridField.superclass.constructor.call(this,A);};Roo.extend(Roo.form.GridField,Roo.form.Field,{width:100,height:50,xgrid:false,defaultAutoCreate:{tag:'input',type:'hidden',autocomplete:'off'},addTitle:false,onResize:function(){Roo.form.Field.superclass.onResize.apply(this,arguments);},initEvents:function(){},getResizeEl:function(){return this.wrap;},getPositionEl:function(){return this.wrap;},onRender:function(ct,B){this.style=this.style||'overflow: hidden; border:1px solid #c3daf9;';var C=this.style;delete this.style;Roo.form.DisplayImage.superclass.onRender.call(this,ct,B);this.wrap=this.el.wrap({cls:''});this.viewEl=this.wrap.createChild({tag:'div'});if(C){this.viewEl.applyStyles(C);}if(this.width){this.viewEl.setWidth(this.width);}if(this.height){this.viewEl.setHeight(this.height);}
+this.grid=new Roo.grid[this.xgrid.xtype](this.viewEl,this.xgrid);this.grid.render();this.grid.getDataSource().on('remove',this.refreshValue,this);this.grid.getDataSource().on('update',this.refreshValue,this);this.grid.on('afteredit',this.refreshValue,this);},setValue:function(v){v=v||[];if(this.grid&&this.grid.getDataSource()&&typeof(v)!='undefined'){var ds=this.grid.getDataSource();var data={}
+data[ds.reader.meta.root]=typeof(v)=='string'?Roo.decode(v):v;ds.loadData(data);}
+Roo.form.GridField.superclass.setValue.call(this,v);this.refreshValue();},refreshValue:function(){var D=[];this.grid.getDataSource().each(function(r){D.push(r.data);});this.el.dom.value=Roo.encode(D);}});
+Roo.DDView=function(A,B,C){Roo.DDView.superclass.constructor.apply(this,arguments);this.getEl().setStyle("outline","0px none");this.getEl().unselectable();if(this.dragGroup){this.setDraggable(this.dragGroup.split(","));}if(this.dropGroup){this.setDroppable(this.dropGroup.split(","));}if(this.deletable){this.setDeletable();}
+this.isDirtyFlag=false;this.addEvents({"drop":true});};Roo.extend(Roo.DDView,Roo.View,{isFormField:true,reset:Roo.emptyFn,clearInvalid:Roo.form.Field.prototype.clearInvalid,validate:function(){return true;},destroy:function(){this.purgeListeners();this.getEl.removeAllListeners();this.getEl().remove();if(this.dragZone){if(this.dragZone.destroy){this.dragZone.destroy();}}if(this.dropZone){if(this.dropZone.destroy){this.dropZone.destroy();}}},getName:function(){return this.name;},setValue:function(v){if(!this.store){throw "DDView.setValue(). DDView must be constructed with a valid Store";}var D={};D[this.store.reader.meta.root]=v?[].concat(v):[];this.store.proxy=new Roo.data.MemoryProxy(D);this.store.load();},getValue:function(){var E='(';this.store.each(function(F){E+=F.id+',';});return E.substr(0,E.length-1)+')';},getIds:function(){var i=0,F=new Array(this.store.getCount());this.store.each(function(G){F[i++]=G.id;});return F;},isDirty:function(){return this.isDirtyFlag;},getTargetFromEvent:function(e){var G=e.getTarget();while((G!==null)&&(G.parentNode!=this.el.dom)){G=G.parentNode;}if(!G){G=this.el.dom.lastChild||this.el.dom;}return G;},getDragData:function(e){var H=this.findItemFromChild(e.getTarget());if(H){this.handleSelection(e);var selNodes=this.getSelectedNodes();var dragData={source:this,copy:this.copy||(this.allowCopy&&e.ctrlKey),nodes:selNodes,records:[]};var selectedIndices=this.getSelectedIndexes();for(var i=0;i<selectedIndices.length;i++){dragData.records.push(this.store.getAt(selectedIndices[i]));}if(selNodes.length==1){dragData.ddel=H.cloneNode(true);}else {var div=document.createElement('div');div.className='multi-proxy';for(var i=0,len=selNodes.length;i<len;i++){div.appendChild(selNodes[i].cloneNode(true));}
+dragData.ddel=div;}return dragData;}return false;},setDraggable:function(I){if(I instanceof Array){Roo.each(I,this.setDraggable,this);return;}if(this.dragZone){this.dragZone.addToGroup(I);}else {this.dragZone=new Roo.dd.DragZone(this.getEl(),{containerScroll:true,ddGroup:I});if(!this.multiSelect){this.singleSelect=true;}
+this.dragZone.getDragData=this.getDragData.createDelegate(this);}},setDroppable:function(J){if(J instanceof Array){Roo.each(J,this.setDroppable,this);return;}if(this.dropZone){this.dropZone.addToGroup(J);}else {this.dropZone=new Roo.dd.DropZone(this.getEl(),{containerScroll:true,ddGroup:J});this.dropZone.getTargetFromEvent=this.getTargetFromEvent.createDelegate(this);this.dropZone.onNodeEnter=this.onNodeEnter.createDelegate(this);this.dropZone.onNodeOver=this.onNodeOver.createDelegate(this);this.dropZone.onNodeOut=this.onNodeOut.createDelegate(this);this.dropZone.onNodeDrop=this.onNodeDrop.createDelegate(this);}},getDropPoint:function(e,n,dd){if(n==this.el.dom){return "above";}var t=Roo.lib.Dom.getY(n),b=t+n.offsetHeight;var c=t+(b-t)/2;var y=Roo.lib.Event.getPageY(e);if(y<=c){return "above";}else {return "below";}},onNodeEnter:function(n,dd,e,K){return false;},onNodeOver:function(n,dd,e,L){var pt=this.getDropPoint(e,n,dd);var M=this.dropNotAllowed;if(pt){var targetElClass;if(pt=="above"){M=n.previousSibling?"x-tree-drop-ok-between":"x-tree-drop-ok-above";targetElClass="x-view-drag-insert-above";}else {M=n.nextSibling?"x-tree-drop-ok-between":"x-tree-drop-ok-below";targetElClass="x-view-drag-insert-below";}if(this.lastInsertClass!=targetElClass){Roo.fly(n).replaceClass(this.lastInsertClass,targetElClass);this.lastInsertClass=targetElClass;}}return M;},onNodeOut:function(n,dd,e,N){this.removeDropIndicators(n);},onNodeDrop:function(n,dd,e,O){if(this.fireEvent("drop",this,n,dd,e,O)===false){return false;}var pt=this.getDropPoint(e,n,dd);var P=(n==this.el.dom)?this.nodes.length:n.nodeIndex;if(pt=="below"){P++;}for(var i=0;i<O.records.length;i++){var r=O.records[i];var dup=this.store.getById(r.id);if(dup&&(dd!=this.dragZone)){Roo.fly(this.getNode(this.store.indexOf(dup))).frame("red",1);}else {if(O.copy){this.store.insert(P++,r.copy());}else {O.source.isDirtyFlag=true;r.store.remove(r);this.store.insert(P++,r);}
+this.isDirtyFlag=true;}}
+this.dragZone.cachedTarget=null;return true;},removeDropIndicators:function(n){if(n){Roo.fly(n).removeClass(["x-view-drag-insert-above","x-view-drag-insert-below"]);this.lastInsertClass="_noclass";}},setDeletable:function(Q){if(!this.singleSelect&&!this.multiSelect){this.singleSelect=true;}var c=this.getContextMenu();this.contextMenu.on("itemclick",function(R){switch(R.id){case "delete":this.remove(this.getSelectedIndexes());break;}},this);this.contextMenu.add({icon:Q,id:"delete",text:'Delete'});},getContextMenu:function(){if(!this.contextMenu){this.contextMenu=new Roo.menu.Menu({id:this.id+"-contextmenu"});this.el.on("contextmenu",this.showContextMenu,this);}return this.contextMenu;},disableContextMenu:function(){if(this.contextMenu){this.el.un("contextmenu",this.showContextMenu,this);}},showContextMenu:function(e,R){R=this.findItemFromChild(e.getTarget());if(R){e.stopEvent();this.select(this.getNode(R),this.multiSelect&&e.ctrlKey,true);this.contextMenu.showAt(e.getXY());}},remove:function(S){S=[].concat(S);for(var i=0;i<S.length;i++){var rec=this.store.getAt(S[i]);this.store.remove(rec);}},onDblClick:function(e){var T=this.findItemFromChild(e.getTarget());if(T){if(this.fireEvent("dblclick",this,this.indexOf(T),T,e)===false){return false;}if(this.dragGroup){var targets=Roo.dd.DragDropMgr.getRelated(this.dragZone,true);while(targets.indexOf(this.dropZone)>-1){targets.remove(this.dropZone);}if(targets.length==1){this.dragZone.cachedTarget=null;var el=Roo.get(targets[0].getEl());var box=el.getBox(true);targets[0].onNodeDrop(el.dom,{target:el.dom,xy:[box.x,box.y+box.height-1]},null,this.getDragData(e));}}}},handleSelection:function(e){this.dragZone.cachedTarget=null;var U=this.findItemFromChild(e.getTarget());if(!U){this.clearSelections(true);return;}if(U&&(this.multiSelect||this.singleSelect)){if(this.multiSelect&&e.shiftKey&&(!e.ctrlKey)&&this.lastSelection){this.select(this.getNodes(this.indexOf(this.lastSelection),U.nodeIndex),false);}else if(this.isSelected(this.getNode(U))&&e.ctrlKey){this.unselect(U);}else {this.select(U,this.multiSelect&&e.ctrlKey);this.lastSelection=U;}}},onItemClick:function(V,W,e){if(this.fireEvent("beforeclick",this,W,V,e)===false){return false;}return true;},unselect:function(X,Y){var Z=this.getNode(X);if(Z&&this.isSelected(Z)){if(this.fireEvent("beforeselect",this,Z,this.selections)!==false){Roo.fly(Z).removeClass(this.selectedClass);this.selections.remove(Z);if(!Y){this.fireEvent("selectionchange",this,this.selections);}}}}});
+Roo.LayoutManager=function(A,B){Roo.LayoutManager.superclass.constructor.call(this);this.el=Roo.get(A);if(this.el.dom==document.body&&Roo.isIE&&!B.allowScroll){document.body.scroll="no";}else if(this.el.dom!=document.body&&this.el.getStyle('position')=='static'){this.el.position('relative');}
+this.id=this.el.id;this.el.addClass("x-layout-container");this.monitorWindowResize=true;this.regions={};this.addEvents({"layout":true,"regionresized":true,"regioncollapsed":true,"regionexpanded":true});this.updating=false;Roo.EventManager.onWindowResize(this.onWindowResize,this,true);};Roo.extend(Roo.LayoutManager,Roo.util.Observable,{isUpdating:function(){return this.updating;},beginUpdate:function(){this.updating=true;},endUpdate:function(C){this.updating=false;if(!C){this.layout();}},layout:function(){},onRegionResized:function(D,E){this.fireEvent("regionresized",D,E);this.layout();},onRegionCollapsed:function(F){this.fireEvent("regioncollapsed",F);},onRegionExpanded:function(G){this.fireEvent("regionexpanded",G);},getViewSize:function(){var H;if(this.el.dom!=document.body){H=this.el.getSize();}else {H={width:Roo.lib.Dom.getViewWidth(),height:Roo.lib.Dom.getViewHeight()};}
+H.width-=this.el.getBorderWidth("lr")-this.el.getPadding("lr");H.height-=this.el.getBorderWidth("tb")-this.el.getPadding("tb");return H;},getEl:function(){return this.el;},getRegion:function(I){return this.regions[I.toLowerCase()];},onWindowResize:function(){if(this.monitorWindowResize){this.layout();}}});
+Roo.BorderLayout=function(A,B){B=B||{};Roo.BorderLayout.superclass.constructor.call(this,A,B);this.factory=B.factory||Roo.BorderLayout.RegionFactory;for(var i=0,len=this.factory.validRegions.length;i<len;i++){var target=this.factory.validRegions[i];if(B[target]){this.addRegion(target,B[target]);}}};Roo.extend(Roo.BorderLayout,Roo.LayoutManager,{addRegion:function(C,D){if(!this.regions[C]){var r=this.factory.create(C,this,D);this.bindRegion(C,r);}return this.regions[C];},bindRegion:function(E,r){this.regions[E]=r;r.on("visibilitychange",this.layout,this);r.on("paneladded",this.layout,this);r.on("panelremoved",this.layout,this);r.on("invalidated",this.layout,this);r.on("resized",this.onRegionResized,this);r.on("collapsed",this.onRegionCollapsed,this);r.on("expanded",this.onRegionExpanded,this);},layout:function(){if(this.updating)return;var F=this.getViewSize();var w=F.width;var h=F.height;var G=w;var H=h;var I=0;var J=0;var rs=this.regions;var K=rs["north"];var L=rs["south"];var M=rs["west"];var N=rs["east"];var O=rs["center"];if(K&&K.isVisible()){var b=K.getBox();var m=K.getMargins();b.width=w-(m.left+m.right);b.x=m.left;b.y=m.top;I=b.height+b.y+m.bottom;H-=I;K.updateBox(this.safeBox(b));}if(L&&L.isVisible()){var b=L.getBox();var m=L.getMargins();b.width=w-(m.left+m.right);b.x=m.left;var totalHeight=(b.height+m.top+m.bottom);b.y=h-totalHeight+m.top;H-=totalHeight;L.updateBox(this.safeBox(b));}if(M&&M.isVisible()){var b=M.getBox();var m=M.getMargins();b.height=H-(m.top+m.bottom);b.x=m.left;b.y=I+m.top;var totalWidth=(b.width+m.left+m.right);J+=totalWidth;G-=totalWidth;M.updateBox(this.safeBox(b));}if(N&&N.isVisible()){var b=N.getBox();var m=N.getMargins();b.height=H-(m.top+m.bottom);var totalWidth=(b.width+m.left+m.right);b.x=w-totalWidth+m.left;b.y=I+m.top;G-=totalWidth;N.updateBox(this.safeBox(b));}if(O){var m=O.getMargins();var centerBox={x:J+m.left,y:I+m.top,width:G-(m.left+m.right),height:H-(m.top+m.bottom)};O.updateBox(this.safeBox(centerBox));}
+this.el.repaint();this.fireEvent("layout",this);},safeBox:function(P){P.width=Math.max(0,P.width);P.height=Math.max(0,P.height);return P;},add:function(Q,R){Q=Q.toLowerCase();return this.regions[Q].add(R);},remove:function(S,T){S=S.toLowerCase();return this.regions[S].remove(T);},findPanel:function(U){var rs=this.regions;for(var S in rs){if(typeof rs[S]!="function"){var p=rs[S].getPanel(U);if(p){return p;}}}return null;},showPanel:function(V){var rs=this.regions;for(var S in rs){var r=rs[S];if(typeof r!="function"){if(r.hasPanel(V)){return r.showPanel(V);}}}return null;},restoreState:function(W){if(!W){W=Roo.state.Manager;}var sm=new Roo.LayoutStateManager();sm.init(this,W);},batchAdd:function(X){this.beginUpdate();for(var rname in X){var lr=this.regions[rname];if(lr){this.addTypedPanels(lr,X[rname]);}}
+this.endUpdate();},addTypedPanels:function(lr,ps){if(typeof ps=='string'){lr.add(new Roo.ContentPanel(ps));}else if(ps instanceof Array){for(var i=0,len=ps.length;i<len;i++){this.addTypedPanels(lr,ps[i]);}}else if(!ps.events){var el=ps.el;delete ps.el;lr.add(new Roo.ContentPanel(el||Roo.id(),ps));}else {lr.add(ps);}},addxtype:function(Y){if(!Y.xtype.match(/Panel$/)){return false;}var Z=false;var a=Y.region;delete Y.region;var c=[];if(Y.items){c=Y.items;delete Y.items;}switch(Y.xtype){case 'ContentPanel':if(Y.autoCreate){Z=new Roo[Y.xtype](Y);}else {var el=this.el.createChild();Z=new Roo[Y.xtype](el,Y);}
+this.add(a,Z);break;case 'TreePanel':Y.el=this.el.createChild();Z=new Roo[Y.xtype](Y);this.add(a,Z);break;case 'NestedLayoutPanel':var el=this.el.createChild();var clayout=Y.layout;delete Y.layout;clayout.items=clayout.items||[];c=clayout.items;if(a=='center'&&this.active&&this.getRegion('center').panels.length<1){Y.background=false;}var layout=new Roo.BorderLayout(el,clayout);Z=new Roo[Y.xtype](layout,Y);this.add(a,Z);break;case 'GridPanel':var el=this.el.createChild();var grid=new Roo.grid[Y.grid.xtype](el,Y.grid);delete Y.grid;if(a=='center'&&this.active){Y.background=false;}
+Z=new Roo[Y.xtype](grid,Y);this.add(a,Z);if(Y.background){Z.on('activate',function(gp){if(!gp.grid.rendered){gp.grid.render();}});}else {grid.render();}break;default:alert("Can not add '"+Y.xtype+"' to BorderLayout");return;}
+this.beginUpdate();Roo.each(c,function(i){Z.addxtype(i);});this.endUpdate();return Z;}});Roo.BorderLayout.create=function(d,e){var f=new Roo.BorderLayout(e||document.body,d);f.beginUpdate();var g=Roo.BorderLayout.RegionFactory.validRegions;for(var j=0,jlen=g.length;j<jlen;j++){var lr=g[j];if(f.regions[lr]&&d[lr].panels){var r=f.regions[lr];var ps=d[lr].panels;f.addTypedPanels(r,ps);}}
+f.endUpdate();return f;};Roo.BorderLayout.RegionFactory={validRegions:["north","south","east","west","center"],create:function(k,l,n){k=k.toLowerCase();if(n.lightweight||n.basic){return new Roo.BasicLayoutRegion(l,n,k);}switch(k){case "north":return new Roo.NorthLayoutRegion(l,n);case "south":return new Roo.SouthLayoutRegion(l,n);case "east":return new Roo.EastLayoutRegion(l,n);case "west":return new Roo.WestLayoutRegion(l,n);case "center":return new Roo.CenterLayoutRegion(l,n);}throw 'Layout region "'+k+'" not supported.';}};
+Roo.BasicLayoutRegion=function(A,B,C,D){this.mgr=A;this.position=C;this.events={"beforeremove":true,"invalidated":true,"visibilitychange":true,"paneladded":true,"panelremoved":true,"collapsed":true,"expanded":true,"slideshow":true,"slidehide":true,"panelactivated":true,"resized":true};this.panels=new Roo.util.MixedCollection();this.panels.getKey=this.getPanelId.createDelegate(this);this.box=null;this.activePanel=null;if(B.listeners||B.events){Roo.BasicLayoutRegion.superclass.constructor.call(this,{listeners:B.listeners||{},events:B.events||{}});}if(D!==true){this.applyConfig(B);}};Roo.extend(Roo.BasicLayoutRegion,Roo.util.Observable,{getPanelId:function(p){return p.getId();},applyConfig:function(E){this.margins=E.margins||this.margins||{top:0,left:0,right:0,bottom:0};this.config=E;},resizeTo:function(F){var el=this.el?this.el:(this.activePanel?this.activePanel.getEl():null);if(el){switch(this.position){case "east":case "west":el.setWidth(F);this.fireEvent("resized",this,F);break;case "north":case "south":el.setHeight(F);this.fireEvent("resized",this,F);break;}}},getBox:function(){return this.activePanel?this.activePanel.getEl().getBox(false,true):null;},getMargins:function(){return this.margins;},updateBox:function(G){this.box=G;var el=this.activePanel.getEl();el.dom.style.left=G.x+"px";el.dom.style.top=G.y+"px";this.activePanel.setSize(G.width,G.height);},getEl:function(){return this.activePanel;},isVisible:function(){return this.activePanel?true:false;},setActivePanel:function(H){H=this.getPanel(H);if(this.activePanel&&this.activePanel!=H){this.activePanel.setActiveState(false);this.activePanel.getEl().setLeftTop(-10000,-10000);}
+this.activePanel=H;H.setActiveState(true);if(this.box){H.setSize(this.box.width,this.box.height);}
+this.fireEvent("panelactivated",this,H);this.fireEvent("invalidated");},showPanel:function(I){if(I=this.getPanel(I)){this.setActivePanel(I);}return I;},getActivePanel:function(){return this.activePanel;},add:function(J){if(arguments.length>1){for(var i=0,len=arguments.length;i<len;i++){this.add(arguments[i]);}return null;}if(this.hasPanel(J)){this.showPanel(J);return J;}var el=J.getEl();if(el.dom.parentNode!=this.mgr.el.dom){this.mgr.el.dom.appendChild(el.dom);}if(J.setRegion){J.setRegion(this);}
+this.panels.add(J);el.setStyle("position","absolute");if(!J.background){this.setActivePanel(J);if(this.config.initialSize&&this.panels.getCount()==1){this.resizeTo(this.config.initialSize);}}
+this.fireEvent("paneladded",this,J);return J;},hasPanel:function(K){if(typeof K=="object"){K=K.getId();}return this.getPanel(K)?true:false;},remove:function(L,M){L=this.getPanel(L);if(!L){return null;}var e={};this.fireEvent("beforeremove",this,L,e);if(e.cancel===true){return null;}var N=L.getId();this.panels.removeKey(N);return L;},getPanel:function(id){if(typeof id=="object"){return id;}return this.panels.get(id);},getPosition:function(){return this.position;}});
+Roo.LayoutRegion=function(A,B,C){Roo.LayoutRegion.superclass.constructor.call(this,A,B,C,true);var dh=Roo.DomHelper;this.el=dh.append(A.el.dom,{tag:"div",cls:"x-layout-panel x-layout-panel-"+this.position},true);this.titleEl=dh.append(this.el.dom,{tag:"div",unselectable:"on",cls:"x-unselectable x-layout-panel-hd x-layout-title-"+this.position,children:[{tag:"span",cls:"x-unselectable x-layout-panel-hd-text",unselectable:"on",html:" "},{tag:"div",cls:"x-unselectable x-layout-panel-hd-tools",unselectable:"on"}]},true);this.titleEl.enableDisplayMode();this.titleTextEl=this.titleEl.dom.firstChild;this.tools=Roo.get(this.titleEl.dom.childNodes[1],true);this.closeBtn=this.createTool(this.tools.dom,"x-layout-close");this.closeBtn.enableDisplayMode();this.closeBtn.on("click",this.closeClicked,this);this.closeBtn.hide();this.createBody(B);this.visible=true;this.collapsed=false;if(B.hideWhenEmpty){this.hide();this.on("paneladded",this.validateVisibility,this);this.on("panelremoved",this.validateVisibility,this);}
+this.applyConfig(B);};Roo.extend(Roo.LayoutRegion,Roo.BasicLayoutRegion,{createBody:function(){this.bodyEl=this.el.createChild({tag:"div",cls:"x-layout-panel-body"});},applyConfig:function(c){if(c.collapsible&&this.position!="center"&&!this.collapsedEl){var dh=Roo.DomHelper;if(c.titlebar!==false){this.collapseBtn=this.createTool(this.tools.dom,"x-layout-collapse-"+this.position);this.collapseBtn.on("click",this.collapse,this);this.collapseBtn.enableDisplayMode();if(c.showPin===true||this.showPin){this.stickBtn=this.createTool(this.tools.dom,"x-layout-stick");this.stickBtn.enableDisplayMode();this.stickBtn.on("click",this.expand,this);this.stickBtn.hide();}}
+this.collapsedEl=dh.append(this.mgr.el.dom,{cls:"x-layout-collapsed x-layout-collapsed-"+this.position,children:[{cls:"x-layout-collapsed-tools",children:[{cls:"x-layout-ctools-inner"}]}]},true);if(c.floatable!==false){this.collapsedEl.addClassOnOver("x-layout-collapsed-over");this.collapsedEl.on("click",this.collapseClick,this);}if(c.collapsedTitle&&(this.position=="north"||this.position=="south")){this.collapsedTitleTextEl=dh.append(this.collapsedEl.dom,{tag:"div",cls:"x-unselectable x-layout-panel-hd-text",id:"message",unselectable:"on",style:{"float":"left"}});this.collapsedTitleTextEl.innerHTML=c.collapsedTitle;}
+this.expandBtn=this.createTool(this.collapsedEl.dom.firstChild.firstChild,"x-layout-expand-"+this.position);this.expandBtn.on("click",this.expand,this);}if(this.collapseBtn){this.collapseBtn.setVisible(c.collapsible==true);}
+this.cmargins=c.cmargins||this.cmargins||(this.position=="west"||this.position=="east"?{top:0,left:2,right:2,bottom:0}:{top:2,left:0,right:0,bottom:2});this.margins=c.margins||this.margins||{top:0,left:0,right:0,bottom:0};this.bottomTabs=c.tabPosition!="top";this.autoScroll=c.autoScroll||false;if(this.autoScroll){this.bodyEl.setStyle("overflow","auto");}else {this.bodyEl.setStyle("overflow","hidden");}if((!c.titlebar&&!c.title)||c.titlebar===false){this.titleEl.hide();}else {this.titleEl.show();if(c.title){this.titleTextEl.innerHTML=c.title;}}
+this.duration=c.duration||.30;this.slideDuration=c.slideDuration||.45;this.config=c;if(c.collapsed){this.collapse(true);}if(c.hidden){this.hide();}},isVisible:function(){return this.visible;},setCollapsedTitle:function(D){D=D||" ";if(this.collapsedTitleTextEl){this.collapsedTitleTextEl.innerHTML=D;}},getBox:function(){var b;if(!this.collapsed){b=this.el.getBox(false,true);}else {b=this.collapsedEl.getBox(false,true);}return b;},getMargins:function(){return this.collapsed?this.cmargins:this.margins;},highlight:function(){this.el.addClass("x-layout-panel-dragover");},unhighlight:function(){this.el.removeClass("x-layout-panel-dragover");},updateBox:function(E){this.box=E;if(!this.collapsed){this.el.dom.style.left=E.x+"px";this.el.dom.style.top=E.y+"px";this.updateBody(E.width,E.height);}else {this.collapsedEl.dom.style.left=E.x+"px";this.collapsedEl.dom.style.top=E.y+"px";this.collapsedEl.setSize(E.width,E.height);}if(this.tabs){this.tabs.autoSizeTabs();}},updateBody:function(w,h){if(w!==null){this.el.setWidth(w);w-=this.el.getBorderWidth("rl");if(this.config.adjustments){w+=this.config.adjustments[0];}}if(h!==null){this.el.setHeight(h);h=this.titleEl&&this.titleEl.isDisplayed()?h-(this.titleEl.getHeight()||0):h;h-=this.el.getBorderWidth("tb");if(this.config.adjustments){h+=this.config.adjustments[1];}
+this.bodyEl.setHeight(h);if(this.tabs){h=this.tabs.syncHeight(h);}}if(this.panelSize){w=w!==null?w:this.panelSize.width;h=h!==null?h:this.panelSize.height;}if(this.activePanel){var el=this.activePanel.getEl();w=w!==null?w:el.getWidth();h=h!==null?h:el.getHeight();this.panelSize={width:w,height:h};this.activePanel.setSize(w,h);}if(Roo.isIE&&this.tabs){this.tabs.el.repaint();}},getEl:function(){return this.el;},hide:function(){if(!this.collapsed){this.el.dom.style.left="-2000px";this.el.hide();}else {this.collapsedEl.dom.style.left="-2000px";this.collapsedEl.hide();}
+this.visible=false;this.fireEvent("visibilitychange",this,false);},show:function(){if(!this.collapsed){this.el.show();}else {this.collapsedEl.show();}
+this.visible=true;this.fireEvent("visibilitychange",this,true);},closeClicked:function(){if(this.activePanel){this.remove(this.activePanel);}},collapseClick:function(e){if(this.isSlid){e.stopPropagation();this.slideIn();}else {e.stopPropagation();this.slideOut();}},collapse:function(F){if(this.collapsed)return;this.collapsed=true;if(this.split){this.split.el.hide();}if(this.config.animate&&F!==true){this.fireEvent("invalidated",this);this.animateCollapse();}else {this.el.setLocation(-20000,-20000);this.el.hide();this.collapsedEl.show();this.fireEvent("collapsed",this);this.fireEvent("invalidated",this);}},animateCollapse:function(){},expand:function(e,G){if(e)e.stopPropagation();if(!this.collapsed||this.el.hasActiveFx())return;if(this.isSlid){this.afterSlideIn();G=true;}
+this.collapsed=false;if(this.config.animate&&G!==true){this.animateExpand();}else {this.el.show();if(this.split){this.split.el.show();}
+this.collapsedEl.setLocation(-2000,-2000);this.collapsedEl.hide();this.fireEvent("invalidated",this);this.fireEvent("expanded",this);}},animateExpand:function(){},initTabs:function(){this.bodyEl.setStyle("overflow","hidden");var ts=new Roo.TabPanel(this.bodyEl.dom,{tabPosition:this.bottomTabs?'bottom':'top',disableTooltips:this.config.disableTabTips});if(this.config.hideTabs){ts.stripWrap.setDisplayed(false);}
+this.tabs=ts;ts.resizeTabs=this.config.resizeTabs===true;ts.minTabWidth=this.config.minTabWidth||40;ts.maxTabWidth=this.config.maxTabWidth||250;ts.preferredTabWidth=this.config.preferredTabWidth||150;ts.monitorResize=false;ts.bodyEl.setStyle("overflow",this.config.autoScroll?"auto":"hidden");ts.bodyEl.addClass('x-layout-tabs-body');this.panels.each(this.initPanelAsTab,this);},initPanelAsTab:function(H){var ti=this.tabs.addTab(H.getEl().id,H.getTitle(),null,this.config.closeOnTab&&H.isClosable());if(H.tabTip!==undefined){ti.setTooltip(H.tabTip);}
+ti.on("activate",function(){this.setActivePanel(H);},this);if(this.config.closeOnTab){ti.on("beforeclose",function(t,e){e.cancel=true;this.remove(H);},this);}return ti;},updatePanelTitle:function(I,J){if(this.activePanel==I){this.updateTitle(J);}if(this.tabs){var ti=this.tabs.getTab(I.getEl().id);ti.setText(J);if(I.tabTip!==undefined){ti.setTooltip(I.tabTip);}}},updateTitle:function(K){if(this.titleTextEl&&!this.config.title){this.titleTextEl.innerHTML=(typeof K!="undefined"&&K.length>0?K:" ");}},setActivePanel:function(L){L=this.getPanel(L);if(this.activePanel&&this.activePanel!=L){this.activePanel.setActiveState(false);}
+this.activePanel=L;L.setActiveState(true);if(this.panelSize){L.setSize(this.panelSize.width,this.panelSize.height);}if(this.closeBtn){this.closeBtn.setVisible(!this.config.closeOnTab&&!this.isSlid&&L.isClosable());}
+this.updateTitle(L.getTitle());if(this.tabs){this.fireEvent("invalidated",this);}
+this.fireEvent("panelactivated",this,L);},showPanel:function(M){if(M=this.getPanel(M)){if(this.tabs){var tab=this.tabs.getTab(M.getEl().id);if(tab.isHidden()){this.tabs.unhideTab(tab.id);}
+tab.activate();}else {this.setActivePanel(M);}}return M;},getActivePanel:function(){return this.activePanel;},validateVisibility:function(){if(this.panels.getCount()<1){this.updateTitle(" ");this.closeBtn.hide();this.hide();}else {if(!this.isVisible()){this.show();}}},add:function(N){if(arguments.length>1){for(var i=0,len=arguments.length;i<len;i++){this.add(arguments[i]);}return null;}if(this.hasPanel(N)){this.showPanel(N);return N;}
+N.setRegion(this);this.panels.add(N);if(this.panels.getCount()==1&&!this.config.alwaysShowTabs){this.bodyEl.dom.appendChild(N.getEl().dom);if(N.background!==true){this.setActivePanel(N);}
+this.fireEvent("paneladded",this,N);return N;}if(!this.tabs){this.initTabs();}else {this.initPanelAsTab(N);}if(N.background!==true){this.tabs.activate(N.getEl().id);}
+this.fireEvent("paneladded",this,N);return N;},hidePanel:function(O){if(this.tabs&&(O=this.getPanel(O))){this.tabs.hideTab(O.getEl().id);}},unhidePanel:function(P){if(this.tabs&&(P=this.getPanel(P))){this.tabs.unhideTab(P.getEl().id);}},clearPanels:function(){while(this.panels.getCount()>0){this.remove(this.panels.first());}},remove:function(Q,R){Q=this.getPanel(Q);if(!Q){return null;}var e={};this.fireEvent("beforeremove",this,Q,e);if(e.cancel===true){return null;}
+R=(typeof R!="undefined"?R:(this.config.preservePanels===true||Q.preserve===true));var S=Q.getId();this.panels.removeKey(S);if(R){document.body.appendChild(Q.getEl().dom);}if(this.tabs){this.tabs.removeTab(Q.getEl().id);}else if(!R){this.bodyEl.dom.removeChild(Q.getEl().dom);}if(this.panels.getCount()==1&&this.tabs&&!this.config.alwaysShowTabs){var p=this.panels.first();var tempEl=document.createElement("div");tempEl.appendChild(p.getEl().dom);this.bodyEl.update("");this.bodyEl.dom.appendChild(p.getEl().dom);tempEl=null;this.updateTitle(p.getTitle());this.tabs=null;this.bodyEl.setStyle("overflow",this.config.autoScroll?"auto":"hidden");this.setActivePanel(p);}
+Q.setRegion(null);if(this.activePanel==Q){this.activePanel=null;}if(this.config.autoDestroy!==false&&R!==true){try{Q.destroy();}catch(e){}}
+this.fireEvent("panelremoved",this,Q);return Q;},getTabs:function(){return this.tabs;},createTool:function(T,U){var V=Roo.DomHelper.append(T,{tag:"div",cls:"x-layout-tools-button",children:[{tag:"div",cls:"x-layout-tools-button-inner "+U,html:" "}]},true);V.addClassOnOver("x-layout-tools-button-over");return V;}});
+Roo.SplitLayoutRegion=function(A,B,C,D){this.cursor=D;Roo.SplitLayoutRegion.superclass.constructor.call(this,A,B,C);};Roo.extend(Roo.SplitLayoutRegion,Roo.LayoutRegion,{splitTip:"Drag to resize.",collapsibleSplitTip:"Drag to resize. Double click to hide.",useSplitTips:false,applyConfig:function(E){Roo.SplitLayoutRegion.superclass.applyConfig.call(this,E);if(E.split){if(!this.split){var splitEl=Roo.DomHelper.append(this.mgr.el.dom,{tag:"div",id:this.el.id+"-split",cls:"x-layout-split x-layout-split-"+this.position,html:" "});this.split=new Roo.SplitBar(splitEl,this.el,this.orientation);this.split.on("moved",this.onSplitMove,this);this.split.useShim=E.useShim===true;this.split.getMaximumSize=this[this.position=='north'||this.position=='south'?'getVMaxSize':'getHMaxSize'].createDelegate(this);if(this.useSplitTips){this.split.el.dom.title=E.collapsible?this.collapsibleSplitTip:this.splitTip;}if(E.collapsible){this.split.el.on("dblclick",this.collapse,this);}}if(typeof E.minSize!="undefined"){this.split.minSize=E.minSize;}if(typeof E.maxSize!="undefined"){this.split.maxSize=E.maxSize;}if(E.hideWhenEmpty||E.hidden||E.collapsed){this.hideSplitter();}}},getHMaxSize:function(){var F=this.config.maxSize||10000;var G=this.mgr.getRegion("center");return Math.min(F,(this.el.getWidth()+G.getEl().getWidth())-G.getMinWidth());},getVMaxSize:function(){var H=this.config.maxSize||10000;var I=this.mgr.getRegion("center");return Math.min(H,(this.el.getHeight()+I.getEl().getHeight())-I.getMinHeight());},onSplitMove:function(J,K){this.fireEvent("resized",this,K);},getSplitBar:function(){return this.split;},hide:function(){this.hideSplitter();Roo.SplitLayoutRegion.superclass.hide.call(this);},hideSplitter:function(){if(this.split){this.split.el.setLocation(-2000,-2000);this.split.el.hide();}},show:function(){if(this.split){this.split.el.show();}
+Roo.SplitLayoutRegion.superclass.show.call(this);},beforeSlide:function(){if(Roo.isGecko){this.bodyEl.clip();if(this.tabs)this.tabs.bodyEl.clip();if(this.activePanel){this.activePanel.getEl().clip();if(this.activePanel.beforeSlide){this.activePanel.beforeSlide();}}}},afterSlide:function(){if(Roo.isGecko){this.bodyEl.unclip();if(this.tabs)this.tabs.bodyEl.unclip();if(this.activePanel){this.activePanel.getEl().unclip();if(this.activePanel.afterSlide){this.activePanel.afterSlide();}}}},initAutoHide:function(){if(this.autoHide!==false){if(!this.autoHideHd){var st=new Roo.util.DelayedTask(this.slideIn,this);this.autoHideHd={"mouseout":function(e){if(!e.within(this.el,true)){st.delay(500);}},"mouseover":function(e){st.cancel();},scope:this};}
+this.el.on(this.autoHideHd);}},clearAutoHide:function(){if(this.autoHide!==false){this.el.un("mouseout",this.autoHideHd.mouseout);this.el.un("mouseover",this.autoHideHd.mouseover);}},clearMonitor:function(){Roo.get(document).un("click",this.slideInIf,this);},slideOut:function(){if(this.isSlid||this.el.hasActiveFx()){return;}
+this.isSlid=true;if(this.collapseBtn){this.collapseBtn.hide();}
+this.closeBtnState=this.closeBtn.getStyle('display');this.closeBtn.hide();if(this.stickBtn){this.stickBtn.show();}
+this.el.show();this.el.alignTo(this.collapsedEl,this.getCollapseAnchor());this.beforeSlide();this.el.setStyle("z-index",10001);this.el.slideIn(this.getSlideAnchor(),{callback:function(){this.afterSlide();this.initAutoHide();Roo.get(document).on("click",this.slideInIf,this);this.fireEvent("slideshow",this);},scope:this,block:true});},afterSlideIn:function(){this.clearAutoHide();this.isSlid=false;this.clearMonitor();this.el.setStyle("z-index","");if(this.collapseBtn){this.collapseBtn.show();}
+this.closeBtn.setStyle('display',this.closeBtnState);if(this.stickBtn){this.stickBtn.hide();}
+this.fireEvent("slidehide",this);},slideIn:function(cb){if(!this.isSlid||this.el.hasActiveFx()){Roo.callback(cb);return;}
+this.isSlid=false;this.beforeSlide();this.el.slideOut(this.getSlideAnchor(),{callback:function(){this.el.setLeftTop(-10000,-10000);this.afterSlide();this.afterSlideIn();Roo.callback(cb);},scope:this,block:true});},slideInIf:function(e){if(!e.within(this.el)){this.slideIn();}},animateCollapse:function(){this.beforeSlide();this.el.setStyle("z-index",20000);var L=this.getSlideAnchor();this.el.slideOut(L,{callback:function(){this.el.setStyle("z-index","");this.collapsedEl.slideIn(L,{duration:.3});this.afterSlide();this.el.setLocation(-10000,-10000);this.el.hide();this.fireEvent("collapsed",this);},scope:this,block:true});},animateExpand:function(){this.beforeSlide();this.el.alignTo(this.collapsedEl,this.getCollapseAnchor(),this.getExpandAdj());this.el.setStyle("z-index",20000);this.collapsedEl.hide({duration:.1});this.el.slideIn(this.getSlideAnchor(),{callback:function(){this.el.setStyle("z-index","");this.afterSlide();if(this.split){this.split.el.show();}
+this.fireEvent("invalidated",this);this.fireEvent("expanded",this);},scope:this,block:true});},anchors:{"west":"left","east":"right","north":"top","south":"bottom"},sanchors:{"west":"l","east":"r","north":"t","south":"b"},canchors:{"west":"tl-tr","east":"tr-tl","north":"tl-bl","south":"bl-tl"},getAnchor:function(){return this.anchors[this.position];},getCollapseAnchor:function(){return this.canchors[this.position];},getSlideAnchor:function(){return this.sanchors[this.position];},getAlignAdj:function(){var cm=this.cmargins;switch(this.position){case "west":return [0,0];break;case "east":return [0,0];break;case "north":return [0,0];break;case "south":return [0,0];break;}},getExpandAdj:function(){var c=this.collapsedEl,cm=this.cmargins;switch(this.position){case "west":return [-(cm.right+c.getWidth()+cm.left),0];break;case "east":return [cm.right+c.getWidth()+cm.left,0];break;case "north":return [0,-(cm.top+cm.bottom+c.getHeight())];break;case "south":return [0,cm.top+cm.bottom+c.getHeight()];break;}}});
+Roo.CenterLayoutRegion=function(A,B){Roo.LayoutRegion.call(this,A,B,"center");this.visible=true;this.minWidth=B.minWidth||20;this.minHeight=B.minHeight||20;};Roo.extend(Roo.CenterLayoutRegion,Roo.LayoutRegion,{hide:function(){},show:function(){},getMinWidth:function(){return this.minWidth;},getMinHeight:function(){return this.minHeight;}});Roo.NorthLayoutRegion=function(C,D){Roo.LayoutRegion.call(this,C,D,"north","n-resize");if(this.split){this.split.placement=Roo.SplitBar.TOP;this.split.orientation=Roo.SplitBar.VERTICAL;this.split.el.addClass("x-layout-split-v");}var E=D.initialSize||D.height;if(typeof E!="undefined"){this.el.setHeight(E);}};Roo.extend(Roo.NorthLayoutRegion,Roo.SplitLayoutRegion,{orientation:Roo.SplitBar.VERTICAL,getBox:function(){if(this.collapsed){return this.collapsedEl.getBox();}var F=this.el.getBox();if(this.split){F.height+=this.split.el.getHeight();}return F;},updateBox:function(G){if(this.split&&!this.collapsed){G.height-=this.split.el.getHeight();this.split.el.setLeft(G.x);this.split.el.setTop(G.y+G.height);this.split.el.setWidth(G.width);}if(this.collapsed){this.updateBody(G.width,null);}
+Roo.LayoutRegion.prototype.updateBox.call(this,G);}});Roo.SouthLayoutRegion=function(H,I){Roo.SplitLayoutRegion.call(this,H,I,"south","s-resize");if(this.split){this.split.placement=Roo.SplitBar.BOTTOM;this.split.orientation=Roo.SplitBar.VERTICAL;this.split.el.addClass("x-layout-split-v");}var J=I.initialSize||I.height;if(typeof J!="undefined"){this.el.setHeight(J);}};Roo.extend(Roo.SouthLayoutRegion,Roo.SplitLayoutRegion,{orientation:Roo.SplitBar.VERTICAL,getBox:function(){if(this.collapsed){return this.collapsedEl.getBox();}var K=this.el.getBox();if(this.split){var sh=this.split.el.getHeight();K.height+=sh;K.y-=sh;}return K;},updateBox:function(L){if(this.split&&!this.collapsed){var sh=this.split.el.getHeight();L.height-=sh;L.y+=sh;this.split.el.setLeft(L.x);this.split.el.setTop(L.y-sh);this.split.el.setWidth(L.width);}if(this.collapsed){this.updateBody(L.width,null);}
+Roo.LayoutRegion.prototype.updateBox.call(this,L);}});Roo.EastLayoutRegion=function(M,N){Roo.SplitLayoutRegion.call(this,M,N,"east","e-resize");if(this.split){this.split.placement=Roo.SplitBar.RIGHT;this.split.orientation=Roo.SplitBar.HORIZONTAL;this.split.el.addClass("x-layout-split-h");}var O=N.initialSize||N.width;if(typeof O!="undefined"){this.el.setWidth(O);}};Roo.extend(Roo.EastLayoutRegion,Roo.SplitLayoutRegion,{orientation:Roo.SplitBar.HORIZONTAL,getBox:function(){if(this.collapsed){return this.collapsedEl.getBox();}var P=this.el.getBox();if(this.split){var sw=this.split.el.getWidth();P.width+=sw;P.x-=sw;}return P;},updateBox:function(Q){if(this.split&&!this.collapsed){var sw=this.split.el.getWidth();Q.width-=sw;this.split.el.setLeft(Q.x);this.split.el.setTop(Q.y);this.split.el.setHeight(Q.height);Q.x+=sw;}if(this.collapsed){this.updateBody(null,Q.height);}
+Roo.LayoutRegion.prototype.updateBox.call(this,Q);}});Roo.WestLayoutRegion=function(R,S){Roo.SplitLayoutRegion.call(this,R,S,"west","w-resize");if(this.split){this.split.placement=Roo.SplitBar.LEFT;this.split.orientation=Roo.SplitBar.HORIZONTAL;this.split.el.addClass("x-layout-split-h");}var T=S.initialSize||S.width;if(typeof T!="undefined"){this.el.setWidth(T);}};Roo.extend(Roo.WestLayoutRegion,Roo.SplitLayoutRegion,{orientation:Roo.SplitBar.HORIZONTAL,getBox:function(){if(this.collapsed){return this.collapsedEl.getBox();}var U=this.el.getBox();if(this.split){U.width+=this.split.el.getWidth();}return U;},updateBox:function(V){if(this.split&&!this.collapsed){var sw=this.split.el.getWidth();V.width-=sw;this.split.el.setLeft(V.x+V.width);this.split.el.setTop(V.y);this.split.el.setHeight(V.height);}if(this.collapsed){this.updateBody(null,V.height);}
+Roo.LayoutRegion.prototype.updateBox.call(this,V);}});
+Roo.LayoutStateManager=function(A){this.state={north:{},south:{},east:{},west:{}};};Roo.LayoutStateManager.prototype={init:function(B,C){this.provider=C;var D=C.get(B.id+"-layout-state");if(D){var wasUpdating=B.isUpdating();if(!wasUpdating){B.beginUpdate();}for(var key in D){if(typeof D[key]!="function"){var rstate=D[key];var r=B.getRegion(key);if(r&&rstate){if(rstate.size){r.resizeTo(rstate.size);}if(rstate.collapsed==true){r.collapse(true);}else {r.expand(null,true);}}}}if(!wasUpdating){B.endUpdate();}
+this.state=D;}
+this.layout=B;B.on("regionresized",this.onRegionResized,this);B.on("regioncollapsed",this.onRegionCollapsed,this);B.on("regionexpanded",this.onRegionExpanded,this);},storeState:function(){this.provider.set(this.layout.id+"-layout-state",this.state);},onRegionResized:function(E,F){this.state[E.getPosition()].size=F;this.storeState();},onRegionCollapsed:function(G){this.state[G.getPosition()].collapsed=true;this.storeState();},onRegionExpanded:function(H){this.state[H.getPosition()].collapsed=false;this.storeState();}};
+Roo.ContentPanel=function(el,A,B){if(el.autoCreate){A=el;el=Roo.id();}
+this.el=Roo.get(el);if(!this.el&&A&&A.autoCreate){if(typeof A.autoCreate=="object"){if(!A.autoCreate.id){A.autoCreate.id=A.id||el;}
+this.el=Roo.DomHelper.append(document.body,A.autoCreate,true);}else {this.el=Roo.DomHelper.append(document.body,{tag:"div",cls:"x-layout-inactive-content",id:A.id||el},true);}}
+this.closable=false;this.loaded=false;this.active=false;if(typeof A=="string"){this.title=A;}else {Roo.apply(this,A);}if(this.toolbar&&!this.toolbar.el&&this.toolbar.xtype){this.wrapEl=this.el.wrap();this.toolbar=new Roo.Toolbar(this.el.insertSibling(false,'before'),[],this.toolbar);}if(this.resizeEl){this.resizeEl=Roo.get(this.resizeEl,true);}else {this.resizeEl=this.el;}
+this.addEvents({"activate":true,"deactivate":true,"resize":true});if(this.autoScroll){this.resizeEl.setStyle("overflow","auto");}
+B=B||this.content;if(B){this.setContent(B);}if(A&&A.url){this.setUrl(this.url,this.params,this.loadOnce);}
+Roo.ContentPanel.superclass.constructor.call(this);};Roo.extend(Roo.ContentPanel,Roo.util.Observable,{tabTip:'',setRegion:function(C){this.region=C;if(C){this.el.replaceClass("x-layout-inactive-content","x-layout-active-content");}else {this.el.replaceClass("x-layout-active-content","x-layout-inactive-content");}},getToolbar:function(){return this.toolbar;},setActiveState:function(D){this.active=D;if(!D){this.fireEvent("deactivate",this);}else {this.fireEvent("activate",this);}},setContent:function(E,F){this.el.update(E,F);},ignoreResize:function(w,h){if(this.lastSize&&this.lastSize.width==w&&this.lastSize.height==h){return true;}else {this.lastSize={width:w,height:h};return false;}},getUpdateManager:function(){return this.el.getUpdateManager();},load:function(){var um=this.el.getUpdateManager();um.update.apply(um,arguments);return this;},setUrl:function(G,H,I){if(this.refreshDelegate){this.removeListener("activate",this.refreshDelegate);}
+this.refreshDelegate=this._handleRefresh.createDelegate(this,[G,H,I]);this.on("activate",this.refreshDelegate);return this.el.getUpdateManager();},_handleRefresh:function(J,K,L){if(!L||!this.loaded){var updater=this.el.getUpdateManager();updater.update(J,K,this._setLoaded.createDelegate(this));}},_setLoaded:function(){this.loaded=true;},getId:function(){return this.el.id;},getEl:function(){return this.wrapEl||this.el;},adjustForComponents:function(M,N){if(this.resizeEl!=this.el){M-=this.el.getFrameWidth('lr');N-=this.el.getFrameWidth('tb');}if(this.toolbar){var te=this.toolbar.getEl();N-=te.getHeight();te.setWidth(M);}if(this.adjustments){M+=this.adjustments[0];N+=this.adjustments[1];}return {"width":M,"height":N};},setSize:function(O,P){if(this.fitToFrame&&!this.ignoreResize(O,P)){if(this.fitContainer&&this.resizeEl!=this.el){this.el.setSize(O,P);}var size=this.adjustForComponents(O,P);this.resizeEl.setSize(this.autoWidth?"auto":size.width,this.autoHeight?"auto":size.height);this.fireEvent('resize',this,size.width,size.height);}},getTitle:function(){return this.title;},setTitle:function(Q){this.title=Q;if(this.region){this.region.updatePanelTitle(this,Q);}},isClosable:function(){return this.closable;},beforeSlide:function(){this.el.clip();this.resizeEl.clip();},afterSlide:function(){this.el.unclip();this.resizeEl.unclip();},refresh:function(){if(this.refreshDelegate){this.loaded=false;this.refreshDelegate();}},destroy:function(){this.el.removeAllListeners();var R=document.createElement("span");R.appendChild(this.el.dom);R.innerHTML="";this.el.remove();this.el=null;},addxtype:function(S){if(S.xtype.match(/^Form$/)){var el=this.el.createChild();this.form=new Roo.form.Form(S);if(this.form.allItems.length)this.form.render(el.dom);return this.form;}if(['View','JsonView'].indexOf(S.xtype)>-1){S.el=this.el.appendChild(document.createElement("div"));var ret=new Roo[S.xtype](S);ret.render(false,'');return ret;}return false;}});Roo.GridPanel=function(T,U){this.wrapper=Roo.DomHelper.append(document.body,{tag:"div",cls:"x-layout-grid-wrapper x-layout-inactive-content"},true);this.wrapper.dom.appendChild(T.getGridEl().dom);Roo.GridPanel.superclass.constructor.call(this,this.wrapper,U);if(this.toolbar){this.toolbar.el.insertBefore(this.wrapper.dom.firstChild);}if(this.footer&&!this.footer.el&&this.footer.xtype){this.footer.container=this.grid.getView().getFooterPanel(true);this.footer.dataSource=this.grid.dataSource;this.footer=Roo.factory(this.footer,Roo);}
+T.monitorWindowResize=false;T.autoHeight=false;T.autoWidth=false;this.grid=T;this.grid.getGridEl().replaceClass("x-layout-inactive-content","x-layout-component-panel");};Roo.extend(Roo.GridPanel,Roo.ContentPanel,{getId:function(){return this.grid.id;},getGrid:function(){return this.grid;},setSize:function(V,W){if(!this.ignoreResize(V,W)){var T=this.grid;var size=this.adjustForComponents(V,W);T.getGridEl().setSize(size.width,size.height);T.autoSize();}},beforeSlide:function(){this.grid.getView().scroller.clip();},afterSlide:function(){this.grid.getView().scroller.unclip();},destroy:function(){this.grid.destroy();delete this.grid;Roo.GridPanel.superclass.destroy.call(this);}});Roo.NestedLayoutPanel=function(X,Y){Roo.NestedLayoutPanel.superclass.constructor.call(this,X.getEl(),Y);X.monitorWindowResize=false;this.layout=X;this.layout.getEl().addClass("x-layout-nested-layout");};Roo.extend(Roo.NestedLayoutPanel,Roo.ContentPanel,{setSize:function(Z,a){if(!this.ignoreResize(Z,a)){var size=this.adjustForComponents(Z,a);var el=this.layout.getEl();el.setSize(size.width,size.height);var touch=el.dom.offsetWidth;this.layout.layout();if(Roo.isIE&&!this.initialized){this.initialized=true;this.layout.layout();}}},setActiveState:function(b){this.active=b;if(!b){this.fireEvent("deactivate",this);return;}
+this.fireEvent("activate",this);if(!this.layout){return;}var c=false;for(var r in this.layout.regions){c=this.layout.getRegion(r);if(c.getActivePanel()){c.setActivePanel(c.getActivePanel());continue;}if(!c.panels.length){continue;}
+c.showPanel(c.getPanel(0));}},getLayout:function(){return this.layout;},addxtype:function(d){return this.layout.addxtype(d);}});Roo.ScrollPanel=function(el,e,f){e=e||{};e.fitToFrame=true;Roo.ScrollPanel.superclass.constructor.call(this,el,e,f);this.el.dom.style.overflow="hidden";var g=this.el.wrap({cls:"x-scroller x-layout-inactive-content"});this.el.removeClass("x-layout-inactive-content");this.el.on("mousewheel",this.onWheel,this);var up=g.createChild({cls:"x-scroller-up",html:" "},this.el.dom);var i=g.createChild({cls:"x-scroller-down",html:" "});up.unselectable();i.unselectable();up.on("click",this.scrollUp,this);i.on("click",this.scrollDown,this);up.addClassOnOver("x-scroller-btn-over");i.addClassOnOver("x-scroller-btn-over");up.addClassOnClick("x-scroller-btn-click");i.addClassOnClick("x-scroller-btn-click");this.adjustments=[0,-(up.getHeight()+i.getHeight())];this.resizeEl=this.el;this.el=g;this.up=up;this.down=i;};Roo.extend(Roo.ScrollPanel,Roo.ContentPanel,{increment:100,wheelIncrement:5,scrollUp:function(){this.resizeEl.scroll("up",this.increment,{callback:this.afterScroll,scope:this});},scrollDown:function(){this.resizeEl.scroll("down",this.increment,{callback:this.afterScroll,scope:this});},afterScroll:function(){var el=this.resizeEl;var t=el.dom.scrollTop,h=el.dom.scrollHeight,ch=el.dom.clientHeight;this.up[t==0?"addClass":"removeClass"]("x-scroller-btn-disabled");this.down[h-t<=ch?"addClass":"removeClass"]("x-scroller-btn-disabled");},setSize:function(){Roo.ScrollPanel.superclass.setSize.apply(this,arguments);this.afterScroll();},onWheel:function(e){var d=e.getWheelDelta();this.resizeEl.dom.scrollTop-=(d*this.wheelIncrement);this.afterScroll();e.stopEvent();},setContent:function(j,k){this.resizeEl.update(j,k);}});Roo.TreePanel=function(l){var el=l.el;var m=l.tree;delete l.tree;delete l.el;Roo.TreePanel.superclass.constructor.call(this,el,l);var n=el.createChild();this.tree=new Roo.tree.TreePanel(n,m);this.on('activate',function(){if(this.tree.rendered){return;}
+this.tree.render();});this.on('resize',function(cp,w,h){this.tree.innerCt.setWidth(w);this.tree.innerCt.setHeight(h);this.tree.innerCt.setStyle('overflow-y','auto');});};Roo.extend(Roo.TreePanel,Roo.ContentPanel);
+Roo.ReaderLayout=function(A,B){var c=A||{size:{}};Roo.ReaderLayout.superclass.constructor.call(this,B||document.body,{north:c.north!==false?Roo.apply({split:false,initialSize:32,titlebar:false},c.north):false,west:c.west!==false?Roo.apply({split:true,initialSize:200,minSize:175,maxSize:400,titlebar:true,collapsible:true,animate:true,margins:{left:5,right:0,bottom:5,top:5},cmargins:{left:5,right:5,bottom:5,top:5}},c.west):false,east:c.east!==false?Roo.apply({split:true,initialSize:200,minSize:175,maxSize:400,titlebar:true,collapsible:true,animate:true,margins:{left:0,right:5,bottom:5,top:5},cmargins:{left:5,right:5,bottom:5,top:5}},c.east):false,center:Roo.apply({tabPosition:'top',autoScroll:false,closeOnTab:true,titlebar:false,margins:{left:c.west!==false?0:5,right:c.east!==false?0:5,bottom:5,top:2}},c.center)});this.el.addClass('x-reader');this.beginUpdate();var C=new Roo.BorderLayout(Roo.get(document.body).createChild(),{south:c.preview!==false?Roo.apply({split:true,initialSize:200,minSize:100,autoScroll:true,collapsible:true,titlebar:true,cmargins:{top:5,left:0,right:0,bottom:0}},c.preview):false,center:Roo.apply({autoScroll:false,titlebar:false,minHeight:200},c.listView)});this.add('center',new Roo.NestedLayoutPanel(C,Roo.apply({title:c.mainTitle||'',tabTip:''},c.innerPanelCfg)));this.endUpdate();this.regions.preview=C.getRegion('south');this.regions.listView=C.getRegion('center');};Roo.extend(Roo.ReaderLayout,Roo.BorderLayout);
+Roo.grid.Grid=function(A,B){this.container=Roo.get(A);this.container.update("");this.container.setStyle("overflow","hidden");this.container.addClass('x-grid-container');this.id=this.container.id;Roo.apply(this,B);if(this.ds){this.dataSource=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;}if(this.selModel){this.selModel=Roo.factory(this.selModel,Roo.grid);this.sm=this.selModel;this.sm.xmodule=this.xmodule||false;}if(typeof(this.colModel.config)=='undefined'){this.colModel=new Roo.grid.ColumnModel(this.colModel);this.cm=this.colModel;this.cm.xmodule=this.xmodule||false;}if(this.dataSource){this.dataSource=Roo.factory(this.dataSource,Roo.data);this.ds=this.dataSource;this.ds.xmodule=this.xmodule||false;}if(this.width){this.container.setWidth(this.width);}if(this.height){this.container.setHeight(this.height);}
+this.addEvents({"click":true,"dblclick":true,"contextmenu":true,"mousedown":true,"mouseup":true,"mouseover":true,"mouseout":true,"keypress":true,"keydown":true,"cellclick":true,"celldblclick":true,"rowclick":true,"rowdblclick":true,"headerclick":true,"headerdblclick":true,"rowcontextmenu":true,"cellcontextmenu":true,"headercontextmenu":true,"bodyscroll":true,"columnresize":true,"columnmove":true,"startdrag":true,"enddrag":true,"dragdrop":true,"dragover":true,"dragenter":true,"dragout":true,render:true});Roo.grid.Grid.superclass.constructor.call(this);};Roo.extend(Roo.grid.Grid,Roo.util.Observable,{minColumnWidth:25,autoSizeColumns:false,autoSizeHeaders:true,monitorWindowResize:true,maxRowsToMeasure:0,trackMouseOver:true,enableDragDrop:false,enableColumnMove:true,enableColumnHide:true,enableRowHeightSync:false,stripeRows:true,autoHeight:false,autoExpandColumn:false,autoExpandMin:50,autoExpandMax:1000,view:null,loadMask:false,rendered:false,render:function(){var c=this.container;if((!c.dom.offsetHeight||c.dom.offsetHeight<20)||c.getStyle("height")=="auto"){this.autoHeight=true;}var C=this.getView();C.init(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);C.render();if(this.loadMask){this.loadMask=new Roo.LoadMask(this.container,Roo.apply({store:this.dataSource},this.loadMask));}if(this.toolbar&&this.toolbar.xtype){this.toolbar.container=this.getView().getHeaderPanel(true);this.toolbar=new Ext.Toolbar(this.toolbar);}if(this.footer&&this.footer.xtype){this.footer.dataSource=this.getDataSource();this.footer.container=this.getView().getFooterPanel(true);this.footer=Roo.factory(this.footer,Roo);}
+this.rendered=true;this.fireEvent('render',this);return this;},reconfigure:function(D,E){if(this.loadMask){this.loadMask.destroy();this.loadMask=new Roo.LoadMask(this.container,Roo.apply({store:D},this.loadMask));}
+this.view.bind(D,E);this.dataSource=D;this.colModel=E;this.view.refresh(true);},onKeyDown:function(e){this.fireEvent("keydown",e);},destroy:function(F,G){if(this.loadMask){this.loadMask.destroy();}var c=this.container;c.removeAllListeners();this.view.destroy();this.colModel.purgeListeners();if(!G){this.purgeListeners();}
+c.update("");if(F===true){c.remove();}},processEvent:function(H,e){this.fireEvent(H,e);var t=e.getTarget();var v=this.view;var I=v.findHeaderIndex(t);if(I!==false){this.fireEvent("header"+H,this,I,e);}else {var row=v.findRowIndex(t);var cell=v.findCellIndex(t);if(row!==false){this.fireEvent("row"+H,this,row,e);if(cell!==false){this.fireEvent("cell"+H,this,row,cell,e);}}}},onClick:function(e){this.processEvent("click",e);},onContextMenu:function(e,t){this.processEvent("contextmenu",e);},onDblClick:function(e){this.processEvent("dblclick",e);},walkCells:function(J,K,L,fn,M){var cm=this.colModel,N=cm.getColumnCount();var ds=this.dataSource,O=ds.getCount(),P=true;if(L<0){if(K<0){J--;P=false;}while(J>=0){if(!P){K=N-1;}
+P=false;while(K>=0){if(fn.call(M||this,J,K,cm)===true){return [J,K];}
+K--;}
+J--;}}else {if(K>=N){J++;P=false;}while(J<O){if(!P){K=0;}
+P=false;while(K<N){if(fn.call(M||this,J,K,cm)===true){return [J,K];}
+K++;}
+J++;}}return null;},getSelections:function(){return this.selModel.getSelections();},autoSize:function(){if(this.rendered){this.view.layout();if(this.view.adjustForScroll){this.view.adjustForScroll();}}},getGridEl:function(){return this.container;},stopEditing:function(){},getSelectionModel:function(){if(!this.selModel){this.selModel=new Roo.grid.RowSelectionModel();}return this.selModel;},getDataSource:function(){return this.dataSource;},getColumnModel:function(){return this.colModel;},getView:function(){if(!this.view){this.view=new Roo.grid.GridView(this.viewConfig);}return this.view;},getDragDropText:function(){var Q=this.selModel.getCount();return String.format(this.ddText,Q,Q==1?'':'s');}});Roo.grid.Grid.prototype.ddText="{0} selected row{1}";
+Roo.grid.AbstractGridView=function(){this.grid=null;this.events={"beforerowremoved":true,"beforerowsinserted":true,"beforerefresh":true,"rowremoved":true,"rowsinserted":true,"rowupdated":true,"refresh":true};Roo.grid.AbstractGridView.superclass.constructor.call(this);};Roo.extend(Roo.grid.AbstractGridView,Roo.util.Observable,{rowClass:"x-grid-row",cellClass:"x-grid-cell",tdClass:"x-grid-td",hdClass:"x-grid-hd",splitClass:"x-grid-hd-split",init:function(A){this.grid=A;var B=this.grid.getGridEl().id;this.colSelector="#"+B+" ."+this.cellClass+"-";this.tdSelector="#"+B+" ."+this.tdClass+"-";this.hdSelector="#"+B+" ."+this.hdClass+"-";this.splitSelector="#"+B+" ."+this.splitClass+"-";},getColumnRenderers:function(){var C=[];var cm=this.grid.colModel;var D=cm.getColumnCount();for(var i=0;i<D;i++){C[i]=cm.getRenderer(i);}return C;},getColumnIds:function(){var E=[];var cm=this.grid.colModel;var F=cm.getColumnCount();for(var i=0;i<F;i++){E[i]=cm.getColumnId(i);}return E;},getDataIndexes:function(){if(!this.indexMap){this.indexMap=this.buildIndexMap();}return this.indexMap.colToData;},getColumnIndexByDataIndex:function(G){if(!this.indexMap){this.indexMap=this.buildIndexMap();}return this.indexMap.dataToCol[G];},setCSSStyle:function(H,I,J){var K="#"+this.grid.id+" .x-grid-col-"+H;Roo.util.CSS.updateRule(K,I,J);},generateRules:function(cm){var L=[],M=this.grid.id+'-cssrules';Roo.util.CSS.removeStyleSheet(M);for(var i=0,len=cm.getColumnCount();i<len;i++){var B=cm.getColumnId(i);L.push(this.colSelector,B," {\n",cm.config[i].css,"}\n",this.tdSelector,B," {\n}\n",this.hdSelector,B," {\n}\n",this.splitSelector,B," {\n}\n");}return Roo.util.CSS.createStyleSheet(L.join(""),M);}});
+Roo.grid.HeaderDragZone=function(A,hd,B){this.grid=A;this.view=A.getView();this.ddGroup="gridHeader"+this.grid.getGridEl().id;Roo.grid.HeaderDragZone.superclass.constructor.call(this,hd);if(B){this.setHandleElId(Roo.id(hd));this.setOuterHandleElId(Roo.id(B));}
+this.scroll=false;};Roo.extend(Roo.grid.HeaderDragZone,Roo.dd.DragZone,{maxDragWidth:120,getDragData:function(e){var t=Roo.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 C=this.dragData.ddel.cloneNode(true);C.id=Roo.id();C.style.width=Math.min(this.dragData.header.offsetWidth,this.maxDragWidth)+"px";this.proxy.update(C);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);}});
+Roo.grid.HeaderDropZone=function(A,hd,B){this.grid=A;this.view=A.getView();this.proxyTop=Roo.DomHelper.append(document.body,{cls:"col-move-top",html:" "},true);this.proxyBottom=Roo.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;Roo.grid.HeaderDropZone.superclass.constructor.call(this,A.getGridEl().dom);};Roo.extend(Roo.grid.HeaderDropZone,Roo.dd.DropZone,{proxyOffsets:[-4,-9],fly:Roo.Element.fly,getTargetFromEvent:function(e){var t=Roo.lib.Event.getTarget(e);var C=this.view.findCellIndex(t);if(C!==false){return this.view.getHeaderCell(C);}},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=Roo.lib.Event.getPageX(e);var r=Roo.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 D=this.view.getCellIndex(h);var E=this.view.getCellIndex(n);if(this.grid.colModel.isFixed(E)){return false;}var F=this.grid.colModel.isLocked(E);if(pt=="after"){E++;}if(D<E){E--;}if(D==E&&(F==this.grid.colModel.isLocked(D))){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,G){if(G.header!=n){this.positionIndicator(G.header,n,e);}},onNodeOver:function(n,dd,e,H){var I=false;if(H.header!=n){I=this.positionIndicator(H.header,n,e);}if(!I){this.proxyTop.hide();this.proxyBottom.hide();}return I?this.dropAllowed:this.dropNotAllowed;},onNodeOut:function(n,dd,e,J){this.proxyTop.hide();this.proxyBottom.hide();},onNodeDrop:function(n,dd,e,K){var h=K.header;if(h!=n){var cm=this.grid.colModel;var x=Roo.lib.Event.getPageX(e);var r=Roo.lib.Dom.getRegion(n.firstChild);var pt=(r.right-x)<=((r.right-r.left)/2)?"after":"before";var D=this.view.getCellIndex(h);var E=this.view.getCellIndex(n);var F=cm.isLocked(E);if(pt=="after"){E++;}if(D<E){E--;}if(D==E&&(F==cm.isLocked(D))){return false;}
+cm.setLocked(D,F,true);cm.moveColumn(D,E);this.grid.fireEvent("columnmove",D,E);return true;}return false;}});
+Roo.grid.GridView=function(A){Roo.grid.GridView.superclass.constructor.call(this);this.el=null;Roo.apply(this,A);};Roo.extend(Roo.grid.GridView,Roo.grid.AbstractGridView,{rowClass:"x-grid-row",cellClass:"x-grid-col",tdClass:"x-grid-td",hdClass:"x-grid-hd",splitClass:"x-grid-split",sortClasses:["sort-asc","sort-desc"],enableMoveAnim:false,hlColor:"C3DAF9",dh:Roo.DomHelper,fly:Roo.Element.fly,css:Roo.util.CSS,borderWidth:1,splitOffset:3,scrollIncrement:22,cellRE:/(?:.*?)x-grid-(?:hd|cell|csplit)-(?:[\d]+)-([\d]+)(?:.*?)/,findRE:/\s?(?:x-grid-hd|x-grid-col|x-grid-csplit)\s/,bind: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("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){this.generateRules(cm);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;},init:function(B){Roo.grid.GridView.superclass.init.call(this,B);this.bind(B.dataSource,B.colModel);B.on("headerclick",this.handleHeaderClick,this);if(B.trackMouseOver){B.on("mouseover",this.onRowOver,this);B.on("mouseout",this.onRowOut,this);}
+B.cancelTextSelection=function(){};this.gridId=B.id;var C=this.templates||{};if(!C.master){C.master=new Roo.Template('<div class="x-grid" hidefocus="true">','<div class="x-grid-topbar"></div>','<div class="x-grid-scroller"><div></div></div>','<div class="x-grid-locked">','<div class="x-grid-header">{lockedHeader}</div>','<div class="x-grid-body">{lockedBody}</div>',"</div>",'<div class="x-grid-viewport">','<div class="x-grid-header">{header}</div>','<div class="x-grid-body">{body}</div>',"</div>",'<div class="x-grid-bottombar"></div>','<a href="#" class="x-grid-focus" tabIndex="-1"></a>','<div class="x-grid-resize-proxy"> </div>',"</div>");C.master.disableformats=true;}if(!C.header){C.header=new Roo.Template('<table border="0" cellspacing="0" cellpadding="0">','<tbody><tr class="x-grid-hd-row">{cells}</tr></tbody>',"</table>{splits}");C.header.disableformats=true;}
+C.header.compile();if(!C.hcell){C.hcell=new Roo.Template('<td class="x-grid-hd x-grid-td-{id} {cellId}"><div title="{title}" class="x-grid-hd-inner x-grid-hd-{id}">','<div class="x-grid-hd-text" unselectable="on">{value}<img class="x-grid-sort-icon" src="',Roo.BLANK_IMAGE_URL,'" /></div>',"</div></td>");C.hcell.disableFormats=true;}
+C.hcell.compile();if(!C.hsplit){C.hsplit=new Roo.Template('<div class="x-grid-split {splitId} x-grid-split-{id}" style="{style}" unselectable="on"> </div>');C.hsplit.disableFormats=true;}
+C.hsplit.compile();if(!C.body){C.body=new Roo.Template('<table border="0" cellspacing="0" cellpadding="0">',"<tbody>{rows}</tbody>","</table>");C.body.disableFormats=true;}
+C.body.compile();if(!C.row){C.row=new Roo.Template('<tr class="x-grid-row {alt}">{cells}</tr>');C.row.disableFormats=true;}
+C.row.compile();if(!C.cell){C.cell=new Roo.Template('<td class="x-grid-col x-grid-td-{id} {cellId} {css}" tabIndex="0">','<div class="x-grid-col-{id} x-grid-cell-inner"><div class="x-grid-cell-text" unselectable="on" {attr}>{value}</div></div>',"</td>");C.cell.disableFormats=true;}
+C.cell.compile();this.templates=C;},onColWidthChange:function(){this.updateColumns.apply(this,arguments);},onHeaderChange:function(){this.updateHeaders.apply(this,arguments);},onHiddenChange:function(){this.handleHiddenChange.apply(this,arguments);},onColumnMove:function(){this.handleColumnMove.apply(this,arguments);},onColumnLock:function(){this.handleLockChange.apply(this,arguments);},onDataChange:function(){this.refresh();this.updateHeaderSortState();},onClear:function(){this.refresh();},onUpdate:function(ds,D){this.refreshRow(D);},refreshRow:function(E){var ds=this.ds,F;if(typeof E=='number'){F=E;E=ds.getAt(F);}else {F=ds.indexOf(E);}
+this.insertRows(ds,F,F,true);this.onRemove(ds,E,F+1,true);this.syncRowHeights(F,F);this.layout();this.fireEvent("rowupdated",this,F,E);},onAdd:function(ds,G,H){this.insertRows(ds,H,H+(G.length-1));},onRemove:function(ds,I,J,K){if(K!==true){this.fireEvent("beforerowremoved",this,J,I);}var bt=this.getBodyTable(),lt=this.getLockedTable();if(bt.rows[J]){bt.firstChild.removeChild(bt.rows[J]);}if(lt.rows[J]){lt.firstChild.removeChild(lt.rows[J]);}if(K!==true){this.stripeRows(J);this.syncRowHeights(J,J);this.layout();this.fireEvent("rowremoved",this,J,I);}},onLoad:function(){this.scrollToTop();},scrollToTop:function(){if(this.scroller){this.scroller.dom.scrollTop=0;this.syncScroll();}},getHeaderPanel:function(L){if(L){this.headerPanel.show();}return this.headerPanel;},getFooterPanel:function(M){if(M){this.footerPanel.show();}return this.footerPanel;},initElements:function(){var E=Roo.Element;var el=this.grid.getGridEl().dom.firstChild;var cs=el.childNodes;this.el=new E(el);this.headerPanel=new E(el.firstChild);this.headerPanel.enableDisplayMode("block");this.scroller=new E(cs[1]);this.scrollSizer=new E(this.scroller.dom.firstChild);this.lockedWrap=new E(cs[2]);this.lockedHd=new E(this.lockedWrap.dom.firstChild);this.lockedBody=new E(this.lockedWrap.dom.childNodes[1]);this.mainWrap=new E(cs[3]);this.mainHd=new E(this.mainWrap.dom.firstChild);this.mainBody=new E(this.mainWrap.dom.childNodes[1]);this.footerPanel=new E(cs[4]);this.footerPanel.enableDisplayMode("block");this.focusEl=new E(cs[5]);this.focusEl.swallowEvent("click",true);this.resizeProxy=new E(cs[6]);this.headerSelector=String.format('#{0} td.x-grid-hd, #{1} td.x-grid-hd',this.lockedHd.id,this.mainHd.id);this.splitterSelector=String.format('#{0} div.x-grid-split, #{1} div.x-grid-split',this.idToCssName(this.lockedHd.id),this.idToCssName(this.mainHd.id));},idToCssName:function(s){return s.replace(/[^a-z0-9]+/ig,'-');},getHeaderCell:function(N){return Roo.DomQuery.select(this.headerSelector)[N];},getHeaderCellMeasure:function(O){return this.getHeaderCell(O).firstChild;},getHeaderCellText:function(P){return this.getHeaderCell(P).firstChild.firstChild;},getLockedTable:function(){return this.lockedBody.dom.firstChild;},getBodyTable:function(){return this.mainBody.dom.firstChild;},getLockedRow:function(Q){return this.getLockedTable().rows[Q];},getRow:function(R){return this.getBodyTable().rows[R];},getRowComposite:function(S){if(!this.rowEl){this.rowEl=new Roo.CompositeElementLite();}var T=[],U,V;if(U=this.getLockedRow(S)){T.push(U);}if(V=this.getRow(S)){T.push(V);}
+this.rowEl.elements=T;return this.rowEl;},getCell:function(W,X){var Y=this.cm.getLockedCount();var Z;if(X<Y){Z=this.lockedBody.dom.firstChild;}else {Z=this.mainBody.dom.firstChild;X-=Y;}return Z.rows[W].childNodes[X];},getCellText:function(a,b){return this.getCell(a,b).firstChild.firstChild;},getCellBox:function(c){var b=this.fly(c).getBox();if(Roo.isOpera){b.y=c.offsetTop+this.mainBody.getY();}return b;},getCellIndex:function(d){var id=String(d.className).match(this.cellRE);if(id){return parseInt(id[1],10);}return 0;},findHeaderIndex:function(n){var r=Roo.fly(n).findParent("td."+this.hdClass,6);return r?this.getCellIndex(r):false;},findHeaderCell:function(n){var r=Roo.fly(n).findParent("td."+this.hdClass,6);return r?r:false;},findRowIndex:function(n){if(!n){return false;}var r=Roo.fly(n).findParent("tr."+this.rowClass,6);return r?r.rowIndex:false;},findCellIndex:function(e){var f=this.el.dom;while(e&&e!=f){if(this.findRE.test(e.className)){return this.getCellIndex(e);}
+e=e.parentNode;}return false;},getColumnId:function(g){return this.cm.getColumnId(g);},getSplitters:function(){if(this.splitterSelector){return Roo.DomQuery.select(this.splitterSelector);}else {return null;}},getSplitter:function(k){return this.getSplitters()[k];},onRowOver:function(e,t){var o;if((o=this.findRowIndex(t))!==false){this.getRowComposite(o).addClass("x-grid-row-over");}},onRowOut:function(e,t){var p;if((p=this.findRowIndex(t))!==false&&p!==this.findRowIndex(e.getRelatedTarget())){this.getRowComposite(p).removeClass("x-grid-row-over");}},renderHeaders:function(){var cm=this.cm;var ct=this.templates.hcell,ht=this.templates.header,st=this.templates.hsplit;var cb=[],lb=[],sb=[],q=[],p={};for(var i=0,len=cm.getColumnCount();i<len;i++){p.cellId="x-grid-hd-0-"+i;p.splitId="x-grid-csplit-0-"+i;p.id=cm.getColumnId(i);p.title=cm.getColumnTooltip(i)||"";p.value=cm.getColumnHeader(i)||"";p.style=(this.grid.enableColumnResize===false||!cm.isResizable(i)||cm.isFixed(i))?'cursor:default':'';if(!cm.isLocked(i)){cb[cb.length]=ct.apply(p);sb[sb.length]=st.apply(p);}else {lb[lb.length]=ct.apply(p);q[q.length]=st.apply(p);}}return [ht.apply({cells:lb.join(""),splits:q.join("")}),ht.apply({cells:cb.join(""),splits:sb.join("")})];},updateHeaders:function(){var u=this.renderHeaders();this.lockedHd.update(u[0]);this.mainHd.update(u[1]);},focusRow:function(v){var x=this.scroller.dom.scrollLeft;this.focusCell(v,0,false);this.scroller.dom.scrollLeft=x;},focusCell:function(y,z,AA){var el=this.ensureVisible(y,z,AA);this.focusEl.alignTo(el,"tl-tl");if(Roo.isGecko){this.focusEl.focus();}else {this.focusEl.focus.defer(1,this.focusEl);}},ensureVisible:function(AB,AC,AD){if(typeof AB!="number"){AB=AB.rowIndex;}if(AB<0&&AB>=this.ds.getCount()){return;}
+AC=(AC!==undefined?AC:0);var cm=this.grid.colModel;while(cm.isHidden(AC)){AC++;}var el=this.getCell(AB,AC);if(!el){return;}var c=this.scroller.dom;var AE=parseInt(el.offsetTop,10);var AF=parseInt(el.offsetLeft,10);var AG=AE+el.offsetHeight;var AH=AF+el.offsetWidth;var ch=c.clientHeight-this.mainHd.dom.offsetHeight;var AI=parseInt(c.scrollTop,10);var AJ=parseInt(c.scrollLeft,10);var AK=AI+ch;var AL=AJ+c.clientWidth;if(AE<AI){c.scrollTop=AE;}else if(AG>AK){c.scrollTop=AG-ch;}if(AD!==false){if(AF<AJ){c.scrollLeft=AF;}else if(AH>AL){c.scrollLeft=AH-c.clientWidth;}}return el;},updateColumns:function(){this.grid.stopEditing();var cm=this.grid.colModel,AM=this.getColumnIds();var AN=0;for(var i=0,len=cm.getColumnCount();i<len;i++){var w=cm.getColumnWidth(i);this.css.updateRule(this.colSelector+this.idToCssName(AM[i]),"width",(w-this.borderWidth)+"px");this.css.updateRule(this.hdSelector+this.idToCssName(AM[i]),"width",(w-this.borderWidth)+"px");}
+this.updateSplitters();},generateRules:function(cm){var AO=[],AP=this.idToCssName(this.grid.id)+'-cssrules';Roo.util.CSS.removeStyleSheet(AP);for(var i=0,len=cm.getColumnCount();i<len;i++){var cid=cm.getColumnId(i);var align='';if(cm.config[i].align){align='text-align:'+cm.config[i].align+';';}var hidden='';if(cm.isHidden(i)){hidden='display:none;';}var width="width:"+(cm.getColumnWidth(i)-this.borderWidth)+"px;";AO.push(this.colSelector,cid," {\n",cm.config[i].css,align,width,"\n}\n",this.hdSelector,cid," {\n",align,width,"}\n",this.tdSelector,cid," {\n",hidden,"\n}\n",this.splitSelector,cid," {\n",hidden,"\n}\n");}return Roo.util.CSS.createStyleSheet(AO.join(""),AP);},updateSplitters:function(){var cm=this.cm,s=this.getSplitters();if(s){var AN=0,Y=true;for(var i=0,len=cm.getColumnCount();i<len;i++){if(cm.isHidden(i))continue;var w=cm.getColumnWidth(i);if(!cm.isLocked(i)&&Y){AN=0;Y=false;}
+AN+=w;s[i].style.left=(AN-this.splitOffset)+"px";}}},handleHiddenChange:function(AQ,AR,AS){if(AS){this.hideColumn(AR);}else {this.unhideColumn(AR);}},hideColumn:function(AT){var AU=this.getColumnId(AT);this.css.updateRule(this.tdSelector+this.idToCssName(AU),"display","none");this.css.updateRule(this.splitSelector+this.idToCssName(AU),"display","none");if(Roo.isSafari){this.updateHeaders();}
+this.updateSplitters();this.layout();},unhideColumn:function(AV){var AW=this.getColumnId(AV);this.css.updateRule(this.tdSelector+this.idToCssName(AW),"display","");this.css.updateRule(this.splitSelector+this.idToCssName(AW),"display","");if(Roo.isSafari){this.updateHeaders();}
+this.updateSplitters();this.layout();},insertRows:function(dm,AX,AY,AZ){if(AX==0&&AY==dm.getCount()-1){this.refresh();}else {if(!AZ){this.fireEvent("beforerowsinserted",this,AX,AY);}var s=this.getScrollState();var markup=this.renderRows(AX,AY);this.bufferRows(markup[0],this.getLockedTable(),AX);this.bufferRows(markup[1],this.getBodyTable(),AX);this.restoreScroll(s);if(!AZ){this.fireEvent("rowsinserted",this,AX,AY);this.syncRowHeights(AX,AY);this.stripeRows(AX);this.layout();}}},bufferRows:function(Aa,Ab,Ac){var Ad=null,Ae=Ab.rows,Af=Ab.tBodies[0];if(Ac<Ae.length){Ad=Ae[Ac];}var b=document.createElement("div");b.innerHTML="<table><tbody>"+Aa+"</tbody></table>";var Ag=b.firstChild.rows;for(var i=0,len=Ag.length;i<len;i++){if(Ad){Af.insertBefore(Ag[0],Ad);}else {Af.appendChild(Ag[0]);}}
+b.innerHTML="";b=null;},deleteRows:function(dm,Ah,Ai){if(dm.getRowCount()<1){this.fireEvent("beforerefresh",this);this.mainBody.update("");this.lockedBody.update("");this.fireEvent("refresh",this);}else {this.fireEvent("beforerowsdeleted",this,Ah,Ai);var bt=this.getBodyTable();var Af=bt.firstChild;var Ag=bt.rows;for(var a=Ah;a<=Ai;a++){Af.removeChild(Ag[Ah]);}
+this.stripeRows(Ah);this.fireEvent("rowsdeleted",this,Ah,Ai);}},updateRows:function(Aj,Ak,Al){var s=this.getScrollState();this.refresh();this.restoreScroll(s);},handleSort:function(Am,An,Ao,Ap){if(!Ap){this.refresh();}
+this.updateHeaderSortState();},getScrollState:function(){var sb=this.scroller.dom;return {left:sb.scrollLeft,top:sb.scrollTop};},stripeRows:function(Aq){if(!this.grid.stripeRows||this.ds.getCount()<1){return;}
+Aq=Aq||0;var Ar=this.getBodyTable().rows;var As=this.getLockedTable().rows;var At=' x-grid-row-alt ';for(var i=Aq,len=Ar.length;i<len;i++){var AB=Ar[i],U=As[i];var isAlt=((i+1)%2==0);var hasAlt=(' '+AB.className+' ').indexOf(At)!=-1;if(isAlt==hasAlt){continue;}if(isAlt){AB.className+=" x-grid-row-alt";}else {AB.className=AB.className.replace("x-grid-row-alt","");}if(U){U.className=AB.className;}}},restoreScroll:function(Au){var sb=this.scroller.dom;sb.scrollLeft=Au.left;sb.scrollTop=Au.top;this.syncScroll();},syncScroll:function(){var sb=this.scroller.dom;var sh=this.mainHd.dom;var bs=this.mainBody.dom;var lv=this.lockedBody.dom;sh.scrollLeft=bs.scrollLeft=sb.scrollLeft;lv.scrollTop=bs.scrollTop=sb.scrollTop;},handleScroll:function(e){this.syncScroll();var sb=this.scroller.dom;this.grid.fireEvent("bodyscroll",sb.scrollLeft,sb.scrollTop);e.stopEvent();},handleWheel:function(e){var d=e.getWheelDelta();this.scroller.dom.scrollTop-=d*22;this.lockedBody.dom.scrollTop=this.mainBody.dom.scrollTop=this.scroller.dom.scrollTop;e.stopEvent();},renderRows:function(Av,Aw){var g=this.grid,cm=g.colModel,ds=g.dataSource,Ax=g.stripeRows;var Ay=cm.getColumnCount();if(ds.getCount()<1){return ["",""];}var cs=[];for(var i=0;i<Ay;i++){var name=cm.getDataIndex(i);cs[i]={name:typeof name=='undefined'?ds.fields.get(i).name:name,renderer:cm.getRenderer(i),id:cm.getColumnId(i),locked:cm.isLocked(i)};}
+Av=Av||0;Aw=typeof Aw=="undefined"?ds.getCount()-1:Aw;var rs=ds.getRange(Av,Aw);return this.doRender(cs,rs,ds,Av,Ay,Ax);},doRender:Roo.isGecko?function(cs,rs,ds,Az,A0,A1){var ts=this.templates,ct=ts.cell,rt=ts.row;var A2="",A3="",cb,A4,c,p={},rp={},r,a;for(var j=0,len=rs.length;j<len;j++){r=rs[j];cb="";A4="";a=(j+Az);for(var i=0;i<A0;i++){c=cs[i];p.cellId="x-grid-cell-"+a+"-"+i;p.id=c.id;p.css=p.attr="";p.value=c.renderer(r.data[c.name],p,r,a,i,ds);if(p.value==undefined||p.value==="")p.value=" ";if(r.dirty&&typeof r.modified[c.name]!=='undefined'){p.css+=p.css?' x-grid-dirty-cell':'x-grid-dirty-cell';}var Aa=ct.apply(p);if(!c.locked){cb+=Aa;}else {A4+=Aa;}}var alt=[];if(A1&&((a+1)%2==0)){alt[0]="x-grid-row-alt";}if(r.dirty){alt[1]=" x-grid-dirty-row";}
+rp.cells=A4;if(this.getRowClass){alt[2]=this.getRowClass(r,a);}
+rp.alt=alt.join(" ");A3+=rt.apply(rp);rp.cells=cb;A2+=rt.apply(rp);}return [A3,A2];}:function(cs,rs,ds,A5,A6,A7){var ts=this.templates,ct=ts.cell,rt=ts.row;var A8=[],A9=[],cb,BA,c,p={},rp={},r,a;for(var j=0,len=rs.length;j<len;j++){r=rs[j];cb=[];BA=[];a=(j+A5);for(var i=0;i<A6;i++){c=cs[i];p.cellId="x-grid-cell-"+a+"-"+i;p.id=c.id;p.css=p.attr="";p.value=c.renderer(r.data[c.name],p,r,a,i,ds);if(p.value==undefined||p.value==="")p.value=" ";if(r.dirty&&typeof r.modified[c.name]!=='undefined'){p.css+=p.css?' x-grid-dirty-cell':'x-grid-dirty-cell';}var Aa=ct.apply(p);if(!c.locked){cb[cb.length]=Aa;}else {BA[BA.length]=Aa;}}var alt=[];if(A7&&((a+1)%2==0)){alt[0]="x-grid-row-alt";}if(r.dirty){alt[1]=" x-grid-dirty-row";}
+rp.cells=BA;if(this.getRowClass){alt[2]=this.getRowClass(r,a);}
+rp.alt=alt.join(" ");rp.cells=BA.join("");A9[A9.length]=rt.apply(rp);rp.cells=cb.join("");A8[A8.length]=rt.apply(rp);}return [A9.join(""),A8.join("")];},renderBody:function(){var BB=this.renderRows();var bt=this.templates.body;return [bt.apply({rows:BB[0]}),bt.apply({rows:BB[1]})];},refresh:function(BC){this.fireEvent("beforerefresh",this);this.grid.stopEditing();var BD=this.renderBody();this.lockedBody.update(BD[0]);this.mainBody.update(BD[1]);if(BC===true){this.updateHeaders();this.updateColumns();this.updateSplitters();this.updateHeaderSortState();}
+this.syncRowHeights();this.layout();this.fireEvent("refresh",this);},handleColumnMove:function(cm,BE,BF){this.indexMap=null;var s=this.getScrollState();this.refresh(true);this.restoreScroll(s);this.afterMove(BF);},afterMove:function(BG){if(this.enableMoveAnim&&Roo.enableFx){this.fly(this.getHeaderCell(BG).firstChild).highlight(this.hlColor);}},updateCell:function(dm,BH,BI){var BJ=this.getColumnIndexByDataIndex(BI);if(typeof BJ=="undefined"){return;}var cm=this.grid.colModel;var BK=this.getCell(BH,BJ);var BL=this.getCellText(BH,BJ);var p={cellId:"x-grid-cell-"+BH+"-"+BJ,id:cm.getColumnId(BJ),css:BJ==cm.getColumnCount()-1?"x-grid-col-last":""};var BM=cm.getRenderer(BJ);var BN=BM(dm.getValueAt(BH,BI),p,BH,BJ,dm);if(typeof BN=="undefined"||BN==="")BN=" ";BL.innerHTML=BN;BK.className=this.cellClass+" "+this.idToCssName(p.cellId)+" "+p.css;this.syncRowHeights(BH,BH);},calcColumnWidth:function(BO,BP){var BQ=0;if(this.grid.autoSizeHeaders){var h=this.getHeaderCellMeasure(BO);BQ=Math.max(BQ,h.scrollWidth);}var tb,BR;if(this.cm.isLocked(BO)){tb=this.getLockedTable();BR=BO;}else {tb=this.getBodyTable();BR=BO-this.cm.getLockedCount();}if(tb&&tb.rows){var Ar=tb.rows;var stopIndex=Math.min(BP||Ar.length,Ar.length);for(var i=0;i<stopIndex;i++){var BK=Ar[i].childNodes[BR].firstChild;BQ=Math.max(BQ,BK.scrollWidth);}}return BQ+5;},autoSizeColumn:function(BS,BT,BU){if(this.cm.isHidden(BS)){return;}if(BT){var AW=this.cm.getColumnId(BS);this.css.updateRule(this.colSelector+this.idToCssName(AW),"width",this.grid.minColumnWidth+"px");if(this.grid.autoSizeHeaders){this.css.updateRule(this.hdSelector+this.idToCssName(AW),"width",this.grid.minColumnWidth+"px");}}var BV=this.calcColumnWidth(BS);this.cm.setColumnWidth(BS,Math.max(this.grid.minColumnWidth,BV),BU);if(!BU){this.grid.fireEvent("columnresize",BS,BV);}},autoSizeColumns:function(){var cm=this.grid.colModel;var BW=cm.getColumnCount();for(var i=0;i<BW;i++){this.autoSizeColumn(i,true,true);}if(cm.getTotalWidth()<this.scroller.dom.clientWidth){this.fitColumns();}else {this.updateColumns();this.layout();}},fitColumns:function(BX){var cm=this.grid.colModel;var BY=cm.getColumnCount();var BZ=[];var Ba=0;var i,w;for(i=0;i<BY;i++){if(!cm.isHidden(i)&&!cm.isFixed(i)){w=cm.getColumnWidth(i);BZ.push(i);BZ.push(w);Ba+=w;}}var Bb=Math.min(this.scroller.dom.clientWidth,this.el.getWidth());if(BX){Bb-=17;}var Bc=(Bb-cm.getTotalWidth())/Ba;while(BZ.length){w=BZ.pop();i=BZ.pop();cm.setColumnWidth(i,Math.floor(w+w*Bc),true);}
+this.updateColumns();this.layout();},onRowSelect:function(Bd){var Be=this.getRowComposite(Bd);Be.addClass("x-grid-row-selected");},onRowDeselect:function(Bf){var Bg=this.getRowComposite(Bf);Bg.removeClass("x-grid-row-selected");},onCellSelect:function(Bh,Bi){var Bj=this.getCell(Bh,Bi);if(Bj){Roo.fly(Bj).addClass("x-grid-cell-selected");}},onCellDeselect:function(Bk,Bl){var Bm=this.getCell(Bk,Bl);if(Bm){Roo.fly(Bm).removeClass("x-grid-cell-selected");}},updateHeaderSortState:function(){var Bn=this.ds.getSortState();if(!Bn){return;}
+this.sortState=Bn;var Bo=this.cm.findColumnIndex(Bn.field);if(Bo!=-1){var Ao=Bn.direction;var sc=this.sortClasses;var hds=this.el.select(this.headerSelector).removeClass(sc);hds.item(Bo).addClass(sc[Ao=="DESC"?1:0]);}},handleHeaderClick:function(g,Bp){if(this.headersDisabled){return;}var dm=g.dataSource,cm=g.colModel;if(!cm.isSortable(Bp)){return;}
+g.stopEditing();dm.sort(cm.getDataIndex(Bp));},destroy:function(){if(this.colMenu){this.colMenu.removeAll();Roo.menu.MenuMgr.unregister(this.colMenu);this.colMenu.getEl().remove();delete this.colMenu;}if(this.hmenu){this.hmenu.removeAll();Roo.menu.MenuMgr.unregister(this.hmenu);this.hmenu.getEl().remove();delete this.hmenu;}if(this.grid.enableColumnMove){var dds=Roo.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();Roo.get(elid).remove();}else if(dds[dd].config.isTarget){dds[dd].proxyTop.remove();dds[dd].proxyBottom.remove();dds[dd].unreg();}if(Roo.dd.DDM.locationCache[dd]){delete Roo.dd.DDM.locationCache[dd];}}delete Roo.dd.DDM.ids['gridHeader'+this.grid.getGridEl().id];}}
+Roo.util.CSS.removeStyleSheet(this.idToCssName(this.grid.id)+'-cssrules');this.bind(null,null);Roo.EventManager.removeResizeListener(this.onWindowResize,this);},handleLockChange:function(){this.refresh(true);},onDenyColumnLock:function(){},onDenyColumnHide:function(){},handleHdMenuClick:function(Bq){var Br=this.hdCtxIndex;var cm=this.cm,ds=this.ds;switch(Bq.id){case "asc":ds.sort(cm.getDataIndex(Br),"ASC");break;case "desc":ds.sort(cm.getDataIndex(Br),"DESC");break;case "lock":var lc=cm.getLockedCount();if(cm.getColumnCount(true)<=lc+1){this.onDenyColumnLock();return;}if(lc!=Br){cm.setLocked(Br,true,true);cm.moveColumn(Br,lc);this.grid.fireEvent("columnmove",Br,lc);}else {cm.setLocked(Br,true);}break;case "unlock":var lc=cm.getLockedCount();if((lc-1)!=Br){cm.setLocked(Br,false,true);cm.moveColumn(Br,lc-1);this.grid.fireEvent("columnmove",Br,lc-1);}else {cm.setLocked(Br,false);}break;default:Br=cm.getIndexById(Bq.id.substr(4));if(Br!=-1){if(Bq.checked&&cm.getColumnCount(true)<=1){this.onDenyColumnHide();return false;}
+cm.setHidden(Br,Bq.checked);}}return true;},beforeColMenuShow:function(){var cm=this.cm,Bs=cm.getColumnCount();this.colMenu.removeAll();for(var i=0;i<Bs;i++){this.colMenu.add(new Roo.menu.CheckItem({id:"col-"+cm.getColumnId(i),text:cm.getColumnHeader(i),checked:!cm.isHidden(i),hideOnClick:false}));}},handleHdCtx:function(g,Bt,e){e.stopEvent();var hd=this.getHeaderCell(Bt);this.hdCtxIndex=Bt;var ms=this.hmenu.items,cm=this.cm;ms.get("asc").setDisabled(!cm.isSortable(Bt));ms.get("desc").setDisabled(!cm.isSortable(Bt));if(this.grid.enableColLock!==false){ms.get("lock").setDisabled(cm.isLocked(Bt));ms.get("unlock").setDisabled(!cm.isLocked(Bt));}
+this.hmenu.show(hd,"tl-bl");},handleHdOver:function(e){var hd=this.findHeaderCell(e.getTarget());if(hd&&!this.headersDisabled){if(this.grid.colModel.isSortable(this.getCellIndex(hd))){this.fly(hd).addClass("x-grid-hd-over");}}},handleHdOut:function(e){var hd=this.findHeaderCell(e.getTarget());if(hd){this.fly(hd).removeClass("x-grid-hd-over");}},handleSplitDblClick:function(e,t){var i=this.getCellIndex(t);if(this.grid.enableColumnResize!==false&&this.cm.isResizable(i)&&!this.cm.isFixed(i)){this.autoSizeColumn(i,true);this.layout();}},render:function(){var cm=this.cm;var Bu=cm.getColumnCount();if(this.grid.monitorWindowResize===true){Roo.EventManager.onWindowResize(this.onWindowResize,this,true);}var Bv=this.renderHeaders();var Bw=this.templates.body.apply({rows:""});var Bx=this.templates.master.apply({lockedBody:Bw,body:Bw,lockedHeader:Bv[0],header:Bv[1]});this.grid.getGridEl().dom.innerHTML=Bx;this.initElements();this.scroller.on("scroll",this.handleScroll,this);this.lockedBody.on("mousewheel",this.handleWheel,this);this.mainBody.on("mousewheel",this.handleWheel,this);this.mainHd.on("mouseover",this.handleHdOver,this);this.mainHd.on("mouseout",this.handleHdOut,this);this.mainHd.on("dblclick",this.handleSplitDblClick,this,{delegate:"."+this.splitClass});this.lockedHd.on("mouseover",this.handleHdOver,this);this.lockedHd.on("mouseout",this.handleHdOut,this);this.lockedHd.on("dblclick",this.handleSplitDblClick,this,{delegate:"."+this.splitClass});if(this.grid.enableColumnResize!==false&&Roo.grid.SplitDragZone){new Roo.grid.SplitDragZone(this.grid,this.lockedHd.dom,this.mainHd.dom);}
+this.updateSplitters();if(this.grid.enableColumnMove&&Roo.grid.HeaderDragZone){new Roo.grid.HeaderDragZone(this.grid,this.lockedHd.dom,this.mainHd.dom);new Roo.grid.HeaderDropZone(this.grid,this.lockedHd.dom,this.mainHd.dom);}if(this.grid.enableCtxMenu!==false&&Roo.menu.Menu){this.hmenu=new Roo.menu.Menu({id:this.grid.id+"-hctx"});this.hmenu.add({id:"asc",text:this.sortAscText,cls:"xg-hmenu-sort-asc"},{id:"desc",text:this.sortDescText,cls:"xg-hmenu-sort-desc"});if(this.grid.enableColLock!==false){this.hmenu.add('-',{id:"lock",text:this.lockText,cls:"xg-hmenu-lock"},{id:"unlock",text:this.unlockText,cls:"xg-hmenu-unlock"});}if(this.grid.enableColumnHide!==false){this.colMenu=new Roo.menu.Menu({id:this.grid.id+"-hcols-menu"});this.colMenu.on("beforeshow",this.beforeColMenuShow,this);this.colMenu.on("itemclick",this.handleHdMenuClick,this);this.hmenu.add('-',{id:"columns",text:this.columnsText,menu:this.colMenu});}
+this.hmenu.on("itemclick",this.handleHdMenuClick,this);this.grid.on("headercontextmenu",this.handleHdCtx,this);}if((this.grid.enableDragDrop||this.grid.enableDrag)&&Roo.grid.GridDragZone){this.dd=new Roo.grid.GridDragZone(this.grid,{ddGroup:this.grid.ddGroup||'GridDD'});}
+this.updateHeaderSortState();this.beforeInitialResize();this.layout(true);this.renderPhase2.defer(1,this);},renderPhase2:function(){this.refresh();if(this.grid.autoSizeColumns){this.autoSizeColumns();}},beforeInitialResize:function(){},onColumnSplitterMoved:function(i,w){this.userResized=true;var cm=this.grid.colModel;cm.setColumnWidth(i,w,true);var By=cm.getColumnId(i);this.css.updateRule(this.colSelector+this.idToCssName(By),"width",(w-this.borderWidth)+"px");this.css.updateRule(this.hdSelector+this.idToCssName(By),"width",(w-this.borderWidth)+"px");this.updateSplitters();this.layout();this.grid.fireEvent("columnresize",i,w);},syncRowHeights:function(Bz,B0){if(this.grid.enableRowHeightSync===true&&this.cm.getLockedCount()>0){Bz=Bz||0;var mrows=this.getBodyTable().rows;var As=this.getLockedTable().rows;var len=mrows.length-1;B0=Math.min(B0||len,len);for(var i=Bz;i<=B0;i++){var m=mrows[i],l=As[i];var h=Math.max(m.offsetHeight,l.offsetHeight);m.style.height=l.style.height=h+"px";}}},layout:function(B1,B2){var g=this.grid;var B3=g.autoHeight;var B4=16;var c=g.getGridEl(),cm=this.cm,B5=g.autoExpandColumn,gv=this;if(!c.dom.offsetWidth){if(B1){this.lockedWrap.show();this.mainWrap.show();}return;}var B6=this.cm.isLocked(0);var B7=this.headerPanel.getHeight();var B8=this.footerPanel.getHeight();if(B3){var ch=this.getBodyTable().offsetHeight+B7+B8+this.mainHd.getHeight();var newHeight=ch+c.getBorderWidth("tb");if(g.maxHeight){newHeight=Math.min(g.maxHeight,newHeight);}
+c.setHeight(newHeight);}if(g.autoWidth){c.setWidth(cm.getTotalWidth()+c.getBorderWidth('lr'));}var s=this.scroller;var B9=c.getSize(true);this.el.setSize(B9.width,B9.height);this.headerPanel.setWidth(B9.width);this.footerPanel.setWidth(B9.width);var CA=this.mainHd.getHeight();var vw=B9.width;var vh=B9.height-(B7+B8);s.setSize(vw,vh);var bt=this.getBodyTable();var CB=B6?Math.max(this.getLockedTable().offsetWidth,this.lockedHd.dom.firstChild.offsetWidth):0;var CC=bt.offsetHeight;var CD=CB+bt.offsetWidth;var CE=false,CF=false;this.scrollSizer.setSize(CD,CC+CA);var lw=this.lockedWrap,mw=this.mainWrap;var lb=this.lockedBody,mb=this.mainBody;setTimeout(function(){var t=s.dom.offsetTop;var w=s.dom.clientWidth,h=s.dom.clientHeight;lw.setTop(t);lw.setSize(CB,h);mw.setLeftTop(CB,t);mw.setSize(w-CB,h);lb.setHeight(h-CA);mb.setHeight(h-CA);if(B2!==true&&!gv.userResized&&B5){var ci=cm.getIndexById(B5);if(ci<0){ci=cm.findColumnIndex(B5);}
+ci=Math.max(0,ci);var expandId=cm.getColumnId(ci);var tw=cm.getTotalWidth(false);var currentWidth=cm.getColumnWidth(ci);var cw=Math.min(Math.max(((w-tw)+currentWidth-2)-(w<=s.dom.offsetWidth?0:18),g.autoExpandMin),g.autoExpandMax);if(currentWidth!=cw){cm.setColumnWidth(ci,cw,true);gv.css.updateRule(gv.colSelector+gv.idToCssName(expandId),"width",(cw-gv.borderWidth)+"px");gv.css.updateRule(gv.hdSelector+gv.idToCssName(expandId),"width",(cw-gv.borderWidth)+"px");gv.updateSplitters();gv.layout(false,true);}}if(B1){lw.show();mw.show();}},10);},onWindowResize:function(){if(!this.grid.monitorWindowResize||this.grid.autoHeight){return;}
+this.layout();},appendFooter:function(CG){return null;},sortAscText:"Sort Ascending",sortDescText:"Sort Descending",lockText:"Lock Column",unlockText:"Unlock Column",columnsText:"Columns"});Roo.grid.GridView.ColumnDragZone=function(CH,hd){Roo.grid.GridView.ColumnDragZone.superclass.constructor.call(this,CH,hd,null);this.proxy.el.addClass('x-grid3-col-dd');};Roo.extend(Roo.grid.GridView.ColumnDragZone,Roo.grid.HeaderDragZone,{handleMouseDown:function(e){},callHandleMouseDown:function(e){Roo.grid.GridView.ColumnDragZone.superclass.handleMouseDown.call(this,e);}});
+Roo.grid.SplitDragZone=function(A,hd,B){this.grid=A;this.view=A.getView();this.proxy=this.view.resizeProxy;Roo.grid.SplitDragZone.superclass.constructor.call(this,hd,"gridSplitters"+this.grid.getGridEl().id,{dragElId:Roo.id(this.proxy.dom),resizeFrame:false});this.setHandleElId(Roo.id(hd));this.setOuterHandleElId(Roo.id(B));this.scroll=false;};Roo.extend(Roo.grid.SplitDragZone,Roo.dd.DDProxy,{fly:Roo.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 C=Math.max(w-this.grid.minColumnWidth,0);this.resetConstraints();this.setXConstraint(C,1000);this.setYConstraint(0,0);this.minX=x-C;this.maxX=x+1000;this.startPos=x;Roo.dd.DDProxy.prototype.b4StartDrag.call(this,x,y);},handleMouseDown:function(e){ev=Roo.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)){Roo.grid.SplitDragZone.superclass.handleMouseDown.apply(this,arguments);}}},endDrag:function(e){this.view.headersDisabled=false;var D=Math.max(this.minX,Roo.lib.Event.getPageX(e));var E=D-this.startPos;this.view.onColumnSplitterMoved(this.cellIndex,this.cm.getColumnWidth(this.cellIndex)+E);},autoOffset:function(){this.setDelta(0,0);}});
+Roo.grid.GridDragZone=function(A,B){this.view=A.getView();Roo.grid.GridDragZone.superclass.constructor.call(this,this.view.mainBody.dom,B);if(this.view.lockedBody){this.setHandleElId(Roo.id(this.view.mainBody.dom));this.setOuterHandleElId(Roo.id(this.view.lockedBody.dom));}
+this.scroll=false;this.grid=A;this.ddel=document.createElement('div');this.ddel.className='x-grid-dd-wrap';};Roo.extend(Roo.grid.GridDragZone,Roo.dd.DragZone,{ddGroup:"GridDD",getDragData:function(e){var t=Roo.lib.Event.getTarget(e);var C=this.view.findRowIndex(t);if(C!==false){var sm=this.grid.selModel;if(e.hasModifier()){sm.handleMouseDown(e,t);}return {grid:this.grid,ddel:this.ddel,rowIndex:C,selections:sm.getSelections()};}return false;},onInitDrag:function(e){var D=this.dragData;this.ddel.innerHTML=this.grid.getDragDropText();this.proxy.update(this.ddel);},afterRepair:function(){this.dragging=false;},getRepairXY:function(e,E){return false;},onEndDrag:function(F,e){},onValidDrop:function(dd,e,id){this.hideProxy();},beforeInvalidDrop:function(e,id){}});
+Roo.grid.ColumnModel=function(A){this.config=A;this.lookup={};for(var i=0,len=A.length;i<len;i++){var c=A[i];if(typeof c.dataIndex=="undefined"){c.dataIndex=i;}if(typeof c.renderer=="string"){c.renderer=Roo.util.Format[c.renderer];}if(typeof c.id=="undefined"){c.id=Roo.id();}if(c.editor&&c.editor.xtype){c.editor=Roo.factory(c.editor,Roo.grid);}if(c.editor&&c.editor.isFormField){c.editor=new Roo.grid.GridEditor(c.editor);}
+this.lookup[c.id]=c;}
+this.defaultWidth=100;this.defaultSortable=false;this.addEvents({"widthchange":true,"headerchange":true,"hiddenchange":true,"columnmoved":true,"columnlockchange":true});Roo.grid.ColumnModel.superclass.constructor.call(this);};Roo.extend(Roo.grid.ColumnModel,Roo.util.Observable,{getColumnId:function(B){return this.config[B].id;},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;},findColumnIndex:function(C){for(var i=0,len=this.config.length;i<len;i++){if(this.config[i].dataIndex==C){return i;}}return -1;},moveColumn:function(D,E){var c=this.config[D];this.config.splice(D,1);this.config.splice(E,0,c);this.dataMap=null;this.fireEvent("columnmoved",this,D,E);},isLocked:function(F){return this.config[F].locked===true;},setLocked:function(G,H,I){if(this.isLocked(G)==H){return;}
+this.config[G].locked=H;if(!I){this.fireEvent("columnlockchange",this,G,H);}},getTotalLockedWidth:function(){var J=0;for(var i=0;i<this.config.length;i++){if(this.isLocked(i)&&!this.isHidden(i)){this.totalWidth+=this.getColumnWidth(i);}}return J;},getLockedCount:function(){for(var i=0,len=this.config.length;i<len;i++){if(!this.isLocked(i)){return i;}}},getColumnCount:function(K){if(K===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,L){var r=[];for(var i=0,len=this.config.length;i<len;i++){var c=this.config[i];if(fn.call(L||this,c,i)===true){r[r.length]=c;}}return r;},isSortable:function(M){if(typeof this.config[M].sortable=="undefined"){return this.defaultSortable;}return this.config[M].sortable;},getRenderer:function(N){if(!this.config[N].renderer){return Roo.grid.ColumnModel.defaultRenderer;}return this.config[N].renderer;},setRenderer:function(O,fn){this.config[O].renderer=fn;},getColumnWidth:function(P){return this.config[P].width||this.defaultWidth;},setColumnWidth:function(Q,R,S){this.config[Q].width=R;this.totalWidth=null;if(!S){this.fireEvent("widthchange",this,Q,R);}},getTotalWidth:function(T){if(!this.totalWidth){this.totalWidth=0;for(var i=0,len=this.config.length;i<len;i++){if(T||!this.isHidden(i)){this.totalWidth+=this.getColumnWidth(i);}}}return this.totalWidth;},getColumnHeader:function(U){return this.config[U].header;},setColumnHeader:function(V,W){this.config[V].header=W;this.fireEvent("headerchange",this,V,W);},getColumnTooltip:function(X){return this.config[X].tooltip;},setColumnTooltip:function(Y,Z){this.config[Y].tooltip=Z;},getDataIndex:function(a){return this.config[a].dataIndex;},setDataIndex:function(b,d){this.config[b].dataIndex=d;},isCellEditable:function(e,f){return (this.config[e].editable||(typeof this.config[e].editable=="undefined"&&this.config[e].editor))?true:false;},getCellEditor:function(g,h){return this.config[g].editor;},setEditable:function(j,k){this.config[j].editable=k;},isHidden:function(l){return this.config[l].hidden;},isFixed:function(m){return this.config[m].fixed;},isResizable:function(n){return n>=0&&this.config[n].resizable!==false&&this.config[n].fixed!==true;},setHidden:function(o,p){this.config[o].hidden=p;this.totalWidth=null;this.fireEvent("hiddenchange",this,o,p);},setEditor:function(q,s){this.config[q].editor=s;}});Roo.grid.ColumnModel.defaultRenderer=function(t){if(typeof t=="string"&&t.length<1){return " ";}return t;};Roo.grid.DefaultColumnModel=Roo.grid.ColumnModel;
+Roo.grid.AbstractSelectionModel=function(){this.locked=false;Roo.grid.AbstractSelectionModel.superclass.constructor.call(this);};Roo.extend(Roo.grid.AbstractSelectionModel,Roo.util.Observable,{init:function(A){this.grid=A;this.initEvents();},lock:function(){this.locked=true;},unlock:function(){this.locked=false;},isLocked:function(){return this.locked;}});
+Roo.grid.RowSelectionModel=function(A){Roo.apply(this,A);this.selections=new Roo.util.MixedCollection(false,function(o){return o.id;});this.last=false;this.lastActive=false;this.addEvents({"selectionchange":true,"afterselectionchange":true,"beforerowselect":true,"rowselect":true,"rowdeselect":true});Roo.grid.RowSelectionModel.superclass.constructor.call(this);this.locked=false;};Roo.extend(Roo.grid.RowSelectionModel,Roo.grid.AbstractSelectionModel,{singleSelect:false,initEvents:function(){if(!this.grid.enableDragDrop&&!this.grid.enableDrag){this.grid.on("mousedown",this.handleMouseDown,this);}else {this.grid.on("rowclick",this.handleDragableRowClick,this);}
+this.rowNav=new Roo.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();}
+this.fireEvent("afterselectionchange",this);},"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();}
+this.fireEvent("afterselectionchange",this);},scope:this});var B=this.grid.view;B.on("refresh",this.onRefresh,this);B.on("rowupdated",this.onRowUpdated,this);B.on("rowremoved",this.onRemove,this);},onRefresh:function(){var ds=this.grid.dataSource,i,v=this.grid.view;var s=this.selections;s.each(function(r){if((i=ds.indexOfId(r.id))!=-1){v.onRowSelect(i);}else {s.remove(r);}});},onRemove:function(v,C,r){this.selections.remove(r);},onRowUpdated:function(v,D,r){if(this.isSelected(r)){v.onRowSelect(D);}},selectRecords:function(E,F){if(!F){this.clearSelections();}var ds=this.grid.dataSource;for(var i=0,len=E.length;i<len;i++){this.selectRow(ds.indexOf(E[i]),true);}},getCount:function(){return this.selections.length;},selectFirstRow:function(){this.selectRow(0);},selectLastRow:function(G){this.selectRow(this.grid.dataSource.getCount()-1,G);},selectNext:function(H){if(this.last!==false&&(this.last+1)<this.grid.dataSource.getCount()){this.selectRow(this.last+1,H);this.grid.getView().focusRow(this.last);}},selectPrevious:function(I){if(this.last){this.selectRow(this.last-1,I);this.grid.getView().focusRow(this.last);}},getSelections:function(){return [].concat(this.selections.items);},getSelected:function(){return this.selections.itemAt(0);},clearSelections:function(J){if(this.locked)return;if(J!==true){var ds=this.grid.dataSource;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.dataSource.getCount();i<len;i++){this.selectRow(i,true);}},hasSelection:function(){return this.selections.length>0;},isSelected:function(K){var r=typeof K=="number"?this.grid.dataSource.getAt(K):K;return (r&&this.selections.key(r.id)?true:false);},isIdSelected:function(id){return (this.selections.key(id)?true:false);},handleMouseDown:function(e,t){var L=this.grid.getView(),M;if(this.isLocked()||(M=L.findRowIndex(t))===false){return;};if(e.shiftKey&&this.last!==false){var last=this.last;this.selectRange(last,M,e.ctrlKey);this.last=last;L.focusRow(M);}else {var isSelected=this.isSelected(M);if(e.button!==0&&isSelected){L.focusRow(M);}else if(e.ctrlKey&&isSelected){this.deselectRow(M);}else if(!isSelected){this.selectRow(M,e.button===0&&(e.ctrlKey||e.shiftKey));L.focusRow(M);}}
+this.fireEvent("afterselectionchange",this);},handleDragableRowClick:function(N,O,e){if(e.button===0&&!e.shiftKey&&!e.ctrlKey){this.selectRow(O,false);N.view.focusRow(O);this.fireEvent("afterselectionchange",this);}},selectRows:function(P,Q){if(!Q){this.clearSelections();}for(var i=0,len=P.length;i<len;i++){this.selectRow(P[i],true);}},selectRange:function(R,S,T){if(this.locked)return;if(!T){this.clearSelections();}if(R<=S){for(var i=R;i<=S;i++){this.selectRow(i,true);}}else {for(var i=R;i>=S;i--){this.selectRow(i,true);}}},deselectRange:function(U,V,W){if(this.locked)return;for(var i=U;i<=V;i++){this.deselectRow(i,W);}},selectRow:function(X,Y,Z){if(this.locked||(X<0||X>=this.grid.dataSource.getCount()))return;if(this.fireEvent("beforerowselect",this,X,Y)!==false){if(!Y||this.singleSelect){this.clearSelections();}var r=this.grid.dataSource.getAt(X);this.selections.add(r);this.last=this.lastActive=X;if(!Z){this.grid.getView().onRowSelect(X);}
+this.fireEvent("rowselect",this,X,r);this.fireEvent("selectionchange",this);}},deselectRow:function(a,b){if(this.locked)return;if(this.last==a){this.last=false;}if(this.lastActive==a){this.lastActive=false;}var r=this.grid.dataSource.getAt(a);this.selections.remove(r);if(!b){this.grid.getView().onRowDeselect(a);}
+this.fireEvent("rowdeselect",this,a);this.fireEvent("selectionchange",this);},restoreLast:function(){if(this._last){this.last=this._last;}},acceptsNav:function(c,d,cm){return !cm.isHidden(d)&&cm.isCellEditable(d,c);},onEditorKey:function(f,e){var k=e.getKey(),h,g=this.grid,ed=g.activeEditor;if(k==e.TAB){e.stopEvent();ed.completeEdit();if(e.shiftKey){h=g.walkCells(ed.row,ed.col-1,-1,this.acceptsNav,this);}else {h=g.walkCells(ed.row,ed.col+1,1,this.acceptsNav,this);}}else if(k==e.ENTER&&!e.ctrlKey){e.stopEvent();ed.completeEdit();if(e.shiftKey){h=g.walkCells(ed.row-1,ed.col,-1,this.acceptsNav,this);}else {h=g.walkCells(ed.row+1,ed.col,1,this.acceptsNav,this);}}else if(k==e.ESC){ed.cancelEdit();}if(h){g.startEditing(h[0],h[1]);}}});
+Roo.grid.CellSelectionModel=function(A){Roo.apply(this,A);this.selection=null;this.addEvents({"beforecellselect":true,"cellselect":true,"selectionchange":true});Roo.grid.CellSelectionModel.superclass.constructor.call(this);};Roo.extend(Roo.grid.CellSelectionModel,Roo.grid.AbstractSelectionModel,{initEvents:function(){this.grid.on("mousedown",this.handleMouseDown,this);this.grid.getGridEl().on(Roo.isIE?"keydown":"keypress",this.handleKeyDown,this);var B=this.grid.view;B.on("refresh",this.onViewChange,this);B.on("rowupdated",this.onRowUpdated,this);B.on("beforerowremoved",this.clearSelections,this);B.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,C,r){if(this.selection&&this.selection.record==r){v.onCellSelect(C,this.selection.cell[1]);}},onViewChange:function(){this.clearSelections(true);},getSelectedCell:function(){return this.selection?this.selection.cell:null;},clearSelections:function(D){var s=this.selection;if(s){if(D!==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(e,t){var v=this.grid.getView();if(this.isLocked()){return;};var E=v.findRowIndex(t);var F=v.findCellIndex(t);if(E!==false&&F!==false){this.select(E,F);}},select:function(G,H,I,J,r){if(this.fireEvent("beforecellselect",this,G,H)!==false){this.clearSelections();r=r||this.grid.dataSource.getAt(G);this.selection={record:r,cell:[G,H]};if(!I){var v=this.grid.getView();v.onCellSelect(G,H);if(J!==true){v.focusCell(G,H);}}
+this.fireEvent("cellselect",this,G,H);this.fireEvent("selectionchange",this,this.selection);}},isSelectable:function(K,L,cm){return !cm.isHidden(L);},handleKeyDown:function(e){if(!e.isNavKeyPress()){return;}var g=this.grid,s=this.selection;if(!s){e.stopEvent();var F=g.walkCells(0,0,1,this.isSelectable,this);if(F){this.select(F[0],F[1]);}return;}var sm=this;var M=function(O,P,Q){return g.walkCells(O,P,Q,sm.isSelectable,sm);};var k=e.getKey(),r=s.cell[0],c=s.cell[1];var N;switch(k){case e.TAB:if(e.shiftKey){N=M(r,c-1,-1);}else {N=M(r,c+1,1);}break;case e.DOWN:N=M(r+1,c,1);break;case e.UP:N=M(r-1,c,-1);break;case e.RIGHT:N=M(r,c+1,1);break;case e.LEFT:N=M(r,c-1,-1);break;case e.ENTER:if(g.isEditor&&!g.editing){g.startEditing(r,c);e.stopEvent();return;}break;};if(N){this.select(N[0],N[1]);e.stopEvent();}},acceptsNav:function(O,P,cm){return !cm.isHidden(P)&&cm.isCellEditable(P,O);},onEditorKey:function(Q,e){var k=e.getKey(),R,g=this.grid,ed=g.activeEditor;if(k==e.TAB){if(e.shiftKey){R=g.walkCells(ed.row,ed.col-1,-1,this.acceptsNav,this);}else {R=g.walkCells(ed.row,ed.col+1,1,this.acceptsNav,this);}
+e.stopEvent();}else if(k==e.ENTER&&!e.ctrlKey){ed.completeEdit();e.stopEvent();}else if(k==e.ESC){ed.cancelEdit();}if(R){g.startEditing(R[0],R[1]);}}});
+Roo.grid.EditorGrid=function(A,B){Roo.grid.EditorGrid.superclass.constructor.call(this,A,B);this.getGridEl().addClass("xedit-grid");if(!this.selModel){this.selModel=new Roo.grid.CellSelectionModel();}
+this.activeEditor=null;this.addEvents({"beforeedit":true,"afteredit":true,"validateedit":true});this.on("bodyscroll",this.stopEditing,this);this.on(this.clicksToEdit==1?"cellclick":"celldblclick",this.onCellDblClick,this);};Roo.extend(Roo.grid.EditorGrid,Roo.grid.Grid,{clicksToEdit:2,isEditor:true,trackMouseOver:false,onCellDblClick:function(g,C,D){this.startEditing(C,D);},onEditComplete:function(ed,E,F){this.editing=false;this.activeEditor=null;ed.un("specialkey",this.selModel.onEditorKey,this.selModel);var r=ed.record;var G=this.colModel.getDataIndex(ed.col);var e={grid:this,record:r,field:G,originalValue:F,value:E,row:ed.row,column:ed.col,cancel:false,editor:ed};if(String(E)!==String(F)){if(this.fireEvent("validateedit",e)!==false&&!e.cancel){r.set(G,e.value);delete e.cancel;this.fireEvent("afteredit",e);}}else {this.fireEvent("afteredit",e);}
+this.view.focusCell(ed.row,ed.col);},startEditing:function(H,I){this.stopEditing();if(this.colModel.isCellEditable(I,H)){this.view.ensureVisible(H,I,true);var r=this.dataSource.getAt(H);var G=this.colModel.getDataIndex(I);var e={grid:this,record:r,field:G,value:r.data[G],row:H,column:I,cancel:false};if(this.fireEvent("beforeedit",e)!==false&&!e.cancel){this.editing=true;var ed=this.colModel.getCellEditor(I,H);if(!ed){return;}if(!ed.rendered){ed.render(ed.parentEl||document.body);}
+ed.field.reset();(function(){ed.row=H;ed.col=I;ed.record=r;ed.on("complete",this.onEditComplete,this,{single:true});ed.on("specialkey",this.selModel.onEditorKey,this.selModel);this.activeEditor=ed;var v=r.data[G];ed.startEdit(this.view.getCell(H,I),v);}).defer(50,this);}}},stopEditing:function(){if(this.activeEditor){this.activeEditor.completeEdit();}
+this.activeEditor=null;}});
+Roo.grid.GridEditor=function(A,B){if(!B&&A.field){B=A;A=Roo.factory(B.field,Roo.form);}
+Roo.grid.GridEditor.superclass.constructor.call(this,A,B);A.monitorTab=false;};Roo.extend(Roo.grid.GridEditor,Roo.Editor,{alignment:"tl-tl",autoSize:"width",hideEl:false,cls:"x-small-editor x-grid-editor",shim:false,shadow:"frame"});
+Roo.grid.PropertyRecord=Roo.data.Record.create([{name:'name',type:'string'},'value']);Roo.grid.PropertyStore=function(A,B){this.grid=A;this.store=new Roo.data.Store({recordType:Roo.grid.PropertyRecord});this.store.on('update',this.onUpdate,this);if(B){this.setSource(B);}
+Roo.grid.PropertyStore.superclass.constructor.call(this);};Roo.extend(Roo.grid.PropertyStore,Roo.util.Observable,{setSource:function(o){this.source=o;this.store.removeAll();var C=[];for(var k in o){if(this.isEditableValue(o[k])){C.push(new Roo.grid.PropertyRecord({name:k,value:o[k]},k));}}
+this.store.loadRecords({records:C},{},true);},onUpdate:function(ds,D,E){if(E==Roo.data.Record.EDIT){var v=D.data['value'];var oldValue=D.modified['value'];if(this.grid.fireEvent('beforepropertychange',this.source,D.id,v,oldValue)!==false){this.source[D.id]=v;D.commit();this.grid.fireEvent('propertychange',this.source,D.id,v,oldValue);}else {D.reject();}}},getProperty:function(F){return this.store.getAt(F);},isEditableValue:function(G){if(G&&G instanceof Date){return true;}else if(typeof G=='object'||typeof G=='function'){return false;}return true;},setValue:function(H,I){this.source[H]=I;this.store.getById(H).set('value',I);},getSource:function(){return this.source;}});Roo.grid.PropertyColumnModel=function(J,K){this.grid=J;var g=Roo.grid;g.PropertyColumnModel.superclass.constructor.call(this,[{header:this.nameText,sortable:true,dataIndex:'name',id:'name'},{header:this.valueText,resizable:false,dataIndex:'value',id:'value'}]);this.store=K;this.bselect=Roo.DomHelper.append(document.body,{tag:'select',style:'display:none',cls:'x-grid-editor',children:[{tag:'option',value:'true',html:'true'},{tag:'option',value:'false',html:'false'}]});Roo.id(this.bselect);var f=Roo.form;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;'})),'int':new g.GridEditor(new f.NumberField({selectOnFocus:true,allowDecimals:false,style:'text-align:left;'})),'boolean':new g.GridEditor(new f.Field({el:this.bselect,selectOnFocus:true}))};this.renderCellDelegate=this.renderCell.createDelegate(this);this.renderPropDelegate=this.renderProp.createDelegate(this);};Roo.extend(Roo.grid.PropertyColumnModel,Roo.grid.ColumnModel,{nameText:'Name',valueText:'Value',dateFormat:'m/j/Y',renderDate:function(L){return L.dateFormat(this.dateFormat);},renderBool:function(M){return M?'true':'false';},isCellEditable:function(N,O){return N==1;},getRenderer:function(P){return P==1?this.renderCellDelegate:this.renderPropDelegate;},renderProp:function(v){return this.getPropertyName(v);},renderCell:function(Q){var rv=Q;if(Q instanceof Date){rv=this.renderDate(Q);}else if(typeof Q=='boolean'){rv=this.renderBool(Q);}return Roo.util.Format.htmlEncode(rv);},getPropertyName:function(R){var pn=this.grid.propertyNames;return pn&&pn[R]?pn[R]:R;},getCellEditor:function(S,T){var p=this.store.getProperty(T);var n=p.data['name'],U=p.data['value'];if(typeof(this.grid.customEditors[n])=='string'){return this.editors[this.grid.customEditors[n]];}if(typeof(this.grid.customEditors[n])!='undefined'){return this.grid.customEditors[n];}if(U instanceof Date){return this.editors['date'];}else if(typeof U=='number'){return this.editors['number'];}else if(typeof U=='boolean'){return this.editors['boolean'];}else {return this.editors['string'];}}});Roo.grid.PropertyGrid=function(V,W){W=W||{};var X=new Roo.grid.PropertyStore(this);this.store=X;var cm=new Roo.grid.PropertyColumnModel(this,X);X.store.sort('name','ASC');Roo.grid.PropertyGrid.superclass.constructor.call(this,V,Roo.apply({ds:X.store,cm:cm,enableColLock:false,enableColumnMove:false,stripeRows:false,trackMouseOver:false,clicksToEdit:1},W));this.getGridEl().addClass('x-props-grid');this.lastEditRow=null;this.on('columnresize',this.onColumnResize,this);this.addEvents({"beforepropertychange":true,"propertychange":true});this.customEditors=this.customEditors||{};};Roo.extend(Roo.grid.PropertyGrid,Roo.grid.EditorGrid,{render:function(){Roo.grid.PropertyGrid.superclass.render.call(this);this.autoSize.defer(100,this);},autoSize:function(){Roo.grid.PropertyGrid.superclass.autoSize.call(this);if(this.view){this.view.fitColumns();}},onColumnResize:function(){this.colModel.setColumnWidth(1,this.container.getWidth(true)-this.colModel.getColumnWidth(0));this.autoSize();},setSource:function(Y){this.store.setSource(Y);},getSource:function(){return this.store.getSource();}});
+Roo.LoadMask=function(el,A){this.el=Roo.get(el);Roo.apply(this,A);if(this.store){this.store.on('beforeload',this.onBeforeLoad,this);this.store.on('load',this.onLoad,this);this.store.on('loadexception',this.onLoad,this);this.removeMask=false;}else {var um=this.el.getUpdateManager();um.showLoadIndicator=false;um.on('beforeupdate',this.onBeforeLoad,this);um.on('update',this.onLoad,this);um.on('failure',this.onLoad,this);this.removeMask=true;}};Roo.LoadMask.prototype={msg:'Loading...',msgCls:'x-mask-loading',disabled:false,disable:function(){this.disabled=true;},enable:function(){this.disabled=false;},onLoad:function(){this.el.unmask(this.removeMask);},onBeforeLoad:function(){if(!this.disabled){this.el.mask(this.msg,this.msgCls);}},destroy:function(){if(this.store){this.store.un('beforeload',this.onBeforeLoad,this);this.store.un('load',this.onLoad,this);this.store.un('loadexception',this.onLoad,this);}else {var um=this.el.getUpdateManager();um.un('beforeupdate',this.onBeforeLoad,this);um.un('update',this.onLoad,this);um.un('failure',this.onLoad,this);}}};
+Roo.XTemplate=function(){Roo.XTemplate.superclass.constructor.apply(this,arguments);var s=this.html;s=['<tpl>',s,'</tpl>'].join('');var re=/<tpl\b[^>]*>((?:(?=([^<]+))\2|<(?!tpl\b[^>]*>))*?)<\/tpl>/;var A=/^<tpl\b[^>]*?for="(.*?)"/;var B=/^<tpl\b[^>]*?if="(.*?)"/;var C=/^<tpl\b[^>]*?exec="(.*?)"/;var m,id=0;var D=[];while(m=s.match(re)){var m2=m[0].match(A);var m3=m[0].match(B);var m4=m[0].match(C);var exp=null,fn=null,exec=null;var name=m2&&m2[1]?m2[1]:'';if(m3){exp=m3&&m3[1]?m3[1]:null;if(exp){fn=new Function('values','parent','with(values){ return '+(Roo.util.Format.htmlDecode(exp))+'; }');}}if(m4){exp=m4&&m4[1]?m4[1]:null;if(exp){exec=new Function('values','parent','with(values){ '+(Roo.util.Format.htmlDecode(exp))+'; }');}}if(name){switch(name){case '.':name=new Function('values','parent','with(values){ return values; }');break;case '..':name=new Function('values','parent','with(values){ return parent; }');break;default:name=new Function('values','parent','with(values){ return '+name+'; }');}}
+D.push({id:id,target:name,exec:exec,test:fn,body:m[1]||''});s=s.replace(m[0],'{xtpl'+id+'}');++id;}for(var i=D.length-1;i>=0;--i){this.compileTpl(D[i]);}
+this.master=D[D.length-1];this.tpls=D;};Roo.extend(Roo.XTemplate,Roo.Template,{re:/\{([\w-\.]+)(?:\:([\w\.]*)(?:\((.*?)?\))?)?\}/g,applySubTemplate:function(id,E,F){var t=this.tpls[id];if(t.test&&!t.test.call(this,E,F)){return '';}if(t.exec&&t.exec.call(this,E,F)){return '';}var vs=t.target?t.target.call(this,E,F):E;F=t.target?E:F;if(t.target&&vs instanceof Array){var buf=[];for(var i=0,len=vs.length;i<len;i++){buf[buf.length]=t.compiled.call(this,vs[i],F);}return buf.join('');}return t.compiled.call(this,vs,F);},compileTpl:function(G){var fm=Roo.util.Format;var H=this.disableFormats!==true;var I=Roo.isGecko?"+":",";var fn=function(m,K,L,M){if(K.substr(0,4)=='xtpl'){return "'"+I+'this.applySubTemplate('+K.substr(4)+', values, parent)'+I+"'";}var v;if(K.indexOf('.')!=-1){v=K;}else {v="values['"+K+"']";}if(L&&H){M=M?','+M:"";if(L.substr(0,5)!="this."){L="fm."+L+'(';}else {L='this.call("'+L.substr(5)+'", ';M=", values";}}else {M='';L="("+v+" === undefined ? '' : ";}return "'"+I+L+v+M+")"+I+"'";};var J;if(Roo.isGecko){J="tpl.compiled = function(values, parent){ return '"+G.body.replace(/(\r\n|\n)/g,'\\n').replace(/'/g,"\\'").replace(this.re,fn)+"';};";}else {J=["tpl.compiled = function(values, parent){ return ['"];J.push(G.body.replace(/(\r\n|\n)/g,'\\n').replace(/'/g,"\\'").replace(this.re,fn));J.push("'].join('');};");J=J.join('');}eval(J);return this;},applyTemplate:function(K){return this.master.compiled.call(this,K,{});var s=this.subs;},apply:function(){return this.applyTemplate.apply(this,arguments);},compile:function(){return this;}});Roo.XTemplate.from=function(el){el=Roo.getDom(el);return new Roo.XTemplate(el.value||el.innerHTML);};
+Roo.XComponent=function(A){Roo.apply(this,A);this.addEvents({'built':true,'buildcomplete':true,});Roo.XComponent.register(this);this.modules=false;this.el=false;}
+Roo.extend(Roo.XComponent,Roo.util.Observable,{el:false,panel:false,layout:false,disabled:false,parent:false,order:false,name:false,items:false,});Roo.apply(Roo.XComponent,{buildCompleted:false,topModule:false,modules:[],register:function(B){this.modules.push(B);},toObject:function(C){if(!C||typeof(C)=='object'){return C;}var ar=C.split('.');var rt,o;rt=ar.shift();eval('if (typeof '+rt+' == "undefined"){ o = false;} o = '+rt+';');if(o===false){throw "Module not found : "+C;}
+Roo.each(ar,function(e){if(typeof(o[e])=='undefined'){throw "Module not found : "+C;}
+o=o[e];});return o;},preBuild:function(){Roo.each(this.modules,function(D){D.parent=this.toObject(D.parent);if(!D.parent){this.topModule=D;return;}if(!D.parent.modules){D.parent.modules=new Roo.util.MixedCollection(false,function(o){return o.order+''});}
+D.parent.modules.add(D);},this);},buildOrder:function(){var D=this;var E=function(a,b){return String(a).toUpperCase()>String(b).toUpperCase()?1:-1;};if(!this.topModule||!this.topModule.modules){throw "No top level modules to build";}var F=[this.topModule];var G=function(m){F.push(m);if(m.modules){m.modules.keySort('ASC',E);m.modules.each(G);}if(m.finalize){m.finalize.name=m.name+" (clean up) ";F.push(m.finalize);}}
+this.topModule.modules.keySort('ASC',E);this.topModule.modules.each(G);return F;},build:function(){this.preBuild();var H=this.buildOrder();if(!H.length){throw "NO modules!!!";}
+Roo.MessageBox.show({title:'loading'});Roo.MessageBox.show({title:"Please wait...",msg:"Building Interface...",width:450,progress:true,closable:false,modal:false});var I=H.length;var J=this;var K=function(){if(!H.length){console.log('hide?');Roo.MessageBox.hide();J.topModule.fireEvent('buildcomplete',J.topModule);return;}var m=H.shift();console.log(m);if(typeof(m)=='function'){m.call(this);return K.defer(10,J);}Roo.MessageBox.updateProgress((I-H.length)/I,"Building Interface "+(I-H.length)+" of "+I+(m.name?(' - '+m.name):''));var L=(typeof(m.disabled)=='function')?m.disabled.call(m.module.disabled):m.disabled;if(L){return K();}if(!m.parent){var layoutbase=new Ext.BorderLayout(document.body,{center:{titlebar:false,autoScroll:false,closeOnTab:true,tabPosition:'top',alwaysShowTabs:true,minTabWidth:140}});var M=m.tree();M.region='center';m.el=layoutbase.addxtype(M);m.panel=m.el;m.layout=m.panel.layout;return K.defer(10,J);}var M=m.tree();M.region=M.region||m.region;m.el=m.parent.el.addxtype(M);m.fireEvent('built',m);m.panel=m.el;m.layout=m.panel.layout;K.defer(10,J);}
+K.defer(1,J);}});
+Roo.Login=function(A){this.addEvents({'refreshed':true,});Roo.apply(this,A);Roo.onReady(function(){this.onLoad();},this);Roo.Login.superclass.constructor.call(this,this);}
+Roo.extend(Roo.Login,Roo.LayoutDialog,{method:'POST',url:'',user:false,checkFails:0,intervalID:0,onLoad:function(){if(Roo.get('loading')){Roo.get('loading').remove();}
+this.check({success:function(B,C){var D=this.processResponse(B);this.checkFails=0;if(!D.success){this.checkFails=5;return this.failure(B,C);}if(!D.data.id){return this.show();}
+this.fillAuth(D.data);this.checkFails=0;Roo.XComponent.build();},failure:this.show});},check:function(B){if(B.again){this.checkFails++;}else {this.checkFails=0;}var C=this;if(this.sending){if(this.checkFails>4){Roo.MessageBox.alert("Error","Error getting authentication status. - try reloading, or wait a while",function(){C.sending=false;});return;}
+B.again=true;C.check.defer(10000,C,[B]);return;}
+this.sending=true;Roo.Ajax.request({url:this.url,params:{getAuthUser:true},method:this.method,success:B.success||this.success,failure:B.failure||this.failure,scope:this,callCfg:B});},logout:function(){window.onbeforeunload=function(){};this.user=false;var D=this;Roo.Ajax.request({url:this.url,params:{logout:1},method:'GET',failure:function(){Roo.MessageBox.alert("Error","Error logging out. - continuing anyway.",function(){document.location=document.location.toString()+'?ts='+Math.random();});},success:function(){D.user=false;this.checkFails=0;document.location=document.location.toString()+'?ts='+Math.random();}});},processResponse:function(E){var F='';try{F=Roo.decode(E.responseText);if(typeof(F)!='object'){F={success:false,errorMsg:F,errors:true};}if(typeof(F.success)=='undefined'){F.success=false;}}catch(e){res={success:false,errorMsg:response.responseText,errors:true};}return F;},success:function(G,H){this.sending=false;var I=this.processResponse(G);if(!I.success){return this.failure(G,H);}if(!I.data||!I.data.id){return this.failure(G,H);}
+this.fillAuth(I.data);this.checkFails=0;},failure:function(J,K){this.authUser=-1;this.sending=false;var L=this.processResponse(J);if(this.checkFails>2){Roo.MessageBox.alert("Error",L.errorMsg?L.errorMsg:"Error getting authentication status. - try reloading");return;}
+K.callCfg.again=true;this.check.defer(1000,this,[K.callCfg]);return;},fillAuth:function(au){this.startAuthCheck();this.authUserId=au.id;this.authUser=au;this.lastChecked=new Date();this.fireEvent('refreshed',au);au.lang=au.lang||'en';Roo.state.Manager.set(this.realm+'lang',au.lang);this.switchLang(au.lang);if(this.authUserId<0){Roo.MessageBox.alert("Warning","This is an open system - please set up a admin user with a password.");}},startAuthCheck:function(){if(this.intervalID){return false;}var M=this;this.intervalID=window.setInterval(function(){M.check(false);},120000);},switchLang:function(N){_T=typeof(_T)=='undefined'?false:_T;if(!_T||!N.length){return;}if(!_T&&N!='en'){Roo.MessageBox.alert("Sorry","Language not available yet ("+N+')');return;}if(typeof(_T.en)=='undefined'){_T.en={};Roo.apply(_T.en,_T);}if(typeof(_T[N])=='undefined'){Roo.MessageBox.alert("Sorry","Language not available yet ("+N+')');return;}
+Roo.apply(_T,_T[N]);var O=this;},title:"Login",modal:true,width:350,height:180,shadow:true,minWidth:200,minHeight:180,closable:false,draggable:false,collapsible:false,resizable:false,center:{autoScroll:false,titlebar:false,hideTabs:true,closeOnTab:true,alwaysShowTabs:false},listeners:{show:function(P){this.form=this.layout.getRegion('center').activePanel.form;this.form.dialog=P;this.buttons[0].form=this.form;this.buttons[0].dialog=Pthis.buttons[1].form=this.form;this.buttons[1].dialog=P;if(this.disabled){this.hide();return;}if(this.user.id<0){return;}if(this.intervalID){window.clearInterval(this.intervalID);this.intervalID=false;}if(Roo.get('loading')){Roo.get('loading').remove();}if(Roo.get('loading-mask')){Roo.get('loading-mask').hide();}
+this.form.reset();this.el.unmask();this.form.setValues({'username':Roo.state.Manager.get(this.realm+'.username',''),'lang':Roo.state.Manager.get(this.realm+'.lang','en')});this.switchLang(Roo.state.Manager.get(this.realm+'.lang','en'));if(this.form.findField('username').getValue().length>0){this.form.findField('password').focus();}else {this.form.findField('username').focus();}}},items:[{xtype:'ContentPanel',xns:Roo,region:'center',fitToFrame:true,items:[{xtype:'Form',xns:Roo.form,labelWidth:100,style:'margin: 10px;',listeners:{actionfailed:function(f,Q){this.dialog.el.unmask();Roo.MessageBox.alert("Error",Q.result.errorMsg?Q.result.errorMsg:"Login failed - communication error - try again.");},actioncomplete:function(re,R){Roo.state.Manager.set(this.dialog.realm+'.username',this.findField('username').getValue());Roo.state.Manager.set(this.dialog.realm+'.lang',this.findField('lang').getValue());this.dialog.fillAuth(R.result.data);this.dialog.hide();if(Roo.get('loading-mask')){Roo.get('loading-mask').show();}
+Roo.XComponent.build();}},items:[{xtype:'TextField',xns:Roo.form,fieldLabel:"Email Address",name:'username',width:200,autoCreate:{tag:"input",type:"text",size:"20"}},{xtype:'TextField',xns:Roo.form,fieldLabel:"Password",inputType:'password',name:'password',width:200,autoCreate:{tag:"input",type:"text",size:"20"},listeners:{specialkey:function(e,ev){if(ev.keyCode==13){this.form.dialog.el.mask("Logging in");this.form.doAction('submit',{url:this.form.dialog.url,method:this.form.dialog.method,});}}}},{xtype:'ComboBox',xns:Roo.form,fieldLabel:"Language",name:'langdisp',store:{xtype:'SimpleStore',fields:['lang','ldisp'],data:[['en','English'],['zh_HK','\u7E41\u4E2D'],['zh_CN','\u7C21\u4E2D']]},valueField:'lang',hiddenName:'lang',width:200,displayField:'ldisp',typeAhead:false,editable:false,mode:'local',triggerAction:'all',emptyText:'Select a Language...',selectOnFocus:true,listeners:{select:function(cb,S,ix){this.form.switchLang(S.data.lang);}}}]}]}],buttons:[{xtype:'Button',xns:'Roo',text:"Forgot Password",listeners:{click:function(){var n=this.form.findField('username').getValue();if(!n.length){Roo.MessageBox.alert("Error","Fill in your email address");return;}
+Roo.Ajax.request({url:this.dialog.url,params:{passwordRequest:n},method:this.dialog.method,success:function(T,U){var V=this.dialog.processResponse(T);if(!V.success){Roo.MessageBox.alert("Error",V.errorMsg?V.errorMsg:"Problem Requesting Password Reset");return;}
+Roo.MessageBox.alert("Notice","Please check you email for the Password Reset message");},failure:function(){Roo.MessageBox.alert("Error","Problem Requesting Password Reset");}});}}},{xtype:'Button',xns:'Roo',text:"Login",listeners:{click:function(){this.dialog.el.mask("Logging in");this.form.doAction('submit',{url:this.dialog.url,method:this.dialog.method});}}}]})
projects / roojs1 / commitdiff