]>
Commit | Line | Data |
---|---|---|
1 | Ext.define('pmg-spam-archive', { | |
2 | extend: 'Ext.data.Model', | |
3 | fields: [ | |
4 | { type: 'number', name: 'spamavg' }, | |
5 | { type: 'integer', name: 'count' }, | |
6 | { type: 'date', dateFormat: 'timestamp', name: 'day' }, | |
7 | ], | |
8 | proxy: { | |
9 | type: 'proxmox', | |
10 | url: "/api2/json/quarantine/spam", | |
11 | }, | |
12 | idProperty: 'day', | |
13 | }); | |
14 | ||
15 | Ext.define('pmg-spam-list', { | |
16 | extend: 'Ext.data.Model', | |
17 | fields: ['id', 'envelope_sender', 'from', 'sender', 'receiver', 'subject', | |
18 | { type: 'number', name: 'spamlevel' }, | |
19 | { type: 'integer', name: 'bytes' }, | |
20 | { type: 'date', dateFormat: 'timestamp', name: 'time' }, | |
21 | { | |
22 | type: 'string', | |
23 | name: 'day', | |
24 | convert: function(v, rec) { | |
25 | return Ext.Date.format(rec.get('time'), 'Y-m-d'); | |
26 | }, depends: ['time'], | |
27 | }, | |
28 | ], | |
29 | proxy: { | |
30 | type: 'proxmox', | |
31 | url: "/api2/json/quarantine/spam", | |
32 | }, | |
33 | idProperty: 'id', | |
34 | }); | |
35 | ||
36 | Ext.define('PMG.SpamQuarantine', { | |
37 | extend: 'Ext.container.Container', | |
38 | xtype: 'pmgSpamQuarantine', | |
39 | ||
40 | border: false, | |
41 | layout: { type: 'border' }, | |
42 | ||
43 | defaults: { border: false }, | |
44 | ||
45 | // from mail link | |
46 | cselect: undefined, | |
47 | ||
48 | viewModel: { | |
49 | parent: null, | |
50 | data: { | |
51 | mailid: '', | |
52 | }, | |
53 | formulas: { | |
54 | downloadMailURL: get => '/api2/json/quarantine/download?mailid=' + encodeURIComponent(get('mailid')), | |
55 | }, | |
56 | }, | |
57 | controller: { | |
58 | ||
59 | xclass: 'Ext.app.ViewController', | |
60 | ||
61 | updatePreview: function(raw, rec) { | |
62 | var preview = this.lookupReference('preview'); | |
63 | ||
64 | if (!rec || !rec.data || !rec.data.id) { | |
65 | preview.update(''); | |
66 | preview.setDisabled(true); | |
67 | return; | |
68 | } | |
69 | ||
70 | let url = `/api2/htmlmail/quarantine/content?id=${rec.data.id}`; | |
71 | if (raw) { | |
72 | url += '&raw=1'; | |
73 | } | |
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 | let idlist = selected.map(item => item.data.id); | |
125 | Ext.Msg.confirm( | |
126 | gettext('Confirm'), | |
127 | Ext.String.format( | |
128 | gettext("Action '{0}' for '{1}' items"), | |
129 | action, selected.length, | |
130 | ), | |
131 | async function(button) { | |
132 | if (button !== 'yes') { | |
133 | return; | |
134 | } | |
135 | ||
136 | list.mask(gettext('Processing...'), 'x-mask-loading'); | |
137 | ||
138 | const sliceSize = 2500, maxInFlight = 2; | |
139 | let batches = [], batchCount = Math.ceil(selected.length / sliceSize); | |
140 | for (let i = 0; i * sliceSize < selected.length; i++) { | |
141 | let sliceStart = i * sliceSize; | |
142 | let sliceEnd = Math.min(sliceStart + sliceSize, selected.length); | |
143 | batches.push( | |
144 | PMG.Async.doQAction( | |
145 | action, | |
146 | idlist.slice(sliceStart, sliceEnd), | |
147 | i + 1, | |
148 | batchCount, | |
149 | ), | |
150 | ); | |
151 | if (batches.length >= maxInFlight) { | |
152 | await Promise.allSettled(batches); // eslint-disable-line no-await-in-loop | |
153 | batches = []; | |
154 | } | |
155 | } | |
156 | await Promise.allSettled(batches); // await possible remaining ones | |
157 | list.unmask(); | |
158 | // below can be slow, we could remove directly from the in-memory store, but | |
159 | // with lots of elements and some failures we could be quite out of sync? | |
160 | list.getController().load(); | |
161 | }, | |
162 | ); | |
163 | return; | |
164 | } | |
165 | ||
166 | PMG.Utils.doQuarantineAction(action, selected[0].data.id, function() { | |
167 | let listController = list.getController(); | |
168 | listController.allowPositionSave = false; | |
169 | // success -> remove directly to avoid slow store reload for a single-element action | |
170 | list.getStore().remove(selected[0]); | |
171 | listController.restoreSavedSelection(); | |
172 | listController.allowPositionSave = true; | |
173 | }); | |
174 | }, | |
175 | ||
176 | onSelectMail: function() { | |
177 | var me = this; | |
178 | var list = this.lookupReference('list'); | |
179 | var selection = list.selModel.getSelection(); | |
180 | if (selection.length > 1) { | |
181 | me.multiSelect(selection); | |
182 | return; | |
183 | } | |
184 | ||
185 | var rec = selection[0] || {}; | |
186 | ||
187 | me.getViewModel().set('mailid', rec.data ? rec.data.id : ''); | |
188 | me.updatePreview(me.raw || false, rec); | |
189 | me.lookupReference('spaminfo').setID(rec); | |
190 | me.lookupReference('mailinfo').setVisible(!!rec.data && !me.raw); | |
191 | me.lookupReference('mailinfo').update(rec.data); | |
192 | }, | |
193 | ||
194 | toggleSpamInfo: function(btn) { | |
195 | var grid = this.lookupReference('spaminfo'); | |
196 | grid.setVisible(!grid.isVisible()); | |
197 | }, | |
198 | ||
199 | openContextMenu: function(table, record, tr, index, event) { | |
200 | event.stopEvent(); | |
201 | let me = this; | |
202 | let list = me.lookup('list'); | |
203 | Ext.create('PMG.menu.SpamContextMenu', { | |
204 | callback: action => me.doAction(action, list.getSelection()), | |
205 | }).showAt(event.getXY()); | |
206 | }, | |
207 | ||
208 | keyPress: function(table, record, item, index, event) { | |
209 | var me = this; | |
210 | var list = me.lookup('list'); | |
211 | var key = event.getKey(); | |
212 | var action = ''; | |
213 | switch (key) { | |
214 | case event.DELETE: | |
215 | case 127: | |
216 | action = 'delete'; | |
217 | break; | |
218 | case Ext.event.Event.D: | |
219 | case Ext.event.Event.D + 32: | |
220 | action = 'deliver'; | |
221 | break; | |
222 | case Ext.event.Event.W: | |
223 | case Ext.event.Event.W + 32: | |
224 | action = 'whitelist'; | |
225 | break; | |
226 | case Ext.event.Event.B: | |
227 | case Ext.event.Event.B + 32: | |
228 | action = 'blacklist'; | |
229 | break; | |
230 | } | |
231 | ||
232 | if (action !== '') { | |
233 | me.doAction(action, list.getSelection()); | |
234 | } | |
235 | }, | |
236 | ||
237 | init: function(view) { | |
238 | this.lookup('list').cselect = view.cselect; | |
239 | }, | |
240 | ||
241 | control: { | |
242 | 'button[reference=raw]': { | |
243 | click: 'toggleRaw', | |
244 | }, | |
245 | 'button[reference=spam]': { | |
246 | click: 'toggleSpamInfo', | |
247 | }, | |
248 | 'pmgQuarantineList': { | |
249 | selectionChange: 'onSelectMail', | |
250 | itemkeypress: 'keyPress', | |
251 | rowcontextmenu: 'openContextMenu', | |
252 | }, | |
253 | }, | |
254 | }, | |
255 | ||
256 | items: [ | |
257 | { | |
258 | title: gettext('Spam Quarantine'), | |
259 | xtype: 'pmgQuarantineList', | |
260 | selModel: 'checkboxmodel', | |
261 | emailSelection: true, | |
262 | reference: 'list', | |
263 | region: 'west', | |
264 | width: 500, | |
265 | split: true, | |
266 | collapsible: false, | |
267 | store: { | |
268 | model: 'pmg-spam-list', | |
269 | groupField: 'day', | |
270 | groupDir: 'DESC', | |
271 | sorters: [{ | |
272 | property: 'time', | |
273 | direction: 'DESC', | |
274 | }], | |
275 | }, | |
276 | ||
277 | columns: [ | |
278 | { | |
279 | header: gettext('Sender/Subject'), | |
280 | dataIndex: 'subject', | |
281 | renderer: PMG.Utils.render_sender, | |
282 | flex: 1, | |
283 | }, | |
284 | { | |
285 | header: gettext('Score'), | |
286 | dataIndex: 'spamlevel', | |
287 | align: 'right', | |
288 | width: 70, | |
289 | }, | |
290 | { | |
291 | header: gettext('Size') + ' (KB)', | |
292 | renderer: v => Ext.Number.toFixed(v/1024, 0), | |
293 | dataIndex: 'bytes', | |
294 | align: 'right', | |
295 | width: 90, | |
296 | }, | |
297 | { | |
298 | header: gettext('Date'), | |
299 | dataIndex: 'day', | |
300 | hidden: true, | |
301 | }, | |
302 | { | |
303 | xtype: 'datecolumn', | |
304 | header: gettext('Time'), | |
305 | dataIndex: 'time', | |
306 | format: 'H:i:s', | |
307 | }, | |
308 | ], | |
309 | }, | |
310 | { | |
311 | title: gettext('Selected Mail'), | |
312 | border: false, | |
313 | region: 'center', | |
314 | layout: 'fit', | |
315 | split: true, | |
316 | reference: 'preview', | |
317 | disabled: true, | |
318 | dockedItems: [ | |
319 | { | |
320 | xtype: 'toolbar', | |
321 | dock: 'top', | |
322 | items: [ | |
323 | { | |
324 | xtype: 'button', | |
325 | reference: 'raw', | |
326 | text: gettext('Toggle Raw'), | |
327 | enableToggle: true, | |
328 | iconCls: 'fa fa-file-code-o', | |
329 | }, | |
330 | { | |
331 | xtype: 'button', | |
332 | reference: 'spam', | |
333 | text: gettext('Toggle Spam Info'), | |
334 | enableToggle: true, | |
335 | iconCls: 'fa fa-bullhorn', | |
336 | }, | |
337 | '->', | |
338 | { | |
339 | xtype: 'button', | |
340 | reference: 'download', | |
341 | text: gettext('Download'), | |
342 | setDownload: function(id) { | |
343 | this.el.dom.download = id + ".eml"; | |
344 | }, | |
345 | bind: { | |
346 | href: '{downloadMailURL}', | |
347 | download: '{mailid}', | |
348 | }, | |
349 | iconCls: 'fa fa-download', | |
350 | }, | |
351 | '-', | |
352 | { | |
353 | reference: 'whitelist', | |
354 | text: gettext('Whitelist'), | |
355 | iconCls: 'fa fa-check', | |
356 | handler: 'btnHandler', | |
357 | }, | |
358 | { | |
359 | reference: 'blacklist', | |
360 | text: gettext('Blacklist'), | |
361 | iconCls: 'fa fa-times', | |
362 | handler: 'btnHandler', | |
363 | }, | |
364 | { | |
365 | reference: 'deliver', | |
366 | text: gettext('Deliver'), | |
367 | iconCls: 'fa fa-paper-plane-o info-blue', | |
368 | handler: 'btnHandler', | |
369 | }, | |
370 | { | |
371 | reference: 'delete', | |
372 | text: gettext('Delete'), | |
373 | iconCls: 'fa fa-trash-o critical', | |
374 | handler: 'btnHandler', | |
375 | }, | |
376 | ], | |
377 | }, | |
378 | { | |
379 | xtype: 'pmgSpamInfoGrid', | |
380 | border: false, | |
381 | reference: 'spaminfo', | |
382 | }, | |
383 | { | |
384 | xtype: 'pmgMailInfo', | |
385 | hidden: true, | |
386 | reference: 'mailinfo', | |
387 | }, | |
388 | ], | |
389 | }, | |
390 | ], | |
391 | }); |