-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
116 lines (104 loc) · 4.99 KB
/
index.html
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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<script>
document.addEventListener("contextmenu", function (e) {
e.preventDefault();
});
document.addEventListener("keydown", function (e) {
if (e.ctrlKey && (e.keyCode === 85 || e.keyCode === 73)) {
e.preventDefault();
}
});
// Função para definir o cookie após o login bem-sucedido
function definirCookie(email) {
var dataExpiracao = new Date();
dataExpiracao.setDate(dataExpiracao.getDate() + 15);
document.cookie = "email=" + email + ";expires=" + dataExpiracao.toUTCString() + ";path=/";
}
// Função para verificar o cookie e redirecionar o usuário para a página protegida, se existir
function verificarCookie() {
var email = obterCookie("email");
if (email) {
validarEmail(email); // Valida o email diretamente
}
}
// Função auxiliar para obter o valor de um cookie
function obterCookie(nome) {
var valor = document.cookie.match("(^|;)\\s*" + nome + "\\s*=\\s*([^;]+)");
return valor ? valor.pop() : "";
}
// Função para validar o e-mail do formulário de login
function validarEmail(email) {
// Carrega o arquivo de e-mails permitidos
fetch('emails.json')
.then(response => response.json())
.then(data => {
var emailsPermitidos = data.emailsPermitidos;
if (emailsPermitidos.includes(email)) {
definirCookie(email); // Configura o cookie com o e-mail permitido
window.location.href = "homepage.html"; // Redireciona para a página desejada
} else {
alert("E-mail não autorizado. Insira um e-mail válido registrado.");
}
})
.catch(error => {
console.error('Erro ao carregar os e-mails:', error);
alert("Ocorreu um erro. Tente novamente mais tarde.");
});
}
// Função para ser chamada no submit do formulário de login
function handleSubmit(event) {
event.preventDefault(); // Evita o envio do formulário
var email = document.getElementById('email').value;
validarEmail(email);
}
// Função para obter o IP público do usuário
function obterIP() {
fetch('https://api.ipify.org?format=json')
.then(response => response.json())
.then(data => {
const ip = data.ip;
document.getElementById('user-ip').innerText = `Seu IP: ${ip}`;
document.getElementById('alerta').style.display = 'block'; // Exibe o alerta sobre compartilhamento
})
.catch(error => {
console.error('Erro ao obter IP:', error);
document.getElementById('user-ip').innerText = "Não foi possível obter seu IP.";
});
}
// Chama a função para obter o IP ao carregar a página
window.onload = function() {
verificarCookie(); // Verifica o cookie do usuário
obterIP(); // Obtém o IP do usuário e exibe na página
}
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="style.css" rel="stylesheet">
<link rel="icon" href="img/favicon.ico">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/apple-icon-114x114.png">
<title>Calculadora Veterify</title>
</head>
<body>
<div class="container">
<figure>
<img src="img/logo.svg" alt="Logotipo">
</figure>
<form onsubmit="handleSubmit(event)">
<input type="email" id="email" name="email" placeholder="Insira o email de compra para validar" required>
<button type="submit">Entrar</button>
</form>
<a href="https://wa.me/5548984160728" class="whatsapp-link" target="_blank">Não consigo acessar</a>
<div class="legend-container">
<p class="legend">Se você realizou recentemente a sua compra, por favor, aguarde um prazo de até 2 horas para que ocorra a atualização do nosso banco de dados e, assim, o email de confirmação da compra possa ser enviado com sucesso.</p>
</div>
<!-- Exibição do IP do usuário e aviso sobre compartilhamento -->
<div id="user-ip" class="ip-display"></div>
<div id="alerta" class="alerta" style="display: none;">
<p class="ip-display"><strong>Atenção!</strong> O compartilhamento de acesso com outra pessoa pode ser detectado através do seu IP e resultará no bloqueio do acesso. Mantenha seu login seguro.</p>
</div>
</div>
</body>
</html>