44 lines
1.1 KiB
JavaScript
44 lines
1.1 KiB
JavaScript
|
import Component from '@ember/component';
|
||
|
|
import { computed } from '@ember/object';
|
||
|
|
|
||
|
|
export default Component.extend({
|
||
|
|
timerTicks: 0,
|
||
|
|
|
||
|
|
startTimer: function() {
|
||
|
|
this.set(
|
||
|
|
'timer',
|
||
|
|
setInterval(() => {
|
||
|
|
this.incrementProperty('timerTicks');
|
||
|
|
}, 500)
|
||
|
|
);
|
||
|
|
}.on('init'),
|
||
|
|
|
||
|
|
willDestroy() {
|
||
|
|
clearInterval(this.get('timer'));
|
||
|
|
},
|
||
|
|
|
||
|
|
distributionBarData: computed(() => {
|
||
|
|
return [
|
||
|
|
{ label: 'one', value: 10 },
|
||
|
|
{ label: 'two', value: 20 },
|
||
|
|
{ label: 'three', value: 30 },
|
||
|
|
];
|
||
|
|
}),
|
||
|
|
|
||
|
|
distributionBarDataWithClasses: computed(() => {
|
||
|
|
return [
|
||
|
|
{ label: 'Queued', value: 10, className: 'queued' },
|
||
|
|
{ label: 'Complete', value: 20, className: 'complete' },
|
||
|
|
{ label: 'Failed', value: 30, className: 'failed' },
|
||
|
|
];
|
||
|
|
}),
|
||
|
|
|
||
|
|
distributionBarDataRotating: computed('timerTicks', () => {
|
||
|
|
return [
|
||
|
|
{ label: 'one', value: Math.round(Math.random() * 50) },
|
||
|
|
{ label: 'two', value: Math.round(Math.random() * 50) },
|
||
|
|
{ label: 'three', value: Math.round(Math.random() * 50) },
|
||
|
|
];
|
||
|
|
}),
|
||
|
|
});
|