bug fix in chat view

src/app/pages/chat/chat.page.html

@@ -68,17 +68,20 @@
                     </div>
                     <div *ngIf="room.value.lastMessage" class="item-description" [class.item-description-active]="room.value.id == idSelected">
                       <ion-label *ngIf="room.value.lastMessage">{{room.value.lastMessage.msg}}</ion-label>
-                      <ion-label *ngIf="room.value.lastMessage.file">
+
-                        <fa-icon *ngIf="room.value.lastMessage.file.type != 'application/meeting'" icon="file-alt" class="file-icon" [class.set-active-item-font-to-white]="room.value.id == idSelected"></fa-icon>
+                      <div *ngIf="room.value.lastMessage.file">
+                        <fa-icon *ngIf="room.value.lastMessage.file.type != 'application/meeting' && room.value.lastMessage.file.type != 'application/img'" icon="file-alt" class="file-icon" [class.set-active-item-font-to-white]="room.value.id == idSelected"></fa-icon>
                         <fa-icon *ngIf="room.value.lastMessage.file.type == 'application/meeting'" icon="calendar-alt" class="file-icon" [class.set-active-item-font-to-white]="room.value.id == idSelected"></fa-icon>
                         <span> {{room.value.lastMessage.file.name || room.value.lastMessage.file.subject }}</span>
-                      </ion-label>
+                      </div>
+
                       <ion-label *ngIf="room.value.lastMessage.attachments">
                         <div *ngIf="room.value.lastMessage.attachments[0].image_url">
                           <fa-icon icon="image" class="file-icon" [class.set-active-item-font-to-white]="room.value.id == idSelected"></fa-icon>
                           <span> Fotografia</span>
                         </div>
                       </ion-label>
+
                     </div>
                   </div>
                 </div>

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

@@ -143,6 +143,7 @@ export class ChatPage implements OnInit {
 
   ngOnInit() {
 
+    console.log(this.wsChatMethodsService.dm);
     console.log(this.wsChatMethodsService.group);
 
 

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

@@ -138,7 +138,7 @@ export class GroupMessagesPage implements OnInit, AfterViewInit, OnDestroy {
       "asUser": false,
     }
     if(msgId){
-      this.alertService.confirmDeleteMessage(body);
+      //this.alertService.confirmDeleteMessage(body);
     }
     else{
       this.toastService.badRequest('Não foi possível apagar');

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

@@ -245,7 +245,7 @@ export class MessagesPage implements OnInit, AfterViewInit, OnDestroy {
       "asUser": false,
     }
     if (msgId) {
-      this.alertService.confirmDeleteMessage(body);
+      //this.alertService.confirmDeleteMessage(body);
     }
     else {
       this.toastService.badRequest('Não foi possível apagar');

src/app/services/alert.service.ts

@@ -1,6 +1,7 @@
 import { Injectable } from '@angular/core';
 import { AlertController, AnimationController } from '@ionic/angular';
 import { ChatService } from './chat.service';
+import { WsChatMethodsService } from './chat/ws-chat-methods.service';
 import { ToastService } from './toast.service';
 
 @Injectable({
@@ -13,6 +14,7 @@ export class AlertService {
     private animationController: AnimationController,
     private chatService: ChatService,
     private toastService: ToastService,
+    public wsChatMethodsService: WsChatMethodsService,
     ) { }
 
   async presentAlert(message:string) {
@@ -40,7 +42,9 @@ export class AlertService {
     }, 2500);
   }
 
-  async confirmDeleteMessage(body:any) {
+  async confirmDeleteMessage(msgId:any, room:any) {
+    console.log(room);
+
     const alert = await this.alertController.create({
       cssClass: 'my-custom-class',
       header: 'Apagar a mensagem?',
@@ -55,10 +59,10 @@ export class AlertService {
         }, {
           text: 'Apagar',
           handler: () => {
-            const loader = this.toastService.loading();
+            //const loader = this.toastService.loading();
-            this.chatService.deleteMessage(body).subscribe(res=>{
+            this.wsChatMethodsService.deleteMessage(msgId);
-              loader.remove();
+            //this.wsChatMethodsService.subscribeToRoomUpdate(room._id, room);
-            });
+            //loader.remove();
           }
         }
       ]

src/app/services/chat/room.service.ts

@@ -52,8 +52,9 @@ export class RoomService {
 
   receiveMessage() {
 
-    this.WsChatService.receiveLiveMessageFromRoom(
+    this.WsChatService.upateRoomEvents(
       this.id,
+      "stream-room-messages",
       (ChatMessage) => {
         ChatMessage = ChatMessage.fields.args[0]
         ChatMessage = this.fix_updatedAt(ChatMessage)
@@ -63,7 +64,7 @@ export class RoomService {
         const message = new MessageService()
         message.setData(ChatMessage)
 
-        this.lastMessage.msg = message.msg
+        this.lastMessage = message
         if (message.t == 'r') { this.name = message.msg }
         this.calDateDuration(ChatMessage._updatedAt)
         this.massages.push(message)
@@ -84,6 +85,37 @@ export class RoomService {
 
       }
     )
+
+    this.WsChatService.registerCallback
+  }
+
+  async receiveMessageDelete() {
+
+    this.WsChatService.upateRoomEvents(
+      this.id,
+      "stream-notify-room",
+      async (ChatMessage) => {
+        console.log(ChatMessage.fields.args[0]._id);
+        const messageId = ChatMessage.fields.args[0]._id;
+        this.massages.forEach((message, index)=>{
+          if(message._id == messageId){
+            this.massages.splice(index, 1)
+            this.storage.set('chatmsg' + this.id, this.massages).then((value) => {
+              //console.log('MSG DELETE ON STORAGE', value)
+            });
+
+            //Get previous last message from room
+            const previousLastMessage = this.massages.slice(-1)[0];
+
+            this.lastMessage = previousLastMessage;
+            this.calDateDuration(previousLastMessage._updatedAt)
+
+          }
+        })
+
+      }
+    )
+    this.WsChatService.registerCallback
   }
 
   send(msg) {
@@ -148,7 +180,7 @@ export class RoomService {
         if (message.file) {
           if (message.file.guid) {
             this.storage.get(message.file.guid).then((image) => {
-              console.log('IMAGE FROM STORAGE', image)
+              //console.log('IMAGE FROM STORAGE', image)
               message.file.image_url = image
             });
           }
@@ -188,6 +220,8 @@ export class RoomService {
     this.WsChatService.loadHistory(this.id, limit).then(async (chatHistory: chatHistory) => {
 
       const mgsArray = chatHistory.result.messages.reverse();
+      console.log(mgsArray);
+
       if (this.platform.is('desktop') || this.platform.is('mobileweb')) {
         await this.storage.remove('chatmsg' + this.id).then(() => {
           console.log('MSG REMOVE ON STORAGE')

src/app/services/chat/ws-chat-methods.service.ts

@@ -58,14 +58,19 @@ export class WsChatMethodsService {
       this.WsChatService.streamRoomMessages(id).then((subscription)=>{
         console.log('streamRoomMessages', subscription)
       })
+      this.WsChatService.streamNotifyRoomDeleteMessage(id).then((subscription)=>{
+        console.log('streamNotifyRoomDeleteMessage', subscription);
+      })
     }
 
     for (const id in this.group) {
       this.WsChatService.streamRoomMessages(id).then((subscription)=>{
         console.log('streamRoomMessages', subscription)
       })
+      this.WsChatService.streamNotifyRoomDeleteMessage(id).then((subscription)=>{
+        console.log('streamNotifyRoomDeleteMessage', subscription);
+      })
     }
-
     this.WsChatService.streamNotifyLogged().then((subscription=>{
       console.log('streamRoomMessages', subscription)
     }))
@@ -82,6 +87,9 @@ export class WsChatMethodsService {
     this.WsChatService.streamNotifyLogged().then((subscription=>{
       console.log('streamRoomMessages', subscription)
     }))
+    this.WsChatService.streamNotifyRoomDeleteMessage(id).then((subscription)=>{
+      console.log('streamNotifyRoomDeleteMessage', subscription);
+    })
 
     this.prepareRoom(roomData);
 
@@ -103,10 +111,13 @@ export class WsChatMethodsService {
     })
 
     room.receiveMessage()
+    room.receiveMessageDelete();
 
     let roomId = this.getRoomId(roomData)
 
     if(this.isIndividual(roomData)) {
+      console.log(room);
+
       this.dm[roomId] = room
       this.dmCount++
     } else {
@@ -115,7 +126,9 @@ export class WsChatMethodsService {
     }
   }
 
-
+  deleteMessage(id?) {
+    return this.WsChatService.deleteMessage(id);
+  }
 
   leaveRoom(id?) {
     return this.WsChatService.leaveRoom(id);

src/app/services/chat/ws-chat.service.ts

@@ -228,7 +228,29 @@ export class WsChatService {
   }
 
   joinRoom(){}
-  deleteMessage() {}
+
+  deleteMessage(msgId) {
+    const requestId = uuidv4();
+
+    var message = {
+      msg: "method",
+      method: "deleteMessage",
+      id: requestId,
+      params:[{"_id":msgId}]
+    }
+
+    this.ws.send({message, requestId});
+
+    return new Promise ((resolve, reject) => {
+      this.ws.registerCallback({type:'Onmessage', funx:(message) =>{
+        if(message.id == requestId || deepFind(message, 'result') == requestId){
+          resolve(message)
+          return true
+        }
+      }})
+    });
+  }
+
   createPrivateRoom(groupName, username, customFields) {
     const requestId =  uuidv4()
 
@@ -337,15 +359,20 @@ export class WsChatService {
 
   }
 
-  receiveLiveMessageFromRoom(roomId, funx: Function) {
+upateRoomEvents(roomId, collection:string, funx: Function, ) {
 
     this.ws.registerCallback({
       type:'Onmessage',
       funx:(message)=>{
-        if(message.msg =='changed' && message.collection == 'stream-room-messages') {
+        //console.log(message);
+
+        if(message.msg =='changed' && message.collection == collection) {
           if(message.fields.args[0].rid == roomId) {
             funx(message)
           }
+          else if(message.fields.eventName ==`${roomId}/deleteMessage`){
+            funx(message)
+          }
         }
       }
     })
@@ -432,6 +459,33 @@ export class WsChatService {
 
   }
 
+  streamNotifyRoomDeleteMessage(roomId:string) {
+
+    const requestId =  uuidv4()
+
+    let message = {
+      "msg": "sub",
+      "id": requestId,
+      "name": "stream-notify-room",
+      "params": [
+        `${roomId}/deleteMessage`,
+        true
+      ]
+    };
+
+    this.ws.send({message, requestId})
+
+    return new Promise((resolve, reject) => {
+      this.ws.registerCallback({type:'Onmessage', funx:(message)=>{
+        if(message.id == requestId || deepFind(message,'result.id') == requestId) { // same request send
+          resolve(message)
+          return true
+        }
+      }})
+    });
+
+  }
+
   registerCallback(data:wsCallbacksParams) {
     return this.ws.registerCallback(data)
   }

src/app/shared/chat/group-messages/group-messages.page.html

@@ -49,7 +49,7 @@
         <div class="message-item-options d-flex justify-content-end">
           <fa-icon [matMenuTriggerFor]="beforeMenu" icon="chevron-down" class="message-options-icon cursor-pointer"></fa-icon>
           <mat-menu #beforeMenu="matMenu" xPosition="before">
-            <button (click)="deleteMessage(msg._id)" class="menuButton">Apagar mensagem</button>
+            <button (click)="deleteMessage(msg._id, msg)" class="menuButton">Apagar mensagem</button>
           </mat-menu>
         </div>
         <div class="title">
@@ -68,7 +68,7 @@
           <div class="message-item-options d-flex justify-content-end">
             <fa-icon [matMenuTriggerFor]="beforeMenu" icon="chevron-down" class="message-options-icon cursor-pointer"></fa-icon>
             <mat-menu #beforeMenu="matMenu" xPosition="before">
-              <button (click)="deleteMessage(msg._id)" class="menuButton">Apagar mensagem</button>
+              <button (click)="deleteMessage(msg._id, msg)" class="menuButton">Apagar mensagem</button>
             </mat-menu>
           </div>
           <div class="title">

src/app/shared/chat/group-messages/group-messages.page.ts

@@ -306,13 +306,8 @@ export class GroupMessagesPage implements OnInit, OnChanges, AfterViewInit, OnDe
     this.message = "";
   }
 
-  deleteMessage(msgId: string) {
+  deleteMessage(msgId: string, room:any) {
-    let body = {
+    this.alertService.confirmDeleteMessage(msgId, room);
-      "roomId": this.roomId,
-      "msgId": msgId,
-      "asUser": false,
-    }
-    this.alertService.confirmDeleteMessage(body);
   }
 
   async openGroupMessagesOptions() {

src/app/shared/chat/messages/messages.page.html

@@ -44,7 +44,7 @@
           <fa-icon [matMenuTriggerFor]="beforeMenu" icon="chevron-down" class="message-options-icon cursor-pointer">
           </fa-icon>
           <mat-menu #beforeMenu="matMenu" xPosition="before">
-            <button (click)="deleteMessage(msg._id)" class="menuButton">Apagar mensagem</button>
+            <button (click)="deleteMessage(msg._id, msg)" class="menuButton">Apagar mensagem</button>
           </mat-menu>
         </div>
         <div class="title">
@@ -63,7 +63,7 @@
             <fa-icon [matMenuTriggerFor]="beforeMenu" icon="chevron-down" class="message-options-icon cursor-pointer">
             </fa-icon>
             <mat-menu #beforeMenu="matMenu" xPosition="before">
-              <button (click)="deleteMessage(msg._id)" class="menuButton">Apagar mensagem</button>
+              <button (click)="deleteMessage(msg._id, msg)" class="menuButton">Apagar mensagem</button>
             </mat-menu>
           </div>
           <div class="title">

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

@@ -254,16 +254,8 @@ export class MessagesPage implements OnInit, OnChanges, AfterViewInit, OnDestroy
     this.message = "";
   }
 
-  deleteMessage(msgId: string) {
+  deleteMessage(msgId: string, room:any) {
-    let body = {
+    this.alertService.confirmDeleteMessage(msgId, room);
-      "roomId": this.roomId,
-      "msgId": msgId,
-      "asUser": false,
-    }
-    this.alertService.confirmDeleteMessage(body);
-    /* this.chatService.deleteMessage(body).subscribe(res=>{
-      console.log(res);
-    }); */
   }
 
   async viewDocument(msg: any, url?: string) {