display active connections

client/css/style.css

@@ -583,6 +583,9 @@ img {
 	text-align: right;
 }
 
+.active-connections {
+	color: #999
+}
 
 
 

server.js

@@ -32,14 +32,24 @@ server.listen(port);
 
 console.log('Server running at http://127.0.0.1:' + port + '/');
 
+/**************
+ SETUP Socket.IO
+**************/
+var io = require('socket.io')(server);
+
 /**************
  ROUTES
 **************/
 app.get('/', function(req, res) {
 	//console.log(req.header('host'));
 	url = req.header('host');
+
+	var connected = io.sockets.connected;
+	clientsCount = Object.keys(connected).length;
+
 	res.render('home.jade', {
-		 url: url
+		url: url,
+		connected: clientsCount
 	});
 });
 
@@ -61,8 +71,6 @@ app.get('/:id', function(req, res){
 /**************
  SOCKET.I0
 **************/
-var io = require('socket.io')(server);
-
 io.sockets.on('connection', function (client) {
 	//santizes text
 	function scrub( text ) {

views/home.jade

@@ -52,6 +52,7 @@ body
 
 
 	//display # of active users here
+	div.active-connections= "connections: " + connected
 
 	//<div style="width: 980px; height: 450px; border: solid 2px; opacity:.1; margin-top: 100px"> this will be the backlog that only appears on drag or perhaps not at all</div>