www/manager6/grid/FirewallAliases.js

   1 Ext.define('PVE.FirewallAliasEdit', {
   2     extend: 'Proxmox.window.Edit',
   3
   4     base_url: undefined,
   5
   6     alias_name: undefined,
   7
   8     width: 400,
   9
  10     initComponent: function() {
  11         let me = this;
  12
  13         me.isCreate = me.alias_name === undefined;
  14
  15         if (me.isCreate) {
  16             me.url = '/api2/extjs' + me.base_url;
  17             me.method = 'POST';
  18         } else {
  19             me.url = '/api2/extjs' + me.base_url + '/' + me.alias_name;
  20             me.method = 'PUT';
  21         }
  22
  23         let ipanel = Ext.create('Proxmox.panel.InputPanel', {
  24             isCreate: me.isCreate,
  25             items: [
  26                 {
  27                     xtype: 'textfield',
  28                     name: me.isCreate ? 'name' : 'rename',
  29                     fieldLabel: gettext('Name'),
  30                     allowBlank: false,
  31                 },
  32                 {
  33                     xtype: 'textfield',
  34                     name: 'cidr',
  35                     fieldLabel: gettext('IP/CIDR'),
  36                     allowBlank: false,
  37                 },
  38                 {
  39                     xtype: 'textfield',
  40                     name: 'comment',
  41                     fieldLabel: gettext('Comment'),
  42                 },
  43             ],
  44         });
  45
  46         Ext.apply(me, {
  47             subject: gettext('Alias'),
  48             isAdd: true,
  49             items: [ipanel],
  50         });
  51
  52         me.callParent();
  53
  54         if (!me.isCreate) {
  55             me.load({
  56                 success: function(response, options) {
  57                     let values = response.result.data;
  58                     values.rename = values.name;
  59                     ipanel.setValues(values);
  60                 },
  61             });
  62         }
  63     },
  64 });
  65
  66 Ext.define('pve-fw-aliases', {
  67     extend: 'Ext.data.Model',
  68
  69     fields: ['name', 'cidr', 'comment', 'digest'],
  70     idProperty: 'name',
  71 });
  72
  73 Ext.define('PVE.FirewallAliases', {
  74     extend: 'Ext.grid.Panel',
  75     alias: ['widget.pveFirewallAliases'],
  76
  77     onlineHelp: 'pve_firewall_ip_aliases',
  78
  79     stateful: true,
  80     stateId: 'grid-firewall-aliases',
  81
  82     base_url: undefined,
  83
  84     title: gettext('Alias'),
  85
  86     initComponent: function() {
  87         let me = this;
  88
  89         if (!me.base_url) {
  90             throw "missing base_url configuration";
  91         }
  92
  93         let store = new Ext.data.Store({
  94             model: 'pve-fw-aliases',
  95             proxy: {
  96                 type: 'proxmox',
  97                 url: "/api2/json" + me.base_url,
  98             },
  99             sorters: {
 100                 property: 'name',
 101                 direction: 'ASC',
 102             },
 103         });
 104
 105         let sm = Ext.create('Ext.selection.RowModel', {});
 106
 107         let caps = Ext.state.Manager.get('GuiCap');
 108         let canEdit = !!caps.vms['VM.Config.Network'] || !!caps.dc['Sys.Modify'] || !!caps.nodes['Sys.Modify'];
 109
 110         let reload = function() {
 111             let oldrec = sm.getSelection()[0];
 112             store.load(function(records, operation, success) {
 113                 if (oldrec) {
 114                     var rec = store.findRecord('name', oldrec.data.name, 0, false, true, true);
 115                     if (rec) {
 116                         sm.select(rec);
 117                     }
 118                 }
 119             });
 120         };
 121
 122         let run_editor = function() {
 123             let rec = me.getSelectionModel().getSelection()[0];
 124             if (!rec || !canEdit) {
 125                 return;
 126             }
 127             let win = Ext.create('PVE.FirewallAliasEdit', {
 128                 base_url: me.base_url,
 129                 alias_name: rec.data.name,
 130             });
 131             win.show();
 132             win.on('destroy', reload);
 133         };
 134
 135         me.editBtn = new Proxmox.button.Button({
 136             text: gettext('Edit'),
 137             disabled: true,
 138             selModel: sm,
 139             enableFn: rec => canEdit,
 140             handler: run_editor,
 141         });
 142
 143         me.addBtn = Ext.create('Ext.Button', {
 144             text: gettext('Add'),
 145             disabled: !caps.vms['VM.Config.Network'] && !caps.dc['Sys.Modify'] && !caps.nodes['Sys.Modify'],
 146             handler: function() {
 147                 var win = Ext.create('PVE.FirewallAliasEdit', {
 148                     base_url: me.base_url,
 149                 });
 150                 win.on('destroy', reload);
 151                 win.show();
 152             },
 153         });
 154
 155         me.removeBtn = Ext.create('Proxmox.button.StdRemoveButton', {
 156             disabled: true,
 157             selModel: sm,
 158             enableFn: rec => !!caps.vms['VM.Config.Network'] || !!caps.dc['Sys.Modify'] || !!caps.nodes['Sys.Modify'],
 159             baseurl: me.base_url + '/',
 160             callback: reload,
 161         });
 162
 163
 164         Ext.apply(me, {
 165             store: store,
 166             tbar: [me.addBtn, me.removeBtn, me.editBtn],
 167             selModel: sm,
 168             columns: [
 169                 {
 170                     header: gettext('Name'),
 171                     dataIndex: 'name',
 172                     flex: 1,
 173                 },
 174                 {
 175                     header: gettext('IP/CIDR'),
 176                     dataIndex: 'cidr',
 177                     flex: 1,
 178                 },
 179                 {
 180                     header: gettext('Comment'),
 181                     dataIndex: 'comment',
 182                     renderer: Ext.String.htmlEncode,
 183                     flex: 3,
 184                 },
 185             ],
 186             listeners: {
 187                 itemdblclick: run_editor,
 188             },
 189         });
 190
 191         me.callParent();
 192         me.on('activate', reload);
 193     },
 194 });