mirrors/vector-im-hydrogen-web
1
0
Fork 0
mirror of https://github.com/vector-im/hydrogen-web.git synced 2024-12-23 03:25:12 +01:00
Code Issues Projects Releases Wiki Activity

Open panel when button is clicked

Browse Source
This commit is contained in:
RMidhunSuresh 2023-08-21 17:12:39 +05:30
parent bf32f2cc29
commit 1a16728d47
No known key found for this signature in database
3 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/domain/session/rightpanel/RightPanelViewModel.js
View File

@ -18,6 +18,7 @@ import {ViewModel} from "../../ViewModel";
import {RoomDetailsViewModel} from "./RoomDetailsViewModel.js"; import {RoomDetailsViewModel} from "./RoomDetailsViewModel.js";
import {MemberListViewModel} from "./MemberListViewModel.js"; import {MemberListViewModel} from "./MemberListViewModel.js";
import {MemberDetailsViewModel} from "./MemberDetailsViewModel.js"; import {MemberDetailsViewModel} from "./MemberDetailsViewModel.js";
import {InvitePanelViewModel} from "./InvitePanelViewModel";
import {DeviceVerificationViewModel} from "../verification/DeviceVerificationViewModel"; import {DeviceVerificationViewModel} from "../verification/DeviceVerificationViewModel";
export class RightPanelViewModel extends ViewModel { export class RightPanelViewModel extends ViewModel {
@ -61,6 +62,7 @@ export class RightPanelViewModel extends ViewModel {
_setupNavigation() { _setupNavigation() {
this._hookUpdaterToSegment("details", RoomDetailsViewModel, () => { return {room: this._room}; }); this._hookUpdaterToSegment("details", RoomDetailsViewModel, () => { return {room: this._room}; });
this._hookUpdaterToSegment("invite", InvitePanelViewModel, () => { return {room: this._room}; });
this._hookUpdaterToSegment("members", MemberListViewModel, () => this._getMemberListArguments()); this._hookUpdaterToSegment("members", MemberListViewModel, () => this._getMemberListArguments());
this._hookUpdaterToSegment("member", MemberDetailsViewModel, () => this._getMemberDetailsArguments(), this._hookUpdaterToSegment("member", MemberDetailsViewModel, () => this._getMemberDetailsArguments(),
() => { () => {

8
src/platform/web/ui/session/rightpanel/MemberListView.js
View File

@ -27,7 +27,13 @@ export class MemberListView extends TemplateView {
}, tileViewModel => new MemberTileView(tileViewModel)); }, tileViewModel => new MemberTileView(tileViewModel));
return t.div({ className: "MemberListView" }, [ return t.div({ className: "MemberListView" }, [
t.div({ className: "MemberListView__invite-container" }, [ t.div({ className: "MemberListView__invite-container" }, [
t.button({ className: "MemberListView__invite-btn button-action primary" }, vm.i18n`Invite to this room`), t.button(
{
className: "MemberListView__invite-btn button-action primary",
onClick: () => vm.openInvitePanel(),
},
vm.i18n`Invite to this room`
),
]), ]),
t.view(list), t.view(list),
]); ]);

3
src/platform/web/ui/session/rightpanel/RightPanelView.js
View File

@ -20,6 +20,7 @@ import {MemberListView} from "./MemberListView.js";
import {LoadingView} from "../../general/LoadingView.js"; import {LoadingView} from "../../general/LoadingView.js";
import {MemberDetailsView} from "./MemberDetailsView.js"; import {MemberDetailsView} from "./MemberDetailsView.js";
import {DeviceVerificationView} from "../verification/DeviceVerificationView"; import {DeviceVerificationView} from "../verification/DeviceVerificationView";
import {InvitePanelView} from "./InvitePanelView";
export class RightPanelView extends TemplateView { export class RightPanelView extends TemplateView {
render(t) { render(t) {
@ -40,6 +41,8 @@ export class RightPanelView extends TemplateView {
return new MemberListView(vm); return new MemberListView(vm);
case "member-details": case "member-details":
return new MemberDetailsView(vm); return new MemberDetailsView(vm);
case "invite":
return new InvitePanelView(vm);
case "verification": case "verification":
return new DeviceVerificationView(vm); return new DeviceVerificationView(vm);
default: default: