DEV: migrates related-messages to gjs (#27860)
This commit is contained in:
Joffrey JAFFEUX
GitHub
parent
da1a049144
commit
7b91aff46f
|
|
@ -0,0 +1,97 @@
|
|||
import Component from "@glimmer/component";
|
||||
import { cached } from "@glimmer/tracking";
|
||||
import { action } from "@ember/object";
|
||||
import didInsert from "@ember/render-modifiers/modifiers/did-insert";
|
||||
import willDestroy from "@ember/render-modifiers/modifiers/will-destroy";
|
||||
import { service } from "@ember/service";
|
||||
import { htmlSafe } from "@ember/template";
|
||||
import BasicTopicList from "discourse/components/basic-topic-list";
|
||||
import concatClass from "discourse/helpers/concat-class";
|
||||
import i18n from "discourse-common/helpers/i18n";
|
||||
import getURL from "discourse-common/lib/get-url";
|
||||
import I18n from "discourse-i18n";
|
||||
|
||||
const LIST_ID = "related-Messages";
|
||||
|
||||
export default class RelatedMessages extends Component {
|
||||
@service moreTopicsPreferenceTracking;
|
||||
@service currentUser;
|
||||
|
||||
get hidden() {
|
||||
return this.moreTopicsPreferenceTracking.get("selectedTab") !== LIST_ID;
|
||||
}
|
||||
|
||||
@action
|
||||
registerList() {
|
||||
this.moreTopicsPreferenceTracking.registerTopicList({
|
||||
name: I18n.t("related_messages.pill"),
|
||||
id: LIST_ID,
|
||||
});
|
||||
}
|
||||
|
||||
@action
|
||||
removeList() {
|
||||
this.moreTopicsPreferenceTracking.removeTopicList(LIST_ID);
|
||||
}
|
||||
|
||||
@cached
|
||||
get targetUser() {
|
||||
const topic = this.args.topic;
|
||||
|
||||
if (!topic || !topic.isPrivateMessage) {
|
||||
return;
|
||||
}
|
||||
|
||||
const allowedUsers = topic.details.allowed_users;
|
||||
|
||||
if (
|
||||
topic.relatedMessages?.length >= 5 &&
|
||||
allowedUsers.length === 2 &&
|
||||
topic.details.allowed_groups.length === 0 &&
|
||||
allowedUsers.find((u) => u.username === this.currentUser.username)
|
||||
) {
|
||||
return allowedUsers.find((u) => u.username !== this.currentUser.username);
|
||||
}
|
||||
}
|
||||
|
||||
get searchLink() {
|
||||
return getURL(
|
||||
`/search?expanded=true&q=%40${this.targetUser.username}%20in%3Apersonal-direct`
|
||||
);
|
||||
}
|
||||
|
||||
<template>
|
||||
<div
|
||||
id="related-messages"
|
||||
class={{concatClass "more-topics__list" (if this.hidden "hidden")}}
|
||||
role="complementary"
|
||||
aria-labelledby="related-messages-title"
|
||||
{{didInsert this.registerList}}
|
||||
{{willDestroy this.removeList}}
|
||||
>
|
||||
<h3 id="related-messages-title" class="more-topics__list-title">
|
||||
{{i18n "related_messages.title"}}
|
||||
</h3>
|
||||
|
||||
<div class="topics">
|
||||
<BasicTopicList
|
||||
@hideCategory="true"
|
||||
@showPosters="true"
|
||||
@topics={{@topic.relatedMessages}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{{#if this.targetUser}}
|
||||
<h3 class="see-all-pms-message">
|
||||
{{htmlSafe
|
||||
(i18n
|
||||
"related_messages.see_all"
|
||||
path=this.searchLink
|
||||
username=this.targetUser.username
|
||||
)
|
||||
}}
|
||||
</h3>
|
||||
{{/if}}
|
||||
</div>
|
||||
</template>
|
||||
}
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
<div
|
||||
id="related-messages"
|
||||
class="more-topics__list {{if this.hidden 'hidden'}}"
|
||||
role="complementary"
|
||||
aria-labelledby="related-messages-title"
|
||||
{{did-insert this.registerList}}
|
||||
{{will-destroy this.removeList}}
|
||||
>
|
||||
<h3 id="related-messages-title" class="more-topics__list-title">
|
||||
{{i18n "related_messages.title"}}
|
||||
</h3>
|
||||
|
||||
<div class="topics">
|
||||
<BasicTopicList
|
||||
@hideCategory="true"
|
||||
@showPosters="true"
|
||||
@topics={{@topic.relatedMessages}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{{#if this.targetUser}}
|
||||
<h3 class="see-all-pms-message">
|
||||
{{html-safe
|
||||
(i18n
|
||||
"related_messages.see_all"
|
||||
path=this.searchLink
|
||||
username=this.targetUser.username
|
||||
)
|
||||
}}
|
||||
</h3>
|
||||
{{/if}}
|
||||
</div>
|
||||
|
|
@ -1,56 +0,0 @@
|
|||
import Component from "@glimmer/component";
|
||||
import { action, computed } from "@ember/object";
|
||||
import { service } from "@ember/service";
|
||||
import getURL from "discourse-common/lib/get-url";
|
||||
import I18n from "discourse-i18n";
|
||||
|
||||
export default class RelatedMessages extends Component {
|
||||
@service moreTopicsPreferenceTracking;
|
||||
@service currentUser;
|
||||
|
||||
listId = "related-Messages";
|
||||
|
||||
@computed("moreTopicsPreferenceTracking.selectedTab")
|
||||
get hidden() {
|
||||
return this.moreTopicsPreferenceTracking.selectedTab !== this.listId;
|
||||
}
|
||||
|
||||
@action
|
||||
registerList() {
|
||||
this.moreTopicsPreferenceTracking.registerTopicList({
|
||||
name: I18n.t("related_messages.pill"),
|
||||
id: this.listId,
|
||||
});
|
||||
}
|
||||
|
||||
@action
|
||||
removeList() {
|
||||
this.moreTopicsPreferenceTracking.removeTopicList(this.listId);
|
||||
}
|
||||
|
||||
get targetUser() {
|
||||
const topic = this.args.topic;
|
||||
|
||||
if (!topic || !topic.isPrivateMessage) {
|
||||
return;
|
||||
}
|
||||
|
||||
const allowedUsers = topic.details.allowed_users;
|
||||
|
||||
if (
|
||||
topic.relatedMessages &&
|
||||
topic.relatedMessages.length >= 5 &&
|
||||
allowedUsers.length === 2 &&
|
||||
topic.details.allowed_groups.length === 0 &&
|
||||
allowedUsers.find((u) => u.username === this.currentUser.username)
|
||||
) {
|
||||
return allowedUsers.find((u) => u.username !== this.currentUser.username);
|
||||
}
|
||||
}
|
||||
|
||||
get searchLink() {
|
||||
return getURL(
|
||||
`/search?expanded=true&q=%40${this.targetUser.username}%20in%3Apersonal-direct`
|
||||
);
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue