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