From 221d2907a963642c0d2c85ed33d875fbf67e62e8 Mon Sep 17 00:00:00 2001 From: Ratnadeep Rajendra Kharade <92khra1mst@hft-stuttgart.de> Date: Sun, 8 Dec 2019 19:37:41 +0100 Subject: [PATCH] displayed loading page on hire bike page for api call --- src/app/hirebike/hirebike.page.ts | 24 +++++++++++++++++++----- 1 file changed, 19 insertions(+), 5 deletions(-) diff --git a/src/app/hirebike/hirebike.page.ts b/src/app/hirebike/hirebike.page.ts index 219a0b4..789c3ee 100644 --- a/src/app/hirebike/hirebike.page.ts +++ b/src/app/hirebike/hirebike.page.ts @@ -160,6 +160,7 @@ export class HirebikePage implements OnInit { } getReservedBike() { + this.loadingService.showLoader(); this.storage.get('token').then((token) => { const headers = new HttpHeaders().set("Authorization", "Bearer " + token); //call reserved bike api @@ -181,24 +182,34 @@ export class HirebikePage implements OnInit { //pass reserved bike subject here map this.gotReservedBikeSubject.next(resp.data); - }, (reservedBikeError) => console.log(reservedBikeError)); + this.loadingService.hideLoader(); + }, (reservedBikeError) => { + console.log(reservedBikeError); + this.loadingService.hideLoader(); + }); } - }, (bikeDetailsError) => console.log(bikeDetailsError)); + }, (bikeDetailsError) => { + console.log(bikeDetailsError); + this.loadingService.hideLoader(); + }); }); } startTrip1() { + this.loadingService.showLoader(); this.storage.get('token').then((token) => { let url = 'http://193.196.52.237:8081/rent' + '?bikeId=' + this.bikeDetails.id; const headers = new HttpHeaders().set("Authorization", "Bearer " + token); let bikeApi = this.httpClient.get(url, { headers }); bikeApi.subscribe((resp) => { console.log('my data: ', resp); + this.loadingService.hideLoader(); this.toastService.showToast("Trip Started"); this.isBikeHired = true; }, (error) => { - console.log(error) - this.toastService.showToast("This is ongoing Trip") + console.log(error); + this.loadingService.hideLoader(); + this.toastService.showToast("This is ongoing Trip"); }); }); @@ -210,15 +221,18 @@ export class HirebikePage implements OnInit { } CancelTrip() { + this.loadingService.showLoader(); this.storage.get('token').then((token) => { let url = 'http://193.196.52.237:8081/rent' + '?bikeId=' + this.bikeDetails.id; const headers = new HttpHeaders().set("Authorization", "Bearer " + token); let bikeApi = this.httpClient.delete(url, { headers }); bikeApi.subscribe((resp) => { console.log('my data: ', resp); + this.loadingService.hideLoader(); this.toastService.showToast("Trip Ended!"); }, (error) => { - console.log(error) + console.log(error); + this.loadingService.hideLoader(); this.toastService.showToast("No Ongong Trip to End") }); }); -- GitLab