Load the pipeline information and store ids and nicknames

Author: pabs3

dashboard/assets/scripts/dashboard.js

@@ -309,6 +309,7 @@ class JobsRenderer {
 		this.mouseInside = null;
 		this.numCrawls = byId("num-crawls");
 		this._aligned = true;
+		this.pipelines = {};
 	}
 
 	_getNextJobInSorted(ident) {
@@ -325,6 +326,10 @@ class JobsRenderer {
 		return h("div");
 	}
 
+	updatePipelines(pipelines) {
+		this.pipelines = pipelines;
+	}
+
 	_createLogContainer(jobData) {
 		const ident = jobData.ident;
 		const beforeJob = this._getNextJobInSorted(ident);
@@ -1093,6 +1098,8 @@ class Dashboard {
 			this.contextMenuRenderer,
 		);
 
+		this.loadPipelines();
+
 		document.onkeypress = (ev) => this.keyPress(ev);
 
 		// Adjust help text based on URL
@@ -1192,6 +1199,31 @@ ${String(kbPerSec).padStart(3, "0")} KB/s`;
 		}
 	}
 
+	loadPipelines() {
+		return new Promise((resolve, reject) => {
+			const xhr = new XMLHttpRequest();
+			xhr.onload = () => {
+				try {
+					let pipelines = {};
+					const json = JSON.parse(xhr.responseText).pipelines;
+					for (const pipeline of json) {
+						pipelines[pipeline.id] = pipeline.nickname;
+					}
+					this.jobsRenderer.updatePipelines(pipelines);
+				} catch (e) {
+					console.log("Failed to load /pipelines data: ", e);
+				}
+				resolve();
+			};
+			xhr.onerror = (ev) => {
+				reject(ev);
+			};
+			xhr.open("GET", `//${this.host}${this.port}/pipelines`);
+			xhr.setRequestHeader("Accept", "application/json");
+			xhr.send("");
+		});
+	}
+
 	loadRecent() {
 		return new Promise((resolve, reject) => {
 			byId("meta-info").textContent = "Requesting recent data";