Step 8.5: Add new-chat template

Urigo · Feb 26, 2017 · 337b2db · 337b2db
1 parent 0276649
commit 337b2db
Showing 1 changed file with 22 additions and 0 deletions.
diff --git a/client/imports/pages/chats/new-chat.html b/client/imports/pages/chats/new-chat.html
@@ -0,0 +1,22 @@
+<ion-header>
+  <ion-toolbar color="whatsapp">
+    <ion-title>New Chat</ion-title>
+
+    <ion-buttons left>
+      <button ion-button class="dismiss-button" (click)="viewCtrl.dismiss()"><ion-icon name="close"></ion-icon></button>
+    </ion-buttons>
+
+    <ion-buttons end>
+      <button ion-button class="search-button"><ion-icon name="search"></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>