From b0a6e3ff3df5a0c06c4e9242df77791a5a3ba1eb Mon Sep 17 00:00:00 2001
From: gap95 <gauri.a.pande@gmail.com>
Date: Tue, 17 Dec 2019 19:49:22 +0100
Subject: [PATCH] close button added to redirect to bike list
---
src/app/home/home.page.html | 6 ++++++
src/app/home/home.page.scss | 3 +++
src/app/home/home.page.ts | 5 +++++
src/app/services/feedback.service.ts | 1 +
4 files changed, 15 insertions(+)
diff --git a/src/app/home/home.page.html b/src/app/home/home.page.html
index 53cd5d8..2c25d36 100644
--- a/src/app/home/home.page.html
+++ b/src/app/home/home.page.html
@@ -66,16 +66,22 @@
</div>
</div>
<div class="bike-details-container" *ngIf="isDetailsVisible">
+ <ion-icon class="close-circle-cancel" name="close-circle" (click)="navigatetoBikeList()"></ion-icon>
<div class="inner">
+
<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>
diff --git a/src/app/home/home.page.scss b/src/app/home/home.page.scss
index 1761a14..3de9d93 100644
--- a/src/app/home/home.page.scss
+++ b/src/app/home/home.page.scss
@@ -160,4 +160,7 @@ ion-footer{
.button-container{
clear: both;
+}
+.close-circle-cancel{
+ margin-left: 93%;
}
\ No newline at end of file
diff --git a/src/app/home/home.page.ts b/src/app/home/home.page.ts
index 454eeeb..64bf1db 100644
--- a/src/app/home/home.page.ts
+++ b/src/app/home/home.page.ts
@@ -51,6 +51,7 @@ export class HomePage implements OnInit, OnDestroy {
}
ngOnInit() {
+
}
ngAfterViewInit() {
@@ -225,6 +226,10 @@ export class HomePage implements OnInit, OnDestroy {
this.locationsGroup.addObjects([marker]);
}
+ navigatetoBikeList() {
+ this.isDetailsVisible = false;
+ this.ionViewWillEnter();
+ }
enable3DMaps() {
this.map.setBaseLayer(this.defaultLayers.vector.normal.map);
diff --git a/src/app/services/feedback.service.ts b/src/app/services/feedback.service.ts
index 7aa0bc0..e0409f8 100644
--- a/src/app/services/feedback.service.ts
+++ b/src/app/services/feedback.service.ts
@@ -5,6 +5,7 @@ import { Injectable } from '@angular/core';
})
export class FeedbackService {
feedbackBikeDetails = {name : "",bikeid:""}
+
constructor() { }
public getBikeid(){
return this.feedbackBikeDetails.bikeid
--
GitLab