github.com/blixtra/nomad@v0.7.2-0.20171221000451-da9a1d7bb050/ui/app/templates/clients/index.hbs (about)

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