mirror of
https://git.proxmox.com/git/proxmox-widget-toolkit
synced 2025-06-22 15:01:03 +00:00
add NetworkView.js and NetworkEdit.js
Copied from pve-manager
This commit is contained in:
Dietmar Maurer
parent
d71391402c
commit
a58001ddfc
2
Makefile
2
Makefile
@ -23,6 +23,8 @@ JSSRC= \
|
|||||||
panel/LogView.js \
|
panel/LogView.js \
|
||||||
window/Edit.js \
|
window/Edit.js \
|
||||||
window/TaskViewer.js \
|
window/TaskViewer.js \
|
||||||
|
node/NetworkEdit.js \
|
||||||
|
node/NetworkView.js \
|
||||||
node/Tasks.js \
|
node/Tasks.js \
|
||||||
node/ServiceView.js \
|
node/ServiceView.js \
|
||||||
node/TimeEdit.js \
|
node/TimeEdit.js \
|
||||||
|
|||||||
17
Utils.js
17
Utils.js
@ -41,6 +41,8 @@ Ext.define('Proxmox.Utils', { utilities: {
|
|||||||
|
|
||||||
// this singleton contains miscellaneous utilities
|
// this singleton contains miscellaneous utilities
|
||||||
|
|
||||||
|
unknownText: gettext('Unknown'),
|
||||||
|
|
||||||
authOK: function() {
|
authOK: function() {
|
||||||
return (Proxmox.UserName !== '') && Ext.util.Cookies.get(Proxmox.Setup.auth_cookie_name);
|
return (Proxmox.UserName !== '') && Ext.util.Cookies.get(Proxmox.Setup.auth_cookie_name);
|
||||||
},
|
},
|
||||||
@ -214,6 +216,21 @@ Ext.define('Proxmox.Utils', { utilities: {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
network_iface_types: {
|
||||||
|
eth: gettext("Network Device"),
|
||||||
|
bridge: 'Linux Bridge',
|
||||||
|
bond: 'Linux Bond',
|
||||||
|
OVSBridge: 'OVS Bridge',
|
||||||
|
OVSBond: 'OVS Bond',
|
||||||
|
OVSPort: 'OVS Port',
|
||||||
|
OVSIntPort: 'OVS IntPort'
|
||||||
|
},
|
||||||
|
|
||||||
|
render_network_iface_type: function(value) {
|
||||||
|
return Proxmox.Utils.network_iface_types[value] ||
|
||||||
|
Proxmox.Utils.unknownText;
|
||||||
|
},
|
||||||
|
|
||||||
// you can override this to provide nicer task descriptions
|
// you can override this to provide nicer task descriptions
|
||||||
format_task_description: function(type, id) {
|
format_task_description: function(type, id) {
|
||||||
return type + ' ' + id;
|
return type + ' ' + id;
|
||||||
|
|||||||
324
node/NetworkEdit.js
Normal file
324
node/NetworkEdit.js
Normal file
@ -0,0 +1,324 @@
|
|||||||
|
Ext.define('Proxmox.node.NetworkEdit', {
|
||||||
|
extend: 'Proxmox.window.Edit',
|
||||||
|
alias: ['widget.proxmoxNodeNetworkEdit'],
|
||||||
|
|
||||||
|
initComponent : function() {
|
||||||
|
var me = this;
|
||||||
|
|
||||||
|
if (!me.nodename) {
|
||||||
|
throw "no node name specified";
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!me.iftype) {
|
||||||
|
throw "no network device type specified";
|
||||||
|
}
|
||||||
|
|
||||||
|
me.create = !me.iface;
|
||||||
|
|
||||||
|
var iface_vtype;
|
||||||
|
|
||||||
|
if (me.iftype === 'bridge') {
|
||||||
|
iface_vtype = 'BridgeName';
|
||||||
|
} else if (me.iftype === 'bond') {
|
||||||
|
iface_vtype = 'BondName';
|
||||||
|
} else if (me.iftype === 'eth' && !me.create) {
|
||||||
|
iface_vtype = 'InterfaceName';
|
||||||
|
} else if (me.iftype === 'vlan' && !me.create) {
|
||||||
|
iface_vtype = 'InterfaceName';
|
||||||
|
} else if (me.iftype === 'OVSBridge') {
|
||||||
|
iface_vtype = 'BridgeName';
|
||||||
|
} else if (me.iftype === 'OVSBond') {
|
||||||
|
iface_vtype = 'BondName';
|
||||||
|
} else if (me.iftype === 'OVSIntPort') {
|
||||||
|
iface_vtype = 'InterfaceName';
|
||||||
|
} else if (me.iftype === 'OVSPort') {
|
||||||
|
iface_vtype = 'InterfaceName';
|
||||||
|
} else {
|
||||||
|
console.log(me.iftype);
|
||||||
|
throw "unknown network device type specified";
|
||||||
|
}
|
||||||
|
|
||||||
|
me.subject = Proxmox.Utils.render_network_iface_type(me.iftype);
|
||||||
|
|
||||||
|
var column2 = [];
|
||||||
|
|
||||||
|
if (!(me.iftype === 'OVSIntPort' || me.iftype === 'OVSPort' ||
|
||||||
|
me.iftype === 'OVSBond')) {
|
||||||
|
column2.push({
|
||||||
|
xtype: 'pvecheckbox',
|
||||||
|
fieldLabel: gettext('Autostart'),
|
||||||
|
name: 'autostart',
|
||||||
|
uncheckedValue: 0,
|
||||||
|
checked: me.create ? true : undefined
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
if (me.iftype === 'bridge') {
|
||||||
|
column2.push({
|
||||||
|
xtype: 'pvecheckbox',
|
||||||
|
fieldLabel: gettext('VLAN aware'),
|
||||||
|
name: 'bridge_vlan_aware',
|
||||||
|
deleteEmpty: !me.create
|
||||||
|
});
|
||||||
|
column2.push({
|
||||||
|
xtype: 'textfield',
|
||||||
|
fieldLabel: gettext('Bridge ports'),
|
||||||
|
name: 'bridge_ports'
|
||||||
|
});
|
||||||
|
} else if (me.iftype === 'OVSBridge') {
|
||||||
|
column2.push({
|
||||||
|
xtype: 'textfield',
|
||||||
|
fieldLabel: gettext('Bridge ports'),
|
||||||
|
name: 'ovs_ports'
|
||||||
|
});
|
||||||
|
column2.push({
|
||||||
|
xtype: 'textfield',
|
||||||
|
fieldLabel: gettext('OVS options'),
|
||||||
|
name: 'ovs_options'
|
||||||
|
});
|
||||||
|
} else if (me.iftype === 'OVSPort' || me.iftype === 'OVSIntPort') {
|
||||||
|
column2.push({
|
||||||
|
xtype: me.create ? 'PVE.form.BridgeSelector' : 'displayfield',
|
||||||
|
fieldLabel: Proxmox.Utils.render_network_iface_type('OVSBridge'),
|
||||||
|
allowBlank: false,
|
||||||
|
nodename: me.nodename,
|
||||||
|
bridgeType: 'OVSBridge',
|
||||||
|
name: 'ovs_bridge'
|
||||||
|
});
|
||||||
|
column2.push({
|
||||||
|
xtype: 'pveVlanField',
|
||||||
|
deleteEmpty: !me.create,
|
||||||
|
name: 'ovs_tag',
|
||||||
|
value: ''
|
||||||
|
});
|
||||||
|
column2.push({
|
||||||
|
xtype: 'textfield',
|
||||||
|
fieldLabel: gettext('OVS options'),
|
||||||
|
name: 'ovs_options'
|
||||||
|
});
|
||||||
|
} else if (me.iftype === 'bond') {
|
||||||
|
column2.push({
|
||||||
|
xtype: 'textfield',
|
||||||
|
fieldLabel: gettext('Slaves'),
|
||||||
|
name: 'slaves'
|
||||||
|
});
|
||||||
|
|
||||||
|
var policySelector = Ext.createWidget('bondPolicySelector', {
|
||||||
|
fieldLabel: gettext('Hash policy'),
|
||||||
|
name: 'bond_xmit_hash_policy',
|
||||||
|
deleteEmpty: !me.create,
|
||||||
|
disabled: true
|
||||||
|
});
|
||||||
|
|
||||||
|
column2.push({
|
||||||
|
xtype: 'bondModeSelector',
|
||||||
|
fieldLabel: gettext('Mode'),
|
||||||
|
name: 'bond_mode',
|
||||||
|
value: me.create ? 'balance-rr' : undefined,
|
||||||
|
listeners: {
|
||||||
|
change: function(f, value) {
|
||||||
|
if (value === 'balance-xor' ||
|
||||||
|
value === '802.3ad') {
|
||||||
|
policySelector.setDisabled(false);
|
||||||
|
} else {
|
||||||
|
policySelector.setDisabled(true);
|
||||||
|
policySelector.setValue('');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
allowBlank: false
|
||||||
|
});
|
||||||
|
|
||||||
|
column2.push(policySelector);
|
||||||
|
|
||||||
|
} else if (me.iftype === 'OVSBond') {
|
||||||
|
column2.push({
|
||||||
|
xtype: me.create ? 'PVE.form.BridgeSelector' : 'displayfield',
|
||||||
|
fieldLabel: Proxmox.Utils.render_network_iface_type('OVSBridge'),
|
||||||
|
allowBlank: false,
|
||||||
|
nodename: me.nodename,
|
||||||
|
bridgeType: 'OVSBridge',
|
||||||
|
name: 'ovs_bridge'
|
||||||
|
});
|
||||||
|
column2.push({
|
||||||
|
xtype: 'pveVlanField',
|
||||||
|
deleteEmpty: !me.create,
|
||||||
|
name: 'ovs_tag',
|
||||||
|
value: ''
|
||||||
|
});
|
||||||
|
column2.push({
|
||||||
|
xtype: 'textfield',
|
||||||
|
fieldLabel: gettext('OVS options'),
|
||||||
|
name: 'ovs_options'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
column2.push({
|
||||||
|
xtype: 'textfield',
|
||||||
|
fieldLabel: gettext('Comment'),
|
||||||
|
allowBlank: true,
|
||||||
|
nodename: me.nodename,
|
||||||
|
name: 'comments'
|
||||||
|
});
|
||||||
|
|
||||||
|
var url;
|
||||||
|
var method;
|
||||||
|
|
||||||
|
if (me.create) {
|
||||||
|
url = "/api2/extjs/nodes/" + me.nodename + "/network";
|
||||||
|
method = 'POST';
|
||||||
|
} else {
|
||||||
|
url = "/api2/extjs/nodes/" + me.nodename + "/network/" + me.iface;
|
||||||
|
method = 'PUT';
|
||||||
|
}
|
||||||
|
|
||||||
|
var column1 = [
|
||||||
|
{
|
||||||
|
xtype: 'hiddenfield',
|
||||||
|
name: 'type',
|
||||||
|
value: me.iftype
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype: me.create ? 'textfield' : 'displayfield',
|
||||||
|
fieldLabel: gettext('Name'),
|
||||||
|
name: 'iface',
|
||||||
|
value: me.iface,
|
||||||
|
vtype: iface_vtype,
|
||||||
|
allowBlank: false
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|
||||||
|
if (me.iftype === 'OVSBond') {
|
||||||
|
column1.push(
|
||||||
|
{
|
||||||
|
xtype: 'bondModeSelector',
|
||||||
|
fieldLabel: gettext('Mode'),
|
||||||
|
name: 'bond_mode',
|
||||||
|
openvswitch: true,
|
||||||
|
value: me.create ? 'active-backup' : undefined,
|
||||||
|
allowBlank: false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype: 'textfield',
|
||||||
|
fieldLabel: gettext('Slaves'),
|
||||||
|
name: 'ovs_bonds'
|
||||||
|
}
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
|
||||||
|
column1.push(
|
||||||
|
{
|
||||||
|
xtype: 'pvetextfield',
|
||||||
|
deleteEmpty: !me.create,
|
||||||
|
fieldLabel: gettext('IP address'),
|
||||||
|
vtype: 'IPAddress',
|
||||||
|
name: 'address'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype: 'pvetextfield',
|
||||||
|
deleteEmpty: !me.create,
|
||||||
|
fieldLabel: gettext('Subnet mask'),
|
||||||
|
vtype: 'IPAddress',
|
||||||
|
name: 'netmask',
|
||||||
|
validator: function(value) {
|
||||||
|
/*jslint confusion: true */
|
||||||
|
if (!me.items) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
var address = me.down('field[name=address]').getValue();
|
||||||
|
if (value !== '') {
|
||||||
|
if (address === '') {
|
||||||
|
return "Subnet mask requires option 'IP address'";
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (address !== '') {
|
||||||
|
return "Option 'IP address' requires a subnet mask";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype: 'pvetextfield',
|
||||||
|
deleteEmpty: !me.create,
|
||||||
|
fieldLabel: gettext('Gateway'),
|
||||||
|
vtype: 'IPAddress',
|
||||||
|
name: 'gateway'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype: 'pvetextfield',
|
||||||
|
deleteEmpty: !me.create,
|
||||||
|
fieldLabel: gettext('IPv6 address'),
|
||||||
|
vtype: 'IP6Address',
|
||||||
|
name: 'address6'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype: 'pvetextfield',
|
||||||
|
deleteEmpty: !me.create,
|
||||||
|
fieldLabel: gettext('Prefix length'),
|
||||||
|
vtype: 'IP6PrefixLength',
|
||||||
|
name: 'netmask6',
|
||||||
|
value: '',
|
||||||
|
allowBlank: true,
|
||||||
|
validator: function(value) {
|
||||||
|
/*jslint confusion: true */
|
||||||
|
if (!me.items) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
var address = me.down('field[name=address6]').getValue();
|
||||||
|
if (value !== '') {
|
||||||
|
if (address === '') {
|
||||||
|
return "IPv6 prefix length requires option 'IPv6 address'";
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (address !== '') {
|
||||||
|
return "Option 'IPv6 address' requires an IPv6 prefix length";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype: 'pvetextfield',
|
||||||
|
deleteEmpty: !me.create,
|
||||||
|
fieldLabel: gettext('Gateway'),
|
||||||
|
vtype: 'IP6Address',
|
||||||
|
name: 'gateway6'
|
||||||
|
}
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Ext.applyIf(me, {
|
||||||
|
url: url,
|
||||||
|
method: method,
|
||||||
|
items: {
|
||||||
|
xtype: 'inputpanel',
|
||||||
|
column1: column1,
|
||||||
|
column2: column2
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
me.callParent();
|
||||||
|
|
||||||
|
if (me.create) {
|
||||||
|
me.down('field[name=iface]').setValue(me.iface_default);
|
||||||
|
} else {
|
||||||
|
me.load({
|
||||||
|
success: function(response, options) {
|
||||||
|
var data = response.result.data;
|
||||||
|
if (data.type !== me.iftype) {
|
||||||
|
var msg = "Got unexpected device type";
|
||||||
|
Ext.Msg.alert(gettext('Error'), msg, function() {
|
||||||
|
me.close();
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
me.setValues(data);
|
||||||
|
me.isValid(); // trigger validation
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
347
node/NetworkView.js
Normal file
347
node/NetworkView.js
Normal file
@ -0,0 +1,347 @@
|
|||||||
|
Ext.define('proxmox-networks', {
|
||||||
|
extend: 'Ext.data.Model',
|
||||||
|
fields: [
|
||||||
|
'iface', 'type', 'active', 'autostart',
|
||||||
|
'bridge_ports', 'slaves',
|
||||||
|
'address', 'netmask', 'gateway',
|
||||||
|
'address6', 'netmask6', 'gateway6',
|
||||||
|
'comments'
|
||||||
|
],
|
||||||
|
idProperty: 'iface'
|
||||||
|
});
|
||||||
|
|
||||||
|
Ext.define('Proxmox.node.NetworkView', {
|
||||||
|
extend: 'Ext.panel.Panel',
|
||||||
|
|
||||||
|
alias: ['widget.proxmoxNodeNetworkView'],
|
||||||
|
|
||||||
|
initComponent : function() {
|
||||||
|
var me = this;
|
||||||
|
|
||||||
|
if (!me.nodename) {
|
||||||
|
throw "no node name specified";
|
||||||
|
}
|
||||||
|
|
||||||
|
var baseUrl = '/nodes/' + me.nodename + '/network';
|
||||||
|
|
||||||
|
var store = Ext.create('Ext.data.Store', {
|
||||||
|
model: 'proxmox-networks',
|
||||||
|
proxy: {
|
||||||
|
type: 'proxmox',
|
||||||
|
url: '/api2/json' + baseUrl
|
||||||
|
},
|
||||||
|
sorters: [
|
||||||
|
{
|
||||||
|
property : 'iface',
|
||||||
|
direction: 'ASC'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
});
|
||||||
|
|
||||||
|
var reload = function() {
|
||||||
|
var changeitem = me.down('#changes');
|
||||||
|
Proxmox.Utils.API2Request({
|
||||||
|
url: baseUrl,
|
||||||
|
failure: function(response, opts) {
|
||||||
|
changeitem.update(gettext('Error') + ': ' + response.htmlStatus);
|
||||||
|
store.loadData({});
|
||||||
|
},
|
||||||
|
success: function(response, opts) {
|
||||||
|
var result = Ext.decode(response.responseText);
|
||||||
|
store.loadData(result.data);
|
||||||
|
var changes = result.changes;
|
||||||
|
if (changes === undefined || changes === '') {
|
||||||
|
changes = gettext("No changes");
|
||||||
|
}
|
||||||
|
changeitem.update("<pre>" + Ext.htmlEncode(changes) + "</pre>");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
var run_editor = function() {
|
||||||
|
var grid = me.down('gridpanel');
|
||||||
|
var sm = grid.getSelectionModel();
|
||||||
|
var rec = sm.getSelection()[0];
|
||||||
|
if (!rec) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var win = Ext.create('Proxmox.node.NetworkEdit', {
|
||||||
|
nodename: me.nodename,
|
||||||
|
iface: rec.data.iface,
|
||||||
|
iftype: rec.data.type
|
||||||
|
});
|
||||||
|
win.show();
|
||||||
|
win.on('destroy', reload);
|
||||||
|
};
|
||||||
|
|
||||||
|
var edit_btn = new Ext.Button({
|
||||||
|
text: gettext('Edit'),
|
||||||
|
disabled: true,
|
||||||
|
handler: run_editor
|
||||||
|
});
|
||||||
|
|
||||||
|
var del_btn = new Ext.Button({
|
||||||
|
text: gettext('Remove'),
|
||||||
|
disabled: true,
|
||||||
|
handler: function(){
|
||||||
|
var grid = me.down('gridpanel');
|
||||||
|
var sm = grid.getSelectionModel();
|
||||||
|
var rec = sm.getSelection()[0];
|
||||||
|
if (!rec) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var iface = rec.data.iface;
|
||||||
|
|
||||||
|
Proxmox.Utils.API2Request({
|
||||||
|
url: baseUrl + '/' + iface,
|
||||||
|
method: 'DELETE',
|
||||||
|
waitMsgTarget: me,
|
||||||
|
callback: function() {
|
||||||
|
reload();
|
||||||
|
},
|
||||||
|
failure: function(response, opts) {
|
||||||
|
Ext.Msg.alert(gettext('Error'), response.htmlStatus);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
var set_button_status = function() {
|
||||||
|
var grid = me.down('gridpanel');
|
||||||
|
var sm = grid.getSelectionModel();
|
||||||
|
var rec = sm.getSelection()[0];
|
||||||
|
|
||||||
|
edit_btn.setDisabled(!rec);
|
||||||
|
del_btn.setDisabled(!rec);
|
||||||
|
};
|
||||||
|
|
||||||
|
Proxmox.Utils.monStoreErrors(me, store);
|
||||||
|
|
||||||
|
var render_ports = function(value, metaData, record) {
|
||||||
|
if (value === 'bridge') {
|
||||||
|
return record.data.bridge_ports;
|
||||||
|
} else if (value === 'bond') {
|
||||||
|
return record.data.slaves;
|
||||||
|
} else if (value === 'OVSBridge') {
|
||||||
|
return record.data.ovs_ports;
|
||||||
|
} else if (value === 'OVSBond') {
|
||||||
|
return record.data.ovs_bonds;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
var find_next_iface_id = function(prefix) {
|
||||||
|
var next;
|
||||||
|
for (next = 0; next <= 9999; next++) {
|
||||||
|
if (!store.getById(prefix + next.toString())) {
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return prefix + next.toString();
|
||||||
|
};
|
||||||
|
|
||||||
|
Ext.apply(me, {
|
||||||
|
layout: 'border',
|
||||||
|
tbar: [
|
||||||
|
{
|
||||||
|
text: gettext('Create'),
|
||||||
|
menu: new Ext.menu.Menu({
|
||||||
|
plain: true,
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
text: Proxmox.Utils.render_network_iface_type('bridge'),
|
||||||
|
handler: function() {
|
||||||
|
var win = Ext.create('Proxmox.node.NetworkEdit', {
|
||||||
|
nodename: me.nodename,
|
||||||
|
iftype: 'bridge',
|
||||||
|
iface_default: find_next_iface_id('vmbr')
|
||||||
|
});
|
||||||
|
win.on('destroy', reload);
|
||||||
|
win.show();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: Proxmox.Utils.render_network_iface_type('bond'),
|
||||||
|
handler: function() {
|
||||||
|
var win = Ext.create('Proxmox.node.NetworkEdit', {
|
||||||
|
nodename: me.nodename,
|
||||||
|
iftype: 'bond',
|
||||||
|
iface_default: find_next_iface_id('bond')
|
||||||
|
});
|
||||||
|
win.on('destroy', reload);
|
||||||
|
win.show();
|
||||||
|
}
|
||||||
|
}, '-',
|
||||||
|
{
|
||||||
|
text: Proxmox.Utils.render_network_iface_type('OVSBridge'),
|
||||||
|
handler: function() {
|
||||||
|
var win = Ext.create('Proxmox.node.NetworkEdit', {
|
||||||
|
nodename: me.nodename,
|
||||||
|
iftype: 'OVSBridge',
|
||||||
|
iface_default: find_next_iface_id('vmbr')
|
||||||
|
});
|
||||||
|
win.on('destroy', reload);
|
||||||
|
win.show();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: Proxmox.Utils.render_network_iface_type('OVSBond'),
|
||||||
|
handler: function() {
|
||||||
|
var win = Ext.create('Proxmox.node.NetworkEdit', {
|
||||||
|
nodename: me.nodename,
|
||||||
|
iftype: 'OVSBond',
|
||||||
|
iface_default: find_next_iface_id('bond')
|
||||||
|
});
|
||||||
|
win.on('destroy', reload);
|
||||||
|
win.show();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: Proxmox.Utils.render_network_iface_type('OVSIntPort'),
|
||||||
|
handler: function() {
|
||||||
|
var win = Ext.create('Proxmox.node.NetworkEdit', {
|
||||||
|
nodename: me.nodename,
|
||||||
|
iftype: 'OVSIntPort'
|
||||||
|
});
|
||||||
|
win.on('destroy', reload);
|
||||||
|
win.show();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
})
|
||||||
|
}, ' ',
|
||||||
|
{
|
||||||
|
text: gettext('Revert'),
|
||||||
|
handler: function() {
|
||||||
|
Proxmox.Utils.API2Request({
|
||||||
|
url: baseUrl,
|
||||||
|
method: 'DELETE',
|
||||||
|
waitMsgTarget: me,
|
||||||
|
callback: function() {
|
||||||
|
reload();
|
||||||
|
},
|
||||||
|
failure: function(response, opts) {
|
||||||
|
Ext.Msg.alert(gettext('Error'), response.htmlStatus);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
edit_btn,
|
||||||
|
del_btn
|
||||||
|
],
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
xtype: 'gridpanel',
|
||||||
|
stateful: true,
|
||||||
|
stateId: 'grid-node-network',
|
||||||
|
store: store,
|
||||||
|
region: 'center',
|
||||||
|
border: false,
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
header: gettext('Name'),
|
||||||
|
width: 100,
|
||||||
|
sortable: true,
|
||||||
|
dataIndex: 'iface'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: gettext('Type'),
|
||||||
|
width: 100,
|
||||||
|
sortable: true,
|
||||||
|
renderer: Proxmox.Utils.render_network_iface_type,
|
||||||
|
dataIndex: 'type'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype: 'booleancolumn',
|
||||||
|
header: gettext('Active'),
|
||||||
|
width: 80,
|
||||||
|
sortable: true,
|
||||||
|
dataIndex: 'active',
|
||||||
|
trueText: 'Yes',
|
||||||
|
falseText: 'No',
|
||||||
|
undefinedText: 'No'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype: 'booleancolumn',
|
||||||
|
header: gettext('Autostart'),
|
||||||
|
width: 80,
|
||||||
|
sortable: true,
|
||||||
|
dataIndex: 'autostart',
|
||||||
|
trueText: 'Yes',
|
||||||
|
falseText: 'No',
|
||||||
|
undefinedText: 'No'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: gettext('Ports/Slaves'),
|
||||||
|
dataIndex: 'type',
|
||||||
|
renderer: render_ports
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: gettext('IP address'),
|
||||||
|
sortable: true,
|
||||||
|
dataIndex: 'address',
|
||||||
|
renderer: function(value, metaData, rec) {
|
||||||
|
if (rec.data.address && rec.data.address6) {
|
||||||
|
return rec.data.address + "<br>"
|
||||||
|
+ rec.data.address6 + '/' + rec.data.netmask6;
|
||||||
|
} else if (rec.data.address6) {
|
||||||
|
return rec.data.address6 + '/' + rec.data.netmask6;
|
||||||
|
} else {
|
||||||
|
return rec.data.address;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: gettext('Subnet mask'),
|
||||||
|
sortable: true,
|
||||||
|
dataIndex: 'netmask'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: gettext('Gateway'),
|
||||||
|
sortable: true,
|
||||||
|
dataIndex: 'gateway',
|
||||||
|
renderer: function(value, metaData, rec) {
|
||||||
|
if (rec.data.gateway && rec.data.gateway6) {
|
||||||
|
return rec.data.gateway + "<br>" + rec.data.gateway6;
|
||||||
|
} else if (rec.data.gateway6) {
|
||||||
|
return rec.data.gateway6;
|
||||||
|
} else {
|
||||||
|
return rec.data.gateway;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: gettext('Comment'),
|
||||||
|
dataIndex: 'comments',
|
||||||
|
renderer: Ext.String.htmlEncode
|
||||||
|
}
|
||||||
|
],
|
||||||
|
listeners: {
|
||||||
|
selectionchange: set_button_status,
|
||||||
|
itemdblclick: run_editor
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
border: false,
|
||||||
|
region: 'south',
|
||||||
|
autoScroll: true,
|
||||||
|
itemId: 'changes',
|
||||||
|
tbar: [
|
||||||
|
gettext('Pending changes') + ' (' +
|
||||||
|
gettext('Please reboot to activate changes') + ')'
|
||||||
|
],
|
||||||
|
split: true,
|
||||||
|
bodyPadding: 5,
|
||||||
|
flex: 0.6,
|
||||||
|
html: gettext("No changes")
|
||||||
|
}
|
||||||
|
],
|
||||||
|
listeners: {
|
||||||
|
activate: reload
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
me.callParent();
|
||||||
|
}
|
||||||
|
});
|
||||||
Loading…
Reference in New Issue
Block a user