Step 17.6: Create a test login method and bind it to the user interface

Author: darkbasic

src/pages/login/login.html

@@ -22,4 +22,10 @@
   <ion-item>
     <ion-input [(ngModel)]="phone" (keypress)="onInputKeypress($event)" type="tel" placeholder="Your phone number"></ion-input>
   </ion-item>
+
+  <ion-item>
+    <ion-buttons>
+      <button ion-button (click)="loginFacebook()">Login with Facebook</button>
+    </ion-buttons>
+  </ion-item>
 </ion-content>

src/pages/login/login.ts

@@ -50,6 +50,21 @@ export class LoginPage implements AfterContentInit {
     alert.present();
   }
 
+  loginFacebook(): void {
+    const options = {
+      requestPermissions: ['public_profile', 'user_friends', 'email']
+    };
+
+    (<any>Meteor).loginWithFacebook(options, (error: Error) => {
+      if (error) {
+        this.handleError(error);
+      } else {
+        console.log("Logged in with Facebook succesfully.");
+        console.log(Meteor.user());
+      }
+    });
+  }
+
   handleLogin(alert: Alert): void {
     alert.dismiss().then(() => {
       return this.phoneService.verify(this.phone);