Help Page

package.json

@@ -88,4 +88,4 @@
       "browser"
     ]
   }
-}
\ No newline at end of file
+}

src/app/app-routing.module.ts

@@ -33,6 +33,10 @@ const routes: Routes = [
   {
     path: 'ridehistory',
     loadChildren: () => import('./ridehistory/ridehistory.module').then( m => m.RidehistoryPageModule)
+  },
+  {
+    path: 'help-line',
+    loadChildren: () => import('./help-line/help-line.module').then( m => m.HelpLinePageModule)
   }
 
   

src/app/app.component.ts

@@ -27,17 +27,22 @@ export class AppComponent {
     {
       title: 'My Reservation',
       url: '/myreservation',
-      icon: 'clipboard'
+      icon: 'cart'
     }, {
       title: 'My Rides',
       url: '/hirebike',
-      icon: 'clipboard'
+      icon: 'bicycle'
     },
     {
       title: 'Ride History',
       url: '/ridehistory',
       icon: 'clipboard'
     },
+    {
+      title: 'Help',
+      url: '/help-line',
+      icon: 'call'
+    },
     {
       title: 'Logout',
       url: '/login',

src/app/auth/login/login.page.ts

@@ -42,7 +42,7 @@ export class LoginPage implements OnInit {
       "email": this.username,
       "password": this.password
     });
-    this.loadingService.showLoader();
+    //this.loadingService.showLoader();
     this.loginApi
       .subscribe((data) => {
         //console.log('my data: ', data);
@@ -50,11 +50,11 @@ export class LoginPage implements OnInit {
         this.restService.isLoginPage = false;
         this.userService.setUsername(this.username);
         this.router.navigateByUrl('/home');
-        this.loadingService.hideLoader();
+        //this.loadingService.hideLoader();
       }, (error) => {
         console.log(JSON.stringify(error));
         this.correctCredentials = true;
-        this.loadingService.hideLoader();
+        //this.loadingService.hideLoader();
       });
   }
   register() {

src/app/help-line/help-line-routing.module.ts

+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { HelpLinePage } from './help-line.page';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: HelpLinePage
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class HelpLinePageRoutingModule {}

src/app/help-line/help-line.module.ts

+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
+import { IonicModule } from '@ionic/angular';
+
+import { HelpLinePageRoutingModule } from './help-line-routing.module';
+
+import { HelpLinePage } from './help-line.page';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    IonicModule,
+    HelpLinePageRoutingModule
+  ],
+  declarations: [HelpLinePage]
+})
+export class HelpLinePageModule {}

src/app/help-line/help-line.page.html

+ <ion-header>
+    <ion-toolbar>
+      <ion-buttons slot="start">
+        <ion-menu-button></ion-menu-button>
+      </ion-buttons>
+      <ion-title slot="start">
+        Help
+      </ion-title>
+
+    </ion-toolbar>
+  </ion-header>
+
+  <ion-content>
+    <div >
+      <div class="help-container">
+        <ion-grid>
+          <ion-row>
+            <ion-col>
+              Contact Person:
+            </ion-col>
+            <ion-col>
+              Priyanaka Upadhye
+            </ion-col>
+          </ion-row>
+          <ion-row>
+            <ion-col>
+              Contact Email:
+            </ion-col>
+            <ion-col>
+              priya.upadhye@gmail.com
+            </ion-col>
+          </ion-row>
+
+          <ion-row>
+            <ion-col>
+              Contact Number:
+            </ion-col>
+            <ion-col>
+              +4917665211145
+            </ion-col>
+
+          </ion-row>
+        </ion-grid>
+      </div>
+    </div >
+  </ion-content>
\ No newline at end of file

src/app/help-line/help-line.page.scss

+.help-container{
+    height: 191px;
+    width: 100%;
+    
+    border: 1px solid #aaaaaa;
+    border-radius: 5px;
+    box-sizing: border-box;
+    float: left;
+      width: 100%;
+      height: 80%;
+      clear: both;
+      
+    div {
+      height: inherit;
+      float: left;
+      
+    }
+    
+}

src/app/help-line/help-line.page.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+
+import { HelpLinePage } from './help-line.page';
+
+describe('HelpLinePage', () => {
+  let component: HelpLinePage;
+  let fixture: ComponentFixture<HelpLinePage>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ HelpLinePage ],
+      imports: [IonicModule.forRoot()]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(HelpLinePage);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/help-line/help-line.page.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-help-line',
+  templateUrl: './help-line.page.html',
+  styleUrls: ['./help-line.page.scss'],
+})
+export class HelpLinePage implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}