For cleaning up Ember code.

bootstrap-ember-navlink.js

/**
 * Usage in Handlebars template:
 * <nav class="....................">
 *  <div class="shitty bootstrap stuff.f.f.ds.fas.df"..............>
 *    <ul>
 *      {{nav-link route='home' title='Home'}}
 *      {{nav-link route='stories' title='Stories'}}
 *    </ul>
 *  </div>
 * </nav>
 */
 
App.reopen({
  'currentRoute': ''
});

// It should be somewhere!!
// App.ApplicationController = Ember.Controller.extend();

App.ApplicationController.reopen({
  updateCurrentPath: function() {
    App.set('currentRoute', this.get('currentPath'));
  }.observes('currentPath')
})

App.NavLinkView = Em.View.extend({
  tagName: 'li',
  classNameBindings: ['isCurrentRoute:active'],
  template: Ember.Handlebars.compile('{{#link-to view.route}}{{view.title}}{{/link-to}}'),
  currentRouteBinding: 'App.currentRoute',
  isCurrentRoute: function() {
    return this.get('currentRoute').indexOf(this.get('route')) === 0;
  }.property('currentRoute')
});

Ember.Handlebars.helper('navbar-link', App.NavLinkView);