pmg-gui/js/BackupRestore.js
Stoiko Ivanov d944805ac4 add PBSConfig tab to Backup menu
The PBSConfig panel enables creation/editing/deletion of PBS instances.
Each instance can lists its snapshots and each snapshot can be restored

Inspired by the LDAPConfig panel and PBSEdit from pve-manager.

Signed-off-by: Stoiko Ivanov <s.ivanov@proxmox.com>
2020-11-17 12:34:03 +01:00

193 lines
3.9 KiB
JavaScript

Ext.define('pmg-backup-list', {
extend: 'Ext.data.Model',
fields: [
'filename',
{ type: 'integer', name: 'size' },
{ type: 'date', dateFormat: 'timestamp', name: 'timestamp' },
],
proxy: {
type: 'proxmox',
url: "/api2/json/nodes/" + Proxmox.NodeName + "/backup",
},
idProperty: 'filename',
});
Ext.define('PMG.RestoreWindow', {
extend: 'Proxmox.window.Edit',
xtype: 'pmgRestoreWindow',
onlineHelp: 'chapter_pmgbackup',
showProgress: true,
title: gettext('Restore'),
isCreate: true,
method: 'POST',
submitText: gettext('Restore'),
fieldDefaults: {
labelWidth: 150,
},
initComponent: function() {
let me = this;
me.items = [
{
xtype: 'proxmoxcheckbox',
name: 'config',
fieldLabel: gettext('System Configuration'),
},
{
xtype: 'proxmoxcheckbox',
name: 'database',
value: 1,
uncheckedValue: 0,
fieldLabel: gettext('Rule Database'),
listeners: {
change: function(field, value) {
field.nextSibling('field[name=statistic]').setDisabled(!value);
},
},
},
{
xtype: 'proxmoxcheckbox',
name: 'statistic',
fieldLabel: gettext('Statistic'),
},
];
let initurl = "/nodes/" + Proxmox.NodeName;
if (me.filename) {
me.url = initurl + "/backup/" + encodeURIComponent(me.filename);
} else if (me.backup_time) {
me.items.push(
{
xtype: 'hiddenfield',
name: 'backup-time',
value: me.backup_time,
},
);
me.url = initurl + "/pbs/" + me.name + '/restore';
} else {
throw "neither filename nor snapshot given";
}
me.callParent();
},
});
Ext.define('PMG.BackupRestore', {
extend: 'Ext.grid.GridPanel',
xtype: 'pmgBackupRestore',
title: gettext('Backup') + '/' + gettext('Restore'),
controller: {
xclass: 'Ext.app.ViewController',
createBackup: function() {
let view = this.getView();
Proxmox.Utils.API2Request({
url: "/nodes/" + Proxmox.NodeName + "/backup",
method: 'POST',
waitMsgTarget: view,
failure: function(response, opts) {
Ext.Msg.alert(gettext('Error'), response.htmlStatus);
},
success: function(response, opts) {
let upid = response.result.data;
let win = Ext.create('Proxmox.window.TaskViewer', {
upid: upid,
autoShow: true,
});
view.mon(win, 'close', () => view.store.load());
},
});
},
onRestore: function() {
let view = this.getView();
let rec = view.getSelection()[0];
if (!(rec && rec.data && rec.data.filename)) {
return;
}
Ext.create('PMG.RestoreWindow', {
filename: rec.data.filename,
}).show();
},
onAfterRemove: function(btn, res) {
let view = this.getView();
view.store.load();
},
},
tbar: [
{
text: gettext('Backup'),
handler: 'createBackup',
},
'-',
{
xtype: 'proxmoxButton',
text: gettext('Restore'),
handler: 'onRestore',
disabled: true,
},
{
xtype: 'proxmoxStdRemoveButton',
baseurl: '/nodes/' + Proxmox.NodeName + '/backup',
reference: 'removeBtn',
callback: 'onAfterRemove',
waitMsgTarget: true,
},
],
store: {
autoLoad: true,
model: 'pmg-backup-list',
sorters: [
{
property: 'timestamp',
direction: 'DESC',
},
],
},
columns: [
{
header: gettext('Filename'),
width: 300,
sortable: true,
renderer: Ext.htmlEncode,
dataIndex: 'filename',
},
{
xtype: 'datecolumn',
header: gettext('Time'),
width: 150,
format: 'Y-m-d H:i',
sortable: true,
dataIndex: 'timestamp',
},
{
header: gettext('Size'),
width: 100,
sortable: true,
renderer: Proxmox.Utils.format_size,
dataIndex: 'size',
},
{
header: gettext('Download'),
renderer: function(filename) {
return "<a class='download' href='" +
"/api2/json/nodes/" + Proxmox.NodeName + "/backup/" + encodeURIComponent(filename) +
"'><i class='fa fa-fw fa-download'</i></a>";
},
dataIndex: 'filename',
},
],
});