From mboxrd@z Thu Jan  1 00:00:00 1970
Return-Path: <pve-devel-bounces@lists.proxmox.com>
Received: from firstgate.proxmox.com (firstgate.proxmox.com [IPv6:2a01:7e0:0:424::9])
	by lore.proxmox.com (Postfix) with ESMTPS id D7BB31FF15E
	for <inbox@lore.proxmox.com>; Tue,  8 Apr 2025 14:13:52 +0200 (CEST)
Received: from firstgate.proxmox.com (localhost [127.0.0.1])
	by firstgate.proxmox.com (Proxmox) with ESMTP id 0B7B51AF45;
	Tue,  8 Apr 2025 14:13:46 +0200 (CEST)
From: Dominik Csapak <d.csapak@proxmox.com>
To: pve-devel@lists.proxmox.com
Date: Tue,  8 Apr 2025 14:13:12 +0200
Message-Id: <20250408121312.312526-4-d.csapak@proxmox.com>
X-Mailer: git-send-email 2.39.5
In-Reply-To: <20250408121312.312526-1-d.csapak@proxmox.com>
References: <20250408121312.312526-1-d.csapak@proxmox.com>
MIME-Version: 1.0
X-SPAM-LEVEL: Spam detection results:  0
 AWL 0.022 Adjusted score from AWL reputation of From: address
 BAYES_00                 -1.9 Bayes spam probability is 0 to 1%
 DMARC_MISSING             0.1 Missing DMARC policy
 KAM_DMARC_STATUS 0.01 Test Rule for DKIM or SPF Failure with Strict Alignment
 SPF_HELO_NONE           0.001 SPF: HELO does not publish an SPF Record
 SPF_PASS               -0.001 SPF: sender matches SPF record
Subject: [pve-devel] [PATCH manager v7 3/3] ui: import storage content:
 allow importing of vm disk images
X-BeenThere: pve-devel@lists.proxmox.com
X-Mailman-Version: 2.1.29
Precedence: list
List-Id: Proxmox VE development discussion <pve-devel.lists.proxmox.com>
List-Unsubscribe: <https://lists.proxmox.com/cgi-bin/mailman/options/pve-devel>, 
 <mailto:pve-devel-request@lists.proxmox.com?subject=unsubscribe>
List-Archive: <http://lists.proxmox.com/pipermail/pve-devel/>
List-Post: <mailto:pve-devel@lists.proxmox.com>
List-Help: <mailto:pve-devel-request@lists.proxmox.com?subject=help>
List-Subscribe: <https://lists.proxmox.com/cgi-bin/mailman/listinfo/pve-devel>, 
 <mailto:pve-devel-request@lists.proxmox.com?subject=subscribe>
Reply-To: Proxmox VE development discussion <pve-devel@lists.proxmox.com>
Content-Type: text/plain; charset="us-ascii"
Content-Transfer-Encoding: 7bit
Errors-To: pve-devel-bounces@lists.proxmox.com
Sender: "pve-devel" <pve-devel-bounces@lists.proxmox.com>

By enabling the import button for qcow2/vmdk/raw files, and showing a
window with a VMID selector and the disk edit panel.

Change the edit panel so that when we give an explicit volume id
directly, we don't let the user select one. Instead it show it in a
displayfield.

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
---
 www/manager6/qemu/HDEdit.js     | 180 +++++++++++++++++++++++++++-----
 www/manager6/storage/Browser.js |  22 ++--
 2 files changed, 171 insertions(+), 31 deletions(-)

diff --git a/www/manager6/qemu/HDEdit.js b/www/manager6/qemu/HDEdit.js
index 38bfb883..0a9c718d 100644
--- a/www/manager6/qemu/HDEdit.js
+++ b/www/manager6/qemu/HDEdit.js
@@ -9,6 +9,7 @@ Ext.define('PVE.qemu.HDInputPanel', {
     unused: false, // ADD usused disk imaged
 
     importDisk: false, // use import options
+    importSelection: undefined, // preselect a disk to import
 
     vmconfig: {}, // used to select usused disks
 
@@ -240,31 +241,44 @@ Ext.define('PVE.qemu.HDInputPanel', {
 		    autoSelect: me.insideWizard,
 		});
 	    } else {
-		column1.push({
-		    xtype: 'pveStorageSelector',
-		    reference: 'import-source',
-		    fieldLabel: gettext('Import Storage'),
-		    name: 'import-source-storage',
-		    storageContent: 'import',
-		    nodename: me.nodename,
-		    autoSelect: me.insideWizard,
-		    disabled: false,
-		    listeners: {
-			change: function(_selector, storage) {
-			    me.lookup('import-source-file').setStorage(storage);
-			    me.lookup('import-source-file').setDisabled(!storage);
+		if (me.importSelection) {
+		    column1.push({
+			xtype: 'displayfield',
+			fieldLabel: gettext('Selected Image'),
+			value: me.importSelection,
+		    });
+		    column1.push({
+			xtype: 'hiddenfield',
+			name: 'import-from',
+			value: me.importSelection,
+		    });
+		} else {
+		    column1.push({
+			xtype: 'pveStorageSelector',
+			reference: 'import-source',
+			fieldLabel: gettext('Import Storage'),
+			name: 'import-source-storage',
+			storageContent: 'import',
+			nodename: me.nodename,
+			autoSelect: me.insideWizard,
+			disabled: false,
+			listeners: {
+			    change: function(_selector, storage) {
+				me.lookup('import-source-file').setStorage(storage);
+				me.lookup('import-source-file').setDisabled(!storage);
+			    },
 			},
-		    },
-		});
-		column1.push({
-		    xtype: 'pveFileSelector',
-		    reference: 'import-source-file',
-		    fieldLabel: gettext("Select Image"),
-		    storageContent: 'import',
-		    name: 'import-from',
-		    filter: (rec) => ['qcow2', 'vmdk', 'raw'].indexOf(rec?.data?.format) !== -1,
-		    nodename: me.nodename,
-		});
+		    });
+		    column1.push({
+			xtype: 'pveFileSelector',
+			reference: 'import-source-file',
+			fieldLabel: gettext("Select Image"),
+			storageContent: 'import',
+			name: 'import-from',
+			filter: (rec) => ['qcow2', 'vmdk', 'raw'].indexOf(rec?.data?.format) !== -1,
+			nodename: me.nodename,
+		    });
+		}
 		column1.push({
 		    xtype: 'pveDiskStorageSelector',
 		    reference: 'import-target',
@@ -553,3 +567,121 @@ Ext.define('PVE.qemu.HDEdit', {
 	});
     },
 });
+
+Ext.define('PVE.qemu.HDImportEdit', {
+    extend: 'Proxmox.window.Edit',
+    mixins: ['Proxmox.Mixin.CBind'],
+
+    isAdd: true,
+    isCreate: true,
+
+    backgroundDelay: 5,
+
+    width: 600,
+    bodyPadding: 0,
+
+    title: gettext('Import Hard Disk'),
+
+    url: "dummy", // will be set on vmid change
+
+    cbindData: function() {
+	let me = this;
+
+	if (!me.nodename) {
+	    throw "no nodename given";
+	}
+
+	if (!me.selection) {
+	    throw "no image preselected";
+	}
+
+	return {
+	    nodename: me.nodename,
+	    selection: me.selection,
+	};
+    },
+
+    controller: {
+	xclass: 'Ext.app.ViewController',
+
+	onVmidChange: function(_selector, value) {
+	    let me = this;
+	    let view = me.getView();
+	    let ipanel = me.lookup('ipanel');
+	    ipanel.setDisabled(true);
+	    ipanel.setVisible(!!value);
+	    let validation = me.lookup('validationProxy');
+	    validation.setValue(false);
+	    view.url = `/api2/extjs/nodes/${view.nodename}/qemu/${value}/config`;
+	    Proxmox.Utils.setErrorMask(ipanel, true);
+
+	    Proxmox.Utils.API2Request({
+		url: view.url,
+		method: 'GET',
+		success: function(response, opts) {
+		    ipanel.setVMConfig(response.result.data);
+
+		    validation.setValue(true);
+
+		    ipanel.setDisabled(false);
+		    Proxmox.Utils.setErrorMask(ipanel, false);
+		},
+		failure: function(response, _opts) {
+		    Proxmox.Utils.setErrorMask(ipanel, response.htmlStatus);
+		},
+	    });
+	},
+    },
+
+    items: [
+	{
+	    xtype: 'vmComboSelector',
+	    padding: 10,
+	    allowBlank: false,
+	    fieldLabel: gettext('Target Guest'),
+	    submitValue: false,
+	    cbind: {}, // for nested cbinds
+	    store: {
+		model: 'PVEResources',
+		autoLoad: true,
+		sorters: 'vmid',
+		cbind: {}, // for nested cbinds
+		filters: [
+		    {
+			property: 'type',
+			value: 'qemu',
+		    },
+		    {
+			property: 'node',
+			cbind: {
+			    value: '{nodename}',
+			},
+		    },
+		],
+	    },
+	    listeners: {
+		change: 'onVmidChange',
+	    },
+	},
+	{
+	    // used to prevent submitting while vm config is being loaded or that returns an error
+	    xtype: 'textfield',
+	    reference: 'validationProxy',
+	    submitValue: false,
+	    hidden: true,
+	    validator: (val) => !!val,
+	},
+	{
+	    xtype: 'pveQemuHDInputPanel',
+	    reference: 'ipanel',
+	    hidden: true,
+	    disabled: true,
+	    isCreate: true,
+	    importDisk: true,
+	    cbind: {
+		importSelection: '{selection}',
+		nodename: '{nodename}',
+	    },
+	},
+    ],
+});
diff --git a/www/manager6/storage/Browser.js b/www/manager6/storage/Browser.js
index c0b66acc..c25b99be 100644
--- a/www/manager6/storage/Browser.js
+++ b/www/manager6/storage/Browser.js
@@ -124,7 +124,7 @@ Ext.define('PVE.storage.Browser', {
 		});
 	    }
 	    if (contents.includes('import')) {
-		let isImportable = format => ['ova', 'ovf', 'vmx'].indexOf(format) !== -1;
+		let isImportable = format => ['ova', 'ovf', 'vmx', 'raw', 'qcow2', 'vmdk'].indexOf(format) !== -1;
 		let createGuestImportWindow = (selection) => {
 		    if (!selection) {
 			return;
@@ -132,12 +132,20 @@ Ext.define('PVE.storage.Browser', {
 
 		    let volumeName = selection.data.volid.replace(/^.*?:/, '');
 
-		    Ext.create('PVE.window.GuestImport', {
-			storage: storeid,
-			volumeName,
-			nodename,
-			autoShow: true,
-		    });
+		    if (['raw', 'vmdk', 'qcow2'].indexOf(selection.data.format) !== -1) {
+			Ext.create('PVE.qemu.HDImportEdit', {
+			    selection: selection.data.volid,
+			    nodename,
+			    autoShow: true,
+			});
+		    } else {
+			Ext.create('PVE.window.GuestImport', {
+			    storage: storeid,
+			    volumeName,
+			    nodename,
+			    autoShow: true,
+			});
+		    }
 		};
 		me.items.push({
 		    xtype: 'pveStorageContentView',
-- 
2.39.5



_______________________________________________
pve-devel mailing list
pve-devel@lists.proxmox.com
https://lists.proxmox.com/cgi-bin/mailman/listinfo/pve-devel