]> git.proxmox.com Git - pmg-gui.git/blob - js/AttachmentQuarantine.js
quarantines: add support for a theme toggle
[pmg-gui.git] / js / AttachmentQuarantine.js
1 Ext.define('pmg-attachment-list', {
2 extend: 'Ext.data.Model',
3 fields: ['id', 'envelope_sender', 'from', 'sender', 'receiver', 'subject',
4 { type: 'integer', name: 'bytes' },
5 { type: 'date', dateFormat: 'timestamp', name: 'time' },
6 {
7 type: 'string',
8 name: 'day',
9 convert: function(v, rec) {
10 return Ext.Date.format(rec.get('time'), 'Y-m-d');
11 }, depends: ['time'],
12 },
13 ],
14 proxy: {
15 type: 'proxmox',
16 url: "/api2/json/quarantine/attachment",
17 },
18 idProperty: 'id',
19 });
20
21 Ext.define('PMG.AttachmentQuarantine', {
22 extend: 'Ext.container.Container',
23 xtype: 'pmgAttachmentQuarantine',
24
25 border: false,
26 layout: { type: 'border' },
27
28 defaults: { border: false },
29
30 viewModel: {
31 parent: null,
32 data: {
33 mailid: '',
34 },
35 formulas: {
36 downloadMailURL: get => '/api2/json/quarantine/download?mailid=' + encodeURIComponent(get('mailid')),
37 },
38 },
39 controller: 'quarantine',
40 items: [
41 {
42 title: gettext('Attachment Quarantine'),
43 xtype: 'pmgQuarantineList',
44 emptyText: gettext('No data in database'),
45 selModel: 'checkboxmodel',
46 quarantineType: 'attachment',
47 reference: 'list',
48 region: 'west',
49 width: 500,
50 split: true,
51 collapsible: false,
52 store: {
53 model: 'pmg-attachment-list',
54 groupField: 'day',
55 groupDir: 'DESC',
56 sorters: [{
57 property: 'time',
58 direction: 'DESC',
59 }],
60 },
61
62 columns: [
63 {
64 header: `${gettext('Sender')}/${gettext('Receiver')}/${gettext('Subject')}`,
65 dataIndex: 'subject',
66 renderer: PMG.Utils.render_sender_receiver,
67 flex: 1,
68 },
69 {
70 header: gettext('Size') + ' (KB)',
71 renderer: v => Ext.Number.toFixed(v/1024, 0),
72 dataIndex: 'bytes',
73 align: 'right',
74 width: 90,
75 },
76 {
77 header: gettext('Date'),
78 dataIndex: 'day',
79 hidden: true,
80 },
81 {
82 xtype: 'datecolumn',
83 header: gettext('Time'),
84 dataIndex: 'time',
85 format: 'H:i:s',
86 },
87 ],
88 },
89 {
90 title: gettext('Selected Mail'),
91 border: false,
92 region: 'center',
93 layout: 'fit',
94 split: true,
95 reference: 'preview',
96 disabled: true,
97 dockedItems: [
98 {
99 xtype: 'toolbar',
100 overflowHandler: 'scroller',
101 dock: 'top',
102 items: [
103 {
104 xtype: 'button',
105 reference: 'raw',
106 text: gettext('Toggle Raw'),
107 enableToggle: true,
108 iconCls: 'fa fa-file-code-o',
109 },
110 {
111 xtype: 'button',
112 reference: 'themeToggle',
113 text: gettext('Toggle Theme'),
114 enableToggle: true,
115 iconCls: 'fa fa-paint-brush',
116 },
117 '->',
118 {
119 xtype: 'button',
120 reference: 'download',
121 text: gettext('Download'),
122 setDownload: function(id) {
123 this.el.dom.download = id + ".eml";
124 },
125 bind: {
126 href: '{downloadMailURL}',
127 download: '{mailid}',
128 },
129 iconCls: 'fa fa-download',
130 },
131 {
132 reference: 'deliver',
133 text: gettext('Deliver'),
134 iconCls: 'fa fa-paper-plane-o info-blue',
135 handler: 'btnHandler',
136 },
137 {
138 reference: 'delete',
139 text: gettext('Delete'),
140 iconCls: 'fa fa-trash-o critical',
141 handler: 'btnHandler',
142 },
143 ],
144 },
145 {
146 xtype: 'pmgMailInfo',
147 hidden: true,
148 reference: 'mailinfo',
149 },
150 {
151 xtype: 'pmgAttachmentGrid',
152 reference: 'attachmentlist',
153 dock: 'bottom',
154 collapsible: false,
155 },
156 ],
157 },
158 ],
159 });