import { default as computed } from 'ember-addons/ember-computed-decorators';

export default Ember.Component.extend({
  classNames: 'wizard-custom-step',

  @computed('step.fields.@each.id')
  allowAddAction: stepFields => stepFields.get('firstObject.id'),

  actions: {
    addField() {
      this.get('step.fields').pushObject(Ember.Object.create({ id: '', label: '' }));
    },

    addAction() {
      this.get('step.actions').pushObject(Ember.Object.create({ id: '', label: '' }));
    },

    removeField(field) {
      this.get('step.fields').removeObject(field);
    },

    removeAction(action) {
      this.get('step.actions').removeObject(action);
    }
  }
});