diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index aaffb061f79b3ef5fe6dc0b02c752a142ac275f8..c85d5d200ce231e3518a953ca235cbbac5053896 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -1,30 +1,34 @@
-import { NgModule } from '@angular/core';
-import { PreloadAllModules, RouterModule, Routes } from '@angular/router';
-
-const routes: Routes = [
- {
- path: '',
- redirectTo: 'login',
- pathMatch: 'full'
- },
- {
- path: 'home',
- loadChildren: () => import('./home/home.module').then(m => m.HomePageModule)
- },
- {
- path: 'list',
- loadChildren: () => import('./list/list.module').then(m => m.ListPageModule)
- },
- {
- path: 'login',
- loadChildren: () => import('./auth/login/login.module').then( m => m.LoginPageModule)
+import { NgModule } from '@angular/core';
+import { PreloadAllModules, RouterModule, Routes } from '@angular/router';
+
+const routes: Routes = [
+ {
+ path: '',
+ redirectTo: 'login',
+ pathMatch: 'full'
+ },
+ {
+ path: 'home',
+ loadChildren: () => import('./home/home.module').then(m => m.HomePageModule)
+ },
+ {
+ path: 'list',
+ loadChildren: () => import('./list/list.module').then(m => m.ListPageModule)
+ },
+ {
+ path: 'login',
+ loadChildren: () => import('./auth/login/login.module').then( m => m.LoginPageModule)
+ },
{
+ path: 'register',
+ loadChildren: () => import('./auth/register/register.module').then( m => m.RegisterPageModule)
}
-];
-@NgModule({
- imports: [
- RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules })
- ],
- exports: [RouterModule]
-})
-export class AppRoutingModule {}
+];
+
+@NgModule({
+ imports: [
+ RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules })
+ ],
+ exports: [RouterModule]
+})
+export class AppRoutingModule {}
diff --git a/src/app/auth/login/login.page.html b/src/app/auth/login/login.page.html
index 7e48ede4b0cc82defc1736fd4d6ae89a55338eee..76da5133c13b5e30774403e646321ae2bf592bf9 100644
--- a/src/app/auth/login/login.page.html
+++ b/src/app/auth/login/login.page.html
@@ -29,6 +29,9 @@
<div padding>
<ion-button size="large" expand="block" (click)="login()">Login</ion-button>
</div>
+ <div padding>
+ <ion-button size="large" expand="block" (click)="register()">Click here to Register</ion-button>
+ </div>
</ion-col>
</ion-row>
</ion-grid>
diff --git a/src/app/auth/login/login.page.ts b/src/app/auth/login/login.page.ts
index 668dc64d2eb7d350a7046c4b84fe60b62886a5c3..728943133a98bc25b98023d72e4b9c4114292155 100644
--- a/src/app/auth/login/login.page.ts
+++ b/src/app/auth/login/login.page.ts
@@ -44,4 +44,9 @@ export class LoginPage implements OnInit {
this.correctCredentials = true;
});
}
+ register() {
+ this.router.navigateByUrl('/register');
+
+
+ }
}
diff --git a/src/app/auth/register/register-routing.module.ts b/src/app/auth/register/register-routing.module.ts
new file mode 100644
index 0000000000000000000000000000000000000000..ec4af6e8b4598103524d48c860bfdfe243db213e
--- /dev/null
+++ b/src/app/auth/register/register-routing.module.ts
@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { RegisterPage } from './register.page';
+
+const routes: Routes = [
+ {
+ path: '',
+ component: RegisterPage
+ }
+];
+
+@NgModule({
+ imports: [RouterModule.forChild(routes)],
+ exports: [RouterModule],
+})
+export class RegisterPageRoutingModule {}
diff --git a/src/app/auth/register/register.module.ts b/src/app/auth/register/register.module.ts
new file mode 100644
index 0000000000000000000000000000000000000000..0b18f979c7ecd85c0fdffdaf17f15edee6fbf382
--- /dev/null
+++ b/src/app/auth/register/register.module.ts
@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
+import { IonicModule } from '@ionic/angular';
+
+import { RegisterPageRoutingModule } from './register-routing.module';
+
+import { RegisterPage } from './register.page';
+
+@NgModule({
+ imports: [
+ CommonModule,
+ FormsModule,
+ IonicModule,
+ RegisterPageRoutingModule
+ ],
+ declarations: [RegisterPage]
+})
+export class RegisterPageModule {}
diff --git a/src/app/auth/register/register.page.html b/src/app/auth/register/register.page.html
new file mode 100644
index 0000000000000000000000000000000000000000..9ce0ad141718a58abf5d941363c4b1f34baf7abf
--- /dev/null
+++ b/src/app/auth/register/register.page.html
@@ -0,0 +1,42 @@
+<ion-header>
+ <ion-toolbar>
+ <ion-title>Register</ion-title>
+ </ion-toolbar>
+</ion-header>
+
+<ion-content>
+ <ion-grid>
+ <ion-row justify-content-center>
+ <ion-col align-self-center size-md="6" size-lg="5" size-xs="12">
+ <div padding>
+ <img src="../../../assets/images/bike2gologo.png">
+ </div>
+
+ <div padding>
+ <ion-item>
+ <ion-input type="text" [(ngModel)]="firstName" placeholder="Enter First Name"></ion-input>
+ </ion-item>
+ <ion-item>
+ <ion-input type="text" [(ngModel)]="lastName" placeholder="Enter Last Name"></ion-input>
+ </ion-item>
+ <ion-item>
+ <ion-input type="text" [(ngModel)]="email" placeholder="Email"></ion-input>
+ </ion-item>
+
+
+ <ion-item>
+ <ion-input type="password" [(ngModel)]="password" placeholder="Password"></ion-input>
+ </ion-item>
+ </div>
+
+ <div id="correctCredentialsmsg" padding *ngIf="correctCredentials">
+ Wrong Credentials !
+ </div>
+
+ <div padding>
+ <ion-button size="large" expand="block" (click)="submitRegister()">Register</ion-button>
+ </div>
+ </ion-col>
+ </ion-row>
+ </ion-grid>
+</ion-content>
\ No newline at end of file
diff --git a/src/app/auth/register/register.page.scss b/src/app/auth/register/register.page.scss
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/src/app/auth/register/register.page.spec.ts b/src/app/auth/register/register.page.spec.ts
new file mode 100644
index 0000000000000000000000000000000000000000..78ab86699ba036d4754f0b275efe27a4d932302f
--- /dev/null
+++ b/src/app/auth/register/register.page.spec.ts
@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+
+import { RegisterPage } from './register.page';
+
+describe('RegisterPage', () => {
+ let component: RegisterPage;
+ let fixture: ComponentFixture<RegisterPage>;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ RegisterPage ],
+ imports: [IonicModule.forRoot()]
+ }).compileComponents();
+
+ fixture = TestBed.createComponent(RegisterPage);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ }));
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/auth/register/register.page.ts b/src/app/auth/register/register.page.ts
new file mode 100644
index 0000000000000000000000000000000000000000..2809c34fc7b45562d57a936d8c5da0f8e2d15a5e
--- /dev/null
+++ b/src/app/auth/register/register.page.ts
@@ -0,0 +1,20 @@
+import { Component, OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+
+@Component({
+ selector: 'app-register',
+ templateUrl: './register.page.html',
+ styleUrls: ['./register.page.scss'],
+})
+export class RegisterPage implements OnInit {
+ httpClient: any;
+ registerApi: Observable<any>;
+ restService: any;
+ router: any;
+ correctCredentials: boolean;
+ constructor() { }
+
+ ngOnInit() {
+ }
+
+}