diff --git a/www/manager6/window/Backup.js b/www/manager6/window/Backup.js index 68e9565b..70b51409 100644 --- a/www/manager6/window/Backup.js +++ b/www/manager6/window/Backup.js @@ -53,18 +53,10 @@ Ext.define('PVE.window.Backup', { }, }); - let pbsChangeDetectionHelp = Ext.create('Ext.Component', { - hidden: true, - html: ``, - }); - let pbsChangeDetectionModeSelector = Ext.create({ xtype: 'proxmoxKVComboBox', - hidden: true, + flex: 1, disabled: true, - fieldLabel: gettext('PBS change detection mode'), name: 'pbs-change-detection-mode', deleteEmpty: true, value: '__default__', @@ -75,6 +67,25 @@ Ext.define('PVE.window.Backup', { ], }); + let pbsChangeDetection = Ext.create('Ext.form.FieldContainer', { + fieldLabel: gettext('PBS change detection mode'), + hidden: true, + layout: { + type: 'hbox', + align: 'center', + }, + items: [ + pbsChangeDetectionModeSelector, + { + xtype: 'box', + html: ``, + padding: 5, + }, + ], + }); + const keepNames = [ ['keep-last', gettext('Keep Last')], ['keep-hourly', gettext('Keep Hourly')], @@ -135,20 +146,17 @@ Ext.define('PVE.window.Backup', { if (me.vmtype === 'lxc') { pbsChangeDetectionModeSelector.setValue('__default__'); pbsChangeDetectionModeSelector.setDisabled(false); - pbsChangeDetectionModeSelector.setHidden(false); - pbsChangeDetectionHelp.setHidden(false); + pbsChangeDetection.setHidden(false); } else { pbsChangeDetectionModeSelector.setDisabled(true); - pbsChangeDetectionModeSelector.setHidden(true); - pbsChangeDetectionHelp.setHidden(true); + pbsChangeDetection.setHidden(true); } } else { if (!compressionSelector.getEditable()) { compressionSelector.setDisabled(false); } pbsChangeDetectionModeSelector.setDisabled(true); - pbsChangeDetectionModeSelector.setHidden(true); - pbsChangeDetectionHelp.setHidden(true); + pbsChangeDetection.setHidden(true); } @@ -231,8 +239,7 @@ Ext.define('PVE.window.Backup', { storagesel, modeSelector, protectedCheckbox, - pbsChangeDetectionHelp, - pbsChangeDetectionModeSelector, + pbsChangeDetection, ], column2: [ compressionSelector,