- handle focus/unfocus events

- handle resize event - report initial screen and window size

- handle focus/unfocus events
- handle resize event - report initial screen and window size
Miguel Barão
1 parent a635102a
Showing 3 changed files with 49 additions and 16 deletions Show diff stats
perguntations/app.py
perguntations/serve.py
perguntations/static/js/detect_unfocus.js
@@ -257,6 +257,17 @@ class App():
         return test
     # ------------------------------------------------------------------------
+    def event_test(self, uid, cmd, value):
+        '''handle browser events the occur during the test'''
+        if cmd == 'focus':
+            logger.info('Student %s: focus %s', uid, value)
+        elif cmd == 'size':
+            scr_y, scr_x, win_y, win_x = value
+            area = win_x * win_y / (scr_x * scr_y) * 100
+            logger.info('Student %s: area=%g%%, window=%dx%d, screen=%dx%d',
+                        uid, area, win_x, win_y, scr_x, scr_y)
+
+    # ------------------------------------------------------------------------
     # --- helpers (getters)
     # def get_student_name(self, uid):
@@ -154,11 +154,18 @@ class BaseHandler(tornado.web.RequestHandler):
 #         AdminSocketHandler.send_updates(chat)  # send to clients
 class StudentWebservice(BaseHandler):
+    '''
+    Receive ajax from students in the test:
+        focus, unfocus
+    '''
+
     @tornado.web.authenticated
-    async def post(self):
+    def post(self):
+        '''handle ajax post'''
         uid = self.current_user
         cmd = self.get_body_argument('cmd', None)
-        logging.info('%s %s', uid, cmd)
+        value = json.loads(self.get_body_argument('value', None))
+        self.testapp.event_test(uid, cmd, value)
 # ----------------------------------------------------------------------------
 class AdminHandler(BaseHandler):
@@ -12,28 +12,43 @@ jQuery.postJSON = function(url, args) {
 $(document).ready(function() {
+    $.postJSON("/studentwebservice", {
+        "cmd": "size",
+        "value": JSON.stringify([screen.height, screen.width, $(window).height(), $(window).width()]),
+    });
+
     $(window).focus(function(){
         $.postJSON("/studentwebservice", {
             "cmd": "focus",
+            "value": true,
         });
     });
     $(window).blur(function(){
         $.postJSON("/studentwebservice", {
-            "cmd": "unfocus",
+            "cmd": "focus",
+            "value": false,
         });
     });
-    // $(window).resize(function(){
-    //     var n = $(window).scrollTop();
-    //     $.ajax({
-    //         type: "POST",
-    //         url: "/adminwebservice",
-    //         data: {
-    //             "cmd": "resize",
-    //             "name": $("#number").text(),
-    //             "scroll": n
-    //         }
-    //     });
-    // });
-});
 \ No newline at end of file
+    $(window).resize(function(){
+        $.postJSON("/studentwebservice", {
+            "cmd": "size",
+            "value": JSON.stringify([screen.height, screen.width, $(window).height(), $(window).width()]),
+        });
+
+
+    //     // var n = $(window).scrollTop();
+    //     $.postJSON({"/studentwebservice", {
+    //         "cmd": "size",
+    //         "value": JSON.stringify([screen.height, screen.width, $(window).height(), $(window).width()]),
+    //     }});
+    //     //     data: {
+    //     //         "cmd": "resize",
+    //     //         "name": $("#number").text(),
+    //     //         "scroll": n
+    //     //     }
+    //     // });
+    });
+
+});
	@@ -257,6 +257,17 @@ class App():		@@ -257,6 +257,17 @@ class App():
257	return test	257	return test
258		258
259	# ------------------------------------------------------------------------	259	# ------------------------------------------------------------------------
		260	+ def event_test(self, uid, cmd, value):
		261	+ '''handle browser events the occur during the test'''
		262	+ if cmd == 'focus':
		263	+ logger.info('Student %s: focus %s', uid, value)
		264	+ elif cmd == 'size':
		265	+ scr_y, scr_x, win_y, win_x = value
		266	+ area = win_x * win_y / (scr_x * scr_y) * 100
		267	+ logger.info('Student %s: area=%g%%, window=%dx%d, screen=%dx%d',
		268	+ uid, area, win_x, win_y, scr_x, scr_y)
		269	+
		270	+ # ------------------------------------------------------------------------
260		271
261	# --- helpers (getters)	272	# --- helpers (getters)
262	# def get_student_name(self, uid):	273	# def get_student_name(self, uid):