doneit-web/src/app/pages/chat/chat.page.ts

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 { ConversationPage } from './conversation/conversation.page';
import { GroupMessagesPage } from './group-messages/group-messages.page';
import { NewGroupPage } from './new-group/new-group.page';
import { NewchatPage } from './newchat/newchat.page';

@Component({
  selector: 'app-chat',
  templateUrl: './chat.page.html',
  styleUrls: ['./chat.page.scss'],
})
export class ChatPage implements OnInit {
  showLoader: boolean;
  loggedUser: any;
  /* Set segment variable */
  segment:string;
  groupList: any[];
  userConnectedList: any[];
  result:any;

  constructor(
    private chatService: ChatService,
    private modalController: ModalController,
    private authService: AuthService
    ) { }

  ngOnInit() {
    this.segment = "Contactos";
    this.doRefresh();
    this.authService.getUserData();
    
  }
  onSegmentChange(){
    this.doRefresh();
  }
  doRefresh(){
    this.getGroups();
    this.getConnectedUsers();
  }
  getGroups(){
    this.showLoader = true;
    this.result = this.chatService.getAllPrivateGroups().subscribe((res:any)=>{
      this.groupList = res.groups;
      this.showLoader = false;
    }); 
  }

  getConnectedUsers(){
    this.showLoader = true;
    this.result = this.chatService.getAllConnectedUsers().subscribe((res:any)=>{
      this.userConnectedList = res.users;
      console.log(this.userConnectedList);
      this.showLoader = false;
    }); 
  }

  async startConversation(selectedUser) {
    const modal = await this.modalController.create({
      component: ConversationPage,
      cssClass: 'conversation',
      backdropDismiss: false,
      componentProps: {
        user: selectedUser,
      }
    });
    await modal.present();
    modal.onDidDismiss();
  }
  async selectContact(){
    const modal = await this.modalController.create({
      component: NewchatPage,
      cssClass: 'newchat',
      backdropDismiss: false,
    });
    await modal.present();
    modal.onDidDismiss();
  }
  async newGroup(){
    const modal = await this.modalController.create({
      component: NewGroupPage,
      cssClass: 'new-group',
      backdropDismiss: false,
    });
    await modal.present();
    modal.onDidDismiss();
  }
  async openGroupMessages(){
    const modal = await this.modalController.create({
      component: GroupMessagesPage,
      cssClass: 'group-messages',
      backdropDismiss: false,
    });
    await modal.present();
    modal.onDidDismiss();
  }
}