New: Async peer updates

* Retitle the async page
* Remind sync students to vote a second time
* Remind async students to vote again before moving on.

Author: bnmnetp

static/js/peer.js

@@ -101,6 +101,13 @@ function connect(event) {
                             studentVoteCount = 2;
                             console.log("WARNING: resetting studentVoteCount to 2");
                         }
+                        // set a timer to check if the student hasn't voted in 10 seconds
+                        // give them a warning.
+                        setTimeout(() => {
+                            if (studentVoteCount > 1 && !vote2done) {
+                                alert("You must vote twice! Even if want to keep your answer the same.")
+                            }
+                        }, 10000)
                     }
                     messarea = document.getElementById("imessage");
                     messarea.innerHTML = `<h3>Time to make your 2nd vote</h3>`;
@@ -425,6 +432,7 @@ async function showPeerEnableVote2() {
         "Please Answer the question again.  Even if you do not wish to change your answer.  After answering click the button to go on to the next question.";
     $(".runestone [type=radio]").prop("checked", false);
     $(".runestone [type=checkbox]").prop("checked", false);
+    studentVoteCount += 1;
 }
 
 $(function () {

views/peer/peer_async.html

@@ -8,8 +8,17 @@
     eBookConfig.peerMOde = "async";
 </script>
 
-<h2>Peer Instruction Question (Async)</h2>
-<div id="imessage"></div>
+<h2>Peer Instruction Question (After Class)</h2>
+<div id="imessage">
+    <p>This page is meant for you to use <i>after</i> the inclass peer instruction is over.
+        <ol>
+            <li>Answer the question as best you can.</li>
+            <li>Then, in the space provided write a justification for your answer.</li>
+            <li>Read the dialog between two of your peers on why they answered the question the way they did.</li>
+            <li>Answer the question <strong>again.</strong>  Even if you are not changing your answer from the first time.</li>
+        </ol>
+    </p>
+</div>
 
 <div class="row">
     <div class="oneq col-md-6">{{=XML(current_question['htmlsrc'])}}</div>
@@ -34,7 +43,7 @@ <h4>A discussion for you to consider</h4>
     <form action="/peer/peer_async">
         <input type="hidden" name="assignment_id" value="{{=assignment_id}}" />
         <input type="hidden" name="question_num" value="{{=nextQnum}}" />
-        <button type="submit">Next Question</button>
+        <button type="submit" onclick="return checkVoteCount()">Next Question</button>
     </form>
 </div>
 
@@ -46,9 +55,18 @@ <h4>A discussion for you to consider</h4>
         setTimeout(connect, 1000);
     });
     var studentVoteCount = 1;
+    var vote2done = false;
     var nextQuestionNumber = {{= nextQnum}};
     var assignId = '{{=assignment_id}}'
 
+    function checkVoteCount() {
+        if (studentVoteCount < 2) {
+            alert("You must vote twice before moving on");
+            return false;
+        }
+        return true;
+    }
+
     // this cannot happen until the event that indicates components are loaded
     $(document).on("runestone:login-complete", function () {
         logPeerEvent({

views/peer/peer_question.html

@@ -60,10 +60,19 @@ <h2>Peer Instruction: {{=assignment_name}}</h2>
 <script>
     var user = '{{=auth.user.username}}';
     var currentQuestion = '{{=XML(current_question.name)}}';
+    var vote2done = false;
     document.addEventListener("DOMContentLoaded", function (event) {
         setTimeout(connect, 1000);
         setTimeout(function () {
             window.mcList[currentQuestion].submitButton.innerHTML = "Submit";
+            window.mcList[currentQuestion].submitButton.addEventListener(
+                "click",
+                function() {
+                    if (studentVoteCount == 2) {
+                        vote2done = true;
+                    }
+                }
+            );
         }, 1000);
     });
     var studentVoteCount = 1;