More diagnostics

Author: harsh2204

index.html

@@ -25,6 +25,9 @@
   </div>
   <div class="container">
   <div id="demo">This is a demo only! Download and serve the repo locally to test the gamepad</div>
+  <div id="stats">
+    lat:
+  </div>
   <p>Socket Joy Alpha</p>
     <div class="bumpers">
       <div id="left-bumper">L</div>

socketjoy.js

@@ -14,9 +14,16 @@ var isLocal = isLocalNetwork();
 // var isLocal = false;
 
 var sock;
-
+var lat;
 if (isLocal) {
   sock = io(SERVER_IP);
+
+  // Start measuring connection latency
+  lat = 0;
+  sock.on('pong', function(ms) {
+    lat = ms;
+    document.getElementById("stats").innerHTML = "lat: " + ms + "ms";
+  });
 } else {
   // Notify user that this is a demo only
   var demo = document.getElementById('demo');
@@ -26,6 +33,7 @@ if (isLocal) {
 
 var conf = document.getElementsByClassName('configure')
 
+// Rewrite this method to a propper modal-based config menu
 function updateIP() {
   var ip = prompt('Please enter the j2dx server IP')
   console.log(ip)

style.css

@@ -28,6 +28,14 @@ body {
   height: 100%;
   touch-action: none; /* Disable panning and zooming  */
 }
+/* stats */
+#stats{
+  display: none;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
 /* Cog button */
 .configure{
   font-size: 30px;