-/*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', {
- extend: 'Ext.container.Container',
- xtype: 'pmgSpamQuarantine',
+Ext.define('PMG.SpamQuarantineController', {
+ extend: 'PMG.controller.QuarantineController',
+ xtype: 'pmgSpamQuarantineController',
+ alias: 'controller.spamquarantine',
- border: false,
- layout: { type: 'border' },
+ updatePreview: function(raw, rec) {
+ let me = this;
+ me.lookupReference('spam').setDisabled(false);
- defaults: { border: false },
+ me.callParent(arguments);
+ },
- controller: {
+ 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);
+ },
- xclass: 'Ext.app.ViewController',
+ toggleSpamInfo: function(btn) {
+ var grid = this.lookupReference('spaminfo');
+ grid.setVisible(!grid.isVisible());
+ },
- updatePreview: function(raw, rec) {
- var list = this.lookupReference('list');
- var rec = list.selModel.getSelection()[0];
- var preview = this.lookupReference('preview');
+ 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());
+ },
- if (!rec || !rec.data || !rec.data.id) {
- preview.update('');
- preview.setDisabled(true);
- return;
- }
+ 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;
+ }
- var url = '/api2/htmlmail/quarantine/content?id=' + rec.data.id + ((raw)?'&raw=1':'');
- preview.setDisabled(false);
- preview.update("<iframe frameborder=0 width=100% height=100% sandbox='allow-same-origin' src='" + url +"'></iframe>");
- },
+ if (action !== '') {
+ me.doAction(action, list.getSelection());
+ }
+ },
+
+ init: function(view) {
+ this.lookup('list').cselect = view.cselect;
+ },
- toggleRaw: function(button) {
- var me = this;
- me.raw = !me.raw;
- me.updatePreview(me.raw);
+ control: {
+ 'button[reference=raw]': {
+ click: 'toggleRaw',
},
+ 'button[reference=spam]': {
+ click: 'toggleSpamInfo',
+ },
+ 'pmgQuarantineList': {
+ itemkeypress: 'keyPress',
+ rowcontextmenu: 'openContextMenu',
+ },
+ },
+});
- btnHandler: function(button, e) {
- var list = this.lookupReference('list');
- var selected = list.getSelection();
- if (!selected.length) {
- return;
- }
+Ext.define('PMG.SpamQuarantine', {
+ extend: 'Ext.container.Container',
+ xtype: 'pmgSpamQuarantine',
- var action = button.reference;
+ border: false,
+ layout: { type: 'border' },
- PMG.Utils.doQuarantineAction(action, selected[0].data.id, function() {
- list.getController().load();
- });
- },
+ defaults: { border: false },
- onSelectMail: function() {
- var me = this;
- var list = this.lookupReference('list');
- var rec = list.selModel.getSelection()[0];
+ // from mail link
+ cselect: undefined,
- me.updatePreview(me.raw || false, rec);
- me.lookupReference('spaminfo').setID(rec);
+ viewModel: {
+ parent: null,
+ data: {
+ mailid: '',
},
-
- toggleSpamInfo: function(btn) {
- var grid = this.lookupReference('spaminfo');
- grid.setVisible(!grid.isVisible());
+ formulas: {
+ downloadMailURL: get => '/api2/json/quarantine/download?mailid=' + encodeURIComponent(get('mailid')),
},
-
- control: {
- 'button[reference=raw]': {
- click: 'toggleRaw'
- },
- 'button[reference=spam]': {
- click: 'toggleSpamInfo'
- },
- 'pmgQuarantineList': {
- selectionChange: 'onSelectMail'
- }
- }
},
+ controller: 'spamquarantine',
items: [
{
title: gettext('Spam Quarantine'),
xtype: 'pmgQuarantineList',
- emailSelection: true,
+ selModel: 'checkboxmodel',
reference: 'list',
region: 'west',
width: 500,
groupDir: 'DESC',
sorters: [{
property: 'time',
- direction: 'DESC'
- }]
+ direction: 'DESC',
+ }],
},
columns: [
{
header: gettext('Sender/Subject'),
dataIndex: 'subject',
- renderer: PMG.Utils.sender_renderer,
- flex: 1
+ renderer: PMG.Utils.render_sender,
+ 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); },
+ renderer: v => 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'),
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',
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: 'tbseparator',
+ reference: 'themeCheckSep',
+ },
+ {
+ xtype: 'proxmoxcheckbox',
+ reference: 'themeCheck',
+ checked: true,
+ boxLabel: gettext('Dark-mode filter'),
+ iconCls: 'fa fa-paint-brush',
},
'->',
+ {
+ 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'
+ 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'
+ iconCls: 'fa fa-paper-plane-o info-blue',
+ handler: 'btnHandler',
},
{
reference: 'delete',
text: gettext('Delete'),
- iconCls: 'fa fa-trash-o',
- handler: 'btnHandler'
- }
- ]
+ iconCls: 'fa fa-trash-o critical',
+ handler: 'btnHandler',
+ },
+ ],
},
{
xtype: 'pmgSpamInfoGrid',
+ reference: 'spaminfo',
border: false,
- reference: 'spaminfo'
- }
- ]
- }
- ]
+ },
+ {
+ xtype: 'pmgMailInfo',
+ hidden: true,
+ reference: 'mailinfo',
+ border: false,
+ },
+ {
+ xtype: 'pmgAttachmentGrid',
+ reference: 'attachmentlist',
+ showDownloads: false,
+ border: false,
+ dock: 'bottom',
+ },
+ ],
+ },
+ ],
});