From mboxrd@z Thu Jan 1 00:00:00 1970 Return-Path: Received: from firstgate.proxmox.com (firstgate.proxmox.com [212.224.123.68]) (using TLSv1.3 with cipher TLS_AES_256_GCM_SHA384 (256/256 bits) key-exchange X25519 server-signature RSA-PSS (2048 bits)) (No client certificate requested) by lists.proxmox.com (Postfix) with ESMTPS id D4E5A7F364 for ; Fri, 12 Nov 2021 10:53:39 +0100 (CET) Received: from firstgate.proxmox.com (localhost [127.0.0.1]) by firstgate.proxmox.com (Proxmox) with ESMTP id A77BE1723E for ; Fri, 12 Nov 2021 10:53:39 +0100 (CET) Received: from proxmox-new.maurer-it.com (proxmox-new.maurer-it.com [94.136.29.106]) (using TLSv1.3 with cipher TLS_AES_256_GCM_SHA384 (256/256 bits) key-exchange X25519 server-signature RSA-PSS (2048 bits)) (No client certificate requested) by firstgate.proxmox.com (Proxmox) with ESMTPS id 705FB171D6 for ; Fri, 12 Nov 2021 10:53:37 +0100 (CET) Received: from proxmox-new.maurer-it.com (localhost.localdomain [127.0.0.1]) by proxmox-new.maurer-it.com (Proxmox) with ESMTP id 47048402E5 for ; Fri, 12 Nov 2021 10:53:37 +0100 (CET) From: Aaron Lauterer To: pve-devel@lists.proxmox.com Date: Fri, 12 Nov 2021 10:53:35 +0100 Message-Id: <20211112095335.1839765-5-a.lauterer@proxmox.com> X-Mailer: git-send-email 2.30.2 In-Reply-To: <20211112095335.1839765-1-a.lauterer@proxmox.com> References: <20211112095335.1839765-1-a.lauterer@proxmox.com> MIME-Version: 1.0 Content-Transfer-Encoding: 8bit X-SPAM-LEVEL: Spam detection results: 0 AWL 0.087 Adjusted score from AWL reputation of From: address BAYES_00 -1.9 Bayes spam probability is 0 to 1% 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 URIBL_BLOCKED 0.001 ADMINISTRATOR NOTICE: The query to URIBL was blocked. See http://wiki.apache.org/spamassassin/DnsBlocklists#dnsbl-block for more information. [params.storage] Subject: [pve-devel] [PATCH manager 4/4] ui: hdmove: modernize/refactor X-BeenThere: pve-devel@lists.proxmox.com X-Mailman-Version: 2.1.29 Precedence: list List-Id: Proxmox VE development discussion List-Unsubscribe: , List-Archive: List-Post: List-Help: List-Subscribe: , X-List-Received-Date: Fri, 12 Nov 2021 09:53:39 -0000 Signed-off-by: Aaron Lauterer --- www/manager6/qemu/HDMove.js | 239 +++++++++++++++++------------- www/manager6/qemu/HardwareView.js | 1 + 2 files changed, 134 insertions(+), 106 deletions(-) diff --git a/www/manager6/qemu/HDMove.js b/www/manager6/qemu/HDMove.js index 181b7bdc..6e9b748f 100644 --- a/www/manager6/qemu/HDMove.js +++ b/www/manager6/qemu/HDMove.js @@ -1,48 +1,147 @@ Ext.define('PVE.window.HDMove', { extend: 'Ext.window.Window', + mixins: ['Proxmox.Mixin.CBind'], resizable: false, + modal: true, + width: 350, + border: false, + layout: 'fit', + + cbindData: function() { + let me = this; + let qemu = me.type === 'qemu'; + return { + disk: me.disk, + diskOrVolume: qemu ? 'disk' : 'volume', + diskOrVolumeLabel: qemu ? gettext('Disk') : gettext('Mount Point'), + storageContent: qemu ? 'images' : 'rootdir', + hideFormat: me.disk === 'tpmstate0', + nodename: me.nodename, + title: qemu ? gettext("Move disk") : gettext('Move Volume'), + }; + }, + cbind: { + title: '{title}', + }, - move_disk: function(disk, storage, format, delete_disk) { - var me = this; - var qemu = me.type === 'qemu'; - var params = {}; - params.storage = storage; - params[qemu ? 'disk':'volume'] = disk; - - if (format && qemu) { - params.format = format; - } - - if (delete_disk) { - params.delete = 1; - } + controller: { + xclass: 'Ext.app.ViewController', + + move_disk: function(disk, storage, format, delete_disk) { + let me = this; + let view = me.getView(); + let qemu = view.type === 'qemu'; + let params = {}; + params.storage = storage; + params[qemu ? 'disk':'volume'] = disk; + + if (format && qemu) { + params.format = format; + } + + if (delete_disk) { + params.delete = 1; + } + + let url = '/nodes/' + view.nodename + '/' + view.type + '/' + view.vmid + '/'; + url += qemu ? 'move_disk' : 'move_volume'; + + Proxmox.Utils.API2Request({ + params: params, + url: url, + waitMsgTarget: me.getView(), + method: 'POST', + failure: function(response, opts) { + Ext.Msg.alert('Error', response.htmlStatus); + }, + success: function(response, options) { + let upid = response.result.data; + let win = Ext.create('Proxmox.window.TaskViewer', { + upid: upid, + }); + win.show(); + win.on('destroy', function() { view.close(); }); + }, + }); + }, + + onMoveClick: function() { + let me = this; + let view = me.getView(); + let form = me.lookup('moveFormPanel').getForm(); + if (form.isValid()) { + let values = form.getValues(); + me.move_disk(view.disk, values.hdstorage, values.diskformat, + values.deleteDisk); + } + }, - var url = '/nodes/' + me.nodename + '/' + me.type + '/' + me.vmid + '/'; - url += qemu ? 'move_disk' : 'move_volume'; + validateForm: function (fp, isValid) { + this.getView().lookup('submitButton').setDisabled(!isValid); + }, + }, - Proxmox.Utils.API2Request({ - params: params, - url: url, - waitMsgTarget: me, - method: 'POST', - failure: function(response, opts) { - Ext.Msg.alert('Error', response.htmlStatus); + buttons: [ + { + xtype: 'button', + reference: 'submitButton', + cbind: { + text: '{title}', }, - success: function(response, options) { - var upid = response.result.data; - var win = Ext.create('Proxmox.window.TaskViewer', { - upid: upid, - }); - win.show(); - win.on('destroy', function() { me.close(); }); + handler: 'onMoveClick', + disabled: true, + }, + ], + + items: [ + { + xtype: 'form', + reference: 'moveFormPanel', + bodyPadding: 10, + border: false, + fieldDefaults: { + labelWidth: 100, + anchor: '100%', }, - }); - }, + listeners: { + validitychange: 'validateForm', + }, + items: [ + { + xtype: 'displayfield', + cbind: { + name: '{diskOrVolume}', + fieldLabel: '{diskOrVolumeLabel}', + value: '{disk}', + }, + vtype: 'StorageId', + allowBlank: false, + }, + { + xtype: 'pveDiskStorageSelector', + storageLabel: gettext('Target Storage'), + cbind: { + nodename: '{nodename}', + storageContent: '{storageContent}', + hideFormat: '{hideFormat}', + }, + hideSize: true, + }, + { + xtype: 'proxmoxcheckbox', + fieldLabel: gettext('Delete source'), + name: 'deleteDisk', + uncheckedValue: 0, + checked: false, + }, + ], + }, + ], initComponent: function() { - var me = this; + let me = this; if (!me.nodename) { throw "no node name specified"; @@ -53,81 +152,9 @@ Ext.define('PVE.window.HDMove', { } if (!me.type) { - me.type = 'qemu'; + throw "no type specified"; } - var qemu = me.type === 'qemu'; - - var items = [ - { - xtype: 'displayfield', - name: qemu ? 'disk' : 'volume', - value: me.disk, - fieldLabel: qemu ? gettext('Disk') : gettext('Mount Point'), - vtype: 'StorageId', - allowBlank: false, - }, - ]; - - items.push({ - xtype: 'pveDiskStorageSelector', - storageLabel: gettext('Target Storage'), - nodename: me.nodename, - storageContent: qemu ? 'images' : 'rootdir', - hideSize: true, - hideFormat: me.disk === 'tpmstate0', - }); - - items.push({ - xtype: 'proxmoxcheckbox', - fieldLabel: gettext('Delete source'), - name: 'deleteDisk', - uncheckedValue: 0, - checked: false, - }); - - me.formPanel = Ext.create('Ext.form.Panel', { - bodyPadding: 10, - border: false, - fieldDefaults: { - labelWidth: 100, - anchor: '100%', - }, - items: items, - }); - - var form = me.formPanel.getForm(); - - var submitBtn; - - me.title = qemu ? gettext("Move disk") : gettext('Move Volume'); - submitBtn = Ext.create('Ext.Button', { - text: me.title, - handler: function() { - if (form.isValid()) { - var values = form.getValues(); - me.move_disk(me.disk, values.hdstorage, values.diskformat, - values.deleteDisk); - } - }, - }); - - Ext.apply(me, { - modal: true, - width: 350, - border: false, - layout: 'fit', - buttons: [submitBtn], - items: [me.formPanel], - }); - - me.callParent(); - - me.mon(me.formPanel, 'validitychange', function(fp, isValid) { - submitBtn.setDisabled(!isValid); - }); - - me.formPanel.isValid(); }, }); diff --git a/www/manager6/qemu/HardwareView.js b/www/manager6/qemu/HardwareView.js index 44d70665..e7ee1dbe 100644 --- a/www/manager6/qemu/HardwareView.js +++ b/www/manager6/qemu/HardwareView.js @@ -415,6 +415,7 @@ Ext.define('PVE.qemu.HardwareView', { disk: rec.data.key, nodename: nodename, vmid: vmid, + type: 'qemu', }); win.show(); -- 2.30.2