-/*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' }
+ { type: 'date', dateFormat: 'timestamp', name: 'day' },
],
proxy: {
type: 'proxmox',
- url: "/api2/json/quarantine/spam"
+ url: "/api2/json/quarantine/spam",
},
- idProperty: 'day'
+ 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' },
name: 'day',
convert: function(v, rec) {
return Ext.Date.format(rec.get('time'), 'Y-m-d');
- }, depends: ['time']
- }
+ }, depends: ['time'],
+ },
],
proxy: {
type: 'proxmox',
- url: "/api2/json/quarantine/spam"
+ url: "/api2/json/quarantine/spam",
},
- idProperty: 'id'
+ idProperty: 'id',
});
Ext.define('PMG.SpamQuarantine', {
// from mail link
cselect: undefined,
+ viewModel: {
+ parent: null,
+ data: {
+ mailid: '',
+ },
+ formulas: {
+ downloadMailURL: get => '/api2/json/quarantine/download?mailid=' + encodeURIComponent(get('mailid')),
+ },
+ },
controller: {
xclass: 'Ext.app.ViewController',
updatePreview: function(raw, rec) {
var preview = this.lookupReference('preview');
- if (!rec || !rec.data || !rec.data.id) {
+ 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':'');
+ 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);
preview.update("<iframe frameborder=0 width=100% height=100% sandbox='allow-same-origin' src='" + url +"'></iframe>");
},
- multiSelect: function() {
+ 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>' + gettext('Multiple E-Mails selected') + '</h3>');
+ 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);
},
toggleRaw: function(button) {
var me = this;
- var list = this.lookupReference('list');
+ 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);
},
gettext('Confirm'),
Ext.String.format(
gettext("Action '{0}' for '{1}' items"),
- action, selected.length
+ action, selected.length,
),
function(button) {
if (button !== 'yes') {
PMG.Utils.doQuarantineAction(action, idlist.join(';'), function() {
list.getController().load();
});
- }
+ },
);
return;
}
var list = this.lookupReference('list');
var selection = list.selModel.getSelection();
if (selection.length > 1) {
- me.multiSelect();
+ me.multiSelect(selection);
return;
}
- var rec = list.selModel.getSelection()[0];
+ 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);
},
toggleSpamInfo: function(btn) {
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/json/quarantine/download?mailid=" +
- encodeURIComponent(rec.data.id);
- var link = Ext.DomHelper.append(document.body, {
- tag: 'a',
- href: url,
- 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 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) {
+ keyPress: function(table, record, item, index, event) {
var me = this;
var list = me.lookup('list');
var key = event.getKey();
var action = '';
- switch(key) {
+ switch (key) {
case event.DELETE:
case 127:
action = 'delete';
control: {
'button[reference=raw]': {
- click: 'toggleRaw'
+ click: 'toggleRaw',
},
'button[reference=spam]': {
- click: 'toggleSpamInfo'
- },
- 'button[reference=download]': {
- click: 'downloadEmail'
+ click: 'toggleSpamInfo',
},
'pmgQuarantineList': {
selectionChange: 'onSelectMail',
itemkeypress: 'keyPress',
- rowcontextmenu: 'openContextMenu'
- }
- }
+ rowcontextmenu: 'openContextMenu',
+ },
+ },
},
items: [
groupDir: 'DESC',
sorters: [{
property: 'time',
- direction: 'DESC'
- }]
+ direction: 'DESC',
+ }],
},
columns: [
header: gettext('Sender/Subject'),
dataIndex: 'subject',
renderer: PMG.Utils.sender_renderer,
- flex: 1
+ flex: 1,
},
{
header: gettext('Score'),
dataIndex: 'spamlevel',
align: 'right',
- width: 70
+ width: 70,
},
{
header: gettext('Size') + ' (KB)',
renderer: function(v) { return Ext.Number.toFixed(v/1024, 0); },
dataIndex: 'bytes',
align: 'right',
- width: 90
+ width: 90,
},
{
header: gettext('Date'),
dataIndex: 'day',
- hidden: true
+ hidden: true,
},
{
xtype: 'datecolumn',
header: gettext('Time'),
dataIndex: 'time',
- format: 'H:i:s'
- }
- ]
+ format: 'H:i:s',
+ },
+ ],
},
{
title: gettext('Selected Mail'),
reference: 'raw',
text: gettext('Toggle Raw'),
enableToggle: true,
- iconCls: 'fa fa-file-code-o'
+ iconCls: 'fa fa-file-code-o',
},
{
xtype: 'button',
reference: 'spam',
text: gettext('Toggle Spam Info'),
enableToggle: true,
- iconCls: 'fa fa-bullhorn'
+ iconCls: 'fa fa-bullhorn',
},
'->',
{
xtype: 'button',
reference: 'download',
text: gettext('Download'),
- iconCls: 'fa fa-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'
+ handler: 'btnHandler',
},
{
reference: 'blacklist',
text: gettext('Blacklist'),
iconCls: 'fa fa-times',
- handler: 'btnHandler'
+ handler: 'btnHandler',
},
{
reference: 'deliver',
text: gettext('Deliver'),
iconCls: 'fa fa-paper-plane-o',
- handler: 'btnHandler'
+ handler: 'btnHandler',
},
{
reference: 'delete',
text: gettext('Delete'),
iconCls: 'fa fa-trash-o',
- handler: 'btnHandler'
- }
- ]
+ handler: 'btnHandler',
+ },
+ ],
},
{
xtype: 'pmgSpamInfoGrid',
border: false,
- reference: 'spaminfo'
- }
- ]
- }
- ]
+ reference: 'spaminfo',
+ },
+ {
+ xtype: 'pmgMailInfo',
+ hidden: true,
+ reference: 'mailinfo',
+ },
+ ],
+ },
+ ],
});