github.com/zoomfoo/nomad@v0.8.5-0.20180907175415-f28fd3a1a056/ui/app/templates/allocations/allocation/task/index.hbs (about)

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