backup config: add icons to tab buttons

[pmg-gui.git] / js / VirusQuarantine.js

diff --git a/js/VirusQuarantine.js b/js/VirusQuarantine.js
index 29ec7047b8acb82007822a85541f529c52669dfe..9e5a4fb74c72839616ec4c3e6fd882c328ade007 100644 (file)
--- a/js/VirusQuarantine.js
+++ b/js/VirusQuarantine.js
@@ -1,5 +1,3 @@
-/*jslint confusion: true*/
-/*format is a string and a function*/
 Ext.define('pmg-virus-list', {
     extend: 'Ext.data.Model',
     fields: ['id', 'envelope_sender', 'from', 'sender', 'receiver', 'subject',
@@ -30,78 +28,24 @@ Ext.define('PMG.VirusQuarantine', {
 
     defaults: { border: false },
 
-    controller: {
-
-       xclass: 'Ext.app.ViewController',
-
-       updatePreview: function(raw) {
-           var list = this.lookupReference('list');
-           var rec = list.selModel.getSelection()[0];
-           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>");
+    viewModel: {
+       parent: null,
+       data: {
+           mailid: '',
        },
-
-       toggleRaw: function(button) {
-           var me = this;
-           me.lookup('mailinfo').setVisible(me.raw);
-           me.raw = !me.raw;
-           me.updatePreview(me.raw);
+       formulas: {
+           downloadMailURL: get => '/api2/json/quarantine/download?mailid=' + encodeURIComponent(get('mailid')),
        },
-
-       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;
-           me.updatePreview(me.raw || false);
-           let mailinfo = me.lookup('mailinfo');
-           let list = me.lookup('list');
-           let selection = list.getSelection();
-           if (selection.length < 1) {
-               mailinfo.setVisible(false);
-               return;
-           }
-           mailinfo.setVisible(!me.raw);
-           mailinfo.update(selection[0].data);
-       },
-
-       control: {
-           'button[reference=raw]': {
-               click: 'toggleRaw',
-           },
-           'pmgQuarantineList': {
-               selectionChange: 'onSelectMail',
-           },
-       },
-
     },
+    controller: 'quarantine',
 
     items: [
        {
            title: gettext('Virus Quarantine'),
            xtype: 'pmgQuarantineList',
            emptyText: gettext('No data in database'),
-           emailSelection: false,
+           selModel: 'checkboxmodel',
+           quarantineType: 'virus',
            reference: 'list',
            region: 'west',
            width: 500,
@@ -119,9 +63,9 @@ Ext.define('PMG.VirusQuarantine', {
 
            columns: [
                {
-                   header: gettext('Sender/Subject'),
+                   header: `${gettext('Sender')}/${gettext('Receiver')}/${gettext('Subject')}`,
                    dataIndex: 'subject',
-                   renderer: PMG.Utils.sender_renderer,
+                   renderer: PMG.Utils.render_sender_receiver,
                    flex: 1,
                },
                {
@@ -132,7 +76,7 @@ Ext.define('PMG.VirusQuarantine', {
                },
                {
                    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,
@@ -146,7 +90,7 @@ Ext.define('PMG.VirusQuarantine', {
                    xtype: 'datecolumn',
                    header: gettext('Time'),
                    dataIndex: 'time',
-                   format: 'H:m:s',
+                   format: 'H:i:s',
                },
            ],
        },
@@ -154,6 +98,7 @@ Ext.define('PMG.VirusQuarantine', {
            title: gettext('Selected Mail'),
            border: false,
            region: 'center',
+           layout: 'fit',
            split: true,
            reference: 'preview',
            disabled: true,
@@ -161,6 +106,12 @@ Ext.define('PMG.VirusQuarantine', {
                {
                    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',
@@ -169,17 +120,41 @@ Ext.define('PMG.VirusQuarantine', {
                            enableToggle: true,
                            iconCls: 'fa fa-file-code-o',
                        },
+                       {
+                           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: 'deliver',
                            text: gettext('Deliver'),
-                           iconCls: 'fa fa-paper-plane-o',
+                           iconCls: 'fa fa-paper-plane-o info-blue',
                            handler: 'btnHandler',
                        },
                        {
                            reference: 'delete',
                            text: gettext('Delete'),
-                           iconCls: 'fa fa-trash-o',
+                           iconCls: 'fa fa-trash-o critical',
                            handler: 'btnHandler',
                        },
                    ],
@@ -188,6 +163,14 @@ Ext.define('PMG.VirusQuarantine', {
                    xtype: 'pmgMailInfo',
                    hidden: true,
                    reference: 'mailinfo',
+                   border: false,
+               },
+               {
+                   xtype: 'pmgAttachmentGrid',
+                   reference: 'attachmentlist',
+                   showDownloads: false,
+                   border: false,
+                   dock: 'bottom',
                },
            ],
        },