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

bug of new message is fixed

Browse Source
This commit is contained in:
richard-loafle 2020-01-23 11:55:51 +09:00
parent 97499b0415
commit 0e536e5266
1 changed files with 45 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.ts
View File

@ -142,6 +142,7 @@ export class MessagesComponent implements OnInit, OnDestroy {
readToHereEvent: Info<EventJson>;
swapped = false;
hidden = false;
constructor(
private logger: NGXLogger,
@ -384,9 +385,10 @@ export class MessagesComponent implements OnInit, OnDestroy {
to: Info<EventJson>,
preCallback: () => void,
postCallback: () => void,
useSwap: boolean = true
useHide: boolean,
useSwap: boolean
) {
this.preSwapScroll(useSwap);
this.preSwapScroll(useHide, useSwap);
if (!!preCallback) {
preCallback();
}
@ -395,12 +397,12 @@ export class MessagesComponent implements OnInit, OnDestroy {
if (!!postCallback) {
postCallback();
}
this.postSwapScroll(useSwap);
this.postSwapScroll(useHide, useSwap);
}, 100);
});
}
preSwapScroll(useSwap: boolean = true) {
preSwapScroll(useHide: boolean, useSwap: boolean) {
if (useSwap && !this.swapped) {
this.chatMessagesBuffer.nativeElement.innerHTML = this.chatMessagesContainer.nativeElement.innerHTML;
this.chatMessagesBuffer.nativeElement.scrollTop = this.chatMessagesContainer.nativeElement.scrollTop;
@ -408,10 +410,13 @@ export class MessagesComponent implements OnInit, OnDestroy {
this.swapped = true;
}
this.chatMessagesContainer.nativeElement.classList.add('hide');
if (useHide && !this.hidden) {
this.chatMessagesContainer.nativeElement.classList.add('hide');
this.hidden = true;
}
}
postSwapScroll(useSwap: boolean = true) {
postSwapScroll(useHide: boolean, useSwap: boolean) {
if (useSwap && this.swapped) {
this.chatMessagesBuffer.nativeElement.innerHTML = '';
this.chatMessagesBuffer.nativeElement.scrollTop = 0;
@ -419,7 +424,10 @@ export class MessagesComponent implements OnInit, OnDestroy {
this.swapped = false;
}
this.chatMessagesContainer.nativeElement.classList.remove('hide');
if (useHide && this.hidden) {
this.chatMessagesContainer.nativeElement.classList.remove('hide');
this.hidden = false;
}
}
ready(): void {
@ -434,7 +442,9 @@ export class MessagesComponent implements OnInit, OnDestroy {
() => {},
() => {
this.firstCheckReadHere = false;
}
},
true,
true
);
} else {
this.swapScroll(
@ -442,7 +452,9 @@ export class MessagesComponent implements OnInit, OnDestroy {
() => {},
() => {
this.storedScrollItem = undefined;
}
},
true,
true
);
}
} else if (this.scrollUpInitalized) {
@ -460,15 +472,31 @@ export class MessagesComponent implements OnInit, OnDestroy {
() => {},
() => {
this.firstCheckReadHere = false;
}
},
true,
true
);
} else {
this.swapScroll(
this.eventList[this.eventList.length - 1],
() => {},
() => {},
false
);
if (
this.virtualScroller.viewPortInfo.endIndex ===
this.eventList.length - 2
) {
this.swapScroll(
this.eventList[this.eventList.length - 1],
() => {},
() => {},
false,
false
);
} else {
this.swapScroll(
this.eventList[this.eventList.length - 1],
() => {},
() => {},
true,
false
);
}
}
}
}
@ -499,7 +527,7 @@ export class MessagesComponent implements OnInit, OnDestroy {
if (this.scrollUpInitalized && this.eventRemained) {
this.storeScrollPosition();
this.preSwapScroll();
this.preSwapScroll(true, true);
this.moreEvent.emit(this.eventList[0].seq);