128 lines
3.4 KiB
JavaScript
128 lines
3.4 KiB
JavaScript
import discourseComputed, {
|
|
observes,
|
|
on,
|
|
} from "discourse-common/utils/decorators";
|
|
import Component from "@ember/component";
|
|
import I18n from "I18n";
|
|
import WatchedWord from "admin/models/watched-word";
|
|
import bootbox from "bootbox";
|
|
import { equal } from "@ember/object/computed";
|
|
import { isEmpty } from "@ember/utils";
|
|
import { schedule } from "@ember/runloop";
|
|
|
|
export default Component.extend({
|
|
classNames: ["watched-word-form"],
|
|
formSubmitted: false,
|
|
actionKey: null,
|
|
showMessage: false,
|
|
selectedTags: null,
|
|
|
|
canReplace: equal("actionKey", "replace"),
|
|
canTag: equal("actionKey", "tag"),
|
|
canLink: equal("actionKey", "link"),
|
|
|
|
didInsertElement() {
|
|
this._super(...arguments);
|
|
this.set("selectedTags", []);
|
|
},
|
|
|
|
@discourseComputed("siteSettings.watched_words_regular_expressions")
|
|
placeholderKey(watchedWordsRegularExpressions) {
|
|
if (watchedWordsRegularExpressions) {
|
|
return "admin.watched_words.form.placeholder_regexp";
|
|
} else {
|
|
return "admin.watched_words.form.placeholder";
|
|
}
|
|
},
|
|
|
|
@observes("word")
|
|
removeMessage() {
|
|
if (this.showMessage && !isEmpty(this.word)) {
|
|
this.set("showMessage", false);
|
|
}
|
|
},
|
|
|
|
@discourseComputed("word")
|
|
isUniqueWord(word) {
|
|
const words = this.filteredContent || [];
|
|
const filtered = words.filter(
|
|
(content) => content.action === this.actionKey
|
|
);
|
|
return filtered.every(
|
|
(content) => content.word.toLowerCase() !== word.toLowerCase()
|
|
);
|
|
},
|
|
|
|
actions: {
|
|
changeSelectedTags(tags) {
|
|
this.setProperties({
|
|
selectedTags: tags,
|
|
replacement: tags.join(","),
|
|
});
|
|
},
|
|
|
|
submit() {
|
|
if (!this.isUniqueWord) {
|
|
this.setProperties({
|
|
showMessage: true,
|
|
message: I18n.t("admin.watched_words.form.exists"),
|
|
});
|
|
return;
|
|
}
|
|
|
|
if (!this.formSubmitted) {
|
|
this.set("formSubmitted", true);
|
|
|
|
const watchedWord = WatchedWord.create({
|
|
word: this.word,
|
|
replacement:
|
|
this.canReplace || this.canTag || this.canLink
|
|
? this.replacement
|
|
: null,
|
|
action: this.actionKey,
|
|
});
|
|
|
|
watchedWord
|
|
.save()
|
|
.then((result) => {
|
|
this.setProperties({
|
|
word: "",
|
|
replacement: "",
|
|
formSubmitted: false,
|
|
selectedTags: [],
|
|
showMessage: true,
|
|
message: I18n.t("admin.watched_words.form.success"),
|
|
});
|
|
this.action(WatchedWord.create(result));
|
|
schedule("afterRender", () =>
|
|
this.element.querySelector(".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.element.querySelector(".watched-word-input").focus()
|
|
);
|
|
});
|
|
}
|
|
},
|
|
},
|
|
|
|
@on("didInsertElement")
|
|
_init() {
|
|
schedule("afterRender", () => {
|
|
$(this.element.querySelector(".watched-word-input")).keydown((e) => {
|
|
if (e.key === "Enter") {
|
|
this.send("submit");
|
|
}
|
|
});
|
|
});
|
|
},
|
|
});
|