github.com/Ilhicas/nomad@v1.0.4-0.20210304152020-e86851182bc3/ui/app/templates/components/scale-events-chart.hbs (about)

     1  <LineChart
     2    @timeseries={{true}}
     3    @xProp="time"
     4    @yProp="count"
     5    @data={{this.data}}>
     6    <:svg as |c|>
     7      <c.Area
     8        @curve="stepAfter"
     9        @data={{this.data}} />
    10    </:svg>
    11    <:after as |c|>
    12      <c.VAnnotations
    13        @annotations={{this.annotations}}
    14        @key="event.uid"
    15        @activeAnnotation={{this.activeEvent}}
    16        @annotationClick={{action this.toggleEvent}} />
    17    </:after>
    18  </LineChart>
    19  {{#if this.activeEvent}}
    20    <div data-test-event-details>
    21      <div class="event">
    22        <div data-test-type class="type">
    23          {{#if this.activeEvent.event.error}}
    24            {{x-icon "cancel-circle-fill" class="is-danger"}}
    25          {{else}}
    26            {{x-icon "info-circle-fill" class="is-grey"}}
    27          {{/if}}
    28        </div>
    29        <div>
    30          <p data-test-timestamp class="timestamp">{{format-month-ts this.activeEvent.event.time}}</p>
    31          <p data-test-message class="message">{{this.activeEvent.event.message}}</p>
    32        </div>
    33      </div>
    34      <JsonViewer @json={{this.activeEvent.event.meta}} @fluidHeight={{true}} />
    35    </div>
    36  {{/if}}