From e878023d171343ebd0ffd7ab31de90f253393da2 Mon Sep 17 00:00:00 2001
From: Ratnadeep Rajendra Kharade <92khra1mst@hft-stuttgart.de>
Date: Tue, 26 Nov 2019 14:02:48 +0100
Subject: [PATCH] Integrated login with api call

---
 src/app/app.module.ts              |  3 +++
 src/app/auth/login/login.page.html |  2 +-
 src/app/auth/login/login.page.ts   | 30 +++++++++++++++++++++++-------
 3 files changed, 27 insertions(+), 8 deletions(-)

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index ed5b8c9..4723981 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -10,11 +10,14 @@ import { AppComponent } from './app.component';
 import { AppRoutingModule } from './app-routing.module';
 import { Geolocation } from '@ionic-native/geolocation/ngx';
 
+import { HttpClientModule } from '@angular/common/http';
+
 @NgModule({
   declarations: [AppComponent],
   entryComponents: [],
   imports: [
     BrowserModule,
+    HttpClientModule,
     IonicModule.forRoot(),
     AppRoutingModule
   ],
diff --git a/src/app/auth/login/login.page.html b/src/app/auth/login/login.page.html
index 34a999e..7e48ede 100644
--- a/src/app/auth/login/login.page.html
+++ b/src/app/auth/login/login.page.html
@@ -27,7 +27,7 @@
         </div>
 
         <div padding>
-          <ion-button size="large" expand="block" (click)="clickMe()">Login</ion-button>
+          <ion-button size="large" expand="block" (click)="login()">Login</ion-button>
         </div>
       </ion-col>
     </ion-row>
diff --git a/src/app/auth/login/login.page.ts b/src/app/auth/login/login.page.ts
index 3ea45de..57284be 100644
--- a/src/app/auth/login/login.page.ts
+++ b/src/app/auth/login/login.page.ts
@@ -1,6 +1,9 @@
 import { Component, OnInit } from '@angular/core';
 import { Router } from '@angular/router';
 
+import { Observable } from 'rxjs';
+import { HttpClient } from '@angular/common/http';
+
 @Component({
   selector: 'app-login',
   templateUrl: './login.page.html',
@@ -9,20 +12,33 @@ import { Router } from '@angular/router';
 export class LoginPage implements OnInit {
   username = "";
   password = "";
-  correctCredentials=false;
+  correctCredentials = false;
+  loginApi: Observable<any>;
 
-  constructor(private router: Router) { }
+  constructor(private router: Router, public httpClient: HttpClient) {
 
+  }
 
   ngOnInit() {
   }
-  clickMe() {
-    if (this.username === "admin" && this.password === "admin" || this.username === "demo" && this.password === "demo") {
 
-      this.router.navigateByUrl('/home');
-    }
-    else { this.correctCredentials=true; }
 
+  login() {
+    this.loginApiCall();
+  }
 
+  loginApiCall() {
+    this.loginApi = this.httpClient.post('http://193.196.52.237:8081/authenticate', {
+      "email": this.username,
+      "password": this.password
+    });
+    this.loginApi
+      .subscribe((data) => {
+        console.log('my data: ', data);
+        this.router.navigateByUrl('/home');
+      }, (error) =>  {
+        console.log(error);
+        this.correctCredentials = true;
+      });
   }
 }
-- 
GitLab