Support for deleting small post actions

app/assets/javascripts/discourse/components/small-action.js.es6

@@ -30,6 +30,10 @@ export default Ember.Component.extend({
   actions: {
     edit: function() {
       this.sendAction('editPost', this.get('post'));
+    },
+
+    delete: function() {
+      this.sendAction('deletePost', this.get('post'));
     }
   }
 

app/assets/javascripts/discourse/templates/components/small-action.hbs

@@ -1,8 +1,11 @@
 <div class='topic-avatar'>{{fa-icon icon}}</div>
 <div class='small-action-desc'>
   {{#if post}}
+    {{#if post.can_delete}}
+      <button {{action "delete"}} title={{i18n "post.controls.delete"}}>{{fa-icon "times"}}</button>
+    {{/if}}
     {{#if post.can_edit}}
-      <button {{action "edit"}} title="{{i18n "post.controls.edit"}}">{{fa-icon "pencil"}}</button>
+      <button {{action "edit"}} title={{i18n "post.controls.edit"}}>{{fa-icon "pencil"}}</button>
     {{/if}}
     <a href={{post.usernameUrl}} data-user-card={{post.username}}>
       {{avatar post imageSize="small"}}

app/assets/javascripts/discourse/templates/post-small-action.hbs

@@ -1,3 +1,9 @@
 {{post-gap post=this postStream=controller.model.postStream before="true"}}
-{{small-action actionCode=action_code post=this daysAgo=view.daysAgo editPost="editPost"}}
+
+{{small-action actionCode=action_code
+               post=this
+               daysAgo=view.daysAgo
+               editPost="editPost"
+               deletePost="deletePost"}}
+
 {{post-gap post=this postStream=controller.model.postStream before="false"}}

app/assets/stylesheets/desktop/topic-post.scss

@@ -587,7 +587,7 @@ a.mention {
 }
 
 .deleted {
-  .topic-body {
+  .topic-body, .small-action {
     background-color: dark-light-diff(rgba($danger,.7), $secondary, 50%, -60%);
   }
 }