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

     1  {{#global-header class="page-header"}}
     2    <span class="breadcrumb">Allocations</span>
     3    {{#link-to "allocations.allocation" model class="breadcrumb"}}
     4      {{model.shortId}}
     5    {{/link-to}}
     6  {{/global-header}}
     7  {{#gutter-menu class="page-body"}}
     8    <section class="section">
     9      <h1 class="title">
    10        Allocation {{model.name}}
    11        <span class="bumper-left tag {{model.statusClass}}">{{model.clientStatus}}</span>
    12        <span class="tag is-hollow is-small no-text-transform">{{model.id}}</span>
    13      </h1>
    14  
    15      <div class="boxed-section is-small">
    16        <div class="boxed-section-body inline-definitions">
    17          <span class="label">Allocation Details</span>
    18          <span class="pair job-link"><span class="term">Job</span>
    19            {{#link-to "jobs.job" model.job (query-params jobNamespace=model.job.namespace.id)}}{{model.job.name}}{{/link-to}}
    20          </span>
    21          <span class="pair node-link"><span class="term">Client</span>
    22            {{#link-to "clients.client" model.node}}{{model.node.shortId}}{{/link-to}}
    23          </span>
    24        </div>
    25      </div>
    26  
    27      <div class="boxed-section">
    28        <div class="boxed-section-head">
    29          Tasks
    30        </div>
    31        <div class="boxed-section-body is-full-bleed">
    32          {{#list-table
    33            source=sortedStates
    34            sortProperty=sortProperty
    35            sortDescending=sortDescending
    36            class="is-striped tasks" as |t|}}
    37            {{#t.head}}
    38              {{#t.sort-by prop="name"}}Name{{/t.sort-by}}
    39              {{#t.sort-by prop="state"}}State{{/t.sort-by}}
    40              <th>Last Event</th>
    41              {{#t.sort-by prop="events.lastObject.time"}}Time{{/t.sort-by}}
    42              <th>Addresses</th>
    43            {{/t.head}}
    44            {{#t.body as |row|}}
    45              <tr>
    46                <td>
    47                  {{#link-to "allocations.allocation.task" row.model.allocation row.model}}
    48                    {{row.model.task.name}}
    49                  {{/link-to}}
    50                </td>
    51                <td>{{row.model.state}}</td>
    52                <td>
    53                  {{#if row.model.events.lastObject.displayMessage}}
    54                    {{row.model.events.lastObject.displayMessage}}
    55                  {{else}}
    56                    <em>No message</em>
    57                  {{/if}}
    58                </td>
    59                <td>{{moment-format row.model.events.lastObject.time "MM/DD/YY HH:mm:ss"}}</td>
    60                <td>
    61                  <ul>
    62                    {{#each row.model.resources.networks.firstObject.reservedPorts as |port|}}
    63                      <li>
    64                        <strong>{{port.Label}}:</strong>
    65                        <a href="http://{{row.model.allocation.node.address}}:{{port.Value}}" target="_blank">{{row.model.allocation.node.address}}:{{port.Value}}</a>
    66                      </li>
    67                    {{/each}}
    68                    {{#each row.model.resources.networks.firstObject.dynamicPorts as |port|}}
    69                      <li>
    70                        <strong>{{port.Label}}:</strong>
    71                        <a href="http://{{row.model.allocation.node.address}}:{{port.Value}}" target="_blank">{{row.model.allocation.node.address}}:{{port.Value}}</a>
    72                      </li>
    73                    {{/each}}
    74                  </ul>
    75                </td>
    76              </tr>
    77            {{/t.body}}
    78          {{/list-table}}
    79        </div>
    80      </div>
    81    </section>
    82  {{/gutter-menu}}