bootstrap isActive link/li component

isactive-component.js

// Bootstrap3
App.ActiveLiComponent = Ember.Component.extend({
  tagName           : 'li',
  classNameBindings : ['isActive:active:inactive'],

  router: function() {
    return this.container.lookup('router:main');
  }.property(),

  isActive: function() {
    var currentWhen = this.get('currentWhen');
    return this.get('router').isActive(currentWhen);
  }.property('router.url', 'currentWhen')
});