+/*global Proxmox*/
+/*jslint confusion: true*/
+/*format is a string and a function*/
Ext.define('pmg-spam-archive', {
extend: 'Ext.data.Model',
fields: [
],
proxy: {
type: 'proxmox',
- url: "/api2/json/quarantine/spam",
+ url: "/api2/json/quarantine/spam"
},
idProperty: 'id'
});
-Ext.define('PMG.SpamList', {
- extend: 'Ext.grid.GridPanel',
- xtype: 'pmgSpamList',
-
- title: gettext('Spam List'),
-
- emptyText: gettext('No E-Mail address selected'),
- viewConfig: {
- deferEmptyText: false
- },
-
- setUser: function(user) {
- var me = this;
- var params = me.getStore().getProxy().getExtraParams();
- params.pmail = user;
- me.getStore().getProxy().setExtraParams(params);
- me.user = user;
- },
-
- setFrom: function(from) {
- var me = this;
- var params = me.getStore().getProxy().getExtraParams();
- params.starttime = from;
- me.getStore().getProxy().setExtraParams(params);
- },
-
- setTo: function(to) {
- var me = this;
- var params = me.getStore().getProxy().getExtraParams();
- params.endtime = to;
- me.getStore().getProxy().setExtraParams(params);
- },
-
- load: function() {
- var me = this;
- if (me.user || PMG.view === 'quarantine') {
- // extjs has no method to dynamically change the emptytext on
- // grids, so we have to do it this way
- var view = me.getView();
- view.emptyText = '<div class="x-grid-empty">'+ gettext('No Spam E-Mails found') + '</div>';
- view.refresh();
- }
- me.getStore().load();
- },
-
- store: {
- model: 'pmg-spam-list',
- groupField: 'day',
- groupDir: 'DESC',
- sorters: [{
- property: 'time',
- direction: 'DESC'
- }]
- },
-
- features: [
- {
- ftype: 'grouping',
- groupHeaderTpl: '{columnName}: {name} ({children.length})'
- }
- ],
-
- 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('Score'),
- dataIndex: 'spamlevel'
- },
- {
- header: gettext('Size') + ' (KB)',
- renderer: function(v) { return Ext.Number.toFixed(v/1024, 0); },
- dataIndex: 'bytes'
- },
- {
- header: gettext('Arrival Day'),
- dataIndex: 'day',
- hidden: true
- },
- {
- xtype: 'datecolumn',
- header: gettext('Arrival Time'),
- dataIndex: 'time',
- format: 'H:m:s'
- },
- ]
-});
-
Ext.define('PMG.SpamQuarantine', {
extend: 'Ext.container.Container',
xtype: 'pmgSpamQuarantine',
border: false,
- layout: 'border',
+ layout: { type: 'border' },
defaults: { border: false },
+ // from mail link
+ cselect: undefined,
+
controller: {
- xclass: 'Ext.app.ViewController',
+ xclass: 'Ext.app.ViewController',
- init: function(view) {
- var me = this;
- var spamlist = me.lookupReference('spamlist');
- if (PMG.view === 'quarantine') {
- spamlist.down('combobox[name=email]').setVisible(false);
- spamlist.load();
+ updatePreview: function(raw, rec) {
+ var preview = this.lookupReference('preview');
+
+ if (!rec || !rec.data || !rec.data.id) {
+ preview.update('');
+ preview.setDisabled(true);
+ return;
}
- // we to this to trigger the change event of those fields
- var today = new Date();
- spamlist.down('datefield[name=from]').setValue(today);
- spamlist.down('datefield[name=to]').setValue(today);
- },
+ 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>");
+ },
- changeEmail: function(tb, value) {
- var spamlist = this.lookupReference('spamlist');
- spamlist.setUser(value);
- spamlist.load();
+ 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);
},
- resetEmail: function() {
- var spamlist = this.lookupReference('spamlist');
- spamlist.setUser(undefined);
+ 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);
},
- onSelectMail: function() {
+ btnHandler: function(button, e) {
var me = this;
- var spamlist = this.lookupReference('spamlist');
- var rec = spamlist.selModel.getSelection()[0];
+ var action = button.reference;
+ var list = this.lookupReference('list');
+ var selected = list.getSelection();
+ me.doAction(action, selected);
+ },
- var preview = this.lookupReference('preview');
+ doAction: function(action, selected) {
+ if (!selected.length) {
+ return;
+ }
- if (!rec || !rec.data || !rec.data.id) {
- preview.update('');
- me.lookupReference('preview').setDisabled(true);
+ 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;
}
- me.lookupReference('preview').setDisabled(false);
+ PMG.Utils.doQuarantineAction(action, selected[0].data.id, function() {
+ list.getController().load();
+ });
+ },
- var raw = me.raw || false;
+ 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];
- var url = '/api2/htmlmail/quarantine/content?id=' + rec.data.id + ((raw)?'&raw=1':'');
- preview.update("<iframe frameborder=0 width=100% height=100% sandbox='allow-same-origin' src='" + url +"'></iframe>");
+ me.updatePreview(me.raw || false, rec);
+ me.lookupReference('spaminfo').setID(rec);
+ },
+
+ toggleSpamInfo: function(btn) {
+ var grid = this.lookupReference('spaminfo');
+ grid.setVisible(!grid.isVisible());
},
- rawMail: function(button) {
+ downloadEmail: function(btn) {
var me = this;
- me.lookupReference('html').setVisible(true);
- button.setVisible(false);
- me.raw = true;
- me.onSelectMail();
+ 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);
+ }
+ }
+ });
},
- htmlMail: function(button) {
+ openContextMenu: function(table, record, tr, index, event) {
+ event.stopEvent();
var me = this;
- me.lookupReference('raw').setVisible(true);
- button.setVisible(false);
- me.raw = false;
- me.onSelectMail();
+ var list = me.lookup('list');
+ var menu = Ext.create('PMG.menu.SpamContextMenu', {
+ callback: function(action) {
+ me.doAction(action, list.getSelection());
+ }
+ });
+
+ menu.showAt(event.getXY());
},
- changeTime: function(field, value) {
+ keyPress: function (table, record, item, index, event) {
var me = this;
- if (!value) {
- return;
- }
- var val = value.getTime()/1000;
- var spamlist = me.lookupReference('spamlist');
- var combobox = me.lookupReference('email');
- var params = combobox.getStore().getProxy().getExtraParams();
-
- var to = me.lookupReference('to');
- var from = me.lookupReference('from');
-
- if (field.name === 'from') {
- spamlist.setFrom(val);
- params.starttime = val;
- to.setMinValue(value);
-
- } else if (field.name === 'to') {
- spamlist.setTo(val + 24*60*60);
- params.endtime = val + 24*60*60;
- from.setMaxValue(value);
- } else {
- return;
+ 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;
}
- // the combobox does not know anything about the extraparams
- // so we disable queryCaching until we expand (and query) again
- combobox.queryCaching = false;
- combobox.getStore().getProxy().setExtraParams(params);
-
- // we are reloading when we already have an email selected,
- // or are in the user quarantine view
- if (combobox.getValue() || PMG.view === 'quarantine') {
- spamlist.load();
+ if (action !== '') {
+ me.doAction(action, list.getSelection());
}
},
- setQueryCaching: function() {
- this.lookupReference('email').queryCaching = true;
+ init: function(view) {
+ this.lookup('list').cselect = view.cselect;
},
control: {
- '#':{
- beforedestroy: 'resetEmail'
- },
'button[reference=raw]': {
- click: 'rawMail'
+ click: 'toggleRaw'
},
- 'button[reference=html]': {
- click: 'htmlMail'
+ 'button[reference=spam]': {
+ click: 'toggleSpamInfo'
},
- 'combobox[name=email]': {
- change: {
- fn: 'changeEmail',
- buffer: 500
- },
- expand: 'setQueryCaching'
- },
- 'datefield': {
- change: 'changeTime'
- },
- 'pmgSpamList':{
- selectionChange: 'onSelectMail'
+ 'button[reference=download]': {
+ click: 'downloadEmail'
},
+ 'pmgQuarantineList': {
+ selectionChange: 'onSelectMail',
+ itemkeypress: 'keyPress',
+ rowcontextmenu: 'openContextMenu'
+ }
}
},
items: [
{
- tbar: {
- layout: {
- type: 'vbox',
- align: 'stretch'
- },
- defaults: {
- margin: 2,
- },
- items: [
- {
- fieldLabel: gettext('From'),
- reference: 'from',
- xtype: 'datefield',
- format: 'Y-m-d',
- name: 'from'
- },
- {
- fieldLabel: gettext('To'),
- reference: 'to',
- xtype: 'datefield',
- format: 'Y-m-d',
- name: 'to'
- },
- {
- xtype: 'combobox',
- displayField: 'mail',
- valueField: 'mail',
- store: {
- proxy: {
- type: 'proxmox',
- url: '/api2/json/quarantine/spamusers'
- }
- },
- queryParam: false,
- queryCaching: false,
- editable: false,
- reference: 'email',
- name: 'email',
- fieldLabel: 'E-Mail',
- }]
- },
- xtype: 'pmgSpamList',
- reference: 'spamlist',
+ 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: 0,
+ border: false,
region: 'center',
split: true,
reference: 'preview',
disabled: true,
- tbar: [{
- xtype: 'button',
- reference: 'raw',
- text: gettext('Show Raw'),
- iconCls: 'fa fa-file-code-o'
- },{
- xtype: 'button',
- reference: 'html',
- hidden: true,
- text: gettext('Show HTML'),
- iconCls: 'fa fa-file-text-o'
- }]
+ 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'
+ }
+ ]
}
]
});
projects / pmg-gui.git / blobdiff