Add Genres API

leandromt · Aug 6, 2018 · 5b7a0bf · 5b7a0bf
1 parent 63a416e
commit 5b7a0bf
Show file tree

Hide file tree

Showing 4 changed files with 87 additions and 3 deletions.
diff --git a/config/index.js b/config/index.js
@@ -25,7 +25,7 @@ module.exports = {
   },
   dev: {
     env: require('./dev.env'),
-    port: 8081,
+    port: 8080,
     autoOpenBrowser: true,
     assetsSubDirectory: 'static',
     assetsPublicPath: '/',

diff --git a/src/components/Filme.vue b/src/components/Filme.vue
@@ -69,6 +69,7 @@ export default {
 
     // Componente Back Top Scroll
     this.backTopPage();
+    this.generos_list = this.getGenres();
 
     //https://api.themoviedb.org/3/genre/movie/list
 

diff --git a/src/components/Header.vue b/src/components/Header.vue
@@ -3,7 +3,7 @@
   <header>
     <div class="container-fluid">
       <nav class="navbar navbar-expand-lg navbar-dark">
-        <span class="navbar-brand" v-bind:to="'/'">Vue filmes</span>
+        <router-link class="navbar-brand" v-bind:to="'/'">Vue filmes</router-link>
         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor01" aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation">
           <span class="navbar-toggler-icon"></span>
         </button>

diff --git a/src/mixins/mixin.js b/src/mixins/mixin.js
@@ -14,7 +14,90 @@ export default {
 	    },
 
 	    backTopPage() {
-				window.scrollTo(0, 0);
+			window.scrollTo(0, 0);
+	    },
+
+	    getGenres() {
+	    	//https://api.themoviedb.org/3/genre/movie/list?api_key=fad7717ca1edbacdd34d3e85119f9df3&language=pt-BR
+	    	let genres = [
+	    		{
+	            	"id": 28,
+	            	"name": "Ação"
+	          	},
+				{
+					"id": 12,
+					"name": "Aventura"
+				},
+				{
+					"id": 16,
+					"name": "Animação"
+				},
+				{
+					"id": 35,
+					"name": "Comédia"
+				},
+				{
+					"id": 80,
+					"name": "Crime"
+				},
+				{
+					"id": 99,
+					"name": "Documentário"
+				},
+				{
+					"id": 18,
+					"name": "Drama"
+				},
+				{
+					"id": 10751,
+					"name": "Família"
+				},
+				{
+					"id": 14,
+					"name": "Fantasia"
+				},
+				{
+					"id": 36,
+					"name": "História"
+				},
+				{
+					"id": 27,
+					"name": "Terror"
+				},
+				{
+					"id": 10402,
+					"name": "Música"
+				},
+				{
+					"id": 9648,
+					"name": "Mistério"
+				},
+				{
+					"id": 10749,
+					"name": "Romance"
+				},
+				{
+					"id": 878,
+					"name": "Ficção científica"
+				},
+				{
+					"id": 10770,
+					"name": "Cinema TV"
+				},
+				{
+					"id": 53,
+					"name": "Thriller"
+				},
+				{
+					"id": 10752,
+					"name": "Guerra"
+				},
+				{
+					"id": 37,
+					"name": "Faroeste"
+				}
+	    	]
+	    	return genres;
 	    }
 	}
 }