add QuarantineList component

this component is a refactored version of the PMG.SpamList
component, but it incorporates the logic and layout for
changing dates/emails from the PMG.SpamQuarantine component

additionally, it has some logic to show/hide the email selection box
via a config property ('emailSelection')

this will be used for the SpamQuarantine in admin/user view and
for the virus quarantine

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>

diff --git a/js/QuarantineList.js b/js/QuarantineList.js
new file mode 100644 (file)
index 0000000..300010c
--- /dev/null
+++ b/js/QuarantineList.js
@@ -0,0 +1,204 @@
+Ext.define('PMG.QuarantineList', {
+    extend: 'Ext.grid.GridPanel',
+    xtype: 'pmgQuarantineList',
+
+    emptyText: gettext('No E-Mail address selected'),
+    viewConfig: {
+       deferEmptyText: false
+    },
+
+    config: {
+       emailSelection: false,
+       notFoundText: gettext('No data in database.')
+    },
+
+
+    controller: {
+       xclass: 'Ext.app.ViewController',
+
+        init: function(view) {
+           var me = this;
+           if (PMG.view === 'quarantine') {
+               view.emailSelection = false;
+               me.setEmptyText();
+           }
+           var emailCombobox = me.lookupReference('email');
+           emailCombobox.setVisible(view.emailSelection);
+           emailCombobox.setDisabled(!view.emailSelection);
+
+           // we to this to trigger the change event of those fields
+           var today = new Date();
+           me.lookupReference('from').setValue(today);
+           me.lookupReference('to').setValue(today);
+
+           me.load();
+        },
+       // extjs has no method to dynamically change the emptytext on
+       // grids, so we have to do it this way
+       setEmptyText: function(emptyText) {
+           var me = this;
+           var view = me.getView();
+           var tableview = view.getView();
+           tableview.emptyText = '<div class="x-grid-empty">'+ (emptyText || view.notFoundText) + '</div>';
+       },
+
+       load: function() {
+           var me = this;
+           var view = me.getView();
+           if (view.emailSelection) {
+               if (!me.lookupReference('email').getSelection()) {
+                   // if the combobox has no selection we do not reload
+                   return;
+               }
+
+           }
+           view.getStore().load();
+       },
+
+       setFrom: function(from) {
+           var me = this.getView();
+           var params = me.getStore().getProxy().getExtraParams();
+           params.starttime = from;
+           me.getStore().getProxy().setExtraParams(params);
+       },
+
+       setTo: function(to) {
+           var me = this.getView();
+           var params = me.getStore().getProxy().getExtraParams();
+           params.endtime = to;
+           me.getStore().getProxy().setExtraParams(params);
+       },
+
+       setUser: function(user) {
+           var me = this.getView();
+           var params = me.getStore().getProxy().getExtraParams();
+           params.pmail = user;
+           me.getStore().getProxy().setExtraParams(params);
+           me.user = user;
+       },
+
+       changeTime: function(field, value) {
+           var me = this;
+           var list = me.getView();
+
+           if (!value) {
+               return;
+           }
+
+           var val = value.getTime()/1000;
+           var combobox = me.lookupReference('email');
+           var params = combobox.getStore().getProxy().getExtraParams();
+
+           var to = me.lookupReference('to');
+           var from = me.lookupReference('from');
+
+           if (field.name === 'from') {
+               me.setFrom(val);
+               params.starttime = val;
+               to.setMinValue(value);
+
+           } else if (field.name === 'to') {
+               me.setTo(val + 24*60*60);
+               params.endtime = val + 24*60*60;
+               from.setMaxValue(value);
+           } else {
+               return;
+           }
+
+           // the combobox does not know anything about the extraparams
+           // so we disable queryCaching until we expand (and query) again
+           combobox.queryCaching = false;
+           combobox.getStore().getProxy().setExtraParams(params);
+
+           me.load();
+       },
+
+       resetEmail: function() {
+           var me = this;
+           var view = me.getView();
+           if (view.emailSelection) {
+               me.setUser(undefined);
+           }
+       },
+
+       changeEmail: function(tb, value) {
+           var me = this;
+           me.setUser(value);
+           me.load();
+       },
+
+       setQueryCaching: function() {
+           this.lookupReference('email').queryCaching = true;
+       },
+
+       control: {
+           '#':{
+               beforedestroy: 'resetEmail',
+           },
+           'combobox[reference=email]': {
+               change: {
+                   fn: 'changeEmail',
+                   buffer: 500
+               },
+               expand: 'setQueryCaching'
+           },
+           datefield: {
+               change: {
+                   fn: 'changeTime'
+               }
+           }
+
+       }
+    },
+
+    features: [
+       {
+           ftype: 'grouping',
+           groupHeaderTpl: '{columnName}: {name} ({children.length})'
+       }
+    ],
+
+    tbar: {
+       layout: {
+           type: 'vbox',
+           align: 'stretch'
+       },
+       defaults: {
+           margin: 2
+       },
+       items: [
+           {
+               fieldLabel: gettext('From'),
+               reference: 'from',
+               xtype: 'datefield',
+               format: 'Y-m-d',
+               name: 'from'
+           },
+           {
+               fieldLabel: gettext('To'),
+               reference: 'to',
+               xtype: 'datefield',
+               format: 'Y-m-d',
+               name: 'to'
+           },
+           {
+               xtype: 'combobox',
+               hidden: true,
+               displayField: 'mail',
+               valueField: 'mail',
+               store: {
+                   proxy: {
+                       type: 'proxmox',
+                       url: '/api2/json/quarantine/spamusers'
+                   }
+               },
+               queryParam: false,
+               queryCaching: false,
+               editable: false,
+               reference: 'email',
+               name: 'email',
+               fieldLabel: 'E-Mail'
+           }
+       ]
+    }
+});