Changeset c3d3266

Timestamp:

01/26/25 21:03:40 (3 months ago)

Author:

Aleksandarj03 <138524804+Aleksandarj03@…>

Branches:

master

Children:

840887f

Parents:

231918f

Message:

Ne rabote fetcho

Location:

ReserveNGo-frontend/src

Files:

• PiniaStores/UserStore.js (modified) (1 diff)
• components/Project/favourite_locals.vue (modified) (1 diff)
• components/Project/local_in_local_listing.vue (modified) (4 diffs)

ReserveNGo-frontend/src/PiniaStores/UserStore.js

@@ -55 +55 @@
 
 
+
+  },
+  getters: {
+    getToken(){
+      return 'Bearer ' + this.data.token;
+    }
   }
 

ReserveNGo-frontend/src/components/Project/favourite_locals.vue

@@ -1 @@
-<script setup>
-import Locale_ from '@/components/Project/Locale_.vue'
+<script>
+import { userStore } from '@/PiniaStores/UserStore.js'
+export default {
+  data() {
+    return {
+      locals:[],
+      userStore_:userStore(),
+    }
+  },
+  beforeMount() {
+     fetch(`http://localhost:8080/api/customer/favourite-locals`,{
+      method: 'GET',
+      headers: {
+        'Authorization': this.userStore_.getToken
+      }
+    })
+      .then(res => res.json())
+      .then(data => this.locals = data)
+      .catch(err => console.log(err))
+  },
+}
 </script>
 
 <template>
-
-  <div id="container " class="border container-xxl">
-
-    <locale_/>
-    <locale_/>
-    <locale_/>
-    <locale_/>
-    <locale_/>
-
+  <div id="container " class="border container-xxl" v-for="local in locals" :key="local">
+    <h3>{{local.name}}</h3>
+    <h3>{{local.address}}</h3>
   </div>
-
 </template>
 
-<style scoped>
-
-</style>
+<style scoped></style>

ReserveNGo-frontend/src/components/Project/local_in_local_listing.vue

@@ -3 +3 @@
 
 import { restaurantStore } from '@/PiniaStores/restaurantStore.js'
+import { userStore } from '@/PiniaStores/UserStore.js'
 
 export default {
@@ -14 +15 @@
       }*/
 
+      userStore_: userStore(),
+    }
 
-    }
   },
   props: {
@@ -48 +50 @@
       console.log(restaurantStore().id)
 
+    },
+    async addToFavorites(){
+       fetch(`http://localhost:8080/api/customer/favourite-locals/add/${this.local.id}`,{
+        method: 'POST',
+        headers: {
+          'Authorization': this.userStore_.getToken
+        }
+      }).catch(error => console.log(error))
     }
   }
@@ -65 +75 @@
     </div>
     <div class="like">
-    <button class="btn btn-dark">Add to favourites</button>
+    <button class="btn btn-dark" @click="addToFavorites()">Add to favourites</button>
     </div>
   </div>