js/AttachmentQuarantine.js

   1 Ext.define('pmg-attachment-list', {
   2     extend: 'Ext.data.Model',
   3     fields: ['id', 'envelope_sender', 'from', 'sender', 'receiver', 'subject',
   4         { type: 'integer', name: 'bytes' },
   5         { type: 'date', dateFormat: 'timestamp', name: 'time' },
   6         {
   7             type: 'string',
   8             name: 'day',
   9             convert: function(v, rec) {
  10                 return Ext.Date.format(rec.get('time'), 'Y-m-d');
  11             }, depends: ['time'],
  12         },
  13     ],
  14     proxy: {
  15         type: 'proxmox',
  16         url: "/api2/json/quarantine/attachment",
  17     },
  18     idProperty: 'id',
  19 });
  20
  21 Ext.define('PMG.AttachmentQuarantine', {
  22     extend: 'Ext.container.Container',
  23     xtype: 'pmgAttachmentQuarantine',
  24
  25     border: false,
  26     layout: { type: 'border' },
  27
  28     defaults: { border: false },
  29
  30     viewModel: {
  31         parent: null,
  32         data: {
  33             mailid: '',
  34         },
  35         formulas: {
  36             downloadMailURL: get => '/api2/json/quarantine/download?mailid=' + encodeURIComponent(get('mailid')),
  37         },
  38     },
  39     controller: 'quarantine',
  40     items: [
  41         {
  42             title: gettext('Attachment Quarantine'),
  43             xtype: 'pmgQuarantineList',
  44             emptyText: gettext('No data in database'),
  45             selModel: 'checkboxmodel',
  46             quarantineType: 'attachment',
  47             reference: 'list',
  48             region: 'west',
  49             width: 500,
  50             split: true,
  51             collapsible: false,
  52             store: {
  53                 model: 'pmg-attachment-list',
  54                 groupField: 'day',
  55                 groupDir: 'DESC',
  56                 sorters: [{
  57                     property: 'time',
  58                     direction: 'DESC',
  59                 }],
  60             },
  61
  62             columns: [
  63                 {
  64                     header: `${gettext('Sender')}/${gettext('Receiver')}/${gettext('Subject')}`,
  65                     dataIndex: 'subject',
  66                     renderer: PMG.Utils.render_sender_receiver,
  67                     flex: 1,
  68                 },
  69                 {
  70                     header: gettext('Size') + ' (KB)',
  71                     renderer: v => Ext.Number.toFixed(v/1024, 0),
  72                     dataIndex: 'bytes',
  73                     align: 'right',
  74                     width: 90,
  75                 },
  76                 {
  77                     header: gettext('Date'),
  78                     dataIndex: 'day',
  79                     hidden: true,
  80                 },
  81                 {
  82                     xtype: 'datecolumn',
  83                     header: gettext('Time'),
  84                     dataIndex: 'time',
  85                     format: 'H:i:s',
  86                 },
  87             ],
  88         },
  89         {
  90             title: gettext('Selected Mail'),
  91             border: false,
  92             region: 'center',
  93             layout: 'fit',
  94             split: true,
  95             reference: 'preview',
  96             disabled: true,
  97             dockedItems: [
  98                 {
  99                     xtype: 'toolbar',
 100                     overflowHandler: 'scroller',
 101                     dock: 'top',
 102                     items: [
 103                         {
 104                             xtype: 'button',
 105                             reference: 'raw',
 106                             text: gettext('Toggle Raw'),
 107                             enableToggle: true,
 108                             iconCls: 'fa fa-file-code-o',
 109                         },
 110                         {
 111                             xtype: 'tbseparator',
 112                             reference: 'themeCheckSep',
 113                         },
 114                         {
 115                             xtype: 'proxmoxcheckbox',
 116                             reference: 'themeCheck',
 117                             checked: true,
 118                             boxLabel: gettext('Dark-mode filter'),
 119                             iconCls: 'fa fa-paint-brush',
 120                         },
 121                         '->',
 122                         {
 123                             xtype: 'button',
 124                             reference: 'download',
 125                             text: gettext('Download'),
 126                             setDownload: function(id) {
 127                                 this.el.dom.download = id + ".eml";
 128                             },
 129                             bind: {
 130                                 href: '{downloadMailURL}',
 131                                 download: '{mailid}',
 132                             },
 133                             iconCls: 'fa fa-download',
 134                         },
 135                         {
 136                             reference: 'deliver',
 137                             text: gettext('Deliver'),
 138                             iconCls: 'fa fa-paper-plane-o info-blue',
 139                             handler: 'btnHandler',
 140                         },
 141                         {
 142                             reference: 'delete',
 143                             text: gettext('Delete'),
 144                             iconCls: 'fa fa-trash-o critical',
 145                             handler: 'btnHandler',
 146                         },
 147                     ],
 148                 },
 149                 {
 150                     xtype: 'pmgMailInfo',
 151                     hidden: true,
 152                     reference: 'mailinfo',
 153                 },
 154                 {
 155                     xtype: 'pmgAttachmentGrid',
 156                     reference: 'attachmentlist',
 157                     dock: 'bottom',
 158                     collapsible: false,
 159                 },
 160             ],
 161         },
 162     ],
 163 });