open-nomad/ui/app/components/primary-metric/allocation.js
2022-01-20 09:46:45 -05:00

86 lines
2 KiB
JavaScript

import Ember from 'ember';
import Component from '@glimmer/component';
import { task, timeout } from 'ember-concurrency';
import { assert } from '@ember/debug';
import { inject as service } from '@ember/service';
import { action, get, computed } from '@ember/object';
import { dependentKeyCompat } from '@ember/object/compat';
export default class AllocationPrimaryMetric extends Component {
@service('stats-trackers-registry') statsTrackersRegistry;
/** Args
allocation = null;
metric null; (one of 'cpu' or 'memory'
*/
get metric() {
assert('metric is a required argument', this.args.metric);
return this.args.metric;
}
@dependentKeyCompat
get allocation() {
return this.args.allocation;
}
@computed('allocation')
get tracker() {
return this.statsTrackersRegistry.getTracker(this.allocation);
}
get data() {
if (!this.tracker) return [];
return get(this, `tracker.${this.metric}`);
}
@computed('tracker.tasks.[]', 'metric')
get series() {
const ret = this.tracker.tasks
.map((task) => ({
name: task.task,
data: task[this.metric],
}))
.reverse();
return ret;
}
get reservedAmount() {
if (this.metric === 'cpu') return this.tracker.reservedCPU;
if (this.metric === 'memory') return this.tracker.reservedMemory;
return null;
}
get chartClass() {
if (this.metric === 'cpu') return 'is-info';
if (this.metric === 'memory') return 'is-danger';
return 'is-primary';
}
get colorScale() {
if (this.metric === 'cpu') return 'blues';
if (this.metric === 'memory') return 'reds';
return 'ordinal';
}
@task(function* () {
do {
this.tracker.poll.perform();
yield timeout(100);
} while (!Ember.testing);
})
poller;
@action
start() {
if (this.tracker) this.poller.perform();
}
willDestroy() {
super.willDestroy(...arguments);
this.poller.cancelAll();
this.tracker.signalPause.perform();
}
}