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