-Ext.define('PMG.PBSInputPanel', {
- extend: 'Ext.tab.Panel',
- xtype: 'pmgPBSInputPanel',
- mixins: ['Proxmox.Mixin.CBind'],
-
- bodyPadding: 10,
- remoteId: undefined,
-
- cbindData: function(initialConfig) {
- let me = this;
-
- me.isCreate = initialConfig.isCreate || !initialConfig.remoteId;
- return {
- unsetValue: me.isCreate ? null : undefined,
- };
- },
-
- items: [
- {
- title: gettext('Backup Server'),
- xtype: 'inputpanel',
- reference: 'remoteeditpanel',
- onGetValues: function(values) {
- values.disable = values.enable ? 0 : 1;
- delete values.enable;
- return values;
- },
-
- column1: [
- {
- xtype: 'pmxDisplayEditField',
- name: 'remote',
- cbind: {
- value: '{unsetValue}',
- editable: '{isCreate}',
- },
- fieldLabel: gettext('ID'),
- allowBlank: false,
- },
- {
- xtype: 'proxmoxtextfield',
- name: 'server',
- cbind: {
- value: '{unsetValue}',
- },
- vtype: 'DnsOrIp',
- fieldLabel: gettext('Server'),
- allowBlank: false,
- },
- {
- xtype: 'proxmoxtextfield',
- name: 'datastore',
- cbind: {
- value: '{unsetValue}',
- },
- fieldLabel: 'Datastore',
- allowBlank: false,
- },
- ],
- column2: [
- {
- xtype: 'proxmoxtextfield',
- name: 'username',
- cbind: {
- value: '{unsetValue}',
- },
- emptyText: gettext('Example') + ': admin@pbs',
- fieldLabel: gettext('Username'),
- regex: /\S+@\w+/,
- regexText: gettext('Example') + ': admin@pbs',
- allowBlank: false,
- },
- {
- xtype: 'proxmoxtextfield',
- inputType: 'password',
- name: 'password',
- cbind: {
- value: '{unsetValue}',
- allowBlank: '{!isCreate}',
- emptyText: (get) => get('isCreate') ? '' : gettext('Unchanged'),
- },
- fieldLabel: gettext('Password'),
- },
- {
- xtype: 'proxmoxcheckbox',
- name: 'enable',
- checked: true,
- uncheckedValue: 0,
- fieldLabel: gettext('Enable'),
- },
- ],
- columnB: [
- {
- xtype: 'proxmoxtextfield',
- name: 'fingerprint',
- cbind: {
- value: '{unsetValue}',
- },
- fieldLabel: gettext('Fingerprint'),
- emptyText: gettext('Server certificate SHA-256 fingerprint, required for self-signed certificates'),
- regex: /[A-Fa-f0-9]{2}(:[A-Fa-f0-9]{2}){31}/,
- regexText: gettext('Example') + ': AB:CD:EF:...',
- allowBlank: true,
- },
- ],
- },
- {
- title: gettext('Prune Options'),
- xtype: 'inputpanel',
- reference: 'prunepanel',
- defaults: {
- // set nested, else we'd only set the defaults for the two column containers
- defaults: {
- minValue: 1,
- labelWidth: 100,
- allowBlank: true,
- },
- },
- column1: [
- {
- xtype: 'proxmoxintegerfield',
- fieldLabel: gettext('Keep Last'),
- name: 'keep-last',
- cbind: {
- deleteEmpty: (get) => !get('isCreate'),
- },
- },
- {
- xtype: 'proxmoxintegerfield',
- fieldLabel: gettext('Keep Daily'),
- name: 'keep-daily',
- cbind: {
- deleteEmpty: (get) => !get('isCreate'),
- },
- },
- {
- xtype: 'proxmoxintegerfield',
- fieldLabel: gettext('Keep Monthly'),
- name: 'keep-monthly',
- },
- ],
- column2: [
- {
- xtype: 'proxmoxintegerfield',
- fieldLabel: gettext('Keep Hourly'),
- name: 'keep-hourly',
- },
- {
- xtype: 'proxmoxintegerfield',
- fieldLabel: gettext('Keep Weekly'),
- name: 'keep-weekly',
- },
- {
- xtype: 'proxmoxintegerfield',
- fieldLabel: gettext('Keep Yearly'),
- name: 'keep-yearly',
- },
- ],
- },
- ],
-});
-
-Ext.define('PMG.PBSEdit', {
- extend: 'Proxmox.window.Edit',
- xtype: 'pmgPBSEdit',
-
- subject: 'Proxmox Backup Server',
- isAdd: true,
-
- bodyPadding: 0,
-
- initComponent: function() {
- let me = this;
-
- me.isCreate = !me.remoteId;
-
- if (me.isCreate) {
- me.url = '/api2/extjs/config/pbs';
- me.method = 'POST';
- } else {
- me.url = '/api2/extjs/config/pbs/' + me.remoteId;
- me.method = 'PUT';
- }
-
- let ipanel = Ext.create('PMG.PBSInputPanel', {
- isCreate: me.isCreate,
- remoteId: me.remoteId,
- });
-
- me.items = [ipanel];
-
- me.fieldDefaults = {
- labelWidth: 150,
- };
-
- me.callParent();
-
- if (!me.isCreate) {
- me.load({
- success: function(response, options) {
- let values = response.result.data;
-
- values.enable = values.disable ? 0 : 1;
- me.down('inputpanel[reference=remoteeditpanel]').setValues(values);
- me.down('inputpanel[reference=prunepanel]').setValues(values);
- },
- });
- }
- },
-});
-
Ext.define('PMG.PBSScheduleEdit', {
extend: 'Proxmox.window.Edit',
xtype: 'pmgPBSScheduleEdit',
+ onlineHelp: 'pmgbackup_pbs_schedule',
isAdd: true,
+ isCreate: true,
+ submitText: gettext('Set'),
+
method: 'POST',
- subject: gettext('Scheduled Backup'),
+ title: gettext('Configure Scheduled Backup'),
autoLoad: true,
items: [
{
name: 'schedule',
fieldLabel: gettext('Schedule'),
comboItems: [
- ['daily', 'daily'],
['hourly', 'hourly'],
+ ['daily', 'daily'],
['weekly', 'weekly'],
['monthly', 'monthly'],
],
editable: true,
- emptyText: 'Systemd Calender Event',
+ deleteEmpty: false,
+ emptyText: gettext('daily'),
},
{
xtype: 'proxmoxKVComboBox',
name: 'delay',
fieldLabel: gettext('Random Delay'),
comboItems: [
- ['0s', 'no delay'],
+ ['0s', gettext('No Delay')],
['15 minutes', '15 Minutes'],
['6 hours', '6 hours'],
],
editable: true,
- emptyText: 'Systemd TimeSpan',
+ deleteEmpty: false,
+ emptyText: gettext('5 Minutes'),
},
],
initComponent: function() {
},
});
-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', {
extend: 'Ext.data.Model',
fields: ['remote', 'server', 'datastore', 'username', 'disabled'],
let win = Ext.createWidget('pmgPBSEdit', {
remoteId: rec.data.remote,
+ autoLoad: true,
+ autoShow: true,
});
win.on('destroy', me.reload, me);
- win.load();
- win.show();
},
newRemote: function() {
let me = this;
let view = me.getView();
view.getStore().load();
- view.fireEvent('load', view);
- },
-
- createSchedule: function() {
- let me = this;
- let view = me.getView();
- let rec = view.getSelection()[0];
- let remotename = rec.data.remote;
- let win = Ext.createWidget('pmgPBSScheduleEdit', {
- remote: remotename,
- });
- win.on('destroy', me.reload, me);
- win.show();
},
init: function(view) {
let me = this;
Proxmox.Utils.monStoreErrors(view, view.getStore(), true);
},
-
},
store: {
model: 'pmg-pbs-config',
sorters: [{
property: 'remote',
- order: 'DESC',
+ direction: 'ASC',
}],
},
tbar: [
+ {
+ text: gettext('Add Remote'),
+ handler: 'newRemote',
+ },
+ '-',
{
xtype: 'proxmoxButton',
text: gettext('Edit'),
disabled: true,
handler: 'run_editor',
},
- {
- text: gettext('Create'),
- handler: 'newRemote',
- },
{
xtype: 'proxmoxStdRemoveButton',
baseurl: '/config/pbs',
callback: 'reload',
},
+ '->',
{
- xtype: 'proxmoxButton',
- text: gettext('Schedule'),
- enableFn: function(rec) {
- return !rec.data.disable;
- },
- disabled: true,
- handler: 'createSchedule',
- },
- {
- xtype: 'proxmoxStdRemoveButton',
- baseurl: '/nodes/' + Proxmox.NodeName + '/pbs/',
- callback: 'reload',
- text: gettext('Remove Schedule'),
- confirmMsg: function(rec) {
- let me = this;
- let remote = rec.getId();
- return Ext.String.format(gettext('Are you sure you want to remove the schedule for {0}'), `'${remote}'`);
- },
- getUrl: function(rec) {
- let me = this;
- return me.baseurl + '/' + rec.getId() + '/timer';
- },
+ text: gettext('Reload'),
+ iconCls: 'fa fa-refresh',
+ handler: 'reload',
},
],
header: gettext('Encryption'),
width: 80,
sortable: true,
+ hidden: true, // for now
dataIndex: 'encryption-key',
renderer: Proxmox.Utils.format_boolean,
},
],
});
-
projects / pmg-gui.git / blobdiff