diff --git a/frontend/src/components/Banner.vue b/frontend/src/components/Banner.vue index b2636c96bc6fec70cee5f4880f8760082ff5fa57..df683593aa30c76399a7d505f6586e85641ed9f1 100644 --- a/frontend/src/components/Banner.vue +++ b/frontend/src/components/Banner.vue @@ -1,8 +1,8 @@ <template> <div class="banner"> <div class="name"> - <router-link :to="'/?uid=' + userId" - ><img class="logo" alt="Vue logo" src="../assets/logo.png" + <router-link :to="'/' + '?uid=' + userId"> + <img class="logo" alt="Vue logo" src="../assets/logo.png" /></router-link> <h1 class="text">CaCaoCritics</h1> </div> @@ -16,6 +16,8 @@ <script> import BurgerMenu from "@/components/BurgerMenu.vue"; import SearchBar from "./SearchBar.vue"; +import axios from "axios"; +const backendURL = process.env.VUE_APP_BACKEND_BASE_URL; export default { name: "Banner", @@ -28,12 +30,25 @@ export default { userId: "", }; }, - created() { - this.userId = this.$route.query.uid; - console.log("a"); - console.log(this.$route.query.uid); - console.log("a"); + methods: { + fetchMovies: function () { + axios + .get(backendURL + "/movies/popular/20") + .then((response) => { + this.movies = response.data; + console.log(response.data); + }) + .catch((error) => { + this.moviesLoadingError = "An error occured while e ing movies."; + console.error(error); + }); + }, }, + created() { + this.userId = this.$route.query.uid; + console.log(this.$route); + this.fetchMovies(); + }, }; </script> diff --git a/frontend/src/components/BurgerMenu.vue b/frontend/src/components/BurgerMenu.vue index 74b01dad4d1a5e1bcd9de0089e2e08b47edd32a0..83d95f8b201c7dc87e18de3c8cfbe30f265938cc 100644 --- a/frontend/src/components/BurgerMenu.vue +++ b/frontend/src/components/BurgerMenu.vue @@ -5,9 +5,9 @@ <!-- Classic Menu --> <nav role="navigation" id="topnav_menu"> - <a class="topnav_link" href="/addUsers">INSCRIPTION</a> - <a class="topnav_link" href="/Connexion">CONNEXION</a> - <a class="topnav_link" href="/users">USER</a> + <a class="topnav_link" :href="'/addUsers/'+ '?uid=' + userId">INSCRIPTION</a> + <a class="topnav_link" :href="'/Connexion/'+ '?uid=' + userId">CONNEXION</a> + <a class="topnav_link" :href="'/users/'+ '?uid=' + userId">USER</a> </nav> <a @@ -36,6 +36,9 @@ </template> <script> +import axios from "axios"; +const backendURL = process.env.VUE_APP_BACKEND_BASE_URL; + export default { methods: { data: function () { diff --git a/frontend/src/views/Users.vue b/frontend/src/views/Users.vue index bfe3cac9de7cc484cf83c10e40683763c1a327b8..b2a4b2aca0ec0dcc170cef9400392f67af8ef97f 100644 --- a/frontend/src/views/Users.vue +++ b/frontend/src/views/Users.vue @@ -49,11 +49,8 @@ export default { created() { this.userId = this.$route.query.uid; this.getLiked().then((results) => { - console.log(results); this.likedFilms = results; }); - console.log(this.userId); - console.log(this.likedFilms); }, }; </script>