github.com/emate/nomad@v0.8.2-wo-binpacking/ui/app/templates/allocations/allocation/task/index.hbs (about)

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