doneit-web/src/app/shared/popover/chat-popover/chat-popover.page.ts

import { Component, OnInit } from '@angular/core';
import { ModalController, NavParams, PopoverController } from '@ionic/angular';
import { EditGroupPage } from 'src/app/pages/chat/edit-group/edit-group.page';
import { ChatService } from 'src/app/services/chat.service';

@Component({
  selector: 'app-chat-popover',
  templateUrl: './chat-popover.page.html',
  styleUrls: ['./chat-popover.page.scss'],
})
export class ChatPopoverPage implements OnInit {
  roomId:string;
  room: any;

  constructor(
    private popoverController: PopoverController,
    private modalController: ModalController,
    private navParams: NavParams,
    private chatService: ChatService,
  ) { 
    this.roomId = this.navParams.get('roomId');
  }

  ngOnInit() {
    console.log(this.roomId);
    
  }
  close(){
    if( window.innerWidth <= 1024){
      this.popoverController.dismiss();
    }
    else{
      this.modalController.dismiss();
    }
  }

   //Top menu options
   //Close
   leaveGroup(){
    let body = { "roomId":this.roomId, }

    this.chatService.getRoomInfo(this.roomId).subscribe(room=>{
      this.room = room['room'];

      if(this.room.t === 'p'){ 
        this.chatService.closeGroup(body).subscribe(res=>{
          console.log(res);
        });
      }
      else{ 
        this.chatService.closeChannel(body).subscribe(res=>{
          console.log(res);
        });
      }
    });
    this.popoverController.dismiss(true);
  }
  //Delete
  deleteGroup(){
    let body = { "roomId":this.roomId, }
    this.chatService.getRoomInfo(this.roomId).subscribe(room=>{
      this.room = room['room'];

      if(this.room.t === 'p'){ 
        this.chatService.deleteGroup(body).subscribe(res=>{
          console.log(res);
        });
      }
      else{ 
        this.chatService.deleteChannel(body).subscribe(res=>{
          console.log(res);
        });
      }
    });
    this.popoverController.dismiss(true);
  }
  async openChangeGroupName(){
    const modal = await this.modalController.create({
      component: EditGroupPage,
      componentProps: {
        roomId: this.roomId,
      }, 
      cssClass: 'contacts',
      backdropDismiss: false
    });

    await modal.present();
    modal.onDidDismiss().then((res)=>{
      console.log(res.data);
      this.popoverController.dismiss(res.data);
    });
  }

}