github.com/hspak/nomad@v0.7.2-0.20180309000617-bc4ae22a39a5/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 sortedChildren.length "is-full-bleed"}}">
     5    {{#list-pagination
     6      source=sortedChildren
     7      size=pageSize
     8      page=currentPage as |p|}}
     9      {{#list-table
    10        source=p.list
    11        sortProperty=sortProperty
    12        sortDescending=sortDescending
    13        class="with-foot" as |t|}}
    14        {{#t.head}}
    15          {{#t.sort-by prop="name"}}Name{{/t.sort-by}}
    16          {{#t.sort-by prop="status"}}Status{{/t.sort-by}}
    17          {{#t.sort-by prop="type"}}Type{{/t.sort-by}}
    18          {{#t.sort-by prop="priority"}}Priority{{/t.sort-by}}
    19          <th>Groups</th>
    20          <th class="is-3">Summary</th>
    21        {{/t.head}}
    22        {{#t.body key="model.id" as |row|}}
    23          {{job-row data-test-job-row job=row.model onClick=(action gotoJob row.model)}}
    24        {{/t.body}}
    25      {{/list-table}}
    26      <div class="table-foot">
    27        <nav class="pagination">
    28          <div class="pagination-numbers">
    29            {{p.startsAt}}&ndash;{{p.endsAt}} of {{sortedChildren.length}}
    30          </div>
    31          {{#p.prev class="pagination-previous"}} &lt; {{/p.prev}}
    32          {{#p.next class="pagination-next"}} &gt; {{/p.next}}
    33          <ul class="pagination-list"></ul>
    34        </nav>
    35      </div>
    36    {{else}}
    37      <div class="empty-message">
    38        <h3 class="empty-message-headline">No Job Launches</h3>
    39        <p class="empty-message-body">No remaining living job launches.</p>
    40      </div>
    41    {{/list-pagination}}
    42  </div>