linked login and register buttons to their respective pages

frontEnd/src/app/app.module.ts

@@ -7,12 +7,16 @@ import { StatusBar } from '@ionic-native/status-bar';
 import { MyApp } from './app.component';
 import { GoogleMapComponent } from '../components/google-map/google-map';
 import { HomePage } from '../pages/home/home';
+import { LoginPage } from '../pages/login/login';
+import { RegisterPage } from '../pages/register/register';
 
 @NgModule({
   declarations: [
     MyApp,
     HomePage,
-    GoogleMapComponent
+    GoogleMapComponent,
+    LoginPage,
+    RegisterPage
     
   ],
   imports: [
@@ -22,7 +26,10 @@ import { HomePage } from '../pages/home/home';
   bootstrap: [IonicApp],
   entryComponents: [
     MyApp,
-    HomePage
+    HomePage,
+    GoogleMapComponent,
+    LoginPage,
+    RegisterPage
   ],
   providers: [
     StatusBar,

frontEnd/src/pages/home/home.html

@@ -9,16 +9,16 @@
     <ion-item class="password">
       <ion-input type="password" placeholder="Password"></ion-input>
     </ion-item>
-    <button ion-button block>
+    <button ion-button block (click)="login()">
       <b>Login</b>
     </button>
-    <button class="regButt" ion-button block>
-        <b>Register</b>
-      </button>
+    <button class="regButt" ion-button block (click)="register()">
+      <b>Register</b>
+    </button>
 
     <p>Forgot Username/Password?
       <b>Tap here!</b>
     </p>
-    
+
   </div>
 </ion-content>

frontEnd/src/pages/home/home.ts

@@ -1,5 +1,7 @@
 import { Component } from '@angular/core';
 import { NavController } from 'ionic-angular';
+import { LoginPage } from '../login/login';
+import { RegisterPage } from '../register/register';
 
 @Component({
   selector: 'page-home',
@@ -11,4 +13,12 @@ export class HomePage {
 
   }
 
+  login() {
+    this.navCtrl.push(LoginPage);
+  }
+
+  register() {
+    this.navCtrl.push(RegisterPage);
+
+  }
 }

frontEnd/src/pages/login/login.html

@@ -1,13 +1,7 @@
-<!--
-  Generated template for the LoginPage page.
-
-  See http://ionicframework.com/docs/components/#navigation for more info on
-  Ionic pages and navigation.
--->
 <ion-header>
 
   <ion-navbar>
-    <ion-title>login</ion-title>
+    <ion-title>Login</ion-title>
   </ion-navbar>
 
 </ion-header>

frontEnd/src/pages/register/register.html

@@ -1,13 +1,7 @@
-<!--
-  Generated template for the RegisterPage page.
-
-  See http://ionicframework.com/docs/components/#navigation for more info on
-  Ionic pages and navigation.
--->
 <ion-header>
 
   <ion-navbar>
-    <ion-title>register</ion-title>
+    <ion-title>Register</ion-title>
   </ion-navbar>
 
 </ion-header>