open-nomad/ui/app/templates/components/scale-events-accordion.hbs

33 lines
1.2 KiB
Handlebars

<ListAccordion data-test-scale-events @source={{@events}} @key="time" as |a|>
<a.head @buttonLabel="details" @isExpandable={{a.item.hasMeta}} class="with-columns">
<div class="columns inline-definitions">
<div class="column is-3">
<span class="icon-field">
<span class="icon-container" title="{{if a.item.error "Error event"}}" data-test-error={{a.item.error}}>
{{#if a.item.error}}{{x-icon "cancel-circle-fill" class="is-danger"}}{{/if}}
</span>
<span data-test-time title="{{format-ts a.item.time}}">{{format-month-ts a.item.time}}</span>
</span>
</div>
<div class="column is-2">
{{#if a.item.hasCount}}
<span data-test-count-icon>
{{#if a.item.increased}}
{{x-icon "arrow-up" class="is-danger"}}
{{else}}
{{x-icon "arrow-down" class="is-primary"}}
{{/if}}
</span>
<span data-test-count>{{a.item.count}}</span>
{{/if}}
</div>
<div class="column" data-test-message>
{{a.item.message}}
</div>
</div>
</a.head>
<a.body @fullBleed={{true}}>
<JsonViewer @json={{a.item.meta}} @fluidHeight={{true}} />
</a.body>
</ListAccordion>