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