2020-05-13 16:23:41 -04:00
|
|
|
import I18n from "I18n";
|
2017-11-21 05:53:09 -05:00
|
|
|
import DropdownSelectBoxComponent from "select-kit/components/dropdown-select-box";
|
2020-02-03 08:22:14 -05:00
|
|
|
import { allLevels, buttonDetails } from "discourse/lib/notification-levels";
|
|
|
|
import { computed, setProperties } from "@ember/object";
|
2017-10-19 15:51:08 -04:00
|
|
|
|
|
|
|
export default DropdownSelectBoxComponent.extend({
|
2020-02-03 08:22:14 -05:00
|
|
|
pluginApiIdentifiers: ["notifications-button"],
|
|
|
|
classNames: ["notifications-button"],
|
2017-10-19 15:51:08 -04:00
|
|
|
content: allLevels,
|
2020-02-03 08:22:14 -05:00
|
|
|
nameProperty: "key",
|
2017-10-19 15:51:08 -04:00
|
|
|
|
2020-02-03 08:22:14 -05:00
|
|
|
selectKitOptions: {
|
|
|
|
autoFilterable: false,
|
|
|
|
filterable: false,
|
|
|
|
i18nPrefix: "",
|
2020-05-23 00:56:13 -04:00
|
|
|
i18nPostfix: "",
|
2017-11-21 05:53:09 -05:00
|
|
|
},
|
|
|
|
|
2020-02-03 08:22:14 -05:00
|
|
|
modifyComponentForRow() {
|
|
|
|
return "notifications-button/notifications-button-row";
|
2019-01-10 05:06:01 -05:00
|
|
|
},
|
|
|
|
|
2020-02-03 08:22:14 -05:00
|
|
|
modifySelection(content) {
|
|
|
|
content = content || {};
|
|
|
|
const { i18nPrefix, i18nPostfix } = this.selectKit.options;
|
2020-05-11 14:46:08 -04:00
|
|
|
const title = I18n.t(
|
|
|
|
`${i18nPrefix}.${this.buttonForValue.key}${i18nPostfix}.title`
|
|
|
|
);
|
2020-02-03 08:22:14 -05:00
|
|
|
setProperties(content, {
|
2020-05-11 14:46:08 -04:00
|
|
|
title,
|
|
|
|
label: title,
|
2020-02-03 08:22:14 -05:00
|
|
|
icon: this.buttonForValue.icon,
|
|
|
|
});
|
2017-11-21 05:53:09 -05:00
|
|
|
return content;
|
|
|
|
},
|
2017-10-19 15:51:08 -04:00
|
|
|
|
2020-02-03 08:22:14 -05:00
|
|
|
buttonForValue: computed("value", function () {
|
|
|
|
return buttonDetails(this.value);
|
|
|
|
}),
|
2017-10-19 15:51:08 -04:00
|
|
|
});
|