hop

backend/routes/users.js

@@ -9,6 +9,14 @@ router.get("/", function (req, res) {
   });
 });
 
+router.get("/likedMovies/:userId", async function (req, res) {
+  const userId = await req.params["userId"];
+  const userPopulated = await UserModel.findById(userId).populate(
+    "liked_movies"
+  );
+  res.send(userPopulated.liked_movies);
+});
+
 router.get("/isliked/:movieId/:userId", async function (req, res) {
   const userId = await req.params["userId"];
   console.log(userId);

frontend/src/router/index.js

@@ -3,6 +3,7 @@ import Home from "../views/Home.vue";
 import Connexion from "../views/Connexion.vue";
 import Users from "../views/Users.vue";
 import AddUser from "../views/AddUsers.vue";
+import MoviePage from "../views/MoviePage";
 
 const routes = [
   {
@@ -25,6 +26,11 @@ const routes = [
     name: "AddUsers",
     component: AddUser,
   },
+  {
+    path: "/movie/:id",
+    name: "MoviePage",
+    component: MoviePage,
+  },
 ];
 
 const router = createRouter({

frontend/src/views/Users.vue

@@ -2,7 +2,7 @@
   <header>
     <div class="user">
       <img class="photo" src="../assets/placeholder.jpeg" />
-    <br >
+      <br />
       <div class="name">
         <h1>Jeanne Dupont</h1>
       </div>
@@ -11,10 +11,40 @@
   <div class="like">
     <h4 class="texte">Films que vous avez aimés ></h4>
   </div>
+  <div>{{ likedFilms }}</div>
 </template>
 
 <script>
+import axios from "axios";
+const backendURL = process.env.VUE_APP_BACKEND_BASE_URL;
 
+export default {
+  data: function () {
+    return {
+      likedFilms: [],
+    };
+  },
+  methods: {
+    getLiked: async function () {
+      try {
+        const likedFilms = await axios.get(
+          backendURL + "/users/likedMovies/" + this.userId
+        );
+        return likedFilms.data;
+      } catch (error) {
+        console.log(error);
+      }
+    },
+  },
+  created() {
+    this.userId = this.$route.query.uid;
+    this.getLiked().then((results) => {
+      console.log(results);
+      this.likedFilms = results;
+    });
+    console.log(this.userId);
+  },
+};
 </script>
 
 <style scoped>
@@ -35,7 +65,7 @@
 .like {
   text-align: center;
   display: flex;
-  background-color: #912F56;
+  background-color: #912f56;
   color: white;
   max-height: 100px;
   justify-content: center;
@@ -48,7 +78,6 @@
   margin-left: 5px;
 }
 .name {
-  background-color: #EAF2EF;
+  background-color: #eaf2ef;
 }
-
 </style>