From a14453cf85785b5b42fac8bf23e115185fc85ec0 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 01:10:03 +0200 Subject: [PATCH] clean all the useless things --- frontend/src/components/BurgerMenu.vue | 6 +++--- frontend/src/components/MovieType.vue | 2 +- frontend/src/components/SearchBar.vue | 24 +++++++++-------------- frontend/src/router/index.js | 8 ++++---- frontend/src/views/Connexion.vue | 27 ++++++++++++++++++++++++++ frontend/src/views/Home.vue | 1 - 6 files changed, 44 insertions(+), 24 deletions(-) create mode 100644 frontend/src/views/Connexion.vue diff --git a/frontend/src/components/BurgerMenu.vue b/frontend/src/components/BurgerMenu.vue index d64616b..82ccb4b 100644 --- a/frontend/src/components/BurgerMenu.vue +++ b/frontend/src/components/BurgerMenu.vue @@ -5,8 +5,8 @@ <!-- Classic Menu --> <nav role="navigation" id="topnav_menu"> - <a class="topnav_link" href="/addUsers">ADD USER</a> - <a class="topnav_link" href="/counter">COUNTER</a> + <a class="topnav_link" href="/addUsers">INSCRIPTION</a> + <a class="topnav_link" href="/Connexion">CONNEXION</a> <a class="topnav_link" href="/users">USER</a> </nav> @@ -21,7 +21,7 @@ <nav role="navigation" id="topnav_responsive_menu"> <ul> <li><a href="/">HOME</a></li> - <li><a href="/addUsers">ADD USER</a></li> + <li><a href="/addUsers">INSCRIPTION</a></li> <li><a href="/contact-us">CONTACT</a></li> <li><a href="/privacy-policy">PRIVACY POLICY</a></li> <li><a href="/terms-and-conditions">TERMS AND CONDITIONS</a></li> diff --git a/frontend/src/components/MovieType.vue b/frontend/src/components/MovieType.vue index 9638fad..2fa3ca0 100644 --- a/frontend/src/components/MovieType.vue +++ b/frontend/src/components/MovieType.vue @@ -26,7 +26,7 @@ display: flex; flex-direction: column; margin-left: 20px; - background-color: #912F56; + background-color: #449DD1; width: 200px; border-radius: 20px; color:white; diff --git a/frontend/src/components/SearchBar.vue b/frontend/src/components/SearchBar.vue index f5831e2..1ee987e 100644 --- a/frontend/src/components/SearchBar.vue +++ b/frontend/src/components/SearchBar.vue @@ -14,21 +14,15 @@ export default { }; }, methods: { - fetchMovies: function () { - axios - .get( - `https://api.themoviedb.org/3/movie/popular?api_key=522d421671cf75c2cba341597d86403a` - ) - .then((response) => { - this.movies = response.data.results; - }) - .catch((error) => { - this.moviesLoadingError = "An error occured while e ing movies."; - console.error(error); - }); - }, - }, -}; + search_movie: function () { + let input = document.getElementById('searchbar').value + input=input.toLowerCase(); + let x = document.getElementsByClassName('movies'); + + } +} + }; + </script> <style scoped> diff --git a/frontend/src/router/index.js b/frontend/src/router/index.js index 736784d..dfb02bc 100644 --- a/frontend/src/router/index.js +++ b/frontend/src/router/index.js @@ -1,6 +1,6 @@ import { createRouter, createWebHistory } from "vue-router"; import Home from "../views/Home.vue"; -import Counter from "../views/Counter.vue"; +import Connexion from "../views/Connexion.vue"; import Users from "../views/Users.vue"; import AddUser from "../views/AddUsers.vue"; @@ -11,9 +11,9 @@ const routes = [ component: Home, }, { - path: "/counter", - name: "Counter", - component: Counter, + path: "/Connexion", + name: "Connexion", + component: Connexion, }, { path: "/users", diff --git a/frontend/src/views/Connexion.vue b/frontend/src/views/Connexion.vue new file mode 100644 index 0000000..f4f1d38 --- /dev/null +++ b/frontend/src/views/Connexion.vue @@ -0,0 +1,27 @@ +<template> + <h1>This is a Connexion example</h1> + <div class="Connexion-value">Connexion value is: {{ Connexion }}</div> + <button @click="increment()">Increment</button> +</template> + +<script> +export default { + name: "Connexion", + data: function () { + return { + Connexion: 0, + }; + }, + methods: { + increment: function () { + this.Connexion++; + }, + }, +}; +</script> + +<style scoped> +.Connexion-value { + margin-bottom: 5px; +} +</style> diff --git a/frontend/src/views/Home.vue b/frontend/src/views/Home.vue index 328e7de..e40d143 100644 --- a/frontend/src/views/Home.vue +++ b/frontend/src/views/Home.vue @@ -20,7 +20,6 @@ <div class="type"> <MovieType /> </div> - <div class="film-name">Le film est : {{ moviename }}</div> <li v-for="movie in movies" :key="movie.id"> <p class="movie-title"> {{ movie.title }} -- GitLab