mirror of
https://github.com/discourse/discourse.git
synced 2024-11-25 06:30:15 +08:00
39f3dbd945
* renames `select-box-kit` into `select-kit`
* introduces `single-select` and `multi-select` as base components
* introduces {{search-advanced-category-chooser}} as a better component for selecting category in advanced search
* improves events handling in select-kit
* recreates color selection inputs using {{multi-select}} and a custom {{selected-color}} component
* replaces category-selector by a component using select-kit and based on multi-select
* improves positioning of wrapper
* removes the need for offscreen, and instead use `select-kit-header` as a base focus point for all select-kit based components
* introduces a formal plugin api for select-kit based components
* introduces a formal pattern for loading and updating select-kit based components:
```
computeValue()
computeContent()
mutateValue()
```
88 lines
2.6 KiB
JavaScript
88 lines
2.6 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"),
|
|
});
|
|
|
|
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());
|
|
},
|
|
|
|
perform(action) {
|
|
let flaggedPost = this.get("post");
|
|
this.attrs.removeAfter(flaggedPost.agreeFlags(action));
|
|
},
|
|
}
|
|
});
|