Initialize item-lists on init event; allow items to be hidden

ember/app/components/ui/item-list.js

@@ -13,12 +13,12 @@ export default Ember.Component.extend({
     if (!Ember.isArray(items)) {
       return [];
     }
+    var instances = [];
     items.forEach(function(item) {
-      item.reopenClass({
+      item = item.create();
-        isListItem: item.proto().tagName === 'li',
+      item.set('isListItem', item.constructor.proto().tagName === 'li');
-        listItemClass: item.proto().listItemClass
+      instances.pushObject(item);
-      });
     });
-    return items;
+    return instances;
   })
 });

ember/app/mixins/has-item-lists.js

@@ -7,7 +7,7 @@ import SeparatorItem from 'flarum/components/ui/separator-item';
 export default Ember.Mixin.create({
   itemLists: [],
 
-  initItemLists: Ember.on('didInsertElement', function() {
+  initItemLists: Ember.on('init', function() {
     var self = this;
     this.get('itemLists').forEach(function(name) {
       self.initItemList(name);

ember/app/templates/components/ui/item-list.hbs

@@ -1,7 +1,9 @@
 {{#each item in listItems}}
-  {{#if item.isListItem}}
+  {{#unless item.isHiddenInList}}
-    {{view item}}
+    {{#if item.isListItem}}
-  {{else}}
+      {{view item}}
-    <li class="{{item.listItemClass}}">{{view item}}</li>
+    {{else}}
-  {{/if}}
+      <li class="{{item.listItemClass}}">{{view item}}</li>
+    {{/if}}
+  {{/unless}}
 {{/each}}

ember/app/views/discussion.js

@@ -54,12 +54,14 @@ export default Ember.View.extend(HasItemLists, {
       buttonClass: 'btn-primary',
       listItemClass: 'primary-control',
     }), 'controls');
+  },
 
-    items.pushObjectWithTag(StreamScrubber.extend({
+  addStreamScrubber: Ember.on('didInsertElement', function() {
+    this.get('sidebar').pushObjectWithTag(StreamScrubber.extend({
       streamContent: this.get('streamContent'),
       listItemClass: 'title-control'
     }), 'scrubber');
-  },
+  }),
 
   populateControls: function(items) {
     var view = this;