Add auto start to front end #231

tisboyo · Sep 5, 2021 · 8a675d1 · 8a675d1
1 parent 067f7b0
commit 8a675d1
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 7 deletions.
diff --git a/web/routes/trivia.py b/web/routes/trivia.py
@@ -202,7 +202,13 @@ async def trivia_get_question(
     return JSONResponse(jsonret)
 
 
-# @router.post("/trivia/start")
+@router.post("/trivia/start")
+async def trivia_start(request: Request, key: str = Depends(check_valid_api_key(level=AuthLevel.admin))):
+    logger.info("Trivia started")
+    await send_command_to_bot("trivia", ["start"])
+    return Response(status_code=204)
+
+
 @router.post("/trivia/end")
 async def trivia_end(request: Request, key: str = Depends(check_valid_api_key(level=AuthLevel.admin))):
     logger.info("Trivia ended")

diff --git a/web/static_files/trivia/new.html b/web/static_files/trivia/new.html
@@ -10,7 +10,7 @@
 
 </head>
 
-<body>
+<body onload="startTrivia('start');">
 
     <div id="timer">
         <h1></h1>

diff --git a/web/static_files/trivia/new.js b/web/static_files/trivia/new.js
@@ -1,10 +1,7 @@
 (function () {
     //Not a great coder look at all my globals
     var ActivePoll,
-        TriviaQuestion,
-        ChoiceCount,
-        SubMultiplier;
-
+        TriviaQuestion;
 
     // Graciously stolen from sitepoint
     // https://www.sitepoint.com/get-url-parameters-with-javascript/
@@ -67,7 +64,16 @@
         return obj;
     }
 
-
+    var endTriviaNotified = false
+    document.addEventListener("visibilitychange", function () {
+        if (document.visibilityState === 'hidden') {
+            if (!endTriviaNotified) {
+                var params = getAllUrlParams()
+                endTriviaNotified = true;
+                navigator.sendBeacon('/trivia/end?key=' + params.key);
+            }
+        }
+    });
 
     window.onload = async () => {
 
@@ -257,3 +263,12 @@
         };
     };
 })();
+
+function startTrivia(url) {
+    const queryString = window.location.search;
+    const urlParams = new URLSearchParams(queryString);
+    const key = urlParams.get('key')
+    if (document.visibilityState === 'visible') {
+        navigator.sendBeacon('/trivia/start?key=' + key);
+    }
+}