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

Create method to add sidebar element

Browse source 
Signed-off-by: RMidhunSuresh <rmidhunsuresh@gmail.com>
This commit is contained in:
RMidhunSuresh 2021-05-26 15:36:29 +05:30
parent a23e2c361a
commit 0a4f8aff79
1 changed files with 17 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/platform/web/ui/session/rightpanel/RoomInfoView.js
View file

@ -1,15 +1,29 @@
import { TemplateView } from "../../general/TemplateView.js"; import { TemplateView } from "../../general/TemplateView.js";
import { text } from "../../general/html.js"; import { text, classNames, tag } from "../../general/html.js";
import { AvatarView } from "../../avatar.js"; import { AvatarView } from "../../avatar.js";
export class RoomInfoView extends TemplateView { export class RoomInfoView extends TemplateView {
render(t, vm) { render(t, vm) {
const encryptionString = vm.isEncrypted ? "On" : "Off";
return t.div({ className: "RoomInfo" }, [ return t.div({ className: "RoomInfo" }, [
t.div({ className: "RoomAvatar" }, [t.view(new AvatarView(vm, 128))]), t.div({ className: "RoomAvatar" }, [t.view(new AvatarView(vm, 128))]),
t.div({ className: "RoomName" }, [t.h2(vm.name)]), t.div({ className: "RoomName" }, [t.h2(vm.name)]),
t.div({ className: "RoomId" }, [text(vm.roomId)]), t.div({ className: "RoomId" }, [text(vm.roomId)]),
t.div({ className: "RoomMemberCount" }, [text(vm.memberCount)]),
t.div({ className: "RoomEncryption" }, [vm.isEncrypted ? "Encrypted" : "Not Encrypted"]) this._createSideBarRow("People", vm.memberCount, { MemberCount: true }),
this._createSideBarRow("Encryption", encryptionString, { EncryptionStatus: true })
]);
}
_createSideBarRow(label, value, labelClass, valueClass) {
const labelClassString = classNames({ SidebarLabel: true, ...labelClass });
const valueClassString = classNames({ SidebarValue: true, ...valueClass });
return tag.div({ className: "SidebarRow" }, [
tag.div({ className: labelClassString }, [text(label)]),
tag.div({ className: valueClassString }, [text(value)])
]); ]);
} }
} }