From 732165f6024074492a4e9f552ce7a83f6941bd5e Mon Sep 17 00:00:00 2001
From: El Yaagoubi Bilel <bilel.el-yaagoubi@student-cs.fr>
Date: Fri, 10 Jun 2022 12:09:06 +0200
Subject: [PATCH] hop
---
backend/routes/users.js | 8 +++++
frontend/src/router/index.js | 6 ++++
frontend/src/views/Users.vue | 65 ++++++++++++++++++++++++++----------
3 files changed, 61 insertions(+), 18 deletions(-)
diff --git a/backend/routes/users.js b/backend/routes/users.js
index 63976df..e880731 100644
--- a/backend/routes/users.js
+++ b/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);
diff --git a/frontend/src/router/index.js b/frontend/src/router/index.js
index dfb02bc..9654bd0 100644
--- a/frontend/src/router/index.js
+++ b/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({
diff --git a/frontend/src/views/Users.vue b/frontend/src/views/Users.vue
index 2013521..6eb5dea 100644
--- a/frontend/src/views/Users.vue
+++ b/frontend/src/views/Users.vue
@@ -1,20 +1,50 @@
<template>
-<header>
-<div class="user">
- <img class="photo" src="../assets/placeholder.jpeg" />
- <br >
- <div class="name">
- <h1>Jeanne Dupont</h1>
+ <header>
+ <div class="user">
+ <img class="photo" src="../assets/placeholder.jpeg" />
+ <br />
+ <div class="name">
+ <h1>Jeanne Dupont</h1>
+ </div>
+ </div>
+ </header>
+ <div class="like">
+ <h4 class="texte">Films que vous avez aimés ></h4>
</div>
-</div>
-</header>
-<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,20 +65,19 @@
.like {
text-align: center;
display: flex;
- background-color: #912F56;
+ background-color: #912f56;
color: white;
max-height: 100px;
justify-content: center;
max-width: 250px;
- border-radius:10px;
- margin-left:20px;
+ border-radius: 10px;
+ margin-left: 20px;
}
.texte {
- justify-items:flex-end;
+ justify-items: flex-end;
margin-left: 5px;
}
.name {
- background-color: #EAF2EF;
+ background-color: #eaf2ef;
}
-
-</style>
\ No newline at end of file
+</style>
--
GitLab