2017-02-15 15:43:49 +03:00
|
|
|
<section class="gh-canvas">
|
2017-02-23 21:47:52 +03:00
|
|
|
<header class="gh-canvas-header">
|
2017-05-30 16:23:38 +03:00
|
|
|
<h2 class="gh-canvas-title" data-test-screen-title>Your stories</h2>
|
2017-02-23 21:47:52 +03:00
|
|
|
<section class="view-actions">
|
|
|
|
{{#link-to "editor.new" class="gh-btn gh-btn-green" data-test-new-post-button=true}}<span>New story</span>{{/link-to}}
|
|
|
|
</section>
|
|
|
|
</header>
|
|
|
|
<div class="gh-contentfilter">
|
2017-03-11 14:23:44 +03:00
|
|
|
<div class="gh-contentfilter-left">
|
2018-02-07 12:42:46 +03:00
|
|
|
{{#unless session.user.isContributor}}
|
2017-03-11 14:23:44 +03:00
|
|
|
{{#power-select
|
|
|
|
selected=selectedType
|
|
|
|
options=availableTypes
|
2017-04-10 14:16:19 +03:00
|
|
|
searchEnabled=false
|
2017-03-11 14:23:44 +03:00
|
|
|
onchange=(action "changeType")
|
|
|
|
tagName="div"
|
2017-03-13 13:48:21 +03:00
|
|
|
classNames="gh-contentfilter-menu gh-contentfilter-type"
|
2017-04-10 14:16:19 +03:00
|
|
|
triggerClass="gh-contentfilter-menu-trigger"
|
|
|
|
dropdownClass="gh-contentfilter-menu-dropdown"
|
2017-04-05 18:46:40 +03:00
|
|
|
matchTriggerWidth=false
|
2017-03-11 14:23:44 +03:00
|
|
|
data-test-type-select=true
|
|
|
|
as |type|
|
|
|
|
}}
|
|
|
|
{{type.name}}
|
|
|
|
{{/power-select}}
|
2018-02-07 12:42:46 +03:00
|
|
|
{{/unless}}
|
2017-03-02 21:35:09 +03:00
|
|
|
|
2018-02-07 12:42:46 +03:00
|
|
|
{{#unless session.user.isAuthorOrContributor}}
|
2017-03-11 14:23:44 +03:00
|
|
|
{{#power-select
|
|
|
|
selected=selectedAuthor
|
|
|
|
options=availableAuthors
|
|
|
|
searchField="name"
|
|
|
|
onchange=(action "changeAuthor")
|
|
|
|
tagName="div"
|
2017-03-13 13:48:21 +03:00
|
|
|
classNames="gh-contentfilter-menu gh-contentfilter-author"
|
2017-04-10 14:16:19 +03:00
|
|
|
triggerClass="gh-contentfilter-menu-trigger"
|
|
|
|
dropdownClass="gh-contentfilter-menu-dropdown"
|
|
|
|
searchPlaceholder="Search authors"
|
2017-04-05 18:46:40 +03:00
|
|
|
matchTriggerWidth=false
|
2017-03-11 14:23:44 +03:00
|
|
|
data-test-author-select=true
|
|
|
|
as |author|
|
|
|
|
}}
|
|
|
|
{{author.name}}
|
|
|
|
{{/power-select}}
|
|
|
|
{{/unless}}
|
2017-03-02 21:35:09 +03:00
|
|
|
|
2018-02-07 12:42:46 +03:00
|
|
|
{{#unless session.user.isContributor}}
|
2017-03-11 14:23:44 +03:00
|
|
|
{{#power-select
|
|
|
|
selected=selectedTag
|
|
|
|
options=availableTags
|
|
|
|
searchField="name"
|
|
|
|
onchange=(action "changeTag")
|
|
|
|
tagName="div"
|
2017-03-13 13:48:21 +03:00
|
|
|
classNames="gh-contentfilter-menu gh-contentfilter-tag"
|
2017-04-10 14:16:19 +03:00
|
|
|
triggerClass="gh-contentfilter-menu-trigger"
|
|
|
|
dropdownClass="gh-contentfilter-menu-dropdown"
|
|
|
|
searchPlaceholder="Search tags"
|
2017-04-05 18:46:40 +03:00
|
|
|
matchTriggerWidth=false
|
2017-07-06 13:04:28 +03:00
|
|
|
optionsComponent="power-select-vertical-collection-options"
|
2017-03-11 14:23:44 +03:00
|
|
|
data-test-tag-select=true
|
|
|
|
as |tag|
|
|
|
|
}}
|
|
|
|
{{tag.name}}
|
|
|
|
{{/power-select}}
|
2018-02-07 12:42:46 +03:00
|
|
|
{{/unless}}
|
2017-03-11 14:23:44 +03:00
|
|
|
</div>
|
2017-03-07 20:36:28 +03:00
|
|
|
|
2017-03-11 14:23:44 +03:00
|
|
|
<div class="gh-contentfilter-right">
|
|
|
|
Sort by:
|
|
|
|
{{#power-select
|
|
|
|
selected=selectedOrder
|
|
|
|
options=availableOrders
|
|
|
|
searchEnabled=false
|
|
|
|
onchange=(action "changeOrder")
|
|
|
|
tagName="div"
|
2017-03-13 13:48:21 +03:00
|
|
|
classNames="gh-contentfilter-menu gh-contentfilter-sort"
|
2017-04-10 14:16:19 +03:00
|
|
|
triggerClass="gh-contentfilter-menu-trigger"
|
|
|
|
dropdownClass="gh-contentfilter-menu-dropdown"
|
|
|
|
horizontalPosition="right"
|
2017-04-05 18:46:40 +03:00
|
|
|
matchTriggerWidth=false
|
2017-03-11 14:23:44 +03:00
|
|
|
data-test-order-select=true
|
|
|
|
as |order|
|
|
|
|
}}
|
|
|
|
{{order.name}}
|
|
|
|
{{/power-select}}
|
|
|
|
</div>
|
2017-02-23 21:47:52 +03:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<section class="content-list">
|
|
|
|
<ol class="posts-list">
|
2018-01-11 01:57:43 +03:00
|
|
|
{{#each postsInfinityModel as |post|}}
|
2017-02-23 21:47:52 +03:00
|
|
|
{{gh-posts-list-item
|
|
|
|
post=post
|
2017-07-13 12:55:13 +03:00
|
|
|
onDoubleClick=(action "openEditor")
|
2017-03-02 21:35:09 +03:00
|
|
|
data-test-post-id=post.id}}
|
2017-02-23 21:47:52 +03:00
|
|
|
{{else}}
|
|
|
|
<li class="no-posts-box">
|
|
|
|
<div class="no-posts">
|
|
|
|
{{#if showingAll}}
|
2017-07-20 14:14:53 +03:00
|
|
|
<h3>You haven't written any stories yet!</h3>
|
|
|
|
{{#link-to "editor.new"}}<button type="button" class="gh-btn gh-btn-green gh-btn-lg"><span>Write a new Story</span></button>{{/link-to}}
|
2017-02-23 21:47:52 +03:00
|
|
|
{{else}}
|
2017-07-20 14:14:53 +03:00
|
|
|
<h3>No stories match the current filter</h3>
|
|
|
|
{{#link-to "posts.index" (query-params type=null author=null tag=null)}}<button type="button" class="gh-btn gh-btn-lg"><span>Show all stories</span></button>{{/link-to}}
|
2017-02-23 21:47:52 +03:00
|
|
|
{{/if}}
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
{{/each}}
|
|
|
|
</ol>
|
|
|
|
|
|
|
|
{{infinity-loader
|
2018-01-11 01:57:43 +03:00
|
|
|
infinityModel=postsInfinityModel
|
2017-02-23 21:47:52 +03:00
|
|
|
scrollable=".gh-main"
|
|
|
|
triggerOffset=1000}}
|
|
|
|
</section>
|
|
|
|
|
2017-01-25 23:05:28 +03:00
|
|
|
{{outlet}}
|
|
|
|
</section>
|