improvements

src/app/pages/chat/messages/messages.page.ts

@@ -1,5 +1,8 @@
-import { Component, OnInit } from '@angular/core';
-import { ModalController, PopoverController } from '@ionic/angular';
+import { AfterViewChecked, Component, ElementRef, OnInit, ViewChild } from '@angular/core';
+import { ModalController, NavParams, PopoverController } from '@ionic/angular';
+import { Status } from 'src/app/models/chat/status.model';
+import { AuthService } from 'src/app/services/auth.service';
+import { ChatService } from 'src/app/services/chat.service';
 import { ChatOptionsPopoverPage } from 'src/app/shared/popover/chat-options-popover/chat-options-popover.page';
 import { MessagesOptionsPage } from 'src/app/shared/popover/messages-options/messages-options.page';
 import { ContactsPage } from '../new-group/contacts/contacts.page';
@@ -9,24 +12,108 @@ import { ContactsPage } from '../new-group/contacts/contacts.page';
   templateUrl: './messages.page.html',
   styleUrls: ['./messages.page.scss'],
 })
-export class MessagesPage implements OnInit {
+export class MessagesPage implements OnInit, AfterViewChecked {
+
+  @ViewChild('scrollMe') private myScrollContainer: ElementRef;
+
+  loggedUser: any;
 
   message = '';
+  messages:any;
+  dm:any;
+  userPresence='';
+  dmUsers:any;
+
   
   constructor(
     public popoverController: PopoverController,
     private modalController: ModalController,
-  ) { }
+    private navParams: NavParams,
+    private chatService: ChatService,
+    private authService: AuthService,
+  ) { 
+    this.dm = this.navParams.get('dm');
+  }
 
   ngOnInit() {
+
+    this.scrollToBottom();
+
+    this.authService.userData$.subscribe((res:any)=>{
+      this.loggedUser=res;
+      console.log(this.loggedUser);  
+    });
+
+    console.log(this.dm);
+    
+    setInterval(()=>{
+      this.checkUserPresence();
+      this.loadMessages();
+    }, 2000);
+
+    this.getChatMembers();
+    
+    
+  }
+  loadUser(){
+    console.log('working');
+    
+  }
+  ngAfterViewChecked() {        
+    this.scrollToBottom();
+  } 
+  scrollToBottom(): void {
+    try {
+        this.myScrollContainer.nativeElement.scrollTop = this.myScrollContainer.nativeElement.scrollHeight;
+    } catch(err) { }                 
+  }
+  loadMoreMessages(ev:any){
+
+  }
+
+  checkUserPresence(){
+    this.chatService.getUserPresence(this.dm.lastMessage.u._id).subscribe(res=>{
+      this.userPresence = res['presence'];
+    });
+  }
+  sendMessage(){
+
+    let body = {
+      "message": 
+      { 
+        "rid": this.dm._id, "msg": this.message 
+      }
+    }
+    
+    this.chatService.sendMessage(body).subscribe(res=> {
+      /* console.log(res); */
+      this.loadMessages(); 
+    });
+  }
+  
+  loadMessages(){
+    this.chatService.getRoomMessages(this.dm._id).subscribe(res => {
+      console.log(res);
+      this.messages = res['messages'].reverse();
+    })
+  }
+  getChatMembers(){
+    this.chatService.getMembers(this.dm._id).subscribe(res=> {
+      this.dmUsers = res['members'].filter(data => data.username != this.loggedUser.me.username)
+      console.log(res);
+      console.log(this.dmUsers);
+    });
   }
 
   async openMessagesOptions(ev: any) {
     const popover = await this.popoverController.create({
       component: MessagesOptionsPage,
+      componentProps: {
+        roomId: this.dm._id,
+      },
       cssClass: 'messages-options',
       event: ev,
-      translucent: true
+      translucent: true,
     });
     return await popover.present();
   }