]> git.proxmox.com Git - pmg-gui.git/blob - js/AttachmentQuarantine.js
quarantine: improve borders for docked items
[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 emailSelection: false,
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 dock: 'top',
101 items: [
102 {
103 xtype: 'button',
104 reference: 'raw',
105 text: gettext('Toggle Raw'),
106 enableToggle: true,
107 iconCls: 'fa fa-file-code-o',
108 },
109 '->',
110 {
111 xtype: 'button',
112 reference: 'download',
113 text: gettext('Download'),
114 setDownload: function(id) {
115 this.el.dom.download = id + ".eml";
116 },
117 bind: {
118 href: '{downloadMailURL}',
119 download: '{mailid}',
120 },
121 iconCls: 'fa fa-download',
122 },
123 {
124 reference: 'deliver',
125 text: gettext('Deliver'),
126 iconCls: 'fa fa-paper-plane-o info-blue',
127 handler: 'btnHandler',
128 },
129 {
130 reference: 'delete',
131 text: gettext('Delete'),
132 iconCls: 'fa fa-trash-o critical',
133 handler: 'btnHandler',
134 },
135 ],
136 },
137 {
138 xtype: 'pmgAttachmentGrid',
139 minHeight: 50,
140 maxHeight: 250,
141 scrollable: true,
142 reference: 'attachmentlist',
143 },
144 {
145 xtype: 'pmgMailInfo',
146 hidden: true,
147 reference: 'mailinfo',
148 },
149 ],
150 },
151 ],
152 });