]> git.proxmox.com Git - pmg-gui.git/blob - js/SpamQuarantine.js
5c6865b31e5eef17e05a86c655a40632ef0520ef
[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 list = this.lookupReference('list');
95 var selected = list.getSelection();
96 if (!selected.length) {
97 return;
98 }
99
100 var action = button.reference;
101
102 if (selected.length > 1) {
103 var idlist = [];
104 selected.forEach(function(item) {
105 idlist.push(item.data.id);
106 });
107 Ext.Msg.confirm(
108 gettext('Confirm'),
109 Ext.String.format(
110 gettext("Action '{0}' for '{1}' items"),
111 action, selected.length
112 ),
113 function(button) {
114 if (button !== 'yes') {
115 return;
116 }
117
118 PMG.Utils.doQuarantineAction(action, idlist.join(';'), function() {
119 list.getController().load();
120 });
121 }
122 );
123 return;
124 }
125
126 PMG.Utils.doQuarantineAction(action, selected[0].data.id, function() {
127 list.getController().load();
128 });
129 },
130
131 onSelectMail: function() {
132 var me = this;
133 var list = this.lookupReference('list');
134 var selection = list.selModel.getSelection();
135 if (selection.length > 1) {
136 me.multiSelect();
137 return;
138 }
139 var rec = list.selModel.getSelection()[0];
140
141 me.updatePreview(me.raw || false, rec);
142 me.lookupReference('spaminfo').setID(rec);
143 },
144
145 toggleSpamInfo: function(btn) {
146 var grid = this.lookupReference('spaminfo');
147 grid.setVisible(!grid.isVisible());
148 },
149
150 init: function(view) {
151 this.lookup('list').cselect = view.cselect;
152 },
153
154 control: {
155 'button[reference=raw]': {
156 click: 'toggleRaw'
157 },
158 'button[reference=spam]': {
159 click: 'toggleSpamInfo'
160 },
161 'pmgQuarantineList': {
162 selectionChange: 'onSelectMail'
163 }
164 }
165 },
166
167 items: [
168 {
169 title: gettext('Spam Quarantine'),
170 xtype: 'pmgQuarantineList',
171 emailSelection: true,
172 reference: 'list',
173 region: 'west',
174 width: 500,
175 split: true,
176 collapsible: false,
177 store: {
178 model: 'pmg-spam-list',
179 groupField: 'day',
180 groupDir: 'DESC',
181 sorters: [{
182 property: 'time',
183 direction: 'DESC'
184 }]
185 },
186
187 columns: [
188 {
189 header: gettext('Sender/Subject'),
190 dataIndex: 'subject',
191 renderer: PMG.Utils.sender_renderer,
192 flex: 1
193 },
194 {
195 header: gettext('Score'),
196 dataIndex: 'spamlevel',
197 align: 'right',
198 width: 70
199 },
200 {
201 header: gettext('Size') + ' (KB)',
202 renderer: function(v) { return Ext.Number.toFixed(v/1024, 0); },
203 dataIndex: 'bytes',
204 align: 'right',
205 width: 90
206 },
207 {
208 header: gettext('Date'),
209 dataIndex: 'day',
210 hidden: true
211 },
212 {
213 xtype: 'datecolumn',
214 header: gettext('Time'),
215 dataIndex: 'time',
216 format: 'H:i:s'
217 }
218 ]
219 },
220 {
221 title: gettext('Selected Mail'),
222 border: false,
223 region: 'center',
224 split: true,
225 reference: 'preview',
226 disabled: true,
227 dockedItems: [
228 {
229 xtype: 'toolbar',
230 dock: 'top',
231 items: [
232 {
233 xtype: 'button',
234 reference: 'raw',
235 text: gettext('Toggle Raw'),
236 enableToggle: true,
237 iconCls: 'fa fa-file-code-o'
238 },
239 {
240 xtype: 'button',
241 reference: 'spam',
242 text: gettext('Toggle Spam Info'),
243 enableToggle: true,
244 iconCls: 'fa fa-bullhorn'
245 },
246 '->',
247 {
248 reference: 'whitelist',
249 text: gettext('Whitelist'),
250 iconCls: 'fa fa-check',
251 handler: 'btnHandler'
252 },
253 {
254 reference: 'blacklist',
255 text: gettext('Blacklist'),
256 iconCls: 'fa fa-times',
257 handler: 'btnHandler'
258 },
259 {
260 reference: 'deliver',
261 text: gettext('Deliver'),
262 iconCls: 'fa fa-paper-plane-o',
263 handler: 'btnHandler'
264 },
265 {
266 reference: 'delete',
267 text: gettext('Delete'),
268 iconCls: 'fa fa-trash-o',
269 handler: 'btnHandler'
270 }
271 ]
272 },
273 {
274 xtype: 'pmgSpamInfoGrid',
275 border: false,
276 reference: 'spaminfo'
277 }
278 ]
279 }
280 ]
281 });