add contacts

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

@@ -7,7 +7,7 @@
           <!-- <button (click)="ChatMessageDebuggingPage()">Dev</button> -->
           <span><ion-icon *ngIf="RochetChatConnectorService.isLogin" class="online" name="ellipse"></ion-icon></span>
         </div>
-        <div hidden class="right">
+        <div class="right">
           <button title="Menu" class="btn-no-color" (click)="_openMessagesOptions()">
             <ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/theme/blue/icons-menu.svg"></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-menu.svg">
@@ -41,9 +41,14 @@
 
       <p>Room ID: {{ roomData.id }}</p>
 
-      {{ roomMessage$ | async | json }}
     </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>
+
     members
     <ion-list *ngIf="roomMembers$ | async as memberList">