Check login status and disable button on setting

This commit is contained in:
p11037 2023-11-24 11:32:54 +07:00
parent 240701ed7a
commit 82e1e4e86a
3 changed files with 49 additions and 30 deletions

View file

@ -259,35 +259,44 @@ export default {
this.showRoute = false;
},
addToFavorites() {
console.log('on click');
fetch("https://little-lines-backend.techtransthai.org/api/favorites/create",{
method: "POST",
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
user_id: '123456789',
place_name: this.nearestStructureData.display_name,
location: {
type: "Point",
coordinates: [parseFloat(this.nearestStructureData.lon), parseFloat(this.nearestStructureData.lat)]
},
wheelchair_access: 'Accessible',
highway_type: 'Highway'
})
const currentUser = JSON.parse(sessionStorage.getItem('current_user'));
if (currentUser) {
console.log('Logged in. Proceed to add to favorites.');
fetch("https://little-lines-backend.techtransthai.org/api/favorites/create", {
method: "POST",
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
user_id: currentUser.id, // userId
place_name: this.nearestStructureData.display_name,
location: {
type: "Point",
coordinates: [parseFloat(this.nearestStructureData.lon), parseFloat(this.nearestStructureData.lat)]
},
wheelchair_access: 'Accessible',
highway_type: 'Highway'
})
})
.then((res) => {
if (res.ok) {
console.log('Add to favorites success');
return res.json();
} else {
throw Error(`Add to favorited faild (${res.status})`);
}
})
.catch((err) => {
console.log(err);
});
}
if (res.ok) {
console.log('Add to favorites success');
return res.json();
} else {
throw Error(`Add to favorites failed (${res.status})`);
}
})
.catch((err) => {
console.log(err);
});
} else {
console.log('User not logged in. Unable to add to favorites.');
this.$router.push({ name: 'login' });
}
}
},
};

View file

@ -116,10 +116,10 @@ export default {
}
})
.then((data) => {
// localStorage.setItem('isLoggedIn', true);
// console.log(isLoggedIn);
console.log(data.success);
sessionStorage.setItem('current_user', JSON.stringify({id:data.user._id,username:data.user.username,email:data.user.email}));
this.$router.push({ name: 'home' });
})
.catch((err) => {

View file

@ -1,7 +1,7 @@
<template>
<v-app>
<v-container class="d-flex justify-center align-center">
<div>
<div v-if="!currentUser">
<h1>งไมไดลงชอเขาใช</h1>
<h2>ลงชอเขาใชเพอบนทกการตงคาอยางปลอดภ</h2>
<v-container class="d-flex justify-center align-center">
@ -106,3 +106,13 @@ const display_items = [
}
</script>
<script>
export default {
data() {
return {
currentUser: JSON.parse(sessionStorage.getItem('current_user'))
};
}
};
</script>