client.js

window.log = function() {
	try {
		console.log.apply(console, arguments);
	} catch(e) {
		//alert( Array.prototype.join.call( arguments, " "));
	}
};

var App = App || {},
nicks;

App.util = {};

App.util.zeroPad = function(digits, n) {
	n = n.toString();
	while (n.length < digits) {
		n = '0' + n;
	}
	return n;
};

App.util.timeString = function(date) {
	var minutes = date.getMinutes().toString(),
	hours = date.getHours().toString();
	return App.util.zeroPad(2, hours) + ':' + App.util.zeroPad(2, minutes);
};

App.config = {
	nick: null,
	id: null
};

App.who = function() {
	$.getJSON('/who', function(data, status) {
		if (status !== 'success') {
			return;
		}
		nicks = data.nicks;
		$('#usersLink').text(nicks.length.toString() + ' user');
	});
};

App.userJoin = function(nick, timestamp) {
	App.addMessage(nick, 'joined', timestamp, 'join');
};

App.addMessage = function(from, text, time, _class) {
	var messageElement, content;
	if (!text) {
		return;
	}

	if (!time) {
		// if time is not mentioned then use current time
		time = new Date();
	}

	time = App.util.timeString(time);

	messageElement = $('<table />', {
		className: 'message'
	});

	if (_class) {
		messageElement.addClass(_class);
	}

	content = '<tr>' + "<td class='date'>" + time + "</td>" + "<td class='nick'>" + from + "</td>" + "<td class='msg-text'>" + text + "</td>" + "</tr>";
	messageElement.html(content);

	$('#log').append(messageElement);

};

App.onConnect = function(session) {
	if (session.error) {
		alert(session.error);
		showConnect();
		return;
	}
	App.config.nick = session.nick;
	App.config.id = session.id;
	App.who();
	App.userJoin(App.config.nick, new Date());
	App.showChat();

};

$('#connectButton').live('click', function(e) {

	var nick = $('#nickInput').attr('value');
	log(nick);

	if (nick.length > 50) {
		alert('nick too long. 50 characters max');
		return false;

	} else if (/[^\w-]/.test(nick)) {
		alert('Bad character found. Only letters, numbers, _ and - are allowed');
		return false;

	} else if ($.trim(nick).length < 1) {
		alert('enter nick name');
		return false;
	}

	$.ajax({
		cache: false,
		type: 'GET',
		url: '/join',
		data: {
			nick: nick
		},
		error: function() {
			alert('Error connecting to server');
		},
		success: App.onConnect
	});

	return false;

});

$('#entry').live('keypress', function(e) {
	if (e.keyCode != 13) {
		return;
	}
	var msg = $('#entry').attr('value').replace('\n', '');
	App.send(msg);
	$('#entry').attr('value', '');
});

App.showConnect = function() {
	$('#connect').show();
	$('#loading').hide();
	$('#toolbar').hide();
	$('#nickInput').focus();
};

App.showLoad = function() {
	$('#connect').hide();
	$('#loading').show();
	$('#toolbar').hide();
};

App.showChat = function() {
	$('#connect').hide();
	$('#loading').hide();
	$('#toolbar').show();
};

$(function() {
	App.showConnect();

	//update the clock every second
	setInterval(function() {
		$('#currentTime').text(App.util.timeString(new Date()));
	},
	1000);

});