github.com/emate/nomad@v0.8.2-wo-binpacking/ui/app/templates/jobs/index.hbs (about)

     1  {{#global-header class="page-header"}}
     2    <li class="is-active">
     3      {{#link-to "jobs.index"}}Jobs{{/link-to}}
     4    </li>
     5  {{/global-header}}
     6  {{#gutter-menu class="page-body" onNamespaceChange=(action "refresh")}}
     7    <section class="section">
     8      {{#if isForbidden}}
     9        {{partial "partials/forbidden-message"}}
    10      {{else}}
    11        {{#if filteredJobs.length}}
    12          <div class="content">
    13            <div>{{search-box data-test-jobs-search searchTerm=(mut searchTerm) placeholder="Search jobs..."}}</div>
    14          </div>
    15        {{/if}}
    16        {{#list-pagination
    17          source=sortedJobs
    18          size=pageSize
    19          page=currentPage 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              {{#t.sort-by prop="name"}}Name{{/t.sort-by}}
    27              {{#t.sort-by prop="status"}}Status{{/t.sort-by}}
    28              {{#t.sort-by prop="type"}}Type{{/t.sort-by}}
    29              {{#t.sort-by prop="priority"}}Priority{{/t.sort-by}}
    30              <th>Groups</th>
    31              <th class="is-3">Summary</th>
    32            {{/t.head}}
    33            {{#t.body key="model.id" as |row|}}
    34              {{job-row data-test-job-row job=row.model onClick=(action "gotoJob" row.model)}}
    35            {{/t.body}}
    36          {{/list-table}}
    37          <div class="table-foot">
    38            <nav class="pagination">
    39              <div class="pagination-numbers">
    40                {{p.startsAt}}&ndash;{{p.endsAt}} of {{sortedJobs.length}}
    41              </div>
    42              {{#p.prev class="pagination-previous"}} &lt; {{/p.prev}}
    43              {{#p.next class="pagination-next"}} &gt; {{/p.next}}
    44              <ul class="pagination-list"></ul>
    45            </nav>
    46          </div>
    47        {{else}}
    48          <div data-test-empty-jobs-list class="empty-message">
    49            {{#if (eq filteredJobs.length 0)}}
    50              <h3 data-test-empty-jobs-list-headline class="empty-message-headline">No Jobs</h3>
    51              <p class="empty-message-body">
    52                The cluster is currently empty.
    53              </p>
    54            {{else if searchTerm}}
    55              <h3 data-test-empty-jobs-list-headline class="empty-message-headline">No Matches</h3>
    56              <p class="empty-message-body">No jobs match the term <strong>{{searchTerm}}</strong></p>
    57            {{/if}}
    58          </div>
    59        {{/list-pagination}}
    60      {{/if}}
    61    </section>
    62  {{/gutter-menu}}