From c8b3b9e5e027e3a43843e15e8c168bfaf6161502 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 11:44:32 +0200
Subject: [PATCH] add genre
---
frontend/src/components/MovieType.vue | 10 ++++++----
frontend/src/views/Home.vue | 2 ++
2 files changed, 8 insertions(+), 4 deletions(-)
diff --git a/frontend/src/components/MovieType.vue b/frontend/src/components/MovieType.vue
index 23fc56c..21d59ff 100644
--- a/frontend/src/components/MovieType.vue
+++ b/frontend/src/components/MovieType.vue
@@ -3,8 +3,8 @@
<h1>Genre</h1>
<li v-for="genre in genres" :key="genre.id">
<div class="check">
-<input type="checkbox" id="action" value="Action" v-model="genre">
-<label for="Action">{{ }}</label>
+<input type="checkbox" id="genre.id" value="genre" >
+<label for="genre">{{ genre.name }}</label>
</div>
<br>
</li>
@@ -12,12 +12,15 @@
</template>
<script>
+import axios from "axios";
+const backendURL = process.env.VUE_APP_BACKEND_BASE_URL;
+
export default {
methods: {
fetchGenres: function () {
axios
.get(
- backendURL + "/genres/",
+ backendURL + "/genres",
)
.then((response) => {
this.genres = response.data;
@@ -29,7 +32,6 @@ export default {
},
},
created() {
- this.fetchMovies();
this.fetchGenres();
},
};
diff --git a/frontend/src/views/Home.vue b/frontend/src/views/Home.vue
index 4048d8a..20fad0b 100644
--- a/frontend/src/views/Home.vue
+++ b/frontend/src/views/Home.vue
@@ -28,11 +28,13 @@
<h5> {{ movie.title }}</h5>
</p>
<p class="film">
+ <router-link :to="'/movie/'+ movie.id">
<img
:src="'https://image.tmdb.org/t/p/original/' + movie.poster_path"
withd="100"
height="300"
/>
+ </router-link>
</p>
</li>
</div>
--
GitLab