github.com/hspak/nomad@v0.7.2-0.20180309000617-bc4ae22a39a5/ui/app/templates/allocations/allocation/task/index.hbs (about)

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