diff --git a/app/assets/javascripts/discourse/components/categories-boxes-topic.js.es6 b/app/assets/javascripts/discourse/components/categories-boxes-topic.js.es6 new file mode 100644 index 00000000000..7a23f3e1409 --- /dev/null +++ b/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'; + } +}); diff --git a/app/assets/javascripts/discourse/templates/components/categories-boxes-topic.hbs b/app/assets/javascripts/discourse/templates/components/categories-boxes-topic.hbs new file mode 100644 index 00000000000..5251070169e --- /dev/null +++ b/app/assets/javascripts/discourse/templates/components/categories-boxes-topic.hbs @@ -0,0 +1,3 @@ + + {{text-overflow class="overflow" text=topic.fancyTitle}} + diff --git a/app/assets/javascripts/discourse/templates/components/categories-boxes-with-topics.hbs b/app/assets/javascripts/discourse/templates/components/categories-boxes-with-topics.hbs index 6e65397af84..8909e8a9bab 100644 --- a/app/assets/javascripts/discourse/templates/components/categories-boxes-with-topics.hbs +++ b/app/assets/javascripts/discourse/templates/components/categories-boxes-with-topics.hbs @@ -20,11 +20,7 @@ {{#if c.topics}}