2018-01-25 17:31:48 +00:00
|
|
|
<div class="boxed-section-head">
|
|
|
|
|
<div>
|
|
|
|
|
{{#if job.hasChildren}}
|
2018-03-23 01:59:53 +00:00
|
|
|
Children Status <span class="badge is-white">{{summary.totalChildren}}</span>
|
2018-01-25 17:31:48 +00:00
|
|
|
{{else}}
|
2018-03-23 01:59:53 +00:00
|
|
|
Allocation Status <span class="badge is-white">{{summary.totalAllocs}}</span>
|
2018-01-25 17:31:48 +00:00
|
|
|
{{/if}}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="boxed-section-body">
|
|
|
|
|
{{#component (if job.hasChildren "children-status-bar" "allocation-status-bar")
|
2018-03-23 01:59:53 +00:00
|
|
|
allocationContainer=summary
|
|
|
|
|
job=summary
|
2018-01-25 17:31:48 +00:00
|
|
|
class="split-view" as |chart|}}
|
2018-02-01 00:55:43 +00:00
|
|
|
<ol data-test-legend class="legend">
|
2018-01-25 17:31:48 +00:00
|
|
|
{{#each chart.data as |datum index|}}
|
|
|
|
|
<li class="{{datum.className}} {{if (eq datum.index chart.activeDatum.index) "is-active"}} {{if (eq datum.value 0) "is-empty"}}">
|
|
|
|
|
<span class="color-swatch {{if datum.className datum.className (concat "swatch-" index)}}" />
|
|
|
|
|
<span class="value" data-test-legend-value="{{datum.className}}">{{datum.value}}</span>
|
|
|
|
|
<span class="label">
|
|
|
|
|
{{datum.label}}
|
|
|
|
|
</span>
|
|
|
|
|
</li>
|
|
|
|
|
{{/each}}
|
|
|
|
|
</ol>
|
|
|
|
|
{{/component}}
|
|
|
|
|
</div>
|
