collapsible: true,
titleCollapse: true,
+ tbar: [
+ '->',
+ {
+ xtype: 'checkbox',
+ boxLabel: gettext('Show All Parts'),
+ boxLabelAlgign: 'before',
+ listeners: {
+ change: function(checkBox, value) {
+ let store = this.up('pmgAttachmentGrid').getStore();
+ store.clearFilter();
+ if (!value) {
+ store.filter({
+ property: 'content-disposition',
+ value: 'attachment',
+ });
+ }
+ },
+ },
+ },
+ ],
+
store: {
autoDestroy: true,
- fields: ['name', 'content-type', 'size'],
+ fields: ['name', 'content-type', 'size', 'content-disposition'],
proxy: {
type: 'proxmox',
},
+ filters: {
+ property: 'content-disposition',
+ value: 'attachment',
+ },
+ },
+
+ controller: {
+ xclass: 'Ext.app.ViewController',
+ init: function(view) {
+ view.store.on('load', this.onLoad, this);
+ },
+ onLoad: function(store, records, success) {
+ let me = this;
+ let view = me.getView();
+ if (!success) {
+ view.updateTitleStats(-1);
+ return;
+ }
+ let attachments = records.filter(({ data }) => data['content-disposition'] === 'attachment');
+ let totalSize = attachments.reduce((sum, { data }) => sum + data.size, 0);
+ view.updateTitleStats(attachments.length, totalSize);
+ },
+ },
+
+ updateTitleStats: function(count, totalSize) {
+ let me = this;
+ let title;
+ if (count > 0) {
+ title = Ext.String.format(gettext('{0} Attachments'), count);
+ title += ` (${Proxmox.Utils.format_size(totalSize)})`;
+ if (me.collapsible) {
+ me.expand();
+ }
+ } else {
+ title = gettext('No Attachments');
+ if (me.collapsible) {
+ me.collapse();
+ }
+ }
+ me.setTitle(title);
},
setID: function(rec) {
},
{
text: gettext('Size'),
- renderer: Proxmox.Utils.format_size,
+ renderer: Proxmox.Utils.render_size,
dataIndex: 'size',
flex: 1,
},