show all members

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

@@ -15,46 +15,33 @@
           </button>
         </div>
       </div>
-      <div hidden class="header-bottom" (click)="addContacts()">
-        <div class="header-bottom-icon">
-          <ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/icon/icons-user.svg"></ion-icon>
-          <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/icon/theme/gov/icons-user.svg"></ion-icon>
-        </div>
-        <div class="header-bottom-contacts">
-          <ion-label class="text-color-blue">Adicionar contacto</ion-label>
-        </div>
+      <div class="d-flex" >
+        
+        <ion-list *ngIf="roomMembers$ | async as memberList" >
+
+          <div *ngFor="let user of memberList" > {{ user.user.wxFullName }}, </div>
+          
+        </ion-list>
       </div>
     </div>
+    <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>
+    </ion-refresher>
   </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>
-    </ion-refresher-content>
-  </ion-refresher>
-  <div class="messages" #scrollMe>
-    <ion-list *ngIf="roomData$ | async as roomData">
 
-      MESSAGE
+  <div class="messages height-100 width-100 d-flex flex-column" #scrollMe>
 
-      <p>Room ID: {{ roomData.id }}</p>
-
-    </ion-list>
-
-    <div *ngFor="let message of roomMessage$ | async">
-      <div [ngClass]="{'my-message': message.sender.wxUserId === sessionStore.user.UserName, 'other-message': message.sender.wxUserId !== sessionStore.user.UserName}">
-        {{ message | json  }}
-      </div>
+    <div 
+      *ngFor="let message of roomMessage$ | async" class="messages-list-item-wrapper" 
+      [ngClass]="{'my-message': message.sender.wxUserId === sessionStore.user.UserId, 'other-message': message.sender.wxUserId !== sessionStore.user.UserId}">
+      {{ message.message }}
     </div>
 
-    members
-    <ion-list *ngIf="roomMembers$ | async as memberList">
-
-      {{ memberList | json  }}
-    </ion-list>
-
   </div>
 
   <ion-fab horizontal="end" vertical="bottom" slot="fixed">