mirror of
https://github.com/kemko/nomad.git
synced 2026-01-01 16:05:42 +03:00
2241b669f2
This updates to Ember 3.16 but leaves Ember Data at 3.12 so we don’t need to use the model fragments beta. It can be reviewed on a commit-by-commit basis: blueprint updates, fixes for test failures, and the removal of now-deprecated partials. It’s not a true update to Octane as that would involve turning on template-only components by default, which breaks various things. We can accomplish that separately and then add the edition setting to package.json.
74 lines
2.7 KiB
Handlebars
74 lines
2.7 KiB
Handlebars
{{title "Job " job.name " allocations"}}
|
|
<JobSubnav @job={{job}} />
|
|
<section class="section">
|
|
{{#if allocations.length}}
|
|
<div class="content">
|
|
<div>
|
|
<SearchBox
|
|
data-test-allocations-search
|
|
@searchTerm={{mut searchTerm}}
|
|
@onChange={{action resetPagination}}
|
|
@placeholder="Search allocations..." />
|
|
</div>
|
|
</div>
|
|
{{#if sortedAllocations}}
|
|
<ListPagination
|
|
@source={{sortedAllocations}}
|
|
@size={{pageSize}}
|
|
@page={{currentPage}}
|
|
@class="allocations" as |p|>
|
|
<ListTable
|
|
@source={{p.list}}
|
|
@sortProperty={{sortProperty}}
|
|
@sortDescending={{sortDescending}}
|
|
@class="with-foot" as |t|>
|
|
<t.head>
|
|
<th class="is-narrow"></th>
|
|
<t.sort-by @prop="shortId">ID</t.sort-by>
|
|
<t.sort-by @prop="taskGroupName">Task Group</t.sort-by>
|
|
<t.sort-by @prop="createIndex" @title="Create Index">Created</t.sort-by>
|
|
<t.sort-by @prop="modifyIndex" @title="Modify Index">Modified</t.sort-by>
|
|
<t.sort-by @prop="statusIndex">Status</t.sort-by>
|
|
<t.sort-by @prop="jobVersion">Version</t.sort-by>
|
|
<t.sort-by @prop="node.shortId">Client</t.sort-by>
|
|
<th>Volume</th>
|
|
<th>CPU</th>
|
|
<th>Memory</th>
|
|
</t.head>
|
|
<t.body as |row|>
|
|
<AllocationRow
|
|
@data-test-allocation={{row.model.id}}
|
|
@allocation={{row.model}}
|
|
@context="job"
|
|
@onClick={{action "gotoAllocation" row.model}} />
|
|
</t.body>
|
|
</ListTable>
|
|
<div class="table-foot">
|
|
<nav class="pagination">
|
|
<div class="pagination-numbers">
|
|
{{p.startsAt}}–{{p.endsAt}} of {{sortedAllocations.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="boxed-section-body">
|
|
<div class="empty-message" data-test-empty-allocations-list>
|
|
<h3 class="empty-message-headline" data-test-empty-allocations-list-headline>No Matches</h3>
|
|
<p class="empty-message-body">No allocations match the term <strong>{{searchTerm}}</strong></p>
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
{{else}}
|
|
<div class="boxed-section-body">
|
|
<div class="empty-message" data-test-empty-allocations-list>
|
|
<h3 class="empty-message-headline" data-test-empty-allocations-list-headline>No Allocations</h3>
|
|
<p class="empty-message-body">No allocations have been placed.</p>
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
</section>
|