www/manager6/lxc/Resources.js

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