[pmg-devel] [PATCH pmg-gui v2 3/3] add Attachment Quarantine
Dominik Csapak
d.csapak at proxmox.com
Mon Sep 30 14:55:37 CEST 2019
the Quarantine part is mostly copied from VirusQuarantine and adapted
the AttachmentGrid is inspired by the SpamScore list
this adds a new quarantine type 'Attachment' in the gui, where the admins
can review and control the mails in the attachment quarantine
it also shows a list of attachment/parts and a link where they can
be downloaded (in case the admin want to only forward a single
attachment or review the file in detail)
Signed-off-by: Dominik Csapak <d.csapak at proxmox.com>
---
js/AttachmentGrid.js | 61 ++++++++++++
js/AttachmentQuarantine.js | 185 +++++++++++++++++++++++++++++++++++++
js/Makefile | 2 +
js/NavigationTree.js | 6 ++
4 files changed, 254 insertions(+)
create mode 100644 js/AttachmentGrid.js
create mode 100644 js/AttachmentQuarantine.js
diff --git a/js/AttachmentGrid.js b/js/AttachmentGrid.js
new file mode 100644
index 0000000..e31bd12
--- /dev/null
+++ b/js/AttachmentGrid.js
@@ -0,0 +1,61 @@
+Ext.define('PMG.grid.AttachmentGrid',{
+ extend: 'Ext.grid.GridPanel',
+ xtype: 'pmgAttachmentGrid',
+
+ store: {
+ autoDestroy: true,
+ fields: [ 'name', 'content-type', 'size' ],
+ proxy: {
+ type: 'proxmox',
+ }
+ },
+
+ setID: function(rec) {
+ var me = this;
+ if (!rec || !rec.data || !rec.data.id) {
+ me.getStore().removeAll();
+ return;
+ }
+ var url = '/api2/json/quarantine/listattachments?id=' + rec.data.id;
+ me.mailid = rec.data.id;
+ me.store.proxy.setUrl(url);
+ me.store.load();
+ },
+
+ emptyText: gettext('No Attachments'),
+
+ download: function() {
+ alert(arguments);
+ },
+
+ columns: [
+ {
+ text: gettext('Filename'),
+ dataIndex: 'name',
+ flex: 1,
+ },
+ {
+ text: gettext('Filetype'),
+ dataIndex: 'content-type',
+ renderer: PMG.Utils.render_filetype,
+ flex: 1,
+ },
+ {
+ text: gettext('Size'),
+ renderer: Proxmox.Utils.format_size,
+ dataIndex: 'size',
+ flex: 1,
+ },
+ {
+ header: gettext('Download'),
+ renderer: function(value, mD, rec) {
+ var me = this;
+ let url = '/api2/json/quarantine/download';
+ url += '?mailid=' + me.mailid;
+ url += '&attachmentid=' + rec.data.id;
+ return "<a target='_blank' class='download' download='"+ rec.data.name +"' href='" +
+ url + "'><i class='fa fa-fw fa-download'</i></a>";
+ },
+ }
+ ]
+});
diff --git a/js/AttachmentQuarantine.js b/js/AttachmentQuarantine.js
new file mode 100644
index 0000000..18a270e
--- /dev/null
+++ b/js/AttachmentQuarantine.js
@@ -0,0 +1,185 @@
+/*global Proxmox*/
+/*jslint confusion: true*/
+/*format is a string and a function*/
+Ext.define('pmg-attachment-list', {
+ extend: 'Ext.data.Model',
+ fields: [ 'id', 'envelope_sender', 'from', 'sender', 'receiver', 'subject',
+ { 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/attachment"
+ },
+ idProperty: 'id'
+});
+
+Ext.define('PMG.AttachmentQuarantine', {
+ extend: 'Ext.container.Container',
+ xtype: 'pmgAttachmentQuarantine',
+
+ border: false,
+ layout: { type: 'border' },
+
+ defaults: { border: false },
+
+ 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);
+ preview.update("<iframe frameborder=0 width=100% height=100% sandbox='allow-same-origin' src='" + url +"'></iframe>");
+ },
+
+ toggleRaw: function(button) {
+ var me = this;
+ var list = this.lookupReference('list');
+ var rec = list.getSelection()[0] || {};
+ me.raw = !me.raw;
+ me.updatePreview(me.raw, rec);
+ },
+
+ btnHandler: function(button, e) {
+ var list = this.lookupReference('list');
+ var selected = list.getSelection();
+ if (!selected.length) {
+ return;
+ }
+
+ var action = button.reference;
+
+ PMG.Utils.doQuarantineAction(action, selected[0].data.id, function() {
+ list.getController().load();
+ });
+ },
+
+ onSelectMail: function() {
+ var me = this;
+ var list = this.lookupReference('list');
+ var rec = list.getSelection()[0] || {};
+
+ me.updatePreview(me.raw || false, rec);
+ this.lookupReference('attachmentlist').setID(rec);
+ },
+
+ control: {
+ 'button[reference=raw]': {
+ click: 'toggleRaw'
+ },
+ 'pmgQuarantineList': {
+ selectionChange: 'onSelectMail'
+ }
+ }
+
+ },
+
+ items: [
+ {
+ title: gettext('Virus Quarantine'),
+ xtype: 'pmgQuarantineList',
+ emptyText: gettext('No data in database'),
+ emailSelection: false,
+ reference: 'list',
+ region: 'west',
+ width: 500,
+ split: true,
+ collapsible: false,
+ store: {
+ model: 'pmg-attachment-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('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'
+ },
+ '->',
+ {
+ 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: 'pmgAttachmentGrid',
+ minHeight: 50,
+ maxHeight: 250,
+ scrollable: true,
+ reference: 'attachmentlist',
+ }
+ ]
+ }
+ ]
+});
diff --git a/js/Makefile b/js/Makefile
index 6f4d449..d377c32 100644
--- a/js/Makefile
+++ b/js/Makefile
@@ -55,6 +55,8 @@ JSSRC= \
VirusDetectorOptions.js \
VirusQuarantineOptions.js \
VirusQuarantine.js \
+ AttachmentQuarantine.js \
+ AttachmentGrid.js \
ClamAVDatabase.js \
VirusDetectorConfiguration.js \
LDAPConfig.js \
diff --git a/js/NavigationTree.js b/js/NavigationTree.js
index 342c715..b14cf1f 100644
--- a/js/NavigationTree.js
+++ b/js/NavigationTree.js
@@ -106,6 +106,12 @@ Ext.define('PMG.store.NavigationStore', {
path: 'pmgVirusQuarantine',
leaf: true
},
+ {
+ text: gettext('Attachment Quarantine'),
+ iconCls: 'fa fa-paperclip',
+ path: 'pmgAttachmentQuarantine',
+ leaf: true
+ },
{
text: gettext('User Whitelist'),
iconCls: 'fa fa-file-o',
--
2.20.1
More information about the pmg-devel
mailing list