import Ember from 'ember';

import HasItemLists from 'flarum/mixins/has-item-lists';
import NavItem from 'flarum/components/ui/nav-item';
import DropdownSelect from 'flarum/components/ui/dropdown-select';

var precompileTemplate = Ember.Handlebars.compile;

export default Ember.View.extend(HasItemLists, {
  itemLists: ['sidebar'],

  didInsertElement: function() {
    // Affix the sidebar so that when the user scrolls down it will stick
    // to the top of their viewport.
    var $sidebar = this.$('.user-nav');
    $sidebar.find('> ul').affix({
      offset: {
        top: function () {
          return $sidebar.offset().top - $('#header').outerHeight(true) - parseInt($sidebar.css('margin-top'));
        },
        bottom: function () {
          return (this.bottom = $('#footer').outerHeight(true));
        }
      }
    });
  },

  populateSidebar: function(items) {
    var nav = this.populateItemList('nav');
    items.pushObjectWithTag(DropdownSelect.extend({items: nav, listItemClass: 'title-control'}), 'nav');
  },

  populateNav: function(items) {
    items.pushObjectWithTag(NavItem.extend({
      label: 'Activity',
      icon: 'user',
      layout: precompileTemplate('{{#link-to "user.activity" (query-params filter="")}}{{fa-icon icon}} {{label}}{{/link-to}}')
    }), 'activity');

    items.pushObjectWithTag(NavItem.extend({
      label: 'Discussions',
      icon: 'reorder',
      badge: Ember.computed.alias('controller.model.discussionsCount'),
      controller: this.get('controller'),
      layout: precompileTemplate('{{#link-to "user.activity" (query-params filter="discussions")}}{{fa-icon icon}} {{label}} <span class="count">{{badge}}</span>{{/link-to}}')
    }), 'discussions');

    items.pushObjectWithTag(NavItem.extend({
      label: 'Posts',
      icon: 'comment-o',
      badge: Ember.computed.alias('controller.model.commentsCount'),
      controller: this.get('controller'),
      layout: precompileTemplate('{{#link-to "user.activity" (query-params filter="posts")}}{{fa-icon icon}} {{label}} <span class="count">{{badge}}</span>{{/link-to}}')
    }), 'posts');

    this.addSeparatorItem(items);

    if (this.get('controller.model') === this.get('controller.session.user')) {
      items.pushObjectWithTag(NavItem.extend({
        label: 'Settings',
        icon: 'cog',
        layout: precompileTemplate('{{#link-to "user.settings"}}{{fa-icon icon}} {{label}}{{/link-to}}')
      }), 'settings');
    }
  }
});

@@ -1059,24 +1059,179 @@
 on(items) %7B%0A
+    var HasUser = Ember.Mixin.create(%7B%0A      parentController: this.get('controller'),%0A      user: Ember.computed.alias('parentController.model')%0A    %7D);%0A%0A
     items.pu
@@ -1253,32 +1253,41 @@
 (NavItem.extend(
+HasUser, 
 %7B%0A      label: '
@@ -1502,32 +1502,41 @@
 (NavItem.extend(
+HasUser, 
 %7B%0A      label: '
@@ -1611,83 +1611,29 @@
 as('
-controller.model.discussionsCount'),%0A      controller: this.get('controller
+user.discussionsCount
 '),%0A
@@ -1868,32 +1868,41 @@
 (NavItem.extend(
+HasUser, 
 %7B%0A      label: '
@@ -1969,17 +1969,23 @@
 .alias('
-c
+parentC
 ontrolle
@@ -2013,50 +2013,8 @@
 '),%0A
-      controller: this.get('controller'),%0A
     

Clean up user nav items