object editors: rework so that default label width fits everywhere

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

diff --git a/js/VirusQuarantine.js b/js/VirusQuarantine.js
index 5f3c5aabc0d2fb2b2efc7288203221b5494c48c8..7f2718846bb939efc98bc6492ac9cbf263672e7e 100644 (file)
--- a/js/VirusQuarantine.js
+++ b/js/VirusQuarantine.js
@@ -1,9 +1,6 @@
-/*global Proxmox*/
-/*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',
+    fields: ['id', 'envelope_sender', 'from', 'sender', 'receiver', 'subject',
        { type: 'integer', name: 'bytes' },
        { type: 'string', name: 'virusname' },
        { type: 'date', dateFormat: 'timestamp', name: 'time' },
@@ -12,14 +9,14 @@ Ext.define('pmg-virus-list', {
            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/virus"
+       url: "/api2/json/quarantine/virus",
     },
-    idProperty: 'id'
+    idProperty: 'id',
 });
 
 Ext.define('PMG.VirusQuarantine', {
@@ -35,24 +32,28 @@ Ext.define('PMG.VirusQuarantine', {
 
        xclass: 'Ext.app.ViewController',
 
-       updatePreview: function(raw, rec) {
+       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)  {
+           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':'');
+           let url = `/api2/htmlmail/quarantine/content?id=${rec.data.id}`;
+           if (raw) {
+               url += '&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;
+           me.lookup('mailinfo').setVisible(me.raw);
            me.raw = !me.raw;
            me.updatePreview(me.raw);
        },
@@ -73,27 +74,34 @@ Ext.define('PMG.VirusQuarantine', {
 
        onSelectMail: function() {
            var me = this;
-           var list = this.lookupReference('list');
-           var rec = list.selModel.getSelection()[0];
-
-           me.updatePreview(me.raw || false, rec);
+           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'
+               click: 'toggleRaw',
            },
            'pmgQuarantineList': {
-               selectionChange: 'onSelectMail'
-           }
-       }
+               selectionChange: 'onSelectMail',
+           },
+       },
 
     },
 
     items: [
        {
+           title: gettext('Virus Quarantine'),
            xtype: 'pmgQuarantineList',
-           emptyText: gettext('No data in database.'),
+           emptyText: gettext('No data in database'),
            emailSelection: false,
            reference: 'list',
            region: 'west',
@@ -106,8 +114,8 @@ Ext.define('PMG.VirusQuarantine', {
                groupDir: 'DESC',
                sorters: [{
                    property: 'time',
-                   direction: 'DESC'
-               }]
+                   direction: 'DESC',
+               }],
            },
 
            columns: [
@@ -115,38 +123,39 @@ Ext.define('PMG.VirusQuarantine', {
                    header: gettext('Sender/Subject'),
                    dataIndex: 'subject',
                    renderer: PMG.Utils.sender_renderer,
-                   flex: 1
+                   flex: 1,
                },
                {
                    header: gettext('Virus'),
                    dataIndex: 'virusname',
                    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:m:s'
-               }
-           ]
+                   format: 'H:i:s',
+               },
+           ],
        },
        {
            title: gettext('Selected Mail'),
            border: false,
            region: 'center',
+           layout: 'fit',
            split: true,
            reference: 'preview',
            disabled: true,
@@ -160,24 +169,29 @@ Ext.define('PMG.VirusQuarantine', {
                            reference: 'raw',
                            text: gettext('Toggle Raw'),
                            enableToggle: true,
-                           iconCls: 'fa fa-file-code-o'
+                           iconCls: 'fa fa-file-code-o',
                        },
                        '->',
                        {
                            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: 'pmgMailInfo',
+                   hidden: true,
+                   reference: 'mailinfo',
+               },
+           ],
+       },
+    ],
 });