discourse/app/assets/javascripts/select-kit/components/notifications-button.js.es6

44 lines
1.4 KiB
Plaintext
Raw Normal View History

import DropdownSelectBoxComponent from "select-kit/components/dropdown-select-box";
2017-10-19 15:51:08 -04:00
import { default as computed, on } from "ember-addons/ember-computed-decorators";
import { buttonDetails } from "discourse/lib/notification-levels";
import { allLevels } from "discourse/lib/notification-levels";
export default DropdownSelectBoxComponent.extend({
classNames: "notifications-button",
nameProperty: "key",
fullWidthOnMobile: true,
content: allLevels,
castInteger: true,
autofilterable: false,
filterable: false,
rowComponent: "notifications-button/notifications-button-row",
allowInitialValueMutation: false,
2017-10-19 15:51:08 -04:00
i18nPrefix: "",
i18nPostfix: "",
@computed("iconForSelectedDetails")
headerIcon(iconForSelectedDetails) { return iconForSelectedDetails; },
2017-11-23 12:15:37 -05:00
iconForSelectedDetails: Ember.computed.alias("selectedDetails.icon"),
computeHeaderContent() {
let content = this._super();
content.name = I18n.t(`${this.get("i18nPrefix")}.${this.get("selectedDetails.key")}.title`);
content.hasSelection = this.get("hasSelection");
return content;
},
2017-10-19 15:51:08 -04:00
@on("didReceiveAttrs")
_setNotificationsButtonComponentOptions() {
2017-11-09 13:57:53 -05:00
this.get("rowComponentOptions").setProperties({
2017-10-19 15:51:08 -04:00
i18nPrefix: this.get("i18nPrefix"),
i18nPostfix: this.get("i18nPostfix")
2017-11-09 13:57:53 -05:00
});
2017-10-19 15:51:08 -04:00
},
@computed("computedValue")
selectedDetails(computedValue) {
return buttonDetails(computedValue);
}
});