From b5703671423eea51231d687494053e15f8179294 Mon Sep 17 00:00:00 2001
From: p11037 <ployvimonsirithammada@gmail.com>
Date: Wed, 29 Nov 2023 21:43:05 +0700
Subject: [PATCH 1/3] front_get

---
 src/views/Favorite.vue | 140 ++++++++++++++++++-----------------------
 1 file changed, 62 insertions(+), 78 deletions(-)

diff --git a/src/views/Favorite.vue b/src/views/Favorite.vue
index 1d457d7..7146f57 100644
--- a/src/views/Favorite.vue
+++ b/src/views/Favorite.vue
@@ -1,79 +1,63 @@
 <template>
-    <!-- <h1>Favorite</h1> -->
-
-    <!-- <v-card
-    class="mx-auto"
-    max-width="420"
-    height="600"
-    >
-
-    <v-list lines="two">
-        <v-list-item
-            v-for="item in items"
-            :key="item.title"
-            :title="item.title"
-            :subtitle="item.desc"
-            :prepend-avatar="pin_svg"
-        ></v-list-item>
-    </v-list>
-
-    </v-card> -->
-
-    <v-card fluid 
-    class="mx-auto"
-    max-width="500px"
-    width="90vw"
-
-    max-height="600px"
-    height="90vh"
-    >
-        <v-list
-        item-props
-        lines="three"
-        >
-        <v-list-item
-            v-for="(item, i) in items"
-            :to="{name: 'destination-info'}"
-            :key="i"
-            :value="item"
-            
-            >
-            <template v-slot:prepend>
-                <v-avatar>
-                    <v-img
-                    :height="30"
-                    src= "./icons/Adwaita/pin.svg"
-                    ></v-img>
-                </v-avatar>
-                
-            </template>
-
-            <v-list-item-title v-text="item.title"></v-list-item-title>
-            <v-list-item-subtitle v-text="item.desc"></v-list-item-subtitle>
-            <v-divider></v-divider>
-        </v-list-item>
-        </v-list>
-    </v-card>
-
-    
-</template>
-
-<script setup>
-    import {RouterLink} from 'vue-router';
-
-    const pin_svg = "./icons/Adwaita/pin.svg"
-    const items = [
-        {
-        title: 'หอพักนักศึกษา',
-        desc: 'ลาดกระบัง, กรุงเทพมหานคร',
-        },
-        {
-        title: 'อนุสาวรีย์ชัยสมรภูมิ',
-        desc: 'ราชเทวี, กรุงเทพมหานคร',
-        },
-  ]
-</script>
-
-<style >
-
-</style>
\ No newline at end of file
+    <div>
+      <h1>My Favorites</h1>
+      <ul>
+        <li v-for="(favorite, index) in favorites" :key="index">
+          <p>Favorite {{ index + 1 }}:</p>
+          <p>Favorite ID: {{ favorite.place_name }}</p>
+          <p>Favorite Name: {{ favorite.place_name }}</p>
+          <!-- แสดงข้อมูลเพิ่มเติมหรือ field อื่นๆ ตามต้องการ -->
+        </li>
+      </ul>
+    </div>
+  </template>
+  
+  <script>
+  import { ref, onMounted } from 'vue';
+  
+  export default {
+    setup() {
+      const favorites = ref([]);
+  
+      onMounted(async () => {
+        try {
+          const currentUser = JSON.parse(sessionStorage.getItem('current_user'));
+  
+          if (currentUser && currentUser.id) {
+            const response = await fetch(`https://little-lines-backend.techtransthai.org/api/favorites/${currentUser.id}`);
+  
+            if (!response.ok) {
+              throw new Error('Failed to fetch favorites');
+            }
+  
+            const data = await response.json();
+            favorites.value = data.favorites;
+            console.log(data);
+          }
+        } catch (error) {
+          console.error(error);
+        }
+      });
+  
+      return {
+        favorites
+      };
+    }
+  };
+  </script>
+  
+  <style scoped>
+  /* สามารถใส่ style ได้ตามต้องการ */
+  /* ตัวอย่าง */
+  ul {
+    list-style-type: none;
+    padding: 0;
+  }
+  
+  li {
+    margin-bottom: 20px;
+    border: 1px solid #ccc;
+    padding: 10px;
+  }
+  </style>
+  
\ No newline at end of file

From 19ba190ced1bc9d42f741f99a52ab1271bdf478a Mon Sep 17 00:00:00 2001
From: p11037 <ployvimonsirithammada@gmail.com>
Date: Thu, 30 Nov 2023 00:07:02 +0700
Subject: [PATCH 2/3] show each data for favorites page

---
 src/components/DestinationInfoCard.vue |   6 +-
 src/views/Favorite.vue                 | 113 ++++++++++++-------------
 2 files changed, 57 insertions(+), 62 deletions(-)

diff --git a/src/components/DestinationInfoCard.vue b/src/components/DestinationInfoCard.vue
index 6489999..e166731 100644
--- a/src/components/DestinationInfoCard.vue
+++ b/src/components/DestinationInfoCard.vue
@@ -37,7 +37,7 @@
         <v-list-item-title class="text-decoration-underline">{{nearestStructureData.lon}} , {{nearestStructureData.lat}}</v-list-item-title>
       </v-list-item>
 
-      <v-list-item>
+      <!-- <v-list-item>
         <template v-slot:prepend>
           <v-avatar>
             <img :src="detial[2].icon" 
@@ -46,7 +46,7 @@
           </v-avatar>
         </template>
         <v-list-item-title>{{detial[2].title}}</v-list-item-title>
-      </v-list-item>
+      </v-list-item> -->
 
 
     </v-list>
@@ -254,7 +254,7 @@ export default {
       if (this.isLocationRequested && !this.userLocation) {
         return 'Requesting location...';
       } else if (this.userLocation) {
-        return `${this.userLocation.lat.toFixed(6)}, ${this.userLocation.lon.toFixed(6)}`;
+        return `${this.userLocation.lon.toFixed(6)}, ${this.userLocation.lat.toFixed(6)}`;
       }
       return 'Location not available';
     },
diff --git a/src/views/Favorite.vue b/src/views/Favorite.vue
index 7146f57..521fe44 100644
--- a/src/views/Favorite.vue
+++ b/src/views/Favorite.vue
@@ -1,63 +1,58 @@
 <template>
-    <div>
-      <h1>My Favorites</h1>
-      <ul>
-        <li v-for="(favorite, index) in favorites" :key="index">
-          <p>Favorite {{ index + 1 }}:</p>
-          <p>Favorite ID: {{ favorite.place_name }}</p>
-          <p>Favorite Name: {{ favorite.place_name }}</p>
-          <!-- แสดงข้อมูลเพิ่มเติมหรือ field อื่นๆ ตามต้องการ -->
-        </li>
-      </ul>
-    </div>
-  </template>
-  
-  <script>
-  import { ref, onMounted } from 'vue';
-  
-  export default {
-    setup() {
-      const favorites = ref([]);
-  
-      onMounted(async () => {
-        try {
-          const currentUser = JSON.parse(sessionStorage.getItem('current_user'));
-  
-          if (currentUser && currentUser.id) {
-            const response = await fetch(`https://little-lines-backend.techtransthai.org/api/favorites/${currentUser.id}`);
-  
-            if (!response.ok) {
-              throw new Error('Failed to fetch favorites');
-            }
-  
-            const data = await response.json();
-            favorites.value = data.favorites;
-            console.log(data);
+  <div>
+    <h1>Favorites</h1>
+    <ul class="favorite-list">
+      <li v-for="(favorite, index) in favorite" :key="index" class="favorite-item">
+        {{ favorite.place_name }} <!-- แสดงข้อมูล favorites ตามความเหมาะสม -->
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script>
+import { ref, onMounted } from 'vue';
+
+export default {
+  setup() {
+    const favorite = ref([]);
+
+    onMounted(async () => {
+      try {
+        const currentUser = JSON.parse(sessionStorage.getItem('current_user'));
+
+        if (currentUser && currentUser.id) {
+          const response = await fetch(`https://little-lines-backend.techtransthai.org/api/favorites/${currentUser.id}`);
+
+          if (!response.ok) {
+            throw new Error('Failed to fetch favorites');
           }
-        } catch (error) {
-          console.error(error);
+
+          const data = await response.json();
+          favorite.value = data;
         }
-      });
-  
-      return {
-        favorites
-      };
-    }
-  };
-  </script>
-  
-  <style scoped>
-  /* สามารถใส่ style ได้ตามต้องการ */
-  /* ตัวอย่าง */
-  ul {
-    list-style-type: none;
-    padding: 0;
+      } catch (error) {
+        console.error(error);
+      }
+    });
+
+    return {
+      favorite
+    };
   }
-  
-  li {
-    margin-bottom: 20px;
-    border: 1px solid #ccc;
-    padding: 10px;
-  }
-  </style>
-  
\ No newline at end of file
+};
+</script>
+
+<style>
+/* CSS เพื่อแสดงแต่ละข้อมูลเป็น block */
+.favorite-list {
+  list-style-type: none;
+  padding: 0;
+}
+
+.favorite-item {
+  display: block;
+  padding: 10px;
+  border: 1px solid #ccc;
+  margin-bottom: 5px;
+}
+</style>

From cea70a1d42b7da791d6d08c2296a13010cc57d81 Mon Sep 17 00:00:00 2001
From: SRP-mango <siriphicha.mango02@gmail.com>
Date: Thu, 30 Nov 2023 19:55:56 +0700
Subject: [PATCH 3/3] emit data from destCard to Home

---
 src/components/DestinationInfoCard.vue | 1 +
 src/views/Home.vue                     | 8 +++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/DestinationInfoCard.vue b/src/components/DestinationInfoCard.vue
index e166731..bce9749 100644
--- a/src/components/DestinationInfoCard.vue
+++ b/src/components/DestinationInfoCard.vue
@@ -282,6 +282,7 @@ export default {
         lon: position.coords.longitude
       };
       console.log('User Location:', this.userLocation);
+      this.$emit('updateLocation', this.userLocation);
     },
     handleLocationError(error) {
       console.error('Error getting location:', error);
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 71bf7c1..eae7370 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -10,7 +10,7 @@
       v-if="popupData"
       :nearestStructureData="popupData"
       :onClose="closePopup"
-    
+      @updateLocation="handleUserLocation"
     />
     
   </div>
@@ -94,6 +94,7 @@ import { ref } from "vue";
 import axios from "axios";
 import DestinationInfoCard from '@/components/DestinationInfoCard.vue';
 
+
 const center = ref([100.538611, 13.764722]);
 const projection = ref("EPSG:4326");
 const zoom = ref(19);
@@ -151,6 +152,11 @@ const closePopup = () => {
   popupData.value = null; // Hide popup
 };
 
+const handleUserLocation = (location) => {
+  console.log("Received user location:", location);
+};
+
+
 </script>
 
 <style>