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

     1  <div class="boxed-section">
     2    <div class="boxed-section-head">
     3      Recent Allocations
     4    </div>
     5    <div class="boxed-section-body {{if this.job.allocations.length "is-full-bleed"}}">
     6      {{#if this.job.allocations.length}}
     7        <ListTable
     8          @source={{this.sortedAllocations}}
     9          @sortProperty={{this.sortProperty}}
    10          @sortDescending={{this.sortDescending}}
    11          @class="with-foot" as |t|>
    12          <t.head>
    13            <th class="is-narrow"></th>
    14            <th>ID</th>
    15            <th>Task Group</th>
    16            <th>Created</th>
    17            <th>Modified</th>
    18            <th>Status</th>
    19            <th>Version</th>
    20            <th>Client</th>
    21            <th>Volume</th>
    22            <th>CPU</th>
    23            <th>Memory</th>
    24          </t.head>
    25          <t.body as |row|>
    26            <AllocationRow
    27              @data-test-allocation={{row.model.id}}
    28              @allocation={{row.model}}
    29              @context="job"
    30              @onClick={{action "gotoAllocation" row.model}} />
    31          </t.body>
    32        </ListTable>
    33      {{else}}
    34        <div class="empty-message" data-test-empty-recent-allocations>
    35          <h3 class="empty-message-headline" data-test-empty-recent-allocations-headline>No Allocations</h3>
    36          <p class="empty-message-body" data-test-empty-recent-allocations-message>No allocations have been placed.</p>
    37        </div>
    38      {{/if}}
    39    </div>
    40    {{#if this.job.allocations.length}}
    41      <div class="boxed-section-foot">
    42        <p class="pull-right" data-test-view-all-allocations><LinkTo @route="jobs.job.allocations" @model={{this.job}}>
    43          View all {{this.job.allocations.length}} {{pluralize "allocation" this.job.allocations.length}}
    44        </LinkTo></p>
    45      </div>
    46    {{/if}}
    47  </div>