Initialize web-test frontend

web-test/src/ui/hud.js

@@ -0,0 +1,39 @@
+export function createHud() {
+  const elements = {
+    service: document.querySelector("#serviceStatus"),
+    aircraft: document.querySelector("#aircraftStatus"),
+    simulation: document.querySelector("#simulationStatus"),
+    playback: document.querySelector("#playbackStatus"),
+  };
+
+  return {
+    reset() {
+      setText(elements.service, "Checking");
+      setText(elements.aircraft, "-");
+      setText(elements.simulation, "Waiting");
+      setText(elements.playback, "Idle");
+    },
+
+    setService(value) {
+      setText(elements.service, value);
+    },
+
+    setAircraft(value) {
+      setText(elements.aircraft, value);
+    },
+
+    setSimulation(value) {
+      setText(elements.simulation, value);
+    },
+
+    setPlayback(value) {
+      setText(elements.playback, value);
+    },
+  };
+}
+
+function setText(element, value) {
+  if (element) {
+    element.textContent = value;
+  }
+}