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() {
  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>' + gettext('Multiple E-Mails selected') + '</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 = this.lookupReference('list');
 102             var rec = list.selModel.getSelection()[0];
 103             me.raw = !me.raw;
 104             me.updatePreview(me.raw, rec);
 105         },
 106
 107         btnHandler: function(button, e) {
 108             var me = this;
 109             var action = button.reference;
 110             var list = this.lookupReference('list');
 111             var selected = list.getSelection();
 112             me.doAction(action, selected);
 113         },
 114
 115         doAction: function(action, selected) {
 116             if (!selected.length) {
 117                 return;
 118             }
 119
 120             var list = this.lookupReference('list');
 121
 122             if (selected.length > 1) {
 123                 var idlist = [];
 124                 selected.forEach(function(item) {
 125                     idlist.push(item.data.id);
 126                 });
 127                 Ext.Msg.confirm(
 128                     gettext('Confirm'),
 129                     Ext.String.format(
 130                         gettext("Action '{0}' for '{1}' items"),
 131                         action, selected.length
 132                     ),
 133                     function(button) {
 134                         if (button !== 'yes') {
 135                             return;
 136                         }
 137
 138                         PMG.Utils.doQuarantineAction(action, idlist.join(';'), function() {
 139                             list.getController().load();
 140                         });
 141                     }
 142                 );
 143                 return;
 144             }
 145
 146             PMG.Utils.doQuarantineAction(action, selected[0].data.id, function() {
 147                 list.getController().load();
 148             });
 149         },
 150
 151         onSelectMail: function() {
 152             var me = this;
 153             var list = this.lookupReference('list');
 154             var selection = list.selModel.getSelection();
 155             if (selection.length > 1) {
 156                 me.multiSelect();
 157                 return;
 158             }
 159
 160             var rec = selection[0] || {};
 161
 162             me.getViewModel().set('mailid', rec.data ? rec.data.id : '');
 163             me.updatePreview(me.raw || false, rec);
 164             me.lookupReference('spaminfo').setID(rec);
 165             me.lookupReference('mailinfo').setVisible(!!rec.data);
 166             me.lookupReference('mailinfo').update(rec.data);
 167         },
 168
 169         toggleSpamInfo: function(btn) {
 170             var grid = this.lookupReference('spaminfo');
 171             grid.setVisible(!grid.isVisible());
 172         },
 173
 174         openContextMenu: function(table, record, tr, index, event) {
 175             event.stopEvent();
 176             var me = this;
 177             var list = me.lookup('list');
 178             var menu = Ext.create('PMG.menu.SpamContextMenu', {
 179                 callback: function(action) {
 180                     me.doAction(action, list.getSelection());
 181                 }
 182             });
 183
 184             menu.showAt(event.getXY());
 185         },
 186
 187         keyPress: function (table, record, item, index, event) {
 188             var me = this;
 189             var list = me.lookup('list');
 190             var key = event.getKey();
 191             var action = '';
 192             switch(key) {
 193                 case event.DELETE:
 194                 case 127:
 195                     action = 'delete';
 196                     break;
 197                 case Ext.event.Event.D:
 198                 case Ext.event.Event.D + 32:
 199                     action = 'deliver';
 200                     break;
 201                 case Ext.event.Event.W:
 202                 case Ext.event.Event.W + 32:
 203                     action = 'whitelist';
 204                     break;
 205                 case Ext.event.Event.B:
 206                 case Ext.event.Event.B + 32:
 207                     action = 'blacklist';
 208                     break;
 209             }
 210
 211             if (action !== '') {
 212                 me.doAction(action, list.getSelection());
 213             }
 214         },
 215
 216         init: function(view) {
 217             this.lookup('list').cselect = view.cselect;
 218         },
 219
 220         control: {
 221             'button[reference=raw]': {
 222                 click: 'toggleRaw'
 223             },
 224             'button[reference=spam]': {
 225                 click: 'toggleSpamInfo'
 226             },
 227             'pmgQuarantineList': {
 228                 selectionChange: 'onSelectMail',
 229                 itemkeypress: 'keyPress',
 230                 rowcontextmenu: 'openContextMenu'
 231             }
 232         }
 233     },
 234
 235     items: [
 236         {
 237             title: gettext('Spam Quarantine'),
 238             xtype: 'pmgQuarantineList',
 239             selModel: 'checkboxmodel',
 240             emailSelection: true,
 241             reference: 'list',
 242             region: 'west',
 243             width: 500,
 244             split: true,
 245             collapsible: false,
 246             store: {
 247                 model: 'pmg-spam-list',
 248                 groupField: 'day',
 249                 groupDir: 'DESC',
 250                 sorters: [{
 251                     property: 'time',
 252                     direction: 'DESC'
 253                 }]
 254             },
 255
 256             columns: [
 257                 {
 258                     header: gettext('Sender/Subject'),
 259                     dataIndex: 'subject',
 260                     renderer: PMG.Utils.sender_renderer,
 261                     flex: 1
 262                 },
 263                 {
 264                     header: gettext('Score'),
 265                     dataIndex: 'spamlevel',
 266                     align: 'right',
 267                     width: 70
 268                 },
 269                 {
 270                     header: gettext('Size') + ' (KB)',
 271                     renderer: function(v) { return Ext.Number.toFixed(v/1024, 0); },
 272                     dataIndex: 'bytes',
 273                     align: 'right',
 274                     width: 90
 275                 },
 276                 {
 277                     header: gettext('Date'),
 278                     dataIndex: 'day',
 279                     hidden: true
 280                 },
 281                 {
 282                     xtype: 'datecolumn',
 283                     header: gettext('Time'),
 284                     dataIndex: 'time',
 285                     format: 'H:i:s'
 286                 }
 287             ]
 288         },
 289         {
 290             title: gettext('Selected Mail'),
 291             border: false,
 292             region: 'center',
 293             split: true,
 294             reference: 'preview',
 295             disabled: true,
 296             dockedItems: [
 297                 {
 298                     xtype: 'toolbar',
 299                     dock: 'top',
 300                     items: [
 301                         {
 302                             xtype: 'button',
 303                             reference: 'raw',
 304                             text: gettext('Toggle Raw'),
 305                             enableToggle: true,
 306                             iconCls: 'fa fa-file-code-o'
 307                         },
 308                         {
 309                             xtype: 'button',
 310                             reference: 'spam',
 311                             text: gettext('Toggle Spam Info'),
 312                             enableToggle: true,
 313                             iconCls: 'fa fa-bullhorn'
 314                         },
 315                         '->',
 316                         {
 317                             xtype: 'button',
 318                             reference: 'download',
 319                             text: gettext('Download'),
 320                             setDownload: function(id) {
 321                                 this.el.dom.download = id + ".eml";
 322                             },
 323                             bind: {
 324                                 href: '{downloadMailURL}',
 325                                 download: '{mailid}',
 326                             },
 327                             iconCls: 'fa fa-download'
 328                         },
 329                         '-',
 330                         {
 331                             reference: 'whitelist',
 332                             text: gettext('Whitelist'),
 333                             iconCls: 'fa fa-check',
 334                             handler: 'btnHandler'
 335                         },
 336                         {
 337                             reference: 'blacklist',
 338                             text: gettext('Blacklist'),
 339                             iconCls: 'fa fa-times',
 340                             handler: 'btnHandler'
 341                         },
 342                         {
 343                             reference: 'deliver',
 344                             text: gettext('Deliver'),
 345                             iconCls: 'fa fa-paper-plane-o',
 346                             handler: 'btnHandler'
 347                         },
 348                         {
 349                             reference: 'delete',
 350                             text: gettext('Delete'),
 351                             iconCls: 'fa fa-trash-o',
 352                             handler: 'btnHandler'
 353                         }
 354                     ]
 355                 },
 356                 {
 357                     xtype: 'pmgSpamInfoGrid',
 358                     border: false,
 359                     reference: 'spaminfo'
 360                 },
 361                 {
 362                     xtype: 'pmgMailInfo',
 363                     hidden: true,
 364                     reference: 'mailinfo',
 365                 },
 366             ]
 367         }
 368     ]
 369 });