Category boxes with feature topics will show pins and locks as bullet for pinned and closed/archived topics

app/assets/javascripts/discourse/components/categories-boxes-topic.js.es6

@@ -0,0 +1,14 @@
+import computed from 'ember-addons/ember-computed-decorators';
+
+export default Ember.Component.extend({
+  tagName: "li",
+  classNameBindings: ['topicStatusIcon'],
+
+  @computed('topic.pinned', 'topic.closed', 'topic.archived')
+  topicStatusIcon() {
+    if(this.get('topic.pinned'))   { return 'topic-pinned'; }
+    if(this.get('topic.closed'))   { return 'topic-closed'; }
+    if(this.get('topic.archived')) { return 'topic-archived'; }
+    return 'topic-open';
+  }
+});

app/assets/javascripts/discourse/templates/components/categories-boxes-topic.hbs

@@ -0,0 +1,3 @@
+<a class='title' href="{{unbound topic.lastUnreadUrl}}">
+  {{text-overflow class="overflow" text=topic.fancyTitle}}
+</a>

app/assets/javascripts/discourse/templates/components/categories-boxes-with-topics.hbs

@@ -20,11 +20,7 @@
         {{#if c.topics}}
           <ul>
             {{#each c.topics as |topic|}}
-              <li>
+              {{categories-boxes-topic topic=topic}}
-                <a class='title' href="{{unbound topic.lastUnreadUrl}}">
-                  {{text-overflow class="overflow" text=topic.fancyTitle}}
-                </a>
-              </li>
             {{/each}}
           </ul>
         {{/if}}

app/assets/stylesheets/desktop/category-list.scss

@@ -309,5 +309,7 @@
       float: left;
       margin-left: -1.5em;
     }
+    li.topic-pinned:before { content: '\f08d'; }
+    li.topic-closed:before, li.topic-archived:before { content: '\f023'; }
   }
 }