import { observes } from 'ember-addons/ember-computed-decorators'; export default Ember.Component.extend({ classNames: 'wizard-custom-field', fieldTypes: ['dropdown', 'image', 'radio', 'text', 'textarea'], isDropdown: Ember.computed.equal('field.type', 'dropdown'), init() { this._super(...arguments); if (!this.get('field.choices')) { this.set('field.choices', Ember.A()); } }, @observes('field.label') setFieldId() { const label = this.get('field.label'); this.set('field.id', Ember.String.underscore(label)); }, actions: { addChoice() { this.get('field.choices').pushObject(Ember.Object.create()); } } });