save

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

@@ -98,37 +98,29 @@ export class ChatPage implements OnInit {
 
    
   }
-  destroyComponent() {
+  closeAllDesktopComponents() {
     this.showMessages=false;
     this.showGroupMessages=false;
   }
   openMessagesPage(rid) {
-    this.destroyComponent();
-    this.roomId = rid;
-    this.showMessages=true;
-    /* this.entry.clear();
-    const factory = this.resolver.resolveComponentFactory(MessagesPage);
-    this.componentRef = this.entry.createComponent(factory);
-    this.componentRef.instance.message = message; */
+    if( window.innerWidth <= 1024){
+      this.openMessagesModal(rid);
+    }
+    else{
+      this.closeAllDesktopComponents();
+      this.roomId = rid;
+      this.showMessages=true;
+    }
   }
-  openGroupMessagesPage(rid) {
-    this.destroyComponent();
-    //console.log(this.child.roomId);
-    this.roomId = rid;
-    this.showGroupMessages=true;
-    console.log(rid);
-    /* this.showGroupMessages=true; */
-    
-    /* this.entry.clear();
-    const factory = this.resolver.resolveComponentFactory(GroupMessagesPage);
-    this.componentRef = this.entry.createComponent(factory);
-    this.componentRef.instance.message = message;
-    let comp: GroupMessagesPage;
-    comp = this.componentRef;
-    comp.message = '123';
-    console.log(comp);
-    console.log('1'); */
-    
+  openGroupMessagesPage(rid, room) {
+    if( window.innerWidth <= 1024){
+      this.openGroupMessagesModal(room);
+    }
+    else{
+      this.closeAllDesktopComponents();
+      this.roomId = rid;
+      this.showGroupMessages=true;
+    }
   }
 
   
@@ -227,7 +219,7 @@ export class ChatPage implements OnInit {
     await modal.present();
     modal.onDidDismiss();
   }
-  async openMessages(dm:any){
+  async openMessagesModal(roomId:any){
     this.closeAllDesktopComponent();
 
     let classs;
@@ -236,21 +228,21 @@ export class ChatPage implements OnInit {
     } else  {
       classs = 'chat-mobile-modal-to-Desktop'
     }
-    console.log(dm);
+    console.log(roomId);
     
     const modal = await this.modalController.create({
       component: MessagesPage,
       cssClass: classs,
       backdropDismiss: false,
       componentProps: {
-        dm: dm,
+        roomId: roomId,
       },
     });
     await modal.present();
     modal.onDidDismiss();
   }
 
-  async openGroupMessages(room:any){
+  async openGroupMessagesModal(room:any){
     let classs;
     if( window.innerWidth <= 1024){
       classs = 'modal'