]> git.proxmox.com Git - pmg-gui.git/blobdiff - js/QuarantineList.js
spam-info-grid: style the spam info grid via css variables
[pmg-gui.git] / js / QuarantineList.js
index 3c46a9bac2c46cf1135ccf486e863b45315b2fc3..faeacd65d3ef78d5b730f88fccc01408284effdb 100644 (file)
@@ -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,21 +79,18 @@ 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
                }
                me.setEmptyText();
            }
-           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();
-               }
+           // deselect all first, else ExtJS does some funky O(n^3) comparissions as it tries
+           // to keep the selection, but we do not care for that on a new load anyway
+           view.getSelectionModel().deselectAll();
+
+           store.load(() => {
+               me.restoreSavedSelection();
                if (Ext.isFunction(callback)) {
                    callback();
                }
@@ -92,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();
@@ -112,7 +132,11 @@ Ext.define('PMG.QuarantineList', {
        setUser: function(user) {
            let view = this.getView();
            let params = view.getStore().getProxy().getExtraParams();
-           params.pmail = user;
+           if (!user) {
+               delete params.pmail;
+           } else {
+               params.pmail = user;
+           }
            view.getStore().getProxy().setExtraParams(params);
            view.user = user;
        },
@@ -154,17 +178,19 @@ 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) {
            let me = this;
            me.savedPosition = undefined;
            me.allowPositionSave = false;
-           me.setUser(value);
+           if (value === 'all') {
+               me.setUser(null);
+           } else {
+               me.setUser(value);
+           }
+           tb.triggers.clear.setVisible(value?.length > 0 && value !== 'all');
            me.load();
        },
 
@@ -173,7 +199,7 @@ Ext.define('PMG.QuarantineList', {
            if (!me.allowPositionSave) {
                return;
            }
-           if (!selected.length) {
+           if (selected.length <= 0) {
                me.savedPosition = undefined;
                return;
            }
@@ -184,22 +210,7 @@ Ext.define('PMG.QuarantineList', {
            me.savedPosition = id;
        },
 
-       updateFilter: function(field) {
-           let me = this;
-           let view = me.getView();
-           let store = view.getStore();
-           let sm = view.getSelectionModel();
-
-           let searchValue = field.getValue().toLowerCase();
-
-           // supress store event if not empty, let filterBy below trigger it to avoid glitches
-           store.clearFilter(searchValue.length > 0);
-           field.triggers.clear.setVisible(searchValue.length > 0);
-
-           if (searchValue.length === 0) {
-               return;
-           }
-
+       doFilter: function(searchValue, store, sm) {
            const selected = sm.getSelection();
            const selectedRecordId = selected.length === 1 ? selected[0].id : null;
            let clearSelectedMail = true;
@@ -207,7 +218,7 @@ Ext.define('PMG.QuarantineList', {
            store.filterBy(function(record) {
                let match = false;
 
-               Ext.each(['subject', 'from'], function(property) {
+               Ext.each(['subject', 'from'], property => {
                    if (record.data[property] === null) {
                        return;
                    }
@@ -229,13 +240,49 @@ Ext.define('PMG.QuarantineList', {
                return match;
            });
            if (toDeselect.length > 0) {
-               sm.deselect(toDeselect);
+               sm.deselect(toDeselect, true);
+               sm.maybeFireSelectionChange(true);
+           }
+           return selectedRecordId !== null && clearSelectedMail;
+       },
+
+       updateFilter: async function(field) {
+           let me = this;
+           let view = me.getView();
+           let store = view.getStore();
+           let sm = view.getSelectionModel();
+
+           let searchValue = field.getValue().toLowerCase();
+
+           // supress store event if not empty, let filterBy below trigger it to avoid glitches
+           store.clearFilter(searchValue.length > 0);
+           field.triggers.clear.setVisible(searchValue.length > 0);
+
+           if (searchValue.length === 0) {
+               me.setEmptyText();
+               return;
            }
-           if (selectedRecordId !== null && clearSelectedMail) {
+           me.setEmptyText(gettext('No match found'));
+
+           let clearSelection = me.doFilter(searchValue, store, sm);
+
+           if (clearSelection) {
                view.setSelection();
            }
        },
 
+       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',
@@ -286,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: {
@@ -315,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',