]> git.proxmox.com Git - pmg-gui.git/blob - js/SpamQuarantine.js
make SpamQuarantine use the QuarantineList and SpamInfoGrid
[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 controller: {
49
50 xclass: 'Ext.app.ViewController',
51
52 updatePreview: function(raw, rec) {
53 var list = this.lookupReference('list');
54 var rec = list.selModel.getSelection()[0];
55 var preview = this.lookupReference('preview');
56
57 if (!rec || !rec.data || !rec.data.id) {
58 preview.update('');
59 preview.setDisabled(true);
60 return;
61 }
62
63 var url = '/api2/htmlmail/quarantine/content?id=' + rec.data.id + ((raw)?'&raw=1':'');
64 preview.setDisabled(false);
65 preview.update("<iframe frameborder=0 width=100% height=100% sandbox='allow-same-origin' src='" + url +"'></iframe>");
66 },
67
68 toggleRaw: function(button) {
69 var me = this;
70 me.raw = !me.raw;
71 me.updatePreview(me.raw);
72 },
73
74 btnHandler: function(button, e) {
75 var list = this.lookupReference('list');
76 var selected = list.getSelection();
77 if (!selected.length) {
78 return;
79 }
80
81 var action = button.reference;
82
83 PMG.Utils.doQuarantineAction(action, selected[0].data.id, function() {
84 list.getController().load();
85 });
86 },
87
88 onSelectMail: function() {
89 var me = this;
90 var list = this.lookupReference('list');
91 var rec = list.selModel.getSelection()[0];
92
93 me.updatePreview(me.raw || false, rec);
94 me.lookupReference('spaminfo').setID(rec);
95 },
96
97 toggleSpamInfo: function(btn) {
98 var grid = this.lookupReference('spaminfo');
99 grid.setVisible(!grid.isVisible());
100 },
101
102 control: {
103 'button[reference=raw]': {
104 click: 'toggleRaw'
105 },
106 'button[reference=spam]': {
107 click: 'toggleSpamInfo'
108 },
109 'pmgQuarantineList': {
110 selectionChange: 'onSelectMail'
111 }
112 }
113 },
114
115 items: [
116 {
117 xtype: 'pmgQuarantineList',
118 emailSelection: true,
119 reference: 'list',
120 region: 'west',
121 width: 500,
122 split: true,
123 collapsible: false,
124 store: {
125 model: 'pmg-spam-list',
126 groupField: 'day',
127 groupDir: 'DESC',
128 sorters: [{
129 property: 'time',
130 direction: 'DESC'
131 }]
132 },
133
134 columns: [
135 {
136 header: gettext('Sender/Subject'),
137 dataIndex: 'subject',
138 renderer: PMG.Utils.sender_renderer,
139 flex: 1
140 },
141 {
142 header: gettext('Score'),
143 dataIndex: 'spamlevel',
144 align: 'right',
145 width: 70
146 },
147 {
148 header: gettext('Size') + ' (KB)',
149 renderer: function(v) { return Ext.Number.toFixed(v/1024, 0); },
150 dataIndex: 'bytes',
151 align: 'right',
152 width: 90
153 },
154 {
155 header: gettext('Date'),
156 dataIndex: 'day',
157 hidden: true
158 },
159 {
160 xtype: 'datecolumn',
161 header: gettext('Time'),
162 dataIndex: 'time',
163 format: 'H:i:s'
164 }
165 ]
166 },
167 {
168 title: gettext('Selected Mail'),
169 border: false,
170 region: 'center',
171 split: true,
172 reference: 'preview',
173 disabled: true,
174 dockedItems: [
175 {
176 xtype: 'toolbar',
177 dock: 'top',
178 items: [
179 {
180 xtype: 'button',
181 reference: 'raw',
182 text: gettext('Toggle Raw'),
183 enableToggle: true,
184 iconCls: 'fa fa-file-code-o'
185 },
186 {
187 xtype: 'button',
188 reference: 'spam',
189 text: gettext('Toggle Spam Info'),
190 enableToggle: true,
191 iconCls: 'fa fa-bullhorn'
192 },
193 '->',
194 {
195 reference: 'whitelist',
196 text: gettext('Whitelist'),
197 iconCls: 'fa fa-check',
198 handler: 'btnHandler'
199 },
200 {
201 reference: 'blacklist',
202 text: gettext('Blacklist'),
203 iconCls: 'fa fa-times',
204 handler: 'btnHandler'
205 },
206 {
207 reference: 'deliver',
208 text: gettext('Deliver'),
209 iconCls: 'fa fa-paper-plane-o',
210 handler: 'btnHandler'
211 },
212 {
213 reference: 'delete',
214 text: gettext('Delete'),
215 iconCls: 'fa fa-trash-o',
216 handler: 'btnHandler'
217 }
218 ]
219 },
220 {
221 xtype: 'pmgSpamInfoGrid',
222 reference: 'spaminfo'
223 }
224 ]
225 }
226 ]
227 });