195 lines
3.5 KiB
JavaScript
195 lines
3.5 KiB
JavaScript
Ext.define('PVE.FirewallAliasEdit', {
|
|
extend: 'Proxmox.window.Edit',
|
|
|
|
base_url: undefined,
|
|
|
|
alias_name: undefined,
|
|
|
|
width: 400,
|
|
|
|
initComponent : function() {
|
|
|
|
var me = this;
|
|
|
|
me.isCreate = (me.alias_name === undefined);
|
|
|
|
if (me.isCreate) {
|
|
me.url = '/api2/extjs' + me.base_url;
|
|
me.method = 'POST';
|
|
} else {
|
|
me.url = '/api2/extjs' + me.base_url + '/' + me.alias_name;
|
|
me.method = 'PUT';
|
|
}
|
|
|
|
var items = [
|
|
{
|
|
xtype: 'textfield',
|
|
name: me.isCreate ? 'name' : 'rename',
|
|
fieldLabel: gettext('Name'),
|
|
allowBlank: false
|
|
},
|
|
{
|
|
xtype: 'textfield',
|
|
name: 'cidr',
|
|
fieldLabel: gettext('IP/CIDR'),
|
|
allowBlank: false
|
|
},
|
|
{
|
|
xtype: 'textfield',
|
|
name: 'comment',
|
|
fieldLabel: gettext('Comment')
|
|
}
|
|
];
|
|
|
|
var ipanel = Ext.create('Proxmox.panel.InputPanel', {
|
|
isCreate: me.isCreate,
|
|
items: items
|
|
});
|
|
|
|
Ext.apply(me, {
|
|
subject: gettext('Alias'),
|
|
isAdd: true,
|
|
items: [ ipanel ]
|
|
});
|
|
|
|
me.callParent();
|
|
|
|
if (!me.isCreate) {
|
|
me.load({
|
|
success: function(response, options) {
|
|
var values = response.result.data;
|
|
values.rename = values.name;
|
|
ipanel.setValues(values);
|
|
}
|
|
});
|
|
}
|
|
}
|
|
});
|
|
|
|
Ext.define('pve-fw-aliases', {
|
|
extend: 'Ext.data.Model',
|
|
|
|
fields: [ 'name', 'cidr', 'comment', 'digest' ],
|
|
idProperty: 'name'
|
|
});
|
|
|
|
Ext.define('PVE.FirewallAliases', {
|
|
extend: 'Ext.grid.Panel',
|
|
alias: ['widget.pveFirewallAliases'],
|
|
|
|
onlineHelp: 'pve_firewall_ip_aliases',
|
|
|
|
stateful: true,
|
|
stateId: 'grid-firewall-aliases',
|
|
|
|
base_url: undefined,
|
|
|
|
title: gettext('Alias'),
|
|
|
|
initComponent : function() {
|
|
|
|
var me = this;
|
|
|
|
if (!me.base_url) {
|
|
throw "missing base_url configuration";
|
|
}
|
|
|
|
var store = new Ext.data.Store({
|
|
model: 'pve-fw-aliases',
|
|
proxy: {
|
|
type: 'proxmox',
|
|
url: "/api2/json" + me.base_url
|
|
},
|
|
sorters: {
|
|
property: 'name',
|
|
order: 'DESC'
|
|
}
|
|
});
|
|
|
|
var sm = Ext.create('Ext.selection.RowModel', {});
|
|
|
|
var reload = function() {
|
|
var oldrec = sm.getSelection()[0];
|
|
store.load(function(records, operation, success) {
|
|
if (oldrec) {
|
|
var rec = store.findRecord('name', oldrec.data.name);
|
|
if (rec) {
|
|
sm.select(rec);
|
|
}
|
|
}
|
|
});
|
|
};
|
|
|
|
var run_editor = function() {
|
|
var sm = me.getSelectionModel();
|
|
var rec = sm.getSelection()[0];
|
|
if (!rec) {
|
|
return;
|
|
}
|
|
|
|
var win = Ext.create('PVE.FirewallAliasEdit', {
|
|
base_url: me.base_url,
|
|
alias_name: rec.data.name
|
|
});
|
|
|
|
win.show();
|
|
win.on('destroy', reload);
|
|
};
|
|
|
|
me.editBtn = new Proxmox.button.Button({
|
|
text: gettext('Edit'),
|
|
disabled: true,
|
|
selModel: sm,
|
|
handler: run_editor
|
|
});
|
|
|
|
me.addBtn = Ext.create('Ext.Button', {
|
|
text: gettext('Add'),
|
|
handler: function() {
|
|
var win = Ext.create('PVE.FirewallAliasEdit', {
|
|
base_url: me.base_url
|
|
});
|
|
win.on('destroy', reload);
|
|
win.show();
|
|
}
|
|
});
|
|
|
|
me.removeBtn = Ext.create('Proxmox.button.StdRemoveButton', {
|
|
selModel: sm,
|
|
baseurl: me.base_url + '/',
|
|
callback: reload
|
|
});
|
|
|
|
|
|
Ext.apply(me, {
|
|
store: store,
|
|
tbar: [ me.addBtn, me.removeBtn, me.editBtn ],
|
|
selModel: sm,
|
|
columns: [
|
|
{
|
|
header: gettext('Name'),
|
|
dataIndex: 'name',
|
|
flex: 1,
|
|
},
|
|
{
|
|
header: gettext('IP/CIDR'),
|
|
dataIndex: 'cidr',
|
|
flex: 1,
|
|
},
|
|
{
|
|
header: gettext('Comment'),
|
|
dataIndex: 'comment',
|
|
renderer: Ext.String.htmlEncode,
|
|
flex: 3,
|
|
}
|
|
],
|
|
listeners: {
|
|
itemdblclick: run_editor
|
|
}
|
|
});
|
|
|
|
me.callParent();
|
|
me.on('activate', reload);
|
|
}
|
|
});
|