error message

alikirec · alikirec · commit a9402aa94793 · 2024-12-02T16:50:02.000+03:00
diff --git a/data.js b/data.js
@@ -60,20 +60,28 @@ const options = {
 };
 
 (async function () {
-	const result = await loadClientConfig();
+	try {
+		const result = await loadClientConfig();
 
-	const ctx = document.getElementById("data");
+		const ctx = document.getElementById("data");
 
-	new Chart(ctx, {
-		type: "line",
-		options: options,
-		data: {
-			labels: result.map((item) => item.labels),
-			datasets: [
-				{
-					data: result.map((item) => item.data)
-				}
-			]
-		}
-	});
+		new Chart(ctx, {
+			type: "line",
+			options: options,
+			data: {
+				labels: result.map((item) => item.labels),
+				datasets: [
+					{
+						data: result.map((item) => item.data)
+					}
+				]
+			}
+		});
+	} catch {
+		const body = document.querySelector("body");
+		const message = document.createElement("p");
+		message.classList.add("error");
+		message.innerHTML = "Please run this page in a formsort flow.";
+		body.prepend(message);
+	}
 })();
diff --git a/index.html b/index.html
@@ -3,6 +3,7 @@
 	<head>
 		<meta charset="UTF-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<link rel="stylesheet" href="./styles.css" />
 		<title>Chart.js</title>
 	</head>
 	<body>
diff --git a/styles.css b/styles.css
@@ -0,0 +1,5 @@
+p.error {
+  color: red;
+  font-size: 1.5em;
+  text-align: center;
+}
