temp commit

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: 'feedback',
+    loadChildren: () => import('./feedback/feedback.module').then( m => m.FeedbackPageModule)
   }
 
   

src/app/app.component.ts

@@ -38,6 +38,11 @@ export class AppComponent {
       url: '/ridehistory',
       icon: 'clipboard'
     },
+    {
+      title: 'Feedback',
+      url: '/feedback',
+      icon: 'clipboard'
+    },
     {
       title: 'Logout',
       url: '/login',

src/app/feedback/feedback-routing.module.ts

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

src/app/feedback/feedback.module.ts

+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
+import { IonicModule } from '@ionic/angular';
+
+import { FeedbackPageRoutingModule } from './feedback-routing.module';
+
+import { FeedbackPage } from './feedback.page';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    IonicModule,
+    FeedbackPageRoutingModule
+  ],
+  declarations: [FeedbackPage]
+})
+export class FeedbackPageModule {}

src/app/feedback/feedback.page.html

+<ion-header>
+    <ion-toolbar>
+      <ion-title>Feedback</ion-title>
+    </ion-toolbar>
+  </ion-header>
+  
+  <ion-content>
+          
+            <form [formGroup]="angForm" novalidate>
+                <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 class="ion-text">
+                      <h3>Feedback</h3>
+                     
+                    </div>
+                    
+              <ion-item ><ion-input type="text" formControlName="Bikeid" ></ion-input></ion-item>
+                
+                  <div >
+                    Bikeid
+                  </div>
+               
+                <ion-item >
+                    <ion-input type="text" formControlName="content" placeholder="Enter Feedback"></ion-input>
+                </ion-item>
+                
+               
+                 
+              
+                
+  
+               
+                
+            
+            <div id="correctCredentialsmsg" padding *ngIf="correctCredentials">
+              Wrong Credentials !
+            </div>
+  
+            <div padding>
+              <ion-button  size="large" expand="block" (click)="submitFeedback()">Register</ion-button>
+            </div>
+          </ion-col>
+        </ion-row>
+      </ion-grid>
+    </form>
+  </ion-content>

src/app/feedback/feedback.page.spec.ts

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

src/app/feedback/feedback.page.ts

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