2998deac50
This is mostly a direct application of the ember-angle-brackets-codemod. I manually restored newlines in multi-line component invocations, usually preserving file line length except for now-non-positional link-to @route. I needed to rename task to taskState in some cases to avoid Ember Concurrency naming conflicts.
45 lines
1.5 KiB
Handlebars
45 lines
1.5 KiB
Handlebars
<div class="boxed-section-head">
|
|
Job Launches
|
|
</div>
|
|
<div class="boxed-section-body {{if sortedChildren.length "is-full-bleed"}}">
|
|
{{#if sortedChildren}}
|
|
<ListPagination
|
|
@source={{sortedChildren}}
|
|
@size={{pageSize}}
|
|
@page={{currentPage}} as |p|>
|
|
<ListTable
|
|
@source={{p.list}}
|
|
@sortProperty={{sortProperty}}
|
|
@sortDescending={{sortDescending}}
|
|
@class="with-foot" as |t|>
|
|
<t.head>
|
|
<t.sort-by @prop="name">Name</t.sort-by>
|
|
<t.sort-by @prop="status">Status</t.sort-by>
|
|
<t.sort-by @prop="type">Type</t.sort-by>
|
|
<t.sort-by @prop="priority">Priority</t.sort-by>
|
|
<th>Groups</th>
|
|
<th class="is-3">Summary</th>
|
|
</t.head>
|
|
<t.body @key="model.id" as |row|>
|
|
<JobRow data-test-job-row @job={{row.model}} @onClick={{action gotoJob row.model}} />
|
|
</t.body>
|
|
</ListTable>
|
|
<div class="table-foot">
|
|
<nav class="pagination">
|
|
<div class="pagination-numbers">
|
|
{{p.startsAt}}–{{p.endsAt}} of {{sortedChildren.length}}
|
|
</div>
|
|
<p.prev @class="pagination-previous"> < </p.prev>
|
|
<p.next @class="pagination-next"> > </p.next>
|
|
<ul class="pagination-list"></ul>
|
|
</nav>
|
|
</div>
|
|
</ListPagination>
|
|
{{else}}
|
|
<div class="empty-message">
|
|
<h3 class="empty-message-headline">No Job Launches</h3>
|
|
<p class="empty-message-body">No remaining living job launches.</p>
|
|
</div>
|
|
{{/if}}
|
|
</div>
|