From: Thomas Lamprecht <t.lamprecht@proxmox.com>
To: Proxmox VE development discussion <pve-devel@lists.proxmox.com>,
Aaron Lauterer <a.lauterer@proxmox.com>
Subject: Re: [pve-devel] [PATCH v5 manager 3/3] ui: qemu: Add disk reassign dialog
Date: Sun, 18 Apr 2021 17:57:49 +0200 [thread overview]
Message-ID: <23360ed5-3c39-280a-9228-f22f8e5d2fbb@proxmox.com> (raw)
In-Reply-To: <20210215152647.7328-4-a.lauterer@proxmox.com>
On 15.02.21 16:26, Aaron Lauterer wrote:
> Adds a new button to the hardware panel labeled 'Reassign disk' and
> enables a user to reassign a disk to another VM.
>
> Signed-off-by: Aaron Lauterer <a.lauterer@proxmox.com>
> ---
>
> v4 -> v5: rebased
>
> v3 -> v4:
> * added check to not show template VMs in dropdown
> * renamed disk parameter to `drive_name`
>
> v2 -> v3:
> * fixed check to omit the current vmid in the target dropdown
> * renamed parameter disk to drive_key
> * added missing comma
>
> v1 -> v2: fixed linter errors
>
> This patch needs the previous patch series [0] applied which adds the
> backend for disk reassignments.
>
> [0] https://lists.proxmox.com/pipermail/pve-devel/2020-December/046479.html
>
> www/manager6/Makefile | 1 +
> www/manager6/qemu/HDReassign.js | 80 +++++++++++++++++++++++++++++++
> www/manager6/qemu/HardwareView.js | 30 ++++++++++++
> 3 files changed, 111 insertions(+)
> create mode 100644 www/manager6/qemu/HDReassign.js
>
> diff --git a/www/manager6/Makefile b/www/manager6/Makefile
> index 85f90ecd..21debfcb 100644
> --- a/www/manager6/Makefile
> +++ b/www/manager6/Makefile
> @@ -200,6 +200,7 @@ JSSRC= \
> qemu/HDEdit.js \
> qemu/HDEfi.js \
> qemu/HDMove.js \
> + qemu/HDReassign.js \
> qemu/HDResize.js \
> qemu/HardwareView.js \
> qemu/IPConfigEdit.js \
> diff --git a/www/manager6/qemu/HDReassign.js b/www/manager6/qemu/HDReassign.js
> new file mode 100644
> index 00000000..d0aa97f8
> --- /dev/null
> +++ b/www/manager6/qemu/HDReassign.js
> @@ -0,0 +1,80 @@
> +Ext.define('PVE.window.HDReassign', {
> + extend: 'Proxmox.window.Edit',
> +
> + resizeable: false,
> + title: gettext('Reassign disk'),
> + submitText: gettext('Reassign disk'),
> + showReset: false,
> + method: 'POST',
> + showProgress: true,
> + width: 350,
> +
> + viewModel: {
> + data: {
> + targetVMData: {},
> + show_running_hint: false,
> + },
> + },
> +
> + items: [
> + {
> + xtype: 'combobox',
> + name: 'target_vmid',
> + reference: 'target_vmid',
> + fieldLabel: gettext('Target VMID'),
> + bind: {
> + store: '{targetVMData}',
> + },
> + queryMode: 'local',
> + displayField: 'name',
> + valueField: 'vmid',
> + anyMatch: true,
> + emptyText: gettext('Select VM'),
> + },
> + {
> + xtype: 'displayfield',
> + padding: '5 0 0 0',
> + userCls: 'pmx-hint',
> + value: gettext('This disk cannot be reassigned while the VM is running'),
> + bind: {
> + hidden: '{!show_running_hint}',
> + },
> + },
> + ],
> +
> + controller: {
> + xclass: 'Ext.app.ViewController',
> + init: function(view) {
> + let me = view;
> + let vm = me.getViewModel();
> + let vms = PVE.Utils.getNodeVMs(me.nodename);
> +
> + let show_running_hint = vms[me.vmid].running && !me.drive_name.startsWith('unused');
> + vm.set('show_running_hint', show_running_hint);
> +
> + if (show_running_hint) {
> + me.lookup('target_vmid').setDisabled(true);
> + }
> +
> + let dropdownData = [];
> + for (const [vmid, data] of Object.entries(vms)) {
> + if (parseInt(vmid, 10) === parseInt(me.vmid, 10)) { continue; }
> + if (data.template) { continue; }
> + dropdownData.push({
> + vmid: vmid,
> + name: `${vmid} ${data.name}`,
> + });
> + }
> +
> + vm.set('targetVMData', { data: dropdownData });
> + },
> + },
> +
> + getValues: function() {
> + let me = this;
> + let values = me.callParent(arguments);
> + values.drive_name = me.drive_name;
> +
> + return values;
> + },
> +});
> diff --git a/www/manager6/qemu/HardwareView.js b/www/manager6/qemu/HardwareView.js
> index 77640e53..d129deda 100644
> --- a/www/manager6/qemu/HardwareView.js
> +++ b/www/manager6/qemu/HardwareView.js
> @@ -415,6 +415,25 @@ Ext.define('PVE.qemu.HardwareView', {
> win.on('destroy', me.reload, me);
> };
>
> + var run_reassign = function() {
> + let rec = sm.getSelection()[0];
> + if (!rec) {
> + return;
> + }
> +
> + let win = Ext.create('PVE.window.HDReassign', {
> + drive_name: rec.data.key,
> + vmid: vmid,
> + nodename: nodename,
> + title: gettext('Reassign disk') + ': ' + rec.data.key,
> + url: '/api2/extjs/nodes/' + nodename + '/qemu/' + vmid + '/reassign_disk',
please use template strings for such things
`/api2/extjs/nodes/${nodename}/qemu/${vmid}/reassign-disk`,
> + });
> +
> + win.show();
> +
> + win.on('destroy', me.reload, me);
> + };
> +
> var edit_btn = new Proxmox.button.Button({
> text: gettext('Edit'),
> selModel: sm,
> @@ -436,6 +455,13 @@ Ext.define('PVE.qemu.HardwareView', {
> handler: run_move,
> });
>
> + var reassign_btn = new Proxmox.button.Button({
> + text: gettext('Reassign disk'),
> + selModel: sm,
> + disabled: true,
> + handler: run_reassign,
> + });
> +
> var remove_btn = new Proxmox.button.Button({
> text: gettext('Remove'),
> defaultText: gettext('Remove'),
> @@ -578,6 +604,7 @@ Ext.define('PVE.qemu.HardwareView', {
> edit_btn.disable();
> resize_btn.disable();
> move_btn.disable();
> + reassign_btn.disable();
please not yet another button in this already crowed GUI space...
This could actually live under move-disk, making it a split button or re-using
it completely. After all it's just a move-disk, just not to another storage but
to another VM.
> revert_btn.disable();
> return;
> }
> @@ -604,6 +631,8 @@ Ext.define('PVE.qemu.HardwareView', {
>
> move_btn.setDisabled(pending || !(isUsedDisk || isEfi) || !diskCap);
>
> + reassign_btn.setDisabled(pending || !(isUsedDisk || isEfi || isUnusedDisk) || !diskCap);
> +
> revert_btn.setDisabled(!pending);
> };
>
> @@ -752,6 +781,7 @@ Ext.define('PVE.qemu.HardwareView', {
> edit_btn,
> resize_btn,
> move_btn,
> + reassign_btn,
> revert_btn,
> ],
> rows: rows,
>
prev parent reply other threads:[~2021-04-18 15:57 UTC|newest]
Thread overview: 7+ messages / expand[flat|nested] mbox.gz Atom feed top
2021-02-15 15:26 [pve-devel] [PATCH v5 series 0/3] Add GUI for disk reassignment Aaron Lauterer
2021-02-15 15:26 ` [pve-devel] [PATCH v5 widget-toolkit 1/3] window/edit: add option to disable reset button Aaron Lauterer
2021-04-13 7:08 ` [pve-devel] applied: " Thomas Lamprecht
2021-02-15 15:26 ` [pve-devel] [PATCH v5 manager 2/3] ui: utils: add method to get VM data from resource store Aaron Lauterer
2021-04-18 15:54 ` Thomas Lamprecht
2021-02-15 15:26 ` [pve-devel] [PATCH v5 manager 3/3] ui: qemu: Add disk reassign dialog Aaron Lauterer
2021-04-18 15:57 ` Thomas Lamprecht [this message]
Reply instructions:
You may reply publicly to this message via plain-text email
using any one of the following methods:
* Save the following mbox file, import it into your mail client,
and reply-to-all from there: mbox
Avoid top-posting and favor interleaved quoting:
https://en.wikipedia.org/wiki/Posting_style#Interleaved_style
* Reply using the --to, --cc, and --in-reply-to
switches of git-send-email(1):
git send-email \
--in-reply-to=23360ed5-3c39-280a-9228-f22f8e5d2fbb@proxmox.com \
--to=t.lamprecht@proxmox.com \
--cc=a.lauterer@proxmox.com \
--cc=pve-devel@lists.proxmox.com \
/path/to/YOUR_REPLY
https://kernel.org/pub/software/scm/git/docs/git-send-email.html
* If your mail client supports setting the In-Reply-To header
via mailto: links, try the mailto: link
Be sure your reply has a Subject: header at the top and a blank line
before the message body.
This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox