ui: form/DataStoreSelector: show maintenance mode in selector

to not having to query the activeTasks everywhere, change the renderer
to omit the check/spinner when no activeTasks are given

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

www/Utils.js

@@ -663,15 +663,18 @@ Ext.define('PBS.Utils', {
 
 	let [type, message] = PBS.Utils.parseMaintenanceMode(mode);
 
+	let extra = '';
+
+	if (activeTasks !== undefined) {
 	    const conflictingTasks = activeTasks.write + (type === 'offline' ? activeTasks.read : 0);
 
-	let extra = '';
 	    if (conflictingTasks > 0) {
 		extra += '| <i class="fa fa-spinner fa-pulse fa-fw"></i> ';
 		extra += Ext.String.format(gettext('{0} conflicting tasks still active.'), conflictingTasks);
 	    } else {
 		extra += '<i class="fa fa-check"></i>';
 	    }
+	}
 
 	if (message) {
 	    extra += ` ("${message}")`;

www/form/DataStoreSelector.js

@@ -29,6 +29,15 @@ Ext.define('PBS.form.DataStoreSelector', {
 		renderer: Ext.String.htmlEncode,
 		flex: 1,
 	    },
+	    {
+		header: gettext('Maintenance'),
+		sortable: true,
+		dataIndex: 'maintenance',
+		renderer: (value) => {
+		    return PBS.Utils.renderMaintenance(value);
+		},
+		flex: 1,
+	    }
 	],
     },
 });