github.com/Ilhicas/nomad@v1.0.4-0.20210304152020-e86851182bc3/ui/app/templates/components/job-page/parts/summary.hbs (about)

     1  <ListAccordion data-test-job-summary @source={{array this.job}} @key="id" @startExpanded={{this.isExpanded}} @onToggle={{action this.persist}} as |a|>
     2    <a.head @buttonLabel={{if a.isOpen "collapse" "expand"}}>
     3      <div class="columns">
     4        <div class="column is-minimum nowrap">
     5          {{#if a.item.hasChildren}}
     6            Children Status
     7            <span class="badge {{if a.isOpen "is-white" "is-light"}}">
     8              {{a.item.summary.totalChildren}}
     9            </span>
    10          {{else}}
    11            Allocation Status
    12            <span class="badge {{if a.isOpen "is-white" "is-light"}}">
    13              {{a.item.summary.totalAllocs}}
    14            </span>
    15          {{/if}}
    16        </div>
    17  
    18        {{#unless a.isOpen}}
    19          <div class="column">
    20            <div class="inline-chart bumper-left">
    21              {{#if a.item.hasChildren}}
    22                {{#if (gt a.item.totalChildren 0)}}
    23                  <ChildrenStatusBar @job={{a.item}} @isNarrow={{true}} />
    24                {{else}}
    25                  <em class="is-faded">No Children</em>
    26                {{/if}}
    27              {{else}}
    28                <AllocationStatusBar @allocationContainer={{a.item}} @isNarrow={{true}} />
    29              {{/if}}
    30            </div>
    31          </div>
    32        {{/unless}}
    33      </div>
    34    </a.head>
    35    <a.body>
    36      {{#component (if a.item.hasChildren "children-status-bar" "allocation-status-bar")
    37      allocationContainer=a.item.summary
    38      job=a.item.summary
    39      class="split-view" as |chart|}}
    40      <ol data-test-legend class="legend">
    41        {{#each chart.data as |datum index|}}
    42          <li class="{{datum.className}} {{if (eq datum.label chart.activeDatum.label) "is-active"}} {{if (eq datum.value 0) "is-empty"}}">
    43            <span class="color-swatch {{if datum.className datum.className (concat "swatch-" index)}}" />
    44            <span class="value" data-test-legend-value="{{datum.className}}">{{datum.value}}</span>
    45            <span class="label">
    46              {{datum.label}}
    47            </span>
    48          </li>
    49        {{/each}}
    50      </ol>
    51    {{/component}}
    52    </a.body>
    53  </ListAccordion>
    54