Step 5.24: Add profile component view

Urigo · Feb 26, 2017 · bfb619b · bfb619b
1 parent f960e17
commit bfb619b
Showing 1 changed file with 21 additions and 0 deletions.
diff --git a/src/pages/profile/profile.html b/src/pages/profile/profile.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>