diff --git a/src/app/shared/chat/messages/messages.page.ts b/src/app/shared/chat/messages/messages.page.ts index e63dca9bf..e5cdb8bd0 100644 --- a/src/app/shared/chat/messages/messages.page.ts +++ b/src/app/shared/chat/messages/messages.page.ts @@ -50,6 +50,8 @@ export class MessagesPage implements OnInit, OnChanges, AfterViewInit, OnDestroy private scrollChangeCallback: () => void; currentPosition: any; startPosition: number; + mesageItemDropdownOptions: boolean = false; + scrollToBottomBtn = false; constructor( public popoverController: PopoverController, @@ -122,6 +124,13 @@ export class MessagesPage implements OnInit, OnChanges, AfterViewInit, OnDestroy } catch(err) { } } + scrollToBottomClicked(): void { + try { + this.myScrollContainer.nativeElement.scrollTop = this.myScrollContainer.nativeElement.scrollHeight; + //this.scrollingOnce = false; + } catch(err) { } + } + ngAfterViewInit() { this.scrollChangeCallback = () => this.onContentScrolled(event); window.addEventListener('scroll', this.scrollChangeCallback, true); @@ -130,17 +139,22 @@ export class MessagesPage implements OnInit, OnChanges, AfterViewInit, OnDestroy onContentScrolled(e) { this.startPosition = e.srcElement.scrollTop; let scroll = e.srcElement.scrollTop; + let windowHeight = e.srcElement.scrollHeight; + let containerHeight = windowHeight - 454.199951171875; + if (scroll > this.currentPosition) { - //this.showButton = false; //alert('BOTTOM'); } else { - //this.showButton = true; //alert('UP'); this.scrollingOnce = false; } + if((containerHeight - 100) > scroll){ + this.scrollToBottomBtn = true; + } + else{ + this.scrollToBottomBtn = false; + } this.currentPosition = scroll; - /* console.log(this.currentPosition); - console.log(this.scrollingOnce); */ } ngOnDestroy() {