Merge pull request #122 from edx/revert-121-hassnain/revert-master-to-f7ba83a3-new1

Revert "Hassnain/revert master to f7ba83a3 new1"

edx_proctoring/static/proctoring/js/views/proctored_exam_attempt_view.js

@@ -5,6 +5,20 @@ var edx = edx || {};
 
     edx.instructor_dashboard = edx.instructor_dashboard || {};
     edx.instructor_dashboard.proctoring = edx.instructor_dashboard.proctoring || {};
+    var examStatusReadableFormat = {
+        eligible: gettext('Eligible'),
+        created: gettext('Created'),
+        ready_to_start: gettext('Ready to start'),
+        started: gettext('Started'),
+        ready_to_submit: gettext('Ready to submit'),
+        declined: gettext('Declined'),
+        timed_out: gettext('Timed out'),
+        submitted: gettext('Submitted'),
+        verified: gettext('Verified'),
+        rejected: gettext('Rejected'),
+        not_reviewed: gettext('Not reviewed'),
+        error: gettext('Error')
+    };
     var viewHelper = {
         getDateFormat: function(date) {
             if (date) {
@@ -14,6 +28,14 @@ var edx = edx || {};
                 return '---';
             }
 
+        },
+        getExamAttemptStatus: function(status) {
+            if (status in examStatusReadableFormat) {
+                return examStatusReadableFormat[status]
+            }
+            else {
+                return status
+            }
         }
     };
     edx.instructor_dashboard.proctoring.ProctoredExamAttemptView = Backbone.View.extend({

edx_proctoring/static/proctoring/js/views/proctored_exam_view.js

@@ -8,7 +8,10 @@ var edx = edx || {};
 
     edx.coursware.proctored_exam.ProctoredExamView = Backbone.View.extend({
         initialize: function (options) {
+            _.bindAll(this, "detectScroll");
             this.$el = options.el;
+            this.timerBarTopPosition = this.$el.position().top;
+            this.courseNavBarMarginTop = this.timerBarTopPosition - 3;
             this.model = options.model;
             this.templateId = options.proctored_template;
             this.template = null;
@@ -43,6 +46,17 @@ var edx = edx || {};
             /* will call into the rendering */
             this.model.fetch();
         },
+        detectScroll: function(event) {
+            if ($(event.currentTarget).scrollTop() > this.timerBarTopPosition) {
+                $(".proctored_exam_status").addClass('is-fixed');
+                $(".wrapper-course-material").css('margin-top', this.courseNavBarMarginTop + 'px');
+            }
+            else {
+                $(".proctored_exam_status").removeClass('is-fixed');
+                $(".wrapper-course-material").css('margin-top', '0');
+            }
+
+        },
         modelChanged: function () {
             // if we are a proctored exam, then we need to alert user that he/she
             // should not be navigating around the courseware
@@ -67,6 +81,9 @@ var edx = edx || {};
                     this.model.get('time_remaining_seconds') > 0 &&
                     this.model.get('attempt_status') !== 'error'
                 ) {
+                    // add callback on scroll event
+                    $(window).bind('scroll', this.detectScroll);
+
                     var html = this.template(this.model.toJSON());
                     this.$el.html(html);
                     this.$el.show();
@@ -92,6 +109,10 @@ var edx = edx || {};
                         });
                     });
                 }
+                else {
+                    // remove callback on scroll event
+                    $(window).unbind('scroll', this.detectScroll);
+                }
             }
             return this;
         },

edx_proctoring/static/proctoring/templates/student-proctored-exam-attempts.underscore

 <div class="wrapper-content wrapper">
     <% var is_proctored_attempts = proctored_exam_attempts.length !== 0 %>
-        <section class="content">
+        <section class="content exam-attempts-content">
             <div class="top-header">
                 <div class='search-attempts'>
                     <input type="text" id="search_attempt_id" placeholder="e.g johndoe or john.doe@gmail.com"
@@ -81,7 +81,7 @@
                     <tr class="exam-attempt-headings">
                         <th class="username"><%- gettext("Username") %></th>
                         <th class="exam-name"><%- gettext("Exam Name") %></th>
-                        <th class="attempt-allowed-time"><%- gettext("Allowed Time (Minutes)") %> </th>
+                        <th class="attempt-allowed-time"><%- gettext("Time Limit") %> </th>
                         <th class="attempt-started-at"><%- gettext("Started At") %></th>
                         <th class="attempt-completed-at"><%- gettext("Completed At") %> </th>
                         <th class="attempt-status"><%- gettext("Status") %> </th>
@@ -103,7 +103,7 @@
                             <td> <%= getDateFormat(proctored_exam_attempt.completed_at) %></td>
                              <td>
                              <% if (proctored_exam_attempt.status){ %>
-                                <%= proctored_exam_attempt.status %>
+                                <%= getExamAttemptStatus(proctored_exam_attempt.status) %>
                             <% } else { %>
                                 N/A
                             <% } %>

edx_proctoring/templates/proctoring/seq_proctored_exam_entrance.html

@@ -25,7 +25,7 @@
       {% endblocktrans %}
     </p>
 
-    <i class="fa fa-arrow-circle-right start-timed-exam" data-ajax-url="{{enter_exam_endpoint}}" data-exam-id="{{exam_id}}" data-attempt-proctored=true data-start-immediately=false></i>
+    <i class="fa fa-arrow-circle-right"></i>
   </button>
   <button class="gated-sequence start-timed-exam" data-ajax-url="{{enter_exam_endpoint}}" data-exam-id="{{exam_id}}" data-attempt-proctored=false data-start-immediately=true>
     <span><i class="fa fa-unlock"></i></span>
@@ -44,12 +44,22 @@
 {% include 'proctoring/seq_proctored_exam_footer.html' %}
 
 <script type="text/javascript">
-  $('.start-timed-exam').click(
+
+  var selector = $('.start-timed-exam');
+
+  selector.click(
     function(event) {
-      var action_url = $(this).data('ajax-url');
-      var exam_id = $(this).data('exam-id');
-      var attempt_proctored = $(this).data('attempt-proctored');
-      var start_immediately = $(this).data('start-immediately');
+
+      var action_url = selector.data('ajax-url');
+      var exam_id = selector.data('exam-id');
+      var attempt_proctored = selector.data('attempt-proctored');
+      var start_immediately = selector.data('start-immediately');
+
+      // unbind the click event to prevent the multiple calls
+      selector.unbind('click');
+
+      // adding class for moving cursor and to change the color of button
+      selector.parent().addClass('disable-proctored-exam-btn');
 
       if (!attempt_proctored) {
         var msg = gettext(
@@ -72,6 +82,11 @@
           "start_clock": start_immediately
         },
         function(data) {
+
+          // remove the class and bind the click event
+          selector.parent().removeClass('disable-proctored-exam-btn');
+          selector.bind('click');
+
           // reload the page, because we've unlocked it
           location.reload();
         }

local_requirements.txt

 # Django/Framework Packages
 django>=1.4.12,<=1.4.22
-django-model-utils==1.4.0
+django-model-utils==2.3.1
 South>=0.7.6
 djangorestframework>=2.3.5,<=2.3.14
+django-ipware==1.1.0
 pytz>=2012h
 pycrypto>=2.6

requirements.txt

-
-
-# Third Party
--e git+https://github.com/un33k/django-ipware.git@42cb1bb1dc680a60c6452e8bb2b843c2a0382c90#egg=django-ipware
+# Empty so that we will use the versions of dependencies installed in edx-platform.
+# See local_requirements.txt for the requirements needed for local development.

setup.py

@@ -34,7 +34,7 @@ def load_requirements(*requirements_paths):
 
 setup(
     name='edx-proctoring',
-    version='0.6.2',
+    version='0.6.3',
     description='Proctoring subsystem for Open edX',
     long_description=open('README.md').read(),
     author='edX',