mirror of
https://git.proxmox.com/git/pmg-gui
synced 2025-06-05 23:55:20 +00:00
pbs: factor out snapshot grid view
Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
This commit is contained in:
Thomas Lamprecht
parent
1415738cc3
commit
8b349e01b0
@ -37,6 +37,7 @@ JSSRC= \
|
|||||||
Subscription.js \
|
Subscription.js \
|
||||||
BackupConfiguration.js \
|
BackupConfiguration.js \
|
||||||
BackupRestore.js \
|
BackupRestore.js \
|
||||||
|
PBSSnapshotView.js \
|
||||||
PBSConfig.js \
|
PBSConfig.js \
|
||||||
SystemConfiguration.js \
|
SystemConfiguration.js \
|
||||||
MailProxyRelaying.js \
|
MailProxyRelaying.js \
|
||||||
|
|||||||
197
js/PBSConfig.js
197
js/PBSConfig.js
@ -242,202 +242,6 @@ Ext.define('PMG.PBSScheduleEdit', {
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
Ext.define('PMG.PBSConfig', {
|
|
||||||
extend: 'Ext.panel.Panel',
|
|
||||||
xtype: 'pmgPBSConfig',
|
|
||||||
|
|
||||||
controller: {
|
|
||||||
xclass: 'Ext.app.ViewController',
|
|
||||||
|
|
||||||
callRestore: function(grid, record) {
|
|
||||||
let remote = this.getViewModel().get('remote');
|
|
||||||
Ext.create('PMG.RestoreWindow', {
|
|
||||||
remote: remote,
|
|
||||||
backup_id: record.data['backup-id'],
|
|
||||||
backup_time: record.data['backup-time'],
|
|
||||||
}).show();
|
|
||||||
},
|
|
||||||
|
|
||||||
restoreSnapshot: function(button) {
|
|
||||||
let me = this;
|
|
||||||
let view = me.lookup('pbsremotegrid');
|
|
||||||
let record = view.getSelection()[0];
|
|
||||||
me.callRestore(view, record);
|
|
||||||
},
|
|
||||||
|
|
||||||
runBackup: function(button) {
|
|
||||||
let me = this;
|
|
||||||
let view = me.lookup('pbsremotegrid');
|
|
||||||
let remote = me.getViewModel().get('remote');
|
|
||||||
Proxmox.Utils.API2Request({
|
|
||||||
url: `/nodes/${Proxmox.NodeName}/pbs/${remote}/snapshot`,
|
|
||||||
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,
|
|
||||||
});
|
|
||||||
win.show();
|
|
||||||
me.mon(win, 'close', function() { view.getStore().load(); });
|
|
||||||
},
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
reload: function(grid) {
|
|
||||||
let me = this;
|
|
||||||
let selection = grid.getSelection();
|
|
||||||
me.showInfo(grid, selection);
|
|
||||||
},
|
|
||||||
|
|
||||||
showInfo: function(grid, selected) {
|
|
||||||
let me = this;
|
|
||||||
let viewModel = me.getViewModel();
|
|
||||||
if (selected[0]) {
|
|
||||||
let remote = selected[0].data.remote;
|
|
||||||
viewModel.set('selected', true);
|
|
||||||
viewModel.set('remote', remote);
|
|
||||||
|
|
||||||
// set grid stores and load them
|
|
||||||
let remstore = me.lookup('pbsremotegrid').getStore();
|
|
||||||
remstore.getProxy().setUrl(`/api2/json/nodes/${Proxmox.NodeName}/pbs/${remote}/snapshot`);
|
|
||||||
remstore.load();
|
|
||||||
} else {
|
|
||||||
viewModel.set('selected', false);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
reloadSnapshots: function() {
|
|
||||||
let me = this;
|
|
||||||
let grid = me.lookup('grid');
|
|
||||||
let selection = grid.getSelection();
|
|
||||||
me.showInfo(grid, selection);
|
|
||||||
},
|
|
||||||
init: function(view) {
|
|
||||||
let me = this;
|
|
||||||
me.lookup('grid').relayEvents(view, ['activate']);
|
|
||||||
let pbsremotegrid = me.lookup('pbsremotegrid');
|
|
||||||
|
|
||||||
Proxmox.Utils.monStoreErrors(pbsremotegrid, pbsremotegrid.getStore(), true);
|
|
||||||
},
|
|
||||||
|
|
||||||
control: {
|
|
||||||
'grid[reference=grid]': {
|
|
||||||
selectionchange: 'showInfo',
|
|
||||||
load: 'reload',
|
|
||||||
},
|
|
||||||
'grid[reference=pbsremotegrid]': {
|
|
||||||
itemdblclick: 'restoreSnapshot',
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
viewModel: {
|
|
||||||
data: {
|
|
||||||
remote: '',
|
|
||||||
selected: false,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
layout: 'border',
|
|
||||||
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
region: 'center',
|
|
||||||
reference: 'grid',
|
|
||||||
xtype: 'pmgPBSConfigGrid',
|
|
||||||
border: false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
xtype: 'grid',
|
|
||||||
region: 'south',
|
|
||||||
reference: 'pbsremotegrid',
|
|
||||||
hidden: true,
|
|
||||||
height: '70%',
|
|
||||||
border: false,
|
|
||||||
split: true,
|
|
||||||
emptyText: gettext('No backups on remote'),
|
|
||||||
tbar: [
|
|
||||||
{
|
|
||||||
xtype: 'proxmoxButton',
|
|
||||||
text: gettext('Backup'),
|
|
||||||
handler: 'runBackup',
|
|
||||||
selModel: false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
xtype: 'proxmoxButton',
|
|
||||||
text: gettext('Restore'),
|
|
||||||
handler: 'restoreSnapshot',
|
|
||||||
disabled: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
xtype: 'proxmoxStdRemoveButton',
|
|
||||||
text: gettext('Forget Snapshot'),
|
|
||||||
disabled: true,
|
|
||||||
getUrl: function(rec) {
|
|
||||||
let me = this;
|
|
||||||
let remote = me.lookupViewModel().get('remote');
|
|
||||||
let snapshot = `${rec.data['backup-id']}/${rec.data['backup-time']}`;
|
|
||||||
return `/nodes/${Proxmox.NodeName}/pbs/${remote}/snapshot/${snapshot}`;
|
|
||||||
},
|
|
||||||
confirmMsg: function(rec) {
|
|
||||||
let me = this;
|
|
||||||
let snapshot = `${rec.data['backup-id']}/${rec.data['backup-time']}`;
|
|
||||||
return Ext.String.format(
|
|
||||||
gettext('Are you sure you want to forget snapshot {0}'),
|
|
||||||
`'${snapshot}'`,
|
|
||||||
);
|
|
||||||
},
|
|
||||||
callback: 'reloadSnapshots',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
store: {
|
|
||||||
fields: ['time', 'size', 'ctime', 'encrypted'],
|
|
||||||
proxy: { type: 'proxmox' },
|
|
||||||
sorters: [
|
|
||||||
{
|
|
||||||
property: 'time',
|
|
||||||
direction: 'DESC',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
bind: {
|
|
||||||
title: Ext.String.format(gettext("Backup snapshots on '{0}'"), '{remote}'),
|
|
||||||
hidden: '{!selected}',
|
|
||||||
},
|
|
||||||
columns: [
|
|
||||||
{
|
|
||||||
text: 'Group ID',
|
|
||||||
dataIndex: 'backup-id',
|
|
||||||
flex: 1,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'Time',
|
|
||||||
dataIndex: 'backup-time',
|
|
||||||
width: 180,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'Size',
|
|
||||||
dataIndex: 'size',
|
|
||||||
renderer: Proxmox.Utils.format_size,
|
|
||||||
flex: 1,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'Encrypted',
|
|
||||||
dataIndex: 'encrypted',
|
|
||||||
hidden: true, // FIXME: actually return from API
|
|
||||||
renderer: Proxmox.Utils.format_boolean,
|
|
||||||
flex: 1,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
],
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
Ext.define('pmg-pbs-config', {
|
Ext.define('pmg-pbs-config', {
|
||||||
extend: 'Ext.data.Model',
|
extend: 'Ext.data.Model',
|
||||||
fields: ['remote', 'server', 'datastore', 'username', 'disabled'],
|
fields: ['remote', 'server', 'datastore', 'username', 'disabled'],
|
||||||
@ -604,4 +408,3 @@ Ext.define('PMG.PBSConfigGrid', {
|
|||||||
],
|
],
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
195
js/PBSSnapshotView.js
Normal file
195
js/PBSSnapshotView.js
Normal file
@ -0,0 +1,195 @@
|
|||||||
|
Ext.define('PMG.PBSConfig', {
|
||||||
|
extend: 'Ext.panel.Panel',
|
||||||
|
xtype: 'pmgPBSConfig',
|
||||||
|
|
||||||
|
controller: {
|
||||||
|
xclass: 'Ext.app.ViewController',
|
||||||
|
|
||||||
|
callRestore: function(grid, record) {
|
||||||
|
let remote = this.getViewModel().get('remote');
|
||||||
|
Ext.create('PMG.RestoreWindow', {
|
||||||
|
remote: remote,
|
||||||
|
backup_id: record.data['backup-id'],
|
||||||
|
backup_time: record.data['backup-time'],
|
||||||
|
}).show();
|
||||||
|
},
|
||||||
|
|
||||||
|
restoreSnapshot: function(button) {
|
||||||
|
let me = this;
|
||||||
|
let view = me.lookup('pbsremotegrid');
|
||||||
|
let record = view.getSelection()[0];
|
||||||
|
me.callRestore(view, record);
|
||||||
|
},
|
||||||
|
|
||||||
|
runBackup: function(button) {
|
||||||
|
let me = this;
|
||||||
|
let view = me.lookup('pbsremotegrid');
|
||||||
|
let remote = me.getViewModel().get('remote');
|
||||||
|
Proxmox.Utils.API2Request({
|
||||||
|
url: `/nodes/${Proxmox.NodeName}/pbs/${remote}/snapshot`,
|
||||||
|
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,
|
||||||
|
});
|
||||||
|
win.show();
|
||||||
|
me.mon(win, 'close', function() { view.getStore().load(); });
|
||||||
|
},
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
reload: function(grid) {
|
||||||
|
let me = this;
|
||||||
|
let selection = grid.getSelection();
|
||||||
|
me.showInfo(grid, selection);
|
||||||
|
},
|
||||||
|
|
||||||
|
showInfo: function(grid, selected) {
|
||||||
|
let me = this;
|
||||||
|
let viewModel = me.getViewModel();
|
||||||
|
if (selected[0]) {
|
||||||
|
let remote = selected[0].data.remote;
|
||||||
|
viewModel.set('selected', true);
|
||||||
|
viewModel.set('remote', remote);
|
||||||
|
|
||||||
|
// set grid stores and load them
|
||||||
|
let remstore = me.lookup('pbsremotegrid').getStore();
|
||||||
|
remstore.getProxy().setUrl(`/api2/json/nodes/${Proxmox.NodeName}/pbs/${remote}/snapshot`);
|
||||||
|
remstore.load();
|
||||||
|
} else {
|
||||||
|
viewModel.set('selected', false);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
reloadSnapshots: function() {
|
||||||
|
let me = this;
|
||||||
|
let grid = me.lookup('grid');
|
||||||
|
let selection = grid.getSelection();
|
||||||
|
me.showInfo(grid, selection);
|
||||||
|
},
|
||||||
|
init: function(view) {
|
||||||
|
let me = this;
|
||||||
|
me.lookup('grid').relayEvents(view, ['activate']);
|
||||||
|
let pbsremotegrid = me.lookup('pbsremotegrid');
|
||||||
|
|
||||||
|
Proxmox.Utils.monStoreErrors(pbsremotegrid, pbsremotegrid.getStore(), true);
|
||||||
|
},
|
||||||
|
|
||||||
|
control: {
|
||||||
|
'grid[reference=grid]': {
|
||||||
|
selectionchange: 'showInfo',
|
||||||
|
load: 'reload',
|
||||||
|
},
|
||||||
|
'grid[reference=pbsremotegrid]': {
|
||||||
|
itemdblclick: 'restoreSnapshot',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
viewModel: {
|
||||||
|
data: {
|
||||||
|
remote: '',
|
||||||
|
selected: false,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
layout: 'border',
|
||||||
|
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
region: 'center',
|
||||||
|
reference: 'grid',
|
||||||
|
xtype: 'pmgPBSConfigGrid',
|
||||||
|
border: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype: 'grid',
|
||||||
|
region: 'south',
|
||||||
|
reference: 'pbsremotegrid',
|
||||||
|
hidden: true,
|
||||||
|
height: '70%',
|
||||||
|
border: false,
|
||||||
|
split: true,
|
||||||
|
emptyText: gettext('No backups on remote'),
|
||||||
|
tbar: [
|
||||||
|
{
|
||||||
|
xtype: 'proxmoxButton',
|
||||||
|
text: gettext('Backup'),
|
||||||
|
handler: 'runBackup',
|
||||||
|
selModel: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype: 'proxmoxButton',
|
||||||
|
text: gettext('Restore'),
|
||||||
|
handler: 'restoreSnapshot',
|
||||||
|
disabled: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype: 'proxmoxStdRemoveButton',
|
||||||
|
text: gettext('Forget Snapshot'),
|
||||||
|
disabled: true,
|
||||||
|
getUrl: function(rec) {
|
||||||
|
let me = this;
|
||||||
|
let remote = me.lookupViewModel().get('remote');
|
||||||
|
let snapshot = `${rec.data['backup-id']}/${rec.data['backup-time']}`;
|
||||||
|
return `/nodes/${Proxmox.NodeName}/pbs/${remote}/snapshot/${snapshot}`;
|
||||||
|
},
|
||||||
|
confirmMsg: function(rec) {
|
||||||
|
let me = this;
|
||||||
|
let snapshot = `${rec.data['backup-id']}/${rec.data['backup-time']}`;
|
||||||
|
return Ext.String.format(
|
||||||
|
gettext('Are you sure you want to forget snapshot {0}'),
|
||||||
|
`'${snapshot}'`,
|
||||||
|
);
|
||||||
|
},
|
||||||
|
callback: 'reloadSnapshots',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
store: {
|
||||||
|
fields: ['time', 'size', 'ctime', 'encrypted'],
|
||||||
|
proxy: { type: 'proxmox' },
|
||||||
|
sorters: [
|
||||||
|
{
|
||||||
|
property: 'time',
|
||||||
|
direction: 'DESC',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
bind: {
|
||||||
|
title: Ext.String.format(gettext("Backup snapshots on '{0}'"), '{remote}'),
|
||||||
|
hidden: '{!selected}',
|
||||||
|
},
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
text: 'Group ID',
|
||||||
|
dataIndex: 'backup-id',
|
||||||
|
flex: 1,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: 'Time',
|
||||||
|
dataIndex: 'backup-time',
|
||||||
|
width: 180,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: 'Size',
|
||||||
|
dataIndex: 'size',
|
||||||
|
renderer: Proxmox.Utils.format_size,
|
||||||
|
flex: 1,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: 'Encrypted',
|
||||||
|
dataIndex: 'encrypted',
|
||||||
|
hidden: true, // FIXME: actually return from API
|
||||||
|
renderer: Proxmox.Utils.format_boolean,
|
||||||
|
flex: 1,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
|
||||||
|
});
|
||||||
Loading…
Reference in New Issue
Block a user