ucap/next-ucap-messenger
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

cdk-virtual-scroll-viewport is removed

Browse Source
This commit is contained in:
richard-loafle 2020-01-30 17:46:32 +09:00
parent 787cac6359
commit f8c717551e
2 changed files with 10 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/organization.component.html
View File

@ -62,14 +62,14 @@
</div>
</div>
<div *ngIf="!isShowSearch" class="search-list">
<cdk-virtual-scroll-viewport
itemSize="60"
#cvsvDeptUser
<virtual-scroller
#vsDeptUser
[items]="selectedDepartmentUserInfoList"
perfectScrollbar
fxFlexFill
>
<ucap-profile-user-list-item
*cdkVirtualFor="let userInfo of selectedDepartmentUserInfoList"
*ngFor="let userInfo of vsDeptUser.viewPortItems"
[userInfo]="userInfo"
[sessionVerinfo]="sessionVerinfo"
[selectedUserList]="selectedUserList"
@ -85,7 +85,7 @@
matTooltipPosition="after"
>
</ucap-profile-user-list-item>
</cdk-virtual-scroll-viewport>
</virtual-scroller>
</div>
<div *ngIf="isShowSearch" class="search-result">
<virtual-scroller
@ -95,7 +95,6 @@
fxFlexFill
>
<ucap-profile-user-list-item
style="height: 60px;"
*ngFor="let userInfo of vsDeptSearchUser.viewPortItems"
[userInfo]="userInfo"
[checkable]="userInfo.seq !== loginRes.userSeq"

11
projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/organization.component.ts
View File

@ -119,8 +119,8 @@ export class OrganizationComponent
@Output()
sendSms = new EventEmitter<string>();
@ViewChild('cvsvDeptUser', { static: false })
cvsvDeptUser: CdkVirtualScrollViewport;
@ViewChild('vsDeptUser', { static: false })
private vsDeptUser: VirtualScrollerComponent;
@ViewChild('vsDeptSearchUser', { static: false })
private vsDeptSearchUser: VirtualScrollerComponent;
@ -206,8 +206,8 @@ export class OrganizationComponent
this.selectedDepartmentUserInfoList = list;
}),
tap(() => {
if (!!this.cvsvDeptUser) {
this.cvsvDeptUser.scrollToOffset(0);
if (!!this.vsDeptUser) {
this.vsDeptUser.scrollToIndex(0);
}
if (!!this.psDirectiveRef) {
this.psDirectiveRef.update();
@ -252,14 +252,13 @@ export class OrganizationComponent
ngAfterViewChecked(): void {
if (
!!this.cvsvDeptUser &&
!!this.vsDeptUser &&
!!this.selectedDepartmentUserInfoList &&
this.selectedDepartmentUserInfoList.length > 0 &&
!this.isInitList &&
this.isVisible
) {
this.isInitList = true;
this.cvsvDeptUser.checkViewportSize();
}
}