86 lines
2.5 KiB
Plaintext
86 lines
2.5 KiB
Plaintext
|
import DropdownSelectBox from "select-kit/components/dropdown-select-box";
|
||
|
|
import { popupAjaxError } from "discourse/lib/ajax-error";
|
||
|
|
|
||
|
|
export default DropdownSelectBox.extend({
|
||
|
|
classNames: ["user-notifications", "user-notifications-dropdown"],
|
||
|
|
nameProperty: "label",
|
||
|
|
allowInitialValueMutation: false,
|
||
|
|
|
||
|
|
computeHeaderContent() {
|
||
|
|
let content = this._super(...arguments);
|
||
|
|
if (this.get("user.ignored")) {
|
||
|
|
this.set("headerIcon", "eye-slash");
|
||
|
|
content.name = `${I18n.t("user.user_notifications_ignore_option")}`;
|
||
|
|
} else if (this.get("user.muted")) {
|
||
|
|
this.set("headerIcon", "times-circle");
|
||
|
|
content.name = `${I18n.t("user.user_notifications_mute_option")}`;
|
||
|
|
} else {
|
||
|
|
this.set("headerIcon", "user");
|
||
|
|
content.name = `${I18n.t("user.user_notifications_normal_option")}`;
|
||
|
|
}
|
||
|
|
return content;
|
||
|
|
},
|
||
|
|
|
||
|
|
computeContent() {
|
||
|
|
const content = [];
|
||
|
|
|
||
|
|
content.push({
|
||
|
|
icon: "user",
|
||
|
|
id: "change-to-normal",
|
||
|
|
description: I18n.t("user.user_notifications_normal_option_title"),
|
||
|
|
action: () => this.send("reset"),
|
||
|
|
label: I18n.t("user.user_notifications_normal_option")
|
||
|
|
});
|
||
|
|
|
||
|
|
content.push({
|
||
|
|
icon: "times-circle",
|
||
|
|
id: "change-to-muted",
|
||
|
|
description: I18n.t("user.user_notifications_mute_option_title"),
|
||
|
|
action: () => this.send("mute"),
|
||
|
|
label: I18n.t("user.user_notifications_mute_option")
|
||
|
|
});
|
||
|
|
|
||
|
|
if (this.get("user.can_ignore_user")) {
|
||
|
|
content.push({
|
||
|
|
icon: "eye-slash",
|
||
|
|
id: "change-to-ignored",
|
||
|
|
description: I18n.t("user.user_notifications_ignore_option_title"),
|
||
|
|
action: () => this.send("ignore"),
|
||
|
|
label: I18n.t("user.user_notifications_ignore_option")
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
return content;
|
||
|
|
},
|
||
|
|
|
||
|
|
actions: {
|
||
|
|
reset() {
|
||
|
|
this.get("updateNotificationLevel")("normal")
|
||
|
|
.then(() => {
|
||
|
|
this.set("user.ignored", false);
|
||
|
|
this.set("user.muted", false);
|
||
|
|
this.computeHeaderContent();
|
||
|
|
})
|
||
|
|
.catch(popupAjaxError);
|
||
|
|
},
|
||
|
|
mute() {
|
||
|
|
this.get("updateNotificationLevel")("mute")
|
||
|
|
.then(() => {
|
||
|
|
this.set("user.ignored", false);
|
||
|
|
this.set("user.muted", true);
|
||
|
|
this.computeHeaderContent();
|
||
|
|
})
|
||
|
|
.catch(popupAjaxError);
|
||
|
|
},
|
||
|
|
ignore() {
|
||
|
|
this.get("updateNotificationLevel")("ignore")
|
||
|
|
.then(() => {
|
||
|
|
this.set("user.ignored", true);
|
||
|
|
this.set("user.muted", false);
|
||
|
|
this.computeHeaderContent();
|
||
|
|
})
|
||
|
|
.catch(popupAjaxError);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|