2231dd84c2
no issue
Ember is migrating to `<AngleBracketSyntax />` for component invocation, see https://github.com/emberjs/rfcs/blob/master/text/0311-angle-bracket-invocation.md
We were in a half-way situation where some templates used angle bracket syntax in some places, this PR updates templates to use the syntax everywhere.
This simplifies the rules for what template code is referring to...
`<Component>` = a component
`{{helper}}` = a helper (or locally assigned handlebars variable)
`{{this.foo}}` = data on the template backing context (a component/controller)
`{{@foo}}` = a named argument passed into the component that the component backing class has not modified (note: this commit does not introduce any named arguments)
- ran codemod https://github.com/ember-codemods/ember-angle-brackets-codemod on the following directories:
- `app/templates`
- `lib/koenig-editor/addon/templates`
- removed positional params from components as angle bracket syntax does not support them
- `gh-feature-flag`
- `gh-tour-item`
- `gh-cm-editor`
- `gh-fullscreen-modal`
- `gh-task-button`
- updates some code that was missed in 3c851293c1 to use explicit this
67 lines
2.9 KiB
Handlebars
67 lines
2.9 KiB
Handlebars
<section class="gh-canvas">
|
|
<GhCanvasHeader class="gh-canvas-header post-header">
|
|
<h2 class="gh-canvas-title" data-test-screen-title>Posts</h2>
|
|
<section class="view-actions">
|
|
<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"}}
|
|
/>
|
|
|
|
<LinkTo @route="editor.new" @model="post" class="gh-btn gh-btn-green" data-test-new-post-button={{true}}><span>New post</span></LinkTo>
|
|
</section>
|
|
</GhCanvasHeader>
|
|
|
|
<section class="content-list">
|
|
<ol class="posts-list gh-list {{unless this.postsInfinityModel "no-posts"}}">
|
|
{{#if this.postsInfinityModel}}
|
|
<li class="gh-list-row header">
|
|
<div class="gh-list-header no-padding">{{!--Favorite indicator column: no header--}}</div>
|
|
<div class="gh-list-header gh-posts-title-header">Title</div>
|
|
<div class="gh-list-header gh-posts-status-header">Status</div>
|
|
<div class="gh-list-header gh-posts-lastupdate-header">Last update</div>
|
|
</li>
|
|
{{/if}}
|
|
|
|
{{#each this.postsInfinityModel as |post|}}
|
|
<GhPostsListItem
|
|
@post={{post}}
|
|
data-test-post-id={{post.id}} />
|
|
{{else}}
|
|
<li class="no-posts-box">
|
|
<div class="no-posts">
|
|
{{#if this.showingAll}}
|
|
{{svg-jar "posts-placeholder" class="gh-posts-placeholder"}}
|
|
<h3>You haven't written any posts yet!</h3>
|
|
<LinkTo @route="editor.new" @model="post" class="gh-btn gh-btn-green gh-btn-lg">
|
|
<span>Write a new post</span>
|
|
</LinkTo>
|
|
{{else}}
|
|
<h3>No posts match the current filter</h3>
|
|
<LinkTo @route="posts" @query={{hash type=null author=null tag=null}} class="gh-btn gh-btn-lg">
|
|
<span>Show all posts</span>
|
|
</LinkTo>
|
|
{{/if}}
|
|
</div>
|
|
</li>
|
|
{{/each}}
|
|
</ol>
|
|
|
|
<GhInfinityLoader
|
|
@infinityModel={{this.postsInfinityModel}}
|
|
@scrollable=".gh-main"
|
|
@triggerOffset={{1000}} />
|
|
</section>
|
|
|
|
{{outlet}}
|
|
</section>
|