github.com/anuvu/nomad@v0.8.7-atom1/ui/app/templates/clients/index.hbs (about)

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