import computed from 'ember-addons/ember-computed-decorators';

export default Ember.Component.extend({
  classNames: ['hook-event'],
  typeName: Ember.computed.alias('type.name'),

  @computed('typeName')
  name(typeName) {
    return I18n.t(`admin.web_hooks.${typeName}_event.name`);
  },

  @computed('typeName')
  details(typeName) {
    return I18n.t(`admin.web_hooks.${typeName}_event.details`);
  },

  @computed('model.[]', 'typeName')
  eventTypeExists(eventTypes, typeName) {
    return eventTypes.any(event => event.name === typeName);
  },

  @computed('eventTypeExists')
  enabled: {
    get(eventTypeExists) {
      return eventTypeExists;
    },
    set(value, eventTypeExists) {
      const type = this.get('type');
      const model = this.get('model');
      // add an association when not exists
      if (value !== eventTypeExists) {
        if (value) {
          model.addObject(type);
        } else {
          model.removeObjects(model.filter(eventType => eventType.name === type.name));
        }
      }

      return value;
    }
  }
});