[RFC PATCH manager 4/4] ui: disk resize: allow selecting the size unit

[Timo Meschkat <timo.meschkat@datenzelt.de>]

Same as when creating disks, the increment could only be entered in
GiB so far. GiB stays the default. The increment is now sent in MiB,
e.g. '+1536M' instead of '+1.5G', which the API handles the same way.

The VM resize window gets wider to fit the unit selector.

Signed-off-by: Timo Meschkat <timo.meschkat@datenzelt.de>
---
 www/manager6/lxc/MPResize.js  | 11 +++++++----
 www/manager6/qemu/HDResize.js | 13 ++++++++-----
 2 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/www/manager6/lxc/MPResize.js b/www/manager6/lxc/MPResize.js
index 658123a1..5a9bb9cb 100644
--- a/www/manager6/lxc/MPResize.js
+++ b/www/manager6/lxc/MPResize.js
@@ -5,7 +5,7 @@ Ext.define('PVE.window.MPResize', {
 
     resize_disk: function (disk, size) {
         var me = this;
-        var params = { disk: disk, size: '+' + size + 'G' };
+        var params = { disk: disk, size: `+${size}M` };
 
         Proxmox.Utils.API2Request({
             params: params,
@@ -46,13 +46,16 @@ Ext.define('PVE.window.MPResize', {
             },
         ];
 
-        me.hdsizesel = Ext.createWidget('numberfield', {
+        me.hdsizesel = Ext.createWidget('pmxSizeUnitField', {
             name: 'size',
+            backendUnit: 'MiB',
+            unit: 'GiB',
             minValue: 0,
-            maxValue: 128 * 1024,
+            maxValue: 128 * 1024 * 1024,
             decimalPrecision: 3,
             value: '0',
-            fieldLabel: `${gettext('Size Increment')} (${gettext('GiB')})`,
+            fieldLabel: gettext('Size Increment'),
+            fieldDescription: gettext('Capacity to add to the disk'),
             allowBlank: false,
         });
 
diff --git a/www/manager6/qemu/HDResize.js b/www/manager6/qemu/HDResize.js
index 574bfb5a..41e7c90e 100644
--- a/www/manager6/qemu/HDResize.js
+++ b/www/manager6/qemu/HDResize.js
@@ -5,7 +5,7 @@ Ext.define('PVE.window.HDResize', {
 
     resize_disk: function (disk, size) {
         var me = this;
-        var params = { disk: disk, size: '+' + size + 'G' };
+        var params = { disk: disk, size: `+${size}M` };
 
         Proxmox.Utils.API2Request({
             params: params,
@@ -47,13 +47,16 @@ Ext.define('PVE.window.HDResize', {
             },
         ];
 
-        me.hdsizesel = Ext.createWidget('numberfield', {
+        me.hdsizesel = Ext.createWidget('pmxSizeUnitField', {
             name: 'size',
+            backendUnit: 'MiB',
+            unit: 'GiB',
             minValue: 0,
-            maxValue: 128 * 1024,
+            maxValue: 128 * 1024 * 1024,
             decimalPrecision: 3,
             value: '0',
-            fieldLabel: `${gettext('Size Increment')} (${gettext('GiB')})`,
+            fieldLabel: gettext('Size Increment'),
+            fieldDescription: gettext('Capacity to add to the disk'),
             allowBlank: false,
         });
 
@@ -86,7 +89,7 @@ Ext.define('PVE.window.HDResize', {
 
         Ext.apply(me, {
             modal: true,
-            width: 250,
+            width: 350,
             height: 150,
             border: false,
             layout: 'fit',
-- 
2.47.3