Step 7.16: Added verification component

src/pages/verification/verification.ts

@@ -0,0 +1,48 @@
+import { Component, OnInit } from '@angular/core';
+import { AlertController, NavController, NavParams } from 'ionic-angular';
+import { PhoneService } from '../../services/phone';
+
+@Component({
+  selector: 'verification',
+  templateUrl: 'verification.html'
+})
+export class VerificationPage implements OnInit {
+  private code: string = '';
+  private phone: string;
+
+  constructor(
+    private alertCtrl: AlertController,
+    private navCtrl: NavController,
+    private navParams: NavParams,
+    private phoneService: PhoneService
+  ) {}
+
+  ngOnInit() {
+    this.phone = this.navParams.get('phone');
+  }
+
+  onInputKeypress({keyCode}: KeyboardEvent): void {
+    if (keyCode === 13) {
+      this.verify();
+    }
+  }
+
+  verify(): void {
+    this.phoneService.login(this.phone, this.code)
+    .catch((e) => {
+      this.handleError(e);
+    });
+  }
+
+  handleError(e: Error): void {
+    console.error(e);
+
+    const alert = this.alertCtrl.create({
+      title: 'Oops!',
+      message: e.message,
+      buttons: ['OK']
+    });
+
+    alert.present();
+  }
+}