We have to create another file to initialize all our collections and render our views. Create chat.js along with the other JavaScript files present at static/js/. This will hold all the code we are going to cover next. The following code is the start of the file:
var PacktChat = window.PacktChat || {};
PacktChat.Chat = function(el){
var $root = $('#' + el),
socket = io.connect("http://localhost:3000/packtchat"),
me = null,
connected = false;
//to be initialized
var router,
roomsCollection,
userCollection,
chatCollection;
var GetMe = function GetMe(user){
me = new User(user);
Backbone.history.stop();
startChat(me);
Backbone.history.start();
connected = true;
};
socket.on('connect', function(){
if (!connected) socket.emit('GetMe');
});
socket.on('GetMe', GetMe);The first thing we are going to do is create a namespace we can use called PacktChat. We get a reference to this by checking whether it is already defined...