mirror of
https://github.com/discourse/discourse.git
synced 2025-02-25 18:55:32 -06:00
DEV: Add user-tip
back to glimmer-topic-timeline (#20165)
Add the user-tip back to the glimmer topic timeline <img width="555" alt="Screenshot 2023-02-03 at 9 38 45 AM" src="https://user-images.githubusercontent.com/50783505/216644897-cdd3244f-e565-49ea-a929-5faa87f8ce57.png">
This commit is contained in:
parent
d90a31d5b4
commit
2bff6dbe26
@ -2,7 +2,7 @@
|
|||||||
class={{concat "timeline-container " this.classes}}
|
class={{concat "timeline-container " this.classes}}
|
||||||
{{did-insert this.addShowClass}}
|
{{did-insert this.addShowClass}}
|
||||||
>
|
>
|
||||||
<div class="topic-timeline">
|
<div class="topic-timeline" {{did-insert this.addUserTip}}>
|
||||||
<TopicTimeline::Container
|
<TopicTimeline::Container
|
||||||
@model={{@model}}
|
@model={{@model}}
|
||||||
@enteredIndex={{this.enteredIndex}}
|
@enteredIndex={{this.enteredIndex}}
|
||||||
|
@ -3,6 +3,7 @@ import { tracked } from "@glimmer/tracking";
|
|||||||
import optionalService from "discourse/lib/optional-service";
|
import optionalService from "discourse/lib/optional-service";
|
||||||
import { inject as service } from "@ember/service";
|
import { inject as service } from "@ember/service";
|
||||||
import { bind } from "discourse-common/utils/decorators";
|
import { bind } from "discourse-common/utils/decorators";
|
||||||
|
import I18n from "I18n";
|
||||||
|
|
||||||
export default class GlimmerTopicTimeline extends Component {
|
export default class GlimmerTopicTimeline extends Component {
|
||||||
@service site;
|
@service site;
|
||||||
@ -83,6 +84,18 @@ export default class GlimmerTopicTimeline extends Component {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@bind
|
||||||
|
addUserTip(element) {
|
||||||
|
this.currentUser.showUserTip({
|
||||||
|
id: "topic_timeline",
|
||||||
|
titleText: I18n.t("user_tips.topic_timeline.title"),
|
||||||
|
contentText: I18n.t("user_tips.topic_timeline.content"),
|
||||||
|
reference: document.querySelector("div.timeline-scrollarea-wrapper"),
|
||||||
|
appendTo: element,
|
||||||
|
placement: "left",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
willDestroy() {
|
willDestroy() {
|
||||||
if (!this.site.mobileView) {
|
if (!this.site.mobileView) {
|
||||||
this.intersectionObserver?.disconnect();
|
this.intersectionObserver?.disconnect();
|
||||||
|
Loading…
Reference in New Issue
Block a user