tyler
/
proxmox-backup
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

ui: SyncJobEdit: add second tab with group filters 

adds a second tab and adapts the styling to our usual one (border/padding)

adds a change listener to the remote datastore selector to change the
remote + datastore on the group filters

remaining changes are mostly indentation changes

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
This commit is contained in:
Dominik Csapak 2021-11-29 15:39:43 +01:00 committed by Dietmar Maurer
parent 705f4b0d95
commit ad72fda1d6
1 changed files with 131 additions and 104 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
www/window/SyncJobEdit.js
View File

@ -98,6 +98,8 @@ Ext.define('PBS.window.SyncJobEdit', {
subject: gettext('SyncJob'),
bodyPadding: 0,
fieldDefaults: { labelWidth: 120 },
defaultFocus: 'proxmoxtextfield[name=comment]',
@ -118,6 +120,12 @@ Ext.define('PBS.window.SyncJobEdit', {
},
items: {
xtype: 'tabpanel',
bodyPadding: 10,
border: 0,
items: [
{
title: 'Options',
xtype: 'inputpanel',
onGetValues: function(values) {
let me = this;
@ -191,6 +199,14 @@ Ext.define('PBS.window.SyncJobEdit', {
autoSelect: false,
name: 'remote-store',
disabled: true,
listeners: {
change: function(field, value) {
let me = this;
let remoteField = me.up('pbsSyncJobEdit').down('field[name=remote]');
let remote = remoteField.getValue();
me.up('tabpanel').down('pbsGroupFilter').setRemoteDatastore(remote, value);
},
},
},
{
fieldLabel: gettext('Sync Schedule'),
@ -213,15 +229,6 @@ Ext.define('PBS.window.SyncJobEdit', {
],
columnB: [
{
fieldLabel: gettext('Backup Groups'),
xtype: 'displayfield',
name: 'group-filter',
renderer: v => v ? Ext.String.htmlEncode(v) : gettext('All'),
cbind: {
hidden: '{isCreate}',
},
},
{
fieldLabel: gettext('Comment'),
xtype: 'proxmoxtextfield',
@ -232,4 +239,24 @@ Ext.define('PBS.window.SyncJobEdit', {
},
],
},
{
xtype: 'inputpanel',
onGetValues: function(values) {
PBS.Utils.delete_if_default(values, 'group-filter');
if (Ext.isArray(values['group-filter']) && values['group-filter'].length === 0) {
delete values['group-filter'];
values.delete = 'group-filter';
}
return values;
},
title: gettext('Group Filter'),
items: [
{
xtype: 'pbsGroupFilter',
name: 'group-filter',
},
],
},
],
},
});