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

     1  <ListAccordion data-test-scale-events @source={{@events}} @key="time" as |a|>
     2    <a.head @buttonLabel="details" @isExpandable={{a.item.hasMeta}} class="with-columns">
     3      <div class="columns inline-definitions">
     4        <div class="column is-3">
     5          <span class="icon-field">
     6            <span class="icon-container" title="{{if a.item.error "Error event"}}" data-test-error={{a.item.error}}>
     7              {{#if a.item.error}}{{x-icon "cancel-circle-fill" class="is-danger"}}{{/if}}
     8            </span>
     9            <span data-test-time title="{{format-ts a.item.time}}">{{format-month-ts a.item.time}}</span>
    10          </span>
    11        </div>
    12        <div class="column is-2">
    13          {{#if a.item.hasCount}}
    14            <span data-test-count-icon
    15              class="tooltip"
    16              aria-label="Count {{if a.item.increased "increased" "decreased"}} to {{a.item.count}}"
    17            >
    18              {{#if a.item.increased}}
    19                {{x-icon "arrow-up" class="is-danger"}}
    20              {{else}}
    21                {{x-icon "arrow-down" class="is-primary"}}
    22              {{/if}}
    23            </span>
    24            <span data-test-count>{{a.item.count}}</span>
    25          {{/if}}
    26        </div>
    27        <div class="column" data-test-message>
    28          {{a.item.message}}
    29        </div>
    30      </div>
    31    </a.head>
    32    <a.body @fullBleed={{true}}>
    33      <JsonViewer @json={{a.item.meta}} @fluidHeight={{true}} />
    34    </a.body>
    35  </ListAccordion>