Step 5.21: Create a template for ProfileComponent

Urigo · Feb 26, 2017 · db31f99 · db31f99
1 parent 8841e79
commit db31f99
Showing 1 changed file with 21 additions and 0 deletions.
diff --git a/client/imports/pages/auth/profile.component.html b/client/imports/pages/auth/profile.component.html
@@ -0,0 +1,21 @@
+<ion-header>
+  <ion-navbar color="whatsapp">
+    <ion-title>Profile</ion-title>
+
+    <ion-buttons end>
+      <button ion-button class="done-button" (click)="done()">Done</button>
+    </ion-buttons>
+  </ion-navbar>
+</ion-header>
+
+<ion-content class="profile-page-content">
+  <div class="profile-picture">
+    <img [src]="profile.picture">
+    <ion-icon name="create"></ion-icon>
+  </div>
+
+  <ion-item class="profile-name">
+    <ion-label stacked>Name</ion-label>
+    <ion-input [(ngModel)]="profile.name" placeholder="Your name"></ion-input>
+  </ion-item>
+</ion-content>