2017-02-15 15:43:49 +03:00
|
|
|
<section class="gh-canvas">
|
2019-06-18 13:47:21 +03:00
|
|
|
<GhCanvasHeader class="gh-canvas-header post-header">
|
|
|
|
<h2 class="gh-canvas-title" data-test-screen-title>Posts</h2>
|
2017-02-23 21:47:52 +03:00
|
|
|
<section class="view-actions">
|
2020-01-15 18:15:20 +03:00
|
|
|
<GhContentfilter
|
|
|
|
@selectedType={{this.selectedType}}
|
|
|
|
@availableTypes={{this.availableTypes}}
|
|
|
|
@onTypeChange={{action "changeType"}}
|
|
|
|
@selectedAuthor={{this.selectedAuthor}}
|
|
|
|
@availableAuthors={{this.availableAuthors}}
|
|
|
|
@onAuthorChange={{action "changeAuthor"}}
|
|
|
|
@selectedTag={{this.selectedTag}}
|
|
|
|
@availableTags={{this.availableTags}}
|
|
|
|
@onTagChange={{action "changeTag"}}
|
|
|
|
@selectedOrder={{this.selectedOrder}}
|
|
|
|
@availableOrders={{this.availableOrders}}
|
|
|
|
@onOrderChange={{action "changeOrder"}}
|
|
|
|
/>
|
2019-06-18 13:47:21 +03:00
|
|
|
|
2020-01-16 18:14:03 +03:00
|
|
|
<LinkTo @route="editor.new" @model="post" class="gh-btn gh-btn-green" data-test-new-post-button={{true}}><span>New post</span></LinkTo>
|
2019-06-18 13:47:21 +03:00
|
|
|
</section>
|
|
|
|
</GhCanvasHeader>
|
2017-02-23 21:47:52 +03:00
|
|
|
|
|
|
|
<section class="content-list">
|
2019-12-13 17:20:29 +03:00
|
|
|
<ol class="posts-list gh-list {{unless this.postsInfinityModel "no-posts"}}">
|
|
|
|
{{#if this.postsInfinityModel}}
|
2019-06-18 13:47:21 +03:00
|
|
|
<li class="gh-list-row header">
|
2019-08-27 16:51:31 +03:00
|
|
|
<div class="gh-list-header no-padding">{{!--Favorite indicator column: no header--}}</div>
|
2019-06-18 13:47:21 +03:00
|
|
|
<div class="gh-list-header gh-posts-title-header">Title</div>
|
2019-11-14 15:53:43 +03:00
|
|
|
<div class="gh-list-header gh-posts-status-header">Status</div>
|
|
|
|
<div class="gh-list-header gh-posts-lastupdate-header">Last update</div>
|
2019-06-18 13:47:21 +03:00
|
|
|
</li>
|
|
|
|
{{/if}}
|
|
|
|
|
2019-12-13 17:20:29 +03:00
|
|
|
{{#each this.postsInfinityModel as |post|}}
|
2020-01-16 18:14:03 +03:00
|
|
|
<GhPostsListItem
|
|
|
|
@post={{post}}
|
|
|
|
data-test-post-id={{post.id}} />
|
2017-02-23 21:47:52 +03:00
|
|
|
{{else}}
|
2019-06-18 13:47:21 +03:00
|
|
|
<li class="no-posts-box">
|
|
|
|
<div class="no-posts">
|
2019-12-13 17:20:29 +03:00
|
|
|
{{#if this.showingAll}}
|
2019-06-18 13:47:21 +03:00
|
|
|
{{svg-jar "posts-placeholder" class="gh-posts-placeholder"}}
|
|
|
|
<h3>You haven't written any posts yet!</h3>
|
2020-01-16 18:14:03 +03:00
|
|
|
<LinkTo @route="editor.new" @model="post" class="gh-btn gh-btn-green gh-btn-lg">
|
2019-06-18 13:47:21 +03:00
|
|
|
<span>Write a new post</span>
|
2020-01-16 18:14:03 +03:00
|
|
|
</LinkTo>
|
2019-06-18 13:47:21 +03:00
|
|
|
{{else}}
|
|
|
|
<h3>No posts match the current filter</h3>
|
2020-01-16 18:14:03 +03:00
|
|
|
<LinkTo @route="posts" @query={{hash type=null author=null tag=null}} class="gh-btn gh-btn-lg">
|
2019-06-18 13:47:21 +03:00
|
|
|
<span>Show all posts</span>
|
2020-01-16 18:14:03 +03:00
|
|
|
</LinkTo>
|
2019-06-18 13:47:21 +03:00
|
|
|
{{/if}}
|
|
|
|
</div>
|
|
|
|
</li>
|
2017-02-23 21:47:52 +03:00
|
|
|
{{/each}}
|
|
|
|
</ol>
|
|
|
|
|
2020-01-16 18:14:03 +03:00
|
|
|
<GhInfinityLoader
|
|
|
|
@infinityModel={{this.postsInfinityModel}}
|
|
|
|
@scrollable=".gh-main"
|
|
|
|
@triggerOffset={{1000}} />
|
2017-02-23 21:47:52 +03:00
|
|
|
</section>
|
|
|
|
|
2017-01-25 23:05:28 +03:00
|
|
|
{{outlet}}
|
|
|
|
</section>
|