application.js

// vim: set ft=javascript sw=4 :

window.App = Ember.Application.create({

    ApplicationController: Ember.Controller.extend(),
    ApplicationView: Ember.View.extend({
        templateName: 'application',

        click: function(event) {
            console.log('appView saw a click');
        }
    }),

    LeftNavController: Ember.ObjectController.extend({}),
    LeftNavView: Ember.View.extend({
        classNames: ['left-nav'],
        templateName: 'left-nav'

    }),

    ItemFeedController: Ember.ObjectController.extend({
        translation: null
    }),
    ItemFeedView: Ember.View.extend({
        classNames: ['item-feed'],
        templateName: 'item-feed'
    }),

    Mode:  Ember.Object.extend(),

    Router: Ember.Router.extend({
        root: Ember.Route.extend({
            index: Ember.Route.extend({
                route: '/',
                connectOutlets: function(router) {
                    router.get('applicationController').connectOutlet({
                        name: 'leftNav',
                        outletName: 'leftNav',
                        context: Ember.A([{
                            id: '1'},
                        {
                            id: '2'}])
                    });
                    router.get('applicationController').connectOutlet({
                        name: 'itemFeed',
                        outletName: 'contentArea'
                    });
                },
                showMode: Ember.Route.transitionTo('mode')
            })
        }),


        mode: Ember.Route.extend({
          route: '/:mode_id',
          deserialize: function(manager, params) {
              debugger;
              console.log('holy cow, the deserialize fired');
              return this._super(manager,params);
          },
          serialize: function(manager, context) {
              debugger;
              return this._super(manager,context);
          },
          enter: function(a, b) {
              console.log('entered the mode state');
          },
          connectOutlets: function(manager,context) {
              debugger;
              console.log('this is the context: ' + context.id);
          },
          showMode: Ember.Route.transitionTo('mode')
        })
    })
});

App.initialize();