github.com/emate/nomad@v0.8.2-wo-binpacking/ui/app/templates/allocations/allocation/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 <section class="section"> 14 <h1 data-test-title class="title"> 15 Allocation {{model.name}} 16 <span class="bumper-left tag {{model.statusClass}}">{{model.clientStatus}}</span> 17 <span class="tag is-hollow is-small no-text-transform">{{model.id}}</span> 18 </h1> 19 20 <div class="boxed-section is-small"> 21 <div data-test-allocation-details class="boxed-section-body inline-definitions"> 22 <span class="label">Allocation Details</span> 23 <span class="pair job-link"><span class="term">Job</span> 24 {{#link-to "jobs.job" model.job (query-params jobNamespace=model.job.namespace.id) data-test-job-link}}{{model.job.name}}{{/link-to}} 25 </span> 26 <span class="pair node-link"><span class="term">Client</span> 27 {{#link-to "clients.client" model.node data-test-client-link}}{{model.node.shortId}}{{/link-to}} 28 </span> 29 </div> 30 </div> 31 32 <div class="boxed-section"> 33 <div class="boxed-section-head"> 34 Tasks 35 </div> 36 <div class="boxed-section-body is-full-bleed"> 37 {{#list-table 38 source=sortedStates 39 sortProperty=sortProperty 40 sortDescending=sortDescending 41 class="is-striped" as |t|}} 42 {{#t.head}} 43 {{#t.sort-by prop="name"}}Name{{/t.sort-by}} 44 {{#t.sort-by prop="state"}}State{{/t.sort-by}} 45 <th>Last Event</th> 46 {{#t.sort-by prop="events.lastObject.time"}}Time{{/t.sort-by}} 47 <th>Addresses</th> 48 {{/t.head}} 49 {{#t.body as |row|}} 50 <tr data-test-task-row={{row.model.task.name}}> 51 <td data-test-name> 52 {{#link-to "allocations.allocation.task" row.model.allocation row.model}} 53 {{row.model.name}} 54 {{/link-to}} 55 </td> 56 <td data-test-state>{{row.model.state}}</td> 57 <td data-test-message> 58 {{#if row.model.events.lastObject.message}} 59 {{row.model.events.lastObject.message}} 60 {{else}} 61 <em>No message</em> 62 {{/if}} 63 </td> 64 <td data-test-time>{{moment-format row.model.events.lastObject.time "MM/DD/YY HH:mm:ss"}}</td> 65 <td data-test-ports> 66 <ul> 67 {{#each row.model.resources.networks.firstObject.reservedPorts as |port|}} 68 <li data-test-port> 69 <strong>{{port.Label}}:</strong> 70 {{#if row.model.allocation.node.address}} 71 <a href="http://{{row.model.allocation.node.address}}:{{port.Value}}" target="_blank">{{row.model.allocation.node.address}}:{{port.Value}}</a> 72 {{else}} 73 ... 74 {{/if}} 75 </li> 76 {{/each}} 77 {{#each row.model.resources.networks.firstObject.dynamicPorts as |port|}} 78 <li> 79 <strong>{{port.Label}}:</strong> 80 {{#if row.model.allocation.node.address}} 81 <a href="http://{{row.model.allocation.node.address}}:{{port.Value}}" target="_blank">{{row.model.allocation.node.address}}:{{port.Value}}</a> 82 {{else}} 83 ... 84 {{/if}} 85 </li> 86 {{/each}} 87 </ul> 88 </td> 89 </tr> 90 {{/t.body}} 91 {{/list-table}} 92 </div> 93 </div> 94 </section> 95 {{/gutter-menu}}