github.com/hernad/nomad@v1.6.112/ui/app/components/primary-metric/allocation.hbs (about)

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