Feat: Adding sensor ID to group

src/lib/SensorGroup.svelte

@@ -6,6 +6,7 @@
 	export let timeChunkSize: number = -1;
 	export let freqSampleRate: number = -1;
 	export let freqChunkSize: number = -1;
+	export let sourceIdentifier: string = '-';
 
 	// export let TimeDomainChart;
 	// export let TimeDomainYValues = [0];
@@ -63,7 +64,7 @@
 </script>
 
 <div class-="sensorGroup">
-	<div class="sensorGroupTitle">Test</div>
+	<div class="sensorGroupTitle">Sensor ID: {sourceIdentifier}</div>
 	<div class="graphSuperGroup">
 		<div class="graphGroup">
 			<div class="parameterContainer">

src/routes/+page.svelte

@@ -28,16 +28,7 @@
 		timeChunkSize: number;
 		freqSampleRate: number;
 		freqChunkSize: number;
-	}[] = [
-		{
-			timeSampleRate: 1000,
-			timeChunkSize: 512,
-			freqSampleRate: 1000,
-			freqChunkSize: 512
-		}
-		// Add more objects as needed for multiple SensorGroup components
-		// ...
-	];
+	}[] = [];
 
 	// Callback function used to connect to the websocket, retrieve data
 	// and update the time domain plot
@@ -56,16 +47,6 @@
 		let parsedData = null;
 		let datasets = [];
 
-		// sensorGroup = [
-		// 	...sensorGroup,
-		// 	{
-		// 		timeSampleRate: 1000,
-		// 		timeChunkSize: 512,
-		// 		freqSampleRate: 1000,
-		// 		freqChunkSize: 512
-		// 	}
-		// ];
-
 		// console.log(sensorGroup);
 
 		TimeWebSocket.addEventListener('message', async (event) => {
@@ -89,6 +70,19 @@
 					};
 					datasets.push(dataset);
 				}
+
+				console.log(parsedData['TimeChunk']['SourceIndentifier']);
+
+				sensorGroup = [
+					...sensorGroup,
+					{
+						timeSampleRate: JSON.parse(event.data)['TimeChunk']['SampleRate'],
+						timeChunkSize: JSON.parse(event.data)['TimeChunk']['ChunkSize'],
+						sourceIdentifier: JSON.parse(event.data)['TimeChunk']['SourceIndentifier'],
+						freqSampleRate: 1000,
+						freqChunkSize: 512
+					}
+				];
 			}
 			// const newData = JSON.parse(event.data)['TimeChunk']['Channels'];
 			// const numChannels = JSON.parse(event.data)['TimeChunk']['NumChannels'];