Pman.Dialog.CoreAutoSavePreview.bjs
[Pman.Core] / Pman.Dialog.CoreAutoSavePreview.js
1 //<script type="text/javascript">
2
3 // Auto generated file - created by app.Builder.js- do not edit directly (at present!)
4
5 Pman.Dialog.CoreAutoSavePreview = {
6
7     dialog : false,
8     callback:  false,
9
10     show : function(data, cb)
11     {
12         if (!this.dialog) {
13             this.create();
14         }
15
16         this.callback = cb;
17         this.data = data;
18         this.dialog.show(this.data._el);
19         if (this.form) {
20            this.form.reset();
21            this.form.setValues(data);
22            this.form.fireEvent('actioncomplete', this.form,  { type: 'setdata', data: data });
23         }
24
25     },
26
27     create : function()
28     {
29         var _this = this;
30         this.dialog = Roo.factory({
31             xtype: 'LayoutDialog',
32             xns: Roo,
33             background : false,
34             closable : false,
35             collapsible : false,
36             height : 500,
37             modal : true,
38             resizable : false,
39             title : "Saved Version",
40             width : 800,
41             items : [
42                 {
43                     xtype: 'GridPanel',
44                     xns: Roo,
45                     listeners : {
46                         activate : function() {
47                             _this.panel = this;
48                             if (_this.grid) {
49                                 _this.grid.footer.onClick('first');
50                             }
51                         }
52                     },
53                     background : true,
54                     fitContainer : true,
55                     fitToframe : true,
56                     region : 'west',
57                     tableName : 'Images',
58                     title : "Images",
59                     grid : {
60                         xtype: 'Grid',
61                         xns: Roo.grid,
62                         autoExpandColumn : 'filename',
63                         loadMask : true,
64                         listeners : {
65                             render : function() 
66                             {
67                                 _this.grid = this; 
68                                 //_this.dialog = Pman.Dialog.FILL_IN
69                                 if (_this.panel.active) {
70                                    this.footer.onClick('first');
71                                 }
72                             },
73                             rowdblclick : function (_self, rowIndex, e)
74                             {
75                                 if (!_this.dialog) return;
76                                 _this.dialog.show( this.getDataSource().getAt(rowIndex).data, function() {
77                                     _this.grid.footer.onClick('first');
78                                 }); 
79                             }
80                         },
81                         dataSource : {
82                             xtype: 'Store',
83                             xns: Roo.data,
84                             remoteSort : true,
85                             sortInfo : { field : 'filename', direction: 'ASC' },
86                             proxy : {
87                                 xtype: 'HttpProxy',
88                                 xns: Roo.data,
89                                 method : 'GET',
90                                 url : baseURL + '/Roo/Images.php'
91                             },
92                             reader : {
93                                 xtype: 'JsonReader',
94                                 xns: Roo.data,
95                                 id : 'id',
96                                 root : 'data',
97                                 totalProperty : 'total',
98                                 fields : [
99                                     {
100                                         'name': 'id',
101                                         'type': 'int'
102                                     },
103                                     {
104                                         'name': 'event_when',
105                                         'type': 'string'
106                                     }
107                                 ]
108                             }
109                         },
110                         footer : {
111                             xtype: 'PagingToolbar',
112                             xns: Roo,
113                             pageSize : 25,
114                             displayInfo : true,
115                             displayMsg : "Displaying Images{0} - {1} of {2}",
116                             emptyMsg : "No Images found"
117                         },
118                         colModel : [
119                             {
120                                 xtype: 'ColumnModel',
121                                 xns: Roo.grid,
122                                 header : 'Id',
123                                 width : 75,
124                                 dataIndex : 'id',
125                                 renderer : function(v) { return String.format('{0}', v); }
126                             },
127                             {
128                                 xtype: 'ColumnModel',
129                                 xns: Roo.grid,
130                                 header : 'Filename',
131                                 width : 200,
132                                 dataIndex : 'filename',
133                                 renderer : function(v) { return String.format('{0}', v); }
134                             },
135                             {
136                                 xtype: 'ColumnModel',
137                                 xns: Roo.grid,
138                                 header : 'Ontable',
139                                 width : 200,
140                                 dataIndex : 'ontable',
141                                 renderer : function(v) { return String.format('{0}', v); }
142                             },
143                             {
144                                 xtype: 'ColumnModel',
145                                 xns: Roo.grid,
146                                 header : 'Onid',
147                                 width : 75,
148                                 dataIndex : 'onid',
149                                 renderer : function(v) { return String.format('{0}', v); }
150                             },
151                             {
152                                 xtype: 'ColumnModel',
153                                 xns: Roo.grid,
154                                 header : 'Mimetype',
155                                 width : 200,
156                                 dataIndex : 'mimetype',
157                                 renderer : function(v) { return String.format('{0}', v); }
158                             },
159                             {
160                                 xtype: 'ColumnModel',
161                                 xns: Roo.grid,
162                                 header : 'Width',
163                                 width : 75,
164                                 dataIndex : 'width',
165                                 renderer : function(v) { return String.format('{0}', v); }
166                             },
167                             {
168                                 xtype: 'ColumnModel',
169                                 xns: Roo.grid,
170                                 header : 'Height',
171                                 width : 75,
172                                 dataIndex : 'height',
173                                 renderer : function(v) { return String.format('{0}', v); }
174                             },
175                             {
176                                 xtype: 'ColumnModel',
177                                 xns: Roo.grid,
178                                 header : 'Filesize',
179                                 width : 75,
180                                 dataIndex : 'filesize',
181                                 renderer : function(v) { return String.format('{0}', v); }
182                             },
183                             {
184                                 xtype: 'ColumnModel',
185                                 xns: Roo.grid,
186                                 header : 'Displayorder',
187                                 width : 75,
188                                 dataIndex : 'displayorder',
189                                 renderer : function(v) { return String.format('{0}', v); }
190                             },
191                             {
192                                 xtype: 'ColumnModel',
193                                 xns: Roo.grid,
194                                 header : 'Language',
195                                 width : 200,
196                                 dataIndex : 'language',
197                                 renderer : function(v) { return String.format('{0}', v); }
198                             },
199                             {
200                                 xtype: 'ColumnModel',
201                                 xns: Roo.grid,
202                                 header : 'Parent image',
203                                 width : 75,
204                                 dataIndex : 'parent_image_id',
205                                 renderer : function(v) { return String.format('{0}', v); }
206                             },
207                             {
208                                 xtype: 'ColumnModel',
209                                 xns: Roo.grid,
210                                 header : 'Created',
211                                 width : 75,
212                                 dataIndex : 'created',
213                                 renderer : function(v) { return String.format('{0}', v ? v.format('d/M/Y') : ''); }
214                             },
215                             {
216                                 xtype: 'ColumnModel',
217                                 xns: Roo.grid,
218                                 header : 'Imgtype',
219                                 width : 200,
220                                 dataIndex : 'imgtype',
221                                 renderer : function(v) { return String.format('{0}', v); }
222                             },
223                             {
224                                 xtype: 'ColumnModel',
225                                 xns: Roo.grid,
226                                 header : 'Linkurl',
227                                 width : 200,
228                                 dataIndex : 'linkurl',
229                                 renderer : function(v) { return String.format('{0}', v); }
230                             },
231                             {
232                                 xtype: 'ColumnModel',
233                                 xns: Roo.grid,
234                                 header : 'Descript',
235                                 width : 200,
236                                 dataIndex : 'descript',
237                                 renderer : function(v) { return String.format('{0}', v); }
238                             },
239                             {
240                                 xtype: 'ColumnModel',
241                                 xns: Roo.grid,
242                                 header : 'Title',
243                                 width : 200,
244                                 dataIndex : 'title',
245                                 renderer : function(v) { return String.format('{0}', v); }
246                             }
247                         ]
248                     }
249                 },
250                 {
251                     xtype: 'ContentPanel',
252                     xns: Roo,
253                     listeners : {
254                         render : function (_self)
255                         {
256                             _this.viewPanel = _self;
257                         }
258                     },
259                     background : false,
260                     fitContainer : true,
261                     fitToFrame : true,
262                     region : 'center'
263                 }
264             ],
265             center : {
266                 xtype: 'LayoutRegion',
267                 xns: Roo
268             },
269             west : {
270                 xtype: 'LayoutRegion',
271                 xns: Roo,
272                 split : true,
273                 width : 200
274             },
275             buttons : [
276                 {
277                     xtype: 'Button',
278                     xns: Roo,
279                     listeners : {
280                         click : function() {
281                             _this.dialog.hide();
282                         }
283                     },
284                     text : "Cancel"
285                 },
286                 {
287                     xtype: 'Button',
288                     xns: Roo,
289                     listeners : {
290                         click : function() {
291                             _this.dialog.hide();
292                         }
293                     },
294                     text : "OK"
295                 }
296             ]
297         });
298     }
299 };