git.roojs.org Git - app.Builder.js/blob - dbgenerate.js

   1 //<script type="text/javascript">
   2
   3 /**
   4  * This is a hacky generator to generate element definitions for the Roo version from the database
   5  *
   6  * Let's see if libgda can be used to generate our Readers for roo...
   7  *
   8  * Concept - conect to database..
   9  *
  10  * list tables
  11  *
  12  * extra schemas..
  13  *
  14  * write readers..
  15  *
  16  * usage: seed generate.js
  17  *
  18  */
  19 Gda  = imports.gi.Gda;
  20 GObject = imports.gi.GObject;
  21
  22 GLib = imports.gi.GLib;
  23
  24 console = imports.console;
  25 File = imports.File.File;
  26 Options = imports.Options.Options;
  27
  28 Gda.init();
  29
  30 var prov = Gda.Config.list_providers ();
  31 //print(prov.dump_as_string());
  32
  33 var o = new Options({
  34     help_description : 'Element builder for App Builder based on database schema',
  35
  36     options:  [
  37         { arg_long : 'DBNAME' , arg_short : 'd', description : 'Database Name' },
  38         { arg_long : 'USERNAME' , arg_short : 'u', description : 'Username'},
  39         { arg_long : 'PASSWORD' , arg_short : 'p', description : '' , arg_default :'' },
  40         { arg_long : 'INI' , arg_short : 'I', description : 'Either base directory which has Pman/***/DataObjects/***.ini or location of ini file.' },
  41     ]
  42
  43 })
  44
  45
  46
  47 var cfg = o.parse(Seed.argv);
  48 print(JSON.stringify(cfg, null,4));
  49
  50 var   cnc = Gda.Connection.open_from_string ("MySQL", "DB_NAME=" + cfg.DBNAME,
  51                                               "USERNAME=" + cfg.USERNAME + ';PASSWORD=' + cfg.PASSWORD,
  52                                               Gda.ConnectionOptions.NONE, null);
  53
  54
  55
  56
  57
  58
  59 Gda.DataSelect.prototype.fetchAll = function()
  60 {
  61     var cols = [];
  62
  63     for (var i =0;i < this.get_n_columns(); i++) {
  64         cols.push(this.get_column_name(i));
  65     }
  66     //print(JSON.stringify(cols, null,4));
  67     var iter = this.create_iter();
  68     var res = [];
  69     //print(this.get_n_rows());
  70     var _this = this;
  71     for (var r = 0; r < this.get_n_rows(); r++) {
  72
  73         // single clo..
  74         //print("GOT ROW");
  75         if (cols.length == 1) {
  76             res.push(this.get_value_at(0,r).get_string());
  77             continue;
  78         }
  79         var add = { };
  80
  81         cols.forEach(function(n,i) {
  82             var val = _this.get_value_at(i,r);
  83             var type = GObject.type_name(val.g_type) ;
  84             var vs = ['GdaBinary', 'GdaBlob' ].indexOf(type) > -1 ? val.value.to_string(1024) : val.value;
  85             //print(n + " : TYPE: " + GObject.type_name(val.g_type) + " : " + vs);
  86             //print (n + '=' + iter.get_value_at(i).value);
  87             add[n] = vs;
  88         });
  89
  90         res.push(add);
  91
  92     }
  93     return res;
  94
  95 }
  96
  97 var map = {
  98     'date' : 'date',
  99     'datetime' : 'string',
 100     'int' : 'int',
 101     'bigint' : 'int',
 102
 103     'tinyint' : 'int',
 104     'decimal' : 'float',
 105     'float' : 'float',
 106     'char' : 'string',
 107     'varchar' : 'string',
 108     'text' : 'string',
 109     'longtext' : 'string',
 110     'tinytext' : 'string',
 111     'mediumtext' : 'string',
 112     'enum' : 'string',
 113     'timestamp' : 'number',
 114     'blob' : 'text'
 115
 116 }
 117
 118 var ini = { }
 119
 120 function readIni(fn)
 121 {
 122     print('Read INI : ' + fn);
 123     var key_file = new GLib.KeyFile.c_new();
 124     if (!key_file.load_from_file (fn , GLib.KeyFileFlags.NONE )) {
 125         return;
 126     }
 127
 128     var groups = key_file.get_groups();
 129     groups.forEach(function(g) {
 130         ini[g] = {}
 131
 132         var keys = key_file.get_keys(g);
 133         keys.forEach(function(k) {
 134             ini[g][k] = key_file.get_value(g,k);
 135         })
 136     })
 137
 138 }
 139 if (File.isFile(cfg.INI)) {
 140     if (cfg.INI.match(/links\.ini$/)) {
 141         readIni(cfg.INI);
 142     } else {
 143         readIni(cfg.INI.replace(/\.ini$/, ".links.ini"));
 144     }
 145 }
 146
 147 if (File.isDirectory(cfg.INI)) {
 148
 149
 150     //--- load ini files..
 151     // this is very specific.
 152
 153     var dirs = File.list( cfg.INI + '/Pman').filter(
 154         function(e) {
 155             if (!File.isDirectory(cfg.INI + '/Pman/' + e + '/DataObjects')) {
 156                 return false;
 157             }
 158             return true;
 159         }
 160     );
 161
 162
 163     dirs.forEach(function(d) {
 164         // this currently misses the web.*/Pman/XXXX/DataObjects..
 165         var path = cfg.INI + '/Pman/' + d + '/DataObjects';
 166
 167         if (!File.isDirectory(path)) {
 168             return; //skip
 169         }
 170         var inis = File.list(path).filter(
 171             function(e) { return e.match(/\.links\.ini$/); }
 172         );
 173         if (!inis.length) {
 174             return;
 175         }
 176
 177         inis.forEach(function(i) {
 178             readIni(path + '/' + i);
 179
 180         })
 181
 182     });
 183     // look at web.XXXX/Pman/XXX/DataObjects/*.ini
 184     var inis = File.list(cfg.INI).filter(
 185         function(e) { return e.match(/\.links\.ini$/); }
 186     )
 187
 188      inis.forEach(function(i) {
 189         readIni(path + '/' + i);
 190
 191     })
 192
 193
 194 }
 195 //print(JSON.stringify(ini, null,4));
 196  //console.dump(ini);
 197
 198
 199  //Seed.quit();
 200
 201 //GLib.key_file_load_from_file (key_file, String file, KeyFileFlags flags) : Boolean
 202
 203
 204
 205
 206
 207 var tables = Gda.execute_select_command(cnc, "SHOW TABLES").fetchAll();
 208 var readers = [];
 209 tables.forEach(function(table) {
 210     //print(table);
 211     var schema = Gda.execute_select_command(cnc, "DESCRIBE `" + table+'`').fetchAll();
 212     var reader = [];
 213     var colmodel = [];
 214     var combofields= [ { name : 'id', type: 'int' } ]; // technically the primary key..
 215
 216     var form = {}
 217
 218     var firstTxtCol = '';
 219
 220     //print(JSON.stringify(schema, null,4));
 221
 222     schema.forEach(function(e)  {
 223         var type = e.Type.match(/([^(]+)\(([^\)]+)\)/);
 224         var row  = { };
 225         if (type) {
 226             e.Type = type[1];
 227             e.Size = type[2];
 228         }
 229
 230
 231
 232         row.name = e.Field;
 233
 234
 235         if (typeof(map[e.Type]) == 'undefined') {
 236            console.dump(e);
 237            throw {
 238                 name: "ArgumentError",
 239                 message: "Unknown mapping for type : " + e.Type
 240             };
 241         }
 242         row.type = map[e.Type];
 243
 244         if (row.type == 'string' && !firstTxtCol.length) {
 245             firstTxtCol = row.name;
 246         }
 247
 248         if (row.type == 'date') {
 249             row.dateFormat = 'Y-m-d';
 250         }
 251         reader.push(row);
 252
 253         if (combofields.length == 1 && row.type == 'string') {
 254             combofields.push(row);
 255         }
 256
 257
 258         var title = row.name.replace(/_id/, '').replace(/_/g, ' ');
 259         title  = title[0].toUpperCase() + title.substring(1);
 260
 261         colmodel.push({
 262             "xtype": "ColumnModel",
 263             "header": title,
 264             "width":  row.type == 'string' ? 200 : 75,
 265             "dataIndex": row.name,
 266             "|renderer": row.type != 'date' ?
 267                     "function(v) { return String.format('{0}', v); }" :
 268                     "function(v) { return String.format('{0}', v ? v.format('d/M/Y') : ''); }" , // special for date
 269             "|xns": "Roo.grid",
 270             "*prop": "colModel[]"
 271         });
 272         var xtype = 'TextField';
 273         if (row.type == 'number') {
 274             xtype = 'NumberField';
 275         }
 276         if (row.type == 'date') {
 277             xtype = 'DateField';
 278         }
 279         if (e.Type == 'text') {
 280             xtype = 'TextArea';
 281         }
 282         if (row.name == 'id') {
 283             xtype = 'Hidden';
 284         }
 285         // what about booleans.. -> checkboxes..
 286
 287
 288
 289         form[row.name] = {
 290             fieldLabel : title,
 291             name : row.name,
 292             width : row.type == 'string' ? 200 : 75,
 293             '|xns' : 'Roo.form',
 294             xtype : xtype
 295         }
 296         if (xtype == 'TextArea') {
 297             form[row.name].height = 100;
 298         }
 299         if (xtype == 'Hidden') {
 300             delete form[row.name].fieldLabel;
 301             delete form[row.name].width;
 302         }
 303
 304     });
 305
 306     var combo = {
 307         '|xns' : 'Roo.form',
 308         xtype: 'ComboBox',
 309         allowBlank : 'false',
 310         editable : 'false',
 311         emptyText : 'Select ' + table,
 312         forceSelection : true,
 313         listWidth : 400,
 314         loadingText: 'Searching...',
 315         minChars : 2,
 316         pageSize : 20,
 317         qtip: 'Select ' + table,
 318         selectOnFocus: true,
 319         triggerAction : 'all',
 320         typeAhead: true,
 321
 322         width: 300,
 323
 324
 325
 326         tpl : '<div class="x-grid-cell-text x-btn button"><b>{name}</b> </div>', // SET WHEN USED
 327         queryParam : '',// SET WHEN USED
 328         fieldLabel : table,  // SET WHEN USED
 329         valueField : 'id',
 330         displayField : '', // SET WHEN USED eg. project_id_name
 331         hiddenName : '', // SET WHEN USED eg. project_id
 332         name : '', // SET WHEN USED eg. project_id_name
 333         items : [
 334             {
 335
 336                 '*prop' : 'store',
 337                 'xtype' : 'Store',
 338                 '|xns' : 'Roo.data',
 339                 'remoteSort' : true,
 340                 '|sortInfo' : '{ direction : \'ASC\', field: \'id\' }',
 341                 listeners : {
 342                     '|beforeload' : 'function (_self, o)' +
 343                     "{\n" +
 344                     "    o.params = o.params || {};\n" +
 345                     "    // set more here\n" +
 346                     "}\n"
 347                 },
 348                 items : [
 349                     {
 350                         '*prop' : 'proxy',
 351                         'xtype' : 'HttpProxy',
 352                         'method' : 'GET',
 353                         '|xns' : 'Roo.data',
 354                         '|url' : "baseURL + '/Roo/" + table + ".php'",
 355                     },
 356
 357                     {
 358                         '*prop' : 'reader',
 359                         'xtype' : 'JsonReader',
 360                         '|xns' : 'Roo.data',
 361                         'id' : 'id',
 362                         'root' : 'data',
 363                         'totalProperty' : 'total',
 364                         '|fields' : JSON.stringify(combofields)
 365
 366                     }
 367                 ]
 368             }
 369         ]
 370     }
 371
 372
 373
 374
 375     //print(JSON.stringify(reader,null,4));
 376     readers.push({
 377         table : table ,
 378         combo : combo,
 379         combofields : combofields,
 380         reader :  reader,
 381         oreader : JSON.parse(JSON.stringify(reader)), // dupe it..
 382         colmodel : colmodel,
 383         firstTxtCol : firstTxtCol,
 384         form : form
 385     });
 386
 387     //console.dump(schema );
 388
 389
 390 });
 391
 392
 393
 394 // merge in the linked tables..
 395 readers.forEach(function(reader) {
 396     if (typeof(ini[reader.table]) == 'undefined') {
 397
 398         return;
 399     }
 400     print("OVERLAY - " + reader.table);
 401     // we have a map..
 402     for (var col in ini[reader.table]) {
 403         var kv = ini[reader.table][col].split(':');
 404
 405
 406         var add = readers.filter(function(r) { return r.table == kv[0] })[0];
 407         if (!add) {
 408             continue;
 409         }
 410         // merge in data (eg. project_id => project_id_*****
 411
 412         add.oreader.forEach(function(or) {
 413             reader.reader.push({
 414                 name : col + '_' + or.name,
 415                 type : or.type
 416             });
 417         });
 418
 419         // col is mapped to something..
 420         var combofields = add.combofields;
 421         if (add.combofields.length < 2) {
 422             continue;
 423         }
 424         if (typeof(reader.form[col]) == 'undefined') {
 425             print (JSON.stringify(reader.form, null,4));
 426             print("missing linked column " + col);
 427             continue;
 428         }
 429
 430         var combofields_name = add.combofields[1].name;
 431         var old =   reader.form[col];
 432         reader.form[col] = JSON.parse(JSON.stringify(add.combo)); // clone
 433         reader.form[col].queryParam  = 'query[' + combofields_name + ']';// SET WHEN USED
 434         reader.form[col].fieldLabel = old.fieldLabel;  // SET WHEN USED
 435         reader.form[col].hiddenName = old.name; // SET WHEN USED eg. project_id
 436         reader.form[col].displayField = combofields_name; // SET WHEN USED eg. project_id
 437         reader.form[col].name  = old.name + '_' + combofields_name; // SET WHEN USED eg. project_id_name
 438         reader.form[col].tpl = '<div class="x-grid-cell-text x-btn button"><b>{' + combofields_name +'}</b> </div>'; // SET WHEN USED
 439
 440
 441     };
 442
 443
 444 });
 445
 446 //readers.forEach(function(reader) {
 447 //    delete reader.oreader;
 448 //});
 449
 450
 451
 452
 453
 454 //print(JSON.stringify(readers, null, 4));
 455
 456 readers.forEach(function(reader) {
 457
 458
 459     var dir = GLib.get_home_dir() + '/.Builder/Roo.data.JsonReader';
 460     if (!File.isDirectory(dir)) {
 461         File.mkdir(dir);
 462     }
 463
 464     // READERS
 465     print("WRITE: " +  dir + '/' + cfg.DBNAME + '_' + reader.table + '.json');
 466
 467
 468     var jreader = {
 469         '|xns' : 'Roo.data',
 470         xtype : "JsonReader",
 471         totalProperty : "total",
 472         root : "data",
 473         '*prop' : "reader",
 474         id : 'id', // maybe no..
 475
 476         '|fields' :  JSON.stringify(reader.reader, null,4).replace(/"/g,"'")
 477     };
 478
 479     File.write(
 480         dir + '/' + cfg.DBNAME + '_' + reader.table + '.json',
 481         JSON.stringify(jreader, null, 4)
 482     )
 483
 484
 485     // GRIDS
 486     dir = GLib.get_home_dir() + '/.Builder/Roo.GridPanel';
 487     if (!File.isDirectory(dir)) {
 488         File.mkdir(dir);
 489     }
 490
 491
 492     print("WRITE: " +  dir + '/' + cfg.DBNAME + '_' + reader.table + '.json');
 493
 494     File.write(
 495         dir + '/' + cfg.DBNAME + '_' + reader.table + '.json',
 496
 497
 498         JSON.stringify({
 499             '|xns' : 'Roo',
 500             xtype : "GridPanel",
 501             "title": reader.table,
 502             "fitToframe": true,
 503             "fitContainer": true,
 504             "tableName": reader.table,
 505             "background": true,
 506             "region" : 'center',
 507             "listeners": {
 508                 "|activate": "function() {\n    _this.panel = this;\n    if (_this.grid) {\n        _this.grid.footer.onClick('first');\n    }\n}"
 509             },
 510             "items": [
 511                 {
 512                     "*prop": "grid",
 513                     "xtype": "Grid",
 514                     "autoExpandColumn": reader.firstTxtCol,
 515                     "loadMask": true,
 516                     "listeners": {
 517                         "|render": "function() \n" +
 518                             "{\n" +
 519                             "    _this.grid = this; \n" +
 520                             "    //_this.dialog = Pman.Dialog.FILL_IN\n" +
 521                             "    if (_this.panel.active) {\n" +
 522                             "       this.footer.onClick('first');\n" +
 523                             "    }\n" +
 524                             "}",
 525                         "|rowdblclick": "function (_self, rowIndex, e)\n" +
 526                             "{\n" +
 527                             "    if (!_this.dialog) return;\n" +
 528                             "    _this.dialog.show( this.getDataSource().getAt(rowIndex), function() {\n" +
 529                             "        _this.grid.footer.onClick('first');\n" +
 530                             "    }); \n" +
 531                             "}\n"
 532                     },
 533                     "|xns": "Roo.grid",
 534
 535                     "items": [
 536                         {
 537                             "*prop": "dataSource",
 538                             "xtype": "Store",
 539                              remoteSort : true,
 540                             '|sortInfo' : "{ field : '" + reader.firstTxtCol  +  "', direction: 'ASC' }",
 541                             "|xns": "Roo.data",
 542                             "items": [
 543
 544                                 {
 545                                     "*prop": "proxy",
 546                                     "xtype": "HttpProxy",
 547                                     "method": "GET",
 548                                     "|url": "baseURL + '/Roo/" + reader.table + ".php'",
 549                                     "|xns": "Roo.data"
 550                                 },
 551                                 jreader
 552                             ]
 553                         },
 554                         {
 555                             "*prop": "footer",
 556                             "xtype": "PagingToolbar",
 557                             "pageSize": 25,
 558                             "displayInfo": true,
 559                             "displayMsg": "Displaying " + reader.table + "{0} - {1} of {2}",
 560                             "emptyMsg": "No " + reader.table + " found",
 561                             "|xns": "Roo"
 562                         },
 563                         {
 564                             "*prop": "toolbar",
 565                             "xtype": "Toolbar",
 566                             "|xns": "Roo",
 567                             "items": [
 568                                 {
 569                                     "text": "Add",
 570                                     "xtype": "Button",
 571                                     "cls": "x-btn-text-icon",
 572                                     "|icon": "Roo.rootURL + 'images/default/dd/drop-add.gif'",
 573                                     "listeners": {
 574                                         "|click": "function()\n"+
 575                                             "{\n"+
 576                                             "    if (!_this.dialog) return;\n" +
 577                                             "    _this.dialog.show( { id : 0 } , function() {\n"+
 578                                             "        _this.grid.footer.onClick('first');\n"+
 579                                             "   }); \n"+
 580                                             "}\n"
 581                                     },
 582                                     "|xns": "Roo.Toolbar"
 583                                 },
 584                                 {
 585                                     "text": "Edit",
 586                                     "xtype": "Button",
 587                                     "cls": "x-btn-text-icon",
 588                                     "|icon": "Roo.rootURL + 'images/default/tree/leaf.gif'",
 589                                     "listeners": {
 590                                         "|click": "function()\n"+
 591                                             "{\n"+
 592                                             "    var s = _this.grid.getSelectionModel().getSelections();\n"+
 593                                             "    if (!s.length || (s.length > 1))  {\n"+
 594                                             "        Roo.MessageBox.alert(\"Error\", s.length ? \"Select only one Row\" : \"Select a Row\");\n"+
 595                                             "        return;\n"+
 596                                             "    }\n"+
 597                                             "    if (!_this.dialog) return;\n" +
 598                                             "    _this.dialog.show(s[0].data, function() {\n"+
 599                                             "        _this.grid.footer.onClick('first');\n"+
 600                                             "    }); \n"+
 601                                             "    \n"+
 602                                             "}\n"
 603
 604                                     },
 605                                     "|xns": "Roo.Toolbar"
 606                                 },
 607                                 {
 608                                     "text": "Delete",
 609                                     "cls": "x-btn-text-icon",
 610                                     "|icon": "rootURL + '/Pman/templates/images/trash.gif'",
 611                                     "xtype": "Button",
 612                                     "listeners": {
 613                                         "|click": "function()\n"+
 614                                             "{\n"+
 615                                             "     Pman.genericDelete(_this, '" + reader.table + "'); \n"+
 616                                             "}\n"+
 617                                             "        "
 618                                     },
 619                                     "|xns": "Roo.Toolbar"
 620                                 }
 621                             ]
 622                         }, // end toolbar
 623                     ].concat( reader.colmodel)
 624                 }
 625             ]
 626
 627
 628         }, null, 4)
 629     )
 630
 631     /// FORMS..
 632
 633     dir = GLib.get_home_dir() + '/.Builder/Roo.form.Form';
 634     if (!File.isDirectory(dir)) {
 635         File.mkdir(dir);
 636     }
 637     var formElements = [];
 638     var formHeight = 50;
 639     for (var k in reader.form) {
 640         if (k == 'id') { // should really do primary key testing..
 641             continue;
 642         }
 643         formHeight += reader.form[k].xtype == 'TextArea' ? 100 : 30;
 644         formElements.push(reader.form[k]);
 645     }
 646     formElements.push(reader.form['id']);
 647
 648     print("WRITE: " +  dir + '/' + cfg.DBNAME + '_' + reader.table + '.json');
 649     var frmCfg =
 650     {
 651         '|xns' : 'Roo.form',
 652         xtype : "Form",
 653         listeners : {
 654             "|actioncomplete" : "function(_self,action)\n"+
 655                 "{\n"+
 656                 "    if (action.type == 'setdata') {\n"+
 657                 "       //_this.dialog.el.mask(\"Loading\");\n"+
 658                 "       //this.load({ method: 'GET', params: { '_id' : _this.data.id }});\n"+
 659                 "       return;\n"+
 660                 "    }\n"+
 661                 "    if (action.type == 'load') {\n"+
 662                 "        _this.dialog.el.unmask();\n"+
 663                 "        return;\n"+
 664                 "    }\n"+
 665                 "    if (action.type =='submit') {\n"+
 666                 "    \n"+
 667                 "        _this.dialog.el.unmask();\n"+
 668                 "        _this.dialog.hide();\n"+
 669                 "    \n"+
 670                 "         if (_this.callback) {\n"+
 671                 "            _this.callback.call(_this, _this.form.getValues());\n"+
 672                 "         }\n"+
 673                 "         _this.form.reset();\n"+
 674                 "         return;\n"+
 675                 "    }\n"+
 676                 "}\n",
 677
 678             "|rendered" : "function (form)\n"+
 679                 "{\n"+
 680                 "    _this.form= form;\n"+
 681                 "}\n"
 682         },
 683         method : "POST",
 684         style : "margin:10px;",
 685         "|url" : "baseURL + '/Roo/" + reader.table + ".php'",
 686         items : formElements
 687     };
 688
 689
 690     File.write(
 691         dir + '/' + cfg.DBNAME + '_' + reader.table + '.json',
 692
 693
 694         JSON.stringify( frmCfg, null, 4)
 695     );
 696
 697
 698
 699
 700
 701      /// COMBO..
 702
 703     dir = GLib.get_home_dir() + '/.Builder/Roo.form.ComboBox';
 704     if (!File.isDirectory(dir)) {
 705         File.mkdir(dir);
 706     }
 707
 708     print("WRITE: " +  dir + '/' + cfg.DBNAME + '_' + reader.table + '.json');
 709
 710     File.write(
 711         dir + '/' + cfg.DBNAME + '_' + reader.table + '.json',
 712
 713
 714         JSON.stringify(reader.combo, null, 4)
 715     );
 716
 717
 718
 719
 720
 721
 722     // DIALOG.
 723
 724
 725     dir = GLib.get_home_dir() + '/.Builder/Roo.LayoutDialog';
 726     if (!File.isDirectory(dir)) {
 727         File.mkdir(dir);
 728     }
 729     var formElements = [];
 730     for (var k in reader.form) {
 731         if (k == 'id') { // should really do primary key testing..
 732             continue;
 733         }
 734         formElements.push(reader.form[k]);
 735     }
 736     formElements.push(reader.form['id']);
 737
 738     print("WRITE: " +  dir + '/' + cfg.DBNAME + '_' + reader.table + '.json');
 739
 740     File.write(
 741         dir + '/' + cfg.DBNAME + '_' + reader.table + '.json',
 742
 743
 744         JSON.stringify({
 745
 746             "closable": false,
 747             "collapsible": false,
 748             "height": formHeight,
 749             "resizable": false,
 750             "title": "Edit / Create " + reader.table,
 751             "width": 400,
 752             "xtype": "LayoutDialog",
 753             "|xns": "Roo",
 754             "items": [
 755                 {
 756                     "|xns": "Roo",
 757                     "xtype": "LayoutRegion",
 758                     "*prop": "center"
 759                 },
 760                 {
 761                     "region": "center",
 762                     "xtype": "ContentPanel",
 763                     "|xns": "Roo",
 764                     "items": [
 765                         frmCfg
 766                     ]
 767                 },
 768
 769                 {
 770                     "listeners": {
 771                         "click": "function (_self, e)\n{\n    _this.dialog.hide();\n}"
 772                     },
 773                     "*prop": "buttons[]",
 774                     "text": "Cancel",
 775                     "xtype": "Button",
 776                     "|xns": "Roo"
 777                 },
 778                 {
 779                     "listeners": {
 780                         "click": "function (_self, e)\n{\n    // do some checks?\n     \n    \n    _this.dialog.el.mask(\"Saving\");\n    _this.form.doAction(\"submit\");\n\n}"
 781                     },
 782                     "*prop": "buttons[]",
 783                     "text": "Save",
 784                     "xtype": "Button",
 785                     "|xns": "Roo"
 786                 }
 787             ]
 788         }, null,4)
 789     );
 790
 791
 792
 793 });
 794
 795