59 lines
1.4 KiB
JavaScript
59 lines
1.4 KiB
JavaScript
import Controller from "@ember/controller";
|
|
import EmberObject, { action } from "@ember/object";
|
|
import { INPUT_DELAY } from "discourse-common/config/environment";
|
|
import discourseDebounce from "discourse-common/lib/debounce";
|
|
import { isEmpty } from "@ember/utils";
|
|
import { observes } from "discourse-common/utils/decorators";
|
|
|
|
export default Controller.extend({
|
|
filter: null,
|
|
showWords: false,
|
|
|
|
_filterContent() {
|
|
if (isEmpty(this.allWatchedWords)) {
|
|
return;
|
|
}
|
|
|
|
if (!this.filter) {
|
|
this.set("model", this.allWatchedWords);
|
|
return;
|
|
}
|
|
|
|
const filter = this.filter.toLowerCase();
|
|
const model = [];
|
|
|
|
this.allWatchedWords.forEach((wordsForAction) => {
|
|
const wordRecords = wordsForAction.words.filter((wordRecord) => {
|
|
return wordRecord.word.includes(filter);
|
|
});
|
|
|
|
model.pushObject(
|
|
EmberObject.create({
|
|
nameKey: wordsForAction.nameKey,
|
|
name: wordsForAction.name,
|
|
words: wordRecords,
|
|
})
|
|
);
|
|
});
|
|
this.set("model", model);
|
|
},
|
|
|
|
@observes("filter")
|
|
filterContent() {
|
|
discourseDebounce(this, this._filterContent, INPUT_DELAY);
|
|
},
|
|
|
|
@action
|
|
clearFilter() {
|
|
this.set("filter", "");
|
|
},
|
|
|
|
@action
|
|
toggleMenu() {
|
|
const adminDetail = document.querySelector(".admin-detail");
|
|
["mobile-closed", "mobile-open"].forEach((state) => {
|
|
adminDetail.classList.toggle(state);
|
|
});
|
|
},
|
|
});
|