js/SpamQuarantine.js

   1 /*global Proxmox*/
   2 /*jslint confusion: true*/
   3 /*format is a string and a function*/
   4 Ext.define('pmg-spam-archive', {
   5     extend: 'Ext.data.Model',
   6     fields: [
   7         { type: 'number', name: 'spamavg' },
   8         { type: 'integer', name: 'count' },
   9         { type: 'date', dateFormat: 'timestamp', name: 'day' }
  10     ],
  11     proxy: {
  12         type: 'proxmox',
  13         url: "/api2/json/quarantine/spam"
  14     },
  15     idProperty: 'day'
  16 });
  17
  18 Ext.define('pmg-spam-list', {
  19     extend: 'Ext.data.Model',
  20     fields: [ 'id', 'envelope_sender', 'from', 'sender', 'receiver', 'subject',
  21         { type: 'number', name: 'spamlevel' },
  22         { type: 'integer', name: 'bytes' },
  23         { type: 'date', dateFormat: 'timestamp', name: 'time' },
  24         {
  25             type: 'string',
  26             name: 'day',
  27             convert: function(v, rec) {
  28                 return Ext.Date.format(rec.get('time'), 'Y-m-d');
  29             }, depends: ['time']
  30         }
  31     ],
  32     proxy: {
  33         type: 'proxmox',
  34         url: "/api2/json/quarantine/spam"
  35     },
  36     idProperty: 'id'
  37 });
  38
  39 Ext.define('PMG.SpamQuarantine', {
  40     extend: 'Ext.container.Container',
  41     xtype: 'pmgSpamQuarantine',
  42
  43     border: false,
  44     layout: { type: 'border' },
  45
  46     defaults: { border: false },
  47
  48     // from mail link
  49     cselect: undefined,
  50
  51     viewModel: {
  52         parent: null,
  53         data: {
  54             mailid: '',
  55         },
  56         formulas: {
  57             downloadMailURL: get => '/api2/json/quarantine/download?mailid=' + encodeURIComponent(get('mailid')),
  58         },
  59     },
  60     controller: {
  61
  62         xclass: 'Ext.app.ViewController',
  63
  64         updatePreview: function(raw, rec) {
  65             var preview = this.lookupReference('preview');
  66
  67             if (!rec || !rec.data || !rec.data.id)  {
  68                 preview.update('');
  69                 preview.setDisabled(true);
  70                 return;
  71             }
  72
  73             var url = '/api2/htmlmail/quarantine/content?id=' + rec.data.id + ((raw)?'&raw=1':'');
  74             preview.setDisabled(false);
  75             this.lookupReference('raw').setDisabled(false);
  76             this.lookupReference('spam').setDisabled(false);
  77             this.lookupReference('download').setDisabled(false);
  78             preview.update("<iframe frameborder=0 width=100% height=100% sandbox='allow-same-origin' src='" + url +"'></iframe>");
  79         },
  80
  81         multiSelect: function(selection) {
  82             var preview = this.lookupReference('preview');
  83             var raw = this.lookupReference('raw');
  84             var spam = this.lookupReference('spam');
  85             var spaminfo = this.lookupReference('spaminfo');
  86             var mailinfo = this.lookupReference('mailinfo');
  87             var download = this.lookupReference('download');
  88
  89             preview.setDisabled(false);
  90             preview.update(`<h3 style="padding-left:5px;">${gettext('Multiple E-Mails selected')} (${selection.length})</h3>`);
  91             raw.setDisabled(true);
  92             spam.setDisabled(true);
  93             spam.setPressed(false);
  94             spaminfo.setVisible(false);
  95             mailinfo.setVisible(false);
  96             download.setDisabled(true);
  97         },
  98
  99         toggleRaw: function(button) {
 100             var me = this;
 101             var list = me.lookupReference('list');
 102             var rec = list.selModel.getSelection()[0];
 103             me.lookupReference('mailinfo').setVisible(me.raw);
 104             me.raw = !me.raw;
 105             me.updatePreview(me.raw, rec);
 106         },
 107
 108         btnHandler: function(button, e) {
 109             var me = this;
 110             var action = button.reference;
 111             var list = this.lookupReference('list');
 112             var selected = list.getSelection();
 113             me.doAction(action, selected);
 114         },
 115
 116         doAction: function(action, selected) {
 117             if (!selected.length) {
 118                 return;
 119             }
 120
 121             var list = this.lookupReference('list');
 122
 123             if (selected.length > 1) {
 124                 var idlist = [];
 125                 selected.forEach(function(item) {
 126                     idlist.push(item.data.id);
 127                 });
 128                 Ext.Msg.confirm(
 129                     gettext('Confirm'),
 130                     Ext.String.format(
 131                         gettext("Action '{0}' for '{1}' items"),
 132                         action, selected.length
 133                     ),
 134                     function(button) {
 135                         if (button !== 'yes') {
 136                             return;
 137                         }
 138
 139                         PMG.Utils.doQuarantineAction(action, idlist.join(';'), function() {
 140                             list.getController().load();
 141                         });
 142                     }
 143                 );
 144                 return;
 145             }
 146
 147             PMG.Utils.doQuarantineAction(action, selected[0].data.id, function() {
 148                 list.getController().load();
 149             });
 150         },
 151
 152         onSelectMail: function() {
 153             var me = this;
 154             var list = this.lookupReference('list');
 155             var selection = list.selModel.getSelection();
 156             if (selection.length > 1) {
 157                 me.multiSelect(selection);
 158                 return;
 159             }
 160
 161             var rec = selection[0] || {};
 162
 163             me.getViewModel().set('mailid', rec.data ? rec.data.id : '');
 164             me.updatePreview(me.raw || false, rec);
 165             me.lookupReference('spaminfo').setID(rec);
 166             me.lookupReference('mailinfo').setVisible(!!rec.data && !me.raw);
 167             me.lookupReference('mailinfo').update(rec.data);
 168         },
 169
 170         toggleSpamInfo: function(btn) {
 171             var grid = this.lookupReference('spaminfo');
 172             grid.setVisible(!grid.isVisible());
 173         },
 174
 175         openContextMenu: function(table, record, tr, index, event) {
 176             event.stopEvent();
 177             var me = this;
 178             var list = me.lookup('list');
 179             var menu = Ext.create('PMG.menu.SpamContextMenu', {
 180                 callback: function(action) {
 181                     me.doAction(action, list.getSelection());
 182                 }
 183             });
 184
 185             menu.showAt(event.getXY());
 186         },
 187
 188         keyPress: function (table, record, item, index, event) {
 189             var me = this;
 190             var list = me.lookup('list');
 191             var key = event.getKey();
 192             var action = '';
 193             switch(key) {
 194                 case event.DELETE:
 195                 case 127:
 196                     action = 'delete';
 197                     break;
 198                 case Ext.event.Event.D:
 199                 case Ext.event.Event.D + 32:
 200                     action = 'deliver';
 201                     break;
 202                 case Ext.event.Event.W:
 203                 case Ext.event.Event.W + 32:
 204                     action = 'whitelist';
 205                     break;
 206                 case Ext.event.Event.B:
 207                 case Ext.event.Event.B + 32:
 208                     action = 'blacklist';
 209                     break;
 210             }
 211
 212             if (action !== '') {
 213                 me.doAction(action, list.getSelection());
 214             }
 215         },
 216
 217         init: function(view) {
 218             this.lookup('list').cselect = view.cselect;
 219         },
 220
 221         control: {
 222             'button[reference=raw]': {
 223                 click: 'toggleRaw'
 224             },
 225             'button[reference=spam]': {
 226                 click: 'toggleSpamInfo'
 227             },
 228             'pmgQuarantineList': {
 229                 selectionChange: 'onSelectMail',
 230                 itemkeypress: 'keyPress',
 231                 rowcontextmenu: 'openContextMenu'
 232             }
 233         }
 234     },
 235
 236     items: [
 237         {
 238             title: gettext('Spam Quarantine'),
 239             xtype: 'pmgQuarantineList',
 240             selModel: 'checkboxmodel',
 241             emailSelection: true,
 242             reference: 'list',
 243             region: 'west',
 244             width: 500,
 245             split: true,
 246             collapsible: false,
 247             store: {
 248                 model: 'pmg-spam-list',
 249                 groupField: 'day',
 250                 groupDir: 'DESC',
 251                 sorters: [{
 252                     property: 'time',
 253                     direction: 'DESC'
 254                 }]
 255             },
 256
 257             columns: [
 258                 {
 259                     header: gettext('Sender/Subject'),
 260                     dataIndex: 'subject',
 261                     renderer: PMG.Utils.sender_renderer,
 262                     flex: 1
 263                 },
 264                 {
 265                     header: gettext('Score'),
 266                     dataIndex: 'spamlevel',
 267                     align: 'right',
 268                     width: 70
 269                 },
 270                 {
 271                     header: gettext('Size') + ' (KB)',
 272                     renderer: function(v) { return Ext.Number.toFixed(v/1024, 0); },
 273                     dataIndex: 'bytes',
 274                     align: 'right',
 275                     width: 90
 276                 },
 277                 {
 278                     header: gettext('Date'),
 279                     dataIndex: 'day',
 280                     hidden: true
 281                 },
 282                 {
 283                     xtype: 'datecolumn',
 284                     header: gettext('Time'),
 285                     dataIndex: 'time',
 286                     format: 'H:i:s'
 287                 }
 288             ]
 289         },
 290         {
 291             title: gettext('Selected Mail'),
 292             border: false,
 293             region: 'center',
 294             split: true,
 295             reference: 'preview',
 296             disabled: true,
 297             dockedItems: [
 298                 {
 299                     xtype: 'toolbar',
 300                     dock: 'top',
 301                     items: [
 302                         {
 303                             xtype: 'button',
 304                             reference: 'raw',
 305                             text: gettext('Toggle Raw'),
 306                             enableToggle: true,
 307                             iconCls: 'fa fa-file-code-o'
 308                         },
 309                         {
 310                             xtype: 'button',
 311                             reference: 'spam',
 312                             text: gettext('Toggle Spam Info'),
 313                             enableToggle: true,
 314                             iconCls: 'fa fa-bullhorn'
 315                         },
 316                         '->',
 317                         {
 318                             xtype: 'button',
 319                             reference: 'download',
 320                             text: gettext('Download'),
 321                             setDownload: function(id) {
 322                                 this.el.dom.download = id + ".eml";
 323                             },
 324                             bind: {
 325                                 href: '{downloadMailURL}',
 326                                 download: '{mailid}',
 327                             },
 328                             iconCls: 'fa fa-download'
 329                         },
 330                         '-',
 331                         {
 332                             reference: 'whitelist',
 333                             text: gettext('Whitelist'),
 334                             iconCls: 'fa fa-check',
 335                             handler: 'btnHandler'
 336                         },
 337                         {
 338                             reference: 'blacklist',
 339                             text: gettext('Blacklist'),
 340                             iconCls: 'fa fa-times',
 341                             handler: 'btnHandler'
 342                         },
 343                         {
 344                             reference: 'deliver',
 345                             text: gettext('Deliver'),
 346                             iconCls: 'fa fa-paper-plane-o',
 347                             handler: 'btnHandler'
 348                         },
 349                         {
 350                             reference: 'delete',
 351                             text: gettext('Delete'),
 352                             iconCls: 'fa fa-trash-o',
 353                             handler: 'btnHandler'
 354                         }
 355                     ]
 356                 },
 357                 {
 358                     xtype: 'pmgSpamInfoGrid',
 359                     border: false,
 360                     reference: 'spaminfo'
 361                 },
 362                 {
 363                     xtype: 'pmgMailInfo',
 364                     hidden: true,
 365                     reference: 'mailinfo',
 366                 },
 367             ]
 368         }
 369     ]
 370 });