61 lines
2.1 KiB
JavaScript
61 lines
2.1 KiB
JavaScript
/*
|
|
Copyright 2021 The Matrix.org Foundation C.I.C.
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
*/
|
|
|
|
import {TemplateView} from "../../general/TemplateView.js";
|
|
import {RoomDetailsView} from "./RoomDetailsView.js";
|
|
import {MemberListView} from "./MemberListView.js";
|
|
import {LoadingView} from "../../general/LoadingView.js";
|
|
import {MemberDetailsView} from "./MemberDetailsView.js";
|
|
|
|
export class RightPanelView extends TemplateView {
|
|
render(t) {
|
|
return t.div({ className: "RightPanelView" },
|
|
[
|
|
t.ifView(vm => vm.activeViewModel, vm => new ButtonsView(vm)),
|
|
t.mapView(vm => vm.activeViewModel, vm => this._viewFromType(vm))
|
|
]
|
|
);
|
|
}
|
|
|
|
_viewFromType(vm) {
|
|
const type = vm?.type;
|
|
switch (type) {
|
|
case "room-details":
|
|
return new RoomDetailsView(vm);
|
|
case "member-list":
|
|
return new MemberListView(vm);
|
|
case "member-details":
|
|
return new MemberDetailsView(vm);
|
|
default:
|
|
return new LoadingView();
|
|
}
|
|
}
|
|
}
|
|
|
|
class ButtonsView extends TemplateView {
|
|
render(t, vm) {
|
|
return t.div({ className: "RightPanelView_buttons" },
|
|
[
|
|
t.button({
|
|
className: {
|
|
"back": true,
|
|
"button-utility": true,
|
|
"hide": !vm.activeViewModel.shouldShowBackButton
|
|
}, onClick: () => vm.showPreviousPanel()}),
|
|
t.button({className: "close button-utility", onClick: () => vm.closePanel()})
|
|
]);
|
|
}
|
|
}
|