[pve-devel] [PATCH manager] ui: use cbind to make usb input panel static

[Thomas Lamprecht]

Signed-off-by: Thomas Lamprecht <t.lamprecht at proxmox.com>
---

mostly indentation changes, see git show -w

 www/manager6/qemu/USBEdit.js | 131 ++++++++++++++++++++-----------------------
 1 file changed, 61 insertions(+), 70 deletions(-)

diff --git a/www/manager6/qemu/USBEdit.js b/www/manager6/qemu/USBEdit.js
index 1ca8a0eb..8fc95c99 100644
--- a/www/manager6/qemu/USBEdit.js
+++ b/www/manager6/qemu/USBEdit.js
@@ -1,5 +1,6 @@
 Ext.define('PVE.qemu.USBInputPanel', {
     extend: 'Proxmox.panel.InputPanel',
+    mixins: ['Proxmox.Mixin.CBind' ],
 
     autoComplete: false,
     onlineHelp: 'qm_usb_passthrough',
@@ -77,76 +78,66 @@ Ext.define('PVE.qemu.USBInputPanel', {
 	return values;
     },
 
-    initComponent: function () {
-	var me = this;
-
-	var items = [
-	    {
-		xtype: 'fieldcontainer',
-		defaultType: 'radiofield',
-		items:[
-		    {
-			name: 'usb',
-			inputValue: 'spice',
-			boxLabel: gettext('Spice Port'),
-			submitValue: false,
-			checked: true
-		    },
-		    {
-			name: 'usb',
-			inputValue: 'hostdevice',
-			boxLabel: gettext('Use USB Vendor/Device ID'),
-			submitValue: false
-		    },
-		    {
-			xtype: 'pveUSBSelector',
-			disabled: true,
-			type: 'device',
-			name: 'hostdevice',
-			pveSelNode: me.pveSelNode,
-			editable: true,
-			reference: 'hwid',
-			allowBlank: false,
-			fieldLabel: 'Choose Device',
-			labelAlign: 'right',
-			submitValue: false
-		    },
-		    {
-			name: 'usb',
-			inputValue: 'port',
-			boxLabel: gettext('Use USB Port'),
-			submitValue: false
-		    },
-		    {
-			xtype: 'pveUSBSelector',
-			disabled: true,
-			name: 'port',
-			pveSelNode: me.pveSelNode,
-			editable: true,
-			type: 'port',
-			reference: 'port',
-			allowBlank: false,
-			fieldLabel: gettext('Choose Port'),
-			labelAlign: 'right',
-			submitValue: false
-		    },
-		    {
-			xtype: 'checkbox',
-			name: 'usb3',
-			submitValue: false,
-			reference: 'usb3',
-			fieldLabel: gettext('Use USB3')
-		    }
-		]
-	    }
-	];
-
-	Ext.apply(me, {
-	    items: items
-	});
-
-	me.callParent();
-    }
+    items: [
+	{
+	    xtype: 'fieldcontainer',
+	    defaultType: 'radiofield',
+	    items:[
+		{
+		    name: 'usb',
+		    inputValue: 'spice',
+		    boxLabel: gettext('Spice Port'),
+		    submitValue: false,
+		    checked: true
+		},
+		{
+		    name: 'usb',
+		    inputValue: 'hostdevice',
+		    boxLabel: gettext('Use USB Vendor/Device ID'),
+		    submitValue: false
+		},
+		{
+		    xtype: 'pveUSBSelector',
+		    disabled: true,
+		    type: 'device',
+		    name: 'hostdevice',
+		    cbind: { pveSelNode: '{pveSelNode}' },
+		    editable: true,
+		    reference: 'hwid',
+		    allowBlank: false,
+		    fieldLabel: 'Choose Device',
+		    labelAlign: 'right',
+		    submitValue: false
+		},
+		{
+		    name: 'usb',
+		    inputValue: 'port',
+		    boxLabel: gettext('Use USB Port'),
+		    submitValue: false
+		},
+		{
+		    xtype: 'pveUSBSelector',
+		    disabled: true,
+		    name: 'port',
+		    cbind: { pveSelNode: '{pveSelNode}' },
+		    editable: true,
+		    type: 'port',
+		    reference: 'port',
+		    allowBlank: false,
+		    fieldLabel: gettext('Choose Port'),
+		    labelAlign: 'right',
+		    submitValue: false
+		},
+		{
+		    xtype: 'checkbox',
+		    name: 'usb3',
+		    submitValue: false,
+		    reference: 'usb3',
+		    fieldLabel: gettext('Use USB3')
+		}
+	    ]
+	}
+    ]
 });
 
 Ext.define('PVE.qemu.USBEdit', {
-- 
2.14.2