Add Minutes Per KM Support For Running (#282)

alexgillon · web-flow · commit 4dbdd3316cd3 · 2025-04-09T11:14:17.000-04:00
* Create minperkm.html

Added a speed output for minutes per kilometer for running

* Update SpeedEditor.jsx

* Update minperkm.html

* Update minperkm.html
diff --git a/public/speed/minperkm.html b/public/speed/minperkm.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <script src="https://cdn.jsdelivr.net/npm/@rtirl/api@latest/lib/index.min.js"></script>
+    <script defer src="../css.js"></script>
+  </head>
+  <body>
+    <div id="text"><span id="speed">0:00</span> /km</div>
+    <script>
+      const pullKey = new URLSearchParams(window.location.search).get("key");
+      var timer;
+      RealtimeIRL.forPullKey(pullKey).addSpeedListener(function (speed) {
+
+        clearTimeout(timer); //don't reset to 0 if moving
+
+	const speedInMinsPerKm = (16.66666666666666667 / speed);
+        document.getElementById("speed").innerText = (speedInMinsPerKm | 0)+':'+((speedInMinsPerKm % 1)*60 | 0).toString().padStart(2, '0');
+
+        timer = setTimeout(() => { //reset to 0 if not moving for 30 sec
+          document.getElementById("speed").innerText = 0;
+        }, 30000);
+
+      });
+    </script>
+  </body>
+</html>
diff --git a/web-editor/src/screen/SpeedEditor.jsx b/web-editor/src/screen/SpeedEditor.jsx
@@ -10,6 +10,7 @@ import { scrollbarStyles } from "../theme/editorTheme";
 const speedOptions = [
   { name: "MPH", value: "mph" },
   { name: "KMH", value: "kph" },
+  { name: "MIN/KM", value: "minperkm" },
 ];
 
 function SpeedEditor({
