Added loader on my reservation page when api is called

src/app/myreservation/myreservation.page.ts

@@ -131,6 +131,7 @@ export class MyreservationPage implements OnInit {
   }
 
   getReservedBike() {
+    this.loadingService.showLoader();
     this.storage.get('token').then((token) => {
       const headers = new HttpHeaders().set("Authorization", "Bearer " + token);
       //call reserved bike api
@@ -146,6 +147,7 @@ export class MyreservationPage implements OnInit {
           let bikeDetailsApi = this.httpClient.get(bikeDetailsUrl, { headers });
           bikeDetailsApi.subscribe((resp: any) => {
             console.log('Bike Details', resp);
+            this.loadingService.hideLoader();
             this.bikeDetails = resp.data;
             this.reverseGeocode(this.platform, this.bikeDetails.lat, this.bikeDetails.lon);
             this.isBikeReserved = true;
@@ -158,14 +160,16 @@ export class MyreservationPage implements OnInit {
             // show route on map
             this.mapRouter.calculateRoute(this.routingParameters, this.onResult.bind(this),
               (error) => {
-                alert(error.message);
+                console.log(error.message);
               });
           }, (reservedBikeError) => {
+            this.loadingService.hideLoader();
             console.log(reservedBikeError);
             this.isBikeReserved = false;
           });
         }
       }, (bikeDetailsError) => {
+        this.loadingService.hideLoader();
         console.log(bikeDetailsError)
         this.isBikeReserved = false;
       });