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

     1  {{#global-header class="page-header"}}
     2    <span class="breadcrumb">Allocations</span>
     3    {{#link-to "allocations.allocation" model.allocation class="breadcrumb"}}
     4      {{model.allocation.shortId}}
     5    {{/link-to}}
     6    {{#link-to "allocations.allocation.task" model.allocation model class="breadcrumb"}}
     7      {{model.name}}
     8    {{/link-to}}
     9  {{/global-header}}
    10  {{#gutter-menu class="page-body"}}
    11    {{partial "allocations/allocation/task/subnav"}}
    12    <section class="section">
    13      <h1 class="title">
    14        {{model.name}}
    15        <span class="bumper-left tag {{model.stateClass}}">{{model.state}}</span>
    16      </h1>
    17  
    18      <div class="boxed-section is-small">
    19        <div class="boxed-section-body inline-definitions">
    20          <span class="label">Task Details</span>
    21          <span class="pair">
    22            <span class="term">Started At</span>
    23            {{moment-format model.startedAt "MM/DD/YY HH:mm:ss"}}
    24          </span>
    25          {{#if model.finishedAt}}
    26            <span class="pair">
    27              <span class="term">Finished At</span>
    28              {{moment-format model.finishedAt "MM/DD/YY HH:mm:ss"}}
    29            </span>
    30          {{/if}}
    31          <span class="pair">
    32            <span class="term">Driver</span>
    33            {{model.task.driver}}
    34          </span>
    35        </div>
    36      </div>
    37  
    38      {{#if ports.length}}
    39        <div class="boxed-section">
    40          <div class="boxed-section-head">
    41            Addresses
    42          </div>
    43          <div class="boxed-section-body is-full-bleed">
    44            {{#list-table source=ports class="addresses-list" as |t|}}
    45              {{#t.head}}
    46                <th class="is-1">Dynamic?</th>
    47                <th class="is-2">Name</th>
    48                <th>Address</th>
    49              {{/t.head}}
    50              {{#t.body as |row|}}
    51                <tr>
    52                  <td>{{if row.model.isDynamic "Yes" "No"}}</td>
    53                  <td>{{row.model.name}}</td>
    54                  <td>
    55                    <a href="http://{{model.allocation.node.address}}:{{row.model.port}}" target="_blank">
    56                      {{model.allocation.node.address}}:{{row.model.port}}
    57                    </a>
    58                  </td>
    59                </tr>
    60              {{/t.body}}
    61            {{/list-table}}
    62          </div>
    63        </div>
    64      {{/if}}
    65  
    66      <div class="boxed-section">
    67        <div class="boxed-section-head">
    68          Recent Events
    69        </div>
    70        <div class="boxed-section-body is-full-bleed">
    71          {{#list-table source=(reverse model.events) class="is-striped task-events" as |t|}}
    72            {{#t.head}}
    73              <th class="is-3">Time</th>
    74              <th class="is-1">Type</th>
    75              <th>Description</th>
    76            {{/t.head}}
    77            {{#t.body as |row|}}
    78              <tr>
    79                <td>{{moment-format row.model.time "MM/DD/YY HH:mm:ss"}}</td>
    80                <td>{{row.model.type}}</td>
    81                <td>
    82                  {{#if row.model.displayMessage}}
    83                    {{row.model.displayMessage}}
    84                  {{else}}
    85                    <em>No message</em>
    86                  {{/if}}
    87                </td>
    88              </tr>
    89            {{/t.body}}
    90          {{/list-table}}
    91        </div>
    92      </div>
    93    </section>
    94  {{/gutter-menu}}