대화 참여자 리스트 virture scroll 적용.

This commit is contained in:
leejinho 2020-03-16 16:44:08 +09:00
parent eb92529928
commit 517d8a4d37

View File

@ -1,8 +1,8 @@
<div fxLayout="column" class="rightDrawer-userlist"> <div fxLayout="column" class="rightDrawer-userlist">
<div class="search-list"> <div class="search-list">
<perfect-scrollbar class="room-user-scrollbar"> <cdk-virtual-scroll-viewport itemSize="60" perfectScrollbar fxFlexFill>
<ucap-profile-user-list-item <ucap-profile-user-list-item
*ngFor="let userInfo of userInfoList" *cdkVirtualFor="let userInfo of userInfoList"
[userInfo]="userInfo" [userInfo]="userInfo"
[presence]="getStatusBulkInfo(userInfo) | async" [presence]="getStatusBulkInfo(userInfo) | async"
[sessionVerinfo]="sessionVerinfo" [sessionVerinfo]="sessionVerinfo"
@ -10,11 +10,9 @@
(openProfile)="onClickOpenProfile(userInfo.seq)" (openProfile)="onClickOpenProfile(userInfo.seq)"
> >
</ucap-profile-user-list-item> </ucap-profile-user-list-item>
</perfect-scrollbar> </cdk-virtual-scroll-viewport>
</div> </div>
<div <div class="btn-box">
class="btn-box"
>
<button mat-flat-button class="mat-primary" (click)="onClickAddMember()"> <button mat-flat-button class="mat-primary" (click)="onClickAddMember()">
{{ 'chat.addMemberToRoom' | translate }} {{ 'chat.addMemberToRoom' | translate }}
</button> </button>