uncompleted list

public/admin.html

@@ -19,6 +19,10 @@
             <dd id="completed-list">
                 <ul></ul>
             </dd>
+            <dt>Uncompleted List</dt>
+            <dd id="uncompleted-list">
+                <ul></ul>
+            </dd>
             <dt>Current Prompt:</dt>
             <dd id="current-prompt"></dd>
         </dl>

public/js/admin.js

@@ -1,4 +1,5 @@
 let enteredPwd;
+let students;
 while(enteredPwd !== 'lemme in'){
     enteredPwd = prompt("Enter admin password");
 }
@@ -13,6 +14,19 @@ socket.on('prompt completed', function (usernames) {
         newLi.innerHTML = user;
         roster.appendChild(newLi);
     }
+
+    //uncompleted
+    const uncompleted = students.filter((student)=>{
+        return usernames.indexOf(student) < 0;
+    });
+    console.log(uncompleted);
+    const uncompletedUl = document.querySelector('#uncompleted-list ul');
+    uncompletedUl.innerHTML = "";
+    for(user of uncompleted){
+        const newLi = document.createElement('li');
+        newLi.innerHTML = user;
+        uncompletedUl.appendChild(newLi);
+    }
 });
 
 socket.on('prompt sent', function (prompt) {
@@ -23,6 +37,7 @@ socket.on('prompt sent', function (prompt) {
 });
 
 socket.on('username list', function (usernames) {
+    students = usernames;
     document.querySelector('#num-users').innerHTML = usernames.length;
     const roster = document.querySelector('#roster ul');
     roster.innerHTML = "";

public/js/index.js

@@ -3,7 +3,7 @@ const button = document.querySelector('button');
 
 let username;
 while(!username){
-    username = prompt("Enter a username for this session");
+    username = prompt("Enter your full name for this session");
     socket.emit('user joined', username);
 }
 

server.js

@@ -12,11 +12,12 @@ socketserver.on('connection', (socket)=>{
     socketserver.emit('prompt sent', currentPrompt);
     socketserver.emit('username list', usernames);
     socketserver.emit('prompt completed', currentComplete);
-    
+
     socket.on('prompt sent', (prompt)=>{
         currentComplete = [];
         currentPrompt = prompt;
         socketserver.emit('prompt sent', currentPrompt);
+        socketserver.emit('prompt completed', currentComplete);
     });
     socket.on('prompt completed', (username)=>{
         currentComplete.push(username);
@@ -31,12 +32,14 @@ socketserver.on('connection', (socket)=>{
     socket.on('user joined', (username)=>{
         usernames.push(username);
         socketserver.emit('username list', usernames);
+        socketserver.emit('prompt completed', currentComplete);
     });
     socket.on('user dropped', (username)=>{
         usernames = usernames.filter((currentElement)=>{
             return currentElement !== username;
         });
         socketserver.emit('username list', usernames);
+        socketserver.emit('prompt completed', currentComplete);
     });
 });