🎨 Added "Featured posts" filter and badge to stories list (#907)

closes TryGhost/Ghost#9234
- add `featured` badge to stories/pages that have the featured flag
- add "Featured posts" to the post type filter dropdown
- simplified badge logic in `{{gh-posts-list-item}}`

app/components/gh-posts-list-item.js

@@ -21,6 +21,7 @@ export default Component.extend({
 
     isFeatured: alias('post.featured'),
     isPage: alias('post.page'),
+    isDraft: equal('post.status', 'draft'),
     isPublished: equal('post.status', 'published'),
     isScheduled: equal('post.status', 'scheduled'),
 

app/controllers/posts.js

@@ -29,6 +29,9 @@ export default Controller.extend({
     }, {
         name: 'Scheduled posts',
         value: 'scheduled'
+    }, {
+        name: 'Featured posts',
+        value: 'featured'
     }, {
         name: 'Pages',
         value: 'page'

app/routes/posts.js

@@ -37,6 +37,10 @@ export default AuthenticatedRoute.extend(InfinityRoute, {
             let queryParams = this._typeParams(params.type);
             let filterParams = {tag: params.tag};
 
+            if (params.type === 'featured') {
+                filterParams.featured = true;
+            }
+
             if (user.get('isAuthor')) {
                 // authors can only view their own posts
                 filterParams.author = user.get('slug');

app/templates/components/gh-posts-list-item.hbs

@@ -2,18 +2,26 @@
 <p>{{subText}}</p>
 
 <section class="gh-content-entry-meta">
-    {{#if isPublished}}
-        {{#if post.page}}
-            <span class="gh-content-status-draft gh-badge gh-badge-black">Page</span>
-        {{else}}
-            <span class="gh-content-status-published">Published</span>
-        {{/if}}
-    {{else if isScheduled}}
+    {{#if isPage}}
+        <span class="gh-content-status-draft gh-badge gh-badge-black">Page</span>
+    {{/if}}
+
+    {{#if isScheduled}}
         <span class="gh-content-status-draft gh-badge">Scheduled</span>
-    {{else}}
+    {{/if}}
+
+    {{#if isDraft}}
         <span class="gh-content-status-draft gh-badge gh-badge-red">Draft</span>
     {{/if}}
 
+    {{#if isFeatured}}
+        <span class="gh-content-status-featured gh-badge gh-badge-blue">Featured</span>
+    {{/if}}
+
+    {{#if (and isPublished (not post.page))}}
+        <span class="gh-content-status-published">Published</span>
+    {{/if}}
+
     by <span class="gh-content-entry-author">{{authorName}}</span> &mdash;
 
     {{#if isPublished}}
@@ -23,4 +31,4 @@
     {{else}}
         Last edited {{gh-format-post-time post.updatedAtUTC draft=true}}
     {{/if}}
-</section>
+</section>