Clicking on the date of a featured topic should show topic entrance

app/assets/javascripts/discourse/components/featured-topic.js.es6

@@ -0,0 +1,11 @@
+export default Ember.Component.extend({
+  classNameBindings: [':featured-topic'],
+
+  click(e) {
+    const $target = $(e.target);
+    if ($target.closest('.last-posted-at').length) {
+      this.sendAction('action', {topic: this.get('topic'), position: $target.offset()});
+      return false;
+    }
+  }
+});

app/assets/javascripts/discourse/controllers/discovery/categories.js.es6

@@ -7,7 +7,8 @@ export default DiscoveryController.extend({
   showPostsColumn: Em.computed.empty('withLogo'),
 
   actions: {
-    refresh: function() {
+
+    refresh() {
 
       // Don't refresh if we're still loading
       if (this.get('controllers.discovery.loading')) { return; }
@@ -17,15 +18,11 @@ export default DiscoveryController.extend({
       // Lesson learned: Don't call `loading` yourself.
       this.set('controllers.discovery.loading', true);
 
-      var parentCategory = this.get('model.parentCategory');
+      const parentCategory = this.get('model.parentCategory');
-      var promise;
+      const promise = parentCategory ? Discourse.CategoryList.listForParent(parentCategory) :
-      if (parentCategory) {
+                                       Discourse.CategoryList.list();
-        promise = Discourse.CategoryList.listForParent(parentCategory);
-      } else {
-        promise = Discourse.CategoryList.list();
-      }
 
-      var self = this;
+      const self = this;
       promise.then(function(list) {
         self.set('model', list);
         self.send('loadingComplete');

app/assets/javascripts/discourse/templates/components/featured-topic.hbs

@@ -0,0 +1,13 @@
+{{topic-status topic=topic}}
+<a class='title' href="{{unbound topic.lastUnreadUrl}}">{{{unbound topic.fancy_title}}}</a>
+{{topic-post-badges newPosts=topic.totalUnread unseen=topic.unseen url=topic.lastUnreadUrl}}
+
+{{#if latestTopicOnly}}
+  <div class='last-user-info'>
+    {{i18n 'categories.latest_by'}} <a href="{{{unbound topic.lastPosterUrl}}}">{{unbound topic.last_poster.username}}</a>
+    <a href="{{unbound topic.lastPostUrl}}">{{format-age topic.last_posted_at}}</a>
+  </div>
+{{else}}
+  &nbsp;
+  <a href class="last-posted-at">{{format-age topic.last_posted_at}}</a>
+{{/if}}

app/assets/javascripts/discourse/templates/discovery/categories.hbs

@@ -16,10 +16,10 @@
                 <div class="pull-left">
                   {{category-title-link category=c}}
                   {{#if c.unreadTopics}}
-                    <a href={{unbound c.unreadUrl}} class='badge new-posts badge-notification' title='{{i18n 'topic.unread_topics' count=c.unreadTopics}}'>{{i18n 'filters.unread.lower_title_with_count' count=c.unreadTopics}}</a>
+                    <a href="{{unbound c.unreadUrl}}" class='badge new-posts badge-notification' title='{{i18n 'topic.unread_topics' count=c.unreadTopics}}'>{{i18n 'filters.unread.lower_title_with_count' count=c.unreadTopics}}</a>
                   {{/if}}
                   {{#if c.newTopics}}
-                    <a href={{unbound c.newUrl}} class='badge new-posts badge-notification' title='{{i18n 'topic.new_topics' count=c.newTopics}}'>{{i18n 'filters.new.lower_title_with_count' count=c.newTopics}}</a>
+                    <a href="{{unbound c.newUrl}}" class='badge new-posts badge-notification' title='{{i18n 'topic.new_topics' count=c.newTopics}}'>{{i18n 'filters.new.lower_title_with_count' count=c.newTopics}}</a>
                   {{/if}}
                 </div>
                 <div class="clearfix"></div>
@@ -45,21 +45,7 @@
             </td>
             <td {{bind-attr class="c.archived :latest"}}>
               {{#each f in c.featuredTopics}}
-                <div class="featured-topic">
+                {{featured-topic topic=f latestTopicOnly=latestTopicOnly action="showTopicEntrance"}}
-                  {{topic-status topic=f}}
-                  <a class='title' href="{{unbound f.lastUnreadUrl}}">{{{unbound f.fancy_title}}}</a>
-                  {{topic-post-badges newPosts=f.totalUnread unseen=f.unseen url=f.lastUnreadUrl}}
-
-                  {{#if controller.latestTopicOnly}}
-                    <div class='last-user-info'>
-                      {{i18n 'categories.latest_by'}} <a href="{{{unbound f.lastPosterUrl}}}">{{unbound f.last_poster.username}}</a>
-                      <a href="{{unbound f.lastPostUrl}}">{{format-age f.last_posted_at}}</a>
-                    </div>
-                  {{else}}
-                    &nbsp;
-                    <a href="{{unbound f.lastPostUrl}}" class="last-posted-at">{{format-age f.last_posted_at}}</a>
-                  {{/if}}
-                </div>
               {{/each}}
             </td>
             <td class='stats' {{bind-attr title="c.topicStatsTitle"}}>