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

     1  <div class="boxed-section-head">
     2    Job Launches
     3  </div>
     4  <div class="boxed-section-body {{if this.sortedChildren.length "is-full-bleed"}}">
     5    {{#if this.sortedChildren}}
     6      <ListPagination
     7        @source={{this.sortedChildren}}
     8        @size={{this.pageSize}}
     9        @page={{this.currentPage}} as |p|>
    10        <ListTable
    11          @source={{p.list}}
    12          @sortProperty={{this.sortProperty}}
    13          @sortDescending={{this.sortDescending}}
    14          @class="with-foot" as |t|>
    15          <t.head>
    16            <t.sort-by @prop="name">Name</t.sort-by>
    17            <t.sort-by @prop="submitTime">Submitted At</t.sort-by>
    18            <t.sort-by @prop="status">Status</t.sort-by>
    19            <t.sort-by @prop="type">Type</t.sort-by>
    20            <t.sort-by @prop="priority">Priority</t.sort-by>
    21            <th>Groups</th>
    22            <th class="is-3">Summary</th>
    23          </t.head>
    24          <t.body @key="model.id" as |row|>
    25            <JobRow data-test-job-row @job={{row.model}} @context="child" @onClick={{action this.gotoJob row.model}} />
    26          </t.body>
    27        </ListTable>
    28        <div class="table-foot">
    29          <PageSizeSelect @onChange={{action this.resetPagination}} />
    30          <nav class="pagination">
    31            <div class="pagination-numbers">
    32              {{p.startsAt}}&ndash;{{p.endsAt}} of {{this.sortedChildren.length}}
    33            </div>
    34            <p.prev @class="pagination-previous">{{x-icon "chevron-left"}}</p.prev>
    35            <p.next @class="pagination-next">{{x-icon "chevron-right"}}</p.next>
    36            <ul class="pagination-list"></ul>
    37          </nav>
    38        </div>
    39      </ListPagination>
    40    {{else}}
    41      <div class="empty-message">
    42        <h3 class="empty-message-headline">No Job Launches</h3>
    43        <p class="empty-message-body">No remaining living job launches.</p>
    44      </div>
    45    {{/if}}
    46  </div>