github.com/iqoqo/nomad@v0.11.3-0.20200911112621-d7021c74d101/ui/app/templates/jobs/job/allocations.hbs (about)

     1  {{title "Job " job.name " allocations"}}
     2  {{partial "jobs/job/subnav"}}
     3  <section class="section">
     4    {{#if allocations.length}}
     5      <div class="content">
     6        <div>
     7          {{search-box
     8            data-test-allocations-search
     9            searchTerm=(mut searchTerm)
    10            onChange=(action resetPagination)
    11            placeholder="Search allocations..."}}
    12        </div>
    13      </div>
    14      {{#if sortedAllocations}}
    15        {{#list-pagination
    16          source=sortedAllocations
    17          size=pageSize
    18          page=currentPage
    19          class="allocations" as |p|}}
    20          {{#list-table
    21            source=p.list
    22            sortProperty=sortProperty
    23            sortDescending=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              {{allocation-row
    40                data-test-allocation=row.model.id
    41                allocation=row.model
    42                context="job"
    43                onClick=(action "gotoAllocation" row.model)}}
    44            {{/t.body}}
    45          {{/list-table}}
    46          <div class="table-foot">
    47            <nav class="pagination">
    48              <div class="pagination-numbers">
    49                {{p.startsAt}}&ndash;{{p.endsAt}} of {{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        {{/list-pagination}}
    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>{{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>