resources/Editors/Editor.Roo.LayoutDialog.bjs
[app.Builder.js] / resources / Editors / Editor.Roo.LayoutDialog.js
1 //<script type="text/javascript">
2
3 // Auto generated file - created by app.Builder.js- do not edit directly (at present!)
4
5 Roo.namespace('Editor.Roo');
6
7 Editor.Roo.LayoutDialog = new Roo.XComponent({
8
9  _strings : {
10   'b021df6aac4654c454f46c77646e745f' :"Label",
11   '793548e77e782c209a78ed67f255b5e2' :"Display Field",
12   '040076bde7f6b3387448e32b66c2eee0' :"To BJS",
13   '4ce58cbe362a5d7b156992a496d55bf3' :"Database Column",
14   '189efd19c4153526994a6d7ea5f6f068' :"Field Type",
15   '2f616612593df62aeed112de4f03110e' :"Edit a Grid",
16   '0ccc2bf3fb98387c23b6ca5500244d6e' :"Use ",
17   'c671c787b49f50a3ace9fdc5bd597825' :"core_enum",
18   '32954654ac8fe66a1d09be19001de2d4' :"Width",
19   'a1fa27779242b4902f7ae3bdd5c6d508' :"Type",
20   '6e7376dca68a2386a8737944196ab491' :"Create / Edit Grid",
21   'f541774a08fc687f6e2016c77a6ebca5' :"Load Data"
22  },
23
24   part     :  ["Editors", "LayoutDialog" ],
25   order    : '001-Editor.Roo.LayoutDialog',
26   region   : 'center',
27   parent   : false,
28   name     : "unnamed module",
29   disabled : false, 
30   permname : '', 
31   _tree : function()
32   {
33    var _this = this;
34    var MODULE = this;
35    return {
36    grid : {
37     ds : {
38      '|xns' : 'Roo.data',
39      data : [
40        [ 1, 'test', 'test', 110 ]
41        
42      
43      ],
44      fields : [ 
45          'active', 
46          'dataIndex', 
47          'type',
48          'title', 
49          'width', 
50          'ftype', 
51          'display_field',
52          'relates_to_table',
53          'relates_to_col',
54          'relates_to_schema'
55      ],
56      id : 'dataindex',
57      xns : Roo.data,
58      xtype : 'SimpleStore'
59     },
60     toolbar : {
61      '|xns' : 'Roo',
62      xns : Roo,
63      xtype : 'Toolbar',
64      items : [
65       {
66        '|xns' : 'Roo.Toolbar',
67        text : _this._strings['2f616612593df62aeed112de4f03110e'],
68        xns : Roo.Toolbar,
69        xtype : 'TextItem'
70       },
71       {
72        '|xns' : 'Roo.Toolbar',
73        xns : Roo.Toolbar,
74        xtype : 'Fill'
75       },
76       {
77        '|xns' : 'Roo.Toolbar',
78        text : _this._strings['f541774a08fc687f6e2016c77a6ebca5'],
79        xns : Roo.Toolbar,
80        xtype : 'Button',
81        listeners : {
82         click : function (_self, e)
83          {
84              var data = {    
85                  "manage_scale_id": {
86                      "Field": "manage_scale_id",
87                      "Type": "int(11)",
88                      "Null": "NO",
89                      "Key": null,
90                      "Default": "0",
91                      "Extra": null,
92                      "relates_to_table": "core_enum",
93                      "relates_to_col": "id",
94                      "relates_to_schema": {
95                          "id": {
96                              "Field": "id",
97                              "Type": "int(11)",
98                              "Null": "NO",
99                              "Key": "PRI",
100                              "Default": null,
101                              "Extra": "auto_increment"
102                          },
103                          "etype": {
104                              "Field": "etype",
105                              "Type": "varchar(32)",
106                              "Null": "NO",
107                              "Key": null,
108                              "Default": null,
109                              "Extra": null
110                          },
111                          "name": {
112                              "Field": "name",
113                              "Type": "varchar(255)",
114                              "Null": "NO",
115                              "Key": null,
116                              "Default": null,
117                              "Extra": null
118                          },
119                          "active": {
120                              "Field": "active",
121                              "Type": "int(2)",
122                              "Null": "NO",
123                              "Key": null,
124                              "Default": "1",
125                              "Extra": null
126                          },
127                          "seqid": {
128                              "Field": "seqid",
129                              "Type": "int(11)",
130                              "Null": "NO",
131                              "Key": "MUL",
132                              "Default": "0",
133                              "Extra": null
134                          },
135                          "seqmax": {
136                              "Field": "seqmax",
137                              "Type": "int(11)",
138                              "Null": "NO",
139                              "Key": null,
140                              "Default": "0",
141                              "Extra": null
142                          },
143                          "display_name": {
144                              "Field": "display_name",
145                              "Type": "text",
146                              "Null": "NO",
147                              "Key": null,
148                              "Default": null,
149                              "Extra": null
150                          },
151                          "is_system_enum": {
152                              "Field": "is_system_enum",
153                              "Type": "int(2)",
154                              "Null": "NO",
155                              "Key": null,
156                              "Default": "0",
157                              "Extra": null
158                          }
159                      }
160                  },
161                  "person_type": {
162                      "Field": "person_type",
163                      "Type": "text",
164                      "Null": "NO",
165                      "Key": null,
166                      "Default": null,
167                      "Extra": null
168                  },
169                  "employer_name": {
170                      "Field": "employer_name",
171                      "Type": "text",
172                      "Null": "NO",
173                      "Key": null,
174                      "Default": null,
175                      "Extra": null
176                  },
177                  "birth_date": {
178                      "Field": "birth_date",
179                      "Type": "date",
180                      "Null": "NO",
181                      "Key": null,
182                      "Default": "0000-00-00",
183                      "Extra": null
184                  },
185                  "employ_start_date": {
186                      "Field": "employ_start_date",
187                      "Type": "date",
188                      "Null": "NO",
189                      "Key": null,
190                      "Default": "0000-00-00",
191                      "Extra": null
192                  },
193                  "employ_end_date": {
194                      "Field": "employ_end_date",
195                      "Type": "date",
196                      "Null": "NO",
197                      "Key": null,
198                      "Default": "0000-00-00",
199                      "Extra": null
200                  },
201                  "hide_same_employer": {
202                      "Field": "hide_same_employer",
203                      "Type": "int(4)",
204                      "Null": "NO",
205                      "Key": null,
206                      "Default": "0",
207                      "Extra": null
208                  },
209                  "salary_currency": {
210                      "Field": "salary_currency",
211                      "Type": "varchar(256)",
212                      "Null": "NO",
213                      "Key": null,
214                      "Default": null,
215                      "Extra": null
216                  },
217                  "quota_currency": {
218                      "Field": "quota_currency",
219                      "Type": "varchar(256)",
220                      "Null": "NO",
221                      "Key": null,
222                      "Default": null,
223                      "Extra": null
224                  },
225                  "created_dt": {
226                      "Field": "created_dt",
227                      "Type": "datetime",
228                      "Null": "NO",
229                      "Key": null,
230                      "Default": "0000-00-00 00:00:00",
231                      "Extra": null
232                  },
233                  "updated_dt": {
234                      "Field": "updated_dt",
235                      "Type": "datetime",
236                      "Null": "NO",
237                      "Key": null,
238                      "Default": "0000-00-00 00:00:00",
239                      "Extra": null
240                  }
241              };
242              
243              Roo.log('Loading Data...');
244              _this.panel.loadData(data);
245          
246          }
247        }
248       },
249       {
250        '|xns' : 'Roo.Toolbar',
251        xns : Roo.Toolbar,
252        xtype : 'Separator'
253       },
254       {
255        '|xns' : 'Roo.Toolbar',
256        text : _this._strings['040076bde7f6b3387448e32b66c2eee0'],
257        xns : Roo.Toolbar,
258        xtype : 'Button',
259        listeners : {
260         click : function (_self, e)
261          {
262              
263              Roo.log('Converting to BJS...');
264              _this.panel.toBJS();
265          
266          }
267        }
268       }
269      ]
270
271     },
272     '|xns' : 'Roo.grid',
273     autoExpandColumn : 'title',
274     clicksToEdit : 1,
275     loadMask : true,
276     xns : Roo.grid,
277     xtype : 'EditorGrid',
278     cm : [
279       {
280        '|xns' : 'Roo.grid',
281        dataIndex : 'active',
282        header : _this._strings['0ccc2bf3fb98387c23b6ca5500244d6e'],
283        renderer : function(v) {  
284            var state = v *1 > 0 ?  '-checked' : '';
285        
286            return '<img class="x-grid-check-icon' + state + '" src="' + Roo.BLANK_IMAGE_URL + '"/>';
287                        
288         },
289        width : 75,
290        xns : Roo.grid,
291        xtype : 'ColumnModel'
292       },
293 {
294        '|xns' : 'Roo.grid',
295        dataIndex : 'dataIndex',
296        header : _this._strings['4ce58cbe362a5d7b156992a496d55bf3'],
297        renderer : function(v) { return String.format('{0}', v); },
298        width : 150,
299        xns : Roo.grid,
300        xtype : 'ColumnModel'
301       },
302 {
303        '|xns' : 'Roo.grid',
304        dataIndex : 'type',
305        header : _this._strings['a1fa27779242b4902f7ae3bdd5c6d508'],
306        renderer : function(v) { return String.format('{0}', v); },
307        width : 100,
308        xns : Roo.grid,
309        xtype : 'ColumnModel'
310       },
311 {
312        editor : {
313         field : {
314          '|xns' : 'Roo.form',
315          xns : Roo.form,
316          xtype : 'TextField'
317         },
318         '|xns' : 'Roo.grid',
319         xns : Roo.grid,
320         xtype : 'GridEditor',
321         items : [
322
323         ]
324
325        },
326        '|xns' : 'Roo.grid',
327        dataIndex : 'title',
328        header : _this._strings['b021df6aac4654c454f46c77646e745f'],
329        renderer : function(v) { return String.format('{0}', v); },
330        width : 120,
331        xns : Roo.grid,
332        xtype : 'ColumnModel',
333        items : [
334
335        ]
336
337       },
338 {
339        editor : {
340         field : {
341          store : {
342           '|xns' : 'Roo.data',
343           data : [ 
344               [ 'ComboBox', "ComboBox"],
345               [ 'TextField' , "TextField"],
346               [ 'NumberField', "NumberField"],
347               [ 'TextArea', "TextArea"],
348               [ 'HtmlEditor', "HtmlEditor"],
349               [ 'Hidden', "Hidden"],
350               [ 'DateField', "DateField"],
351               [ 'Checkbox', "Checkbox"]    
352               // checkbox?
353           ],
354           fields : [  'ftype', 'fname'],
355           xns : Roo.data,
356           xtype : 'SimpleStore'
357          },
358          '|xns' : 'Roo.form',
359          allowBlank : false,
360          displayField : 'fname',
361          editable : false,
362          hiddenName : 'status',
363          listWidth : 200,
364          mode : 'local',
365          name : 'ftype',
366          triggerAction : 'all',
367          valueField : 'ftype',
368          width : 150,
369          xns : Roo.form,
370          xtype : 'ComboBox',
371          items : [
372
373          ]
374
375         },
376         '|xns' : 'Roo.grid',
377         xns : Roo.grid,
378         xtype : 'GridEditor',
379         items : [
380
381         ]
382
383        },
384        '|xns' : 'Roo.grid',
385        dataIndex : 'ftype',
386        header : _this._strings['189efd19c4153526994a6d7ea5f6f068'],
387        renderer : function(v) { return String.format('{0}', v); },
388        width : 120,
389        xns : Roo.grid,
390        xtype : 'ColumnModel',
391        items : [
392
393        ]
394
395       },
396 {
397        editor : {
398         field : {
399          store : {
400           '|xns' : 'Roo.data',
401           data : [ 
402               ['id']
403           ],
404           fields : [  'dfield'],
405           xns : Roo.data,
406           xtype : 'SimpleStore'
407          },
408          '|xns' : 'Roo.form',
409          allowBlank : false,
410          displayField : 'dfield',
411          editable : false,
412          hiddenName : 'status',
413          listWidth : 200,
414          mode : 'local',
415          name : 'display_field',
416          triggerAction : 'all',
417          valueField : 'dfield',
418          width : 150,
419          xns : Roo.form,
420          xtype : 'ComboBox',
421          items : [
422
423          ]
424
425         },
426         '|xns' : 'Roo.grid',
427         xns : Roo.grid,
428         xtype : 'GridEditor',
429         items : [
430
431         ]
432
433        },
434        '|xns' : 'Roo.grid',
435        dataIndex : 'display_field',
436        header : _this._strings['793548e77e782c209a78ed67f255b5e2'],
437        renderer : function(v) { return String.format('{0}', v); },
438        width : 150,
439        xns : Roo.grid,
440        xtype : 'ColumnModel',
441        items : [
442
443        ]
444
445       },
446 {
447        editor : {
448         field : {
449          '|xns' : 'Roo.form',
450          decimalPrecision : 0,
451          xns : Roo.form,
452          xtype : 'NumberField'
453         },
454         '|xns' : 'Roo.grid',
455         xns : Roo.grid,
456         xtype : 'GridEditor',
457         items : [
458
459         ]
460
461        },
462        '|xns' : 'Roo.grid',
463        dataIndex : 'width',
464        header : _this._strings['32954654ac8fe66a1d09be19001de2d4'],
465        renderer : function(v) { return String.format('{0}', v); },
466        width : 75,
467        xns : Roo.grid,
468        xtype : 'ColumnModel',
469        items : [
470
471        ]
472
473       }
474     ],
475     listeners : {
476      beforeedit : function (e)
477       {
478           Roo.log('before edit!!!');
479           Roo.log(e);
480           
481           if(e.field != 'display_field'){
482               return;
483           }
484           
485           _this.grid.colModel.getCellEditor(e.column, e.row).field.store.loadData(e.record.data.relates_to_schema);
486       },
487      cellclick : function (_self, rowIndex, columnIndex, e)
488       {
489       
490               var di = this.colModel.getDataIndex(columnIndex);
491               if (di != 'active') {
492                   return;
493               }
494                
495               var rec = _this.grid.ds.getAt(rowIndex);
496               
497               rec.set('active', rec.data.active * 1 ? 0 : 1);
498               rec.commit();
499                
500               
501       },
502      render : function() 
503       {
504           _this.grid = this; 
505           //_this.dialog = Pman.Dialog.FILL_IN
506       
507       },
508      rowdblclick : function (_self, rowIndex, e)
509       {
510           if (!_this.dialog) return;
511         
512       }
513     },
514     items : [
515
516     ]
517
518    },
519    '|xns' : 'Roo',
520    background : false,
521    fitContainer : true,
522    fitToframe : true,
523    loadData : function(data) { 
524    
525        //alert("IPC:TEST:" + JSON.stringify(data,null,4));
526    
527        var fields = _this.grid.dataSource.reader.recordType.prototype.fields;
528        
529        
530        var d = [];
531    
532        for (var k in data) { 
533            var r = data[k];
534            var has_s = typeof(r.relates_to_schema) != 'undefined';
535            
536            var rt = '', rc = '', rs = [];
537            
538            if(has_s){
539                for (var kk in r.relates_to_schema) {         
540                    var rr = r.relates_to_schema[kk];
541                    
542                    rt = r.relates_to_table;
543                    rc = r.relates_to_col;
544                    
545                    rs.push([rr.Field]);
546                    
547                }
548            }
549            
550            var regex = /(.*?)\((.*?)\)/g;
551            
552            Roo.log(regex.test(r.Type));
553            
554            
555            var type_match = regex.exec(r.Type);
556            
557            Roo.log(type_match);
558            
559            
560            
561            
562            var o = {
563                active : !has_s,
564                dataIndex : r.Field,
565                type : r.Type,
566                title : r.Field,
567                width : 200,
568                ftype : 'TextField',
569                display_field : rc, //r.Field + '_display_name',
570                relates_to_table : rt,
571                relates_to_col : rc,
572                relates_to_schema : rs
573            };
574            
575            d.push(o);
576            
577        }
578    
579        var ar = [];
580        
581        Roo.each(d, function(dd){
582    
583            var a = [];
584            
585            for(var j = 0; j < fields.length; j++){
586                var f = fields.items[j];
587                
588                if(dd.hasOwnProperty(f.name)){
589                    a.push(dd[f.name]);
590                }
591            }
592            
593            ar.push(a);
594        });
595        
596        this.schema = data;
597        
598        //alert("IPC:TEST:" + JSON.stringify(ar));
599        this.grid.dataSource.loadData(ar);
600    },
601    region : 'center',
602    tableName : 'core_enum',
603    title : _this._strings['c671c787b49f50a3ace9fdc5bd597825'],
604    title : _this._strings['c671c787b49f50a3ace9fdc5bd597825'],
605    toBJS : function() { 
606    
607    // convert the selected cells into a BJS data ready to send back to the UI..
608    
609        this.table = "XXX";
610        this.firstTxtCol = "XXX";
611       
612        var formHeight = 50;
613        
614        var jreader = {};
615        var  formElements = [];
616        this.grid.dataSource.each(function(rec) {
617            if (!rec.data.active) {
618                return;
619            }
620            
621            var el = {
622                fieldLabel : rec.data.title,
623                name : rec.data.dataIndex,
624                width : rec.data.width,
625                '|xns' : 'Roo.form',
626                xtype : rec.data.ftype
627            }
628             if (el.xtype == 'DateField') {
629                el.format = 'Y-m-d';
630                el.useIso = true;
631                el.width = 100;
632            }
633            
634            if (el.xtype == 'TextArea') {
635                el.height = 100;
636            }
637            
638            if (el.xtype == 'Hidden') {
639                delete el.fieldLabel;
640                delete el.width;
641            }
642            if (el.xtype == 'ComboBox') {
643            
644    
645                el.queryParam  = 'query[' + rec.data.display_field + ']';// SET WHEN USED
646                
647                el.hiddenName = rec.data.dataIndex // SET WHEN USED eg. project_id
648                el.name  = rec.data.dataIndex + '_' + rec.data.display_field; // SET WHEN USED eg. project_id_name
649                
650                el.displayField = rec.data.display_field // SET WHEN USED eg. project_id
651                el.valueField = rec.data.relates_to_col 
652                
653                el.tpl = '<div class="x-grid-cell-text x-btn button"><b>{' + rec.data.display_field +'}</b> </div>'; // SET WHEN USED
654              
655            
656               el.items = [
657                    {
658                            
659                        '*prop' : 'store',
660                        'xtype' : 'Store',
661                        '|xns' : 'Roo.data',
662                        'remoteSort' : true,
663                        '|sortInfo' : '{ direction : \'ASC\', field: \'id\' }',
664                        listeners : {
665                            '|beforeload' : 'function (_self, o)' +
666                            "{\n" +
667                            "    o.params = o.params || {};\n" +
668                            "    // set more here\n" +
669                            "}\n"
670                        },
671                        items : [
672                            {
673                                '*prop' : 'proxy',
674                                'xtype' : 'HttpProxy',
675                                'method' : 'GET',
676                                '|xns' : 'Roo.data',
677                                '|url' : "baseURL + '/Roo/" + rec.data.relates_to_table + ".php'",
678                            },
679                            
680                            {
681                                '*prop' : 'reader',
682                                'xtype' : 'JsonReader',
683                                '|xns' : 'Roo.data',
684                                'id' : 'id',
685                                'root' : 'data',
686                                'totalProperty' : 'total'
687    
688                                
689                            }
690                        ]
691                    }
692                ];
693            
694            }
695            
696            if (el.xtype == 'HtmlEditor') {
697                el.height = 250,
698                el.resizable = 's',
699                el.items = [
700                    {
701                        '* prop' : 'toolbars[]',
702                        '|xns' : 'Roo.form.HtmlEditor',
703                        'xtype' : 'ToolbarContext'
704                    },
705                    {
706                        '* prop' : 'toolbars[]',
707                        '|xns' : 'Roo.form.HtmlEditor',
708                        'xtype' : 'ToolbarStandard'
709    
710                   }
711                ]
712            }
713            
714            formElements.push(el);
715            
716            formHeight += rec.data.ftype == 'TextArea' ? 100 : ((rec.data.ftype == 'HtmlEditor') ? 250 : 30);
717            
718            
719        });
720        
721        
722        
723        
724        
725        
726         var frmCfg = 
727        {
728            '|xns' : 'Roo.form',
729            xtype : "Form",
730            listeners : {
731                "|actioncomplete" : "function(_self,action)\n"+
732                    "{\n"+
733                    "    if (action.type == 'setdata') {\n"+
734                    "       //this.load({ method: 'GET', params: { '_id' : _this.data.id }});\n"+
735                    "       return;\n"+
736                    "    }\n"+
737                    "    if (action.type == 'load') {\n"+
738                    "        return;\n"+
739                    "    }\n"+
740                    "    if (action.type =='submit') {\n"+
741                    "    \n"+
742                    "        _this.dialog.hide();\n"+
743                    "    \n"+
744                    "         if (_this.callback) {\n"+
745                    "            _this.callback.call(_this, action.result.data);\n"+
746                    "         }\n"+
747                    "         _this.form.reset();\n"+
748                    "         return;\n"+
749                    "    }\n"+
750                    "}\n",
751                
752                "|rendered" : "function (form)\n"+
753                    "{\n"+
754                    "    _this.form= form;\n"+
755                    "}\n"
756            },
757            method : "POST",
758            style : "margin:10px;",
759            "|url" : "baseURL + '/Roo/" + this.table + "'",
760            items : formElements
761        };
762        
763    
764        alert("IPC:OUT:" + JSON.stringify({
765                "closable": false,
766                "collapsible": false,
767                "height": formHeight,
768                "resizable": false,
769                "title": "Edit / Create " + this.table,
770                "width": 400,
771                "modal" : true,
772                "xtype": "LayoutDialog",
773                "|xns": "Roo",
774                "items": [
775                    {
776                        "|xns": "Roo",
777                        "xtype": "LayoutRegion",
778                        "*prop": "center"
779                    },
780                    {
781                        "region": "center",
782                        "xtype": "ContentPanel",
783                        "|xns": "Roo",
784                        "items": [
785                            frmCfg
786                        ]
787                    },
788                    
789                    {
790                        "listeners": {
791                            "click": "function (_self, e)\n{\n    _this.dialog.hide();\n}"
792                        },
793                        "*prop": "buttons[]",
794                        "text": "Cancel",
795                        "xtype": "Button",
796                        "|xns": "Roo"
797                    },
798                    {
799                        "listeners": {
800                            "click": "function (_self, e)\n{\n    // do some checks?\n     \n    \n    _this.dialog.el.mask(\"Saving\");\n    _this.form.doAction(\"submit\");\n\n}"
801                        },
802                        "*prop": "buttons[]",
803                        "text": "Save",
804                        "xtype": "Button",
805                        "|xns": "Roo"
806                    }
807                ]
808            
809            
810            
811        }, null, 4));
812    
813    },
814    xns : Roo,
815    xtype : 'GridPanel',
816    listeners : {
817     activate : function() {
818          _this.panel = this;
819          if (_this.grid) {
820              _this.grid.footer.onClick('first');
821          }
822      }
823    },
824    items : [
825
826    ]
827
828   };  }
829 });