fields: [
{ type: 'number', name: 'spamavg' },
{ type: 'integer', name: 'count' },
- { type: 'date', dateFormat: 'timestamp', name: 'day' }
+ { type: 'date', dateFormat: 'timestamp', name: 'day' },
],
proxy: {
type: 'proxmox',
- url: "/api2/json/quarantine/spam"
+ url: "/api2/json/quarantine/spam",
},
- idProperty: 'day'
-});
-
-
-Ext.define('PMG.SpamArchive', {
- extend: 'Ext.grid.GridPanel',
- xtype: 'pmgSpamArchive',
-
- controller: {
-
- xclass: 'Ext.app.ViewController',
-
- init: function(view) {
- view.store.load({
- callback: function() {
- view.getSelectionModel().select(0);
- }
- });
- }
- },
-
- store: {
- model: 'pmg-spam-archive'
- },
-
- columns: [
- {
- xtype: 'datecolumn',
- header: gettext('Date'),
- format: 'Y-m-d',
- dataIndex: 'day',
- flex: 1
- },
- {
- header: gettext('Count'),
- dataIndex: 'count',
- flex: 1
- },
- {
- header: gettext('Spam level'),
- dataIndex: 'spamavg',
- flex: 1
- }
- ]
+ idProperty: 'day',
});
Ext.define('pmg-spam-list', {
extend: 'Ext.data.Model',
- fields: [ 'id', 'envelope_sender', 'from', 'sender', 'receiver', 'subject',
+ fields: ['id', 'envelope_sender', 'from', 'sender', 'receiver', 'subject',
{ type: 'number', name: 'spamlevel' },
{ type: 'integer', name: 'bytes' },
- { type: 'date', dateFormat: 'timestamp', name: 'time' }
+ { type: 'date', dateFormat: 'timestamp', name: 'time' },
+ {
+ type: 'string',
+ name: 'day',
+ convert: function(v, rec) {
+ return Ext.Date.format(rec.get('time'), 'Y-m-d');
+ }, depends: ['time'],
+ },
],
proxy: {
type: 'proxmox',
+ url: "/api2/json/quarantine/spam",
},
- idProperty: 'id'
+ idProperty: 'id',
});
-Ext.define('PMG.SpamList', {
- extend: 'Ext.grid.GridPanel',
- xtype: 'pmgSpamList',
+Ext.define('PMG.SpamQuarantine', {
+ extend: 'Ext.container.Container',
+ xtype: 'pmgSpamQuarantine',
- setDay: function(day) {
- var me = this;
+ border: false,
+ layout: { type: 'border' },
- me.setTitle(Ext.Date.format(day, "F j Y"));
- me.store.load({
- url: "/api2/json/quarantine/spam/" + (day.getTime() / 1000)
- });
- },
+ defaults: { border: false },
- store: {
- model: 'pmg-spam-list',
- },
+ // from mail link
+ cselect: undefined,
- tbar: [
- {
- text: gettext('Whitelist')
+ viewModel: {
+ parent: null,
+ data: {
+ mailid: '',
},
- {
- text: gettext('Blacklist')
+ formulas: {
+ downloadMailURL: get => '/api2/json/quarantine/download?mailid=' + encodeURIComponent(get('mailid')),
},
- {
- text: gettext('Deliver')
+ },
+ controller: {
+
+ xclass: 'Ext.app.ViewController',
+
+ updatePreview: function(raw, rec) {
+ var preview = this.lookupReference('preview');
+
+ if (!rec || !rec.data || !rec.data.id) {
+ preview.update('');
+ preview.setDisabled(true);
+ return;
+ }
+
+ var url = '/api2/htmlmail/quarantine/content?id=' + rec.data.id + (raw?'&raw=1':'');
+ preview.setDisabled(false);
+ this.lookupReference('raw').setDisabled(false);
+ this.lookupReference('spam').setDisabled(false);
+ this.lookupReference('download').setDisabled(false);
+ preview.update("<iframe frameborder=0 width=100% height=100% sandbox='allow-same-origin' src='" + url +"'></iframe>");
},
- {
- text: gettext('Delete')
- }
- ],
- columns: [
- {
- header: gettext('Sender/Subject'),
- dataIndex: 'subject',
- renderer: function(value, metaData, rec) {
- var subject = Ext.htmlEncode(value);
- var from = Ext.htmlEncode(rec.data.from);
- var sender = Ext.htmlEncode(rec.data.sender);
- if (sender) {
- from = Ext.String.format(gettext("{0} on behalf of {1}"),
- sender, from);
- }
- return '<small>' + from + '</small><br>' + subject;
- },
- flex: 1
- },
- {
- header: gettext('Level'),
- dataIndex: 'spamlevel'
+ multiSelect: function(selection) {
+ var preview = this.lookupReference('preview');
+ var raw = this.lookupReference('raw');
+ var spam = this.lookupReference('spam');
+ var spaminfo = this.lookupReference('spaminfo');
+ var mailinfo = this.lookupReference('mailinfo');
+ var download = this.lookupReference('download');
+
+ preview.setDisabled(false);
+ preview.update(`<h3 style="padding-left:5px;">${gettext('Multiple E-Mails selected')} (${selection.length})</h3>`);
+ raw.setDisabled(true);
+ spam.setDisabled(true);
+ spam.setPressed(false);
+ spaminfo.setVisible(false);
+ mailinfo.setVisible(false);
+ download.setDisabled(true);
},
- {
- header: gettext('Size (KB)'),
- renderer: function(v) { return Ext.Number.toFixed(v/1024, 0); },
- dataIndex: 'bytes'
+
+ toggleRaw: function(button) {
+ var me = this;
+ var list = me.lookupReference('list');
+ var rec = list.selModel.getSelection()[0];
+ me.lookupReference('mailinfo').setVisible(me.raw);
+ me.raw = !me.raw;
+ me.updatePreview(me.raw, rec);
},
- {
- xtype: 'datecolumn',
- header: gettext('Arrival Time'),
- dataIndex: 'time',
- format: 'H:m:s'
- }
- ]
-});
-Ext.define('PMG.SpamQuarantine', {
- extend: 'Ext.container.Container',
- xtype: 'pmgSpamQuarantine',
+ btnHandler: function(button, e) {
+ var me = this;
+ var action = button.reference;
+ var list = this.lookupReference('list');
+ var selected = list.getSelection();
+ me.doAction(action, selected);
+ },
- border: false,
- layout: 'border',
+ doAction: function(action, selected) {
+ if (!selected.length) {
+ return;
+ }
- defaults: { border: false },
+ var list = this.lookupReference('list');
- controller: {
+ if (selected.length > 1) {
+ let idlist = selected.map(item => item.data.id);
+ Ext.Msg.confirm(
+ gettext('Confirm'),
+ Ext.String.format(
+ gettext("Action '{0}' for '{1}' items"),
+ action, selected.length,
+ ),
+ async function(button) {
+ if (button !== 'yes') {
+ return;
+ }
+
+ list.mask(gettext('Processing...'), 'x-mask-loading');
- xclass: 'Ext.app.ViewController',
+ const sliceSize = 2500, maxInFlight = 2;
+ let batches = [], batchCount = Math.ceil(selected.length / sliceSize);
+ for (let i = 0; i * sliceSize < selected.length; i++) {
+ let sliceStart = i * sliceSize;
+ let sliceEnd = Math.min(sliceStart + sliceSize, selected.length);
+ batches.push(
+ PMG.Async.doQAction(
+ action,
+ idlist.slice(sliceStart, sliceEnd),
+ i + 1,
+ batchCount,
+ ),
+ );
+ if (batches.length >= maxInFlight) {
+ await Promise.allSettled(batches); // eslint-disable-line no-await-in-loop
+ batches = [];
+ }
+ }
+ await Promise.allSettled(batches); // await possible remaining ones
+ list.unmask();
+ // below can be slow, we could remove directly from the in-memory store, but
+ // with lots of elements and some failures we could be quite out of sync?
+ list.getController().load();
+ },
+ );
+ return;
+ }
- init: function(view) {
- },
+ PMG.Utils.doQuarantineAction(action, selected[0].data.id, function() {
+ // success -> remove directly to avoid slow store reload for a single-element action
+ list.getStore().remove(selected[0]);
+ list.getController().restoreSavedSelection();
+ });
+ },
- onSelectDay: function() {
- var view = this.getView();
+ onSelectMail: function() {
+ var me = this;
+ var list = this.lookupReference('list');
+ var selection = list.selModel.getSelection();
+ if (selection.length > 1) {
+ me.multiSelect(selection);
+ return;
+ }
- var grid = this.lookupReference('archive');
- var rec = grid.selModel.getSelection()[0];
+ var rec = selection[0] || {};
- if (!rec || !rec.data || !rec.data.day) return;
+ me.getViewModel().set('mailid', rec.data ? rec.data.id : '');
+ me.updatePreview(me.raw || false, rec);
+ me.lookupReference('spaminfo').setID(rec);
+ me.lookupReference('mailinfo').setVisible(!!rec.data && !me.raw);
+ me.lookupReference('mailinfo').update(rec.data);
+ },
- var spamlist = this.lookupReference('spamlist');
- spamlist.setDay(rec.data.day);
+ toggleSpamInfo: function(btn) {
+ var grid = this.lookupReference('spaminfo');
+ grid.setVisible(!grid.isVisible());
},
- onSelectMail: function() {
- var spamlist = this.lookupReference('spamlist');
- var rec = spamlist.selModel.getSelection()[0];
+ openContextMenu: function(table, record, tr, index, event) {
+ event.stopEvent();
+ let me = this;
+ let list = me.lookup('list');
+ Ext.create('PMG.menu.SpamContextMenu', {
+ callback: action => me.doAction(action, list.getSelection()),
+ }).showAt(event.getXY());
+ },
- var preview = this.lookupReference('preview');
+ keyPress: function(table, record, item, index, event) {
+ var me = this;
+ var list = me.lookup('list');
+ var key = event.getKey();
+ var action = '';
+ switch (key) {
+ case event.DELETE:
+ case 127:
+ action = 'delete';
+ break;
+ case Ext.event.Event.D:
+ case Ext.event.Event.D + 32:
+ action = 'deliver';
+ break;
+ case Ext.event.Event.W:
+ case Ext.event.Event.W + 32:
+ action = 'whitelist';
+ break;
+ case Ext.event.Event.B:
+ case Ext.event.Event.B + 32:
+ action = 'blacklist';
+ break;
+ }
- if (!rec || !rec.data || !rec.data.id) {
- preview.update('');
- return;
+ if (action !== '') {
+ me.doAction(action, list.getSelection());
}
+ },
- var url = '/api2/htmlmail/quarantine/content?id=' + rec.data.id;
- preview.update("<iframe frameborder=0 width=100% height=100% src='" + url +"'></iframe>");
+ init: function(view) {
+ this.lookup('list').cselect = view.cselect;
+ },
+
+ control: {
+ 'button[reference=raw]': {
+ click: 'toggleRaw',
+ },
+ 'button[reference=spam]': {
+ click: 'toggleSpamInfo',
+ },
+ 'pmgQuarantineList': {
+ selectionChange: 'onSelectMail',
+ itemkeypress: 'keyPress',
+ rowcontextmenu: 'openContextMenu',
+ },
},
},
items: [
{
- xtype: 'pmgSpamArchive',
- reference: 'archive',
+ title: gettext('Spam Quarantine'),
+ xtype: 'pmgQuarantineList',
+ selModel: 'checkboxmodel',
+ emailSelection: true,
+ reference: 'list',
region: 'west',
- width: 320,
+ width: 500,
split: true,
+ collapsible: false,
+ store: {
+ model: 'pmg-spam-list',
+ groupField: 'day',
+ groupDir: 'DESC',
+ sorters: [{
+ property: 'time',
+ direction: 'DESC',
+ }],
+ },
- listeners: {
- selectionChange: 'onSelectDay'
- }
+ columns: [
+ {
+ header: gettext('Sender/Subject'),
+ dataIndex: 'subject',
+ renderer: PMG.Utils.sender_renderer,
+ flex: 1,
+ },
+ {
+ header: gettext('Score'),
+ dataIndex: 'spamlevel',
+ align: 'right',
+ width: 70,
+ },
+ {
+ header: gettext('Size') + ' (KB)',
+ renderer: function(v) { return Ext.Number.toFixed(v/1024, 0); },
+ dataIndex: 'bytes',
+ align: 'right',
+ width: 90,
+ },
+ {
+ header: gettext('Date'),
+ dataIndex: 'day',
+ hidden: true,
+ },
+ {
+ xtype: 'datecolumn',
+ header: gettext('Time'),
+ dataIndex: 'time',
+ format: 'H:i:s',
+ },
+ ],
},
{
- xtype: 'panel',
+ title: gettext('Selected Mail'),
+ border: false,
region: 'center',
- layout: { type: 'vbox', align: 'stretch' },
- items: [
+ split: true,
+ reference: 'preview',
+ disabled: true,
+ dockedItems: [
{
- xtype: 'pmgSpamList',
- reference: 'spamlist',
- height: 300,
- listeners: {
- selectionChange: 'onSelectMail'
- }
+ xtype: 'toolbar',
+ dock: 'top',
+ items: [
+ {
+ xtype: 'button',
+ reference: 'raw',
+ text: gettext('Toggle Raw'),
+ enableToggle: true,
+ iconCls: 'fa fa-file-code-o',
+ },
+ {
+ xtype: 'button',
+ reference: 'spam',
+ text: gettext('Toggle Spam Info'),
+ enableToggle: true,
+ iconCls: 'fa fa-bullhorn',
+ },
+ '->',
+ {
+ xtype: 'button',
+ reference: 'download',
+ text: gettext('Download'),
+ setDownload: function(id) {
+ this.el.dom.download = id + ".eml";
+ },
+ bind: {
+ href: '{downloadMailURL}',
+ download: '{mailid}',
+ },
+ iconCls: 'fa fa-download',
+ },
+ '-',
+ {
+ reference: 'whitelist',
+ text: gettext('Whitelist'),
+ iconCls: 'fa fa-check',
+ handler: 'btnHandler',
+ },
+ {
+ reference: 'blacklist',
+ text: gettext('Blacklist'),
+ iconCls: 'fa fa-times',
+ handler: 'btnHandler',
+ },
+ {
+ reference: 'deliver',
+ text: gettext('Deliver'),
+ iconCls: 'fa fa-paper-plane-o',
+ handler: 'btnHandler',
+ },
+ {
+ reference: 'delete',
+ text: gettext('Delete'),
+ iconCls: 'fa fa-trash-o',
+ handler: 'btnHandler',
+ },
+ ],
},
{
- xtype: 'splitter'
+ xtype: 'pmgSpamInfoGrid',
+ border: false,
+ reference: 'spaminfo',
},
{
- flex: 1,
- reference: 'preview',
- }
- ]
- }
- ]
+ xtype: 'pmgMailInfo',
+ hidden: true,
+ reference: 'mailinfo',
+ },
+ ],
+ },
+ ],
});
projects / pmg-gui.git / blobdiff