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         var i, 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: 'pve-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: 'pve-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             selModel: me.selModel,
 195             disabled: true,
 196             dangerous: true,
 197             confirmMsg: function(rec) {
 198                 var msg = Ext.String.format(gettext('Are you sure you want to remove entry {0}'),
 199                                             "'" + me.renderKey(rec.data.key, {}, rec) + "'");
 200                 if (rec.data.key.match(/^unused\d+$/)) {
 201                     msg += " " + gettext('This will permanently erase all data.');
 202                 }
 203
 204                 return msg;
 205             },
 206             handler: run_remove,
 207         });
 208
 209         var move_btn = new Proxmox.button.Button({
 210             text: gettext('Move Volume'),
 211             selModel: me.selModel,
 212             disabled: true,
 213             dangerous: true,
 214             handler: run_move,
 215         });
 216
 217         var revert_btn = new PVE.button.PendingRevert();
 218
 219         var set_button_status = function() {
 220             var rec = me.selModel.getSelection()[0];
 221
 222             if (!rec) {
 223                 edit_btn.disable();
 224                 remove_btn.disable();
 225                 resize_btn.disable();
 226                 revert_btn.disable();
 227                 return;
 228             }
 229             var key = rec.data.key;
 230             var value = rec.data.value;
 231             var rowdef = rows[key];
 232
 233             var pending = rec.data['delete'] || me.hasPendingChanges(key);
 234             var isDisk = rowdef.tdCls == 'pve-itype-icon-storage';
 235             var isUnusedDisk = key.match(/^unused\d+/);
 236
 237             var noedit = rec.data['delete'] || !rowdef.editor;
 238             if (!noedit && Proxmox.UserName !== 'root@pam' && key.match(/^mp\d+$/)) {
 239                 var mp = PVE.Parser.parseLxcMountPoint(value);
 240                 if (mp.type !== 'volume') {
 241                     noedit = true;
 242                 }
 243             }
 244             edit_btn.setDisabled(noedit);
 245
 246             remove_btn.setDisabled(!isDisk || rec.data.key === 'rootfs' || !diskCap || pending);
 247             resize_btn.setDisabled(!isDisk || !diskCap || isUnusedDisk);
 248             move_btn.setDisabled(!isDisk || !diskCap);
 249             revert_btn.setDisabled(!pending);
 250         };
 251
 252         var sorterFn = function(rec1, rec2) {
 253             var v1 = rec1.data.key;
 254             var v2 = rec2.data.key;
 255             var g1 = rows[v1].group || 0;
 256             var g2 = rows[v2].group || 0;
 257             var order1 = rows[v1].order || 0;
 258             var order2 = rows[v2].order || 0;
 259
 260             if (g1 - g2 !== 0) {
 261                 return g1 - g2;
 262             }
 263
 264             if (order1 - order2 !== 0) {
 265                 return order1 - order2;
 266             }
 267
 268             if (v1 > v2) {
 269                 return 1;
 270             } else if (v1 < v2) {
 271                 return -1;
 272             } else {
 273                 return 0;
 274             }
 275         };
 276
 277         Ext.apply(me, {
 278             url: "/api2/json/nodes/" + nodename + "/lxc/" + vmid + "/pending",
 279             selModel: me.selModel,
 280             interval: 2000,
 281             cwidth1: 170,
 282             tbar: [
 283                 {
 284                     text: gettext('Add'),
 285                     menu: new Ext.menu.Menu({
 286                         items: [
 287                             {
 288                                 text: gettext('Mount Point'),
 289                                 iconCls: 'pve-itype-icon-storage',
 290                                 disabled: !caps.vms['VM.Config.Disk'],
 291                                 handler: function() {
 292                                     var win = Ext.create('PVE.lxc.MountPointEdit', {
 293                                         url: '/api2/extjs/' + baseurl,
 294                                         unprivileged: me.getObjectValue('unprivileged'),
 295                                         pveSelNode: me.pveSelNode,
 296                                     });
 297                                     win.on('destroy', me.reload, me);
 298                                     win.show();
 299                                 },
 300                             },
 301                         ],
 302                     }),
 303                 },
 304                 edit_btn,
 305                 remove_btn,
 306                 resize_btn,
 307                 move_btn,
 308                 revert_btn,
 309             ],
 310             rows: rows,
 311             sorterFn: sorterFn,
 312             editorConfig: {
 313                 pveSelNode: me.pveSelNode,
 314                 url: '/api2/extjs/' + baseurl,
 315             },
 316             listeners: {
 317                 itemdblclick: me.run_editor,
 318                 selectionchange: set_button_status,
 319             },
 320         });
 321
 322         me.callParent();
 323
 324         me.on('activate', me.rstore.startUpdate);
 325         me.on('destroy', me.rstore.stopUpdate);
 326         me.on('deactivate', me.rstore.stopUpdate);
 327
 328         me.mon(me.getStore(), 'datachanged', function() {
 329             set_button_status();
 330         });
 331
 332         Ext.apply(me.editorConfig, { unprivileged: me.getObjectValue('unprivileged') });
 333     },
 334 });