From 181e8eba1556e0352df38dc7a5220f6c841178c8 Mon Sep 17 00:00:00 2001
From: Brulibra <brulibra03@hotmail.com>
Date: Mon, 7 Mar 2022 18:02:25 -0300
Subject: [PATCH 1/4] =?UTF-8?q?corre=C3=A7=C3=A3o=20op=C3=A7=C3=B5es=20de?=
 =?UTF-8?q?=20filmes=20que=20haviam=20sumido?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/index.html | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/index.html b/src/index.html
index 3c7e7e9a..3deb2d93 100644
--- a/src/index.html
+++ b/src/index.html
@@ -35,7 +35,13 @@ <h1>Bem vindo (a) ao serviço de buscas da KiKi!
       <select class="people" id="people">
         <option selected value="none">Personagens</option>
         <optgroup label="movies">
-          <option value="The Tale of the Princess Kaguya">O Conto da Princesa Kaguya</option>
+          <option value="Howl's Moving Castle">O castelo animado</option>
+          <option value="Tales from Earthsea">Contos de Terramar</option>
+          <option value="Ponyo on the Cliff by the Sea">Ponyo - Uma amizade que veio do mar</option>
+          <option value="The Secret World of Arrietty">O mundo dos pequeninos</option>
+          <option value="From Up on Poppy Hill">A Colina das Papoilas</option>
+          <option value="The Wind Rises">Vidas ao vento</option>
+          <option value="The Tale of the Princess Kaguya">O conto da princesa Kaguya</option>
           <option value="When Marnie Was There">Memórias de Marnie</option>
         </optgroup>
         <optgroup label="peopleByYear" id="peopleByYear">

From af81fab0921ef7a5da6fa3358b07e018a53889e9 Mon Sep 17 00:00:00 2001
From: Jessika Mirella <jessikamirellabraga@gmail.com>
Date: Fri, 11 Mar 2022 13:57:02 -0300
Subject: [PATCH 2/4] print dos filmes na tela

---
 src/data.js    |  3 +++
 src/index.html |  8 ++++++++
 src/main.js    | 25 ++++++++++++++++++++++++-
 3 files changed, 35 insertions(+), 1 deletion(-)

diff --git a/src/data.js b/src/data.js
index 6291453d..2f9fc612 100644
--- a/src/data.js
+++ b/src/data.js
@@ -7,3 +7,6 @@ export const example = () => {
 export const anotherExample = () => {
   return 'OMG';
 };
+
+
+
diff --git a/src/index.html b/src/index.html
index dfc87cc3..d2bee2df 100644
--- a/src/index.html
+++ b/src/index.html
@@ -22,6 +22,12 @@ <h1>Bem vindo (a) ao serviço de buscas da KiKi!
 
 
     <section class="filter">
+
+      <select class="films">
+      <option value="filmes">Filmes A-Z</option>
+
+      </select>
+
       <select class="director">
         <option selected value="none">Diretores</option>
         <option value="Hayao Miyazaki">Hayao Miyazaki</option>
@@ -70,6 +76,8 @@ <h1>Bem vindo (a) ao serviço de buscas da KiKi!
   <img src="./imagens/coelhinho_de_poeira.png" alt="coelhinho de poeira" id="poeira">
   <img src="./imagens/coelhinho_de_poeira.png" alt="coelhinho de poeira" id="poeira2">
 
+  <div class="cards" id="cards"></div>
+
   <script src="main.js" type="module"></script>
 </body>
 
diff --git a/src/main.js b/src/main.js
index 75679b65..723952e7 100644
--- a/src/main.js
+++ b/src/main.js
@@ -2,7 +2,30 @@ import { example } from './data.js';
 //import data from './data/pokemon/pokemon.js';
 // import data from './data/lol/lol.js';
 // import data from './data/rickandmorty/rickandmorty.js';
- import data from './data/ghibli/ghibli.js';
+import data from './data/ghibli/ghibli.js';
 // import data from './data/athletes/athletes.js';
 
 console.log(example, data);
+
+const filmes = data.films;
+
+function printar(filmes) {
+
+  document.getElementById("cards").innerHTML = filmes.map((cards) =>
+    `
+    <div class = "cards">
+      <h1>  ${cards.title}</h1>
+      <p> ${cards.description}</p>
+      <p> ${cards.release_date}</p>
+      <img src = " ${cards.poster}" >
+    </div>
+
+    `
+  ).join("")
+
+}
+
+printar(filmes)
+
+
+console.log(printar(filmes))

From b21352da84b75124ca907e6a6451e152733ec42e Mon Sep 17 00:00:00 2001
From: Brulibra <brulibra03@hotmail.com>
Date: Fri, 11 Mar 2022 16:53:06 -0300
Subject: [PATCH 3/4] Filtro Diretores funcionando no console, puxar p/ tela;
 verificar retorno diretor Yoshiaki Nishimura

---
 src/data.js | 13 +++++++++----
 src/main.js | 16 ++--------------
 2 files changed, 11 insertions(+), 18 deletions(-)

diff --git a/src/data.js b/src/data.js
index 7db12dd5..e44cc43f 100644
--- a/src/data.js
+++ b/src/data.js
@@ -1,11 +1,16 @@
+import data from './data/ghibli/ghibli.js';
 
+const directorsSelect = document.getElementById("director");
 
+directorsSelect.addEventListener("change", (event) => {
 
-export const filterMoviesByDirectors = (director) => {
-  return data.films.filter((director) => {
-    return director.director === target.value;
+  const filterMoviesByDirectors = data.films.filter((directorName) => {
+    return directorName.director === event.target.value
   })
-}
+
+  console.log(filterMoviesByDirectors)
+})
+
 
 
 /* Ordenar de A-Z "pronto"
diff --git a/src/main.js b/src/main.js
index ae4a37a0..2b88e344 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,16 +1,4 @@
 
-import { filterMoviesByDirectors } from './data.js';
- import data from './data/ghibli/ghibli.js';
+import {} from './data.js';
+import data from './data/ghibli/ghibli.js';
 
-const directorsSelect = document.getElementById("director");
-
-console.log(filterMoviesByDirectors(data));
-
-directorsSelect.addEventListener("change", (event) => {
- console.log(event.target.value)
-
-})
-
-console.log(directorsSelect)
-
-console.log(data)

From 5d46ed57ae06799e786f58d7f1fb35c14213d45c Mon Sep 17 00:00:00 2001
From: Jessika Mirella <jessikamirellabraga@gmail.com>
Date: Mon, 14 Mar 2022 14:00:38 -0300
Subject: [PATCH 4/4] =?UTF-8?q?add=20mais=20iforma=C3=A7oes=20aos=20cards?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/index.html |  4 ++--
 src/main.js    | 38 +++++++++++++++++++++++++-------------
 2 files changed, 27 insertions(+), 15 deletions(-)

diff --git a/src/index.html b/src/index.html
index d2bee2df..0082ac43 100644
--- a/src/index.html
+++ b/src/index.html
@@ -23,8 +23,8 @@ <h1>Bem vindo (a) ao serviço de buscas da KiKi!
 
     <section class="filter">
 
-      <select class="films">
-      <option value="filmes">Filmes A-Z</option>
+      <select class="filmsAz">
+      <option value="filmes" id="films">Filmes A-Z</option>
 
       </select>
 
diff --git a/src/main.js b/src/main.js
index 723952e7..a9937836 100644
--- a/src/main.js
+++ b/src/main.js
@@ -7,25 +7,37 @@ import data from './data/ghibli/ghibli.js';
 
 console.log(example, data);
 
-const filmes = data.films;
+const infos = data.films;
 
-function printar(filmes) {
+function printar(infos) {
 
-  document.getElementById("cards").innerHTML = filmes.map((cards) =>
+  document.getElementById("cards").innerHTML = infos.map((cards) =>
     `
-    <div class = "cards">
-      <h1>  ${cards.title}</h1>
-      <p> ${cards.description}</p>
-      <p> ${cards.release_date}</p>
-      <img src = " ${cards.poster}" >
-    </div>
-
+     <div class = "cards">
+        <img src = " ${cards.poster}" >
+        <h1>  ${cards.title}</h1>
+        <p>   ${cards.description}</p>
+        <p>  ${cards.producer}</p>
+        <p>  ${cards.director}</p>
+        <p>  ${cards.release_date}</p>
+      </div>
     `
   ).join("")
-
 }
 
-printar(filmes)
+printar(infos)
+
+const btnFilmes = document.getElementById("films");
+
+
+
+
+
+
+
+
+
+
+
 
 
-console.log(printar(filmes))