From dd1266d306c646abf74645276ccb85c6824aacf2 Mon Sep 17 00:00:00 2001
From: dotansimha <dotansimha@gmail.com>
Date: Tue, 24 Jan 2017 16:07:48 +0200
Subject: [PATCH] Step 7.12: Add login template

---
 src/pages/login/login.html | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 src/pages/login/login.html

diff --git a/src/pages/login/login.html b/src/pages/login/login.html
new file mode 100644
index 000000000..ce0e73c5a
--- /dev/null
+++ b/src/pages/login/login.html
@@ -0,0 +1,25 @@
+<ion-header>
+  <ion-navbar color="whatsapp">
+    <ion-title>Login</ion-title>
+
+    <ion-buttons end>
+      <button ion-button class="done-button" (click)="login()">Done</button>
+    </ion-buttons>
+  </ion-navbar>
+</ion-header>
+
+<ion-content padding class="login-page-content">
+  <div class="instructions">
+    <div>
+      Please enter your phone number including its country code.
+    </div>
+    <br>
+    <div>
+      The messenger will send a one time SMS message to verify your phone number. Carrier SMS charges may apply.
+    </div>
+  </div>
+
+  <ion-item>
+    <ion-input [(ngModel)]="phone" (keypress)="onInputKeypress($event)" type="tel" placeholder="Your phone number"></ion-input>
+  </ion-item>
+</ion-content>