]> git.proxmox.com Git - pmg-gui.git/blob - js/VirusQuarantine.js
mainview/quarantine: add theme switcher
[pmg-gui.git] / js / VirusQuarantine.js
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 viewModel: {
32 parent: null,
33 data: {
34 mailid: '',
35 },
36 formulas: {
37 downloadMailURL: get => '/api2/json/quarantine/download?mailid=' + encodeURIComponent(get('mailid')),
38 },
39 },
40 controller: 'quarantine',
41
42 items: [
43 {
44 title: gettext('Virus Quarantine'),
45 xtype: 'pmgQuarantineList',
46 emptyText: gettext('No data in database'),
47 selModel: 'checkboxmodel',
48 quarantineType: 'virus',
49 reference: 'list',
50 region: 'west',
51 width: 500,
52 split: true,
53 collapsible: false,
54 store: {
55 model: 'pmg-virus-list',
56 groupField: 'day',
57 groupDir: 'DESC',
58 sorters: [{
59 property: 'time',
60 direction: 'DESC',
61 }],
62 },
63
64 columns: [
65 {
66 header: `${gettext('Sender')}/${gettext('Receiver')}/${gettext('Subject')}`,
67 dataIndex: 'subject',
68 renderer: PMG.Utils.render_sender_receiver,
69 flex: 1,
70 },
71 {
72 header: gettext('Virus'),
73 dataIndex: 'virusname',
74 align: 'right',
75 width: 70,
76 },
77 {
78 header: gettext('Size') + ' (KB)',
79 renderer: v => Ext.Number.toFixed(v/1024, 0),
80 dataIndex: 'bytes',
81 align: 'right',
82 width: 90,
83 },
84 {
85 header: gettext('Date'),
86 dataIndex: 'day',
87 hidden: true,
88 },
89 {
90 xtype: 'datecolumn',
91 header: gettext('Time'),
92 dataIndex: 'time',
93 format: 'H:i:s',
94 },
95 ],
96 },
97 {
98 title: gettext('Selected Mail'),
99 border: false,
100 region: 'center',
101 layout: 'fit',
102 split: true,
103 reference: 'preview',
104 disabled: true,
105 dockedItems: [
106 {
107 xtype: 'toolbar',
108 dock: 'top',
109 overflowHandler: 'scroller',
110 style: {
111 // docked items have set the bottom with to 0px with '! important'
112 // but we still want one here, so we can remove the borders of the grids
113 'border-bottom-width': '1px ! important',
114 },
115 items: [
116 {
117 xtype: 'button',
118 reference: 'raw',
119 text: gettext('Toggle Raw'),
120 enableToggle: true,
121 iconCls: 'fa fa-file-code-o',
122 },
123 '->',
124 {
125 xtype: 'button',
126 reference: 'download',
127 text: gettext('Download'),
128 setDownload: function(id) {
129 this.el.dom.download = id + ".eml";
130 },
131 bind: {
132 href: '{downloadMailURL}',
133 download: '{mailid}',
134 },
135 iconCls: 'fa fa-download',
136 },
137 {
138 reference: 'deliver',
139 text: gettext('Deliver'),
140 iconCls: 'fa fa-paper-plane-o info-blue',
141 handler: 'btnHandler',
142 },
143 {
144 reference: 'delete',
145 text: gettext('Delete'),
146 iconCls: 'fa fa-trash-o critical',
147 handler: 'btnHandler',
148 },
149 ],
150 },
151 {
152 xtype: 'pmgMailInfo',
153 hidden: true,
154 reference: 'mailinfo',
155 border: false,
156 },
157 {
158 xtype: 'pmgAttachmentGrid',
159 reference: 'attachmentlist',
160 showDownloads: false,
161 border: false,
162 dock: 'bottom',
163 },
164 ],
165 },
166 ],
167 });