quarantine: use new controller for virus and attachment quarantines

[pmg-gui.git] / js / PostfixMailQueue.js

diff --git a/js/PostfixMailQueue.js b/js/PostfixMailQueue.js
index 63c9cfa3904f8cc9a5b4a37d6c588e1eab21bb1b..94ab186192e7c1b2c2e024f4540a5aa43172d74a 100644 (file)
--- a/js/PostfixMailQueue.js
+++ b/js/PostfixMailQueue.js
@@ -2,25 +2,30 @@ Ext.define('pmg-mailq', {
     extend: 'Ext.data.Model',
     fields: [
        'queue_id', 'queue_name',
-       { type: 'date',  dateFormat: 'timestamp', name: 'arrival_time'},
-       { type: 'integer', name: 'message_size'},
-       'sender', 'receiver', 'reason'
+       { type: 'date', dateFormat: 'timestamp', name: 'arrival_time' },
+       { type: 'integer', name: 'message_size' },
+       'sender', 'receiver', 'reason',
     ],
-    idProperty: 'queue_id'
+    idProperty: 'queue_id',
 });
 
 Ext.define('PMG.Postfix.MailQueue', {
     extend: 'Ext.grid.GridPanel',
     alias: 'widget.pmgPostfixMailQueue',
 
-    nodename : undefined,
+    nodename: undefined,
+
     filter: undefined,
 
+    queuename: 'deferred',
+
     store: {
        xclass: 'Ext.data.BufferedStore',
        model: 'pmg-mailq',
        remoteFilter: true,
-       pageSize: 2000
+       remoteSort: true,
+       sorters: 'arrival_time',
+       pageSize: 2000,
     },
 
     controller: {
@@ -28,7 +33,9 @@ Ext.define('PMG.Postfix.MailQueue', {
        xclass: 'Ext.app.ViewController',
 
        init: function(view) {
-           if (view.nodename) view.setNodename(view.nodename);
+           if (view.nodename) {
+               view.setNodename(view.nodename);
+           }
 
            view.delayFilterTask = new Ext.util.DelayedTask(function() {
                var filter = view.lookupReference('filter').getValue();
@@ -43,81 +50,156 @@ Ext.define('PMG.Postfix.MailQueue', {
            view.delayFilterTask.delay(500);
        },
 
+       onFlush: function(button, event, rec) {
+           var view = this.getView();
+
+           Proxmox.Utils.API2Request({
+               url: '/api2/extjs/nodes/' + view.nodename + '/postfix/queue/' +
+                   view.queuename + '/' + rec.data.queue_id,
+               method: 'POST',
+               waitMsgTarget: view,
+               failure: function(response, opts) {
+                   Ext.Msg.alert(gettext('Error'), response.htmlStatus);
+               },
+           });
+       },
+
+       onRemove: function(button, event, rec) {
+           var view = this.getView();
+
+           Proxmox.Utils.API2Request({
+               url: '/api2/extjs/nodes/' + view.nodename + '/postfix/queue/' +
+                   view.queuename + '/' + rec.data.queue_id,
+               method: 'DELETE',
+               waitMsgTarget: view,
+               success: function(response, opts) {
+                   view.selModel.deselectAll();
+                   view.store.load();
+               },
+               failure: function(response, opts) {
+                   Ext.Msg.alert(gettext('Error'), response.htmlStatus);
+               },
+           });
+       },
+
+       onHeaders: function(button, event, rec) {
+           var view = this.getView();
+
+           var url = '/api2/extjs/nodes/' + view.nodename + '/postfix/queue/' +
+               view.queuename + '/' + rec.data.queue_id;
+
+           var win = Ext.create('PMG.ViewMailHeaders', {
+               title: view.title + ' : ' + rec.data.queue_id,
+               url: url,
+           });
+           win.show();
+       },
+
        control: {
+           '#': {
+               activate: function() {
+                   this.view.updateProxy(); // reload
+               },
+               itemdblclick: function(grid, rec, item, index, event) {
+                   this.onHeaders(grid, event, rec);
+               },
+           },
            'field[reference=filter]': {
-               change: 'onChangeFilter'
-           }
-       }
+               change: 'onChangeFilter',
+           },
+       },
     },
 
     tbar: [
+       {
+           xtype: 'proxmoxButton',
+           disabled: true,
+           text: gettext('Headers'),
+           handler: 'onHeaders',
+       },
+       {
+           xtype: 'proxmoxButton',
+           disabled: true,
+           text: gettext('Flush'),
+           handler: 'onFlush',
+       },
+       {
+           xtype: 'proxmoxStdRemoveButton',
+           handler: 'onRemove',
+       },
        {
            xtype: 'label',
-           html: gettext('Filter') + ':'
+           html: gettext('Filter') + ':',
        },
        {
            xtype: 'textfield',
            width: 300,
-           reference: 'filter'
-       }
+           reference: 'filter',
+       },
     ],
 
     columns: [
        {
            header: gettext('Time'),
-           width: 150,
+           flex: 2,
            renderer: Ext.util.Format.dateRenderer("Y-m-d H:i:s"),
-           dataIndex: 'arrival_time'
+           dataIndex: 'arrival_time',
        },
        {
-           header: 'KByte',
-           width: 80,
-           dataIndex: 'message_size'
+           header: 'Size',
+           renderer: Proxmox.Utils.format_size,
+           flex: 1,
+           dataIndex: 'message_size',
        },
        {
            header: gettext('Sender'),
-           width: 200,
-           dataIndex: 'sender'
+           flex: 2,
+           dataIndex: 'sender',
        },
        {
            header: gettext('Receiver'),
-           width: 200,
-           dataIndex: 'receiver'
+           flex: 2,
+           dataIndex: 'receiver',
        },
        {
            header: gettext('Reason'),
-           flex: 1,
-           dataIndex: 'reason'
-       }
+           flex: 8,
+           dataIndex: 'reason',
+       },
     ],
 
     pendingLoad: false,
 
     updateProxy: function() {
-       var me = this;
+       let me = this;
 
-       if (me.pendingLoad) return;
+       if (me.pendingLoad) {
+           return;
+       }
 
-       var proxy = {
+       let proxy = {
            type: 'proxmox',
            startParam: 'start',
            limitParam: 'limit',
-           url: "/api2/json/nodes/" + me.nodename + "/postfix/mailq"
+           sortParam: 'sortfield',
+           directionParam: 'sortdir',
+           simpleSortMode: true,
+           url: "/api2/json/nodes/" + me.nodename + "/postfix/queue/" + me.queuename,
        };
 
-       var filter = me.filter;
-       var nodename = me.nodename;
-
-       if (filter) { proxy.extraParams = { filter: filter }; }
-
+       let filter = me.filter;
+       if (filter) {
+           proxy.extraParams = { filter: filter };
+       }
 
        me.store.setProxy(proxy);
 
+       let nodename = me.nodename;
+       let queuename = me.queuename;
        me.pendingLoad = true;
-
        me.store.load(function() {
            me.pendingLoad = false;
-           if (me.nodename != nodename || me.filter != filter) {
+           if (me.nodename !== nodename || me.filter !== filter || me.queuename !== queuename) {
                setTimeout(function() {
                    me.updateProxy();
                }, 100);
@@ -130,11 +212,21 @@ Ext.define('PMG.Postfix.MailQueue', {
     },
 
     setNodename: function(nodename) {
+       let me = this;
+       if (nodename === me.nodename) {
+           return; // nothing to do
+       }
+       me.nodename = nodename;
+
+       me.updateProxy();
+    },
+
+    setQueueName: function(queuename) {
        var me = this;
 
-       me.nodename = nodename;
+       me.queuename = queuename;
 
        me.updateProxy();
-    }
+    },
 
 });