ctucx.git: oeffisearch

client/canvas: mark cancelled legs

diff --git a/client/js/canvas.js b/client/js/canvas.js
@@ -222,6 +222,17 @@ const renderJourneys = () => {
 				ctx.scale(dpr, dpr);
 			}
 
+			if (leg.cancelled) {
+				ctx.shadowBlur = 5;
+				ctx.strokeStyle = '#cc4444ff';
+				ctx.lineWidth = 5;
+				ctx.beginPath();
+				ctx.moveTo(x, y);
+				ctx.lineTo(x + rectWidth, y + duration);
+				ctx.stroke();
+				ctx.lineWidth = 1;
+			}
+
 			/* draw journey start and end time */
 			let time;
 			// note: leg order is reversed at this point in time