From f9b1068baebcca38410106b73d2bd01be1a9f97b Mon Sep 17 00:00:00 2001 From: RMidhunSuresh Date: Wed, 21 Jul 2021 14:36:26 +0530 Subject: [PATCH] Add links Signed-off-by: RMidhunSuresh --- .../session/rightpanel/MemberDetailsViewModel.js | 10 +++++++++- .../web/ui/session/rightpanel/MemberDetailsView.js | 6 +++--- 2 files changed, 12 insertions(+), 4 deletions(-) diff --git a/src/domain/session/rightpanel/MemberDetailsViewModel.js b/src/domain/session/rightpanel/MemberDetailsViewModel.js index dad65d64..4e870ae8 100644 --- a/src/domain/session/rightpanel/MemberDetailsViewModel.js +++ b/src/domain/session/rightpanel/MemberDetailsViewModel.js @@ -25,7 +25,7 @@ export class MemberDetailsViewModel extends ViewModel { this._member = this._observableMember.get(); this._isEncrypted = options.isEncrypted; this._powerLevelsObservable = options.powerLevelsObservable; - this._powerLevel = this._powerLevelFromObservable(this._powerLevelsObservable); + this._powerLevel = this._powerLevelsObservable.get().getUserLevel(this._member.userId); this.track(this._powerLevelsObservable.subscribe(() => this._onPowerLevelsChange())); this.track(this._observableMember.subscribe( () => this._onMemberChange())); } @@ -72,4 +72,12 @@ export class MemberDetailsViewModel extends ViewModel { get isEncrypted() { return this._isEncrypted; } + + get dmLink() { + return `${this.urlCreator.urlUntilSegment("session")}/open-room/${this._member.userId}`; + } + + get linkToUser() { + return `https://matrix.to/#/${this._member.userId}`; + } } diff --git a/src/platform/web/ui/session/rightpanel/MemberDetailsView.js b/src/platform/web/ui/session/rightpanel/MemberDetailsView.js index 0d9c38f8..33589531 100644 --- a/src/platform/web/ui/session/rightpanel/MemberDetailsView.js +++ b/src/platform/web/ui/session/rightpanel/MemberDetailsView.js @@ -45,10 +45,10 @@ export class MemberDetailsView extends TemplateView { return t.div({ className: "MemberDetailsView_section" }, [ t.div({className: "MemberDetailsView_label"}, vm.i18n`OPTIONS`), - t.div({ className: "MemberDetailsView_options" }, + t.div({className: "MemberDetailsView_options"}, [ - t.a({href: "#"}, vm.i18n`Direct Message`), - t.a({href: "#"}, vm.i18n`Open Link to User`) + t.a({href: vm.dmLink}, vm.i18n`Direct Message`), + t.a({href: vm.linkToUser, target: "_blank", rel: "noopener"}, vm.i18n`Open Link to User`) ]) ]); }