Allow changing the FMS url via settings

We don't yet refresh on change, so after setting, you'll need to manually refresh the page to connect.

ui/src/fms/fms-signalr.ts

@@ -5,7 +5,7 @@ import type { components } from './fms-api';
 const fieldMonitorHubPostfix = 'fieldMonitorHub';
 
 export function connectFieldMonitor(
-	fmsUrl: `http://${string}`
+	fmsUrl: string
 ): signalR.HubConnection & FieldMonitorHub {
 	const connection = new signalR.HubConnectionBuilder()
 		.withUrl(`${fmsUrl}/${fieldMonitorHubPostfix}`)

ui/src/lib/components/dialogs/SettingsModal.svelte

@@ -96,6 +96,15 @@
 				API Key
 			</TextInput>
 
+			<TextInput 
+				bind:text={settings.fmsUrl}
+				placeholder="http://localhost"
+				onblur={updateSettings}
+				>
+				FMS URL
+			</TextInput>
+
+
 			<div class="grid gap-2 md:col-span-2 mt-2">
 				{#if installPrompt}
 					<Button

ui/src/lib/settings-store.ts

@@ -7,6 +7,7 @@ export interface Settings {
 	darkMode: boolean;
 	username: string;
 	key: string;
+	fmsUrl: string;
 }
 
 let initialSettings = browser ? window.localStorage.getItem('settings') : null;
@@ -16,7 +17,8 @@ const defaultSettings: Settings = {
 	developerMode: false,
 	darkMode: true,
 	username: '',
-	key: ''
+	key: '',
+	fmsUrl: 'http://10.0.100.5',
 };
 
 if (!initialSettings) {

ui/src/routes/+page.svelte

@@ -10,6 +10,7 @@
 		Red2Default,
 		Red3Default
 	} from './defaults';
+	import { settingsStore } from '$lib/settings-store';
 
 	let blue1: FieldMonitorData = Blue1Default;
 	let blue2: FieldMonitorData = Blue2Default;
@@ -23,7 +24,7 @@
 
 	let detailView = () => {};
 
-	const signalrConnection = connectFieldMonitor('http://localhost:5000');
+	const signalrConnection = connectFieldMonitor($settingsStore.fmsUrl);
 	signalrConnection.onFieldMonitorDataChanged((data) => {
 		for (const team of data) {
 			if (!team) continue;