Step 6.8: Create also a template

Urigo · Nov 27, 2016 · 55c0060 · 55c0060
1 parent 05a99e7
commit 55c0060
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/client/imports/pages/chats/new-chat.component.html b/client/imports/pages/chats/new-chat.component.html
@@ -0,0 +1,18 @@
+<ion-header>
+  <ion-toolbar whatsapp>
+    <ion-title>New Chat</ion-title>
+
+    <ion-buttons end>
+      <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>