From 03b25900361eef688d349604993b25a480863b7a Mon Sep 17 00:00:00 2001 From: Jeff Wong Date: Fri, 30 Mar 2018 18:49:13 -0700 Subject: [PATCH] Add unseen-topic and new-posts classnames to topic lists Adds classname descriptions for new, unread posts, and closed statuses on topic-list-items. Allows for new/unread/closed topic-list-items to be targeted with css directly. --- .../discourse/components/topic-list-item.js.es6 | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/app/assets/javascripts/discourse/components/topic-list-item.js.es6 b/app/assets/javascripts/discourse/components/topic-list-item.js.es6 index bf8e273d444..b521ea876bf 100644 --- a/app/assets/javascripts/discourse/components/topic-list-item.js.es6 +++ b/app/assets/javascripts/discourse/components/topic-list-item.js.es6 @@ -63,8 +63,15 @@ export default Ember.Component.extend(bufferedRender({ classes.push('has-excerpt'); } + if (topic.get('unseen')) { + classes.push("unseen-topic"); + } - ['liked', 'archived', 'bookmarked', 'pinned'].forEach(name => { + if (topic.get('displayNewPosts')) { + classes.push("new-posts"); + } + + ['liked', 'archived', 'bookmarked', 'pinned', 'closed'].forEach(name => { if (topic.get(name)) { classes.push(name); }