update

Author: dhanyn10

index.html

@@ -12,14 +12,6 @@ <h1 class="navbar-brand mb-0">Realtime Chat</h1>
         <div class="container">
             <div class="row">
                 <div class="col-sm-3">
-<!--
-                    <div class="card">
-                        <div class="card-header">
-                            User Online
-                        </div>
-                        <div class="card-block" id="useronline"></div>
-                    </div>
--->
                 </div>
                 <div class="col-sm-9">
                     <ul class="list-group"></ul>
@@ -45,10 +37,10 @@ <h1 class="navbar-brand mb-0">Realtime Chat</h1>
                 $('.list-group').append("<li class='list-group-item'>"+msg+"</li>");
             });
 
-            socket.on('calc', function(data){
-                $("#useronline").html(data['count']);
-                $('title').html('Realtime Chat (' + data['count'] + ")");
-            });
+            //retrieve data from index.js how many user online
+//            socket.on('calc', function(data){
+//                $("#useronline").html(data['count']);
+//            });
         </script>
     </body>
 </html>

index.js

@@ -2,7 +2,11 @@
 var app     = require('express')();
 var http    = require('http').Server(app);
 var io      = require('socket.io')(http);
+
+//set default port when launch the app
 var port    = process.env.PORT || 3000;
+
+//variable to store how many users online
 var count   = 0;
 
 app.get('/', function(req,res){
@@ -11,6 +15,7 @@ app.get('/', function(req,res){
 
 io.on('connection', function(socket){
 
+    //when a user online, +1 value to count
     count++;
     io.emit('calc', {count : count});
 
@@ -19,8 +24,11 @@ io.on('connection', function(socket){
 
     //notify that a user disconnected from chat
     socket.on('disconnect', function(){
+        
+        //check user disconnected
         console.log('user disconnect');
 
+        //when a user offline, -1 value to count
         count--;
         io.emit('calc', {count : count});
         console.log('user disconnect');
@@ -31,7 +39,7 @@ io.on('connection', function(socket){
     socket.on('chat message', function(msg){
         //display message on command prompt
         console.log('message : ' + msg);
-        //....
+        //return data message to index.html
         io.emit('chat message', msg);
     });
 });