BugFix: Quiz doesnot notify event if user Alt+Tabs in fullscreen

8dd9b52e · Samarth Joshi · 118a5df6 · 8dd9b52e
Commit 8dd9b52e authored Nov 15, 2020 by Samarth Joshi
Hide whitespace changes
Inline Side-by-side

Showing with 31 additions and 2 deletions

quiz/templates/index.html quiz/templates/index.html +31 -2

No files found.
--- a/quiz/templates/index.html
+++ b/quiz/templates/index.html
@@ -20,6 +20,16 @@
              return false;
      }
      document.addEventListener('contextmenu', event => event.preventDefault()); 
+
+      var isTabActive;
+
+      window.onfocus = function () { 
+        isTabActive = true; 
+      }; 
+
+      window.onblur = function () { 
+        isTabActive = false; 
+      }; 
    </script>
 </head>
 <body>
@@ -148,7 +158,26 @@
        return false;
      }
    }
+    var vis = (function(){
+      var stateKey, eventKey, keys = {
+          hidden: "visibilitychange",
+          webkitHidden: "webkitvisibilitychange",
+          mozHidden: "mozvisibilitychange",
+          msHidden: "msvisibilitychange"
+      };
+      for (stateKey in keys) {
+          if (stateKey in document) {
+              eventKey = keys[stateKey];
+              break;
+          }
+      }
+      return function(c) {
+          if (c) document.addEventListener(eventKey, c);
+          return !document[stateKey];
+      }
+  })();
    var heartbeat = setInterval(function() {
+      
      var currfs = get_fs();
      var flag = false;
      if (currfs != prevfs) {
@@ -161,8 +190,8 @@
      {
        question: selected_questions,
        quiz: quizId,
-        fullscreen: currfs,
-        log:flag
+        fullscreen: (currfs && isTabActive),
+        log:flag,
      },
      function(data, status){
          console.log("Heartbeat sent!");