import WatchedWord from 'admin/models/watched-word';
import { default as computed, on, observes } from 'ember-addons/ember-computed-decorators';

export default Ember.Component.extend({
  classNames: ['watched-word-form'],
  formSubmitted: false,
  actionKey: null,
  showMessage: false,

  @computed('regularExpressions')
  placeholderKey(regularExpressions) {
    return "admin.watched_words.form.placeholder" +
      (regularExpressions ? "_regexp" : "");
  },

  @observes('word')
  removeMessage() {
    if (this.get('showMessage') && !Ember.isEmpty(this.get('word'))) {
      this.set('showMessage', false);
    }
  },

  @computed('word')
  isUniqueWord(word) {
    const words = this.get("filteredContent") || [];
    const filtered = words.filter(content => content.action === this.get("actionKey"));
    return filtered.every(content => content.word.toLowerCase() !== word.toLowerCase());
  },

  actions: {
    submit() {
      if (!this.get("isUniqueWord")) {
        this.setProperties({ showMessage: true, message: I18n.t('admin.watched_words.form.exists') });
        return;
      }

      if (!this.get('formSubmitted')) {
        this.set('formSubmitted', true);

        const watchedWord = WatchedWord.create({ word: this.get('word'), action: this.get('actionKey') });

        watchedWord.save().then(result => {
          this.setProperties({ word: '', formSubmitted: false, showMessage: true, message: I18n.t('admin.watched_words.form.success') });
          this.sendAction('action', WatchedWord.create(result));
          Ember.run.schedule('afterRender', () => this.$('.watched-word-input').focus());
        }).catch(e => {
          this.set('formSubmitted', false);
          const msg = (e.jqXHR.responseJSON && e.jqXHR.responseJSON.errors) ?
            I18n.t("generic_error_with_reason", {error: e.jqXHR.responseJSON.errors.join('. ')}) :
            I18n.t("generic_error");
          bootbox.alert(msg, () => this.$('.watched-word-input').focus());
        });
      }
    }
  },

  @on("didInsertElement")
  _init() {
    Ember.run.schedule('afterRender', () => {
      this.$('.watched-word-input').keydown(e => {
        if (e.keyCode === 13) {
          this.send('submit');
        }
      });
    });
  }
});