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');
      }, 1000)
    );
  }.on('init'),

  willDestroy() {
    clearInterval(this.get('timer'));
  },

  denominator: computed('timerTicks', function() {
    return Math.round(Math.random() * 1000);
  }),

  percentage: computed('timerTicks', function() {
    return Math.round(Math.random() * 100) / 100;
  }),

  numerator: computed('denominator', 'percentage', function() {
    return Math.round(this.get('denominator') * this.get('percentage') * 100) / 100;
  }),

  liveDetails: computed('denominator', 'numerator', 'percentage', function() {
    return this.getProperties('denominator', 'numerator', 'percentage');
  }),
});