fix: add react types as dependency

Makefile

@@ -20,7 +20,7 @@ build-ui:
 	cd ${UI_DIR} && pnpm run build
 
 build-server:
-	go build -tags prod -ldflags "-s -w -X code.thetadev.de/TSGRain/WebUI/src/util.version=${VER}" -o build/sebrauc ./src/.
+	go build -tags prod -ldflags "-s -w -X code.thetadev.de/TSGRain/WebUI/src/util.version=${VER}" -o build/tsgrainWebUI ./src/.
 
 build: build-ui build-server
 

tsgrain_web.example.toml

@@ -0,0 +1,22 @@
+# Webserver options
+[Server]
+Address = ""
+Port = 8001
+
+# Websocket connection settings: Ping interval/Timeout in seconds
+[Server.Websocket]
+Ping = 10
+Timeout = 2
+
+# Compression settings. Refer to code.thetadev.de/TSGRain/ginzip for details.
+[Server.Compression]
+Gzip = "default"
+Brotli = "default"
+
+[Authentication]
+Enable = false
+PasswdFile = "htpasswd"
+
+# IP-Address and port for communicating with the controller
+[GRPC]
+Address = "127.0.0.1:50051"

ui/package.json

@@ -22,6 +22,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.17.0",
+    "@types/react": "^18.2.47",
     "@types/react-dom": "^17.0.11",
     "@vitejs/plugin-react-refresh": "latest",
     "typescript": "^4.5.2",

ui/src/components/Controls.tsx

@@ -135,7 +135,7 @@ class TaskProgress extends React.Component<TaskProgressProps, TaskProgressState>
 			// Cap progress in case the client is out of sync
 			progSeconds = Math.min(Math.max(progSeconds, 0), this.props.task.duration)
 
-			progPercent = (progSeconds / srvDuration) * 100
+			progPercent = (progSeconds / this.props.task.duration) * 100
 		}
 
 		return (

ui/ui.go

@@ -40,6 +40,7 @@ func Register(r gin.IRouter, nZones int32) {
 	uiAssets := r.Group("/assets", middleware.Cache)
 
 	r.GET("/", indexHandler)
+	r.GET("/:path", indexHandler)
 	r.GET("/index.html", indexHandler)
 
 	uiAssets.StaticFS("/", http.FS(subFS(distFS(), "assets")))