mirror of
https://github.com/discourse/discourse.git
synced 2025-02-10 05:14:59 +00:00
09ca75d17e
`app/` means we want to merge it into our application there. `addon` means give it its own module namespace, which is what we wanted.
29 lines
800 B
JavaScript
29 lines
800 B
JavaScript
import Component from "@ember/component";
|
|
import { action, computed } from "@ember/object";
|
|
|
|
export default Component.extend({
|
|
layoutName: "select-kit/templates/components/topic-notifications-button",
|
|
classNames: ["topic-notifications-button"],
|
|
classNameBindings: ["isLoading"],
|
|
appendReason: true,
|
|
showFullTitle: true,
|
|
placement: "bottom-start",
|
|
notificationLevel: null,
|
|
topic: null,
|
|
showCaret: true,
|
|
isLoading: false,
|
|
icon: computed("isLoading", function() {
|
|
return this.isLoading ? "spinner" : null;
|
|
}),
|
|
|
|
@action
|
|
changeTopicNotificationLevel(levelId) {
|
|
if (levelId !== this.notificationLevel) {
|
|
this.set("isLoading", true);
|
|
this.topic.details
|
|
.updateNotifications(levelId)
|
|
.finally(() => this.set("isLoading", false));
|
|
}
|
|
}
|
|
});
|