//<script type="text/javascript">
+
+var MODULE = { isBuilder : true };
+// BC
+var _this = MODULE;
+// the apprenderer.
Builder = {
render : function(data)
{
- this.tree = data;
+ // for debugging
+ //console.log(data); return;
+
- if (!Builder.docMove) {
- // Builder.docMove = Roo.get(document.body).on('mousemove', this.hover, this);
- // Builder.docMove = Roo.get(document.body).on('dragover', this.hover, this);
+ this.tree = data;
+ MODULE = { isBuilder : true };
+ _this = MODULE;
+ if (!Builder.click) {
+ Builder.click= Roo.get(document.body).on('click', this.onclick, this);
}
this.redraw(false);
this.dialogroot.remove();
this.dialogroot = false;
}
-
+ if (this.layoutbase) {
+ //console.log(Builder.dump(this.layoutbase.el));
+
+
+ try {
+ var pan = this.layoutbase.getRegion('center').getPanel(0);
+ if (pan) {
+ this.layoutbase.remove('center', pan);
+ }
+
+
+ } catch( e) {
+ console.log(e);
+ console.log(JSON.stringify(e));
+ // reload!!?
+ }
+
+
+
+ //this.layoutbase= false;
+ }
},
+
redraw: function(isAuto)
{
this.munge(cfg);
-
+ this.cfg = cfg;
+ //console.log(this.dump(cfg));
// we draw either a dialog or a tab..
if (cfg.xtype == 'LayoutDialog') {
this.dialogroot = Roo.get( document.body).createChild({
id : cfg.id
});
-
- this.dialog = new Roo[cfg.xtype](this.dialogroot, cfg);
+
+
+ MODULE.dialog = new Roo[cfg.xtype](this.dialogroot, cfg);
//this.dialog.el.on('click', this.panelClick, this);
- this.dialog.show();
+ MODULE.dialog.show();
return;
}
- return
- /*
- // force center region..
- cfg.items[0].region = 'center';
- cfg.items[0].background = false;
-
- this.panelroot = this.layout.addxtype(cfg.items[0]);
+ // otherwise we are creating a layout area on the document..
- this.highlightElement(Pman.Tab.BuilderTree.currentNode);
-
- if (this.panelroot.el) {
+ // handles
+ // contentpanel, nestedlayoutpanel, contentpanel.. etc.
+ // force center region..
+ cfg.region = 'center';
+ cfg.background = false;
+ if (!this.layoutbase) {
- this.panelroot.el.scrollTo('top', this.scroll.top);
- this.panelroot.el.scrollTo('left', this.scroll.left);
+ this.layoutbase = new Ext.BorderLayout(document.body, {
+
+ center: {
+ titlebar: false,
+ autoScroll:false,
+ closeOnTab: true,
+ tabPosition: 'top',
+ //resizeTabs: true,
+ alwaysShowTabs: true,
+ minTabWidth: 140
+ }
+ });
+ }
+ try {
+ console.log("ADDING CFG");
+ console.log(cfg)
+ this.layoutbase.addxtype( cfg );
+ } catch (e) {
+ console.log("GOT ERROR?");
+ console.log(e);
+ console.log(typeof(e));
+ console.log(this.dump(e));
}
- */
-
-
-
-
},
- munge :function (cfg)
+ munge :function (cfg, isListener)
{
var xitems = false;
//cfg.cls = cfg.cls || '';
if (!cfg.id) {
this.dump(cfg);
}
+
//console.log(cfg.xtype + ': ' + cfg.id);
if (cfg.items) {
for(var p in cfg){
// key is not string?!?!?!!?
+
if (typeof(p) != 'string') {
continue;
}
if (typeof(cfg[p]) == 'object') { // listeners!!!
- this.munge(cfg[p]);
+ this.munge(cfg[p], p == 'listeners');
continue;
}
// SPECIAL - PIPE
- if (p.charAt(0) == '|') {
+ if (p.charAt(0) == '|' || isListener) {
if (!cfg[p].length) {
delete cfg[p];
continue;
}
+ var pp = p.charAt(0) == '|' ? p.substring(1) : p;
try {
+
+
var _tmp = false;
- var _this = this.renderObj; /// fake '_this' object..
+ /** eval:var:MOUDULE **/
/** eval:var:_this **/
/** eval:var:_tmp **/
// stupid IE can not return objects evaluated..
+ // console.log('_tmp =(' + cfg[p] + ')');
eval('_tmp =(' + cfg[p] + ')');
- cfg[p.substr(1)] = _tmp;
+ cfg[pp] = _tmp;
+
//if (typeof(_tmp) == 'undefined') {
// alert(cfg[p]);
// }
- } catch(e) { console.log('Error evaluating: ' + cfg[p]); };
- delete cfg[p];
+ } catch(e) {
+ console.log('Error evaluating: ' + cfg[p] + "\r\n" + JSON.stringify(e));
+ };
+ if (pp != p) {
+ delete cfg[p];
+ }
+
continue;
}
+ if (cfg.xtype && cfg.xtype.match(/^Roo\./) && !cfg.xns) {
+ // xtype contains full path..
+ var bits = cfg.xtype.split('.');
+ bits.shift(); // remove roo..
+ cfg.xtype = bits.pop(); // get the last bit..
+ cfg.xns = Roo;
+ while (bits.length) {
+ cfg.xns = cfg.xns[bits.shift()];
+ }
+
+ }
+ if (cfg.xtype) {
+ if (!cfg.xns || typeof(cfg.xns[cfg.xtype]) == 'undefined') {
+ throw "Invalid Xtype " + cfg.xtype + ' on ' + cfg.xtreepath;
+ }
+ }
+ if (!isListener) {
+ cfg.listeners = cfg.listeners || {};
+ }
// we can overlay some event handlers here..
- cfg.listeners = cfg.listeners || {};
- cfg.listeners.click = function(e) {
- console.log('{ "id" : "' + e.id + '}');
- };
- console.log('xtype' + xtype)
+
+
+ //console.log('xtype' + xtype)
switch(xtype) {
case 'Roo.LayoutDialog':
cfg.listeners.resize = function(dlg, w,h)
// now for all the children.. (items)
if (xitems === false) {
+
return;
}
cfg.items = [];
var xi = xitems[i];
if (typeof(xi['*prop']) != 'undefined') {
+ //console.log('adding prop:' + xi['*prop']);
+
var pr = xi['*prop'];
this.munge(xi);
// if prop is an array - then it's items are really the value..
+ if (pr.match(/\[\]$/)) {
+ //console.log('adding array?:' + pr);
+ pr = pr.replace(/\[\]$/, '');
+ cfg[pr] = cfg[pr] || [];
+ cfg[pr].push(xi);
+ continue;
+ }
+
if (xi.xtype && xi.xtype == 'Array') {
cfg[pr] = xi.items;
} else {
+ //console.log('setting property:' + pr);
cfg[pr] = xi;
}
if (cfg.items.length == 0) {
delete cfg.items;
}
-
+ console.log(cfg);
},
+
+
+
cloneConfig : function(config) {
if (!config) { return null; }
var newConfig = {};
dump : function (arr,level) {
var dumped_text = "";
if(!level) level = 0;
-
+ if (level > 3) {
+ return '... TO DEEP ...';
+ }
//The padding given at the beginning of the line.
var level_padding = "";
for(var j=0;j<level+1;j++) level_padding += " ";
if(typeof(arr) == 'object') { //Array/Hashes/Objects
for(var item in arr) {
- var value = arr[item];
+ var value = arr[item];
+ if (item == 'xns') {
+ continue;
+ }
+ if(typeof(value) == 'function') { //If it is an array,
+ // fake dump...
+ dumped_text += level_padding + "'" + item + "' : function() { ... },\n";
+ continue;
+ }
if(typeof(value) == 'object') { //If it is an array,
- dumped_text += level_padding + "'" + item + "' ...\n";
+ dumped_text += level_padding + "'" + item + "': {\n";
dumped_text += this.dump(value,level+1);
- } else {
- dumped_text += level_padding + "'" + item + "' => \"" + value + "\"\n";
+ dumped_text += level_padding + "}\n";
+ continue;
}
+ dumped_text += level_padding + "'" + item + "' : \"" + value + "\"\n";
+
}
} else { //Stings/Chars/Numbers etc.
dumped_text = "===>"+arr+"<===("+typeof(arr)+")";
}
return dumped_text;
},
- findNode : function(ftg) {
+ findNode : function(ftg , method) {
if (!ftg) {
return; false
}
// console.log(ftg.id);
if (ftg.id && typeof(ftg.id) == 'string' && ftg.id.match(/builder-/)) {
var nid = ftg.id.replace('builder-', '').replace('x-form-el-', '');
- this.logMove( nid );
+ this[method]( nid );
return true;
}
// needs fixing..
- //console.log(ftg.dom.className);
- var cmat = ftg.dom.className.match(/x-grid-hd-builder-(form-gen-[0-9]+)/);
-
- if (cmat) {
- this.logMove( cmat[1] );
- return true;
+ if (ftg.dom.className.match(/[0-9]+/)) {
+ //console.log(ftg.dom.className);
+ var cmat = ftg.dom.className.match(/x-grid-hd-builder-(form-gen-[0-9:]+)/);
+ if (cmat) {
+ this[method]( cmat[1] );
+ return true;
+ }
}
+
+
+
return false;
},
},
+ onclick: function(e) {
+ var tg = Roo.get(e.getTarget());
+ if (!tg) {
+ //console.log('no target');
+ return;
+ }
+
+ if (this.findNode(tg,'logClick')) {
+ return;
+ }
+ var dp = Roo.get(tg.up(''));
+ if (dp && this.findNode(dp,'logClick')) {
+ return;
+ }
+
+ var ns = Roo.get(tg.getNextSibling());
+ if (ns && this.findNode(ns,'logClick')) {
+
+ return;
+ }
+ if (ns && ns.down('') && this.findNode(Roo.get(ns.down('')) ,'logClick') ) {
+ return;
+ }
+
+ for(var i =0; i < 5; i++) {
+ tg = Roo.get(tg.up(''));
+ if (!tg) {
+ //console.log('no parent' + i);
+ return;
+ }
+ if (tg && this.findNode(tg,'logClick')) {
+ return;
+ }
+ }
+ //console.log('no target in parents');
+
+ },
+ logClick : function(id)
+ {
+ var bid = id.length ? 'builder-' + id : '';
+ console.log('{ "id" : "' + bid + '"}');
+ },
hover : function(e) {
return;
}
- if (this.findNode(tg)) {
+ if (this.findNode(tg,'logMove')) {
e.stopEvent();
return;
}
var dp = Roo.get(tg.up(''));
- if (dp && this.findNode(dp)) {
+ if (dp && this.findNode(dp,'logMove')) {
e.stopEvent();
return;
}
var ns = Roo.get(tg.getNextSibling());
- if (ns && this.findNode(ns)) {
+ if (ns && this.findNode(ns,'logMove')) {
e.stopEvent();
return;
}
- if (ns && ns.down('') && this.findNode(Roo.get(ns.down('')))) {
+ if (ns && ns.down('') && this.findNode(Roo.get(ns.down('')) ,'logMove' )) {
e.stopEvent();
return;
}
this.logMove('');
return;
}
- if (tg && this.findNode(tg)) {
+ if (tg && this.findNode(tg,'logMove')) {
e.stopEvent();
return;
}
projects / app.Builder.js / blobdiff