import Ember from 'ember';

export default Ember.Component.extend({
  classNames: ['tracked-level'],

  label: Ember.computed.alias('model.label'),

  pips: [
    { value: 0 },
    { value: 1 },
    { value: 2 },
    { value: 3 },
    { value: 4 },
  ],

  onDidInsertElement: Ember.on('didInsertElement', function() {
    Ember.run.scheduleOnce('afterRender', this, () => {
      Ember.RSVP.resolve(this.get('model')).then(model => {
        var value = model.get(this.get('valueKey'));
        if (Ember.isPresent(value)) {
          this.set('selectedValue', value);
        }
      });

    });
  }),

  actions: {
    titleClicked() {
      this.get('onTitleClicked')(this.get('model.id'));
    },

    setSelectedValue(pipValue) {
      this.set('selectedValue', pipValue);
      this.get('model').set(this.get('valueKey'), pipValue);
      this.get('onValueChanged')();
    },

    setCurrentValue(pipValue) {
      this.set('currentValue', pipValue);
    },

    unsetCurrentValue() {
      this.set('currentValue', null);
    },

    xClick() {
      var model = this.get('model');
      this.get('onRemove')(model);
    }
  }

});