Render deleted users better

framework/core/ember/app/components/discussion/post-header/user.js

@@ -8,5 +8,5 @@ var precompileTemplate = Ember.Handlebars.compile;
 export default Ember.Component.extend({
   tagName: 'h3',
   classNames: ['post-user'],
-  layout: precompileTemplate('{{#link-to "user" post.user}}{{user-avatar post.user}} {{post.user.username}}{{/link-to}}')
+  layout: precompileTemplate('{{#if post.user}}{{#link-to "user" post.user}}{{user-avatar post.user}} {{user-name post.user}}{{/link-to}}{{else}}{{user-avatar post.user}} {{user-name post.user}}{{/if}}')
 });

framework/core/ember/app/helpers/user-avatar.js

@@ -1,7 +1,7 @@
 import Ember from 'ember';
 
 export default Ember.Handlebars.makeBoundHelper(function(user, options) {
-  var attributes = 'class="avatar '+options.hash.class+'"';
+  var attributes = 'class="avatar '+(options.hash.class || '')+'"';
   var content = '';
 
   if (user) {

framework/core/ember/app/helpers/user-name.js

@@ -0,0 +1,12 @@
+import Ember from 'ember';
+
+export default Ember.Handlebars.makeBoundHelper(function(user, options) {
+  var username;
+  if (user) {
+    username = user.get('username');
+  }
+  username = username || '[deleted]';
+
+  return new Ember.Handlebars.SafeString('<span class="username">'+Ember.Handlebars.Utils.escapeExpression(username)+'</span>');
+});
+

framework/core/ember/app/styles/flarum/components.less

@@ -234,6 +234,7 @@
   font-weight: 300;
   text-align: center;
   vertical-align: top;
+  background-color: @fl-body-control-bg;
   .avatar-size(48px);
 
   & img {

framework/core/ember/app/templates/components/index/discussion-info/terminal-post.hbs

@@ -1,7 +1,7 @@
 {{#if displayLastPost}}
-  <span class="username">{{discussion.lastUser.username}}</span> replied
+  {{user-name discussion.lastUser}} replied
-  <span class="time">{{human-time discussion.lastTime}}</span>
+  {{human-time discussion.lastTime}}
 {{else}}
-  <span class="username">{{discussion.startUser.username}}</span> started
+  {{user-name discussion.startUser}} started
-  <span class="time">{{human-time discussion.startTime}}</span>
+  {{human-time discussion.startTime}}
 {{/if}}