remove BETA, do not display repoid

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

diff --git a/js/PostfixMailQueue.js b/js/PostfixMailQueue.js
index 8877438e257e83641caa72f51a67ad553bfbbb9c..101a43b91b36a0e1fe723e64c9a807dc969a5f06 100644 (file)
--- a/js/PostfixMailQueue.js
+++ b/js/PostfixMailQueue.js
@@ -1,3 +1,4 @@
+/*global Proxmox*/
 Ext.define('pmg-mailq', {
     extend: 'Ext.data.Model',
     fields: [
@@ -13,20 +14,130 @@ Ext.define('PMG.Postfix.MailQueue', {
     extend: 'Ext.grid.GridPanel',
     alias: 'widget.pmgPostfixMailQueue',
 
-    nodename : undefined,
+    nodename: undefined,
+
     filter: undefined,
 
-    store: { model: 'pmg-mailq' },
+    queuename: 'deferred',
+
+    store: {
+       xclass: 'Ext.data.BufferedStore',
+       model: 'pmg-mailq',
+       remoteFilter: true,
+       pageSize: 2000
+    },
 
     controller: {
 
        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();
+
+               view.filter = filter;
+               view.updateProxy();
+           });
+       },
+
+       onChangeFilter: function(f, v) {
+           var view = this.getView();
+           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'
+           }
        }
     },
 
+    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') + ':'
+       },
+       {
+           xtype: 'textfield',
+           width: 300,
+           reference: 'filter'
+       }
+    ],
+
     columns: [
        {
            header: gettext('Time'),
@@ -56,16 +167,61 @@ Ext.define('PMG.Postfix.MailQueue', {
        }
     ],
 
-    setNodename: function(nodename) {
+    pendingLoad: false,
+
+    updateProxy: function() {
        var me = this;
 
-       me.nodename = nodename;
+       if (me.pendingLoad) {
+           return;
+       }
 
-       me.store.setProxy({
+       var proxy = {
            type: 'proxmox',
-           url: "/api2/json/nodes/" + nodename + "/postfix/mailq"
+           startParam: 'start',
+           limitParam: 'limit',
+           url: "/api2/json/nodes/" + me.nodename + "/postfix/queue/" + me.queuename
+       };
+
+       var filter = me.filter;
+       var nodename = me.nodename;
+       var queuename = me.queuename;
+
+       if (filter) { proxy.extraParams = { filter: filter }; }
+
+
+       me.store.setProxy(proxy);
+
+       me.pendingLoad = true;
+
+       me.store.load(function() {
+           me.pendingLoad = false;
+           if (me.nodename !== nodename || me.filter !== filter || me.queuename !== queuename) {
+               setTimeout(function() {
+                   me.updateProxy();
+               }, 100);
+           }
        });
-       me.store.load();
+    },
+
+    setFilter: function(filter) {
+       this.lookupReference('filter').setValue(filter);
+    },
+
+    setNodename: function(nodename) {
+       var me = this;
+
+       me.nodename = nodename;
+
+       me.updateProxy();
+    },
+
+    setQueueName: function(queuename) {
+       var me = this;
+
+       me.queuename = queuename;
+
+       me.updateProxy();
     }
 
 });