Commit 14f24a4e authored by Priyanka Upadhye's avatar Priyanka Upadhye
Browse files

bike details page formated with ptoper display

parent 8bdaf3a2
......@@ -48,10 +48,8 @@
<div class="bike-details-container" *ngIf="isDetailsVisible">
<div class="inner">
<div class="bike_name">
{{selectedBike.name}}
</div>
<div class="battery-info">
<!-- <div class="battery-info">
<div>
<ion-icon class="battery-icon" name="battery-charging"></ion-icon>
</div>
......@@ -60,9 +58,43 @@
<div class="address-info">
<div class="disance">{{selectedBike.distance + "m"}}</div>
<div class="address">{{selectedBike.address}}</div>
</div>
</div> -->
<div class="button-container">
<ion-grid>
<ion-row>
<ion-col>
Bike Name
</ion-col>
<ion-col>
{{selectedBike.name}}
</ion-col>
</ion-row>
<ion-row>
<ion-col>
Battery Level
</ion-col>
<ion-col>
<ion-icon class="battery-icon" name="battery-charging"></ion-icon>
{{selectedBike.batteryPercentage + " %"}}
</ion-col>
</ion-row>
<ion-row>
<ion-col>
Bike Location
</ion-col>
<ion-col>
{{selectedBike.address}}
</ion-col>
</ion-row>
<ion-row>
<ion-col>
Bike Distance
</ion-col>
<ion-col>
{{selectedBike.distance + "m"}}
</ion-col>
</ion-row>
<ion-row>
<ion-col>
<ion-button size="medium" expand="block" (click)="reserveBike()">Reserve</ion-button>
......
......@@ -231,4 +231,5 @@ export class HomePage {
this.selectedBike=bike;
this.isDetailsVisible = true;
}
}
Markdown is supported
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