improvements

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

@@ -39,7 +39,7 @@
       <ion-label>A conversa original mantêm-se como chat individual</ion-label>
     </div>
     <div class="container-width-100" *ngFor="let msg of messages; let last = last" #scrollMe>
-      <div *ngIf="msg.t != 'r' && msg.t != 'ul'" class='incoming-{{msg.u.username!=loggedUser.me.username}} max-width-45'>
+      <div *ngIf="msg.t != 'r' && msg.t != 'ul' && msg.t != 'ru'" class='incoming-{{msg.u.username!=loggedUser.me.username}} max-width-45'>
         <div class="title">
           <ion-label>{{msg.u.name}}</ion-label>
           <span class="time">{{showDateDuration(msg._updatedAt)}}</span>
@@ -54,7 +54,19 @@
         {{last ? scrollToBottom() : ''}}
       </div>
       <div *ngIf="msg.t == 'ul'" class="info-text-leave">
-        <ion-label>O contacto {{msg.msg.split('-').join(' ')}} saiu do grupo</ion-label><br />
+        <div *ngFor="let user of allUsers">
+          <div *ngIf="msg.msg == user.username">
+            <ion-label>{{user.name}} saiu do grupo</ion-label><br />
+          </div>
+        </div>
+        {{last ? scrollToBottom() : ''}}
+      </div>
+      <div *ngIf="msg.t == 'ru'" class="info-text-leave">
+        <div *ngFor="let user of allUsers">
+          <div *ngIf="msg.msg == user.username">
+            <ion-label>{{user.name}} foi removido do grupo</ion-label><br />
+          </div>
+        </div>
         {{last ? scrollToBottom() : ''}}
       </div>
     </div>

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

@@ -24,6 +24,7 @@ export class GroupMessagesPage implements OnInit, OnChanges, AfterViewInit, OnDe
   message:any;
   leaveStatus:any;
   messages:any;
+  allUsers:any[] = [];
 
 
   room:any = new Array();
@@ -72,6 +73,7 @@ export class GroupMessagesPage implements OnInit, OnChanges, AfterViewInit, OnDe
     this.serverLongPull();
     console.log(this.roomId);
     this.setStatus('online');
+    this.getChatMembers();
   }
 
   setStatus(status:string){
@@ -116,6 +118,16 @@ export class GroupMessagesPage implements OnInit, OnChanges, AfterViewInit, OnDe
     window.removeEventListener('scroll', this.scrollChangeCallback, true);
   }
 
+  async getChatMembers(){
+    //return await this.chatService.getMembers(roomId).toPromise();
+    this.chatService.getAllUsers().subscribe(res=> {
+      console.log(res);
+
+      this.allUsers = res['users'].filter(data => data.username != this.loggedUserChat.me.username);
+      console.log(this.allUsers);
+    });
+  }
+
   openGroupContactsPage(){
     this.openGroupContacts.emit(this.roomId);
   }
@@ -210,7 +222,16 @@ export class GroupMessagesPage implements OnInit, OnChanges, AfterViewInit, OnDe
     let body = {
       "message":
       {
-        "rid": this.roomId, "msg": this.message
+        "rid": this.roomId,
+        "msg": this.message,
+        "attachments": [{
+          "color": "#ff0000",
+          "text": "Yay for gruggy!",
+          "title": "Attachment Example",
+          "title_link": "https://youtube.com",
+          "title_link_download": false,
+          "image_url": "http://res.guggy.com/logo_128.png",
+        }]
       }
     }