Display pipeline information

Author: pabs3

dashboard/assets/scripts/dashboard.js

@@ -5,6 +5,10 @@
 
 "use strict";
 
+String.prototype.removePrefix = function (prefix) {
+    return this.startsWith(prefix) ? this.substr(prefix.length) : this.toString();
+};
+
 function assert(condition, message) {
 	if (!condition) {
 		throw message || "Assertion failed";
@@ -328,6 +332,14 @@ class JobsRenderer {
 
 	updatePipelines(pipelines) {
 		this.pipelines = pipelines;
+		for (const job of this.jobs.sorted) {
+			const pipeline_id = job.pipeline_id;
+			const pipeline_just_id = pipeline_id.removePrefix("pipeline:");
+			const pipeline_nick = this.pipelines[pipeline_id];
+			const pipeline = this.renderInfo[job.ident].statsElements.pipeline;
+			pipeline.title = `pipeline ${pipeline_nick ?? "unknown"} ${pipeline_just_id}`;
+			pipeline.textContent = pipeline_nick ?? pipeline_just_id;
+		}
 	}
 
 	_createLogContainer(jobData) {
@@ -368,6 +380,10 @@ class JobsRenderer {
 			return s;
 		};
 
+		const pipeline_id = jobData.pipeline_id;
+		const pipeline_just_id = pipeline_id.removePrefix("pipeline:");
+		const pipeline_nick = this.pipelines[pipeline_id];
+
 		const statsElements = {
 			mb: h("span", { className: `inline-stat ${maybeAligned("job-mb")}` }, "?"),
 			responses: h("span", { className: `inline-stat ${maybeAligned("job-responses")}` }, "?"),
@@ -380,6 +396,12 @@ class JobsRenderer {
 				href: `//${ds.host}${ds.port}/ignores/${ident}?compact=true`,
 				onclick: (ev) => { ev.stopPropagation(); },
 			}, "?" ),
+			pipeline: h("a", {
+				className: `inline-stat ${maybeAligned("job-pipeline")}`,
+				href: `//${ds.host}${ds.port}/pipelines?initialFilter=${pipeline_id}`,
+				title: `pipeline ${pipeline_nick ?? "unknown"} ${pipeline_just_id}`,
+				onclick: (ev) => { ev.stopPropagation(); },
+			}, pipeline_nick ?? pipeline_just_id),
 			jobInfo: null /* set later */,
 		};
 
@@ -428,6 +450,8 @@ class JobsRenderer {
 					statsElements.delay,
 					"; ",
 					statsElements.ignores,
+					"; ",
+					statsElements.pipeline,
 				],
 			),
 		]);