Slider finished, TODO: fwd, bck btns

Author: SizzinSeal

index.html

@@ -110,8 +110,6 @@
             <button type="button" id="debugPauseBtn">&#x23EF;</button>
             <button type="button" id="debugForwardBtn">&#x23ED;</button>
             <input type="range" value ="0" min="0" max="100" step="1" oninput="this.nextElementSibling.value = this.value" id="timeSlider">
-            <output class="text" id="timeSliderVal">0</output>
-
         </div>
 
         <script src="scripts/point.js"></script>

scripts/events.js

@@ -482,6 +482,14 @@ uploadDebugBtn.onchange = function() {
       debugDataList.push(debugData);
       debugSet = true;
     }
+
+    // render the debug data
+    debugDataTime = 0;
+    debugTimeSlider.value = 0;
+    renderField();
+    renderDebug();
+    debugDataTime--;
+    debugTimeSlider.value = debugDataTime;
   };
   reader.readAsText(this.files[this.files.length-1]);
 };
@@ -570,5 +578,7 @@ debugTimeSlider.oninput = function() {
   if (debugSet == true) {
     renderField();
     renderDebug();
+    debugDataTime--;
+    debugTimeSlider.value = debugDataTime;
   }
 };

scripts/userInput.js

@@ -56,9 +56,6 @@ const rDVal = document.getElementById('rDVal');
 const rBVal = document.getElementById('rBVal');
 const rGVal = document.getElementById('rGVal');
 
-const debugTimeVal = document.getElementById('timeSliderVal');
-
-
 // buttons
 const downloadRobotBtn = document.getElementById('downloadRobotBtn');
 const downloadPathBtn = document.getElementById('downloadPathBtn');