Jump To …

index.js

grab jQuery from global, assumption will be that jQuery will be an html include

 
var $ = window.jQuery;

need to tell backbone to use jQuery

 
require('backbone').setDomLibrary($);

side-effecting requires

 
require('./socket-sync');

var Player = require('./common/player'),

require the client override of the game model

 
    Game   = require('./models/game'),
    views  = require('./views/game.view');



$(function(){

  var bNameEntered = false;

  $('#myModal').modal()

  $('#loginForm').submit(function(){
    return false;
  })

detect the name changing

 
  $('#gameName').bind("change keyup input",function() {
      bNameEntered = true;
      $('#enterGame').removeClass('disabled');
  });



   $('#enterGame').click(function(e){
     if (!bNameEntered) {
        e.preventDefault();
        return false;
     }

     $('#myModal').modal('toggle');
     var name = $('#gameName').val();

register with game

 
     window.me = new Player({name: name});

me enters the game

 
     window.me.save(null,
                    {success: function() {
                               window.meId = me.get('id');
                                console.log('player syncd', me.get('id'));
                                window.game = new Game({meId: me.get('id')});
                                game.save(null,
                                          {success:function(){

the game is joined

 
                                              console.log('the game is joined', game);
                                              $('#statusBlock').css('display', 'none');
                                              window.gameView = new views.GameView({model:game});
                                            }
                                          });
                               
                             },
     
                    error:function(){
                      console.log(arguments);
                    }})
  })
});