github.com/anth0d/nomad@v0.0.0-20221214183521-ae3a0a2cad06/ui/app/components/children-status-bar.js (about)

     1  import { computed } from '@ember/object';
     2  import DistributionBar from './distribution-bar';
     3  import classic from 'ember-classic-decorator';
     4  import { attributeBindings } from '@ember-decorators/component';
     5  
     6  @classic
     7  @attributeBindings('data-test-children-status-bar')
     8  export default class ChildrenStatusBar extends DistributionBar {
     9    layoutName = 'components/distribution-bar';
    10  
    11    job = null;
    12  
    13    'data-test-children-status-bar' = true;
    14  
    15    @computed('job.{pendingChildren,runningChildren,deadChildren}')
    16    get data() {
    17      if (!this.job) {
    18        return [];
    19      }
    20  
    21      const children = this.job.getProperties(
    22        'pendingChildren',
    23        'runningChildren',
    24        'deadChildren'
    25      );
    26      return [
    27        {
    28          label: 'Pending',
    29          value: children.pendingChildren,
    30          className: 'queued',
    31        },
    32        {
    33          label: 'Running',
    34          value: children.runningChildren,
    35          className: 'running',
    36        },
    37        { label: 'Dead', value: children.deadChildren, className: 'complete' },
    38      ];
    39    }
    40  }