ui: FW/Alias: make edit window wider to fit IPv6 CIDR

[pve-manager.git] / www / manager6 / grid / FirewallAliases.js

diff --git a/www/manager6/grid/FirewallAliases.js b/www/manager6/grid/FirewallAliases.js
index a9329afab497d583d0a7305c628383b96db671f3..5f9a94cae5a61f7ea0e8f9b3f93da332d19ff17e 100644 (file)
--- a/www/manager6/grid/FirewallAliases.js
+++ b/www/manager6/grid/FirewallAliases.js
@@ -1,19 +1,19 @@
 Ext.define('PVE.FirewallAliasEdit', {
-    extend: 'PVE.window.Edit',
-
-    onlineHelp: 'pve_firewall_ip_aliases',
+    extend: 'Proxmox.window.Edit',
 
     base_url: undefined,
-    
+
     alias_name: undefined,
 
+    width: 400,
+
     initComponent : function() {
-       /*jslint confusion: true */
+
        var me = this;
 
-       me.create = (me.alias_name === undefined);
+       me.isCreate = (me.alias_name === undefined);
 
-       if (me.create) {
+       if (me.isCreate) {
             me.url = '/api2/extjs' + me.base_url;
             me.method = 'POST';
         } else {
@@ -24,7 +24,7 @@ Ext.define('PVE.FirewallAliasEdit', {
        var items =  [
            {
                xtype: 'textfield',
-               name: me.create ? 'name' : 'rename',
+               name: me.isCreate ? 'name' : 'rename',
                fieldLabel: gettext('Name'),
                allowBlank: false
            },
@@ -41,8 +41,8 @@ Ext.define('PVE.FirewallAliasEdit', {
            }
        ];
 
-       var ipanel = Ext.create('PVE.panel.InputPanel', {
-           create: me.create,
+       var ipanel = Ext.create('Proxmox.panel.InputPanel', {
+           isCreate: me.isCreate,
            items: items
        });
 
@@ -54,7 +54,7 @@ Ext.define('PVE.FirewallAliasEdit', {
 
        me.callParent();
 
-       if (!me.create) {
+       if (!me.isCreate) {
            me.load({
                success:  function(response, options) {
                    var values = response.result.data;
@@ -66,16 +66,27 @@ Ext.define('PVE.FirewallAliasEdit', {
     }
 });
 
+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() {
-       /*jslint confusion: true */
 
        var me = this;
 
@@ -84,12 +95,11 @@ Ext.define('PVE.FirewallAliases', {
        }
 
        var store = new Ext.data.Store({
-           fields: [ 'name', 'cidr', 'comment', 'digest' ],
+           model: 'pve-fw-aliases',
            proxy: {
-               type: 'pve',
+               type: 'proxmox',
                url: "/api2/json" + me.base_url
            },
-           idProperty: 'name',
            sorters: {
                property: 'name',
                order: 'DESC'
@@ -126,7 +136,7 @@ Ext.define('PVE.FirewallAliases', {
            win.on('destroy', reload);
        };
 
-       me.editBtn = new PVE.button.Button({
+       me.editBtn = new Proxmox.button.Button({
            text: gettext('Edit'),
            disabled: true,
            selModel: sm,
@@ -144,25 +154,10 @@ Ext.define('PVE.FirewallAliases', {
            }
        });
 
-       me.removeBtn = new PVE.button.Button({
-           text: gettext('Remove'),
+       me.removeBtn = Ext.create('Proxmox.button.StdRemoveButton', {
            selModel: sm,
-           disabled: true,
-           handler: function() {
-               var rec = sm.getSelection()[0];
-               if (!rec) {
-                   return;
-               }
-               PVE.Utils.API2Request({
-                   url: me.base_url + '/' + rec.data.name,
-                   method: 'DELETE',
-                   waitMsgTarget: me,
-                   failure: function(response, options) {
-                       Ext.Msg.alert(gettext('Error'), response.htmlStatus);
-                   },
-                   callback: reload
-               });
-           }
+           baseurl: me.base_url + '/',
+           callback: reload
        });
 
 
@@ -181,7 +176,6 @@ Ext.define('PVE.FirewallAliases', {
        });
 
        me.callParent();
-
-       me.on('show', reload);
+       me.on('activate', reload);
     }
 });