[pbs-devel] [PATCH proxmox-backup v5 6/6] ui: add support for optional Remote in SyncJob

[Hannes Laimer <h.laimer@proxmox.com>]

Signed-off-by: Hannes Laimer <h.laimer@proxmox.com>
---
 www/form/RemoteTargetSelector.js | 29 ++++++++-----
 www/window/SyncJobEdit.js        | 72 +++++++++++++++++++++++++++++++-
 2 files changed, 90 insertions(+), 11 deletions(-)

diff --git a/www/form/RemoteTargetSelector.js b/www/form/RemoteTargetSelector.js
index 2a94c4d7..e7b822d7 100644
--- a/www/form/RemoteTargetSelector.js
+++ b/www/form/RemoteTargetSelector.js
@@ -44,20 +44,18 @@ Ext.define('PBS.form.RemoteStoreSelector', {
 
 	me.store.removeAll();
 
+	me.setDisabled(false);
+	if (!me.firstLoad) {
+	    me.clearValue();
+	}
 	if (me.remote) {
-	    me.setDisabled(false);
-	    if (!me.firstLoad) {
-		me.clearValue();
-	    }
-
 	    me.store.proxy.url = `/api2/json/config/remote/${encodeURIComponent(me.remote)}/scan`;
-	    me.store.load();
-
-	    me.firstLoad = false;
 	} else {
-	    me.setDisabled(true);
-	    me.clearValue();
+	    me.store.proxy.url = '/api2/json/admin/datastore';
 	}
+	me.store.load();
+
+	me.firstLoad = false;
     },
 
     initComponent: function() {
@@ -175,6 +173,17 @@ Ext.define('PBS.form.RemoteNamespaceSelector', {
 	    me.store.proxy.url = `/api2/json/config/remote/${encodedRemote}/scan/${encodedStore}/namespaces`;
 	    me.store.load();
 
+	    me.firstLoad = false;
+	} else if (me.remoteStore) {
+	    me.setDisabled(false);
+	    if (!me.firstLoad) {
+		me.clearValue();
+	    }
+	    let encodedStore = encodeURIComponent(me.remoteStore);
+
+	    me.store.proxy.url = `/api2/json/admin/datastore/${encodedStore}/namespace`;
+	    me.store.load();
+
 	    me.firstLoad = false;
 	} else if (previousStore) {
 	    me.setDisabled(true);
diff --git a/www/window/SyncJobEdit.js b/www/window/SyncJobEdit.js
index 48a0c7a9..d18f4a91 100644
--- a/www/window/SyncJobEdit.js
+++ b/www/window/SyncJobEdit.js
@@ -47,6 +47,15 @@ Ext.define('PBS.window.SyncJobEdit', {
 	},
     },
 
+    setValues: function(values) {
+	let me = this;
+	if (values.id && !values.remote) {
+	    values.location = 'local';
+	} else {
+	    values.location = 'remote';
+	}
+	me.callParent([values]);
+    },
 
     items: {
 	xtype: 'tabpanel',
@@ -134,16 +143,78 @@ Ext.define('PBS.window.SyncJobEdit', {
 		],
 
 		column2: [
+		    {
+			xtype: 'radiogroup',
+			fieldLabel: gettext('Location'),
+			defaultType: 'radiofield',
+			items: [
+			    {
+				boxLabel: 'Local',
+				name: 'location',
+				inputValue: 'local',
+				submitValue: false,
+			    },
+			    {
+				boxLabel: 'Remote',
+				name: 'location',
+				inputValue: 'remote',
+				submitValue: false,
+			    },
+			],
+			listeners: {
+			    change: function(_group, radio) {
+				let me = this;
+				let form = me.up('pbsSyncJobEdit');
+				let remoteField = form.down('field[name=remote]');
+				let storeField = form.down('field[name=remote-store]');
+				let nsField = form.down('field[name=remote-ns]');
+
+				if (!storeField.value) {
+				    nsField.clearValue();
+				    nsField.setDisabled(true);
+				}
+
+				if (radio.location === 'local') {
+				    remoteField.setDisabled(true);
+				    remoteField.setValue(null);
+				    remoteField.allowBlank = true;
+				    if (remoteField.value) {
+					storeField.clearValue();
+				    }
+				    storeField.setDisabled(false);
+				    let rateLimitField = form.down('field[name=rate-in]');
+				    rateLimitField.setValue(null);
+				} else {
+				    if (!remoteField.value) {
+					remoteField.setValue(null);
+					storeField.clearValue();
+					storeField.setDisabled(true);
+				    }
+				    remoteField.setDisabled(false);
+				    remoteField.allowBlank = false;
+				}
+			    },
+			},
+		    },
 		    {
 			fieldLabel: gettext('Source Remote'),
 			xtype: 'pbsRemoteSelector',
 			allowBlank: false,
 			name: 'remote',
+			cbind: {
+			    deleteEmpty: '{!isCreate}',
+			},
+			skipEmptyText: true,
 			listeners: {
 			    change: function(f, value) {
 				let me = this;
 				let remoteStoreField = me.up('pbsSyncJobEdit').down('field[name=remote-store]');
 				remoteStoreField.setRemote(value);
+				let rateLimitField = me.up('pbsSyncJobEdit').down('field[name=rate-in]');
+				rateLimitField.setDisabled(!value);
+				if (!value) {
+				    rateLimitField.setValue(null);
+				}
 				let remoteNamespaceField = me.up('pbsSyncJobEdit').down('field[name=remote-ns]');
 				remoteNamespaceField.setRemote(value);
 			    },
@@ -155,7 +226,6 @@ Ext.define('PBS.window.SyncJobEdit', {
 			allowBlank: false,
 			autoSelect: false,
 			name: 'remote-store',
-			disabled: true,
 			listeners: {
 			    change: function(field, value) {
 				let me = this;
-- 
2.39.2