by adding a new 'import' button in the disk tab, which adds the same input panel as the one we have when doing an 'Import Hard Disk' for an existing VM.
partially fixes #2424 Signed-off-by: Dominik Csapak <d.csa...@proxmox.com> --- www/manager6/panel/MultiDiskEdit.js | 36 +++++++++++++++++++++++++---- www/manager6/qemu/MultiHDEdit.js | 5 +++- 2 files changed, 36 insertions(+), 5 deletions(-) diff --git a/www/manager6/panel/MultiDiskEdit.js b/www/manager6/panel/MultiDiskEdit.js index ea1f974d..ffa2f234 100644 --- a/www/manager6/panel/MultiDiskEdit.js +++ b/www/manager6/panel/MultiDiskEdit.js @@ -1,6 +1,8 @@ Ext.define('PVE.panel.MultiDiskPanel', { extend: 'Ext.panel.Panel', + mixins: ['Proxmox.Mixin.CBind'], + setNodename: function(nodename) { this.items.each((panel) => panel.setNodename(nodename)); }, @@ -8,6 +10,8 @@ Ext.define('PVE.panel.MultiDiskPanel', { border: false, bodyBorder: false, + importDisk: false, // allow import panel + layout: 'card', controller: { @@ -16,25 +20,35 @@ Ext.define('PVE.panel.MultiDiskPanel', { vmconfig: {}, onAdd: function() { + this.addDiskChecked(false); + }, + + onImport: function() { + this.addDiskChecked(true); + }, + + addDiskChecked: function(importDisk) { let me = this; me.lookup('addButton').setDisabled(true); - me.addDisk(); + me.lookup('addImportButton').setDisabled(true); + me.addDisk(importDisk); let count = me.lookup('grid').getStore().getCount() + 1; // +1 is from ide2 me.lookup('addButton').setDisabled(count >= me.maxCount); + me.lookup('addImportButton').setDisabled(count >= me.maxCount); }, getNextFreeDisk: function(vmconfig) { throw "implement in subclass"; }, - addPanel: function(itemId, vmconfig, nextFreeDisk) { + addPanel: function(itemId, vmconfig, nextFreeDisk, importDisk) { throw "implement in subclass"; }, // define in subclass diskSorter: undefined, - addDisk: function() { + addDisk: function(importDisk) { let me = this; let grid = me.lookup('grid'); let store = grid.getStore(); @@ -53,7 +67,7 @@ Ext.define('PVE.panel.MultiDiskPanel', { itemId, })[0]; - let panel = me.addPanel(itemId, vmconfig, nextFreeDisk); + let panel = me.addPanel(itemId, vmconfig, nextFreeDisk, importDisk); panel.updateVMConfig(vmconfig); // we need to setup a validitychange handler, so that we can show @@ -171,6 +185,7 @@ Ext.define('PVE.panel.MultiDiskPanel', { store.remove(record); me.getView().remove(record.get('itemId')); me.lookup('addButton').setDisabled(false); + me.lookup('addImportButton').setDisabled(false); me.updateVMConfig(); me.checkValidity(); }, @@ -210,6 +225,7 @@ Ext.define('PVE.panel.MultiDiskPanel', { dock: 'left', border: false, width: 130, + cbind: {}, // for nested cbinds items: [ { xtype: 'grid', @@ -257,6 +273,18 @@ Ext.define('PVE.panel.MultiDiskPanel', { iconCls: 'fa fa-plus-circle', handler: 'onAdd', }, + { + xtype: 'button', + reference: 'addImportButton', + text: gettext('Import'), + iconCls: 'fa fa-cloud-download', + handler: 'onImport', + margin: '5 0 0 0', + cbind: { + disabled: '{!importDisk}', + hidden: '{!importDisk}', + }, + }, { // dummy field to control wizard validation xtype: 'textfield', diff --git a/www/manager6/qemu/MultiHDEdit.js b/www/manager6/qemu/MultiHDEdit.js index 27884f3f..159236b6 100644 --- a/www/manager6/qemu/MultiHDEdit.js +++ b/www/manager6/qemu/MultiHDEdit.js @@ -4,6 +4,8 @@ Ext.define('PVE.qemu.MultiHDPanel', { onlineHelp: 'qm_hard_disk', + importDisk: true, + controller: { xclass: 'Ext.app.ViewController', @@ -16,7 +18,7 @@ Ext.define('PVE.qemu.MultiHDPanel', { return PVE.Utils.nextFreeDisk(clist, vmconfig); }, - addPanel: function(itemId, vmconfig, nextFreeDisk) { + addPanel: function(itemId, vmconfig, nextFreeDisk, importDisk) { let me = this; return me.getView().add({ vmconfig, @@ -30,6 +32,7 @@ Ext.define('PVE.qemu.MultiHDPanel', { itemId, isCreate: true, insideWizard: true, + importDisk, }); }, -- 2.39.5 _______________________________________________ pve-devel mailing list pve-devel@lists.proxmox.com https://lists.proxmox.com/cgi-bin/mailman/listinfo/pve-devel