Pman.Tab.BAdminCompany.bjs
[Pman.BAdmin] / Pman.Tab.BAdminCompany.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('Pman.Tab');
6
7 Pman.Tab.BAdminCompany = new Roo.XComponent({
8
9  _strings : {
10   'ce8ae9da5b7cd6c3df2929543a9af92d' :"Email",
11   '231bc72756b5e6de492aaaa1577f61b1' :"Remarks",
12   'ec211f7c20af43e742bf2570c3cb84f9' :"Add",
13   'edefbda3a2bdd979e42d8944b7325b79' :"Companies",
14   'b80bb7740288fda1f201890375a60c8f' :"id",
15   '7dce122004969d56ae2e0245cb754d35' :"Edit",
16   'fc6f97505d89fe9277965c126744647a' :"No Companies found",
17   '155ca6a755e25c15ad7ce45e2f638f10' :"Displaying Companies{0} - {1} of {2}",
18   'f78e208016407d8756c29673558ac14d' :"Company List",
19   'f2a6c498fb90ee345d997f888fce3b18' :"Delete",
20   'a1fa27779242b4902f7ae3bdd5c6d508' :"Type",
21   '9c9745a343efeacc9efe9b7222b27afb' :"Ref#",
22   '49ee3087348e8d44e1feda1917443987' :"Name",
23   '2e006b735fbd916d8ab26978ae6714d4' :"Tel",
24   'dd7bf230fde8d4836917806aff6a6b27' :"Address",
25   '9810aa2b9f44401be4bf73188ef2b67d' :"Fax"
26  },
27
28   part     :  ["BAdmin", "Company" ],
29   order    : '002-Pman.Tab.BAdminCompany',
30   region   : 'center',
31   parent   : 'Pman.Tab',
32   name     : "unnamed module",
33   disabled : false, 
34   permname : '', 
35   _tree : function(_data)
36   {
37    var _this = this;
38    var MODULE = this;
39    return {
40    xtype : 'Nest',
41    region : 'center',
42    title : _this._strings['edefbda3a2bdd979e42d8944b7325b79'] /* Companies */,
43    xns : Roo.bootstrap.panel,
44    '|xns' : 'Roo.bootstrap.panel',
45    layout : {
46     xtype : 'Border',
47     xns : Roo.bootstrap.layout,
48     '|xns' : 'Roo.bootstrap.layout',
49     center : {
50      xtype : 'Region',
51      xns : Roo.bootstrap.layout,
52      '|xns' : 'Roo.bootstrap.layout'
53     },
54     items  : [
55      {
56       xtype : 'Grid',
57       closable : false,
58       fitToFrame : true,
59       region : 'center',
60       title : _this._strings['f78e208016407d8756c29673558ac14d'] /* Company List */,
61       listeners : {
62        activate : function (_self)
63         {
64          
65             if (_this.table) {
66               _this.table.store.load({});
67               _this.dialog = Pman.Dialog.BAdminCompany;
68               }
69         },
70        render : function (_self)
71         {
72             _this.grid = _self;
73         }
74       },
75       xns : Roo.bootstrap.panel,
76       '|xns' : 'Roo.bootstrap.panel',
77       toolbar : {
78        xtype : 'NavSimplebar',
79        xns : Roo.bootstrap,
80        '|xns' : 'Roo.bootstrap',
81        items  : [
82         {
83          xtype : 'NavGroup',
84          xns : Roo.bootstrap,
85          '|xns' : 'Roo.bootstrap',
86          items  : [
87           {
88            xtype : 'NavItem',
89            style : 'float: left',
90            xns : Roo.bootstrap,
91            '|xns' : 'Roo.bootstrap',
92            items  : [
93             {
94              xtype : 'Button',
95              html : _this._strings['ec211f7c20af43e742bf2570c3cb84f9'] /* Add */,
96              style : 'margin: 10px;',
97              weight : 'primary',
98              listeners : {
99               click : function (_self, e)
100                {
101                    if (!_this.dialog) {
102                        return;
103                        }
104                
105                    _this.dialog.show({}, function() {
106                        if (_this.table) {
107                            _this.table.store.load({});
108                        }
109                    }); 
110                    _this.dialog.modal.setTitle('Add Company');
111                    _this.dialog.form.reset();
112                
113                }
114              },
115              xns : Roo.bootstrap,
116              '|xns' : 'Roo.bootstrap'
117             },
118             {
119              xtype : 'Button',
120              html : _this._strings['7dce122004969d56ae2e0245cb754d35'] /* Edit */,
121              style : 'margin: 10px;',
122              weight : 'primary',
123              listeners : {
124               click : function (_self, e)
125                {
126                    var s = _this.grid.grid.selModel.getSelections();
127                    if (!s.length || (s.length > 1))  {
128                        Roo.bootstrap.MessageBox.alert("Error", s.length ? "Select only one Row" : "Select a Row");
129                        return;
130                    }
131                    if (!_this.dialog) {
132                        return;
133                    }
134                    _this.dialog.show(s[0].data, function() {
135                        if (_this.table) {
136                            _this.table.store.load({});
137                        }
138                    }); 
139                    
140                }
141              },
142              xns : Roo.bootstrap,
143              '|xns' : 'Roo.bootstrap'
144             },
145             {
146              xtype : 'Button',
147              html : _this._strings['f2a6c498fb90ee345d997f888fce3b18'] /* Delete */,
148              style : 'margin: 10px;',
149              weight : 'primary',
150              listeners : {
151               click : function (_self, e)
152                {
153                      Pman.genericDelete(_this.grid, 'core_company'); 
154                }
155              },
156              xns : Roo.bootstrap,
157              '|xns' : 'Roo.bootstrap'
158             }
159            ]
160           }
161          ]
162         }
163        ]
164       },
165       grid : {
166        xtype : 'Table',
167        cls : 'table-fixed',
168        hover : true,
169        loadMask : true,
170        responsive : true,
171        rowSelection : true,
172        striped : false,
173        listeners : {
174         render : function (_self)
175          {
176            _this.table = _self;
177            
178            
179            if(_this.table.active) {
180              this.footer.onClick('first');
181            }
182          },
183         rowdblclick : function (_self, el, rowIndex, e)
184          {
185          /*
186              rowElId = el.id;
187              
188              //var row = document.getElementById(rowElId).innerHTML;
189              var rowType = document.getElementById(rowElId).childNodes[0].innerHTML;
190              var rowRef = document.getElementById(rowElId).childNodes[1].innerHTML;
191              var rowName = document.getElementById(rowElId).childNodes[2].innerHTML;
192              var rowTel = document.getElementById(rowElId).childNodes[3].innerHTML;
193              var rowFax = document.getElementById(rowElId).childNodes[4].innerHTML;
194              var rowEmail = document.getElementById(rowElId).childNodes[5].innerHTML;
195              var rowAddress = document.getElementById(rowElId).childNodes[6].innerHTML;
196              var rowRemarks = document.getElementById(rowElId).childNodes[7].innerHTML;
197              var rowID = document.getElementById(rowElId).childNodes[8].innerHTML;
198              //alert('row: ' + row);
199              rowType = rowType.charAt(0).toUpperCase() + rowType.slice(1);
200          
201              //Pman.Dialog.CompanyModify.show({});
202              //Pman.Dialog.CompanyModify.type.setValue(rowType);
203              //Pman.Dialog.CompanyModify.companyName.setValue(rowName);
204          
205          
206              
207              if (!_this.dialog) {
208                  return;
209                  }
210          
211              _this.dialog.show({});
212              _this.dialog.modal.setTitle('Modify Company : ' + rowName);
213              _this.dialog.form.reset();
214          
215              _this.dialog.type.setValue(rowType);
216              _this.dialog.companyName.setValue(rowName);
217              _this.dialog.tel.setValue(rowTel);
218              _this.dialog.fax.setValue(rowFax);
219              _this.dialog.email.setValue(rowEmail);
220              _this.dialog.remarks.setValue(rowRemarks);
221              _this.dialog.address.setValue(rowAddress);
222              _this.dialog.companyID.setValue(rowID);
223          */
224          }
225        },
226        xns : Roo.bootstrap,
227        '|xns' : 'Roo.bootstrap',
228        footer : {
229         xtype : 'PagingToolbar',
230         displayInfo : true,
231         displayMsg : _this._strings['155ca6a755e25c15ad7ce45e2f638f10'] /* Displaying Companies{0} - {1} of {2} */,
232         emptyMsg : _this._strings['fc6f97505d89fe9277965c126744647a'] /* No Companies found */,
233         name : 'footer',
234         pageSize : 25,
235         listeners : {
236          render : function (_self)
237           {
238               _this.footer = _self;
239           }
240         },
241         xns : Roo.bootstrap,
242         '|xns' : 'Roo.bootstrap'
243        },
244        store : {
245         xtype : 'Store',
246         hover : true,
247         loadMask : true,
248         rowSelection : true,
249         striped : true,
250         listeners : {
251          rowclick : function (_self, el, rowIndex, e)
252           {
253               alert('hit');
254               rowElId = el.id;
255               //var rowId = document.getElementById(rowElId).childNodes[0].innerHTML;
256               var rowType = document.getElementById(rowElId).childNodes[1].innerHTML;
257               var rowRef = document.getElementById(rowElId).childNodes[2].innerHTML;
258               var rowName = document.getElementById(rowElId).childNodes[3].innerHTML;
259               //var rowTel = document.getElementById(rowElId).childNodes[4].innerHTML;
260               //var rowFax = document.getElementById(rowElId).childNodes[5].innerHTML;
261               Pman.Dialog.CompanyModify.show({});
262               
263           }
264         },
265         xns : Roo.data,
266         '|xns' : 'Roo.data',
267         proxy : {
268          xtype : 'HttpProxy',
269          method : 'GET',
270          url : baseURL + '/Roo/core_company',
271          listeners : {
272           load : function (This, o, arg)
273            {
274                _this.table.footer.onClick('first');
275            }
276          },
277          xns : Roo.data,
278          '|xns' : 'Roo.data'
279         },
280         reader : {
281          xtype : 'JsonReader',
282          id : 'id',
283          root : 'data',
284          totalProperty : 'total',
285          xns : Roo.data,
286          '|xns' : 'Roo.data'
287         }
288        },
289        cm : [
290         {
291          xtype : 'ColumnModel',
292          dataIndex : 'comptype',
293          header : _this._strings['a1fa27779242b4902f7ae3bdd5c6d508'] /* Type */,
294          renderer : function (v,x ,r) {
295              //return Pman.Dialog.Companies.comptypeListToString(r.data.isOwner ? 'OWNER' : v);
296              return v;
297          },
298          sortable : true,
299          width : 90,
300          xns : Roo.grid,
301          '|xns' : 'Roo.grid'
302         },
303         {
304          xtype : 'ColumnModel',
305          dataIndex : 'code',
306          header : _this._strings['9c9745a343efeacc9efe9b7222b27afb'] /* Ref# */,
307          renderer : function(v) { return String.format('{0}', v); },
308          sortable : true,
309          width : 50,
310          xns : Roo.grid,
311          '|xns' : 'Roo.grid'
312         },
313         {
314          xtype : 'ColumnModel',
315          dataIndex : 'name',
316          header : _this._strings['49ee3087348e8d44e1feda1917443987'] /* Name */,
317          renderer : function(v,x,r) {
318              return String.format(r.data.comptype == 'OWNER' ? '<B>{0}</B>' : '{0}',v);    
319          },
320          sortable : true,
321          width : 200,
322          xns : Roo.grid,
323          '|xns' : 'Roo.grid'
324         },
325         {
326          xtype : 'ColumnModel',
327          dataIndex : 'tel',
328          header : _this._strings['2e006b735fbd916d8ab26978ae6714d4'] /* Tel */,
329          renderer : function(v) { return String.format('{0}', v); },
330          width : 100,
331          xns : Roo.grid,
332          '|xns' : 'Roo.grid'
333         },
334         {
335          xtype : 'ColumnModel',
336          dataIndex : 'fax',
337          header : _this._strings['9810aa2b9f44401be4bf73188ef2b67d'] /* Fax */,
338          renderer : function(v) { return String.format('{0}', v); },
339          width : 100,
340          xns : Roo.grid,
341          '|xns' : 'Roo.grid'
342         },
343         {
344          xtype : 'ColumnModel',
345          dataIndex : 'email',
346          header : _this._strings['ce8ae9da5b7cd6c3df2929543a9af92d'] /* Email */,
347          renderer : function (v) {
348                  console.log('render:' + v);
349                  return (v.length && v.indexOf('@') > 0 ) ? 
350                      String.format('<a href="mailto:{0}">{0}</a>',v) : v;
351                      
352              },
353          sortable : true,
354          width : 200,
355          xns : Roo.grid,
356          '|xns' : 'Roo.grid'
357         },
358         {
359          xtype : 'ColumnModel',
360          dataIndex : 'address',
361          header : _this._strings['dd7bf230fde8d4836917806aff6a6b27'] /* Address */,
362          renderer : function(v) { return String.format('{0}', v); },
363          sortable : true,
364          width : 250,
365          xns : Roo.grid,
366          '|xns' : 'Roo.grid'
367         },
368         {
369          xtype : 'ColumnModel',
370          dataIndex : 'remarks',
371          header : _this._strings['231bc72756b5e6de492aaaa1577f61b1'] /* Remarks */,
372          hidden : true,
373          renderer : function(v) { return String.format('{0}', v); },
374          width : 200,
375          xns : Roo.grid,
376          '|xns' : 'Roo.grid'
377         },
378         {
379          xtype : 'ColumnModel',
380          dataIndex : 'id',
381          header : _this._strings['b80bb7740288fda1f201890375a60c8f'] /* id */,
382          hidden : true,
383          renderer : function(v) { return String.format('{0}', v); },
384          sortable : true,
385          width : 50,
386          xns : Roo.grid,
387          '|xns' : 'Roo.grid'
388         }
389        ]
390       }
391      }
392     ]
393    }
394   };  }
395 });