1 Ext
.define('proxmox-networks', {
2 extend
: 'Ext.data.Model',
23 Ext
.define('Proxmox.node.NetworkView', {
24 extend
: 'Ext.panel.Panel',
26 alias
: ['widget.proxmoxNodeNetworkView'],
28 // defines what types of network devices we want to create
29 // order is always the same
30 types
: ['bridge', 'bond', 'vlan', 'ovs'],
34 initComponent : function() {
38 throw "no node name specified";
41 var baseUrl
= '/nodes/' + me
.nodename
+ '/network';
43 var store
= Ext
.create('Ext.data.Store', {
44 model
: 'proxmox-networks',
47 url
: '/api2/json' + baseUrl
57 var reload = function() {
58 var changeitem
= me
.down('#changes');
59 var apply_btn
= me
.down('#apply');
60 var revert_btn
= me
.down('#revert');
61 Proxmox
.Utils
.API2Request({
63 failure: function(response
, opts
) {
65 Proxmox
.Utils
.setErrorMask(me
, response
.htmlStatus
);
66 changeitem
.update('');
67 changeitem
.setHidden(true);
69 success: function(response
, opts
) {
70 var result
= Ext
.decode(response
.responseText
);
71 store
.loadData(result
.data
);
72 var changes
= result
.changes
;
73 if (changes
=== undefined || changes
=== '') {
74 changes
= gettext("No changes");
75 changeitem
.setHidden(true);
76 apply_btn
.setDisabled(true);
77 revert_btn
.setDisabled(true);
79 changeitem
.update("<pre>" + Ext
.htmlEncode(changes
) + "</pre>");
80 changeitem
.setHidden(false);
81 apply_btn
.setDisabled(false);
82 revert_btn
.setDisabled(false);
88 var run_editor = function() {
89 var grid
= me
.down('gridpanel');
90 var sm
= grid
.getSelectionModel();
91 var rec
= sm
.getSelection()[0];
96 var win
= Ext
.create('Proxmox.node.NetworkEdit', {
97 nodename
: me
.nodename
,
98 iface
: rec
.data
.iface
,
102 win
.on('destroy', reload
);
105 var edit_btn
= new Ext
.Button({
106 text
: gettext('Edit'),
111 var del_btn
= new Ext
.Button({
112 text
: gettext('Remove'),
115 var grid
= me
.down('gridpanel');
116 var sm
= grid
.getSelectionModel();
117 var rec
= sm
.getSelection()[0];
122 var iface
= rec
.data
.iface
;
124 Proxmox
.Utils
.API2Request({
125 url
: baseUrl
+ '/' + iface
,
128 callback: function() {
131 failure: function(response
, opts
) {
132 Ext
.Msg
.alert(gettext('Error'), response
.htmlStatus
);
138 var apply_btn
= Ext
.create('Proxmox.button.Button', {
139 text
: gettext('Apply Configuration'),
142 confirmMsg
: 'Do you want to apply pending network changes?',
143 hidden
: !me
.showApplyBtn
,
144 handler: function() {
145 Proxmox
.Utils
.API2Request({
149 success: function(response
, opts
) {
150 var upid
= response
.result
.data
;
152 var win
= Ext
.create('Proxmox.window.TaskProgress', {
158 failure: function(response
, opts
) {
159 Ext
.Msg
.alert(gettext('Error'), response
.htmlStatus
);
165 var set_button_status = function() {
166 var grid
= me
.down('gridpanel');
167 var sm
= grid
.getSelectionModel();
168 var rec
= sm
.getSelection()[0];
170 edit_btn
.setDisabled(!rec
);
171 del_btn
.setDisabled(!rec
);
174 var render_ports = function(value
, metaData
, record
) {
175 if (value
=== 'bridge') {
176 return record
.data
.bridge_ports
;
177 } else if (value
=== 'bond') {
178 return record
.data
.slaves
;
179 } else if (value
=== 'OVSBridge') {
180 return record
.data
.ovs_ports
;
181 } else if (value
=== 'OVSBond') {
182 return record
.data
.ovs_bonds
;
186 var find_next_iface_id = function(prefix
) {
188 for (next
= 0; next
<= 9999; next
++) {
189 if (!store
.getById(prefix
+ next
.toString())) {
193 return prefix
+ next
.toString();
198 if (me
.types
.indexOf('bridge') !== -1) {
200 text
: Proxmox
.Utils
.render_network_iface_type('bridge'),
201 handler: function() {
202 var win
= Ext
.create('Proxmox.node.NetworkEdit', {
203 nodename
: me
.nodename
,
205 iface_default
: find_next_iface_id('vmbr'),
206 onlineHelp
: 'sysadmin_network_configuration',
208 win
.on('destroy', reload
);
214 if (me
.types
.indexOf('bond') !== -1) {
216 text
: Proxmox
.Utils
.render_network_iface_type('bond'),
217 handler: function() {
218 var win
= Ext
.create('Proxmox.node.NetworkEdit', {
219 nodename
: me
.nodename
,
221 iface_default
: find_next_iface_id('bond'),
222 onlineHelp
: 'sysadmin_network_configuration',
224 win
.on('destroy', reload
);
230 if (me
.types
.indexOf('vlan') !== -1) {
232 text
: Proxmox
.Utils
.render_network_iface_type('vlan'),
233 handler: function() {
234 var win
= Ext
.create('Proxmox.node.NetworkEdit', {
235 nodename
: me
.nodename
,
237 iface_default
: 'interfaceX.1',
238 onlineHelp
: 'sysadmin_network_configuration',
240 win
.on('destroy', reload
);
246 if (me
.types
.indexOf('ovs') !== -1) {
247 if (menu_items
.length
> 0) {
248 menu_items
.push({ xtype
: 'menuseparator' });
253 text
: Proxmox
.Utils
.render_network_iface_type('OVSBridge'),
254 handler: function() {
255 var win
= Ext
.create('Proxmox.node.NetworkEdit', {
256 nodename
: me
.nodename
,
258 iface_default
: find_next_iface_id('vmbr')
260 win
.on('destroy', reload
);
265 text
: Proxmox
.Utils
.render_network_iface_type('OVSBond'),
266 handler: function() {
267 var win
= Ext
.create('Proxmox.node.NetworkEdit', {
268 nodename
: me
.nodename
,
270 iface_default
: find_next_iface_id('bond')
272 win
.on('destroy', reload
);
277 text
: Proxmox
.Utils
.render_network_iface_type('OVSIntPort'),
278 handler: function() {
279 var win
= Ext
.create('Proxmox.node.NetworkEdit', {
280 nodename
: me
.nodename
,
283 win
.on('destroy', reload
);
290 var renderer_generator = function(fieldname
) {
291 return function(val
, metaData
, rec
) {
293 if (rec
.data
[fieldname
]) {
294 tmp
.push(rec
.data
[fieldname
]);
296 if (rec
.data
[fieldname
+ '6']) {
297 tmp
.push(rec
.data
[fieldname
+ '6']);
299 return tmp
.join('<br>') || '';
307 text
: gettext('Create'),
314 text
: gettext('Revert'),
316 handler: function() {
317 Proxmox
.Utils
.API2Request({
321 callback: function() {
324 failure: function(response
, opts
) {
325 Ext
.Msg
.alert(gettext('Error'), response
.htmlStatus
);
339 stateId
: 'grid-node-network',
345 header
: gettext('Name'),
350 header
: gettext('Type'),
353 renderer
: Proxmox
.Utils
.render_network_iface_type
,
357 xtype
: 'booleancolumn',
358 header
: gettext('Active'),
362 trueText
: Proxmox
.Utils
.yesText
,
363 falseText
: Proxmox
.Utils
.noText
,
364 undefinedText
: Proxmox
.Utils
.noText
,
367 xtype
: 'booleancolumn',
368 header
: gettext('Autostart'),
371 dataIndex
: 'autostart',
372 trueText
: Proxmox
.Utils
.yesText
,
373 falseText
: Proxmox
.Utils
.noText
,
374 undefinedText
: Proxmox
.Utils
.noText
377 xtype
: 'booleancolumn',
378 header
: gettext('VLAN aware'),
381 dataIndex
: 'bridge_vlan_aware',
382 trueText
: Proxmox
.Utils
.yesText
,
383 falseText
: Proxmox
.Utils
.noText
,
384 undefinedText
: Proxmox
.Utils
.noText
387 header
: gettext('Ports/Slaves'),
389 renderer
: render_ports
392 header
: gettext('Bond Mode'),
393 dataIndex
: 'bond_mode',
394 renderer
: Proxmox
.Utils
.render_bond_mode
,
397 header
: gettext('Hash Policy'),
399 dataIndex
: 'bond_xmit_hash_policy',
402 header
: gettext('IP address'),
406 dataIndex
: 'address',
407 renderer
: renderer_generator('address'),
410 header
: gettext('Subnet mask'),
414 dataIndex
: 'netmask',
415 renderer
: renderer_generator('netmask'),
418 header
: gettext('CIDR'),
422 renderer
: renderer_generator('cidr'),
425 header
: gettext('Gateway'),
428 dataIndex
: 'gateway',
429 renderer
: renderer_generator('gateway'),
432 header
: gettext('Comment'),
433 dataIndex
: 'comments',
435 renderer
: Ext
.String
.htmlEncode
439 selectionchange
: set_button_status
,
440 itemdblclick
: run_editor
450 gettext('Pending changes') + ' (' +
451 gettext("Either reboot or use 'Apply Configuration' (needs ifupdown2) to activate") + ')'
456 html
: gettext("No changes")