github.com/anth0d/nomad@v0.0.0-20221214183521-ae3a0a2cad06/ui/app/components/primary-metric/allocation.hbs (about)

     1  <div data-test-primary-metric class="primary-metric" ...attributes
     2    {{did-insert this.start}}
     3    {{did-update this.start}}>
     4    <h4 data-test-primary-metric-title class="title is-5">
     5      {{#if (eq this.metric "cpu")}} CPU
     6      {{else if (eq this.metric "memory")}} Memory
     7      {{else}} {{this.metric}} {{/if}}
     8    </h4>
     9    <div class="primary-graphic">
    10      <StatsTimeSeries @data={{this.series}} @dataProp="data" >
    11        <:svg as |c|>
    12          {{#each (reverse this.series) as |series idx|}}
    13            <c.Area
    14              @data={{series.data}}
    15              @colorScale={{this.colorScale}}
    16              @index={{idx}}
    17              data-test-task-name={{series.name}} />
    18          {{/each}}
    19        </:svg>
    20        <:after as |c|>
    21          <c.Tooltip class="is-snappy" as |series datum idx|>
    22            <li>
    23              <span class="label"><span class="color-swatch swatch-{{this.colorScale}} swatch-{{this.colorScale}}-{{idx}}" />{{series.name}}</span>
    24              {{#if (eq this.metric "cpu")}}
    25                <span class="value">{{format-scheduled-hertz datum.datum.used}}</span>
    26              {{else if (eq this.metric "memory")}}
    27                <span class="value">{{format-scheduled-bytes datum.datum.used}}</span>
    28              {{else}}
    29                <span class="value">{{datum.formatttedY}}</span>
    30              {{/if}}
    31            </li>
    32          </c.Tooltip>
    33        </:after>
    34      </StatsTimeSeries>
    35    </div>
    36    <PrimaryMetric::CurrentValue @chartClass={{this.chartClass}} @percent={{this.data.lastObject.percent}} />
    37    <div class="annotation" data-test-absolute-value>
    38      {{#if (eq this.metric "cpu")}}
    39        <strong>{{format-scheduled-hertz this.data.lastObject.used}}</strong> / {{format-scheduled-hertz this.reservedAmount}} Total
    40      {{else if (eq this.metric "memory")}}
    41        <strong>{{format-scheduled-bytes this.data.lastObject.used}}</strong> / {{format-scheduled-bytes this.reservedAmount start="MiB"}} Total
    42      {{else}}
    43        <strong>{{this.data.lastObject.used}}</strong> / {{this.reservedAmount}} Total
    44      {{/if}}
    45    </div>
    46  </div>