little-lines/frontend
Archived
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases 2 Activity

implement stop routing

Browse source
This commit is contained in:
NekoVari 2023-12-07 21:24:23 +07:00
parent eeccb24a92
commit 760d868dc2
2 changed files with 30 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/components/DestinationInfoCard.vue
View file

@ -243,7 +243,7 @@ export default {
showRoute: false, showRoute: false,
userLocation: null, userLocation: null,
isLocationRequested: false, isLocationRequested: false,
isRouting: false,
}; };
}, },
computed: { computed: {
@ -262,6 +262,10 @@ export default {
methods: { methods: {
closePopup() { closePopup() {
this.showPopup = false; this.showPopup = false;
this.$emit('updateRouting', {route:null,isRouting:false});
this.isRouting = false;
this.onClose(); this.onClose();
}, },
viewRoute() { viewRoute() {
@ -293,6 +297,9 @@ export default {
viewPopup(){ viewPopup(){
this.showPopup = true; this.showPopup = true;
this.showRoute = false; this.showRoute = false;
this.$emit('updateRouting', {route:null,isRouting:false});
this.isRouting = false;
}, },
addToFavorites() { addToFavorites() {
const currentUser = JSON.parse(sessionStorage.getItem('current_user')); const currentUser = JSON.parse(sessionStorage.getItem('current_user'));
@ -333,6 +340,7 @@ export default {
} }
}, },
Routing(){ Routing(){
if(!this.isRouting){
console.log('Start routing!!'); console.log('Start routing!!');
console.log(`nearestStructureData : ${this.nearestStructureData.lon},${this.nearestStructureData.lat}`); console.log(`nearestStructureData : ${this.nearestStructureData.lon},${this.nearestStructureData.lat}`);
console.log(`userLocation : ${this.userLocation.lon},${this.userLocation.lat}`); console.log(`userLocation : ${this.userLocation.lon},${this.userLocation.lat}`);
@ -345,12 +353,13 @@ export default {
.then(response => { .then(response => {
const route = response.data.features[0].geometry.coordinates; const route = response.data.features[0].geometry.coordinates;
console.log('This is route :',{route:route}) console.log('This is route :',{route:route})
this.$emit('updateRouting', {route:route}); this.$emit('updateRouting', {route:route,isRouting:true});
// this.plotRoute(route); this.isRouting = true;
}) })
.catch(error => { .catch(error => {
console.error('Error fetching route:', error); console.error('Error fetching route:', error);
}); });
}
}, },
}, },

2
src/views/Home.vue
View file

@ -189,7 +189,7 @@ const closePopup = () => {
const handleRouting = (res) => { const handleRouting = (res) => {
console.log("Received Route:", res); console.log("Received Route:", res);
route.value = res.route; route.value = res.route;
isRouting.value = true; isRouting.value = res.isRouting;
}; };