pmg-gui/js/SpamQuarantine.js
Dominik Csapak 7ad0de10d6 add download button to spam quarantine preview
so that users can download the file directly

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
2019-02-26 10:46:29 +01:00

389 lines
8.9 KiB
JavaScript

/*global Proxmox*/
/*jslint confusion: true*/
/*format is a string and a function*/
Ext.define('pmg-spam-archive', {
extend: 'Ext.data.Model',
fields: [
{ type: 'number', name: 'spamavg' },
{ type: 'integer', name: 'count' },
{ type: 'date', dateFormat: 'timestamp', name: 'day' }
],
proxy: {
type: 'proxmox',
url: "/api2/json/quarantine/spam"
},
idProperty: 'day'
});
Ext.define('pmg-spam-list', {
extend: 'Ext.data.Model',
fields: [ 'id', 'envelope_sender', 'from', 'sender', 'receiver', 'subject',
{ type: 'number', name: 'spamlevel' },
{ type: 'integer', name: 'bytes' },
{ 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'
});
Ext.define('PMG.SpamQuarantine', {
extend: 'Ext.container.Container',
xtype: 'pmgSpamQuarantine',
border: false,
layout: { type: 'border' },
defaults: { border: false },
// from mail link
cselect: undefined,
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>");
},
multiSelect: function() {
var preview = this.lookupReference('preview');
var raw = this.lookupReference('raw');
var spam = this.lookupReference('spam');
var spaminfo = this.lookupReference('spaminfo');
var download = this.lookupReference('download');
preview.setDisabled(false);
preview.update('<h3>' + gettext('Multiple E-Mails selected') + '</h3>');
raw.setDisabled(true);
spam.setDisabled(true);
spam.setPressed(false);
spaminfo.setVisible(false);
download.setDisabled(true);
},
toggleRaw: function(button) {
var me = this;
var list = this.lookupReference('list');
var rec = list.selModel.getSelection()[0];
me.raw = !me.raw;
me.updatePreview(me.raw, rec);
},
btnHandler: function(button, e) {
var me = this;
var action = button.reference;
var list = this.lookupReference('list');
var selected = list.getSelection();
me.doAction(action, selected);
},
doAction: function(action, selected) {
if (!selected.length) {
return;
}
var list = this.lookupReference('list');
if (selected.length > 1) {
var idlist = [];
selected.forEach(function(item) {
idlist.push(item.data.id);
});
Ext.Msg.confirm(
gettext('Confirm'),
Ext.String.format(
gettext("Action '{0}' for '{1}' items"),
action, selected.length
),
function(button) {
if (button !== 'yes') {
return;
}
PMG.Utils.doQuarantineAction(action, idlist.join(';'), function() {
list.getController().load();
});
}
);
return;
}
PMG.Utils.doQuarantineAction(action, selected[0].data.id, function() {
list.getController().load();
});
},
onSelectMail: function() {
var me = this;
var list = this.lookupReference('list');
var selection = list.selModel.getSelection();
if (selection.length > 1) {
me.multiSelect();
return;
}
var rec = list.selModel.getSelection()[0];
me.updatePreview(me.raw || false, rec);
me.lookupReference('spaminfo').setID(rec);
},
toggleSpamInfo: function(btn) {
var grid = this.lookupReference('spaminfo');
grid.setVisible(!grid.isVisible());
},
downloadEmail: function(btn) {
var me = this;
var list = this.lookupReference('list');
var selection = list.selModel.getSelection();
if (selection.length != 1) {
return; // multi download is not implemented
}
var rec = selection[0];
var url = '/api2/extjs/quarantine/content';
Proxmox.Utils.API2Request({
url: url,
params: {
id: rec.data.id,
raw: 1
},
method: 'GET',
failure: function(response, opts) {
Ext.Msg.alert('Error', response.htmlStatus);
},
success: function(response, opts) {
var data = response.result.data;
var raw = data.header;
raw += '\n';
raw += data.content;
var link = Ext.DomHelper.append(document.body, {
tag: 'a',
href: 'data:message/rfc822,' + encodeURIComponent(raw),
css: 'display:none;visibility:hidden;height: 0px;',
download: rec.data.id + '.eml'
});
if (link.fireEvent) {
link.fireEvent('onclick');
} else {
var evt = document.createEvent("MouseEvents");
evt.initMouseEvent('click', true, true, window, 1, 0, 0, 0, 0, false, false, false, false, 0, null);
link.dispatchEvent(evt);
}
}
});
},
openContextMenu: function(table, record, tr, index, event) {
event.stopEvent();
var me = this;
var list = me.lookup('list');
var menu = Ext.create('PMG.menu.SpamContextMenu', {
callback: function(action) {
me.doAction(action, list.getSelection());
}
});
menu.showAt(event.getXY());
},
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 (action !== '') {
me.doAction(action, list.getSelection());
}
},
init: function(view) {
this.lookup('list').cselect = view.cselect;
},
control: {
'button[reference=raw]': {
click: 'toggleRaw'
},
'button[reference=spam]': {
click: 'toggleSpamInfo'
},
'button[reference=download]': {
click: 'downloadEmail'
},
'pmgQuarantineList': {
selectionChange: 'onSelectMail',
itemkeypress: 'keyPress',
rowcontextmenu: 'openContextMenu'
}
}
},
items: [
{
title: gettext('Spam Quarantine'),
xtype: 'pmgQuarantineList',
selModel: 'checkboxmodel',
emailSelection: true,
reference: 'list',
region: 'west',
width: 500,
split: true,
collapsible: false,
store: {
model: 'pmg-spam-list',
groupField: 'day',
groupDir: 'DESC',
sorters: [{
property: 'time',
direction: 'DESC'
}]
},
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'
}
]
},
{
title: gettext('Selected Mail'),
border: false,
region: 'center',
split: true,
reference: 'preview',
disabled: true,
dockedItems: [
{
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'),
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: 'pmgSpamInfoGrid',
border: false,
reference: 'spaminfo'
}
]
}
]
});