mystiq/hydrogen-web
Archived
4
1
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity

Merge pull request #447 from MidhunSureshR/avatar-memberlist-link

Browse source 
Link to member-panel from avatar
This commit is contained in:
Bruno Windels 2021-08-06 15:44:57 +00:00 committed by GitHub
commit 5675895301
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/domain/session/room/timeline/tiles/BaseMessageTile.js
View file

@ -41,6 +41,10 @@ export class BaseMessageTile extends SimpleTile {
return this._entry.sender; return this._entry.sender;
} }
get memberPanelLink() {
return `${this.urlCreator.urlUntilSegment("room")}/member/${this.sender}`;
}
// Avatar view model contract // Avatar view model contract
get avatarColorNumber() { get avatarColorNumber() {
return getIdentifierColorNumber(this._entry.sender); return getIdentifierColorNumber(this._entry.sender);

1
src/platform/web/ui/css/themes/element/timeline.css
View file

@ -64,6 +64,7 @@ limitations under the License.
.Timeline_messageAvatar { .Timeline_messageAvatar {
grid-area: avatar; grid-area: avatar;
text-decoration: none;
} }
.Timeline_messageSender { .Timeline_messageSender {

3
src/platform/web/ui/session/room/timeline/BaseMessageView.js
View file

@ -42,6 +42,7 @@ export class BaseMessageView extends TemplateView {
// should be after body as it is overlayed on top // should be after body as it is overlayed on top
t.button({className: "Timeline_messageOptions"}, "⋯"), t.button({className: "Timeline_messageOptions"}, "⋯"),
]); ]);
const avatar = t.a({href: vm.memberPanelLink, className: "Timeline_messageAvatar"}, [renderStaticAvatar(vm, 30)]);
// given that there can be many tiles, we don't add // given that there can be many tiles, we don't add
// unneeded DOM nodes in case of a continuation, and we add it // unneeded DOM nodes in case of a continuation, and we add it
// with a side-effect binding to not have to create sub views, // with a side-effect binding to not have to create sub views,
@ -52,7 +53,7 @@ export class BaseMessageView extends TemplateView {
li.removeChild(li.querySelector(".Timeline_messageAvatar")); li.removeChild(li.querySelector(".Timeline_messageAvatar"));
li.removeChild(li.querySelector(".Timeline_messageSender")); li.removeChild(li.querySelector(".Timeline_messageSender"));
} else if (!isContinuation) { } else if (!isContinuation) {
li.insertBefore(renderStaticAvatar(vm, 30, "Timeline_messageAvatar"), li.firstChild); li.insertBefore(avatar, li.firstChild);
li.insertBefore(tag.div({className: `Timeline_messageSender usercolor${vm.avatarColorNumber}`}, vm.displayName), li.firstChild); li.insertBefore(tag.div({className: `Timeline_messageSender usercolor${vm.avatarColorNumber}`}, vm.displayName), li.firstChild);
} }
}); });