consul/ui-v2/app/components/healthchecked-resource/index.js

import { filter } from '@ember/object/computed';
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: filter(`checks.@each.Status`, function(item) {
    const status = get(item, 'Status');
    return status === 'critical' || status === 'warning';
  }),
  healthy: filter(`checks.@each.Status`, function(item) {
    const status = get(item, 'Status');
    return status === 'passing';
  }),
  gridRowEnd: computed('UnhealthyChecks', function() {
    let spans = 3;
    if (get(this, 'service')) {
      spans++;
    }
    if (get(this, 'healthy.length') > 0) {
      spans++;
    }
    return {
      gridRow: `auto / span ${spans + (get(this, 'unhealthy.length') || 0)}`,
    };
  }),
});