26 lines
834 B
JavaScript
26 lines
834 B
JavaScript
|
import Component from '@ember/component';
|
||
|
|
import { computed, get } from '@ember/object';
|
||
|
|
import style from 'ember-computed-style';
|
||
|
|
export default Component.extend({
|
||
|
|
classNames: ['healthchecked-resource'],
|
||
|
|
attributeBindings: ['style'],
|
||
|
|
style: style('gridRowEnd'),
|
||
|
|
unhealthy: computed.filter(`checks.@each.Status`, function(item) {
|
||
|
|
const status = get(item, 'Status');
|
||
|
|
return status === 'critical' || status === 'warning';
|
||
|
|
}),
|
||
|
|
healthy: computed.filter(`checks.@each.Status`, function(item) {
|
||
|
|
const status = get(item, 'Status');
|
||
|
|
return status === 'passing';
|
||
|
|
}),
|
||
|
|
gridRowEnd: computed('UnhealthyChecks', function() {
|
||
|
|
let spans = 3;
|
||
|
|
if (get(this, 'healthy.length') > 0) {
|
||
|
|
spans++;
|
||
|
|
}
|
||
|
|
return {
|
||
|
|
gridRow: `auto / span ${spans + (get(this, 'unhealthy.length') || 0)}`,
|
||
|
|
};
|
||
|
|
}),
|
||
|
|
});
|