From 45ee87b6eb0d7ac8e41e26ee9058d3c4d5c38afa Mon Sep 17 00:00:00 2001
From: Marcus Noble <github@marcusnoble.co.uk>
Date: Fri, 11 Dec 2020 08:21:11 +0000
Subject: [PATCH] Improve browser compatibility

---
 views/index.handlebars |  3 +--
 views/room.handlebars  | 12 ++++++------
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/views/index.handlebars b/views/index.handlebars
index 6399e34..af5e8e9 100644
--- a/views/index.handlebars
+++ b/views/index.handlebars
@@ -29,8 +29,7 @@
     <script>
     document.querySelector('form').addEventListener('submit', function(event) {
       event.preventDefault();
-      let roomId = document.getElementById('roomId').value;
-      window.location = `//${window.location.host}/${roomId}`;
+      window.location = '//' + window.location.host + '/' + document.getElementById('roomId').value;
     });
     </script>
   </body>
diff --git a/views/room.handlebars b/views/room.handlebars
index d235bd4..7853eac 100644
--- a/views/room.handlebars
+++ b/views/room.handlebars
@@ -26,8 +26,8 @@
     </div>
 
     <script>
-      let proto = location.protocol == 'http:' ? 'ws' : 'wss'
-      let socket = new WebSocket(`${proto}://${window.location.hostname}:${window.location.port}/{{room}}`);
+      var proto = location.protocol == 'http:' ? 'ws' : 'wss'
+      var socket = new WebSocket(proto + '://' + window.location.hostname + ':' + window.location.port + '/{{room}}');
 
       socket.onopen = function(e) {
         socket.send(JSON.stringify({
@@ -40,7 +40,7 @@
       };
 
       socket.onmessage = function(event) {
-        let msg = JSON.parse(event.data);
+        var msg = JSON.parse(event.data);
         if (msg.type === "buzz") {
           showMessage(msg.msg);
         } else if (msg.type === "reset") {
@@ -71,7 +71,7 @@
       function showMessage(msg) {
         window.navigator.vibrate(500);
         document.getElementById('buzzer').disabled = true;
-        let mb = document.getElementById('messageBox');
+        var mb = document.getElementById('messageBox');
         mb.innerHTML = msg;
         mb.classList.remove('hide');
       }
@@ -79,13 +79,13 @@
       function reset() {
         document.getElementById('buzzer').disabled = false;
         document.getElementById('buzzer').classList.remove('active');
-        let mb = document.getElementById('messageBox');
+        var mb = document.getElementById('messageBox');
         mb.classList.add('hide');
       }
 
       function roomClosed() {
         document.getElementById('buzzer').disabled = true;
-        let mb = document.getElementById('messageBox');
+        var mb = document.getElementById('messageBox');
         mb.innerHTML = "Room closed";
         mb.classList.remove('hide');
       }