Ext.define('PVE.lxc.NetworkInputPanel', {
- extend: 'PVE.panel.InputPanel',
+ extend: 'Proxmox.panel.InputPanel',
alias: 'widget.pveLxcNetworkInputPanel',
insideWizard: false,
+ onlineHelp: 'pct_container_network',
+
setNodename: function(nodename) {
var me = this;
var me = this;
var id;
- if (me.create) {
+ if (me.isCreate) {
id = values.id;
delete values.id;
} else {
var newdata = {};
- if (values['ipv6mode'] !== 'static')
- values['ip6'] = values['ipv6mode'];
- if (values['ipv4mode'] !== 'static')
- values['ip'] = values['ipv4mode']
+ if (values.ipv6mode !== 'static') {
+ values.ip6 = values.ipv6mode;
+ }
+ if (values.ipv4mode !== 'static') {
+ values.ip = values.ipv4mode;
+ }
newdata[id] = PVE.Parser.printLxcNetwork(values);
return newdata;
},
initComponent : function() {
var me = this;
- if (!me.dataCache) {
- throw "no dataCache specified";
- }
-
var cdata = {};
if (me.insideWizard) {
me.ifname = 'net0';
cdata.name = 'eth0';
+ me.dataCache = {};
}
-
- if (!me.create) {
+ cdata.firewall = (me.insideWizard || me.isCreate);
+
+ if (!me.dataCache) {
+ throw "no dataCache specified";
+ }
+
+ if (!me.isCreate) {
if (!me.ifname) {
throw "no interface name specified";
}
cdata = PVE.Parser.parseLxcNetwork(me.dataCache[me.ifname]);
}
- var i, netlist = [];
+ var i;
for (i = 0; i < 10; i++) {
- netlist.push({ "name": "net" + i });
+ if (me.isCreate && !me.dataCache['net'+i.toString()]) {
+ me.ifname = 'net' + i.toString();
+ break;
+ }
}
-
- var netliststore = Ext.create('Ext.data.Store', {
- fields: ['name'],
- data: netlist
- });
- var ifselector = {
- xtype: 'combobox',
- fieldLabel: gettext('ID'),
- store: netliststore,
- editable: false,
+ var idselector = {
+ xtype: 'hidden',
name: 'id',
- value: me.ifname,
- disabled: !me.create,
- queryMode: 'local',
- displayField: 'name',
- valueField: 'name',
- validator: function(value) {
- if (me.create && me.dataCache[value]) {
- return "Network ID already in use";
- }
- return true;
- }
+ value: me.ifname
};
- me.column1 = [
- ifselector,
+ me.column1 = [
+ idselector,
{
xtype: 'textfield',
name: 'name',
- height: 22, // hack: set same height as text fields
- fieldLabel: gettext('Name') + ' (i.e. eth0)',
+ fieldLabel: gettext('Name'),
+ emptyText: '(e.g., eth0)',
allowBlank: false,
value: cdata.name,
validator: function(value) {
- var result = true;
+ var result = '';
Ext.Object.each(me.dataCache, function(key, netstr) {
if (!key.match(/^net\d+/) || key === me.ifname) {
return; // continue
return false;
}
});
- return result;
+ if (result !== '') {
+ return result;
+ }
+ // validator can return bool/string
+ /*jslint confusion:true*/
+ return true;
}
},
{
fieldLabel: gettext('MAC address'),
vtype: 'MacAddress',
value: cdata.hwaddr,
- allowBlank: me.create,
+ allowBlank: true,
emptyText: 'auto'
},
{
{
xtype: 'pveVlanField',
name: 'tag',
- value: cdata.tag,
+ value: cdata.tag
},
{
- xtype: 'pvecheckbox',
+ xtype: 'numberfield',
+ name: 'rate',
+ fieldLabel: gettext('Rate limit') + ' (MB/s)',
+ minValue: 0,
+ maxValue: 10*1024,
+ value: cdata.rate,
+ emptyText: 'unlimited',
+ allowBlank: true
+ },
+ {
+ xtype: 'proxmoxcheckbox',
fieldLabel: gettext('Firewall'),
name: 'firewall',
- checked: cdata.firewall,
+ value: cdata.firewall
}
];
},
border: false,
margin: '0 0 5 0',
- height: 22, // hack: set same height as text fields
items: [
{
xtype: 'label',
- text: gettext('IPv4') + ':',
+ text: 'IPv4:' // do not localize
},
{
xtype: 'radiofield',
},
{
xtype: 'radiofield',
- boxLabel: gettext('DHCP'),
+ boxLabel: 'DHCP', // do not localize
name: 'ipv4mode',
inputValue: 'dhcp',
checked: dhcp4,
vtype: 'IPCIDRAddress',
value: cdata.ip,
disabled: dhcp4,
- fieldLabel: gettext('IPv4/CIDR')
+ fieldLabel: 'IPv4/CIDR' // do not localize
},
{
xtype: 'textfield',
value: cdata.gw,
vtype: 'IPAddress',
disabled: dhcp4,
- fieldLabel: gettext('Gateway') + ' (' + gettext('IPv4') +')',
+ fieldLabel: gettext('Gateway') + ' (IPv4)',
margin: '0 0 3 0' // override bottom margin to account for the menuseparator
},
{
},
border: false,
margin: '0 0 5 0',
- height: 22, // hack: set same height as text fields
items: [
{
xtype: 'label',
- text: gettext('IPv6') + ':',
+ text: 'IPv6:' // do not localize
},
{
xtype: 'radiofield',
},
{
xtype: 'radiofield',
- boxLabel: gettext('DHCP'),
+ boxLabel: 'DHCP', // do not localize
name: 'ipv6mode',
inputValue: 'dhcp',
checked: dhcp6,
},
{
xtype: 'radiofield',
- boxLabel: gettext('SLAAC'),
+ boxLabel: 'SLAAC', // do not localize
name: 'ipv6mode',
inputValue: 'auto',
checked: auto6,
value: cdata.ip6,
vtype: 'IP6CIDRAddress',
disabled: (dhcp6 || auto6),
- fieldLabel: gettext('IPv6/CIDR')
+ fieldLabel: 'IPv6/CIDR' // do not localize
},
{
xtype: 'textfield',
vtype: 'IP6Address',
value: cdata.gw6,
disabled: (dhcp6 || auto6),
- fieldLabel: gettext('Gateway') + ' (' + gettext('IPv6') +')'
+ fieldLabel: gettext('Gateway') + ' (IPv6)'
}
];
}
});
-/*jslint confusion: true */
+
Ext.define('PVE.lxc.NetworkEdit', {
- extend: 'PVE.window.Edit',
+ extend: 'Proxmox.window.Edit',
isAdd: true,
ifname: me.ifname,
nodename: me.nodename,
dataCache: me.dataCache,
- create: me.create
+ isCreate: me.isCreate
});
Ext.apply(me, {
Ext.define('PVE.lxc.NetworkView', {
extend: 'Ext.grid.GridPanel',
- alias: ['widget.pveLxcNetworkView'],
+ alias: 'widget.pveLxcNetworkView',
+
+ onlineHelp: 'pct_container_network',
dataCache: {}, // used to store result of last load
+ stateful: true,
+ stateId: 'grid-lxc-network',
+
load: function() {
var me = this;
- PVE.Utils.setErrorMask(me, true);
+ Proxmox.Utils.setErrorMask(me, true);
- PVE.Utils.API2Request({
+ Proxmox.Utils.API2Request({
url: me.url,
failure: function(response, opts) {
- PVE.Utils.setErrorMask(me, gettext('Error') + ': ' + response.htmlStatus);
+ Proxmox.Utils.setErrorMask(me, gettext('Error') + ': ' + response.htmlStatus);
},
success: function(response, opts) {
- PVE.Utils.setErrorMask(me, false);
+ Proxmox.Utils.setErrorMask(me, false);
var result = Ext.decode(response.responseText);
var data = result.data || {};
me.dataCache = data;
records.push(net);
});
me.store.loadData(records);
+ me.down('button[name=addButton]').setDisabled((records.length >= 10));
}
});
},
var sm = Ext.create('Ext.selection.RowModel', {});
- var remove_btn = new PVE.button.Button({
+ var remove_btn = new Proxmox.button.Button({
text: gettext('Remove'),
disabled: true,
selModel: sm,
"'" + rec.data.id + "'");
},
handler: function(btn, event, rec) {
- PVE.Utils.API2Request({
+ Proxmox.Utils.API2Request({
url: me.url,
waitMsgTarget: me,
method: 'PUT',
win.show();
};
- var edit_btn = new PVE.button.Button({
+ var edit_btn = new Proxmox.button.Button({
text: gettext('Edit'),
selModel: sm,
disabled: true,
handler: run_editor
});
- Ext.applyIf(me, {
+ Ext.apply(me, {
store: store,
selModel: sm,
- stateful: false,
tbar: [
{
text: gettext('Add'),
+ name: 'addButton',
disabled: !caps.vms['VM.Config.Network'],
handler: function() {
var win = Ext.create('PVE.lxc.NetworkEdit', {
url: me.url,
nodename: nodename,
- create: true,
+ isCreate: true,
dataCache: me.dataCache
});
win.on('destroy', me.load, me);
],
columns: [
{
- header: gettext('ID'),
+ header: 'ID',
width: 50,
dataIndex: 'id'
},
header: gettext('Firewall'),
width: 80,
dataIndex: 'firewall',
- renderer: PVE.Utils.format_boolean
+ renderer: Proxmox.Utils.format_boolean
},
{
header: gettext('VLAN Tag'),
}
],
listeners: {
- show: me.load,
+ activate: me.load,
itemdblclick: run_editor
}
});
me.callParent();
-
- me.load();
}
}, function() {