www/manager6/qemu/HardwareView.js

   1 Ext.define('PVE.qemu.HardwareView', {
   2     extend: 'PVE.grid.PendingObjectGrid',
   3     alias: ['widget.PVE.qemu.HardwareView'],
   4
   5     onlineHelp: 'qm_virtual_machines_settings',
   6
   7     renderKey: function(key, metaData, rec, rowIndex, colIndex, store) {
   8         var me = this;
   9         var rows = me.rows;
  10         var rowdef = rows[key] || {};
  11
  12         metaData.tdAttr = "valign=middle";
  13
  14         if (rowdef.tdCls) {
  15             metaData.tdCls = rowdef.tdCls;
  16             if (rowdef.tdCls == 'pve-itype-icon-storage') {
  17                 var value = me.getObjectValue(key, '', true);
  18                 if (value.match(/media=cdrom/)) {
  19                     metaData.tdCls = 'pve-itype-icon-cdrom';
  20                     return rowdef.cdheader;
  21                 }
  22             }
  23         }
  24         return rowdef.header || key;
  25     },
  26
  27     initComponent : function() {
  28         var me = this;
  29         var i, confid;
  30
  31         var nodename = me.pveSelNode.data.node;
  32         if (!nodename) {
  33             throw "no node name specified";
  34         }
  35
  36         var vmid = me.pveSelNode.data.vmid;
  37         if (!vmid) {
  38             throw "no VM ID specified";
  39         }
  40
  41         var caps = Ext.state.Manager.get('GuiCap');
  42
  43         var rows = {
  44             memory: {
  45                 header: gettext('Memory'),
  46                 editor: caps.vms['VM.Config.Memory'] ? 'PVE.qemu.MemoryEdit' : undefined,
  47                 never_delete: true,
  48                 defaultValue: '512',
  49                 tdCls: 'pve-itype-icon-memory',
  50                 renderer: function(value, metaData, record) {
  51                     var balloon =  me.getObjectValue('balloon');
  52                     if (balloon) {
  53                         return PVE.Utils.format_size(balloon*1024*1024) + "/" +
  54                             PVE.Utils.format_size(value*1024*1024);
  55
  56                     }
  57                     return PVE.Utils.format_size(value*1024*1024);
  58                 }
  59             },
  60             sockets: {
  61                 header: gettext('Processors'),
  62                 never_delete: true,
  63                 editor: (caps.vms['VM.Config.CPU'] || caps.vms['VM.Config.HWType']) ?
  64                     'PVE.qemu.ProcessorEdit' : undefined,
  65                 tdCls: 'pve-itype-icon-processor',
  66                 defaultValue: '1',
  67                 multiKey: ['sockets', 'cpu', 'cores', 'numa', 'vcpus', 'cpulimit', 'cpuunits'],
  68                 renderer: function(value, metaData, record, rowIndex, colIndex, store, pending) {
  69
  70                     var sockets = me.getObjectValue('sockets', 1, pending);
  71                     var model = me.getObjectValue('cpu', undefined, pending);
  72                     var cores = me.getObjectValue('cores', 1, pending);
  73                     var numa = me.getObjectValue('numa', undefined, pending);
  74                     var vcpus = me.getObjectValue('vcpus', undefined, pending);
  75                     var cpulimit = me.getObjectValue('cpulimit', undefined, pending);
  76                     var cpuunits = me.getObjectValue('cpuunits', undefined, pending);
  77
  78                     var res = Ext.String.format('{0} ({1} sockets, {2} cores)',
  79                         sockets*cores, sockets, cores);
  80
  81                     if (model) {
  82                         res += ' [' + model + ']';
  83                     }
  84
  85                     if (numa) {
  86                         res += ' [numa=' + numa +']';
  87                     }
  88
  89                     if (vcpus) {
  90                         res += ' [vcpus=' + vcpus +']';
  91                     }
  92
  93                     if (cpulimit) {
  94                         res += ' [cpulimit=' + cpulimit +']';
  95                     }
  96
  97                     if (cpuunits) {
  98                         res += ' [cpuunits=' + cpuunits +']';
  99                     }
 100
 101                     return res;
 102                 }
 103             },
 104             keyboard: {
 105                 header: gettext('Keyboard Layout'),
 106                 never_delete: true,
 107                 editor: caps.vms['VM.Config.Options'] ? 'PVE.qemu.KeyboardEdit' : undefined,
 108                 tdCls: 'pve-itype-icon-keyboard',
 109                 defaultValue: '',
 110                 renderer: PVE.Utils.render_kvm_language
 111             },
 112             vga: {
 113                 header: gettext('Display'),
 114                 editor: caps.vms['VM.Config.HWType'] ? 'PVE.qemu.DisplayEdit' : undefined,
 115                 never_delete: true,
 116                 tdCls: 'pve-itype-icon-display',
 117                 defaultValue: '',
 118                 renderer: PVE.Utils.render_kvm_vga_driver
 119             },
 120             cores: {
 121                 visible: false
 122             },
 123             cpu: {
 124                 visible: false
 125             },
 126             numa: {
 127                 visible: false
 128             },
 129             balloon: {
 130                 visible: false
 131             },
 132             hotplug: {
 133                 visible: false
 134             },
 135             vcpus: {
 136                 visible: false
 137             },
 138             cpuunits: {
 139                 visible: false
 140             },
 141             cpulimit: {
 142                 visible: false
 143             },
 144             bios: {
 145                 visible: false
 146             }
 147
 148         };
 149
 150         for (i = 0; i < 4; i++) {
 151             confid = "ide" + i.toString();
 152             rows[confid] = {
 153                 group: 1,
 154                 tdCls: 'pve-itype-icon-storage',
 155                 editor: 'PVE.qemu.HDEdit',
 156                 never_delete: caps.vms['VM.Config.Disk'] ? false : true,
 157                 header: gettext('Hard Disk') + ' (' + confid +')',
 158                 cdheader: gettext('CD/DVD Drive') + ' (' + confid +')'
 159             };
 160         }
 161         for (i = 0; i < 6; i++) {
 162             confid = "sata" + i.toString();
 163             rows[confid] = {
 164                 group: 1,
 165                 tdCls: 'pve-itype-icon-storage',
 166                 editor: 'PVE.qemu.HDEdit',
 167                 never_delete: caps.vms['VM.Config.Disk'] ? false : true,
 168                 header: gettext('Hard Disk') + ' (' + confid +')',
 169                 cdheader: gettext('CD/DVD Drive') + ' (' + confid +')'
 170             };
 171         }
 172         for (i = 0; i < 16; i++) {
 173             confid = "scsi" + i.toString();
 174             rows[confid] = {
 175                 group: 1,
 176                 tdCls: 'pve-itype-icon-storage',
 177                 editor: 'PVE.qemu.HDEdit',
 178                 never_delete: caps.vms['VM.Config.Disk'] ? false : true,
 179                 header: gettext('Hard Disk') + ' (' + confid +')',
 180                 cdheader: gettext('CD/DVD Drive') + ' (' + confid +')'
 181             };
 182         }
 183         for (i = 0; i < 16; i++) {
 184             confid = "virtio" + i.toString();
 185             rows[confid] = {
 186                 group: 1,
 187                 tdCls: 'pve-itype-icon-storage',
 188                 editor: 'PVE.qemu.HDEdit',
 189                 never_delete: caps.vms['VM.Config.Disk'] ? false : true,
 190                 header: gettext('Hard Disk') + ' (' + confid +')',
 191                 cdheader: gettext('CD/DVD Drive') + ' (' + confid +')'
 192             };
 193         }
 194         for (i = 0; i < 32; i++) {
 195             confid = "net" + i.toString();
 196             rows[confid] = {
 197                 group: 2,
 198                 tdCls: 'pve-itype-icon-network',
 199                 editor: caps.vms['VM.Config.Network'] ? 'PVE.qemu.NetworkEdit' : undefined,
 200                 never_delete: caps.vms['VM.Config.Network'] ? false : true,
 201                 header: gettext('Network Device') + ' (' + confid +')'
 202             };
 203         }
 204         rows.efidisk0 = {
 205             group: 3,
 206             tdCls: 'pve-itype-icon-storage',
 207             editor: null,
 208             never_delete: caps.vms['VM.Config.Disk'] ? false : true,
 209             header: gettext('EFI Disk')
 210         };
 211         for (i = 0; i < 5; i++) {
 212             confid = "usb" + i.toString();
 213             rows[confid] = {
 214                 group: 4,
 215                 tdCls: 'pve-itype-icon-usb',
 216                 editor: caps.nodes['Sys.Console'] ? 'PVE.qemu.USBEdit' : undefined,
 217                 never_delete: caps.nodes['Sys.Console'] ? false : true,
 218                 header: gettext('USB Device') + ' (' + confid + ')'
 219             };
 220         }
 221         for (i = 0; i < 4; i++) {
 222             confid = "hostpci" + i.toString();
 223             rows[confid] = {
 224                 group: 5,
 225                 tdCls: 'pve-itype-icon-pci',
 226                 never_delete: caps.nodes['Sys.Console'] ? false : true,
 227                 header: gettext('PCI Device') + ' (' + confid + ')'
 228             };
 229         }
 230         for (i = 0; i < 8; i++) {
 231             rows["unused" + i.toString()] = {
 232                 group: 6,
 233                 tdCls: 'pve-itype-icon-storage',
 234                 editor: caps.vms['VM.Config.Disk'] ? 'PVE.qemu.HDEdit' : undefined,
 235                 header: gettext('Unused Disk') + ' ' + i.toString()
 236             };
 237         }
 238
 239         var sorterFn = function(rec1, rec2) {
 240             var v1 = rec1.data.key;
 241             var v2 = rec2.data.key;
 242             var g1 = rows[v1].group || 0;
 243             var g2 = rows[v2].group || 0;
 244
 245             return (g1 !== g2) ?
 246                 (g1 > g2 ? 1 : -1) : (v1 > v2 ? 1 : (v1 < v2 ? -1 : 0));
 247         };
 248
 249         var reload = function() {
 250             me.rstore.load();
 251         };
 252
 253         var baseurl = 'nodes/' + nodename + '/qemu/' + vmid + '/config';
 254
 255         var sm = Ext.create('Ext.selection.RowModel', {});
 256
 257         var run_editor = function() {
 258             var rec = sm.getSelection()[0];
 259             if (!rec) {
 260                 return;
 261             }
 262
 263             var rowdef = rows[rec.data.key];
 264             if (!rowdef.editor) {
 265                 return;
 266             }
 267
 268             var editor = rowdef.editor;
 269             if (rowdef.tdCls == 'pve-itype-icon-storage') {
 270                 var value = me.getObjectValue(rec.data.key, '', true);
 271                 if (value.match(/media=cdrom/)) {
 272                     editor = 'PVE.qemu.CDEdit';
 273                 }
 274             }
 275
 276             var win;
 277
 278             if (Ext.isString(editor)) {
 279                 win = Ext.create(editor, {
 280                     pveSelNode: me.pveSelNode,
 281                     confid: rec.data.key,
 282                     url: '/api2/extjs/' + baseurl
 283                 });
 284             } else {
 285                 var config = Ext.apply({
 286                     pveSelNode: me.pveSelNode,
 287                     confid: rec.data.key,
 288                     url: '/api2/extjs/' + baseurl
 289                 }, rowdef.editor);
 290                 win = Ext.createWidget(rowdef.editor.xtype, config);
 291                 win.load();
 292             }
 293
 294             win.show();
 295             win.on('destroy', reload);
 296         };
 297
 298         var run_diskthrottle = function() {
 299             var rec = sm.getSelection()[0];
 300             if (!rec) {
 301                 return;
 302             }
 303
 304             var win = Ext.create('PVE.qemu.HDThrottle', {
 305                 pveSelNode: me.pveSelNode,
 306                 confid: rec.data.key,
 307                 url: '/api2/extjs/' + baseurl
 308             });
 309
 310             win.show();
 311             win.on('destroy', reload);
 312         };
 313
 314         var run_resize = function() {
 315             var rec = sm.getSelection()[0];
 316             if (!rec) {
 317                 return;
 318             }
 319
 320             var win = Ext.create('PVE.window.HDResize', {
 321                 disk: rec.data.key,
 322                 nodename: nodename,
 323                 vmid: vmid
 324             });
 325
 326             win.show();
 327
 328             win.on('destroy', reload);
 329         };
 330
 331         var run_cpuoptions = function() {
 332             var sockets = me.getObjectValue('sockets', 1);
 333             var cores = me.getObjectValue('cores', 1);
 334
 335             var win = Ext.create('PVE.qemu.CPUOptions', {
 336                 maxvcpus: sockets * cores,
 337                 vmid: vmid,
 338                 pveSelNode: me.pveSelNode,
 339                 url: '/api2/extjs/' + baseurl
 340             });
 341
 342             win.show();
 343
 344             win.on('destroy', reload);
 345         };
 346
 347         var run_move = function() {
 348             var rec = sm.getSelection()[0];
 349             if (!rec) {
 350                 return;
 351             }
 352
 353             var win = Ext.create('PVE.window.HDMove', {
 354                 disk: rec.data.key,
 355                 nodename: nodename,
 356                 vmid: vmid
 357             });
 358
 359             win.show();
 360
 361             win.on('destroy', reload);
 362         };
 363
 364         var edit_btn = new PVE.button.Button({
 365             text: gettext('Edit'),
 366             selModel: sm,
 367             disabled: true,
 368             handler: run_editor
 369         });
 370
 371         var resize_btn = new PVE.button.Button({
 372             text: gettext('Resize disk'),
 373             selModel: sm,
 374             disabled: true,
 375             handler: run_resize
 376         });
 377
 378         var move_btn = new PVE.button.Button({
 379             text: gettext('Move disk'),
 380             selModel: sm,
 381             disabled: true,
 382             handler: run_move
 383         });
 384
 385         var diskthrottle_btn = new PVE.button.Button({
 386             text: gettext('Disk Throttle'),
 387             selModel: sm,
 388             disabled: true,
 389             handler: run_diskthrottle
 390         });
 391
 392         var cpuoptions_btn = new Ext.Button({
 393             text: gettext('CPU options'),
 394             handler: run_cpuoptions
 395         });
 396
 397         var remove_btn = new PVE.button.Button({
 398             text: gettext('Remove'),
 399             selModel: sm,
 400             disabled: true,
 401             dangerous: true,
 402             confirmMsg: function(rec) {
 403                 var msg = Ext.String.format(gettext('Are you sure you want to remove entry {0}'),
 404                                             "'" + me.renderKey(rec.data.key, {}, rec) + "'");
 405                 if (rec.data.key.match(/^unused\d+$/)) {
 406                     msg += " " + gettext('This will permanently erase all data.');
 407                 }
 408
 409                 return msg;
 410             },
 411             handler: function(b, e, rec) {
 412                 PVE.Utils.API2Request({
 413                     url: '/api2/extjs/' + baseurl,
 414                     waitMsgTarget: me,
 415                     method: 'PUT',
 416                     params: {
 417                         'delete': rec.data.key
 418                     },
 419                     callback: function() {
 420                         reload();
 421                     },
 422                     failure: function (response, opts) {
 423                         Ext.Msg.alert('Error', response.htmlStatus);
 424                     }
 425                 });
 426             }
 427         });
 428
 429         var revert_btn = new PVE.button.Button({
 430             text: gettext('Revert'),
 431             selModel: sm,
 432             disabled: true,
 433             handler: function(b, e, rec) {
 434                 var rowdef = me.rows[rec.data.key] || {};
 435                 var keys = rowdef.multiKey ||  [ rec.data.key ];
 436                 var revert = keys.join(',');
 437                 PVE.Utils.API2Request({
 438                     url: '/api2/extjs/' + baseurl,
 439                     waitMsgTarget: me,
 440                     method: 'PUT',
 441                     params: {
 442                         'revert': revert
 443                     },
 444                     callback: function() {
 445                         reload();
 446                     },
 447                     failure: function (response, opts) {
 448                         Ext.Msg.alert('Error',response.htmlStatus);
 449                     }
 450                 });
 451             }
 452         });
 453
 454         var efidisk_menuitem = Ext.create('Ext.menu.Item',{
 455             text: gettext('EFI Disk'),
 456             iconCls: 'pve-itype-icon-storage',
 457             disabled: !caps.vms['VM.Config.Disk'],
 458             handler: function() {
 459
 460                 var rstoredata = me.rstore.getData().map;
 461                 // check if ovmf is configured
 462                 if (rstoredata.bios && rstoredata.bios.data.value === 'ovmf') {
 463                     var win = Ext.create('PVE.qemu.EFIDiskEdit', {
 464                         url: '/api2/extjs/' + baseurl,
 465                         pveSelNode: me.pveSelNode
 466                     });
 467                     win.on('destroy', reload);
 468                     win.show();
 469                 } else {
 470                     Ext.Msg.alert('Error',gettext('Please select OVMF(UEFI) as BIOS first.'));
 471                 }
 472
 473             }
 474         });
 475
 476         var set_button_status = function() {
 477             var sm = me.getSelectionModel();
 478             var rec = sm.getSelection()[0];
 479
 480             // disable button when we have an efidisk already
 481             // disable is ok in this case, because you can instantly
 482             // see that there is already one
 483             efidisk_menuitem.setDisabled(me.rstore.getData().map.efidisk0 !== undefined);
 484             // en/disable usb add button
 485             var count = 0;
 486             me.rstore.getData().items.forEach(function(item){
 487                 if (/^usb\d+/.test(item.id)) {
 488                     count++;
 489                 }
 490             });
 491             me.down('#addusb').setDisabled((count >= 5));
 492
 493             if (!rec) {
 494                 remove_btn.disable();
 495                 edit_btn.disable();
 496                 resize_btn.disable();
 497                 move_btn.disable();
 498                 diskthrottle_btn.disable();
 499                 revert_btn.disable();
 500                 return;
 501             }
 502             var key = rec.data.key;
 503             var value = rec.data.value;
 504             var rowdef = rows[key];
 505
 506             var pending = rec.data['delete'] || me.hasPendingChanges(key);
 507             var isDisk = !key.match(/^unused\d+/) &&
 508                 rowdef.tdCls == 'pve-itype-icon-storage' &&
 509                 (value && !value.match(/media=cdrom/));
 510
 511             var isEfi = (key === 'efidisk0');
 512
 513
 514             remove_btn.setDisabled(rec.data['delete'] || (rowdef.never_delete === true));
 515
 516             edit_btn.setDisabled(rec.data['delete'] || !rowdef.editor);
 517
 518             resize_btn.setDisabled(pending || !isDisk);
 519
 520             move_btn.setDisabled(pending || !isDisk);
 521
 522             diskthrottle_btn.setDisabled(pending || !isDisk || isEfi);
 523
 524             revert_btn.setDisabled(!pending);
 525
 526         };
 527
 528         Ext.apply(me, {
 529             url: '/api2/json/' + 'nodes/' + nodename + '/qemu/' + vmid + '/pending',
 530             interval: 5000,
 531             selModel: sm,
 532             tbar: [
 533                 {
 534                     text: gettext('Add'),
 535                     menu: new Ext.menu.Menu({
 536                         items: [
 537                             {
 538                                 text: gettext('Hard Disk'),
 539                                 iconCls: 'pve-itype-icon-storage',
 540                                 disabled: !caps.vms['VM.Config.Disk'],
 541                                 handler: function() {
 542                                     var win = Ext.create('PVE.qemu.HDEdit', {
 543                                         url: '/api2/extjs/' + baseurl,
 544                                         pveSelNode: me.pveSelNode
 545                                     });
 546                                     win.on('destroy', reload);
 547                                     win.show();
 548                                 }
 549                             },
 550                             {
 551                                 text: gettext('CD/DVD Drive'),
 552                                 iconCls: 'pve-itype-icon-cdrom',
 553                                 disabled: !caps.vms['VM.Config.Disk'],
 554                                 handler: function() {
 555                                     var win = Ext.create('PVE.qemu.CDEdit', {
 556                                         url: '/api2/extjs/' + baseurl,
 557                                         pveSelNode: me.pveSelNode
 558                                     });
 559                                     win.on('destroy', reload);
 560                                     win.show();
 561                                 }
 562                             },
 563                             {
 564                                 text: gettext('Network Device'),
 565                                 iconCls: 'pve-itype-icon-network',
 566                                 disabled: !caps.vms['VM.Config.Network'],
 567                                 handler: function() {
 568                                     var win = Ext.create('PVE.qemu.NetworkEdit', {
 569                                         url: '/api2/extjs/' + baseurl,
 570                                         pveSelNode: me.pveSelNode
 571                                     });
 572                                     win.on('destroy', reload);
 573                                     win.show();
 574                                 }
 575                             },
 576                             efidisk_menuitem,
 577                             {
 578                                 text: gettext('USB Device'),
 579                                 itemId: 'addusb',
 580                                 iconCls: 'pve-itype-icon-usb',
 581                                 disabled: !caps.nodes['Sys.Console'],
 582                                 handler: function() {
 583                                     var win = Ext.create('PVE.qemu.USBEdit', {
 584                                         url: '/api2/extjs/' + baseurl,
 585                                         pveSelNode: me.pveSelNode
 586                                     });
 587                                     win.on('destroy', reload);
 588                                     win.show();
 589                                 }
 590                             }
 591                         ]
 592                     })
 593                 },
 594                 remove_btn,
 595                 edit_btn,
 596                 resize_btn,
 597                 move_btn,
 598                 diskthrottle_btn,
 599                 cpuoptions_btn,
 600                 revert_btn
 601             ],
 602             rows: rows,
 603             sorterFn: sorterFn,
 604             listeners: {
 605                 itemdblclick: run_editor,
 606                 selectionchange: set_button_status
 607             }
 608         });
 609
 610         me.callParent();
 611
 612         me.on('activate', me.rstore.startUpdate);
 613         me.on('destroy', me.rstore.stopUpdate);
 614
 615         me.mon(me.rstore, 'refresh', function() {
 616             set_button_status();
 617         });
 618     }
 619 });