Comment out prediction related code.

index.html

@@ -88,6 +88,7 @@ <h3>Color by</h3>
 					</label>
 				</div>
 			</div>
+			<!--
 			<div class="inputs-row">
 				<h3>Labels</h3>
 				<div class="switch">
@@ -106,6 +107,7 @@ <h3>Prediction</h3>
 				<button id="run-prediction">Run Prediction</button>
 				<span id="loading-prediction" style="display: none;">Loading prediction...</span>
 			</div>
+			-->
 		</div>
 		<span id="loading">Loading...</span>
 		<canvas id="canvas"></canvas>

src/index.ts

@@ -61,9 +61,11 @@ function main() {
     labelMode = labelModes[e.target.value];
   }));
 
+  /*
   colorModeInputs.forEach((el: HTMLInputElement) => el.addEventListener<'change'>('change', (e: any) => {
     colorMode = colorModes[e.target.value];
   }));
+  */
 
   laserInputs.forEach((el: HTMLInputElement) => el.addEventListener<'change'>('change', (e: any) => {
     laserSwitches[el.value] = e.target.checked ? 1.0 : 0.0;
@@ -77,6 +79,7 @@ function main() {
     setActiveFrame(Number(frameSelector.value));
   });
 
+  /*
   runPredictionButton.addEventListener('click', async () => {
     loadingPrediction.style.display = "block";
     runPredictionButton.style.display = "none";
@@ -87,6 +90,7 @@ function main() {
     (framePointMeshes[frameIndex].geometry as BufferGeometry).setAttribute('predictedType', new THREE.InstancedBufferAttribute(new Float32Array(labels), 1));
     ((framePointMeshes[frameIndex].geometry as BufferGeometry).attributes.predictedType as BufferAttribute).needsUpdate = true;
   });
+  */
 
   const handleFrameBoundingBoxesReceived = (index: number, mesh: THREE.Mesh) => {
     frameBoundingBoxMeshes[index] = mesh;