2022-08-24 17:46:39 +03:00
|
|
|
<section class="gh-canvas gh-canvas-sticky">
|
2022-10-04 08:35:29 +03:00
|
|
|
<GhCanvasHeader class="gh-canvas-header sticky break tablet post-header">
|
2022-02-01 20:59:20 +03:00
|
|
|
<GhCustomViewTitle @title={{if this.session.user.isContributor (concat this.config.blogTitle " posts") "Posts"}} @query={{reset-query-params "posts"}} />
|
2020-01-30 18:35:36 +03:00
|
|
|
|
2017-02-23 21:47:52 +03:00
|
|
|
<section class="view-actions">
|
2022-09-08 11:42:07 +03:00
|
|
|
<PostsList::ContentFilter
|
2020-06-04 23:30:06 +03:00
|
|
|
@currentUser={{this.session.user}}
|
2020-01-15 18:15:20 +03:00
|
|
|
@selectedType={{this.selectedType}}
|
|
|
|
@availableTypes={{this.availableTypes}}
|
2022-10-07 20:39:34 +03:00
|
|
|
@onTypeChange={{this.changeType}}
|
2020-06-09 14:19:25 +03:00
|
|
|
@selectedVisibility={{this.selectedVisibility}}
|
|
|
|
@availableVisibilities={{this.availableVisibilities}}
|
2022-10-07 20:39:34 +03:00
|
|
|
@onVisibilityChange={{this.changeVisibility}}
|
2020-01-15 18:15:20 +03:00
|
|
|
@selectedAuthor={{this.selectedAuthor}}
|
|
|
|
@availableAuthors={{this.availableAuthors}}
|
2022-10-07 20:39:34 +03:00
|
|
|
@onAuthorChange={{this.changeAuthor}}
|
2020-01-15 18:15:20 +03:00
|
|
|
@selectedTag={{this.selectedTag}}
|
|
|
|
@availableTags={{this.availableTags}}
|
2022-10-07 20:39:34 +03:00
|
|
|
@onTagChange={{this.changeTag}}
|
2020-01-15 18:15:20 +03:00
|
|
|
@selectedOrder={{this.selectedOrder}}
|
|
|
|
@availableOrders={{this.availableOrders}}
|
2022-10-07 20:39:34 +03:00
|
|
|
@onOrderChange={{this.changeOrder}}
|
2020-01-15 18:15:20 +03:00
|
|
|
/>
|
2019-06-18 13:47:21 +03:00
|
|
|
|
2023-03-21 12:24:56 +03:00
|
|
|
<div class="view-actions-top-row">
|
2023-10-04 14:22:54 +03:00
|
|
|
<LinkTo @route="lexical-editor.new" @model="post" class="gh-btn gh-btn-primary" data-test-new-post-button={{true}}><span>New post</span></LinkTo>
|
2023-03-21 12:24:56 +03:00
|
|
|
</div>
|
2019-06-18 13:47:21 +03:00
|
|
|
</section>
|
|
|
|
</GhCanvasHeader>
|
2017-02-23 21:47:52 +03:00
|
|
|
|
2021-02-08 23:16:41 +03:00
|
|
|
<section class="view-container content-list">
|
2023-04-27 11:26:44 +03:00
|
|
|
<PostsList::List
|
2024-07-01 22:43:41 +03:00
|
|
|
@model={{@model}}
|
2023-04-27 11:26:44 +03:00
|
|
|
@list={{this.selectionList}}
|
|
|
|
>
|
|
|
|
<li class="no-posts-box" data-test-no-posts-box>
|
|
|
|
<div class="no-posts">
|
|
|
|
{{#if this.showingAll}}
|
|
|
|
{{svg-jar "posts-placeholder" class="gh-posts-placeholder"}}
|
|
|
|
<h4>Start creating content.</h4>
|
2023-10-04 14:22:54 +03:00
|
|
|
<LinkTo @route="lexical-editor.new" @model="post" class="gh-btn gh-btn-green" data-test-link="write-a-new-post">
|
2023-04-27 11:26:44 +03:00
|
|
|
<span>Write a new post</span>
|
|
|
|
</LinkTo>
|
|
|
|
{{else}}
|
|
|
|
<h4>No posts match the current filter</h4>
|
|
|
|
<LinkTo @route="posts" @query={{hash type=null author=null tag=null}} class="gh-btn" data-test-link="show-all">
|
|
|
|
<span>Show all posts</span>
|
|
|
|
</LinkTo>
|
|
|
|
{{/if}}
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
</PostsList::List>
|
2017-02-23 21:47:52 +03:00
|
|
|
|
2024-07-01 22:43:41 +03:00
|
|
|
{{!-- only show one infinity loader wheel at a time - always order as scheduled, draft, remainder --}}
|
|
|
|
{{#if @model.scheduledPosts}}
|
2020-01-16 18:14:03 +03:00
|
|
|
<GhInfinityLoader
|
2024-07-01 22:43:41 +03:00
|
|
|
@infinityModel={{@model.scheduledPosts}}
|
2020-01-16 18:14:03 +03:00
|
|
|
@scrollable=".gh-main"
|
|
|
|
@triggerOffset={{1000}} />
|
2024-07-01 22:43:41 +03:00
|
|
|
{{/if}}
|
|
|
|
{{#if (and @model.draftPosts (or (not @model.scheduledPosts) (and @model.scheduledPosts @model.scheduledPosts.reachedInfinity)))}}
|
|
|
|
<GhInfinityLoader
|
|
|
|
@infinityModel={{@model.draftPosts}}
|
|
|
|
@scrollable=".gh-main"
|
|
|
|
@triggerOffset={{1000}} />
|
|
|
|
{{/if}}
|
|
|
|
{{#if (and @model.publishedAndSentPosts (and (or (not @model.scheduledPosts) @model.scheduledPosts.reachedInfinity) (or (not @model.draftPosts) @model.draftPosts.reachedInfinity)))}}
|
|
|
|
<GhInfinityLoader
|
|
|
|
@infinityModel={{@model.publishedAndSentPosts}}
|
|
|
|
@scrollable=".gh-main"
|
|
|
|
@triggerOffset={{1000}} />
|
|
|
|
{{/if}}
|
2017-02-23 21:47:52 +03:00
|
|
|
|
2024-07-01 22:43:41 +03:00
|
|
|
</section>
|
2017-01-25 23:05:28 +03:00
|
|
|
{{outlet}}
|
2022-08-25 18:01:12 +03:00
|
|
|
</section>
|