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

     1  {{#global-header class="page-header"}}
     2    {{#link-to "clients" class="breadcrumb"}}Clients{{/link-to}}
     3    <span class="breadcrumb">{{model.shortId}}</span>
     4  {{/global-header}}
     5  {{#gutter-menu class="page-body"}}
     6    <section class="section">
     7      <h1 class="title">
     8        <span class="node-status-light {{model.status}}"></span>
     9        {{or model.name model.shortId}}
    10        <span class="tag is-hollow is-small no-text-transform">{{model.id}}</span>
    11      </h1>
    12  
    13      <div class="boxed-section is-small">
    14        <div class="boxed-section-body inline-definitions">
    15          <span class="label">Client Details</span>
    16          <span class="pair"><span class="term">Status</span> <span class="status-text node-{{model.status}}">{{model.status}}</span></span>
    17          <span class="pair"><span class="term">Address</span> {{model.httpAddr}}</span>
    18          <span class="pair"><span class="term">Datacenter</span> {{model.datacenter}}</span>
    19        </div>
    20      </div>
    21  
    22      <div class="boxed-section">
    23        <div class="boxed-section-head">
    24          <div>Allocations <span class="badge is-white">{{model.allocations.length}}</span></div>
    25          {{search-box
    26            searchTerm=(mut searchTerm)
    27            placeholder="Search allocations..."
    28            class="is-inline pull-right"
    29            inputClass="is-compact"}}
    30        </div>
    31        <div class="boxed-section-body is-full-bleed">
    32          {{#list-pagination
    33            source=sortedAllocations
    34            size=pageSize
    35            page=currentPage as |p|}}
    36            {{#list-table
    37              source=p.list
    38              sortProperty=sortProperty
    39              sortDescending=sortDescending
    40              class="allocations with-foot" as |t|}}
    41              {{#t.head}}
    42                {{#t.sort-by prop="shortId"}}ID{{/t.sort-by}}
    43                {{#t.sort-by prop="modifyIndex" title="Modify Index"}}Modified{{/t.sort-by}}
    44                {{#t.sort-by prop="name"}}Name{{/t.sort-by}}
    45                {{#t.sort-by prop="statusIndex"}}Status{{/t.sort-by}}
    46                {{#t.sort-by prop="job.name"}}Job{{/t.sort-by}}
    47                {{#t.sort-by prop="jobVersion"}}Version{{/t.sort-by}}
    48                <th>CPU</th>
    49                <th>Memory</th>
    50              {{/t.head}}
    51              {{#t.body as |row|}}
    52                {{allocation-row allocation=row.model context="node" onClick=(action "gotoAllocation" row.model)}}
    53              {{/t.body}}
    54            {{/list-table}}
    55            <div class="table-foot">
    56              <nav class="pagination">
    57                <div class="pagination-numbers">
    58                  {{p.startsAt}}&ndash;{{p.endsAt}} of {{sortedAllocations.length}}
    59                </div>
    60                {{#p.prev class="pagination-previous"}} &lt; {{/p.prev}}
    61                {{#p.next class="pagination-next"}} &gt; {{/p.next}}
    62                <ul class="pagination-list"></ul>
    63              </nav>
    64            </div>
    65          {{/list-pagination}}
    66        </div>
    67      </div>
    68  
    69      <div class="boxed-section">
    70        <div class="boxed-section-head">
    71          Attributes
    72        </div>
    73        <div class="boxed-section-body is-full-bleed">
    74          {{attributes-table attributes=model.attributes.attributesStructured class="attributes-table"}}
    75        </div>
    76      </div>
    77    </section>
    78  {{/gutter-menu}}