github.com/anth0d/nomad@v0.0.0-20221214183521-ae3a0a2cad06/ui/app/templates/components/scale-events-accordion.hbs (about) 1 <ListAccordion data-test-scale-events @source={{@events}} @key="time" as |a|> 2 <a.head 3 @buttonLabel="details" 4 @isExpandable={{a.item.hasMeta}} 5 class="with-columns" 6 > 7 <div class="columns inline-definitions"> 8 <div class="column is-3"> 9 <span class="icon-field"> 10 <span 11 class="icon-container" 12 title="{{if a.item.error "Error event"}}" 13 data-test-error={{a.item.error}} 14 > 15 {{#if a.item.error}} 16 {{x-icon "cancel-circle-fill" class="is-danger"}} 17 {{/if}} 18 </span> 19 <span data-test-time title="{{format-ts a.item.time}}"> 20 {{format-month-ts a.item.time}} 21 </span> 22 </span> 23 </div> 24 <div class="column is-2"> 25 {{#if a.item.hasCount}} 26 <span 27 data-test-count-icon 28 class="tooltip" 29 aria-label="Count 30 {{if a.item.increased "increased" "decreased"}} 31 to 32 {{a.item.count}}" 33 > 34 {{#if a.item.increased}} 35 {{x-icon "arrow-up" class="is-danger"}} 36 {{else}} 37 {{x-icon "arrow-down" class="is-primary"}} 38 {{/if}} 39 </span> 40 <span data-test-count> 41 {{a.item.count}} 42 </span> 43 {{/if}} 44 </div> 45 <div class="column" data-test-message> 46 {{a.item.message}} 47 </div> 48 </div> 49 </a.head> 50 <a.body @fullBleed={{true}}> 51 <JsonViewer @json={{a.item.meta}} @fluidHeight={{true}} /> 52 </a.body> 53 </ListAccordion>