From 5fbd4d1d99c2b56dfd08a460482867e190a9d299 Mon Sep 17 00:00:00 2001
From: Thiemann96 <e_thie10@uni-muenster.de>
Date: Tue, 18 Feb 2020 20:24:39 +0100
Subject: [PATCH] styled login page

---
 src/pages/login/login.html | 53 +++++++++++++++++++++-----------------
 src/pages/login/login.ts   |  4 +--
 2 files changed, 32 insertions(+), 25 deletions(-)

diff --git a/src/pages/login/login.html b/src/pages/login/login.html
index e436edc..0271575 100644
--- a/src/pages/login/login.html
+++ b/src/pages/login/login.html
@@ -10,30 +10,37 @@
 
 <ion-content padding>
   <ion-grid *ngIf="loading;else nonloading">
-   loading
+    loading
   </ion-grid>
   <ng-template late #nonloading>
     <ion-card>
-    <ion-grid>
-      <ion-row>
-        <ion-item>
-          <ion-label>userName</ion-label>
-          <ion-input placeholder="userName" [(ngModel)]="userName"></ion-input>
-        </ion-item> 
-      </ion-row>
-      <ion-row>
-        <ion-item>
-          <ion-label>Password</ion-label>
-          <ion-input placeholder="Password" [(ngModel)]="password"></ion-input>
-        </ion-item>
-      </ion-row>
-      <ion-row>
-        <ion-item>
-          <button full ion-button color="secondary" (click)="submitLogin()">Login</button> 
-        </ion-item>
-      </ion-row>
-    </ion-grid>
-  </ion-card>
+      <ion-grid>
+        <ion-row>
+          <ion-item>
+            <ion-label>
+              <ion-icon name="person"></ion-icon>
+            </ion-label>
+            <ion-input placeholder="userName" [(ngModel)]="userName"></ion-input>
+          </ion-item>
+        </ion-row>
+        <ion-row>
+          <ion-item>
+            <ion-label>
+              <ion-icon name="lock"></ion-icon>
+            </ion-label>
+            <ion-input placeholder="Password" [(ngModel)]="password"></ion-input>
+          </ion-item>
+        </ion-row>
+        <ion-row>
+          <ion-col col-8>
+          </ion-col>
+          <ion-col col-4>
+            <ion-item>
+              <button full ion-button color="secondary" (click)="submitLogin()"><ion-icon name="send"></ion-icon>Login</button>
+            </ion-item>
+          </ion-col>
+        </ion-row>
+      </ion-grid>
+    </ion-card>
   </ng-template>
-</ion-content>
-
+</ion-content>
\ No newline at end of file
diff --git a/src/pages/login/login.ts b/src/pages/login/login.ts
index 52389d6..c5ace4a 100644
--- a/src/pages/login/login.ts
+++ b/src/pages/login/login.ts
@@ -22,8 +22,8 @@ export class LoginPage {
 
   submitLogin(){
     this.loading = true;
-    
-    //this.navCtrl.push(MySenseBoxPage)
+    // make api call to login with the credentials 
+    this.navCtrl.push(MySenseBoxPage)
   }
 
   ionViewDidLoad() {