onlineHelp: 'chapter_vzdump',
- initComponent : function() {
+ stateful: true,
+ stateId: 'grid-guest-backup',
+
+ initComponent: function() {
var me = this;
var nodename = me.pveSelNode.data.node;
throw "no VM type specified";
}
- var filterFn;
- if (vmtype === 'openvz') {
- filterFn = function(item) {
- return item.data.volid.match(':backup/vzdump-openvz-');
- };
- } else if (vmtype === 'lxc') {
- filterFn = function(item) {
- return item.data.volid.match(':backup/vzdump-lxc-');
+ var vmtypeFilter;
+ if (vmtype === 'lxc' || vmtype === 'openvz') {
+ vmtypeFilter = function(item) {
+ return PVE.Utils.volume_is_lxc_backup(item.data.volid, item.data.format);
};
} else if (vmtype === 'qemu') {
- filterFn = function(item) {
- return item.data.volid.match(':backup/vzdump-qemu-');
+ vmtypeFilter = function(item) {
+ return PVE.Utils.volume_is_qemu_backup(item.data.volid, item.data.format);
};
} else {
throw "unsupported VM type '" + vmtype + "'";
}
+ var searchFilter = {
+ property: 'volid',
+ value: '',
+ anyMatch: true,
+ caseSensitive: false,
+ };
+
+ var vmidFilter = {
+ property: 'vmid',
+ value: vmid,
+ exactMatch: true,
+ };
+
me.store = Ext.create('Ext.data.Store', {
model: 'pve-storage-content',
- sorters: {
- property: 'volid',
- order: 'DESC'
+ sorters: {
+ property: 'volid',
+ order: 'DESC',
},
- filters: { filterFn: filterFn }
+ filters: [
+ vmtypeFilter,
+ searchFilter,
+ vmidFilter,
+ ],
});
+ let updateFilter = function() {
+ me.store.filter([
+ vmtypeFilter,
+ searchFilter,
+ vmidFilter,
+ ]);
+ };
+
var reload = Ext.Function.createBuffered(function() {
- if (me.store && me.store.proxy.url) {
+ if (me.store) {
me.store.load();
}
}, 100);
url += '?content=backup';
me.store.setProxy({
- type: 'pve',
- url: url
+ type: 'proxmox',
+ url: url,
});
reload();
allowBlank: false,
listeners: {
change: function(f, value) {
+ let storage = f.getStore().findRecord('storage', value, 0, false, true, true);
+ if (storage) {
+ let isPBS = storage.data.type === 'pbs';
+ me.getColumns().forEach((column) => {
+ let id = column.dataIndex;
+ if (id === 'verification' || id === 'encrypted') {
+ column.setHidden(!isPBS);
+ }
+ });
+ }
setStorage(value);
- }
- }
+ },
+ },
});
var storagefilter = Ext.create('Ext.form.field.Text', {
labelWidth: 50,
labelAlign: 'right',
enableKeyEvents: true,
+ value: searchFilter.value,
listeners: {
buffer: 500,
keyup: function(field) {
me.store.clearFilter(true);
- me.store.filter([
- filterFn,
- {
- property: 'volid',
- value: field.getValue(),
- anyMatch: true,
- caseSensitive: false
- }
- ]);
- }
- }
+ searchFilter.value = field.getValue();
+ updateFilter();
+ },
+ },
+ });
+
+ var vmidfilterCB = Ext.create('Ext.form.field.Checkbox', {
+ boxLabel: gettext('Filter VMID'),
+ value: '1',
+ listeners: {
+ change: function(cb, value) {
+ vmidFilter.value = value ? vmid : '';
+ vmidFilter.exactMatch = !!value;
+ updateFilter();
+ },
+ },
});
var sm = Ext.create('Ext.selection.RowModel', {});
var backup_btn = Ext.create('Ext.button.Button', {
text: gettext('Backup now'),
handler: function() {
- var win = Ext.create('PVE.window.Backup', {
+ var win = Ext.create('PVE.window.Backup', {
nodename: nodename,
vmid: vmid,
vmtype: vmtype,
- storage: storagesel.getValue()
+ storage: storagesel.getValue(),
+ listeners: {
+ close: function() {
+ reload();
+ },
+ },
});
win.show();
- }
+ },
});
- var restore_btn = Ext.create('PVE.button.Button', {
+ var restore_btn = Ext.create('Proxmox.button.Button', {
text: gettext('Restore'),
disabled: true,
selModel: sm,
return !!rec;
},
handler: function(b, e, rec) {
- var volid = rec.data.volid;
-
- var win = Ext.create('PVE.window.Restore', {
+ let win = Ext.create('PVE.window.Restore', {
nodename: nodename,
vmid: vmid,
volid: rec.data.volid,
volidText: PVE.Utils.render_storage_content(rec.data.volid, {}, rec),
- vmtype: vmtype
+ vmtype: vmtype,
});
win.show();
win.on('destroy', reload);
- }
+ },
});
- var delete_btn = Ext.create('PVE.button.Button', {
- text: gettext('Remove'),
- disabled: true,
+ var delete_btn = Ext.create('Proxmox.button.StdRemoveButton', {
selModel: sm,
- dangerous: true,
+ dangerous: true,
+ delay: 5,
confirmMsg: function(rec) {
var msg = Ext.String.format(gettext('Are you sure you want to remove entry {0}'),
"'" + rec.data.volid + "'");
return msg;
},
- enableFn: function(rec) {
- return !!rec;
- },
- handler: function(b, e, rec){
+ getUrl: function(rec) {
var storage = storagesel.getValue();
- if (!storage) {
- return;
- }
-
- var volid = rec.data.volid;
- PVE.Utils.API2Request({
- url: "/nodes/" + nodename + "/storage/" + storage + "/content/" + volid,
- method: 'DELETE',
- waitMsgTarget: me,
- failure: function(response, opts) {
- Ext.Msg.alert('Error', response.htmlStatus);
- },
- success: function(response, options) {
- reload();
- }
- });
- }
+ return '/nodes/' + nodename + '/storage/' + storage + '/content/' + rec.data.volid;
+ },
+ callback: function() {
+ reload();
+ },
});
- var config_btn = Ext.create('PVE.button.Button', {
+ var config_btn = Ext.create('Proxmox.button.Button', {
text: gettext('Show Configuration'),
disabled: true,
selModel: sm,
var win = Ext.create('PVE.window.BackupConfig', {
volume: rec.data.volid,
- pveSelNode: me.pveSelNode
+ pveSelNode: me.pveSelNode,
});
win.show();
- }
+ },
});
Ext.apply(me, {
- stateful: false,
selModel: sm,
- tbar: [ backup_btn, restore_btn, delete_btn,config_btn, '->', storagesel, storagefilter ],
+ tbar: {
+ overflowHandler: 'scroller',
+ items: [
+ backup_btn,
+ restore_btn,
+ delete_btn,
+ '-',
+ config_btn,
+ '-',
+ {
+ xtype: 'proxmoxButton',
+ text: gettext('Edit Notes'),
+ disabled: true,
+ enableFn: function() {
+ let storageVal = storagesel.getValue();
+ let storage = storagesel
+ .getStore()
+ .findRecord('storage', storageVal, 0, false, true, true);
+ if (storage) {
+ return storage.data.type !== 'pbs';
+ }
+ return true;
+ },
+ handler: function() {
+ let volid = sm.getSelection()[0].data.volid;
+ var storage = storagesel.getValue();
+ Ext.create('Proxmox.window.Edit', {
+ autoLoad: true,
+ width: 600,
+ height: 400,
+ resizable: true,
+ title: gettext('Notes'),
+ url: `/api2/extjs/nodes/${nodename}/storage/${storage}/content/${volid}`,
+ layout: 'fit',
+ items: [
+ {
+ xtype: 'textarea',
+ layout: 'fit',
+ name: 'notes',
+ height: '100%',
+ },
+ ],
+ listeners: {
+ destroy: () => reload(),
+ },
+ }).show();
+ },
+ },
+ '->',
+ storagesel,
+ '-',
+ vmidfilterCB,
+ storagefilter,
+ ],
+ },
columns: [
{
header: gettext('Name'),
- flex: 1,
+ flex: 2,
sortable: true,
renderer: PVE.Utils.render_storage_content,
- dataIndex: 'volid'
+ dataIndex: 'volid',
+ },
+ {
+ header: gettext('Notes'),
+ dataIndex: 'notes',
+ flex: 1,
+ renderer: Ext.htmlEncode,
+ },
+ {
+ header: gettext('Date'),
+ width: 150,
+ dataIndex: 'vdate',
},
{
header: gettext('Format'),
width: 100,
- dataIndex: 'format'
+ dataIndex: 'format',
},
{
header: gettext('Size'),
width: 100,
- renderer: PVE.Utils.format_size,
- dataIndex: 'size'
- }
+ renderer: Proxmox.Utils.format_size,
+ dataIndex: 'size',
+ },
+ {
+ header: gettext('VMID'),
+ dataIndex: 'vmid',
+ hidden: true,
+ },
+ {
+ header: gettext('Encrypted'),
+ dataIndex: 'encrypted',
+ renderer: PVE.Utils.render_backup_encryption,
+ },
+ {
+ header: gettext('Verify State'),
+ dataIndex: 'verification',
+ renderer: PVE.Utils.render_backup_verification,
+ },
],
- listeners: {
- activate: reload
- }
});
me.callParent();
- }
+ },
});