added more status messages when connecting

Author: timatooth

public/draw.js

@@ -30,6 +30,10 @@ $(function(){
     var cursors = {};
 
     var socket = io.connect();
+
+    socket.on('connect', function(){
+	$('#bigTitle').text('Connected to server');
+    });
 
     socket.on('moving', function (data) {
 
@@ -64,13 +68,15 @@ $(function(){
 
     socket.on('drawActionHistory', function(compressedHistory){
 	var i = 0;
+	$('#bigTitle').text("Decompressing History...");
 	var history = lzwCompress.unpack(compressedHistory);
+	$('#bigTitle').text("Rendering history...");
 	//offscreen canvas
 	var osc = document.createElement('canvas');
 	osc.width = 1600;
 	osc.height = 1000;
 	var osctx = osc.getContext('2d');
-	//history[i].fromX, history[i].fromY, history[i].toX, history[i].toY, history[i].color
+
 	for(i = 0; i < history.length; i += 1){
 	    osctx.beginPath();
 	    osctx.strokeStyle = history[i].color;
@@ -81,6 +87,7 @@ $(function(){
 	}
 
 	context.drawImage(osc, 0, 0);
+	$('#bigTitle').text("Draw anywhere!");
 
     });
 

views/main.jade

@@ -21,9 +21,9 @@ html
     div#cursors
     canvas#paper(width="1900" height="1000") Your browser doesn't support canvas!
     hgroup#instructions
-      h1 Draw anywhere!
-      h2 You will see everyone else who is doing the same.
-      h3 Note: Drawings are saved and get redrawn until server reboots!
+      h1#bigTitle Connecting...
+      h2 You will see everyone else drawing
+      h3 Note: Drawings are saved on the server. Come back any time!
     div#chatArea
     div#settingsPanel
       div#settingsPanelTab Settings