import debounce from "discourse/lib/debounce";

export default Ember.Controller.extend({
  filter: null,
  filtered: false,
  showWords: false,
  disableShowWords: Ember.computed.alias("filtered"),
  regularExpressions: null,

  filterContentNow() {
    if (!!Ember.isEmpty(this.get("allWatchedWords"))) return;

    let filter;
    if (this.get("filter")) {
      filter = this.get("filter").toLowerCase();
    }

    if (filter === undefined || filter.length < 1) {
      this.set("model", this.get("allWatchedWords"));
      return;
    }

    const matchesByAction = [];

    this.get("allWatchedWords").forEach(wordsForAction => {
      const wordRecords = wordsForAction.words.filter(wordRecord => {
        return wordRecord.word.indexOf(filter) > -1;
      });
      matchesByAction.pushObject(
        Ember.Object.create({
          nameKey: wordsForAction.nameKey,
          name: wordsForAction.name,
          words: wordRecords,
          count: wordRecords.length
        })
      );
    });

    this.set("model", matchesByAction);
  },

  filterContent: debounce(function() {
    this.filterContentNow();
    this.set("filtered", !Ember.isEmpty(this.get("filter")));
  }, 250).observes("filter"),

  actions: {
    clearFilter() {
      this.setProperties({ filter: "" });
    },

    toggleMenu() {
      $(".admin-detail").toggleClass("mobile-closed mobile-open");
    }
  }
});