spam-info-grid: style the spam info grid via css variables

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

diff --git a/js/QuarantineList.js b/js/QuarantineList.js
index 6aeea3d797e67b6848b57bb5c21f67d9fa38dd74..faeacd65d3ef78d5b730f88fccc01408284effdb 100644 (file)
--- a/js/QuarantineList.js
+++ b/js/QuarantineList.js
@@ -8,7 +8,7 @@ Ext.define('PMG.QuarantineList', {
     },
 
     config: {
-       emailSelection: false,
+       quarantineType: 'spam',
        notFoundText: gettext('No data in database'),
     },
 
@@ -24,13 +24,22 @@ Ext.define('PMG.QuarantineList', {
 
         init: function(view) {
            let me = this;
+           let emailCombobox = me.lookupReference('email');
            if (PMG.view === 'quarantineview') {
-               view.emailSelection = false;
+               view.autoLoadAll = false;
                me.setEmptyText();
+           } else {
+               emailCombobox.setVisible(true);
+               emailCombobox.setDisabled(false);
+               emailCombobox.getStore().on('load', me.injectAllOption, me);
+           }
+
+
+           if (view.quarantineType) {
+               emailCombobox.getStore().getProxy().setExtraParams({
+                   'quarantine-type': view.quarantineType,
+               });
            }
-           let emailCombobox = me.lookupReference('email');
-           emailCombobox.setVisible(view.emailSelection);
-           emailCombobox.setDisabled(!view.emailSelection);
 
            let from;
            if (PMG.QuarantineList.from !== 0) {
@@ -70,7 +79,7 @@ Ext.define('PMG.QuarantineList', {
            me.allowPositionSave = false;
            let view = me.getView();
            let store = view.getStore();
-           if (view.emailSelection) {
+           if (view.quarantineType === 'spam' && PMG.view !== 'quarantineview') {
                if (!me.lookupReference('email').getSelection()) {
                    return; // if the combobox has no selection we do not reload
                }
@@ -80,15 +89,8 @@ Ext.define('PMG.QuarantineList', {
            // to keep the selection, but we do not care for that on a new load anyway
            view.getSelectionModel().deselectAll();
 
-           store.load(function() {
-               if (me.savedPosition !== undefined) {
-                   if (store.getCount() - 1 < me.savedPosition) {
-                       me.savedPosition = store.getCount() - 1;
-                   }
-                   view.setSelection(store.getAt(me.savedPosition));
-               } else {
-                   view.setSelection();
-               }
+           store.load(() => {
+               me.restoreSavedSelection();
                if (Ext.isFunction(callback)) {
                    callback();
                }
@@ -96,6 +98,20 @@ Ext.define('PMG.QuarantineList', {
            });
        },
 
+       restoreSavedSelection: function() {
+           let me = this;
+           let view = me.getView();
+           if (me.savedPosition !== undefined) {
+               let store = view.getStore();
+               if (store.getCount() - 1 < me.savedPosition) {
+                   me.savedPosition = store.getCount() - 1;
+               }
+               view.setSelection(store.getAt(me.savedPosition));
+           } else {
+               view.setSelection();
+           }
+       },
+
        setFrom: function(from) {
            let view = this.getView();
            let params = view.getStore().getProxy().getExtraParams();
@@ -116,7 +132,7 @@ Ext.define('PMG.QuarantineList', {
        setUser: function(user) {
            let view = this.getView();
            let params = view.getStore().getProxy().getExtraParams();
-           if (user === null) {
+           if (!user) {
                delete params.pmail;
            } else {
                params.pmail = user;
@@ -162,10 +178,7 @@ Ext.define('PMG.QuarantineList', {
 
        resetEmail: function() {
            let me = this;
-           let view = me.getView();
-           if (view.emailSelection) {
-               me.setUser(undefined);
-           }
+           me.setUser(undefined);
        },
 
        changeEmail: function(tb, value) {
@@ -177,6 +190,7 @@ Ext.define('PMG.QuarantineList', {
            } else {
                me.setUser(value);
            }
+           tb.triggers.clear.setVisible(value?.length > 0 && value !== 'all');
            me.load();
        },
 
@@ -257,6 +271,18 @@ Ext.define('PMG.QuarantineList', {
            }
        },
 
+       injectAllOption: function(store, records, successfull) {
+           let me = this;
+           let view = me.getView();
+           if (successfull && records.length > 1) {
+               store.insert(0, { mail: 'all' });
+           }
+           let emailCombobox = me.lookup('email');
+           if (!emailCombobox.getSelection() && view.quarantineType !== 'spam') {
+               emailCombobox.setSelection(store.getAt(0));
+           }
+       },
+
        control: {
            '#': {
                beforedestroy: 'resetEmail',
@@ -307,13 +333,11 @@ Ext.define('PMG.QuarantineList', {
            {
                xtype: 'combobox',
                hidden: true,
+               disabled: true,
                displayField: 'mail',
                valueField: 'mail',
                listConfig: {
-                   emptyText:
-                       '<div class="x-grid-empty">' +
-                           gettext('No data in database') +
-                       '</div>',
+                   emptyText: `<div class="x-grid-empty">${gettext('No data in database')}</div>`,
                },
                store: {
                    proxy: {
@@ -326,13 +350,6 @@ Ext.define('PMG.QuarantineList', {
                            renderer: Ext.htmlEncode,
                        },
                    ],
-                   listeners: {
-                       load: function(store, records, successfull) {
-                           if (successfull && records.length > 1) {
-                               store.insert(0, { mail: 'all' });
-                           }
-                       },
-                   },
                },
                queryMode: 'local',
                editable: true,
@@ -343,6 +360,18 @@ Ext.define('PMG.QuarantineList', {
                selectOnFocus: true,
                reference: 'email',
                fieldLabel: 'E-Mail',
+               triggers: {
+                   clear: {
+                       cls: 'pmx-clear-trigger',
+                       weight: -1,
+                       hidden: true,
+                       handler: function() {
+                           this.triggers.clear.setVisible(false);
+                           // 'all' is unfiltered here, so empty/originalValue makes no sense
+                           this.setValue('all');
+                       },
+                   },
+               },
            },
            {
                xtype: 'textfield',