]>
Commit | Line | Data |
---|---|---|
f46721af | 1 | Ext.define('PVE.qemu.USBInputPanel', { |
ef4ef788 | 2 | extend: 'Proxmox.panel.InputPanel', |
d49d0443 | 3 | mixins: ['Proxmox.Mixin.CBind' ], |
f46721af DC |
4 | |
5 | autoComplete: false, | |
6 | onlineHelp: 'qm_usb_passthrough', | |
7 | ||
4292a318 TL |
8 | viewModel: { |
9 | data: {} | |
10 | }, | |
11 | ||
f46721af DC |
12 | controller: { |
13 | xclass: 'Ext.app.ViewController', | |
14 | ||
15 | control: { | |
f46721af DC |
16 | 'pveUSBSelector': { |
17 | change: function(field, newValue, oldValue) { | |
f46721af | 18 | var usb3field = this.lookupReference('usb3'); |
7c72eb51 TL |
19 | var usbval = field.getUSBValue(); |
20 | var dev_is_usb3 = /usb3=1/.test(usbval); | |
21 | ||
22 | if (dev_is_usb3) { | |
f46721af DC |
23 | usb3field.savedVal = usb3field.getValue(); |
24 | usb3field.setValue(true); | |
7c72eb51 TL |
25 | } else { |
26 | if (usb3field.savedVal !== undefined) { | |
27 | usb3field.setValue(usb3field.savedVal); | |
28 | } else { | |
29 | usb3field.setValue(usb3field.originalValue); | |
30 | } | |
f46721af DC |
31 | usb3field.setDisabled(false); |
32 | } | |
33 | } | |
34 | } | |
35 | } | |
36 | }, | |
37 | ||
38 | setVMConfig: function(vmconfig) { | |
39 | var me = this; | |
40 | me.vmconfig = vmconfig; | |
41 | }, | |
42 | ||
43 | onGetValues: function(values) { | |
44 | var me = this; | |
2e8f031f TL |
45 | if (!me.confid) { |
46 | for (let i = 0; i < 6; i++) { | |
47 | let id = 'usb' + i.toString(); | |
48 | if (!me.vmconfig[id]) { | |
49 | me.confid = id; | |
f46721af DC |
50 | break; |
51 | } | |
52 | } | |
53 | } | |
54 | var val = ""; | |
55 | var type = me.down('radiofield').getGroupValue(); | |
56 | switch (type) { | |
57 | case 'spice': | |
17f6a3f6 TL |
58 | val = 'spice'; |
59 | break; | |
f46721af DC |
60 | case 'hostdevice': |
61 | case 'port': | |
17f6a3f6 TL |
62 | val = 'host=' + values[type]; |
63 | delete values[type]; | |
f46721af DC |
64 | break; |
65 | default: | |
66 | throw "invalid type selected"; | |
67 | } | |
68 | ||
4d51f657 AL |
69 | if (values.usb3) { |
70 | delete values.usb3; | |
71 | val += ',usb3=1'; | |
72 | } | |
f46721af DC |
73 | values[me.confid] = val; |
74 | return values; | |
75 | }, | |
76 | ||
d49d0443 TL |
77 | items: [ |
78 | { | |
79 | xtype: 'fieldcontainer', | |
80 | defaultType: 'radiofield', | |
81 | items:[ | |
82 | { | |
83 | name: 'usb', | |
84 | inputValue: 'spice', | |
85 | boxLabel: gettext('Spice Port'), | |
86 | submitValue: false, | |
87 | checked: true | |
88 | }, | |
89 | { | |
90 | name: 'usb', | |
91 | inputValue: 'hostdevice', | |
92 | boxLabel: gettext('Use USB Vendor/Device ID'), | |
4292a318 | 93 | reference: 'hostdevice', |
d49d0443 TL |
94 | submitValue: false |
95 | }, | |
96 | { | |
97 | xtype: 'pveUSBSelector', | |
98 | disabled: true, | |
99 | type: 'device', | |
100 | name: 'hostdevice', | |
101 | cbind: { pveSelNode: '{pveSelNode}' }, | |
4292a318 | 102 | bind: { disabled: '{!hostdevice.checked}' }, |
d49d0443 | 103 | editable: true, |
d49d0443 | 104 | allowBlank: false, |
cc9c5af4 | 105 | fieldLabel: gettext('Choose Device'), |
d49d0443 | 106 | labelAlign: 'right', |
d49d0443 TL |
107 | }, |
108 | { | |
109 | name: 'usb', | |
110 | inputValue: 'port', | |
111 | boxLabel: gettext('Use USB Port'), | |
4292a318 | 112 | reference: 'port', |
d49d0443 TL |
113 | submitValue: false |
114 | }, | |
115 | { | |
116 | xtype: 'pveUSBSelector', | |
117 | disabled: true, | |
118 | name: 'port', | |
119 | cbind: { pveSelNode: '{pveSelNode}' }, | |
4292a318 | 120 | bind: { disabled: '{!port.checked}' }, |
d49d0443 TL |
121 | editable: true, |
122 | type: 'port', | |
d49d0443 TL |
123 | allowBlank: false, |
124 | fieldLabel: gettext('Choose Port'), | |
125 | labelAlign: 'right', | |
d49d0443 TL |
126 | }, |
127 | { | |
128 | xtype: 'checkbox', | |
129 | name: 'usb3', | |
4d51f657 | 130 | inputValue: true, |
d49d0443 TL |
131 | reference: 'usb3', |
132 | fieldLabel: gettext('Use USB3') | |
133 | } | |
134 | ] | |
135 | } | |
136 | ] | |
f46721af DC |
137 | }); |
138 | ||
139 | Ext.define('PVE.qemu.USBEdit', { | |
9fccc702 | 140 | extend: 'Proxmox.window.Edit', |
f46721af DC |
141 | |
142 | vmconfig: undefined, | |
143 | ||
144 | isAdd: true, | |
f46721af DC |
145 | subject: gettext('USB Device'), |
146 | ||
f46721af DC |
147 | initComponent : function() { |
148 | var me = this; | |
149 | ||
150 | me.isCreate = !me.confid; | |
151 | ||
152 | var ipanel = Ext.create('PVE.qemu.USBInputPanel', { | |
153 | confid: me.confid, | |
154 | pveSelNode: me.pveSelNode | |
155 | }); | |
156 | ||
157 | Ext.apply(me, { | |
158 | items: [ ipanel ] | |
159 | }); | |
160 | ||
161 | me.callParent(); | |
162 | ||
163 | me.load({ | |
164 | success: function(response, options) { | |
165 | ipanel.setVMConfig(response.result.data); | |
2e8f031f TL |
166 | if (me.isCreate) { |
167 | return; | |
168 | } | |
f46721af | 169 | |
2e8f031f TL |
170 | var data = response.result.data[me.confid].split(','); |
171 | var port, hostdevice, usb3 = false; | |
172 | var type = 'spice'; | |
173 | ||
174 | for (let i = 0; i < data.length; i++) { | |
175 | if (/^(host=)?(0x)?[a-zA-Z0-9]{4}\:(0x)?[a-zA-Z0-9]{4}$/.test(data[i])) { | |
176 | hostdevice = data[i]; | |
177 | hostdevice = hostdevice.replace('host=', '').replace('0x',''); | |
178 | type = 'hostdevice'; | |
179 | } else if (/^(host=)?(\d+)\-(\d+(\.\d+)*)$/.test(data[i])) { | |
180 | port = data[i]; | |
181 | port = port.replace('host=', ''); | |
182 | type = 'port'; | |
183 | } | |
184 | ||
185 | if (/^usb3=(1|on|true)$/.test(data[i])) { | |
186 | usb3 = true; | |
f46721af | 187 | } |
f46721af | 188 | } |
2e8f031f TL |
189 | var values = { |
190 | usb : type, | |
191 | hostdevice: hostdevice, | |
192 | port: port, | |
193 | usb3: usb3 | |
194 | }; | |
195 | ||
196 | ipanel.setValues(values); | |
f46721af DC |
197 | } |
198 | }); | |
199 | } | |
200 | }); |