github.com/Ilhicas/nomad@v1.0.4-0.20210304152020-e86851182bc3/ui/app/templates/jobs/job/allocations.hbs (about)

     1  {{page-title "Job " this.job.name " allocations"}}
     2  <JobSubnav @job={{this.job}} />
     3  <section class="section">
     4    {{#if this.allocations.length}}
     5      <div class="content">
     6        <div>
     7          <SearchBox
     8            data-test-allocations-search
     9            @searchTerm={{mut this.searchTerm}}
    10            @onChange={{action this.resetPagination}}
    11            @placeholder="Search allocations..." />
    12        </div>
    13      </div>
    14      {{#if this.sortedAllocations}}
    15        <ListPagination
    16          @source={{this.sortedAllocations}}
    17          @size={{this.pageSize}}
    18          @page={{this.currentPage}}
    19          @class="allocations" as |p|>
    20          <ListTable
    21            @source={{p.list}}
    22            @sortProperty={{this.sortProperty}}
    23            @sortDescending={{this.sortDescending}}
    24            @class="with-foot" as |t|>
    25            <t.head>
    26              <th class="is-narrow"></th>
    27              <t.sort-by @prop="shortId">ID</t.sort-by>
    28              <t.sort-by @prop="taskGroupName">Task Group</t.sort-by>
    29              <t.sort-by @prop="createIndex" @title="Create Index">Created</t.sort-by>
    30              <t.sort-by @prop="modifyIndex" @title="Modify Index">Modified</t.sort-by>
    31              <t.sort-by @prop="statusIndex">Status</t.sort-by>
    32              <t.sort-by @prop="jobVersion">Version</t.sort-by>
    33              <t.sort-by @prop="node.shortId">Client</t.sort-by>
    34              <th>Volume</th>
    35              <th>CPU</th>
    36              <th>Memory</th>
    37            </t.head>
    38            <t.body as |row|>
    39              <AllocationRow
    40                @data-test-allocation={{row.model.id}}
    41                @allocation={{row.model}}
    42                @context="job"
    43                @onClick={{action "gotoAllocation" row.model}} />
    44            </t.body>
    45          </ListTable>
    46          <div class="table-foot">
    47            <nav class="pagination">
    48              <div class="pagination-numbers">
    49                {{p.startsAt}}&ndash;{{p.endsAt}} of {{this.sortedAllocations.length}}
    50              </div>
    51              <p.prev @class="pagination-previous"> &lt; </p.prev>
    52              <p.next @class="pagination-next"> &gt; </p.next>
    53              <ul class="pagination-list"></ul>
    54            </nav>
    55          </div>
    56        </ListPagination>
    57      {{else}}
    58        <div class="boxed-section-body">
    59          <div class="empty-message" data-test-empty-allocations-list>
    60            <h3 class="empty-message-headline" data-test-empty-allocations-list-headline>No Matches</h3>
    61            <p class="empty-message-body">No allocations match the term <strong>{{this.searchTerm}}</strong></p>
    62          </div>
    63        </div>
    64      {{/if}}
    65    {{else}}
    66      <div class="boxed-section-body">
    67        <div class="empty-message" data-test-empty-allocations-list>
    68          <h3 class="empty-message-headline" data-test-empty-allocations-list-headline>No Allocations</h3>
    69          <p class="empty-message-body">No allocations have been placed.</p>
    70        </div>
    71      </div>
    72    {{/if}}
    73  </section>