fix javascript

4 years ago · 9b5135920d
2 changed files with 20 additions and 18 deletions
--- a/raspberry/roberto/views/frontend/templates/gamepad.js
+++ b/raspberry/roberto/views/frontend/templates/gamepad.js
@ -97,6 +97,8 @@ if (haveEvents) {
 // Virtual Joystick
     var joystick = nipplejs.create({
        zone: document.getElementById('controls'),
+        mode: 'static',
+        position: {left: '50%', top: '50%'},
        color: 'blue'
    });
 /*
--- a/raspberry/roberto/views/frontend/templates/index.html
+++ b/raspberry/roberto/views/frontend/templates/index.html
@ -26,6 +26,7 @@
        right: 0;
        width: 100%;
        height: 33%;
+        pointer-events: all;
      }
      p {
        position: relative;
@ -45,12 +46,9 @@
        opacity: 0.6;
        z-index: 1;
      }
-      #textoverlay, #controls, .stats-box {
+      #textoverlay, .stats-box {
        pointer-events: none;
      }
-      #controls canvas {
-        pointer-events: all;
-      }
    </style>
  </head>
  <body>
@ -199,9 +197,8 @@ socket.on('battery', (data) => {
      };


-statsInterval = window.setInterval(getConnectionStats, 1000);
-
 function getConnectionStats() {
+  if (webrtcPeerConnection) {
    webrtcPeerConnection.getStats(null).then(stats => {
      var statsOutput = "";

@ -215,8 +212,11 @@ function getConnectionStats() {

      document.querySelector(".stats-box").innerHTML = statsOutput;
    });
+  }
 }

+var statsInterval = window.setInterval(getConnectionStats, 1000);
+
    </script>

    <script src="{{ url_for('frontend.gamepad_js') }}"></script>