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