From 7fb70cbe55a1db3310a95d1a7c60da5f3be54007 Mon Sep 17 00:00:00 2001
From: "tiago.kayaya" <tiago.kayaya@equilibrium.co.ao>
Date: Thu, 19 Aug 2021 09:10:48 +0100
Subject: [PATCH 1/2] save

---
 .../group-contacts/group-contacts.page.html      | 16 ++++++++--------
 .../chat/messages/contacts/contacts.page.html    | 14 +++++++-------
 .../chat/new-group/contacts/contacts.page.html   | 12 ++++++------
 .../group-contacts/group-contacts.page.html      | 12 ++++++------
 .../chat/messages/contacts/contacts.page.html    | 16 ++++++++--------
 .../chat/new-group/contacts/contacts.page.html   | 12 ++++++------
 6 files changed, 41 insertions(+), 41 deletions(-)

diff --git a/src/app/pages/chat/group-messages/group-contacts/group-contacts.page.html b/src/app/pages/chat/group-messages/group-contacts/group-contacts.page.html
index 0b54a3c68..e5bebbbc9 100644
--- a/src/app/pages/chat/group-messages/group-contacts/group-contacts.page.html
+++ b/src/app/pages/chat/group-messages/group-contacts/group-contacts.page.html
@@ -16,7 +16,7 @@
   </ion-toolbar>
   <ion-toolbar class="toolbar-search">
     <div class="search">
-      <ion-searchbar debounce="500" (ionChange)="onChange($event)" placeholder="Pesquisar por cantacto" ></ion-searchbar>
+      <ion-searchbar debounce="500" (ionChange)="onChange($event)" placeholder="Pesquisar por contacto" ></ion-searchbar>
     </div>
   </ion-toolbar>
 </ion-header>
@@ -27,9 +27,9 @@
       <ion-refresher-content>
       </ion-refresher-content>
     </ion-refresher>
-    
-      
-      
+
+
+
 
   <div class="main-content">
     <div *ngIf="members">
@@ -49,7 +49,7 @@
     </div>
 
     <ion-virtual-scroll [items]="users | filter:textSearch: 'name'" approxItemHeight="70px" [headerFn]="separateLetter">
-  
+
       <div class="item-divider" *virtualHeader="let header">
         <ion-label>{{header}}</ion-label>
       </div>
@@ -59,8 +59,8 @@
          <p>{{user.name}}</p>
         <ion-icon class="{{user.status}}" name="ellipse"></ion-icon>
       </div>
-      
+
     </ion-virtual-scroll>
-    
-  </div>    
+
+  </div>
 </ion-content>
diff --git a/src/app/pages/chat/messages/contacts/contacts.page.html b/src/app/pages/chat/messages/contacts/contacts.page.html
index fe94a14f1..7ae952e46 100644
--- a/src/app/pages/chat/messages/contacts/contacts.page.html
+++ b/src/app/pages/chat/messages/contacts/contacts.page.html
@@ -15,7 +15,7 @@
   </ion-toolbar>
   <ion-toolbar class="toolbar-search">
     <div class="search">
-      <ion-searchbar debounce="500" (ionChange)="onChange($event)" placeholder="Pesquisar por cantacto" ></ion-searchbar>
+      <ion-searchbar debounce="500" (ionChange)="onChange($event)" placeholder="Pesquisar por contacto" ></ion-searchbar>
     </div>
   </ion-toolbar>
 </ion-header>
@@ -27,9 +27,9 @@
       </ion-refresher-content>
     </ion-refresher>
   <div class="main-content">
-    
+
     <ion-virtual-scroll [items]="users | filter:textSearch: 'name'" approxItemHeight="70px" [headerFn]="separateLetter">
-  
+
       <div class="item-divider" *virtualHeader="let header">
         <ion-label>{{header}}</ion-label>
       </div>
@@ -39,10 +39,10 @@
          <span class="icon">
           <ion-icon class="{{user.status}}" slot="end" name="ellipse"></ion-icon>
          </span>
-        
+
       </div>
-      
+
     </ion-virtual-scroll>
-    
-  </div>    
+
+  </div>
 </ion-content>
diff --git a/src/app/pages/chat/new-group/contacts/contacts.page.html b/src/app/pages/chat/new-group/contacts/contacts.page.html
index 588926fb4..509f4999f 100644
--- a/src/app/pages/chat/new-group/contacts/contacts.page.html
+++ b/src/app/pages/chat/new-group/contacts/contacts.page.html
@@ -16,7 +16,7 @@
   </ion-toolbar>
   <ion-toolbar class="toolbar-search">
     <div class="search">
-      <ion-searchbar (ionChange)="onChange($event)" placeholder="Pesquisar por cantacto" ></ion-searchbar>
+      <ion-searchbar (ionChange)="onChange($event)" placeholder="Pesquisar por contacto" ></ion-searchbar>
     </div>
   </ion-toolbar>
 </ion-header>
@@ -28,7 +28,7 @@
       </ion-refresher-content>
     </ion-refresher>
   <div class="main-content">
-    
+
     <!-- <ion-list>
       <ion-item *ngFor="let user of searchedItem">
         {{user.name}}
@@ -36,7 +36,7 @@
     </ion-list> -->
 
     <ion-virtual-scroll [items]="users" approxItemHeight="70px" [headerFn]="separateLetter">
-  
+
       <div class="item-divider" *virtualHeader="let header">
         <ion-label>{{header}}</ion-label>
       </div>
@@ -46,10 +46,10 @@
          <p>{{user.first}} {{user.last}}</p>
         <ion-icon name="ellipse"></ion-icon>
       </div>
-      
+
     </ion-virtual-scroll>
-    
-  </div>    
+
+  </div>
 </ion-content>
 
 
diff --git a/src/app/shared/chat/group-messages/group-contacts/group-contacts.page.html b/src/app/shared/chat/group-messages/group-contacts/group-contacts.page.html
index 4cc223766..12efc9f18 100644
--- a/src/app/shared/chat/group-messages/group-contacts/group-contacts.page.html
+++ b/src/app/shared/chat/group-messages/group-contacts/group-contacts.page.html
@@ -20,7 +20,7 @@
   </ion-toolbar>
   <ion-toolbar class="toolbar-search">
     <div class="search">
-      <ion-searchbar debounce="500" (ionChange)="onChange($event)" placeholder="Pesquisar por cantacto" ></ion-searchbar>
+      <ion-searchbar debounce="500" (ionChange)="onChange($event)" placeholder="Pesquisar por contacto" ></ion-searchbar>
     </div>
   </ion-toolbar>
 </ion-header>
@@ -31,7 +31,7 @@
       <ion-refresher-content>
       </ion-refresher-content>
     </ion-refresher>
-    
+
   <div class="main-content width-100">
     <div class="members" *ngIf="members">
       <ion-label class="members-label">Contactos selecção:</ion-label>
@@ -48,7 +48,7 @@
     </div>
 
     <ion-virtual-scroll [items]="users | filter:textSearch: 'name'" approxItemHeight="70px" [headerFn]="separateLetter">
-  
+
       <div class="item-divider" *virtualHeader="let header">
         <ion-label>{{header}}</ion-label>
       </div>
@@ -58,8 +58,8 @@
         <ion-label>{{user.name}}</ion-label>
         <div class="icon"><ion-icon class="{{user.status}}" name="ellipse"></ion-icon></div>
       </div>
-      
+
     </ion-virtual-scroll>
-    
-  </div>    
+
+  </div>
 </ion-content>
diff --git a/src/app/shared/chat/messages/contacts/contacts.page.html b/src/app/shared/chat/messages/contacts/contacts.page.html
index 6c44e43f2..e263f96f7 100644
--- a/src/app/shared/chat/messages/contacts/contacts.page.html
+++ b/src/app/shared/chat/messages/contacts/contacts.page.html
@@ -13,13 +13,13 @@
   </ion-toolbar>
   <ion-toolbar class="toolbar-search">
     <div class="search">
-      <ion-searchbar debounce="500" (ionChange)="onChange($event)" placeholder="Pesquisar por cantacto" ></ion-searchbar>
+      <ion-searchbar debounce="500" (ionChange)="onChange($event)" placeholder="Pesquisar por contacto" ></ion-searchbar>
     </div>
   </ion-toolbar>
 </ion-header>
 
 <ion-content>
-  
+
   <ion-refresher  name="refresher" slot="fixed" (ionRefresh)="doRefresh($event)">
       <ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
       <ion-refresher-content>
@@ -27,9 +27,9 @@
     </ion-refresher>
 
   <div class="main-content">
-    
+
     <ion-virtual-scroll [items]="users| filter:textSearch: 'name'" approxItemHeight="70px" [headerFn]="separateLetter">
-  
+
       <div class="item-divider" *virtualHeader="let header">
         <ion-label>{{header}}</ion-label>
       </div>
@@ -39,10 +39,10 @@
          <span class="icon">
           <ion-icon class="{{user.status}}" slot="end" name="ellipse"></ion-icon>
          </span>
-        
+
       </div>
-      
+
     </ion-virtual-scroll>
-    
-  </div>    
+
+  </div>
 </ion-content>
diff --git a/src/app/shared/chat/new-group/contacts/contacts.page.html b/src/app/shared/chat/new-group/contacts/contacts.page.html
index 441bdddae..291e6ef37 100644
--- a/src/app/shared/chat/new-group/contacts/contacts.page.html
+++ b/src/app/shared/chat/new-group/contacts/contacts.page.html
@@ -16,7 +16,7 @@
   </ion-toolbar>
   <ion-toolbar class="toolbar-search">
     <div class="search">
-      <ion-searchbar (ionChange)="onChange($event)" placeholder="Pesquisar por cantacto" ></ion-searchbar>
+      <ion-searchbar (ionChange)="onChange($event)" placeholder="Pesquisar por contacto" ></ion-searchbar>
     </div>
   </ion-toolbar>
 </ion-header>
@@ -28,7 +28,7 @@
       </ion-refresher-content>
     </ion-refresher>
   <div class="main-content">
-    
+
     <!-- <ion-list>
       <ion-item *ngFor="let user of searchedItem">
         {{user.name}}
@@ -36,7 +36,7 @@
     </ion-list> -->
 
     <ion-virtual-scroll [items]="users" approxItemHeight="70px" [headerFn]="separateLetter">
-  
+
       <div class="item-divider" *virtualHeader="let header">
         <ion-label>{{header}}</ion-label>
       </div>
@@ -46,10 +46,10 @@
          <p>{{user.first}} {{user.last}}</p>
         <ion-icon name="ellipse"></ion-icon>
       </div>
-      
+
     </ion-virtual-scroll>
-    
-  </div>    
+
+  </div>
 </ion-content>
 
 

From d13d7e38d34f747020e2a3b9ce8116b43e5d24bb Mon Sep 17 00:00:00 2001
From: "tiago.kayaya" <tiago.kayaya@equilibrium.co.ao>
Date: Thu, 19 Aug 2021 18:54:50 +0100
Subject: [PATCH 2/2] save

---
 src/app/pages/chat/chat.page.html             | 12 ++++--
 src/app/pages/chat/chat.page.ts               | 38 +++++++++++++------
 .../group-messages/group-messages.page.ts     | 10 +++--
 src/app/pages/chat/messages/messages.page.ts  |  9 +++--
 src/app/services/chat.service.ts              | 22 ++++++++---
 5 files changed, 65 insertions(+), 26 deletions(-)

diff --git a/src/app/pages/chat/chat.page.html b/src/app/pages/chat/chat.page.html
index f00981d68..925be1fda 100644
--- a/src/app/pages/chat/chat.page.html
+++ b/src/app/pages/chat/chat.page.html
@@ -3,7 +3,7 @@
 </ion-header>
 
 <ion-content class="height-100">
-  <ion-refresher  name="refresher" slot="fixed" (ionRefresh)="doRefresh()">
+  <ion-refresher  name="refresher" slot="fixed" (ionRefresh)="doRefresh($event)">
     <ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
     <ion-refresher-content>
     </ion-refresher-content>
@@ -23,7 +23,7 @@
               <button class="btn-no-color" (click)="openNewGroupPage()">
                 <ion-icon slot="end" src="assets/images/icons-chat-new-group.svg" ></ion-icon>
               </button>
-              <button *ngIf="hideRefreshBtn" class="btn-no-color" (click)="doRefresh()">
+              <button *ngIf="hideRefreshBtn" class="btn-no-color" (click)="refreshing()">
                 <ion-icon class="title-icon" name="reload-circle"></ion-icon>
               </button>
             </div>
@@ -53,9 +53,13 @@
                      class="item-content flex-grow-1"><!-- (click)="openMessages(dm)" -->
                       <div class="item-title-time">
                         <div class="item-title" [class.item-title-active]="dm._id == idSelected">
-                          <ion-label *ngFor="let user of dm.usernames">
+                          <ion-label *ngFor="let user of dm.uids">
                             <span *ngIf="user !=loggedUserChat.me.username">
-                            {{user}}
+                              <div *ngFor="let t of dmUsers">
+                                <div *ngIf="user == t._id">
+                                  {{t.name}}
+                                </div>
+                              </div>
                           </span>
                           </ion-label>
                         </div>
diff --git a/src/app/pages/chat/chat.page.ts b/src/app/pages/chat/chat.page.ts
index b57a3b0df..938b4847a 100644
--- a/src/app/pages/chat/chat.page.ts
+++ b/src/app/pages/chat/chat.page.ts
@@ -52,7 +52,7 @@ export class ChatPage implements OnInit {
   userChannels: any[];
   userDirectMessages: any[];
   result:any;
-  dmUsers:any;
+  dmUsers:any[] = [];
   idSelected: string;
 
   desktopComponent: any = {
@@ -137,18 +137,19 @@ export class ChatPage implements OnInit {
 
   /* Fim websocket functions */
   this.hideRefreshButton();
+  this.getChatMembers();
 }
 
 hideRefreshButton(){
   window.onresize = (event) => {
-    if( window.innerWidth < 801) {
+    if( window.innerWidth < 701) {
       this.hideRefreshBtn = false;
     }
     else{
       this.hideRefreshBtn = true;
     }
   }
-  if(window.innerWidth < 801){
+  if(window.innerWidth < 701){
     console.log('YASS');
     this.hideRefreshBtn = false;
   }
@@ -244,7 +245,7 @@ hideRefreshButton(){
     this.idSelected = rid;
     console.log(rid);
 
-    if( window.innerWidth < 801){
+    if( window.innerWidth < 701){
       this.openGroupMessagesModal(rid);
     }
     else{
@@ -265,7 +266,7 @@ hideRefreshButton(){
       }
     });
     this.closeAllDesktopComponents();
-    if(window.innerWidth < 801){
+    if(window.innerWidth < 701){
       console.log('Mobile');
     }
     else{
@@ -310,9 +311,18 @@ hideRefreshButton(){
   onSegmentChange(){
     this.load();
   }
-  doRefresh(){
+
+  doRefresh(event){
+    setTimeout(() => {
+      this.load();
+      event.target.complete();
+    }, 1000);
+  }
+
+  refreshing(){
     this.load();
   }
+
   load(){
     switch (this.segment)
     {
@@ -346,11 +356,17 @@ hideRefreshButton(){
       });
       console.log(this.userDirectMessages);
       this.showLoader = false;
+
     });
   }
-  getChatMembers(){
-    this.chatService.getMembers(this.userDirectMessages[0]._id).subscribe(res=> {
-      this.dmUsers = res['members'].filter(data => data.username != this.loggedUserChat.me.username)
+
+  async getChatMembers(){
+    //return await this.chatService.getMembers(roomId).toPromise();
+    this.chatService.getAllUsers().subscribe(res=> {
+      console.log(res);
+
+      this.dmUsers = res['users'].filter(data => data.username != this.loggedUserChat.me.username);
+      console.log(this.dmUsers);
     });
   }
   getGroups(){
@@ -411,7 +427,7 @@ hideRefreshButton(){
 
     const modal = await this.modalController.create({
       component: MessagesPage,
-      cssClass: 'modal modal-desktop',
+      cssClass: 'modal modal-desktop messagesChatOpened',
       componentProps: {
         roomId: roomId,
       },
@@ -426,7 +442,7 @@ hideRefreshButton(){
 
     const modal = await this.modalController.create({
       component: GroupMessagesPage,
-      cssClass: 'modal modal-desktop',
+      cssClass: 'modal modal-desktop groupChatOpened',
       componentProps: {
         roomId: roomId,
       },
diff --git a/src/app/pages/chat/group-messages/group-messages.page.ts b/src/app/pages/chat/group-messages/group-messages.page.ts
index 8ab068fa2..5ff32424b 100644
--- a/src/app/pages/chat/group-messages/group-messages.page.ts
+++ b/src/app/pages/chat/group-messages/group-messages.page.ts
@@ -113,6 +113,7 @@ export class GroupMessagesPage implements OnInit, AfterViewChecked {
       });
     }
   }
+
   loadGroupMessages(room:any){
     this.showLoader = true;
     //If group is private call getGroupMembers
@@ -266,9 +267,12 @@ export class GroupMessagesPage implements OnInit, AfterViewChecked {
       if(this.route.url != "/home/chat"){
         console.log("Timer message stop")
       } else {
-         await new Promise(resolve => setTimeout(resolve, 1000));
-        await this.serverLongPull();
-        console.log('Timer message running')
+        //Check if modal is opened
+        if(document.querySelector('.groupChatOpened')){
+          await new Promise(resolve => setTimeout(resolve, 1000));
+          await this.serverLongPull();
+          console.log('Timer message running')
+        }
       }
 
     } else {
diff --git a/src/app/pages/chat/messages/messages.page.ts b/src/app/pages/chat/messages/messages.page.ts
index c08b9e153..25d59107d 100644
--- a/src/app/pages/chat/messages/messages.page.ts
+++ b/src/app/pages/chat/messages/messages.page.ts
@@ -185,9 +185,12 @@ export class MessagesPage implements OnInit, AfterViewChecked {
       if(this.route.url != "/home/chat"){
         console.log("Timer message stop")
       } else {
-        await new Promise(resolve => setTimeout(resolve, 1000));
-        await this.serverLongPull();
-        console.log('Timer message running')
+        //Check if modal is opened
+        if(document.querySelector('.messagesChatOpened')){
+          await new Promise(resolve => setTimeout(resolve, 1000));
+          await this.serverLongPull();
+          console.log('Timer message running')
+        }
       }
 
     } else {
diff --git a/src/app/services/chat.service.ts b/src/app/services/chat.service.ts
index 189a37314..0107c2930 100644
--- a/src/app/services/chat.service.ts
+++ b/src/app/services/chat.service.ts
@@ -128,6 +128,18 @@ export class ChatService {
       }
       return this.http.get(environment.apiChatUrl+'im.members', opts);
     }
+
+    getMemberInfo(userId:string){
+      let params = new HttpParams();
+      params = params.set("userId", userId);
+
+      let opts = {
+        headers: this.headers,
+        params: params
+      }
+      return this.http.get(environment.apiChatUrl+'users.info', opts);
+    }
+
     removeChatRoom(body:any){
       let opts = {
         headers: this.headers,
@@ -247,9 +259,9 @@ export class ChatService {
       console.log('Subcrive')
       let params = new HttpParams();
       params = params.set("roomId", roomId);
-      let opts = { 
-        headers: this.headers, 
-        params: params 
+      let opts = {
+        headers: this.headers,
+        params: params
       }
 
       this.http.get(environment.apiChatUrl+'im.messages', opts).subscribe(async res => {
@@ -275,8 +287,8 @@ export class ChatService {
         }
 
       })
-  
-     
+
+
     }
 
 }