-/*global Proxmox*/
Ext.define('PMG.QuarantineList', {
extend: 'Ext.grid.GridPanel',
xtype: 'pmgQuarantineList',
emptyText: gettext('No E-Mail address selected'),
viewConfig: {
- deferEmptyText: false
+ deferEmptyText: false,
},
config: {
emailSelection: false,
- notFoundText: gettext('No data in database')
+ notFoundText: gettext('No data in database'),
},
statics: {
from: 0,
- to: 0
+ to: 0,
},
- selModel: {
- selType: 'checkboxmodel'
- },
+ allowPositionSave: false,
controller: {
xclass: 'Ext.app.ViewController',
init: function(view) {
- var me = this;
+ let me = this;
if (PMG.view === 'quarantineview') {
view.emailSelection = false;
me.setEmptyText();
}
- var emailCombobox = me.lookupReference('email');
+ let emailCombobox = me.lookupReference('email');
emailCombobox.setVisible(view.emailSelection);
emailCombobox.setDisabled(!view.emailSelection);
- var from;
- if (PMG.QuarantineList.from != 0) {
+ let from;
+ if (PMG.QuarantineList.from !== 0) {
from = new Date(PMG.QuarantineList.from * 1000);
} else {
- from = new Date(Date.now() - 7*24*60*60*1000);
+ from = new Date(Date.now() - 7 * 24 * 60 * 60 * 1000);
}
- var to;
- if (PMG.QuarantineList.to != 0) {
+ let to;
+ if (PMG.QuarantineList.to !== 0) {
to = new Date(PMG.QuarantineList.to * 1000);
} else {
to = new Date();
}
});
},
- // extjs has no method to dynamically change the emptytext on
- // grids, so we have to do it this way
+ // ExtJS cannot dynamically change the emptyText on grids, so implement ourself
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>';
+ let me = this;
+ let view = me.getView();
+ let tableview = view.getView();
+ tableview.emptyText = `<div class="x-grid-empty">${emptyText || view.notFoundText}</div>`;
},
load: function(callback) {
- var me = this;
- var view = me.getView();
- var store = view.getStore();
+ let me = this;
+ me.allowPositionSave = false;
+ let view = me.getView();
+ let store = view.getStore();
if (view.emailSelection) {
if (!me.lookupReference('email').getSelection()) {
- // if the combobox has no selection we do not reload
- return;
+ 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));
- }
+ // 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();
}
+ me.allowPositionSave = true;
});
},
+ 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) {
- var me = this.getView();
- var params = me.getStore().getProxy().getExtraParams();
+ let view = this.getView();
+ let params = view.getStore().getProxy().getExtraParams();
params.starttime = from;
PMG.QuarantineList.from = from;
- me.getStore().getProxy().setExtraParams(params);
+ view.getStore().getProxy().setExtraParams(params);
},
setTo: function(to) {
- var end_of_to = to + 24*60*60; // we want the end of the day
- var me = this.getView();
- var params = me.getStore().getProxy().getExtraParams();
+ let end_of_to = to + 24*60*60; // we want the end of the day
+ let view = this.getView();
+ let params = view.getStore().getProxy().getExtraParams();
params.endtime = end_of_to;
PMG.QuarantineList.to = to; // we save the start of the day here
- me.getStore().getProxy().setExtraParams(params);
+ view.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;
+ let view = this.getView();
+ let params = view.getStore().getProxy().getExtraParams();
+ if (user === null) {
+ delete params.pmail;
+ } else {
+ params.pmail = user;
+ }
+ view.getStore().getProxy().setExtraParams(params);
+ view.user = user;
},
changeTime: function(field, value) {
- var me = this;
- var list = me.getView();
+ let me = this;
+
+ me.allowPositionSave = false;
+ me.savedPosition = undefined;
if (!value) {
return;
}
- var val = value.getTime()/1000;
- var combobox = me.lookupReference('email');
- var params = combobox.getStore().getProxy().getExtraParams();
+ let val = value.getTime() / 1000;
+ let combobox = me.lookupReference('email');
+ let params = combobox.getStore().getProxy().getExtraParams();
- var to = me.lookupReference('to');
- var from = me.lookupReference('from');
+ let to = me.lookupReference('to');
+ let 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);
params.endtime = val + 24*60*60;
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);
+ combobox.getStore().load();
me.load();
},
resetEmail: function() {
- var me = this;
- var view = me.getView();
+ let me = this;
+ let view = me.getView();
if (view.emailSelection) {
me.setUser(undefined);
}
},
changeEmail: function(tb, value) {
- var me = this;
- me.setUser(value);
+ let me = this;
+ me.savedPosition = undefined;
+ me.allowPositionSave = false;
+ if (value === 'all') {
+ me.setUser(null);
+ } else {
+ me.setUser(value);
+ }
me.load();
},
- setQueryCaching: function() {
- this.lookupReference('email').queryCaching = true;
- },
-
-
savePosition: function(grid, selected, eopts) {
- if (!selected.length) {
+ let me = this;
+ if (!me.allowPositionSave) {
+ return;
+ }
+ if (selected.length <= 0) {
+ me.savedPosition = undefined;
return;
}
- var me = this;
- var view = me.getView();
-
- var id = view.getStore().indexOf(selected[0]);
+ let view = me.getView();
+ let id = view.getStore().indexOf(selected[0]);
me.savedPosition = id;
},
+ doFilter: function(searchValue, store, sm) {
+ const selected = sm.getSelection();
+ const selectedRecordId = selected.length === 1 ? selected[0].id : null;
+ let clearSelectedMail = true;
+ let toDeselect = [];
+ store.filterBy(function(record) {
+ let match = false;
+
+ Ext.each(['subject', 'from'], property => {
+ if (record.data[property] === null) {
+ return;
+ }
+
+ let v = record.data[property].toString();
+ if (v !== undefined) {
+ v = v.toLowerCase();
+ if (v.includes(searchValue)) {
+ match = true;
+ if (record.id === selectedRecordId) {
+ clearSelectedMail = false;
+ }
+ }
+ }
+ });
+ if (!match && sm.isSelected(record)) {
+ toDeselect.push(record);
+ }
+ return match;
+ });
+ if (toDeselect.length > 0) {
+ 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;
+ }
+ me.setEmptyText(gettext('No match found'));
+
+ let clearSelection = me.doFilter(searchValue, store, sm);
+
+ if (clearSelection) {
+ view.setSelection();
+ }
+ },
control: {
- '#':{
+ '#': {
beforedestroy: 'resetEmail',
- selectionchange: 'savePosition'
+ selectionchange: 'savePosition',
},
'combobox[reference=email]': {
- change: {
- fn: 'changeEmail',
- buffer: 500
- },
- expand: 'setQueryCaching'
+ change: 'changeEmail',
},
datefield: {
change: {
- fn: 'changeTime'
- }
- }
+ fn: 'changeTime',
+ },
+ },
- }
+ },
},
features: [
{
ftype: 'grouping',
- groupHeaderTpl: '{columnName}: {name} ({children.length})'
- }
+ groupHeaderTpl: '{columnName}: {name} ({children.length})',
+ },
],
tbar: {
layout: {
type: 'vbox',
- align: 'stretch'
+ align: 'stretch',
},
defaults: {
- margin: 2
+ margin: 2,
},
items: [
{
- fieldLabel: gettext('From'),
- reference: 'from',
xtype: 'datefield',
+ name: 'from',
+ fieldLabel: gettext('Since'),
+ reference: 'from',
format: 'Y-m-d',
- name: 'from'
},
{
- fieldLabel: gettext('To'),
- reference: 'to',
xtype: 'datefield',
+ name: 'to',
+ fieldLabel: gettext('Until'),
+ reference: 'to',
format: 'Y-m-d',
- name: 'to'
},
{
xtype: 'combobox',
emptyText:
'<div class="x-grid-empty">' +
gettext('No data in database') +
- '</div>'
+ '</div>',
},
store: {
proxy: {
type: 'proxmox',
- url: '/api2/json/quarantine/spamusers'
+ url: '/api2/json/quarantine/spamusers',
},
fields: [
{
name: 'mail',
- renderer: Ext.htmlEncode
- }
- ]
+ renderer: Ext.htmlEncode,
+ },
+ ],
+ listeners: {
+ load: function(store, records, successfull) {
+ if (successfull && records.length > 1) {
+ store.insert(0, { mail: 'all' });
+ }
+ },
+ },
},
- queryParam: false,
- queryCaching: false,
- editable: false,
+ queryMode: 'local',
+ editable: true,
+ typeAhead: true,
+ forceSelection: true,
+ autoSelect: true,
+ anyMatch: true,
+ selectOnFocus: true,
reference: 'email',
- name: 'email',
- fieldLabel: 'E-Mail'
- }
- ]
- }
+ fieldLabel: 'E-Mail',
+ },
+ {
+ xtype: 'textfield',
+ name: 'filter',
+ fieldLabel: gettext('Search'),
+ emptyText: gettext('Subject, Sender'),
+ enableKeyEvents: true,
+ triggers: {
+ clear: {
+ cls: 'pmx-clear-trigger',
+ weight: -1,
+ hidden: true,
+ handler: function() {
+ let me = this;
+ me.setValue('');
+ // setValue does not results in a keyup event, so trigger manually
+ me.up('grid').getController().updateFilter(me);
+ },
+ },
+ },
+ listeners: {
+ buffer: 500,
+ keyup: 'updateFilter',
+ },
+ },
+ ],
+ },
});
projects / pmg-gui.git / blobdiff