add new components for chat in shared

src/app/shared/chat/messages/contacts/contacts.page.ts

@@ -0,0 +1,153 @@
+import { HttpClient, HttpHeaders } from '@angular/common/http';
+import { Component, OnInit } from '@angular/core';
+import { ModalController } from '@ionic/angular';
+import { AuthService } from 'src/app/services/auth.service';
+import { ChatService } from 'src/app/services/chat.service';
+import { GroupMessagesPage } from '../../group-messages/group-messages.page';
+import { MessagesPage } from '../messages.page';
+
+@Component({
+  selector: 'app-contacts',
+  templateUrl: './contacts.page.html',
+  styleUrls: ['./contacts.page.scss'],
+})
+export class ContactsPage implements OnInit {
+  showLoader: boolean;
+  loggedUser: any;
+  users = [];
+
+  headers: HttpHeaders;
+  options:any;
+  contacts:any;
+  textSearch:string;
+  room:any;
+  dm:any;
+
+  constructor(
+    private modalController: ModalController,
+    private http: HttpClient,
+    private chatService: ChatService,
+    private authService: AuthService,
+  ) 
+  {  
+    this.authService.userData$.subscribe((res:any)=>{
+      this.loggedUser=res;
+    });
+    this.textSearch="";
+    this.dm=null;
+    this.room=null;
+  }
+
+  ngOnInit() {
+    this.loadUsers();
+
+  }
+  onChange(event){
+    this.textSearch = event.detail.value;
+  }
+
+  loadUsers(){
+    this.options = { 
+      headers: this.headers,
+    };
+    this.chatService.getAllUsers().subscribe((res:any)=>{
+      console.log(res.users);
+      this.contacts = res.users.filter(data => data.username != this.loggedUser.me.username);
+      this.users = this.contacts.sort((a,b) => {
+        if(a.name < b.name){
+          return -1;
+        }
+        if(a.name > b.name){
+          return 1;
+        }
+        return 0;
+      });
+      this.showLoader = false;
+    });
+  }
+
+  separateLetter(record, recordIndex, records){
+    if(recordIndex == 0){
+      return record.name[0];
+    }
+
+    let first_prev = records[recordIndex - 1].name[0];
+    let first_current = record.name[0];
+
+    if(first_prev != first_current){
+      return first_current;
+    }
+    return null;
+  }
+
+  doRefresh(event){
+  }
+
+  close(){
+    this.modalController.dismiss();
+  }
+  
+  clicked(){
+    console.log('clicked');
+  }
+
+  createRoom(username:string){
+    let body = {
+      username: username,
+    }
+    this.chatService.createRoom(body).subscribe(res => {
+      console.log(res);
+      this.room = res['room'];
+      this.getDirectMessage(this.room._id);
+    });
+  }
+  getDirectMessage(roomId:any){
+    console.log(roomId);
+    
+    this.chatService.getAllDirectMessages().subscribe(res=>{
+      let result = res['ims'].filter(data => data._id == roomId);
+      this.dm = result[0];
+      console.log(this.dm);
+      this.openModal(this.dm);
+    });
+  }
+  async openModal(dm:any){
+    this.close();
+    console.log(dm);
+    
+    const modal = await this.modalController.create({
+      component: MessagesPage,
+      cssClass: 'group-messages',
+      backdropDismiss: false,
+      componentProps: {
+        dm: dm,
+      },
+    });
+    await modal.present();
+    modal.onDidDismiss();
+  }
+
+  async openMessages(username:string){
+    /* this.close(); */
+
+    let dm:any;
+    //Create new room
+     this.createRoom(username);
+    //Get direct messages (dm)
+    /* this.getDirectMessage(this.room._id); */
+    console.log(this.dm);
+    
+      
+    /* const modal = await this.modalController.create({
+      component: MessagesPage,
+      cssClass: 'group-messages',
+      backdropDismiss: false,
+      componentProps: {
+        dm: dm,
+      },
+    });
+    await modal.present();
+    modal.onDidDismiss(); */
+  }
+
+}