]>
Commit | Line | Data |
---|---|---|
c7ee0c11 | 1 | Ext.define('PVE.lxc.RessourceView', { |
9fd8d73e | 2 | extend: 'Proxmox.grid.PendingObjectGrid', |
c7ee0c11 DM |
3 | alias: ['widget.pveLxcRessourceView'], |
4 | ||
ba93a9c6 DC |
5 | onlineHelp: 'pct_configuration', |
6 | ||
c7ee0c11 | 7 | renderKey: function(key, metaData, rec, rowIndex, colIndex, store) { |
02ecbc98 TL |
8 | let me = this; |
9 | let rowdef = me.rows[key] || {}; | |
10 | ||
11 | let txt = rowdef.header || key; | |
12 | let icon = ''; | |
c7ee0c11 DM |
13 | |
14 | metaData.tdAttr = "valign=middle"; | |
c7ee0c11 DM |
15 | if (rowdef.tdCls) { |
16 | metaData.tdCls = rowdef.tdCls; | |
02ecbc98 TL |
17 | } else if (rowdef.iconCls) { |
18 | icon = `<i class='pve-grid-fa fa fa-fw fa-${rowdef.iconCls}'></i>`; | |
19 | metaData.tdCls += " pve-itype-fa"; | |
20 | } | |
21 | // only return icons in grid but not remove dialog | |
22 | if (rowIndex !== undefined) { | |
23 | return icon + txt; | |
24 | } else { | |
25 | return txt; | |
c7ee0c11 | 26 | } |
c7ee0c11 DM |
27 | }, |
28 | ||
8058410f | 29 | initComponent: function() { |
c7ee0c11 | 30 | var me = this; |
55ee6ba1 | 31 | let confid; |
c7ee0c11 DM |
32 | |
33 | var nodename = me.pveSelNode.data.node; | |
2a4971d8 | 34 | if (!nodename) { |
c7ee0c11 DM |
35 | throw "no node name specified"; |
36 | } | |
37 | ||
38 | var vmid = me.pveSelNode.data.vmid; | |
39 | if (!vmid) { | |
40 | throw "no VM ID specified"; | |
41 | } | |
42 | ||
43 | var caps = Ext.state.Manager.get('GuiCap'); | |
d35b5b2a | 44 | var diskCap = caps.vms['VM.Config.Disk']; |
c7ee0c11 DM |
45 | |
46 | var mpeditor = caps.vms['VM.Config.Disk'] ? 'PVE.lxc.MountPointEdit' : undefined; | |
47 | ||
48 | var rows = { | |
49 | memory: { | |
50 | header: gettext('Memory'), | |
51 | editor: caps.vms['VM.Config.Memory'] ? 'PVE.lxc.MemoryEdit' : undefined, | |
c7ee0c11 | 52 | defaultValue: 512, |
a8ea1b68 | 53 | tdCls: 'pmx-itype-icon-memory', |
1a2fdf62 | 54 | group: 1, |
c7ee0c11 | 55 | renderer: function(value) { |
e7ade592 | 56 | return Proxmox.Utils.format_size(value*1024*1024); |
f6710aac | 57 | }, |
c7ee0c11 DM |
58 | }, |
59 | swap: { | |
60 | header: gettext('Swap'), | |
61 | editor: caps.vms['VM.Config.Memory'] ? 'PVE.lxc.MemoryEdit' : undefined, | |
c7ee0c11 | 62 | defaultValue: 512, |
809f6b6e | 63 | iconCls: 'refresh', |
1a2fdf62 | 64 | group: 2, |
c7ee0c11 | 65 | renderer: function(value) { |
e7ade592 | 66 | return Proxmox.Utils.format_size(value*1024*1024); |
f6710aac | 67 | }, |
c7ee0c11 | 68 | }, |
92b5029f DM |
69 | cores: { |
70 | header: gettext('Cores'), | |
92b5029f DM |
71 | editor: caps.vms['VM.Config.CPU'] ? 'PVE.lxc.CPUEdit' : undefined, |
72 | defaultValue: '', | |
a8ea1b68 | 73 | tdCls: 'pmx-itype-icon-processor', |
1a2fdf62 | 74 | group: 3, |
92b5029f | 75 | renderer: function(value) { |
3e4b78dc DC |
76 | var cpulimit = me.getObjectValue('cpulimit'); |
77 | var cpuunits = me.getObjectValue('cpuunits'); | |
78 | var res; | |
79 | if (value) { | |
80 | res = value; | |
81 | } else { | |
82 | res = gettext('unlimited'); | |
83 | } | |
84 | ||
85 | if (cpulimit) { | |
86 | res += ' [cpulimit=' + cpulimit + ']'; | |
87 | } | |
88 | ||
89 | if (cpuunits) { | |
90 | res += ' [cpuunits=' + cpuunits + ']'; | |
91 | } | |
92 | return res; | |
f6710aac | 93 | }, |
92b5029f | 94 | }, |
c7ee0c11 DM |
95 | rootfs: { |
96 | header: gettext('Root Disk'), | |
e7ade592 | 97 | defaultValue: Proxmox.Utils.noneText, |
c7ee0c11 | 98 | editor: mpeditor, |
809f6b6e | 99 | iconCls: 'hdd-o', |
f6710aac | 100 | group: 4, |
c15e9cd5 | 101 | }, |
3e4b78dc | 102 | cpulimit: { |
f6710aac | 103 | visible: false, |
3e4b78dc DC |
104 | }, |
105 | cpuunits: { | |
f6710aac | 106 | visible: false, |
3e4b78dc | 107 | }, |
c15e9cd5 | 108 | unprivileged: { |
f6710aac TL |
109 | visible: false, |
110 | }, | |
c7ee0c11 DM |
111 | }; |
112 | ||
14a845bc DC |
113 | PVE.Utils.forEachMP(function(bus, i) { |
114 | confid = bus + i; | |
1a2fdf62 DL |
115 | var group = 5; |
116 | var header; | |
14a845bc DC |
117 | if (bus === 'mp') { |
118 | header = gettext('Mount Point') + ' (' + confid + ')'; | |
119 | } else { | |
120 | header = gettext('Unused Disk') + ' ' + i; | |
1a2fdf62 | 121 | group += 1; |
14a845bc | 122 | } |
c7ee0c11 | 123 | rows[confid] = { |
1a2fdf62 DL |
124 | group: group, |
125 | order: i, | |
c7ee0c11 DM |
126 | tdCls: 'pve-itype-icon-storage', |
127 | editor: mpeditor, | |
f6710aac | 128 | header: header, |
c7ee0c11 | 129 | }; |
14a845bc | 130 | }, true); |
c7ee0c11 | 131 | |
c7ee0c11 DM |
132 | var baseurl = 'nodes/' + nodename + '/lxc/' + vmid + '/config'; |
133 | ||
14dd743b | 134 | me.selModel = Ext.create('Ext.selection.RowModel', {}); |
c7ee0c11 DM |
135 | |
136 | var run_resize = function() { | |
14dd743b | 137 | var rec = me.selModel.getSelection()[0]; |
c7ee0c11 DM |
138 | if (!rec) { |
139 | return; | |
140 | } | |
141 | ||
142 | var win = Ext.create('PVE.window.MPResize', { | |
143 | disk: rec.data.key, | |
144 | nodename: nodename, | |
f6710aac | 145 | vmid: vmid, |
c7ee0c11 DM |
146 | }); |
147 | ||
148 | win.show(); | |
c7ee0c11 DM |
149 | }; |
150 | ||
151 | var run_remove = function(b, e, rec) { | |
e7ade592 | 152 | Proxmox.Utils.API2Request({ |
c7ee0c11 DM |
153 | url: '/api2/extjs/' + baseurl, |
154 | waitMsgTarget: me, | |
155 | method: 'PUT', | |
156 | params: { | |
f6710aac | 157 | 'delete': rec.data.key, |
c7ee0c11 | 158 | }, |
8058410f | 159 | failure: function(response, opts) { |
c7ee0c11 | 160 | Ext.Msg.alert('Error', response.htmlStatus); |
f6710aac | 161 | }, |
c7ee0c11 DM |
162 | }); |
163 | }; | |
164 | ||
a8d854af AL |
165 | let run_move = function() { |
166 | let rec = me.selModel.getSelection()[0]; | |
c7164db7 DC |
167 | if (!rec) { |
168 | return; | |
169 | } | |
170 | ||
171 | var win = Ext.create('PVE.window.HDMove', { | |
172 | disk: rec.data.key, | |
173 | nodename: nodename, | |
174 | vmid: vmid, | |
f6710aac | 175 | type: 'lxc', |
c7164db7 DC |
176 | }); |
177 | ||
178 | win.show(); | |
179 | ||
180 | win.on('destroy', me.reload, me); | |
181 | }; | |
182 | ||
a8d854af AL |
183 | let run_reassign = function() { |
184 | let rec = me.selModel.getSelection()[0]; | |
185 | if (!rec) { | |
186 | return; | |
187 | } | |
188 | ||
3bde324f | 189 | Ext.create('PVE.window.GuestDiskReassign', { |
a8d854af AL |
190 | disk: rec.data.key, |
191 | nodename: nodename, | |
192 | autoShow: true, | |
193 | vmid: vmid, | |
194 | type: 'lxc', | |
195 | listeners: { | |
196 | destroy: () => me.reload(), | |
197 | }, | |
198 | }); | |
199 | }; | |
200 | ||
5720fafa | 201 | var edit_btn = new Proxmox.button.Button({ |
c7ee0c11 | 202 | text: gettext('Edit'), |
14dd743b | 203 | selModel: me.selModel, |
c7ee0c11 DM |
204 | disabled: true, |
205 | enableFn: function(rec) { | |
206 | if (!rec) { | |
207 | return false; | |
208 | } | |
209 | var rowdef = rows[rec.data.key]; | |
210 | return !!rowdef.editor; | |
211 | }, | |
f6710aac | 212 | handler: function() { me.run_editor(); }, |
c7ee0c11 DM |
213 | }); |
214 | ||
5720fafa | 215 | var remove_btn = new Proxmox.button.Button({ |
c7ee0c11 | 216 | text: gettext('Remove'), |
986ccfe4 AL |
217 | defaultText: gettext('Remove'), |
218 | altText: gettext('Detach'), | |
14dd743b | 219 | selModel: me.selModel, |
c7ee0c11 DM |
220 | disabled: true, |
221 | dangerous: true, | |
222 | confirmMsg: function(rec) { | |
986ccfe4 AL |
223 | let warn = Ext.String.format(gettext('Are you sure you want to remove entry {0}')); |
224 | if (this.text === this.altText) { | |
225 | warn = gettext('Are you sure you want to detach entry {0}'); | |
226 | } | |
cc80f765 TL |
227 | let rendered = me.renderKey(rec.data.key, {}, rec); |
228 | let msg = Ext.String.format(warn, `'${rendered}'`); | |
986ccfe4 | 229 | |
c7ee0c11 | 230 | if (rec.data.key.match(/^unused\d+$/)) { |
16152937 | 231 | msg += " " + gettext('This will permanently erase all data.'); |
c7ee0c11 | 232 | } |
c7ee0c11 DM |
233 | return msg; |
234 | }, | |
f6710aac | 235 | handler: run_remove, |
986ccfe4 AL |
236 | listeners: { |
237 | render: function(btn) { | |
238 | // hack: calculate the max button width on first display to prevent the whole | |
239 | // toolbar to move when we switch between the "Remove" and "Detach" labels | |
240 | let def = btn.getSize().width; | |
241 | ||
242 | btn.setText(btn.altText); | |
243 | let alt = btn.getSize().width; | |
244 | ||
245 | btn.setText(btn.defaultText); | |
246 | ||
247 | let optimal = alt > def ? alt : def; | |
248 | btn.setSize({ width: optimal }); | |
249 | }, | |
250 | }, | |
c7ee0c11 DM |
251 | }); |
252 | ||
a8d854af AL |
253 | let move_menuitem = new Ext.menu.Item({ |
254 | text: gettext('Move Storage'), | |
255 | tooltip: gettext('Move volume to another storage'), | |
256 | iconCls: 'fa fa-database', | |
c7164db7 | 257 | selModel: me.selModel, |
f6710aac | 258 | handler: run_move, |
c7164db7 DC |
259 | }); |
260 | ||
a8d854af AL |
261 | let reassign_menuitem = new Ext.menu.Item({ |
262 | text: gettext('Reassign Owner'), | |
263 | tooltip: gettext('Reassign volume to another CT'), | |
264 | iconCls: 'fa fa-cube', | |
265 | handler: run_reassign, | |
266 | reference: 'reassing_item', | |
267 | }); | |
268 | ||
269 | let resize_menuitem = new Ext.menu.Item({ | |
270 | text: gettext('Resize'), | |
271 | iconCls: 'fa fa-plus', | |
272 | selModel: me.selModel, | |
273 | handler: run_resize, | |
274 | }); | |
275 | ||
276 | let volumeaction_btn = new Proxmox.button.Button({ | |
277 | text: gettext('Volume Action'), | |
278 | disabled: true, | |
279 | menu: { | |
280 | items: [ | |
281 | move_menuitem, | |
282 | reassign_menuitem, | |
283 | resize_menuitem, | |
284 | ], | |
285 | }, | |
286 | }); | |
287 | ||
417f904f | 288 | var revert_btn = new PVE.button.PendingRevert(); |
273b5ce3 | 289 | |
c7ee0c11 | 290 | var set_button_status = function() { |
14dd743b | 291 | var rec = me.selModel.getSelection()[0]; |
c7ee0c11 DM |
292 | |
293 | if (!rec) { | |
294 | edit_btn.disable(); | |
295 | remove_btn.disable(); | |
a8d854af | 296 | volumeaction_btn.disable(); |
273b5ce3 | 297 | revert_btn.disable(); |
c7ee0c11 DM |
298 | return; |
299 | } | |
300 | var key = rec.data.key; | |
301 | var value = rec.data.value; | |
302 | var rowdef = rows[key]; | |
303 | ||
399ffa76 | 304 | var pending = rec.data.delete || me.hasPendingChanges(key); |
a8d854af AL |
305 | let isRootFS = key === 'rootfs'; |
306 | let isDisk = isRootFS || key.match(/^(mp|unused)\d+/); | |
5ef877b9 | 307 | var isUnusedDisk = key.match(/^unused\d+/); |
986ccfe4 | 308 | var isUsedDisk = isDisk && !isUnusedDisk; |
c7ee0c11 | 309 | |
399ffa76 | 310 | var noedit = rec.data.delete || !rowdef.editor; |
35a04562 | 311 | if (!noedit && Proxmox.UserName !== 'root@pam' && key.match(/^mp\d+$/)) { |
c7ee0c11 DM |
312 | var mp = PVE.Parser.parseLxcMountPoint(value); |
313 | if (mp.type !== 'volume') { | |
314 | noedit = true; | |
315 | } | |
316 | } | |
317 | edit_btn.setDisabled(noedit); | |
318 | ||
a8d854af AL |
319 | volumeaction_btn.setDisabled(!isDisk || !diskCap); |
320 | move_menuitem.setDisabled(isUnusedDisk); | |
321 | reassign_menuitem.setDisabled(isRootFS); | |
322 | resize_menuitem.setDisabled(isUnusedDisk); | |
323 | ||
324 | remove_btn.setDisabled(!isDisk || isRootFS || !diskCap || pending); | |
273b5ce3 | 325 | revert_btn.setDisabled(!pending); |
986ccfe4 AL |
326 | |
327 | remove_btn.setText(isUsedDisk ? remove_btn.altText : remove_btn.defaultText); | |
c7ee0c11 | 328 | }; |
2a4971d8 | 329 | |
1a2fdf62 DL |
330 | var sorterFn = function(rec1, rec2) { |
331 | var v1 = rec1.data.key; | |
332 | var v2 = rec2.data.key; | |
333 | var g1 = rows[v1].group || 0; | |
334 | var g2 = rows[v2].group || 0; | |
335 | var order1 = rows[v1].order || 0; | |
336 | var order2 = rows[v2].order || 0; | |
337 | ||
53e3ea84 | 338 | if (g1 - g2 !== 0) { |
1a2fdf62 DL |
339 | return g1 - g2; |
340 | } | |
341 | ||
53e3ea84 | 342 | if (order1 - order2 !== 0) { |
1a2fdf62 DL |
343 | return order1 - order2; |
344 | } | |
345 | ||
346 | if (v1 > v2) { | |
347 | return 1; | |
348 | } else if (v1 < v2) { | |
349 | return -1; | |
350 | } else { | |
351 | return 0; | |
352 | } | |
93bd0d75 | 353 | }; |
1a2fdf62 | 354 | |
f7993618 | 355 | Ext.apply(me, { |
9fd8d73e | 356 | url: "/api2/json/nodes/" + nodename + "/lxc/" + vmid + "/pending", |
14dd743b TL |
357 | selModel: me.selModel, |
358 | interval: 2000, | |
c7ee0c11 DM |
359 | cwidth1: 170, |
360 | tbar: [ | |
361 | { | |
362 | text: gettext('Add'), | |
363 | menu: new Ext.menu.Menu({ | |
364 | items: [ | |
365 | { | |
366 | text: gettext('Mount Point'), | |
809f6b6e | 367 | iconCls: 'fa fa-fw fa-hdd-o black', |
c7ee0c11 DM |
368 | disabled: !caps.vms['VM.Config.Disk'], |
369 | handler: function() { | |
163d9f17 TL |
370 | Ext.create('PVE.lxc.MountPointEdit', { |
371 | autoShow: true, | |
372 | url: `/api2/extjs/${baseurl}`, | |
c15e9cd5 | 373 | unprivileged: me.getObjectValue('unprivileged'), |
f6710aac | 374 | pveSelNode: me.pveSelNode, |
163d9f17 TL |
375 | listeners: { |
376 | destroy: () => me.reload(), | |
377 | }, | |
c7ee0c11 | 378 | }); |
f6710aac TL |
379 | }, |
380 | }, | |
381 | ], | |
382 | }), | |
c7ee0c11 DM |
383 | }, |
384 | edit_btn, | |
385 | remove_btn, | |
a8d854af | 386 | volumeaction_btn, |
f6710aac | 387 | revert_btn, |
c7ee0c11 DM |
388 | ], |
389 | rows: rows, | |
1a2fdf62 | 390 | sorterFn: sorterFn, |
14dd743b TL |
391 | editorConfig: { |
392 | pveSelNode: me.pveSelNode, | |
f6710aac | 393 | url: '/api2/extjs/' + baseurl, |
14dd743b | 394 | }, |
c7ee0c11 | 395 | listeners: { |
14dd743b | 396 | itemdblclick: me.run_editor, |
f6710aac TL |
397 | selectionchange: set_button_status, |
398 | }, | |
c7ee0c11 DM |
399 | }); |
400 | ||
401 | me.callParent(); | |
14dd743b TL |
402 | |
403 | me.on('activate', me.rstore.startUpdate); | |
404 | me.on('destroy', me.rstore.stopUpdate); | |
405 | me.on('deactivate', me.rstore.stopUpdate); | |
406 | ||
69f36699 DC |
407 | me.mon(me.getStore(), 'datachanged', function() { |
408 | set_button_status(); | |
409 | }); | |
410 | ||
14dd743b | 411 | Ext.apply(me.editorConfig, { unprivileged: me.getObjectValue('unprivileged') }); |
f6710aac | 412 | }, |
c7ee0c11 | 413 | }); |