]>
Commit | Line | Data |
---|---|---|
4a580e60 DM |
1 | Ext.define('PVE.grid.TemplateSelector', { |
2 | extend: 'Ext.grid.GridPanel', | |
3 | ||
3f90858a | 4 | alias: 'widget.pveTemplateSelector', |
4a580e60 | 5 | |
1b14c875 DC |
6 | stateful: true, |
7 | stateId: 'grid-template-selector', | |
3b422683 DC |
8 | viewConfig: { |
9 | trackOver: false | |
10 | }, | |
4a580e60 DM |
11 | initComponent : function() { |
12 | var me = this; | |
13 | ||
14 | if (!me.nodename) { | |
15 | throw "no node name specified"; | |
16 | } | |
17 | ||
18 | var baseurl = "/nodes/" + me.nodename + "/aplinfo"; | |
19 | var store = new Ext.data.Store({ | |
20 | model: 'pve-aplinfo', | |
21 | groupField: 'section', | |
22 | proxy: { | |
56a353b9 | 23 | type: 'proxmox', |
4a580e60 DM |
24 | url: '/api2/json' + baseurl |
25 | } | |
26 | }); | |
27 | ||
28 | var sm = Ext.create('Ext.selection.RowModel', {}); | |
29 | ||
30 | var groupingFeature = Ext.create('Ext.grid.feature.Grouping',{ | |
31 | groupHeaderTpl: '{[ "Section: " + values.name ]} ({rows.length} Item{[values.rows.length > 1 ? "s" : ""]})' | |
32 | }); | |
33 | ||
34 | var reload = function() { | |
35 | store.load(); | |
36 | }; | |
37 | ||
e7ade592 | 38 | Proxmox.Utils.monStoreErrors(me, store); |
4a580e60 DM |
39 | |
40 | Ext.apply(me, { | |
41 | store: store, | |
42 | selModel: sm, | |
f577bda0 CE |
43 | tbar: [ |
44 | '->', | |
29acb9b5 | 45 | gettext('Search'), |
f577bda0 CE |
46 | { |
47 | xtype: 'textfield', | |
48 | width: 200, | |
49 | enableKeyEvents: true, | |
50 | listeners: { | |
51 | buffer: 500, | |
52 | keyup: function(field) { | |
53 | var value = field.getValue().toLowerCase(); | |
54 | store.clearFilter(true); | |
55 | store.filterBy(function(rec) { | |
56 | return (rec.data['package'].toLowerCase().indexOf(value) !== -1) | |
57 | || (rec.data.headline.toLowerCase().indexOf(value) !== -1); | |
58 | }); | |
59 | } | |
60 | } | |
61 | } | |
62 | ], | |
4a580e60 DM |
63 | features: [ groupingFeature ], |
64 | columns: [ | |
65 | { | |
66 | header: gettext('Type'), | |
67 | width: 80, | |
68 | dataIndex: 'type' | |
69 | }, | |
70 | { | |
71 | header: gettext('Package'), | |
72 | flex: 1, | |
73 | dataIndex: 'package' | |
74 | }, | |
75 | { | |
76 | header: gettext('Version'), | |
77 | width: 80, | |
78 | dataIndex: 'version' | |
79 | }, | |
80 | { | |
81 | header: gettext('Description'), | |
82 | flex: 1.5, | |
91535f2b | 83 | renderer: Ext.String.htmlEncode, |
4a580e60 DM |
84 | dataIndex: 'headline' |
85 | } | |
86 | ], | |
87 | listeners: { | |
88 | afterRender: reload | |
89 | } | |
90 | }); | |
91 | ||
92 | me.callParent(); | |
93 | } | |
94 | ||
95 | }, function() { | |
96 | ||
97 | Ext.define('pve-aplinfo', { | |
98 | extend: 'Ext.data.Model', | |
177de3de DC |
99 | fields: [ |
100 | 'template', 'type', 'package', 'version', 'headline', 'infopage', | |
4a580e60 DM |
101 | 'description', 'os', 'section' |
102 | ], | |
103 | idProperty: 'template' | |
104 | }); | |
105 | ||
106 | }); | |
107 | ||
108 | Ext.define('PVE.storage.TemplateDownload', { | |
109 | extend: 'Ext.window.Window', | |
3f90858a | 110 | alias: 'widget.pveTemplateDownload', |
4a580e60 DM |
111 | |
112 | modal: true, | |
3b422683 DC |
113 | title: gettext('Templates'), |
114 | layout: 'fit', | |
f577bda0 CE |
115 | width: 900, |
116 | height: 600, | |
4a580e60 DM |
117 | initComponent : function() { |
118 | /*jslint confusion: true */ | |
119 | var me = this; | |
120 | ||
121 | var grid = Ext.create('PVE.grid.TemplateSelector', { | |
122 | border: false, | |
3b422683 | 123 | scrollable: true, |
4a580e60 DM |
124 | nodename: me.nodename |
125 | }); | |
126 | ||
127 | var sm = grid.getSelectionModel(); | |
128 | ||
5720fafa | 129 | var submitBtn = Ext.create('Proxmox.button.Button', { |
4a580e60 DM |
130 | text: gettext('Download'), |
131 | disabled: true, | |
132 | selModel: sm, | |
133 | handler: function(button, event, rec) { | |
e7ade592 | 134 | Proxmox.Utils.API2Request({ |
4a580e60 | 135 | url: '/nodes/' + me.nodename + '/aplinfo', |
177de3de DC |
136 | params: { |
137 | storage: me.storage, | |
4a580e60 DM |
138 | template: rec.data.template |
139 | }, | |
140 | method: 'POST', | |
141 | failure: function (response, opts) { | |
142 | Ext.Msg.alert(gettext('Error'), response.htmlStatus); | |
143 | }, | |
144 | success: function(response, options) { | |
145 | var upid = response.result.data; | |
177de3de | 146 | |
8cbc11a7 | 147 | Ext.create('Proxmox.window.TaskViewer', { |
7e06d55d EK |
148 | upid: upid, |
149 | listeners: { | |
150 | destroy: me.reloadGrid | |
151 | } | |
152 | }).show(); | |
153 | ||
4a580e60 DM |
154 | me.close(); |
155 | } | |
156 | }); | |
157 | } | |
158 | }); | |
159 | ||
3b422683 | 160 | Ext.apply(me, { |
4a580e60 DM |
161 | items: grid, |
162 | buttons: [ submitBtn ] | |
163 | }); | |
164 | ||
165 | me.callParent(); | |
166 | } | |
167 | }); | |
168 | ||
169 | Ext.define('PVE.storage.Upload', { | |
170 | extend: 'Ext.window.Window', | |
3f90858a | 171 | alias: 'widget.pveStorageUpload', |
4a580e60 DM |
172 | |
173 | resizable: false, | |
174 | ||
175 | modal: true, | |
176 | ||
177 | initComponent : function() { | |
178 | /*jslint confusion: true */ | |
179 | var me = this; | |
180 | ||
181 | var xhr; | |
182 | ||
183 | if (!me.nodename) { | |
184 | throw "no node name specified"; | |
185 | } | |
186 | ||
177de3de | 187 | if (!me.storage) { |
4a580e60 DM |
188 | throw "no storage ID specified"; |
189 | } | |
190 | ||
191 | var baseurl = "/nodes/" + me.nodename + "/storage/" + me.storage + "/upload"; | |
192 | ||
193 | var pbar = Ext.create('Ext.ProgressBar', { | |
194 | text: 'Ready', | |
195 | hidden: true | |
196 | }); | |
197 | ||
198 | me.formPanel = Ext.create('Ext.form.Panel', { | |
199 | method: 'POST', | |
200 | waitMsgTarget: true, | |
201 | bodyPadding: 10, | |
202 | border: false, | |
203 | width: 300, | |
204 | fieldDefaults: { | |
205 | labelWidth: 100, | |
206 | anchor: '100%' | |
207 | }, | |
208 | items: [ | |
209 | { | |
210 | xtype: 'pveContentTypeSelector', | |
6c1a2b86 | 211 | cts: me.contents, |
4a580e60 DM |
212 | fieldLabel: gettext('Content'), |
213 | name: 'content', | |
6c1a2b86 DC |
214 | value: me.contents[0] || '', |
215 | allowBlank: false | |
4a580e60 DM |
216 | }, |
217 | { | |
218 | xtype: 'filefield', | |
219 | name: 'filename', | |
220 | buttonText: gettext('Select File...'), | |
22f2f9d6 | 221 | allowBlank: false |
4a580e60 DM |
222 | }, |
223 | pbar | |
224 | ] | |
225 | }); | |
226 | ||
227 | var form = me.formPanel.getForm(); | |
228 | ||
229 | var doStandardSubmit = function() { | |
230 | form.submit({ | |
231 | url: "/api2/htmljs" + baseurl, | |
232 | waitMsg: gettext('Uploading file...'), | |
233 | success: function(f, action) { | |
234 | me.close(); | |
235 | }, | |
236 | failure: function(f, action) { | |
237 | var msg = PVE.Utils.extractFormActionError(action); | |
238 | Ext.Msg.alert(gettext('Error'), msg); | |
239 | } | |
240 | }); | |
241 | }; | |
242 | ||
243 | var updateProgress = function(per, bytes) { | |
244 | var text = (per * 100).toFixed(2) + '%'; | |
245 | if (bytes) { | |
e7ade592 | 246 | text += " (" + Proxmox.Utils.format_size(bytes) + ')'; |
4a580e60 DM |
247 | } |
248 | pbar.updateProgress(per, text); | |
249 | }; | |
177de3de | 250 | |
4a580e60 DM |
251 | var abortBtn = Ext.create('Ext.Button', { |
252 | text: gettext('Abort'), | |
253 | disabled: true, | |
254 | handler: function() { | |
255 | me.close(); | |
256 | } | |
257 | }); | |
258 | ||
259 | var submitBtn = Ext.create('Ext.Button', { | |
260 | text: gettext('Upload'), | |
261 | disabled: true, | |
262 | handler: function(button) { | |
263 | var fd; | |
264 | try { | |
265 | fd = new FormData(); | |
266 | } catch (err) { | |
267 | doStandardSubmit(); | |
268 | return; | |
269 | } | |
270 | ||
271 | button.setDisabled(true); | |
272 | abortBtn.setDisabled(false); | |
273 | ||
274 | var field = form.findField('content'); | |
275 | fd.append("content", field.getValue()); | |
276 | field.setDisabled(true); | |
277 | ||
278 | field = form.findField('filename'); | |
279 | var file = field.fileInputEl.dom; | |
280 | fd.append("filename", file.files[0]); | |
281 | field.setDisabled(true); | |
282 | ||
283 | pbar.setVisible(true); | |
284 | updateProgress(0); | |
285 | ||
286 | xhr = new XMLHttpRequest(); | |
287 | ||
177de3de | 288 | xhr.addEventListener("load", function(e) { |
4a580e60 DM |
289 | if (xhr.status == 200) { |
290 | me.close(); | |
177de3de | 291 | } else { |
4a580e60 | 292 | var msg = gettext('Error') + " " + xhr.status.toString() + ": " + Ext.htmlEncode(xhr.statusText); |
abffa1a6 TM |
293 | if (xhr.responseText !== "") { |
294 | var result = Ext.decode(xhr.responseText); | |
295 | result.message = msg; | |
296 | var htmlStatus = Proxmox.Utils.extractRequestError(result, true); | |
297 | Ext.Msg.alert(gettext('Error'), htmlStatus, function(btn) { | |
298 | me.close(); | |
299 | }); | |
300 | } else { | |
301 | Ext.Msg.alert(gettext('Error'), msg, function(btn) { | |
302 | me.close(); | |
303 | }); | |
304 | } | |
177de3de | 305 | } |
4a580e60 DM |
306 | }, false); |
307 | ||
308 | xhr.addEventListener("error", function(e) { | |
309 | var msg = "Error " + e.target.status.toString() + " occurred while receiving the document."; | |
310 | Ext.Msg.alert(gettext('Error'), msg, function(btn) { | |
311 | me.close(); | |
312 | }); | |
313 | }); | |
177de3de | 314 | |
4a580e60 | 315 | xhr.upload.addEventListener("progress", function(evt) { |
177de3de DC |
316 | if (evt.lengthComputable) { |
317 | var percentComplete = evt.loaded / evt.total; | |
4a580e60 | 318 | updateProgress(percentComplete, evt.loaded); |
177de3de | 319 | } |
4a580e60 DM |
320 | }, false); |
321 | ||
322 | xhr.open("POST", "/api2/json" + baseurl, true); | |
177de3de | 323 | xhr.send(fd); |
4a580e60 DM |
324 | } |
325 | }); | |
326 | ||
327 | form.on('validitychange', function(f, valid) { | |
328 | submitBtn.setDisabled(!valid); | |
329 | }); | |
330 | ||
3b422683 | 331 | Ext.apply(me, { |
4a580e60 DM |
332 | title: gettext('Upload'), |
333 | items: me.formPanel, | |
334 | buttons: [ abortBtn, submitBtn ], | |
335 | listeners: { | |
336 | close: function() { | |
337 | if (xhr) { | |
338 | xhr.abort(); | |
339 | } | |
340 | } | |
341 | } | |
342 | }); | |
343 | ||
344 | me.callParent(); | |
345 | } | |
346 | }); | |
347 | ||
348 | Ext.define('PVE.storage.ContentView', { | |
349 | extend: 'Ext.grid.GridPanel', | |
350 | ||
3f90858a | 351 | alias: 'widget.pveStorageContentView', |
4a580e60 | 352 | |
1b14c875 DC |
353 | stateful: true, |
354 | stateId: 'grid-storage-content', | |
c90539de DC |
355 | viewConfig: { |
356 | trackOver: false, | |
22f2f9d6 | 357 | loadMask: false |
c90539de | 358 | }, |
93cdb626 DC |
359 | features: [ |
360 | { | |
361 | ftype: 'grouping', | |
362 | groupHeaderTpl: '{name} ({rows.length} Item{[values.rows.length > 1 ? "s" : ""]})' | |
363 | } | |
364 | ], | |
4a580e60 DM |
365 | initComponent : function() { |
366 | var me = this; | |
367 | ||
368 | var nodename = me.pveSelNode.data.node; | |
369 | if (!nodename) { | |
370 | throw "no node name specified"; | |
371 | } | |
372 | ||
373 | var storage = me.pveSelNode.data.storage; | |
177de3de | 374 | if (!storage) { |
4a580e60 DM |
375 | throw "no storage ID specified"; |
376 | } | |
377 | ||
378 | var baseurl = "/nodes/" + nodename + "/storage/" + storage + "/content"; | |
3b422683 | 379 | var store = Ext.create('Ext.data.Store',{ |
4a580e60 DM |
380 | model: 'pve-storage-content', |
381 | groupField: 'content', | |
382 | proxy: { | |
56a353b9 | 383 | type: 'proxmox', |
4a580e60 DM |
384 | url: '/api2/json' + baseurl |
385 | }, | |
177de3de DC |
386 | sorters: { |
387 | property: 'volid', | |
388 | order: 'DESC' | |
4a580e60 DM |
389 | } |
390 | }); | |
391 | ||
392 | var sm = Ext.create('Ext.selection.RowModel', {}); | |
393 | ||
4a580e60 DM |
394 | var reload = function() { |
395 | store.load(); | |
6c1a2b86 | 396 | me.statusStore.load(); |
4a580e60 DM |
397 | }; |
398 | ||
e7ade592 | 399 | Proxmox.Utils.monStoreErrors(me, store); |
4a580e60 | 400 | |
5720fafa | 401 | var templateButton = Ext.create('Proxmox.button.Button',{ |
6c1a2b86 DC |
402 | itemId: 'tmpl-btn', |
403 | text: gettext('Templates'), | |
404 | handler: function() { | |
405 | var win = Ext.create('PVE.storage.TemplateDownload', { | |
406 | nodename: nodename, | |
8b97744c EK |
407 | storage: storage, |
408 | reloadGrid: reload | |
6c1a2b86 DC |
409 | }); |
410 | win.show(); | |
6c1a2b86 DC |
411 | } |
412 | }); | |
413 | ||
5720fafa | 414 | var uploadButton = Ext.create('Proxmox.button.Button', { |
6c1a2b86 DC |
415 | contents : ['iso','vztmpl'], |
416 | text: gettext('Upload'), | |
417 | handler: function() { | |
418 | var me = this; | |
419 | var win = Ext.create('PVE.storage.Upload', { | |
420 | nodename: nodename, | |
421 | storage: storage, | |
22f2f9d6 | 422 | contents: me.contents |
6c1a2b86 DC |
423 | }); |
424 | win.show(); | |
425 | win.on('destroy', reload); | |
426 | } | |
427 | }); | |
428 | ||
f726b8da | 429 | var imageRemoveButton; |
c5e224fc WL |
430 | var removeButton = Ext.create('Proxmox.button.StdRemoveButton',{ |
431 | selModel: sm, | |
432 | enableFn: function(rec) { | |
433 | if (rec && rec.data.content !== 'images') { | |
4f19410b WL |
434 | imageRemoveButton.setVisible(false); |
435 | removeButton.setVisible(true); | |
c5e224fc WL |
436 | return true; |
437 | } | |
438 | return false; | |
439 | }, | |
440 | callback: function() { | |
441 | reload(); | |
442 | }, | |
443 | baseurl: baseurl + '/' | |
444 | }); | |
445 | ||
f726b8da | 446 | imageRemoveButton = Ext.create('Proxmox.button.Button',{ |
4f19410b WL |
447 | selModel: sm, |
448 | hidden: true, | |
449 | text: gettext('Remove'), | |
450 | enableFn: function(rec) { | |
451 | if (rec && rec.data.content === 'images') { | |
452 | removeButton.setVisible(false); | |
453 | imageRemoveButton.setVisible(true); | |
454 | return true; | |
455 | } | |
456 | return false; | |
457 | }, | |
458 | handler: function(btn, event, rec) { | |
459 | me = this; | |
460 | ||
461 | var url = baseurl + '/' + rec.data.volid; | |
462 | var vmid = rec.data.vmid; | |
4f19410b WL |
463 | |
464 | var store = PVE.data.ResourceStore; | |
f726b8da TL |
465 | |
466 | if (vmid && store.findVMID(vmid)) { | |
4f19410b | 467 | var guest_node = store.guestNode(vmid); |
f726b8da | 468 | var storage_path = 'storage/' + nodename + '/' + storage; |
4f19410b WL |
469 | |
470 | // allow to delete local backed images if a VMID exists on another node. | |
f726b8da | 471 | if (store.storageIsShared(storage_path) || guest_node == nodename) { |
4f19410b | 472 | var msg = Ext.String.format( |
f726b8da TL |
473 | gettext("Cannot remove image, a guest with VMID '{0}' exists!"), vmid); |
474 | msg += '<br />' + gettext("You can delete the image from the guest's hardware pane"); | |
475 | ||
4f19410b WL |
476 | Ext.Msg.show({ |
477 | title: gettext('Cannot remove disk image.'), | |
478 | icon: Ext.Msg.ERROR, | |
f726b8da | 479 | msg: msg |
4f19410b WL |
480 | }); |
481 | return; | |
482 | } | |
483 | } | |
484 | var win = Ext.create('PVE.window.SafeDestroy', { | |
9a25bf06 | 485 | title: Ext.String.format(gettext("Destroy '{0}'"), rec.data.volid), |
4f19410b WL |
486 | showProgress: true, |
487 | url: url, | |
f726b8da | 488 | item: { type: 'Image', id: vmid } |
4f19410b WL |
489 | }).show(); |
490 | win.on('destroy', function() { | |
491 | me.statusStore = Ext.create('Proxmox.data.ObjectStore', { | |
492 | url: '/api2/json/nodes/' + nodename + '/storage/' + storage + '/status' | |
493 | }); | |
494 | reload(); | |
495 | ||
496 | }); | |
f726b8da | 497 | } |
4f19410b WL |
498 | }); |
499 | ||
9cb193cf | 500 | me.statusStore = Ext.create('Proxmox.data.ObjectStore', { |
22f2f9d6 | 501 | url: '/api2/json/nodes/' + nodename + '/storage/' + storage + '/status' |
6c1a2b86 DC |
502 | }); |
503 | ||
4a580e60 DM |
504 | Ext.apply(me, { |
505 | store: store, | |
506 | selModel: sm, | |
4a580e60 DM |
507 | tbar: [ |
508 | { | |
5720fafa | 509 | xtype: 'proxmoxButton', |
4a580e60 DM |
510 | text: gettext('Restore'), |
511 | selModel: sm, | |
512 | disabled: true, | |
513 | enableFn: function(rec) { | |
514 | return rec && rec.data.content === 'backup'; | |
515 | }, | |
516 | handler: function(b, e, rec) { | |
517 | var vmtype; | |
518 | if (rec.data.volid.match(/vzdump-qemu-/)) { | |
519 | vmtype = 'qemu'; | |
520 | } else if (rec.data.volid.match(/vzdump-openvz-/) || rec.data.volid.match(/vzdump-lxc-/)) { | |
521 | vmtype = 'lxc'; | |
522 | } else { | |
523 | return; | |
524 | } | |
525 | ||
526 | var win = Ext.create('PVE.window.Restore', { | |
527 | nodename: nodename, | |
528 | volid: rec.data.volid, | |
529 | volidText: PVE.Utils.render_storage_content(rec.data.volid, {}, rec), | |
530 | vmtype: vmtype | |
531 | }); | |
532 | win.show(); | |
533 | win.on('destroy', reload); | |
534 | } | |
535 | }, | |
c5e224fc | 536 | removeButton, |
4f19410b | 537 | imageRemoveButton, |
6c1a2b86 DC |
538 | templateButton, |
539 | uploadButton, | |
772042ea | 540 | { |
5720fafa | 541 | xtype: 'proxmoxButton', |
772042ea DC |
542 | text: gettext('Show Configuration'), |
543 | disabled: true, | |
544 | selModel: sm, | |
545 | enableFn: function(rec) { | |
546 | return rec && rec.data.content === 'backup'; | |
547 | }, | |
548 | handler: function(b,e,rec) { | |
549 | var win = Ext.create('PVE.window.BackupConfig', { | |
550 | volume: rec.data.volid, | |
551 | pveSelNode: me.pveSelNode | |
552 | }); | |
553 | ||
554 | win.show(); | |
555 | } | |
556 | }, | |
4a580e60 DM |
557 | '->', |
558 | gettext('Search') + ':', ' ', | |
559 | { | |
560 | xtype: 'textfield', | |
561 | width: 200, | |
562 | enableKeyEvents: true, | |
563 | listeners: { | |
564 | buffer: 500, | |
565 | keyup: function(field) { | |
566 | store.clearFilter(true); | |
567 | store.filter([ | |
568 | { | |
569 | property: 'text', | |
570 | value: field.getValue(), | |
571 | anyMatch: true, | |
572 | caseSensitive: false | |
573 | } | |
574 | ]); | |
575 | } | |
576 | } | |
577 | } | |
578 | ], | |
579 | columns: [ | |
580 | { | |
581 | header: gettext('Name'), | |
582 | flex: 1, | |
583 | sortable: true, | |
584 | renderer: PVE.Utils.render_storage_content, | |
585 | dataIndex: 'text' | |
586 | }, | |
587 | { | |
588 | header: gettext('Format'), | |
589 | width: 100, | |
590 | dataIndex: 'format' | |
591 | }, | |
93cdb626 DC |
592 | { |
593 | header: gettext('Type'), | |
594 | width: 100, | |
595 | dataIndex: 'content', | |
596 | renderer: PVE.Utils.format_content_types | |
597 | }, | |
4a580e60 DM |
598 | { |
599 | header: gettext('Size'), | |
600 | width: 100, | |
e7ade592 | 601 | renderer: Proxmox.Utils.format_size, |
4a580e60 DM |
602 | dataIndex: 'size' |
603 | } | |
604 | ], | |
605 | listeners: { | |
3b422683 | 606 | activate: reload |
4a580e60 DM |
607 | } |
608 | }); | |
609 | ||
610 | me.callParent(); | |
6c1a2b86 | 611 | |
3d9bc0a2 | 612 | // disable the buttons/restrict the upload window |
6c1a2b86 | 613 | // if templates or uploads are not allowed |
540fdc8b | 614 | me.mon(me.statusStore, 'load', function(s,records,succes) { |
6c1a2b86 DC |
615 | var availcontent = []; |
616 | Ext.Array.each(records, function(item){ | |
617 | if (item.id === 'content') { | |
618 | availcontent = item.data.value.split(','); | |
619 | } | |
620 | }); | |
621 | var templ = false; | |
622 | var upload = false; | |
623 | var cts = []; | |
624 | ||
625 | Ext.Array.each(availcontent, function(content) { | |
626 | if (content === 'vztmpl') { | |
627 | templ = true; | |
628 | cts.push('vztmpl'); | |
629 | } else if (content === 'iso') { | |
630 | upload = true; | |
631 | cts.push('iso'); | |
632 | } | |
633 | }); | |
634 | ||
635 | if (templ !== upload) { | |
636 | uploadButton.contents = cts; | |
637 | } | |
638 | ||
639 | templateButton.setDisabled(!templ); | |
640 | uploadButton.setDisabled(!upload && !templ); | |
641 | }); | |
4a580e60 DM |
642 | } |
643 | }, function() { | |
644 | ||
645 | Ext.define('pve-storage-content', { | |
646 | extend: 'Ext.data.Model', | |
177de3de DC |
647 | fields: [ |
648 | 'volid', 'content', 'format', 'size', 'used', 'vmid', | |
4a580e60 | 649 | 'channel', 'id', 'lun', |
177de3de DC |
650 | { |
651 | name: 'text', | |
4a580e60 | 652 | convert: function(value, record) { |
86cc7049 DC |
653 | // check for volid, because if you click on a grouping header, |
654 | // it calls convert (but with an empty volid) | |
655 | if (value || record.data.volid === null) { | |
4a580e60 DM |
656 | return value; |
657 | } | |
658 | return PVE.Utils.render_storage_content(value, {}, record); | |
659 | } | |
660 | } | |
661 | ], | |
662 | idProperty: 'volid' | |
663 | }); | |
664 | ||
665 | }); |