Skip to content

Commit bfa8b54

Browse files
paulatalimpaulatalim
committed
organizacao dos codigos
1 parent 4087133 commit bfa8b54

File tree

3 files changed

+61
-58
lines changed

3 files changed

+61
-58
lines changed

‎css/style.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -828,7 +828,7 @@ footer p {
828828
/* HEADER */
829829
.header {
830830
position: fixed;
831-
z-index: 1;
831+
z-index: 16;
832832
border: none;
833833
width: 100%;
834834
}

‎index.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -80,11 +80,6 @@
8080

8181
<!-- Jogos -->
8282
<section class="row jogos" id="jogos">
83-
<!-- Carregamento -->
84-
<div class="subsessao-carregamento jogos-carregamento">
85-
<div class="load"></div>
86-
</div>
87-
8883
<div class="col-3 jogos-titulo">
8984
<h1>Jogos</h1>
9085
</div>
@@ -136,6 +131,11 @@ <h1>Jogos</h1>
136131
<button id="jogos-btn-pesquisar" onclick="requisicao_games_jogo_pesquisa(0)"><i id="jogos-pesquisar-lupa-icone" class="fa-solid fa-magnifying-glass"></i></button>
137132
</div>
138133

134+
<!-- Carregamento -->
135+
<div class="subsessao-carregamento jogos-carregamento">
136+
<div class="load"></div>
137+
</div>
138+
139139
<!-- cards -->
140140
<div class="cards col-12" id="pesquisa_cards"></div>
141141

‎js/sketch_homepage.js‎

Lines changed: 55 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -40,10 +40,10 @@ function exibir_games_destaques(data) {
4040
</div>`
4141
}
4242
document.querySelector('.destaque-carregamento').style.display = "none"
43-
document.querySelector('.jogos-carregamento').style.display = "flex"
44-
document.querySelector('.jogos').style.display = "flex";
45-
document.querySelector('.plataformas').style.display = "flex";
46-
document.querySelector('.publisher').style.display = "flex";
43+
// document.querySelector('.jogos-carregamento').style.display = "flex"
44+
// document.querySelector('.jogos').style.display = "flex";
45+
// document.querySelector('.plataformas').style.display = "flex";
46+
// document.querySelector('.publisher').style.display = "flex";
4747

4848
document.getElementById('destaque-slide').innerHTML = str
4949

@@ -53,7 +53,7 @@ function exibir_games_destaques(data) {
5353
/*********
5454
* JOGOS *
5555
*********/
56-
56+
/*** Exibe os cards ***/
5757
function exibir_card_game_jogo (jogo, id, complemento) {
5858
let str = '';
5959

@@ -83,14 +83,6 @@ function exibir_card_game_jogo (jogo, id, complemento) {
8383
return str
8484
}
8585

86-
function exibir_titulo_filtro_genero() {
87-
document.getElementById("filtro-genero").innerHTML ="Genero";
88-
}
89-
90-
function exibir_titulo_filtro_ordem() {
91-
document.getElementById("filtro-ordem").innerHTML = "Ordem";
92-
}
93-
9486
function exibir_todos_jogos (data) {
9587
let qnt_cards_exibidos = 0;
9688
let viewport = window.screen.width;
@@ -142,12 +134,43 @@ function ver_mais_jogos() {
142134
}
143135
}
144136

145-
function barra_de_busca(){
146-
let barra_de_busca = document.getElementById("campo_buscar").value;
137+
function exibir_games_jogos(data, filtroBusca) {
138+
let str = '';
139+
let button_ver_mais = document.getElementById("jogos-ver-mais");
140+
let cards_escondidos = document.getElementById("mostrar_mais_cards");
147141

148-
exibir_titulo_filtro_genero();
149-
exibir_titulo_filtro_ordem();
150-
requisicao_games_jogos(barra_de_busca.toLowerCase())
142+
if (filtroBusca == '') {
143+
button_ver_mais.style.display = "inline";
144+
exibir_todos_jogos(data);
145+
146+
} else {
147+
//Deixa o sistema de visualizacao de mais cards oculto
148+
cards_escondidos.style.display = "none";
149+
button_ver_mais.style.display = "none";
150+
151+
//Pesquisa dos jogos
152+
for (let i = 0; i < data.results.length; i++) {
153+
let jogo = data.results[i]
154+
if(`${jogo.name}`.toLowerCase().startsWith(filtroBusca)){
155+
str += exibir_card_game_jogo (jogo, 0, '')
156+
}
157+
}
158+
document.getElementById('pesquisa_cards').innerHTML = str
159+
}
160+
161+
document.querySelector('.jogos-carregamento').style.display = "none";
162+
document.getElementById('pesquisa_cards').style.display = "flex";
163+
164+
return data;
165+
}
166+
167+
/*** Filtros ***/
168+
function exibir_titulo_filtro_genero() {
169+
document.getElementById("filtro-genero").innerHTML ="Genero";
170+
}
171+
172+
function exibir_titulo_filtro_ordem() {
173+
document.getElementById("filtro-ordem").innerHTML = "Ordem";
151174
}
152175

153176
function filtrar_genero(genero, nome_genero) {
@@ -191,34 +214,13 @@ function exibir_games_filtro_ordem (data, id, complemento) {
191214
return data;
192215
}
193216

194-
function exibir_games_jogos(data, filtroBusca) {
195-
let str = '';
196-
let button_ver_mais = document.getElementById("jogos-ver-mais");
197-
let cards_escondidos = document.getElementById("mostrar_mais_cards");
198-
199-
if (filtroBusca == '') {
200-
button_ver_mais.style.display = "inline";
201-
exibir_todos_jogos(data);
202-
203-
} else {
204-
//Deixa o sistema de visualizacao de mais cards oculto
205-
cards_escondidos.style.display = "none";
206-
button_ver_mais.style.display = "none";
207-
208-
//Pesquisa dos jogos
209-
for (let i = 0; i < data.results.length; i++) {
210-
let jogo = data.results[i]
211-
if(`${jogo.name}`.toLowerCase().startsWith(filtroBusca)){
212-
str += exibir_card_game_jogo (jogo, 0, '')
213-
}
214-
}
215-
document.getElementById('pesquisa_cards').innerHTML = str
216-
}
217-
218-
document.querySelector('.jogos-carregamento').style.display = "none";
219-
document.getElementById('pesquisa_cards').style.display = "flex";
217+
/*** Pesquisa ***/
218+
function barra_de_busca(){
219+
let barra_de_busca = document.getElementById("campo_buscar").value;
220220

221-
return data;
221+
exibir_titulo_filtro_genero();
222+
exibir_titulo_filtro_ordem();
223+
requisicao_games_jogos(barra_de_busca.toLowerCase())
222224
}
223225

224226
function exibir_resultado_pesquisa (data, pesquisa, origem) {
@@ -256,6 +258,14 @@ function exibir_resultado_pesquisa (data, pesquisa, origem) {
256258
return data;
257259
}
258260

261+
//Ativa o botao enter
262+
document.addEventListener("keypress", function(e) {
263+
if (e.key === "Enter") {
264+
requisicao_games_jogo_pesquisa(0)
265+
}
266+
})
267+
268+
/*** Detalhes ***/
259269
function exibir_detalhes_games_jogo (data, id) {
260270
let str = ''
261271
let i = data.results.findIndex (elem => elem.id == id)
@@ -510,13 +520,6 @@ function requisicao_games_jogo_detalhes (id, url_num, complemento) {
510520
.then(data => exibir_detalhes_games_jogo(data, id))
511521
}
512522

513-
//Ativa o botao enter
514-
document.addEventListener("keypress", function(e) {
515-
if (e.key === "Enter") {
516-
requisicao_games_jogo_pesquisa(0)
517-
}
518-
})
519-
520523
onload = () => {
521524
requisicao_games_destaques();
522525
requisicao_games_jogos('');

0 commit comments

Comments
 (0)