]> git.proxmox.com Git - pmg-gui.git/blobdiff - js/PBSConfig.js
objects: add separator between match field selector and description
[pmg-gui.git] / js / PBSConfig.js
index 9a14d6d71bbe56394287182bc933125497a49c60..3f09ccc49be11b687c0fe453a7f6549ad5b99bcd 100644 (file)
-Ext.define('Proxmox.form.PBSEncryptionCheckbox', {
-    extend: 'Ext.form.field.Checkbox',
-    xtype: 'pbsEncryptionCheckbox',
-
-    inputValue: true,
-
-    viewModel: {
-       data: {
-           value: null,
-           originalValue: null,
-       },
-       formulas: {
-           blabel: (get) => {
-               let v = get('value');
-               let original = get('originalValue');
-               if (!get('isCreate') && original) {
-                   if (!v) {
-                       return gettext('Warning: Existing encryption key will be deleted!');
-                   }
-                   return gettext('Active');
-               } else {
-                   return gettext('Auto-generate a client encryption key, saved privately in /etc/pmg');
-               }
-           },
-       },
-    },
-
-    bind: {
-       value: '{value}',
-       boxLabel: '{blabel}',
-    },
-    resetOriginalValue: function() {
-       let me = this;
-       let vm = me.getViewModel();
-       vm.set('originalValue', me.value);
-
-       me.callParent(arguments);
-    },
-
-    getSubmitData: function() {
-       let me = this;
-       let val = me.getSubmitValue();
-       if (!me.isCreate) {
-           if (val === null) {
-              return { 'delete': 'encryption-key' };
-           } else if (val && !!val !== !!me.originalValue) {
-              return { 'encryption-key': 'autogen' };
-           }
-       } else if (val) {
-          return { 'encryption-key': 'autogen' };
-       }
-       return null;
-    },
-
-    initComponent: function() {
-       let me = this;
-       me.callParent();
-
-       let vm = me.getViewModel();
-       vm.set('isCreate', me.isCreate);
-    },
-});
-
-Ext.define('PMG.PBSInputPanel', {
-    extend: 'Ext.tab.Panel',
-    xtype: 'pmgPBSInputPanel',
-
-    bodyPadding: 10,
-    remoteId: undefined,
-
-    initComponent: function() {
-       let me = this;
-
-       me.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: me.isCreate ? 'textfield' : 'displayfield',
-                       name: 'remote',
-                       value: me.isCreate ? null : undefined,
-                       fieldLabel: gettext('ID'),
-                       allowBlank: false,
-                   },
-                   {
-                       xtype: 'proxmoxtextfield',
-                       name: 'server',
-                       value: me.isCreate ? null : undefined,
-                       vtype: 'DnsOrIp',
-                       fieldLabel: gettext('Server'),
-                       allowBlank: false,
-                   },
-                   {
-                       xtype: 'proxmoxtextfield',
-                       name: 'datastore',
-                       value: me.isCreate ? null : undefined,
-                       fieldLabel: 'Datastore',
-                       allowBlank: false,
-                   },
-               ],
-               column2: [
-                   {
-                       xtype: 'proxmoxtextfield',
-                       name: 'username',
-                       value: me.isCreate ? null : undefined,
-                       emptyText: gettext('Example') + ': admin@pbs',
-                       fieldLabel: gettext('Username'),
-                       regex: /\S+@\w+/,
-                       regexText: gettext('Example') + ': admin@pbs',
-                       allowBlank: false,
-                   },
-                   {
-                       xtype: 'proxmoxtextfield',
-                       inputType: 'password',
-                       name: 'password',
-                       value: me.isCreate ? null : undefined,
-                       emptyText: me.isCreate ? gettext('None') : '********',
-                       fieldLabel: gettext('Password'),
-                       allowBlank: true,
-                   },
-                   {
-                       xtype: 'proxmoxcheckbox',
-                       name: 'enable',
-                       checked: true,
-                       uncheckedValue: 0,
-                       fieldLabel: gettext('Enable'),
-                   },
-               ],
-               columnB: [
-                   {
-                       xtype: 'proxmoxtextfield',
-                       name: 'fingerprint',
-                       value: me.isCreate ? null : undefined,
-                       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,
-                   },
-                   {
-                       xtype: 'pbsEncryptionCheckbox',
-                       name: 'encryption-key',
-                       isCreate: me.isCreate,
-                       fieldLabel: gettext('Encryption Key'),
-                   },
-                   {
-                       xtype: 'displayfield',
-                       userCls: 'pmx-hint',
-                       value: `Proxmox Backup Server is currently in beta.`,
-                   },
-               ],
-           },
-           {
-               title: gettext('Prune Options'),
-               xtype: 'inputpanel',
-               reference: 'prunepanel',
-               column1: [
-                   {
-                       xtype: 'proxmoxintegerfield',
-                       fieldLabel: gettext('Keep Last'),
-                       name: 'keep-last',
-                       cbind: {
-                           deleteEmpty: '{!isCreate}',
-                       },
-                       minValue: 1,
-                       allowBlank: true,
-                   },
-                   {
-                       xtype: 'proxmoxintegerfield',
-                       fieldLabel: gettext('Keep Daily'),
-                       name: 'keep-daily',
-                       cbind: {
-                           deleteEmpty: '{!isCreate}',
-                       },
-                       minValue: 1,
-                       allowBlank: true,
-                   },
-                   {
-                       xtype: 'proxmoxintegerfield',
-                       fieldLabel: gettext('Keep Monthly'),
-                       name: 'keep-monthly',
-                       cbind: {
-                           deleteEmpty: '{!isCreate}',
-                       },
-                       minValue: 1,
-                       allowBlank: true,
-                   },
-               ],
-               column2: [
-                   {
-                       xtype: 'proxmoxintegerfield',
-                       fieldLabel: gettext('Keep Hourly'),
-                       name: 'keep-hourly',
-                       cbind: {
-                           deleteEmpty: '{!isCreate}',
-                       },
-                       minValue: 1,
-                       allowBlank: true,
-                   },
-                   {
-                       xtype: 'proxmoxintegerfield',
-                       fieldLabel: gettext('Keep Weekly'),
-                       name: 'keep-weekly',
-                       cbind: {
-                           deleteEmpty: '{!isCreate}',
-                       },
-                       minValue: 1,
-                       allowBlank: true,
-                   },
-                   {
-                       xtype: 'proxmoxintegerfield',
-                       fieldLabel: gettext('Keep Yearly'),
-                       name: 'keep-yearly',
-                       cbind: {
-                           deleteEmpty: '{!isCreate}',
-                       },
-                       minValue: 1,
-                       allowBlank: true,
-                   },
-               ],
-           },
-       ];
-
-       me.callParent();
-    },
-
-});
-
-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: [
        {
@@ -298,219 +16,37 @@ Ext.define('PMG.PBSScheduleEdit', {
            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() {
        let me = this;
 
-       me.url = '/nodes/' + Proxmox.NodeName + '/pbs/' + me.remote + '/timer';
+       me.url = `/nodes/${Proxmox.NodeName}/pbs/${me.remote}/timer`;
        me.callParent();
     },
 });
 
-Ext.define('PMG.PBSConfig', {
-    extend: 'Ext.panel.Panel',
-    xtype: 'pmgPBSConfig',
-
-    controller: {
-       xclass: 'Ext.app.ViewController',
-
-       callRestore: function(grid, record) {
-           let name = this.getViewModel().get('name');
-           Ext.create('PMG.RestoreWindow', {
-               name: name,
-               backup_time: record.data.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 name = me.getViewModel().get('name');
-           Proxmox.Utils.API2Request({
-               url: "/nodes/" + Proxmox.NodeName + "/pbs/" + name + "/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,
-                   });
-                   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 name = selected[0].data.remote;
-               viewModel.set('selected', true);
-               viewModel.set('name', name);
-
-               // set grid stores and load them
-               let remstore = me.lookup('pbsremotegrid').getStore();
-               remstore.getProxy().setUrl('/api2/json/nodes/' + Proxmox.NodeName + '/pbs/' + name + '/snapshots');
-               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: {
-           name: '',
-           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('name');
-                       return '/nodes/' + Proxmox.NodeName + '/pbs/' + remote +'/snapshots/'+ rec.data.time;
-                   },
-                   confirmMsg: function(rec) {
-                       let me = this;
-                       let time = rec.data.time;
-                       return Ext.String.format(gettext('Are you sure you want to forget snapshot {0}'), `'${time}'`);
-                   },
-                   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}'"), '{name}'),
-               hidden: '{!selected}',
-           },
-           columns: [
-               {
-                   text: 'Time',
-                   dataIndex: 'time',
-                   flex: 1,
-               },
-               {
-                   text: 'Size',
-                   dataIndex: 'size',
-                   flex: 1,
-               },
-               {
-                   text: 'Encrypted',
-                   dataIndex: 'encrypted',
-                   renderer: Proxmox.Utils.format_boolean,
-                   flex: 1,
-               },
-           ],
-       },
-    ],
-
-});
-
 Ext.define('pmg-pbs-config', {
     extend: 'Ext.data.Model',
     fields: ['remote', 'server', 'datastore', 'username', 'disabled'],
@@ -538,10 +74,10 @@ Ext.define('PMG.PBSConfigGrid', {
 
            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() {
@@ -551,80 +87,48 @@ Ext.define('PMG.PBSConfigGrid', {
            win.show();
        },
 
-
        reload: 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 name = rec.getId();
-               return Ext.String.format(gettext('Are you sure you want to remove the schedule for {0}'), `'${name}'`);
-           },
-           getUrl: function(rec) {
-               let me = this;
-               return me.baseurl + '/' + rec.getId() + '/timer';
-           },
+           text: gettext('Reload'),
+           iconCls: 'fa fa-refresh',
+           handler: 'reload',
        },
     ],
 
@@ -635,7 +139,7 @@ Ext.define('PMG.PBSConfigGrid', {
 
     columns: [
        {
-           header: gettext('Backup Server name'),
+           header: gettext('Remote'),
            sortable: true,
            dataIndex: 'remote',
            flex: 2,
@@ -662,6 +166,7 @@ Ext.define('PMG.PBSConfigGrid', {
            header: gettext('Encryption'),
            width: 80,
            sortable: true,
+           hidden: true, // for now
            dataIndex: 'encryption-key',
            renderer: Proxmox.Utils.format_boolean,
        },
@@ -675,4 +180,3 @@ Ext.define('PMG.PBSConfigGrid', {
     ],
 
 });
-