clean up a few things for peer instruction

Author: bnmnetp

static/js/peer.js

@@ -225,7 +225,7 @@ async function sendMessage(event) {
     var messages = document.getElementById("messages");
     var message = document.createElement("li");
     message.classList.add("outgoing-mess");
-    var content = document.createTextNode(input.value);
+    var content = document.createTextNode(`${user}: ${input.value}`);
     message.appendChild(content);
     messages.appendChild(message);
     input.value = "";
@@ -249,6 +249,7 @@ function warnAndStopVote(event) {
         let butt = document.querySelector("#vote3");
         butt.classList.replace("btn-info", "btn-secondary");
     }
+    event.srcElement.disabled = true;
 }
 
 async function makePartners() {
@@ -276,6 +277,9 @@ async function makePartners() {
     let spec = await resp.json();
     if (spec !== "success") {
         alert(`Pairs not made! ${spec}`);
+    } else {
+        // success
+        document.querySelector("#makep").disabled = true;
     }
 }
 
@@ -293,6 +297,7 @@ function startVote2(event) {
     };
     //ws.send(JSON.stringify(mess));
     publishMessage(mess);
+    event.srcElement.disabled = true;
 }
 
 async function clearPartners(event) {

views/peer/peer_question.html

@@ -29,14 +29,17 @@ <h2>Peer Instruction: {{=assignment_name}}</h2>
         <div id="peerlist">
         </div>
         <p>Please discuss the answers with your group members</p>
-        <textarea id="messageText" rows="6" cols="40">
-</textarea>
-        <button id="sendpeermsg" type="button" onclick="sendMessage()">Send</button>
         <div>
             <ul id="messages" class="conversation">
 
             </ul>
         </div>
+
+        <textarea id="messageText" rows="6" style="width: 350px;">
+</textarea>
+        <div class="text-center" style="width: 350px;">
+        <button id="sendpeermsg" type="button" onclick="sendMessage()">Send</button>
+        </div>
         <form>
             <div class="form-group">
                 Please provide a confidential rating of <select id="peersel" name="peercel"></select>