diff --git a/www/Makefile b/www/Makefile
index fb5b1d55..3f0063e4 100644
--- a/www/Makefile
+++ b/www/Makefile
@@ -13,6 +13,7 @@ JSSRC=							\
 	config/ACLView.js				\
 	window/UserEdit.js				\
 	window/RemoteEdit.js				\
+	window/SyncJobEdit.js				\
 	window/ACLEdit.js				\
 	Utils.js					\
 	LoginView.js					\
diff --git a/www/window/SyncJobEdit.js b/www/window/SyncJobEdit.js
new file mode 100644
index 00000000..f89d04d2
--- /dev/null
+++ b/www/window/SyncJobEdit.js
@@ -0,0 +1,84 @@
+Ext.define('PBS.window.SyncJobEdit', {
+    extend: 'Proxmox.window.Edit',
+    alias: 'widget.pbsSyncJobEdit',
+    mixins: ['Proxmox.Mixin.CBind'],
+
+    userid: undefined,
+
+    isAdd: true,
+
+    subject: gettext('SyncJob'),
+
+    fieldDefaults: { labelWidth: 120 },
+
+    cbindData: function(initialConfig) {
+	let me = this;
+
+	let baseurl = '/api2/extjs/config/sync';
+	let id = initialConfig.id;
+
+	me.isCreate = !id;
+	me.url = id ? `${baseurl}/${id}` : baseurl;
+	me.method = id ? 'PUT' : 'POST';
+	me.autoLoad = !!id;
+	return { };
+    },
+
+    items: {
+	xtype: 'inputpanel',
+	column1: [
+	    {
+		fieldLabel: gettext('Sync Job'),
+		xtype: 'pmxDisplayEditField',
+		name: 'id',
+		renderer: Ext.htmlEncode,
+		allowBlank: false,
+		minLength: 4,
+		cbind: {
+		    editable: '{isCreate}',
+		},
+	    },
+	    {
+		fieldLabel: gettext('Remote'),
+		xtype: 'pbsRemoteSelector',
+		allowBlank: false,
+		name: 'remote',
+	    },
+	    {
+		fieldLabel: gettext('Local Datastore'),
+		xtype: 'pbsDataStoreSelector',
+		allowBlank: false,
+		name: 'store',
+	    },
+	    {
+		fieldLabel: gettext('Remote Datastore'),
+		xtype: 'proxmoxtextfield',
+		allowBlank: false,
+		name: 'remote-store',
+	    },
+	],
+
+	column2: [
+	    {
+		fieldLabel: gettext('Remove vanished'),
+		xtype: 'proxmoxcheckbox',
+		name: 'remove-vanished',
+		uncheckedValue: false,
+		value: true,
+	    },
+	    {
+		fieldLabel: gettext('Schedule'),
+		xtype: 'proxmoxtextfield',
+		name: 'schedule',
+	    },
+	],
+
+	columnB: [
+	    {
+		fieldLabel: gettext('Comment'),
+		xtype: 'proxmoxtextfield',
+		name: 'comment',
+	    },
+	],
+    },
+});