reset class disconnects students

8 years ago · 03c82a24e2
parent 8ff4e696de
commit 03c82a24e2
3 changed files with 18 additions and 7 deletions
--- a/public/index.html
+++ b/public/index.html
@ -7,13 +7,17 @@
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous" />
    </head>
    <body class="jumbotron">
+        <header>
            <h1 class="display-1 text-center">Lesson Prompts</h1>
+        </header>
+        <main>
            <hr />
            <dl class="list-group">
                <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" disabled>I'm Done</button>
+        </main>
        <script src="/socket.io/socket.io.js"></script>
        <script src="/js/index.js" charset="utf-8"></script>
    </body>
--- a/public/js/index.js
+++ b/public/js/index.js
@ -18,6 +18,12 @@ socket.on('prompt sent', function (prompt) {
    }
 });

+socket.on('disconnect students', function (prompt) {
+    document.querySelector('h1').innerHTML = "Thanks for attending this class!"
+    document.querySelector('main').innerHTML = "";
+    window.close();
+});
+
 button.addEventListener('click', (event)=>{
    button.setAttribute("disabled",true);
    socket.emit('prompt completed', username);
--- a/server.js
+++ b/server.js
@ -48,6 +48,7 @@ socketserver.on('connection', (socket)=>{
        socketserver.emit('username list', usernames);
        socketserver.emit('prompt completed', currentComplete);
        socketserver.emit('prompt sent', currentPrompt);
+        socketserver.emit('disconnect students', currentPrompt);
    });
 });