-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
131 lines (116 loc) · 4.1 KB
/
script.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
// separando as classes nas variaveis para controle
let seuVotoPara = document.querySelector('.Voto span');
let cargo = document.querySelector('.cargo span');
let descricao = document.querySelector('.descricao');
let aviso = document.querySelector('.final-tela');
let lateral = document.querySelector('.d1-right');
let numeros = document.querySelector('.numeros');
let etapaAtual = 0;
let numero = ''; // numero que será digitado
let votoBranco = false;
let corrigir = true;
function comecarEtapa(){
let etapa = etapas[etapaAtual];
let numeroHtml = ''; // variavel pra colocar nos numeros
numero = '';
votoBranco = false;
corrigir = true;
for (let i = 0; i < etapa.numeros; i++) {
if(i === 0){ // if para que a 1 posicao pisque
numeroHtml += '<div class="numero pisca"></div>';
} else{
numeroHtml += '<div class="numero"></div>';
}
}
seuVotoPara.style.display = 'none';
cargo.innerHTML = etapa.titulo;
descricao.innerHTML = '';
aviso.style.display = 'none';
lateral.innerHTML = '';
numeros.innerHTML = numeroHtml;
}
function atualizaInterface(){
let etapa = etapas[etapaAtual];
let candidato = etapa.candidatos.filter((item) => {
if(item.numero === numero) {
return true;
}else{
return false;
}
});
seuVotoPara.style.display = 'block';
aviso.style.display = 'block';
if(candidato.length > 0){
candidato = candidato[0]; // caso tenha mais candidatos com o mesmo numero
descricao.innerHTML = `Nome: ${candidato.nome} <br>Partido: ${candidato.partido}<br>`;
if(candidato.vice !== undefined){ // se possuir vice
descricao.innerHTML += `Vice: ${candidato.vice}`;
}
let fotosHtml = '';
for (const i in candidato.fotos) {
if(candidato.fotos[i].small){ // caso tenha vice (ele deve ficar com a foto menor)
fotosHtml += `<div class="div_image small">
<img src="img/${candidato.fotos[i].url}" alt="">
${candidato.fotos[i].legenda}</div>`;
} else{
fotosHtml += `<div class="div_image">
<img src="img/${candidato.fotos[i].url}" alt="">
${candidato.fotos[i].legenda}</div>`;
}
}
lateral.innerHTML = fotosHtml;
}else{ // se não achar candidato
descricao.innerHTML = '<div class="aviso_grande pisca"><br>VOTO NULO</div>';
}
}
function clicou(n){
let numeroP = document.querySelector('.numero.pisca');
if(numeroP !== null) {
numeroP.innerHTML = n;
numero += n;
numeroP.classList.remove('pisca');
if(numeroP.nextElementSibling !== null){
numeroP.nextElementSibling.classList.add('pisca');
} else{
atualizaInterface();
}
}
}
function branco(){
if(numero === ''){
votoBranco = true;
seuVotoPara.style.display = 'block';
aviso.style.display = 'block';
numeros.innerHTML = '';
descricao.innerHTML = '<div class="aviso_grande pisca">VOTO EM BRANCO</div>';
} else{
alert('Para votar em BRANCO \no campo de voto deve estar vazio.\n'+
'Aperte CORRIGE para apagar o campo de voto.');
}
}
function corrige(){
if(corrigir){ // variavel corrigir existe para não dar erro ao concluir tudo
comecarEtapa();
}
}
function confirma(){
let etapa = etapas[etapaAtual];
let votoConfirmado = false;
if(votoBranco){
votoConfirmado = true;
console.log('Confirmando como voto BRANCO');
} else if(numero.length === etapa.numeros){
votoConfirmado = true;
console.log('Confirmando como '+ numero);
}
if(votoConfirmado){
etapaAtual++;
if(etapas[etapaAtual] !== undefined){
comecarEtapa();
} else{
corrigir = false;
document.querySelector('.tela').innerHTML = '<div class="aviso_gigante pisca">FIM</div>';
}
}
}
comecarEtapa();