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); } } });