idProperty: 'id',
});
-Ext.define('PMG.SpamQuarantine', {
- extend: 'Ext.container.Container',
- xtype: 'pmgSpamQuarantine',
+Ext.define('PMG.SpamQuarantineController', {
+ extend: 'PMG.controller.QuarantineController',
+ xtype: 'pmgSpamQuarantineController',
+ alias: 'controller.spamquarantine',
- border: false,
- layout: { type: 'border' },
-
- defaults: { border: false },
-
- // from mail link
- cselect: undefined,
+ updatePreview: function(raw, rec) {
+ let me = this;
+ me.lookupReference('spam').setDisabled(false);
- viewModel: {
- parent: null,
- data: {
- mailid: '',
- },
- formulas: {
- downloadMailURL: get => '/api2/json/quarantine/download?mailid=' + encodeURIComponent(get('mailid')),
- },
+ me.callParent(arguments);
},
- controller: {
- xclass: 'Ext.app.ViewController',
+ multiSelect: function(selection) {
+ let me = this;
+ let spam = me.lookupReference('spam');
+ spam.setDisabled(true);
+ spam.setPressed(false);
+ me.lookupReference('spaminfo').setVisible(false);
+ me.callParent(arguments);
+ },
- updatePreview: function(raw, rec) {
- var preview = this.lookupReference('preview');
+ toggleSpamInfo: function(btn) {
+ var grid = this.lookupReference('spaminfo');
+ grid.setVisible(!grid.isVisible());
+ },
- if (!rec || !rec.data || !rec.data.id) {
- preview.update('');
- preview.setDisabled(true);
- return;
- }
+ 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());
+ },
- let url = `/api2/htmlmail/quarantine/content?id=${rec.data.id}`;
- if (raw) {
- url += '&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>");
- },
+ 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;
+ }
- 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');
+ if (action !== '') {
+ me.doAction(action, list.getSelection());
+ }
+ },
- 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);
- },
+ init: function(view) {
+ this.lookup('list').cselect = view.cselect;
+ },
- 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);
+ control: {
+ 'button[reference=raw]': {
+ click: 'toggleRaw',
},
-
- btnHandler: function(button, e) {
- var me = this;
- var action = button.reference;
- var list = this.lookupReference('list');
- var selected = list.getSelection();
- me.doAction(action, selected);
+ 'button[reference=spam]': {
+ click: 'toggleSpamInfo',
},
-
- doAction: function(action, selected) {
- if (!selected.length) {
- return;
- }
-
- var list = this.lookupReference('list');
-
- 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');
-
- 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;
- }
-
- 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();
- });
- },
-
- onSelectMail: function() {
- var me = this;
- var list = this.lookupReference('list');
- var selection = list.selModel.getSelection();
- if (selection.length > 1) {
- me.multiSelect(selection);
- return;
- }
-
- var rec = selection[0] || {};
-
- 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);
+ 'pmgQuarantineList': {
+ itemkeypress: 'keyPress',
+ rowcontextmenu: 'openContextMenu',
},
+ },
+});
- toggleSpamInfo: function(btn) {
- var grid = this.lookupReference('spaminfo');
- grid.setVisible(!grid.isVisible());
- },
+Ext.define('PMG.SpamQuarantine', {
+ extend: 'Ext.container.Container',
+ xtype: 'pmgSpamQuarantine',
- 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());
- },
+ border: false,
+ layout: { type: 'border' },
- 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;
- }
+ defaults: { border: false },
- if (action !== '') {
- me.doAction(action, list.getSelection());
- }
- },
+ // from mail link
+ cselect: undefined,
- init: function(view) {
- this.lookup('list').cselect = view.cselect;
+ viewModel: {
+ parent: null,
+ data: {
+ mailid: '',
},
-
- control: {
- 'button[reference=raw]': {
- click: 'toggleRaw',
- },
- 'button[reference=spam]': {
- click: 'toggleSpamInfo',
- },
- 'pmgQuarantineList': {
- selectionChange: 'onSelectMail',
- itemkeypress: 'keyPress',
- rowcontextmenu: 'openContextMenu',
- },
+ formulas: {
+ downloadMailURL: get => '/api2/json/quarantine/download?mailid=' + encodeURIComponent(get('mailid')),
},
},
+ controller: 'spamquarantine',
items: [
{
title: gettext('Spam Quarantine'),
xtype: 'pmgQuarantineList',
selModel: 'checkboxmodel',
- emailSelection: true,
reference: 'list',
region: 'west',
width: 500,
{
header: gettext('Sender/Subject'),
dataIndex: 'subject',
- renderer: PMG.Utils.sender_renderer,
+ renderer: PMG.Utils.render_sender,
flex: 1,
},
{
},
{
header: gettext('Size') + ' (KB)',
- renderer: function(v) { return Ext.Number.toFixed(v/1024, 0); },
+ renderer: v => Ext.Number.toFixed(v/1024, 0),
dataIndex: 'bytes',
align: 'right',
width: 90,
title: gettext('Selected Mail'),
border: false,
region: 'center',
+ layout: 'fit',
split: true,
reference: 'preview',
disabled: true,
{
xtype: 'toolbar',
dock: 'top',
+ overflowHandler: 'scroller',
+ style: {
+ // docked items have set the bottom with to 0px with '! important'
+ // but we still want one here, so we can remove the borders of the grids
+ 'border-bottom-width': '1px ! important',
+ },
items: [
{
xtype: 'button',
enableToggle: true,
iconCls: 'fa fa-bullhorn',
},
+ {
+ xtype: 'tbseparator',
+ reference: 'themeCheckSep',
+ },
+ {
+ xtype: 'proxmoxcheckbox',
+ reference: 'themeCheck',
+ checked: true,
+ boxLabel: gettext('Dark-mode filter'),
+ iconCls: 'fa fa-paint-brush',
+ },
'->',
{
xtype: 'button',
{
reference: 'deliver',
text: gettext('Deliver'),
- iconCls: 'fa fa-paper-plane-o',
+ iconCls: 'fa fa-paper-plane-o info-blue',
handler: 'btnHandler',
},
{
reference: 'delete',
text: gettext('Delete'),
- iconCls: 'fa fa-trash-o',
+ iconCls: 'fa fa-trash-o critical',
handler: 'btnHandler',
},
],
},
{
xtype: 'pmgSpamInfoGrid',
- border: false,
reference: 'spaminfo',
+ border: false,
},
{
xtype: 'pmgMailInfo',
hidden: true,
reference: 'mailinfo',
+ border: false,
+ },
+ {
+ xtype: 'pmgAttachmentGrid',
+ reference: 'attachmentlist',
+ showDownloads: false,
+ border: false,
+ dock: 'bottom',
},
],
},