Spiegel von
https://github.com/paviliondev/discourse-custom-wizard.git
synchronisiert 2024-11-29 20:20:29 +01:00
36 Zeilen
802 B
Text
36 Zeilen
802 B
Text
|
import Component from "@ember/component";
|
||
|
import { bind } from "@ember/runloop";
|
||
|
import { observes } from "discourse-common/utils/decorators";
|
||
|
|
||
|
export default Component.extend({
|
||
|
classNames: ['wizard-similar-topics'],
|
||
|
showTopics: true,
|
||
|
|
||
|
didInsertElement() {
|
||
|
$(document).on("click", bind(this, this.documentClick));
|
||
|
},
|
||
|
|
||
|
willDestroyElement() {
|
||
|
$(document).off("click", bind(this, this.documentClick));
|
||
|
},
|
||
|
|
||
|
documentClick(e) {
|
||
|
if (this._state == "destroying") return;
|
||
|
let $target = $(e.target);
|
||
|
|
||
|
if (!$target.hasClass('show-topics')) {
|
||
|
this.set('showTopics', false);
|
||
|
}
|
||
|
},
|
||
|
|
||
|
@observes('topics')
|
||
|
toggleShowWhenTopicsChange() {
|
||
|
this.set('showTopics', true);
|
||
|
},
|
||
|
|
||
|
actions: {
|
||
|
toggleShowTopics() {
|
||
|
this.set('showTopics', true);
|
||
|
}
|
||
|
}
|
||
|
})
|