ES6: More components moved over.

app/assets/javascripts/discourse/components/groups-list.js.es6

@@ -6,7 +6,7 @@
   @namespace Discourse
   @module Discourse
 **/
-Discourse.GroupsListComponent = Em.Component.extend({
+export default Em.Component.extend({
   classNames: ['groups']
 });
 

app/assets/javascripts/discourse/components/navigation-item.js.es6

@@ -6,7 +6,7 @@
   @namespace Discourse
   @module Discourse
 **/
-Discourse.NavigationItemComponent = Ember.Component.extend({
+export default Ember.Component.extend({
   tagName: 'li',
   classNameBindings: ['active', 'content.hasIcon:has-icon'],
   attributeBindings: ['title'],

app/assets/javascripts/discourse/components/notification-item.js.es6

@@ -0,0 +1,18 @@
+export default Ember.Component.extend({
+  tagName: 'li',
+  classNameBindings: ['notification.read'],
+
+  _markRead: function(){
+    var self = this;
+    this.$('a').click(function(){
+      self.set('notification.read', true);
+      return true;
+    });
+  }.on('didInsertElement'),
+
+  render: function(buffer) {
+    var notification = this.get('notification'),
+        text = I18n.t(this.get('scope'), Em.getProperties(notification, 'link', 'username'));
+    buffer.push('<span>' + text + '</span>');
+  }
+});

app/assets/javascripts/discourse/components/notification_item_component.js

@@ -1,11 +0,0 @@
-Discourse.NotificationItemComponent = Ember.Component.extend({
-  tagName: 'span',
-  didInsertElement: function(){
-    var self = this;
-    this.$('a').click(function(){
-      self.set('model.read', true);
-      self.rerender();
-      return true;
-    });
-  }
-});

app/assets/javascripts/discourse/templates/components/notification-item.js.handlebars

@@ -1 +0,0 @@
-{{unbound boundI18n scope linkBinding="model.link" usernameBinding="model.username"}}

app/assets/javascripts/discourse/templates/notifications.js.handlebars

@@ -3,7 +3,7 @@
     {{#if content}}
       <ul>
         {{#each}}
-        <li {{bind-attr class="read"}}>{{notification-item model=this scope=scope}}</li>
+          {{notification-item notification=this scope=scope}}
         {{/each}}
         <li class="read last">
           <a {{bind-attr href="currentUser.path"}}>{{i18n notifications.more}} &hellip;</a>

config/initializers/silence_logger.rb

@@ -18,7 +18,8 @@ class SilenceLogger < Rails::Rack::Logger
     if    env[HTTP_X_SILENCE_LOGGER] ||
           @opts[:silenced].include?(path_info) ||
           path_info.start_with?('/logs') ||
-          path_info.start_with?('/user_avatar')
+          path_info.start_with?('/user_avatar') ||
+          path_info.start_with?('/letter_avatar')
       Rails.logger.level = Logger::WARN
       @app.call(env)
     else

test/javascripts/controllers/notifications_controller_test.js

@@ -71,10 +71,10 @@ test("displays a list of notifications and a 'more' link when there are notifica
   var items = fixture(itemSelector);
   equal(count(items), 3, "number of list items is correct");
 
-  equal(items.eq(0).attr("class"), "", "first (unread) item has proper class");
+  equal(items.eq(0).attr("class"), "ember-view", "first (unread) item has proper class");
   equal(items.eq(0).text().trim(), "scope_1 username_1 link_1", "first item has correct content");
 
-  equal(items.eq(1).attr("class"), "read", "second (read) item has proper class");
+  equal(items.eq(1).attr("class"), "ember-view read", "second (read) item has proper class");
   equal(items.eq(1).text().trim(), "scope_2 username_2 link_2", "second item has correct content");
 
   var moreLink = items.eq(2).find("> a");