ui: tape/Backup: add namespace and recursion field for manual backup

and change the layout to two columns, because the window was getting
too tall.

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>

www/tape/window/TapeBackup.js

@@ -2,22 +2,43 @@ Ext.define('PBS.TapeManagement.TapeBackupWindow', {
     extend: 'Proxmox.window.Edit',
     alias: 'pbsTapeBackupWindow',
 
-    width: 400,
     subject: gettext('Backup'),
     url: '/api2/extjs/tape/backup',
     method: 'POST',
     showTaskViewer: true,
     isCreate: true,
 
-    defaults: {
-	labelWidth: 150,
-    },
-
     items: [
+	{
+	    xtype: 'inputpanel',
+	    column1: [
 		{
 		    xtype: 'pbsDataStoreSelector',
 		    fieldLabel: gettext('Datastore'),
 		    name: 'store',
+		    listeners: {
+			change: function(_, value) {
+			    let me = this;
+			    if (value) {
+				let namespace = me.up('window').down('pbsNamespaceSelector');
+				namespace.setDatastore(value);
+				namespace.setDisabled(false);
+				me.up('window').down('pbsNamespaceMaxDepth').setDisabled(false);
+			    }
+			},
+		    },
+		},
+		{
+		    xtype: 'pbsNamespaceSelector',
+		    fieldLabel: gettext('Namespace'),
+		    disabled: true,
+		    name: 'ns',
+		},
+		{
+		    xtype: 'pbsNamespaceMaxDepth',
+		    fieldLabel: gettext('Max Depth'),
+		    disabled: true,
+		    name: 'max-depth',
 		},
 		{
 		    xtype: 'pbsMediaPoolSelector',
@@ -29,13 +50,18 @@ Ext.define('PBS.TapeManagement.TapeBackupWindow', {
 		    fieldLabel: gettext('Drive'),
 		    name: 'drive',
 		},
+	    ],
+
+	    column2: [
 		{
 		    xtype: 'proxmoxcheckbox',
+		    labelWidth: 150,
 		    name: 'force-media-set',
 		    fieldLabel: gettext('Force new Media-Set'),
 		},
 		{
 		    xtype: 'proxmoxcheckbox',
+		    labelWidth: 150,
 		    name: 'export-media-set',
 		    fieldLabel: gettext('Export Media-Set'),
 		    listeners: {
@@ -51,11 +77,13 @@ Ext.define('PBS.TapeManagement.TapeBackupWindow', {
 		},
 		{
 		    xtype: 'proxmoxcheckbox',
+		    labelWidth: 150,
 		    name: 'eject-media',
 		    fieldLabel: gettext('Eject Media'),
 		},
 		{
 		    xtype: 'pmxUserSelector',
+		    labelWidth: 150,
 		    name: 'notify-user',
 		    fieldLabel: gettext('Notify User'),
 		    emptyText: 'root@pam',
@@ -65,4 +93,7 @@ Ext.define('PBS.TapeManagement.TapeBackupWindow', {
 		    renderer: Ext.String.htmlEncode,
 		},
 	    ],
+	},
+    ],
+
 });