Commit 242c61f0 authored by gap95's avatar gap95
Browse files

Seperate page for ride history

Showing with 7 additions and 64 deletions
+7 -64
......@@ -28,9 +28,13 @@ export class AppComponent {
title: 'My Reservation',
url: '/myreservation',
icon: 'clipboard'
}, {
title: 'My Rides',
url: '/hirebike',
icon: 'clipboard'
},
{
title: 'My Rides',
title: 'Ride History',
url: '/ridehistory',
icon: 'clipboard'
},
......
......@@ -10,9 +10,8 @@
</ion-toolbar>
</ion-header>
<ion-content>
<div class="ride-list-container" *ngIf="isRideActive">
<div class="ride-list-container" >
<div class="ride-container" *ngFor="let ride of rides">
<div class="inner" (click)="showRideDetails(bike)">
<ion-grid>
<ion-row >
<ion-col>
......@@ -67,65 +66,7 @@
</ion-grid>
</div>
</div>
</div>
<div class="ride-list-container" *ngIf="!isRideActive">
<div class="ride-container" *ngFor="let ride of rides">
<div class="inner" (click)="showRideDetails()">
<ion-grid>
<ion-row >
<ion-col>
Bike ID
</ion-col>
<ion-col>
{{ride.bikeId}}
</ion-col>
</ion-row>
<ion-row>
<ion-col>
Price
</ion-col>
<ion-col>
{{ride.price}}
</ion-col>
</ion-row>
<ion-row>
<ion-col>
Distance
</ion-col>
<ion-col>
{{ride.distance}}
</ion-col>
</ion-row>
<ion-row>
<ion-col>
Start-Date
</ion-col>
<ion-col>
{{ride.startDate}}
</ion-col>
</ion-row>
<ion-row>
<ion-col>
End-Date
</ion-col>
<ion-col>
{{ride.endDate}}
</ion-col>
</ion-row>
</ion-grid>
</div>
</div>
</div>
</ion-content>
\ No newline at end of file
......@@ -47,7 +47,5 @@ export class RidehistoryPage implements OnInit {
//alert('Error getting location - ' + JSON.stringify(error));
});
}
showRideDetails() {
//this.router.navigateByUrl('/myreservation');
}
}
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment