- show browser/screen area and focus state on admin page.

- minor cosmetic changes.

- show browser/screen area and focus state on admin page.
- minor cosmetic changes.
Miguel Barão
1 parent fb7a9089
Showing 3 changed files with 41 additions and 13 deletions Show diff stats
perguntations/app.py
perguntations/static/js/admin.js
perguntations/templates/review.html
@@ -86,6 +86,8 @@ class App():
     def __init__(self, conf):
         self.online = dict()    # {uid: {'student':{...}, 'test': {...}}, ...}
         self.allowed = set()    # '0' is hardcoded to allowed elsewhere
+        self.unfocus = set()    # set of students that have no browser focus
+        self.area = dict()      # {uid: percent_area}
         logger.info('Loading test configuration "%s".', conf["testfile"])
         try:
@@ -268,12 +270,12 @@ class App():
     def event_test(self, uid, cmd, value):
         '''handles browser events the occur during the test'''
         if cmd == 'focus':
-            logger.info('"%s": focus %s', uid, value)
+            if value:
+                self.focus_student(uid)
+            else:
+                self.unfocus_student(uid)
         elif cmd == 'size':
-            scr_y, scr_x, win_y, win_x = value
-            area = win_x * win_y / (scr_x * scr_y) * 100
-            logger.info('"%s": area=%g%%, window=%dx%d, screen=%dx%d',
-                        uid, area, win_x, win_y, scr_x, scr_y)
+            self.set_screen_area(uid, value)
     # ------------------------------------------------------------------------
     # --- GETTERS
@@ -374,6 +376,8 @@ class App():
             'start_time': self.online.get(uid, {}).get('test', {})
                           .get('start_time', ''),
             'password_defined': pw != '',
+            'unfocus': uid in self.unfocus,
+            'area': self.area.get(uid, None),
             'grades': self.get_student_grades_from_test(
                 uid, self.testfactory['ref'])
             } for uid, name, pw in self.get_all_students()]
@@ -406,12 +410,30 @@ class App():
     def allow_all_students(self):
         '''allow all students to login'''
         logger.info('Allowing all students...')
-        self.allowed = set(s[0] for s in self.get_all_students())
+        self.allowed.update(s[0] for s in self.get_all_students())
     def deny_all_students(self):
         '''deny all students to login'''
         logger.info('Denying all students...')
-        self.allowed = set()
+        self.allowed.clear()
+
+    def focus_student(self, uid):
+        '''set student in focus state'''
+        self.unfocus.discard(uid)
+        logger.info('"%s" focus', uid)
+
+    def unfocus_student(self, uid):
+        '''set student in unfocus state'''
+        self.unfocus.add(uid)
+        logger.info('"%s" unfocus', uid)
+
+    def set_screen_area(self, uid, sizes):
+        '''set current browser area as detected in resize event'''
+        scr_y, scr_x, win_y, win_x = sizes
+        area = win_x * win_y / (scr_x * scr_y) * 100
+        self.area[uid] = area
+        logger.info('"%s": area=%g%%, window=%dx%d, screen=%dx%d',
+                    uid, area, win_x, win_y, scr_x, scr_y)
     async def update_student_password(self, uid, password=''):
         '''change password on the database'''
@@ -16,11 +16,9 @@ $(document).ready(function() {
         // button handlers (runs once)
         $("#allow_all").click(function() {
             $.postJSON("/admin", {"cmd": "allow_all"});
-            // $(":checkbox").prop("checked", true).trigger('change');
         });
         $("#deny_all").click(function() {
             $.postJSON("/admin", {"cmd": "deny_all"});
-            // $(":checkbox").prop("checked", false).trigger('change');
         });
         $("#reset_password").click(function () {
             $.postJSON("/admin", {
@@ -120,7 +118,15 @@ $(document).ready(function() {
                         var uid = d['uid'];
                         var checked = d['allowed'] ? 'checked' : '';
                         var password_defined = d['password_defined'] ? ' <span class="badge badge-secondary"><i class="fa fa-key" aria-hidden="true"></i></span>' : '';
-                        var hora_inicio = d['start_time'] ? ' <span class="badge badge-success">' + d['start_time'].slice(11,19) + '</span>': '';
+                        var hora_inicio = d['start_time'] ? ' <span class="badge badge-success"><i class="fas fa-hourglass-start"></i> ' + d['start_time'].slice(11,16) + '</span>': '';
+                        var unfocus = d['unfocus']? ' <span class="badge badge-danger">unfocus</span>' : '';
+                        var area = '';
+                        if (d['start_time'] ) {
+                            if (d['area'] > 75)
+                                area = ' <span class="badge badge-success"><i class="fas fa-desktop"></i> ' + Math.round(d['area']) + '%</span>';
+                            else
+                                area = ' <span class="badge badge-danger"><i class="fas fa-desktop"></i> ' + Math.round(d['area']) + '%</span>';
+                        };
                         var g = d['grades'];
                         t[i] = [];
@@ -128,7 +134,7 @@ $(document).ready(function() {
                         t[i][1] = '<input type="checkbox" name="' + uid + '" value="true"' + checked + '> ';
                         t[i][2] = uid;
                         t[i][3] = d['name'];
-                        t[i][4] = password_defined + hora_inicio;
+                        t[i][4] = password_defined + hora_inicio + area + unfocus;
                         var gbar = '';
                         for (var j=0; j < g.length; j++)
@@ -74,9 +74,9 @@
     <h1 class="display-5">{{ t['title'] }}</h1>
     <h5>
       <div class="row">
-        <label for="duracao" class="col-sm-2">Duração (minutos):</label>
+        <label for="duracao" class="col-sm-2">Duração:</label>
         <div class="col-sm-10" id="duracao">
-          {{ t.get('duration', 0) if t.get('duration', 0) > 0 else '+'+chr(8734) }}
+          {{ str(t.get('duration', 0)) + ' minutos' if t.get('duration', 0) > 0 else '+'+chr(8734) }}
         </div>
       </div>
     </h5>
	@@ -74,9 +74,9 @@		@@ -74,9 +74,9 @@
74	<h1 class="display-5">{{ t['title'] }}</h1>	74	<h1 class="display-5">{{ t['title'] }}</h1>
75	<h5>	75	<h5>
76	<div class="row">	76	<div class="row">
77	- <label for="duracao" class="col-sm-2">Duração (minutos):</label>	77	+ <label for="duracao" class="col-sm-2">Duração:</label>
78	<div class="col-sm-10" id="duracao">	78	<div class="col-sm-10" id="duracao">
79	- {{ t.get('duration', 0) if t.get('duration', 0) > 0 else '+'+chr(8734) }}	79	+ {{ str(t.get('duration', 0)) + ' minutos' if t.get('duration', 0) > 0 else '+'+chr(8734) }}
80	</div>	80	</div>
81	</div>	81	</div>
82	</h5>	82	</h5>