refresh roster

public/admin.html

@@ -30,10 +30,12 @@
             <input type="text" placeholder="prompt" />
             <input type="submit" value="Send Prompt" />
         </form>
-        <br/>
         <hr/>
-        <br/>
-        <button>Reset Class</button>
+        <h2>Refresh Roster</h2>
+        <button id="refresh">Refresh Roster</button>
+        <hr/>
+        <h2>Reset Class</h2>
+        <button id="reset">Reset Class</button>
         <script src="/socket.io/socket.io.js"></script>
         <script src="/js/admin.js" charset="utf-8"></script>
     </body>

public/index.html

@@ -16,7 +16,7 @@
                 <dt class="list-group-item">Current Prompt</dt>
                 <dd class="list-group-item"></dd>
             </dl>
-            <button class="btn btn-lg btn-block btn-primary mt-5 invisible">I'm Done</button>
+            <button class="btn btn-lg btn-block btn-primary mt-5 invisible" disabled>I'm Done</button>
         </main>
         <script src="/socket.io/socket.io.js"></script>
         <script src="/js/index.js" charset="utf-8"></script>

public/js/admin.js

@@ -19,7 +19,6 @@ socket.on('prompt completed', function (usernames) {
     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){
@@ -54,7 +53,12 @@ document.querySelector('form').addEventListener('submit', (event)=>{
     socket.emit('prompt sent', document.querySelector('[type="text"]').value);
 });
 
-document.querySelector('button').addEventListener('click', (event)=>{
+document.querySelector('#reset').addEventListener('click', (event)=>{
     event.preventDefault();
     socket.emit('reset class');
 });
+
+document.querySelector('#refresh').addEventListener('click', (event)=>{
+    event.preventDefault();
+    socket.emit('refresh roster');
+});

public/js/index.js

@@ -25,6 +25,16 @@ socket.on('disconnect students', function (prompt) {
     window.close();
 });
 
+socket.on('get usernames', function (){
+    socket.emit('user joined', username);
+});
+
+socket.on('get completeds', function (){
+    if(button.getAttribute("disabled")){
+        socket.emit('prompt completed', username);
+    }
+});
+
 button.addEventListener('click', (event)=>{
     button.setAttribute("disabled",true);
     button.classList.add("invisible");

server.js

@@ -41,6 +41,12 @@ socketserver.on('connection', (socket)=>{
         socketserver.emit('username list', usernames);
         socketserver.emit('prompt completed', currentComplete);
     });
+    socket.on('refresh roster', ()=>{
+        usernames = [];
+        currentComplete = [];        
+        socketserver.emit('get usernames');
+        socketserver.emit('get completeds');
+    })
     socket.on('reset class', ()=>{
         usernames = [];
         currentComplete = [];