discourse/app/assets/javascripts/select-kit/components/admin-agree-flag-dropdown.j...

126 lines
3.7 KiB
JavaScript

import DropdownSelectBox from "select-kit/components/dropdown-select-box";
import computed from "ember-addons/ember-computed-decorators";
export default DropdownSelectBox.extend({
pluginApiIdentifiers: ["admin-agree-flag-dropdown"],
classNames: ["agree-flag", "admin-agree-flag-dropdown"],
adminTools: Ember.inject.service(),
nameProperty: "label",
allowInitialValueMutation: false,
headerIcon: "thumbs-o-up",
computeHeaderContent() {
let content = this.baseHeaderComputedContent();
content.name = `${I18n.t("admin.flags.agree")}...`;
return content;
},
@computed("adminTools", "post.user")
spammerDetails(adminTools, user) {
return adminTools.spammerDetails(user);
},
canDeleteSpammer: Ember.computed.and("spammerDetails.canDelete", "post.flaggedForSpam"),
computeContent() {
const content = [];
const post = this.get("post");
const canDeleteSpammer = this.get("canDeleteSpammer");
if (post.user_deleted) {
content.push({
icon: "eye",
id: "confirm-agree-restore",
action: () => this.send("perform", "restore"),
label: I18n.t("admin.flags.agree_flag_restore_post"),
description: I18n.t("admin.flags.agree_flag_restore_post_title")
});
} else {
if (!post.get("postHidden")) {
content.push({
icon: "eye-slash",
action: () => this.send("perform", "hide"),
id: "confirm-agree-hide",
label: I18n.t("admin.flags.agree_flag_hide_post"),
description: I18n.t("admin.flags.agree_flag_hide_post_title")
});
}
}
content.push({
icon: "thumbs-o-up",
id: "confirm-agree-keep",
description: I18n.t('admin.flags.agree_flag_title'),
action: () => this.send("perform", "keep"),
label: I18n.t("admin.flags.agree_flag"),
});
content.push({
icon: 'ban',
id: 'confirm-agree-suspend',
description: I18n.t('admin.flags.agree_flag_suspend_title'),
action: () => this.send("showSuspendModal"),
label: I18n.t("admin.flags.agree_flag_suspend"),
});
content.push({
icon: 'microphone-slash',
id: 'confirm-agree-silence',
description: I18n.t('admin.flags.agree_flag_silence_title'),
action: () => this.send("showSilenceModal"),
label: I18n.t("admin.flags.agree_flag_silence"),
});
if (canDeleteSpammer) {
content.push({
title: I18n.t("admin.flags.delete_spammer_title"),
icon: "exclamation-triangle",
id: "delete-spammer",
action: () => this.send("deleteSpammer"),
label: I18n.t("admin.flags.delete_spammer"),
});
}
return content;
},
mutateValue(value) {
const computedContentItem = this.get("computedContent").findBy("value", value);
Ember.get(computedContentItem, "originalContent.action")();
},
actions: {
deleteSpammer() {
let spammerDetails = this.get("spammerDetails");
this.attrs.removeAfter(spammerDetails.deleteUser());
},
showSuspendModal() {
let post = this.get('post');
let user = post.get('user');
this.get('adminTools').showSuspendModal(user, {
post,
before: () => {
return this.attrs.removeAfter(post.agreeFlags('suspended'));
}
});
},
showSilenceModal() {
let post = this.get('post');
let user = post.get('user');
this.get('adminTools').showSilenceModal(user, {
post,
before: () => {
return this.attrs.removeAfter(post.agreeFlags('silenced'));
}
});
},
perform(action) {
let flaggedPost = this.get("post");
this.attrs.removeAfter(flaggedPost.agreeFlags(action));
},
}
});