From 2cf676d5523a0c8129fd3800ab1ccdda473552b7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juliette=20Kalfl=C3=A8che?=
<juliette.kalfleche@student-cs.fr>
Date: Fri, 10 Jun 2022 12:30:40 +0200
Subject: [PATCH] finish genre
---
frontend/src/components/MovieType.vue | 14 +++++++++++---
frontend/src/views/Home.vue | 16 ++++++++++++++++
2 files changed, 27 insertions(+), 3 deletions(-)
diff --git a/frontend/src/components/MovieType.vue b/frontend/src/components/MovieType.vue
index 21d59ff..814dfcf 100644
--- a/frontend/src/components/MovieType.vue
+++ b/frontend/src/components/MovieType.vue
@@ -1,14 +1,15 @@
<template>
<div class="box">
<h1>Genre</h1>
-<li v-for="genre in genres" :key="genre.id">
+<div class="liste-genre">
+<li v-for="genre in genres" :key="genre.id" style="list-style-type:none;">
<div class="check">
<input type="checkbox" id="genre.id" value="genre" >
-<label for="genre">{{ genre.name }}</label>
+<label for="genre"> {{ genre.name }} </label>
</div>
-<br>
</li>
</div>
+</div>
</template>
<script>
@@ -16,6 +17,13 @@ import axios from "axios";
const backendURL = process.env.VUE_APP_BACKEND_BASE_URL;
export default {
+ data: function () {
+ return {
+ genrename: "",
+ genres: [],
+ genresLoadingError: "",
+ };
+ },
methods: {
fetchGenres: function () {
axios
diff --git a/frontend/src/views/Home.vue b/frontend/src/views/Home.vue
index 20fad0b..5064a88 100644
--- a/frontend/src/views/Home.vue
+++ b/frontend/src/views/Home.vue
@@ -74,15 +74,31 @@ export default {
)
.then((response) => {
this.movies = response.data;
+ console.log(response.data)
})
.catch((error) => {
this.moviesLoadingError = "An error occured while e ing movies.";
console.error(error);
});
+ },
+ fetchGenres: function () {
+ axios
+ .get(
+ backendURL + "/genres",
+ )
+ .then((response) => {
+ this.genres = response.data;
+ console.log(response.data)
+ })
+ .catch((error) => {
+ this.genresLoadingError = "An error occured while e ing genres.";
+ console.error(error);
+ });
},
},
created() {
this.fetchMovies();
+ this.fetchGenres();
},
};
</script>
--
GitLab