fix delete message

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

@@ -13,10 +13,12 @@
         </div>
         <div class="middle-container" *ngIf="!showMessageOptions">
           <div class="middle">
-            <ion-label class="title">{{wsChatMethodsService.getDmRoom(roomId).name}}</ion-label>
+            <!-- <ion-label class="title">{{wsChatMethodsService.getDmRoom(roomId).name}}</ion-label> -->
             <!-- <span><ion-icon class="{{users.status}}" name="ellipse"></ion-icon></span> -->
           </div>
         </div>
+
+        <div (click)="wsChatMethodsService.getDmRoom(roomId).deleteAll()" >delete all</div>
         <div class="middle-container-options" *ngIf="showMessageOptions">
           <fa-icon (click)="deleteMessage(selectedMsgId)" icon="trash" class="middle-container-options-icons"></fa-icon>
           <!-- <ion-icon name="trash"></ion-icon> -->
@@ -56,24 +58,14 @@
           <span class="time">{{msg.duration}}</span>
         </div>
         <div>
-          <ion-label>{{msg.msg}}</ion-label>
-          {{last ? scrollToBottom() : ''}}
-        </div>
-      </div>
-
-      <div (press)="handlePress(msg._id)" class='message-container incoming-{{msg.u.username!=loggedUser.me.username}}' (click)="openPreview(msg)" *ngIf="msg.msg !=''">
-        <div class="title">
-          <ion-label>{{msg.u.name}}</ion-label>
-          <span class="time">{{msg.duration}}</span>
-        </div>
-        <div>
-          <ion-label>{{msg.msg}}</ion-label>
+          <ion-label *ngIf="msg.delate == false">{{msg.msg}}</ion-label>
+          <ion-label *ngIf="msg.delate == true">{{msg.msg}}</ion-label>
           {{last ? scrollToBottom() : ''}}
         </div>
       </div>
 
 
-      <div *ngIf="msg.file">
+      <div *ngIf="msg.file && msg.delate == false">
       <div (press)="handlePress(msg._id)" class='message-container incoming-{{msg.u.username!=loggedUser.me.username}}' *ngIf="msg.file.type != 'application/meeting'">
         <div class="title">
           <ion-label>{{msg.u.name}}</ion-label>
@@ -123,7 +115,7 @@
 
       </div>
 
-      <div *ngIf="msg.file">
+      <div *ngIf="msg.file && msg.delate == false">
         <div *ngIf="msg.file.type == 'application/meeting'" class="info-meeting">
           <ion-label class="info-meeting-small">{{msg.u.name}} criou esta reunião</ion-label><br />
           <button (click)="goToEvent(msg.file.id)" class="btn-no-color info-meeting-normal"><ion-label class="info-meeting-normal">{{msg.file.subject}}</ion-label></button><br />
@@ -132,6 +124,10 @@
         </div>
         {{last ? scrollToBottom() : ''}}
       </div>
+
+      <div *ngIf="msg.file && msg.delate == true">
+        Apagou a mensagem
+      </div>
     </div>
   </div>
   <ion-fab horizontal="end" vertical="bottom" slot="fixed">