pmg-gui/js/PBSSnapshotView.js

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('snapshotsGrid');
	    let record = view.getSelection()[0];
	    me.callRestore(view, record);
	},

	runBackup: function(button) {
	    let me = this;
	    let view = me.lookup('snapshotsGrid');
	    let remote = me.getViewModel().get('remote');
	    Ext.create('PMG.BackupWindow', {
		url: `/nodes/${Proxmox.NodeName}/pbs/${remote}/snapshot`,
		taskDone: () => view.getStore().load(),
	    }).show();
	},

	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('snapshotsGrid').getStore();
		remstore
		    .getProxy()
		    .setUrl(`/api2/json/nodes/${Proxmox.NodeName}/pbs/${remote}/snapshot`);
		remstore.load();

		let scheduleStore = me.lookup('schedulegrid').rstore;
		scheduleStore
		    .getProxy()
		    .setUrl(`/api2/json/nodes/${Proxmox.NodeName}/pbs/${remote}/timer`);
		scheduleStore.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 remoteGrid = me.lookup('grid');
	    view.mon(remoteGrid.store, 'load', function(store, r, success, o) {
		if (success) {
		    remoteGrid.getSelectionModel().select(0);
		}
	    });

	    let snapshotGrid = me.lookup('snapshotsGrid');
	    let schedulegrid = me.lookup('schedulegrid');

	    Proxmox.Utils.monStoreErrors(snapshotGrid, snapshotGrid.getStore(), true);
	    Proxmox.Utils.monStoreErrors(schedulegrid, schedulegrid.getStore(), true);
	},

	control: {
	    'grid[reference=grid]': {
		selectionchange: 'showInfo',
		load: 'reload',
	    },
	    'grid[reference=snapshotsGrid]': {
		itemdblclick: 'restoreSnapshot',
	    },
	},
    },

    viewModel: {
	data: {
	    remote: '',
	    selected: false,
	},
    },

    layout: 'border',

    items: [
	{
	    xtype: 'pmgPBSConfigGrid',
	    reference: 'grid',
	    title: gettext('Remote'),
	    hidden: false,
	    region: 'center',
	    minHeight: 130,
	    border: false,
	},
	{
	    xtype: 'proxmoxObjectGrid',
	    region: 'south',
	    reference: 'schedulegrid',
	    title: gettext('Schedule'),
	    height: 155,
	    border: false,
	    hidden: true,
	    emptyText: gettext('No schedule setup.'),
	    tbar: [
		{
		    text: gettext('Set Schedule'),
		    handler: function() {
			let me = this;
			let remote = me.lookupViewModel().get('remote');
			let win = Ext.createWidget('pmgPBSScheduleEdit', {
			    remote: remote,
			    autoShow: true,
			});
			win.on('destroy', () => me.up('grid').rstore.load());
		    },
		},
		{
		    xtype: 'proxmoxStdRemoveButton',
		    baseurl: `/nodes/${Proxmox.NodeName}/pbs/`,
		    callback: function() {
			this.up('grid').rstore.load();
		    },
		    text: gettext('Remove Schedule'),
		    selModel: false,
		    confirmMsg: function(_rec) {
			let me = this;
			let remote = me.lookupViewModel().get('remote');
			return Ext.String.format(
			    gettext('Are you sure you want to remove the schedule for {0}'),
			    `'${remote}'`,
			);
		    },
		    getUrl: function(_rec) {
			let remote = this.lookupViewModel().get('remote');
			return `${this.baseurl}/${remote}/timer`;
		    },
		},
		'->',
		{
		    text: gettext('Reload'),
		    iconCls: 'fa fa-refresh',
		    handler: function() {
			this.up('grid').rstore.load();
		    },
		},
	    ],
	    bind: {
		title: Ext.String.format(gettext("Schedule on '{0}'"), '{remote}'),
		hidden: '{!selected}',
	    },
	    url: '/', // hack, obj. grid is a bit dumb..
	    rows: {
		schedule: {
		    text: gettext('Schedule'),
		    required: true,
		    defaultValue: gettext('None'),
		},
		delay: {
		    text: gettext('Delay'),
		},
		'next-run': {
		    text: gettext('Next Run'),
		},
	    },
	},
	{
	    xtype: 'grid',
	    region: 'south',
	    reference: 'snapshotsGrid',
	    height: '50%',
	    border: false,
	    split: true,
	    hidden: true,
	    emptyText: gettext('No backups on remote'),
	    tbar: [
		{
		    text: gettext('Backup Now'),
		    handler: 'runBackup',
		},
		'-',
		{
		    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',
		},
		'->',
		{
		    text: gettext('Reload'),
		    iconCls: 'fa fa-refresh',
		    handler: function() {
			this.up('grid').store.load();
		    },
		},
	    ],
	    store: {
		fields: ['backup-id', 'backup-time', 'size', 'ctime', 'encrypted'],
		proxy: { type: 'proxmox' },
		sorters: [
		    {
			property: 'backup-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.render_size,
		    flex: 1,
		},
		{
		    text: 'Encrypted',
		    dataIndex: 'encrypted',
		    hidden: true, // FIXME: actually return from API
		    renderer: Proxmox.Utils.format_boolean,
		    flex: 1,
		},
	    ],
	},
    ],

});