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