import ComboBoxComponent from "select-kit/components/combo-box"; export default ComboBoxComponent.extend({ pluginApiIdentifiers: ["topic-footer-mobile-dropdown"], classNames: "topic-footer-mobile-dropdown", filterable: false, autoFilterable: false, allowInitialValueMutation: false, computeHeaderContent() { let content = this._super(); content.name = I18n.t("topic.controls"); return content; }, computeContent(content) { const topic = this.get("topic"); const details = topic.get("details"); if (details.get("can_invite_to")) { content.push({ id: "invite", icon: "users", name: I18n.t("topic.invite_reply.title") }); } if (topic.get("bookmarked")) { content.push({ id: "bookmark", icon: "bookmark", name: I18n.t("bookmarked.clear_bookmarks") }); } else { content.push({ id: "bookmark", icon: "bookmark", name: I18n.t("bookmarked.title") }); } content.push({ id: "share", icon: "link", name: I18n.t("topic.share.title") }); if (details.get("can_flag_topic")) { content.push({ id: "flag", icon: "flag", name: I18n.t("topic.flag_topic.title") }); } return content; }, autoHighlight() {}, mutateValue(value) { const topic = this.get("topic"); if (!topic.get("id")) { return; } const refresh = () => this.deselect(this.get("selection")); switch(value) { case "invite": this.attrs.showInvite(); refresh(); break; case "bookmark": topic.toggleBookmark().then(() => refresh() ); break; case "share": this.appEvents.trigger("share:url", topic.get("shareUrl"), $("#topic-footer-buttons")); refresh(); break; case "flag": this.attrs.showFlagTopic(); refresh(); break; } } });