Arsharth/hydrogen-web
1
0
Fork 0
forked from mystiq/hydrogen-web
Code Issues Pull requests Projects Releases Packages Wiki Activity

Put up a temporary loading view

Browse source 
Signed-off-by: RMidhunSuresh <rmidhunsuresh@gmail.com>
This commit is contained in:
RMidhunSuresh 2021-06-25 20:46:15 +05:30
parent ef40027502
commit 3d4ba20150
2 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/platform/web/ui/session/rightpanel/MemberListView.js
View file

@ -1,9 +1,16 @@
import {TemplateView} from "../../general/TemplateView.js"; import {TemplateView} from "../../general/TemplateView.js";
import {ListView} from "../../general/ListView.js"; import {ListView} from "../../general/ListView.js";
import {MemberTileView} from "./MemberTileView.js"; import {MemberTileView} from "./MemberTileView.js";
import {spinner} from "../../common.js";
export class MemberListView extends TemplateView { export class MemberListView extends TemplateView {
render(t, vm) { render(t, vm) {
return t.view(new ListView({list: vm.memberTileViewModels, className:"MemberListView"}, tileViewModel => new MemberTileView(tileViewModel))); return t.view(new ListView({list: vm.memberTileViewModels, className:"MemberListView"}, tileViewModel => new MemberTileView(tileViewModel)));
} }
} }
export class MemberListLoadingView extends TemplateView {
render(t) {
return t.div(["Loading ", spinner(t)]);
}
}

4
src/platform/web/ui/session/rightpanel/RightPanelView.js
View file

@ -1,13 +1,13 @@
import {TemplateView} from "../../general/TemplateView.js"; import {TemplateView} from "../../general/TemplateView.js";
import {RoomDetailsView} from "./RoomDetailsView.js"; import {RoomDetailsView} from "./RoomDetailsView.js";
import {MemberListView} from "./MemberListView.js"; import {MemberListLoadingView, MemberListView} from "./MemberListView.js";
export class RightPanelView extends TemplateView { export class RightPanelView extends TemplateView {
render(t) { render(t) {
return t.div({className: "RightPanelView"}, return t.div({className: "RightPanelView"},
[ [
t.mapView(vm => vm.roomDetailsViewModel, roomDetailsViewModel => roomDetailsViewModel ? new RoomDetailsView(roomDetailsViewModel) : null), t.mapView(vm => vm.roomDetailsViewModel, roomDetailsViewModel => roomDetailsViewModel ? new RoomDetailsView(roomDetailsViewModel) : null),
t.mapView(vm => vm.memberListViewModel, memberListViewModel => memberListViewModel ? new MemberListView(memberListViewModel) : null) t.mapView(vm => vm.memberListViewModel, memberListViewModel => memberListViewModel ? new MemberListView(memberListViewModel) : new MemberListLoadingView())
] ]
); );
} }