open-nomad/ui/app/templates/components/allocation-row.hbs
Michael Lange 877cbe6fbc Add a loading state to job information on allocation row.
This information is already loaded when traversing to an alloc row from
a job, but not when traversing to an alloc row from a node.
2017-10-03 17:18:33 -07:00

54 lines
1.3 KiB
Handlebars

<td>
<a href="{{href-to "allocations.allocation" allocation}}" class="is-primary">
{{allocation.shortId}}
</a>
</td>
<td>{{allocation.name}}</td>
<td>
<span class="color-swatch {{allocation.clientStatus}}" /> {{allocation.clientStatus}}
</td>
{{#if (eq context "job")}}
<td><a href="{{href-to "nodes.node" allocation.node}}">{{allocation.node.shortId}}</a></td>
{{else if (eq context "node")}}
<td>
{{#if (or allocation.job.isPending allocation.job.isReloading)}}
...
{{else}}
<a href="{{href-to "jobs.job" allocation.job}}">{{allocation.job.name}}</a>
<span class="is-faded">/ {{allocation.taskGroup.name}}</span>
{{/if}}
</td>
{{/if}}
<td>
{{#if allocation.stats.isPending}}
...
{{else if allocation.stats.isRejected}}
!!!
{{else}}
<div class="inline-chart">
<progress
class="progress is-info is-small"
value="{{allocation.percentCPU}}"
max="1">
{{allocation.percentCPU}}
</progress>
</div>
{{/if}}
</td>
<td>
{{#if allocation.stats.isPending}}
...
{{else if allocation.stats.isRejected}}
!!!
{{else}}
<div class="inline-chart">
<progress
class="progress is-danger is-small"
value="{{allocation.percentMemory}}"
max="1">
{{allocation.percentMemory}}
</progress>
</div>
{{/if}}
</td>