diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 9082ff62261196395a209604ed896623eca4c536..a0a3a99d38684dcae8c0b78f2c80393bbd79416e 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -38,11 +38,7 @@ export class AppComponent { url: '/ridehistory', icon: 'clipboard' }, - { - title: 'Feedback', - url: '/feedback', - icon: 'clipboard' - }, + { title: 'Help', url: '/help-line', diff --git a/src/app/feedback/feedback.page.html b/src/app/feedback/feedback.page.html index e128bf5ec64f337ca03916eae9d4b1b22dccddb5..206a8fc40e770038a3d9f6206c643d3fa1037f29 100644 --- a/src/app/feedback/feedback.page.html +++ b/src/app/feedback/feedback.page.html @@ -23,13 +23,11 @@ <h3>Feedback</h3> </div> - - - - <ion-item > - <ion-input type="textarea" [(ngModel)]="content" placeholder="Enter Feedback"></ion-input> - </ion-item> - + <div > + <ion-item > + <ion-textarea class="ion-text-content" [(ngModel)]="content" placeholder="Enter Feedback"></ion-textarea> + </ion-item> + </div> diff --git a/src/app/feedback/feedback.page.scss b/src/app/feedback/feedback.page.scss index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..40a933def6d8eabdb1ca59b9fe150d1c8a6e24d9 100644 --- a/src/app/feedback/feedback.page.scss +++ b/src/app/feedback/feedback.page.scss @@ -0,0 +1,6 @@ +.ion-text-content{ + border: 1px solid #bbb; + height: 150px; + padding-left: 5px; + +} diff --git a/src/app/feedback/feedback.page.ts b/src/app/feedback/feedback.page.ts index 57906a4396969d339b09126095fdbbba2906f7da..9fbe39306ab7e8502c420b7fa718dc94c874a13a 100644 --- a/src/app/feedback/feedback.page.ts +++ b/src/app/feedback/feedback.page.ts @@ -15,7 +15,7 @@ import { FeedbackService } from 'src/app/services/feedback.service'; export class FeedbackPage implements OnInit { feedbackApi: Observable<any>; content: ""; - bikeId=this.feedbackService.getBikeid(); + bikeId=""; constructor(private router: Router, public httpClient: HttpClient, @@ -31,7 +31,7 @@ export class FeedbackPage implements OnInit { let url = 'http://193.196.52.237:8081/feedbacks' const headers = new HttpHeaders().set("Authorization", "Bearer " + token); - this.feedbackApi = this.httpClient.post<any>(url, {"content": this.content,"bikeId":this.bikeId},{headers}); + this.feedbackApi = this.httpClient.post<any>(url, {"content": this.content,"bikeId":this.feedbackService.getBikeid()},{headers}); this.feedbackApi.subscribe((resp) => { console.log("rides response", resp); diff --git a/src/app/hirebike/hirebike.page.ts b/src/app/hirebike/hirebike.page.ts index 374dea833c9e4e0bfdaac7f78f1707497b67d560..c7b16e0064db483c930e027f3d11528e98667cbd 100644 --- a/src/app/hirebike/hirebike.page.ts +++ b/src/app/hirebike/hirebike.page.ts @@ -11,6 +11,7 @@ import { MapDataService } from '../services/map-data.service'; import { LocationService } from '../services/location.service'; import { LoadingService } from '../services/loading.service'; import { FeedbackService } from 'src/app/services/feedback.service'; +import { AlertController } from '@ionic/angular'; declare var H: any; @Component({ @@ -66,7 +67,8 @@ export class HirebikePage implements OnInit { private mapDataService: MapDataService, public locationService: LocationService, public loadingService: LoadingService, - public feedbackService: FeedbackService) { + public feedbackService: FeedbackService, + public alertController: AlertController) { this.platform = new H.service.Platform({ 'apikey': 'tiVTgBnPbgV1spie5U2MSy-obhD9r2sGiOCbBzFY2_k' @@ -345,7 +347,7 @@ export class HirebikePage implements OnInit { let bikeApi = this.httpClient.get(url, { headers }); bikeApi.subscribe((resp) => { console.log('my data: ', resp); - this.feedbackService.setBikeid(this.bikeDetails.id); + this.loadingService.hideLoader(); this.toastService.showToast("Trip Started"); this.isBikeHired = true; @@ -366,6 +368,7 @@ export class HirebikePage implements OnInit { this.loadingService.showLoader(); this.storage.get('token').then((token) => { let url = 'http://193.196.52.237:8081/rent' + '?bikeId=' + this.bikeDetails.id; + this.feedbackService.setBikeid(this.bikeDetails.id); const headers = new HttpHeaders().set("Authorization", "Bearer " + token); let bikeApi = this.httpClient.get(url, { headers }); bikeApi.subscribe((resp) => { @@ -395,11 +398,34 @@ export class HirebikePage implements OnInit { 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) => { + bikeApi.subscribe(async (resp) => { console.log('my data: ', resp); this.loadingService.hideLoader(); this.toastService.showToast("Trip Ended!"); - this.router.navigateByUrl('/feedback'); + //this.router.navigateByUrl('/feedback'); + const alert = await this.alertController.create({ + header: 'Feedback!', + message: '<strong>Do you want to review your Ride</strong>?', + buttons: [ + { + text: 'Cancel', + role: 'cancel', + cssClass: 'secondary', + handler: (blah) => { + console.log('Confirm Cancel: blah'); + this.router.navigateByUrl('/home'); + } + }, { + text: 'Okay', + handler: () => { + console.log('Confirm Okay'); + this.router.navigateByUrl('/feedback'); + } + } + ] + }); + + await alert.present(); }, (error) => { console.log(error); this.loadingService.hideLoader();