github.com/zoomfoo/nomad@v0.8.5-0.20180907175415-f28fd3a1a056/ui/app/templates/clients/index.hbs (about)

     1  <section class="section">
     2    {{#if isForbidden}}
     3      {{partial "partials/forbidden-message"}}
     4    {{else}}
     5      {{#if nodes.length}}
     6        <div class="content">
     7          <div>{{search-box searchTerm=(mut searchTerm) placeholder="Search clients..."}}</div>
     8        </div>
     9      {{/if}}
    10      {{#list-pagination
    11        source=sortedNodes
    12        size=pageSize
    13        page=currentPage as |p|}}
    14        {{#list-table
    15          source=p.list
    16          sortProperty=sortProperty
    17          sortDescending=sortDescending
    18          class="with-foot" as |t|}}
    19          {{#t.head}}
    20            <th class="is-narrow"></th>
    21            {{#t.sort-by prop="id"}}ID{{/t.sort-by}}
    22            {{#t.sort-by class="is-200px is-truncatable" prop="name"}}Name{{/t.sort-by}}
    23            {{#t.sort-by prop="status"}}Status{{/t.sort-by}}
    24            {{#t.sort-by prop="isDraining"}}Drain{{/t.sort-by}}
    25            {{#t.sort-by prop="schedulingEligibility"}}Eligibility{{/t.sort-by}}
    26            <th>Address</th>
    27            {{#t.sort-by prop="datacenter"}}Datacenter{{/t.sort-by}}
    28            <th># Allocs</th>
    29          {{/t.head}}
    30          {{#t.body as |row|}}
    31            {{client-node-row data-test-client-node-row node=row.model onClick=(action "gotoNode" row.model)}}
    32          {{/t.body}}
    33        {{/list-table}}
    34        <div class="table-foot">
    35          <nav class="pagination" data-test-pagination>
    36            <div class="pagination-numbers">
    37              {{p.startsAt}}&ndash;{{p.endsAt}} of {{sortedNodes.length}}
    38            </div>
    39            {{#p.prev class="pagination-previous"}} &lt; {{/p.prev}}
    40            {{#p.next class="pagination-next"}} &gt; {{/p.next}}
    41            <ul class="pagination-list"></ul>
    42          </nav>
    43        </div>
    44      {{else}}
    45        <div class="empty-message" data-test-empty-clients-list>
    46          {{#if (eq nodes.length 0)}}
    47            <h3 class="empty-message-headline" data-test-empty-clients-list-headline>No Clients</h3>
    48            <p class="empty-message-body">
    49              The cluster currently has no client nodes.
    50            </p>
    51          {{else if searchTerm}}
    52            <h3 class="empty-message-headline" data-test-empty-clients-list-headline>No Matches</h3>
    53            <p class="empty-message-body">No clients match the term <strong>{{searchTerm}}</strong></p>
    54          {{/if}}
    55        </div>
    56      {{/list-pagination}}
    57    {{/if}}
    58  </section>