Step 6.8: Create NewChatComponent view

Urigo · Feb 26, 2017 · 86a8caa · 86a8caa
1 parent 6a23070
commit 86a8caa
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/src/pages/new-chat/new-chat.html b/src/pages/new-chat/new-chat.html
@@ -0,0 +1,18 @@
+<ion-header>
+  <ion-toolbar color="whatsapp">
+    <ion-title>New Chat</ion-title>
+
+    <ion-buttons end>
+      <button ion-button class="dismiss-button" (click)="viewCtrl.dismiss()"><ion-icon name="close"></ion-icon></button>
+    </ion-buttons>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content class="new-chat">
+  <ion-list class="users">
+    <button ion-item *ngFor="let user of users | async" class="user" (click)="addChat(user)">
+      <img class="user-picture" [src]="user.profile.picture">
+      <h2 class="user-name">{{user.profile.name}}</h2>
+    </button>
+  </ion-list>
+</ion-content>