]>
Commit | Line | Data |
---|---|---|
1 | Ext.define('pmg-virus-list', { | |
2 | extend: 'Ext.data.Model', | |
3 | fields: ['id', 'envelope_sender', 'from', 'sender', 'receiver', 'subject', | |
4 | { type: 'integer', name: 'bytes' }, | |
5 | { type: 'string', name: 'virusname' }, | |
6 | { type: 'date', dateFormat: 'timestamp', name: 'time' }, | |
7 | { | |
8 | type: 'string', | |
9 | name: 'day', | |
10 | convert: function(v, rec) { | |
11 | return Ext.Date.format(rec.get('time'), 'Y-m-d'); | |
12 | }, depends: ['time'], | |
13 | }, | |
14 | ], | |
15 | proxy: { | |
16 | type: 'proxmox', | |
17 | url: "/api2/json/quarantine/virus", | |
18 | }, | |
19 | idProperty: 'id', | |
20 | }); | |
21 | ||
22 | Ext.define('PMG.VirusQuarantine', { | |
23 | extend: 'Ext.container.Container', | |
24 | xtype: 'pmgVirusQuarantine', | |
25 | ||
26 | border: false, | |
27 | layout: { type: 'border' }, | |
28 | ||
29 | defaults: { border: false }, | |
30 | ||
31 | controller: { | |
32 | ||
33 | xclass: 'Ext.app.ViewController', | |
34 | ||
35 | updatePreview: function(raw) { | |
36 | var list = this.lookupReference('list'); | |
37 | var rec = list.selModel.getSelection()[0]; | |
38 | var preview = this.lookupReference('preview'); | |
39 | ||
40 | if (!rec || !rec.data || !rec.data.id) { | |
41 | preview.update(''); | |
42 | preview.setDisabled(true); | |
43 | return; | |
44 | } | |
45 | ||
46 | let url = `/api2/htmlmail/quarantine/content?id=${rec.data.id}`; | |
47 | if (raw) { | |
48 | url += '&raw=1'; | |
49 | } | |
50 | preview.setDisabled(false); | |
51 | preview.update("<iframe frameborder=0 width=100% height=100% sandbox='allow-same-origin' src='" + url +"'></iframe>"); | |
52 | }, | |
53 | ||
54 | toggleRaw: function(button) { | |
55 | var me = this; | |
56 | me.lookup('mailinfo').setVisible(me.raw); | |
57 | me.raw = !me.raw; | |
58 | me.updatePreview(me.raw); | |
59 | }, | |
60 | ||
61 | btnHandler: function(button, e) { | |
62 | var list = this.lookupReference('list'); | |
63 | var selected = list.getSelection(); | |
64 | if (!selected.length) { | |
65 | return; | |
66 | } | |
67 | ||
68 | var action = button.reference; | |
69 | ||
70 | PMG.Utils.doQuarantineAction(action, selected[0].data.id, function() { | |
71 | list.getController().load(); | |
72 | }); | |
73 | }, | |
74 | ||
75 | onSelectMail: function() { | |
76 | var me = this; | |
77 | me.updatePreview(me.raw || false); | |
78 | let mailinfo = me.lookup('mailinfo'); | |
79 | let list = me.lookup('list'); | |
80 | let selection = list.getSelection(); | |
81 | if (selection.length < 1) { | |
82 | mailinfo.setVisible(false); | |
83 | return; | |
84 | } | |
85 | mailinfo.setVisible(!me.raw); | |
86 | mailinfo.update(selection[0].data); | |
87 | }, | |
88 | ||
89 | control: { | |
90 | 'button[reference=raw]': { | |
91 | click: 'toggleRaw', | |
92 | }, | |
93 | 'pmgQuarantineList': { | |
94 | selectionChange: 'onSelectMail', | |
95 | }, | |
96 | }, | |
97 | ||
98 | }, | |
99 | ||
100 | items: [ | |
101 | { | |
102 | title: gettext('Virus Quarantine'), | |
103 | xtype: 'pmgQuarantineList', | |
104 | emptyText: gettext('No data in database'), | |
105 | emailSelection: false, | |
106 | reference: 'list', | |
107 | region: 'west', | |
108 | width: 500, | |
109 | split: true, | |
110 | collapsible: false, | |
111 | store: { | |
112 | model: 'pmg-virus-list', | |
113 | groupField: 'day', | |
114 | groupDir: 'DESC', | |
115 | sorters: [{ | |
116 | property: 'time', | |
117 | direction: 'DESC', | |
118 | }], | |
119 | }, | |
120 | ||
121 | columns: [ | |
122 | { | |
123 | header: gettext('Sender/Subject'), | |
124 | dataIndex: 'subject', | |
125 | renderer: PMG.Utils.sender_renderer, | |
126 | flex: 1, | |
127 | }, | |
128 | { | |
129 | header: gettext('Virus'), | |
130 | dataIndex: 'virusname', | |
131 | align: 'right', | |
132 | width: 70, | |
133 | }, | |
134 | { | |
135 | header: gettext('Size') + ' (KB)', | |
136 | renderer: function(v) { return Ext.Number.toFixed(v/1024, 0); }, | |
137 | dataIndex: 'bytes', | |
138 | align: 'right', | |
139 | width: 90, | |
140 | }, | |
141 | { | |
142 | header: gettext('Date'), | |
143 | dataIndex: 'day', | |
144 | hidden: true, | |
145 | }, | |
146 | { | |
147 | xtype: 'datecolumn', | |
148 | header: gettext('Time'), | |
149 | dataIndex: 'time', | |
150 | format: 'H:i:s', | |
151 | }, | |
152 | ], | |
153 | }, | |
154 | { | |
155 | title: gettext('Selected Mail'), | |
156 | border: false, | |
157 | region: 'center', | |
158 | layout: 'fit', | |
159 | split: true, | |
160 | reference: 'preview', | |
161 | disabled: true, | |
162 | dockedItems: [ | |
163 | { | |
164 | xtype: 'toolbar', | |
165 | dock: 'top', | |
166 | items: [ | |
167 | { | |
168 | xtype: 'button', | |
169 | reference: 'raw', | |
170 | text: gettext('Toggle Raw'), | |
171 | enableToggle: true, | |
172 | iconCls: 'fa fa-file-code-o', | |
173 | }, | |
174 | '->', | |
175 | { | |
176 | reference: 'deliver', | |
177 | text: gettext('Deliver'), | |
178 | iconCls: 'fa fa-paper-plane-o', | |
179 | handler: 'btnHandler', | |
180 | }, | |
181 | { | |
182 | reference: 'delete', | |
183 | text: gettext('Delete'), | |
184 | iconCls: 'fa fa-trash-o', | |
185 | handler: 'btnHandler', | |
186 | }, | |
187 | ], | |
188 | }, | |
189 | { | |
190 | xtype: 'pmgMailInfo', | |
191 | hidden: true, | |
192 | reference: 'mailinfo', | |
193 | }, | |
194 | ], | |
195 | }, | |
196 | ], | |
197 | }); |