Merge pull request #84 from edx/muhhshoaib/PHX-104-PHX-105-bugs

Bugs reported by kashif

edx_proctoring/templates/proctoring/seq_proctored_exam_instructions.html

@@ -59,11 +59,13 @@
       rules for online proctoring.
     {% endblocktrans %}
   </p>
+  {% if not is_sample_attempt %}
   <p class="proctored-exam-instruction">
       {% trans "Don't want to take this exam with online proctoring?" %}<a class="proctored-decline-exam" href='#' data-action="decline" data-exam-id="{{exam_id}}" data-change-state-url="{{change_state_url}}">
         {% trans "Take this exam as an open exam instead." %}
       </a>
   </p>
+  {% endif %}
 </div>
 {% include 'proctoring/seq_proctored_exam_footer.html' %}
 

edx_proctoring/templates/proctoring/seq_proctored_exam_ready_to_submit.html

@@ -38,7 +38,7 @@
 
       var action_url = $(this).data('change-state-url');
       var exam_id = $(this).data('exam-id');
-      var action = $(this).data('action')
+      var action = $(this).data('action');
 
       // Update the state of the attempt
       $.ajax({

edx_proctoring/templates/proctoring/seq_timed_exam_ready_to_submit.html

@@ -11,9 +11,35 @@
       and your worked will then be graded.
     {% endblocktrans %}
   </p>
-  <button type="button" name="submit-timed-exam" >
+  <button type="button" name="submit-timed-exam" class="exam-action-button" data-action="submit" data-exam-id="{{exam_id}}" data-change-state-url="{{change_state_url}}" >
     {% blocktrans %}
       I'm ready! Submit my answers and end my timed exam
     {% endblocktrans %}
   </button>
 </div>
+<script type="text/javascript">
+  $('.exam-action-button').click(
+    function(event) {
+
+      // cancel any warning messages to end user about leaving timed exam
+      $(window).unbind('beforeunload');
+
+      var action_url = $(this).data('change-state-url');
+      var exam_id = $(this).data('exam-id');
+      var action = $(this).data('action');
+
+      // Update the state of the attempt
+      $.ajax({
+        url: action_url,
+        type: 'PUT',
+        data: {
+          action: action
+        },
+        success: function() {
+          // Reloading page will reflect the new state of the attempt
+          location.reload();
+        }
+      });
+    }
+  );
+</script>