167 lines
6.4 KiB
JavaScript
167 lines
6.4 KiB
JavaScript
function mensagensVazias(errorMessageElement, usernameElement, passwordElement) {
|
|
|
|
|
|
errorMessageElement.innerHTML = `<p>Preencha ambos os campos</p>`;//mensagem de erro padrão
|
|
|
|
usernameElement.style.borderColor = 'red';//corpo do input usuario em vermelho.
|
|
passwordElement.style.borderColor = 'red';//corpo do input senha em vermelho.
|
|
|
|
errorMessageElement.style.height = '10vh';//Altura do bloco de apresentação
|
|
errorMessageElement.style.opacity = '1';//Opacidade do bloco de apresentação
|
|
errorMessageElement.style.transition = '1s ease';//transição
|
|
|
|
setTimeout(() => {//Aplicação de tempo para retirar os efeitos
|
|
|
|
errorMessageElement.style.height = '0vh'; // Reduz o tamanho do bloco para Oculta a mensagem
|
|
usernameElement.style.borderColor = '#1478cf'; //volta a cor do inptu, de usuário ao seu padrão
|
|
passwordElement.style.borderColor = '#1478cf';
|
|
//volta a cor do inptu, de senha ao seu padrão
|
|
errorMessageElement.style.opacity = '0'; // define a opacidade do painel de erro a zero
|
|
errorMessageElement.style.transition = '1s ease'; // define uma tansição suave para tudo isso.
|
|
}, 5000); //definie um time de 5 segundos, contados em milesegundos 5.000
|
|
|
|
}
|
|
|
|
async function RespostasErro(comunica, response, errorMessageElement, usernameElement, passwordElement, erro5003) {
|
|
|
|
/*Caso erro, onde o email usado é invalido*/
|
|
if (comunica === 400) {
|
|
|
|
errorMessageElement.innerHTML = `<p>O E-mail usado é invalido, o formato esperado é "usuario@domino.com.br"</p>`;
|
|
|
|
|
|
errorMessageElement.style.height = '10vh';
|
|
errorMessageElement.style.opacity = '1';
|
|
|
|
usernameElement.style.borderColor = 'red'; // Marca o campo do usuário com erro
|
|
errorMessageElement.style.transition = ' 1s ease';
|
|
|
|
const tempoDeExibicao = 5000;
|
|
setTimeout(() => {
|
|
|
|
usernameElement.style.borderColor = '#1478cf'; // Marca o campo do usuário com erro
|
|
errorMessageElement.style.height = '0vh'; // Oculta a mensagem
|
|
errorMessageElement.style.opacity = '0';
|
|
errorMessageElement.style.transition = ' 1s ease';
|
|
}, tempoDeExibicao);
|
|
|
|
}
|
|
|
|
/*Caso erro, quando há um erro na autenticação com o banco de dados*/
|
|
if (comunica === 401) {
|
|
|
|
errorMessageElement.innerHTML = `<p>Erro na autenticação, informe ao suporte, no e-mail suporte@itguys.com.br</p>`;
|
|
|
|
|
|
errorMessageElement.style.height = '10vh';
|
|
errorMessageElement.style.opacity = '1';
|
|
errorMessageElement.style.transition = ' 1s ease';
|
|
|
|
const tempoDeExibicao = 5000;
|
|
setTimeout(() => {
|
|
|
|
errorMessageElement.style.height = '0vh'; // Oculta a mensagem
|
|
errorMessageElement.style.opacity = '0';
|
|
errorMessageElement.style.transition = ' 1s ease';
|
|
}, tempoDeExibicao);
|
|
|
|
}
|
|
|
|
/*Caso erro, onde o usuário ou senha podem estar incorretos*/
|
|
if (comunica === 404) {
|
|
|
|
errorMessageElement.innerHTML = `<p>Usuário ou Senha, estão incorretos</p>`;
|
|
|
|
|
|
errorMessageElement.style.height = '10vh';
|
|
errorMessageElement.style.opacity = '1';
|
|
|
|
usernameElement.style.borderColor = 'red'; // Marca o campo do usuário com erro
|
|
passwordElement.style.borderColor = 'red'; // Marca o campo da senha com erro
|
|
errorMessageElement.style.transition = ' 1s ease';
|
|
|
|
const tempoDeExibicao = 5000;
|
|
setTimeout(() => {
|
|
|
|
usernameElement.style.borderColor = '#1478cf'; // Marca o campo do usuário com erro
|
|
passwordElement.style.borderColor = '#1478cf'; // Marca o campo da senha com erro
|
|
errorMessageElement.style.height = '0vh'; // Oculta a mensagem
|
|
errorMessageElement.style.opacity = '0';
|
|
errorMessageElement.style.transition = ' 1s ease';
|
|
}, tempoDeExibicao);
|
|
|
|
}
|
|
|
|
/*Caso de erro especial, que é apresentado em um pop up, essa estrutura pega a informações da resposta em json e os apresenta sobre o pop up na tela*/
|
|
if (comunica === 500) {
|
|
|
|
const erro_500 = await response.json();
|
|
const erroMessage = JSON.stringify(erro_500, null, 2); // O segundo argumento é para substituição, e o terceiro é para a indentação
|
|
|
|
erro5003.innerHTML =
|
|
"<div class='colum_1'><button id='fechar' class='X'>X</button></div>"
|
|
+
|
|
"<div class='colum_2'><p> Contate o suporte suporte@itguys.com.br e informe esse erro"
|
|
+
|
|
erroMessage
|
|
+
|
|
"</p></div>";
|
|
erro5003.style.height = '45vh'; // Oculta a mensagem
|
|
erro5003.style.opacity = '1';
|
|
erro5003.style.transition = ' 1s ease';
|
|
|
|
//função para fechar o pop up de erro.
|
|
var botao = window.document.getElementById('fechar');
|
|
|
|
botao.addEventListener('click', clicou);
|
|
|
|
function clicou() {
|
|
erro5003.style.height = '0vh'; // Oculta a mensagem
|
|
erro5003.style.opacity = '0';
|
|
erro5003.style.transition = ' 1s ease';
|
|
}
|
|
|
|
}
|
|
|
|
/*Caso de erro, onde acontece um problema na comunicação com o proprio servidor*/
|
|
if (comunica === 503) {
|
|
|
|
errorMessageElement.innerHTML = `<p>Não foi possivel se conectar ao servidor, informe ao suporte@itguys.com.br</p>`;
|
|
|
|
errorMessageElement.style.height = '15vh';
|
|
errorMessageElement.style.opacity = '1';
|
|
|
|
errorMessageElement.style.transition = ' 1s ease';
|
|
|
|
const tempoDeExibicao = 5000;
|
|
setTimeout(() => {
|
|
|
|
errorMessageElement.style.height = '0vh'; // Oculta a mensagem
|
|
errorMessageElement.style.opacity = '0';
|
|
errorMessageElement.style.transition = ' 1s ease';
|
|
}, tempoDeExibicao);
|
|
|
|
}
|
|
|
|
/*Caso de erro, onde acontece um problema na comunicação com o proprio servidor*/
|
|
if (comunica === 502) {
|
|
|
|
errorMessageElement.innerHTML = `<p> Ocorreu um erro, ao tentar se comunicar com o servidor. Por favor, tente novamente mais tarde, entre contato </p>`;
|
|
|
|
errorMessageElement.style.height = '15vh';
|
|
errorMessageElement.style.opacity = '1';
|
|
|
|
errorMessageElement.style.transition = ' 1s ease';
|
|
|
|
const tempoDeExibicao = 5000;
|
|
setTimeout(() => {
|
|
|
|
errorMessageElement.style.height = '0vh'; // Oculta a mensagem
|
|
errorMessageElement.style.opacity = '0';
|
|
errorMessageElement.style.transition = ' 1s ease';
|
|
}, tempoDeExibicao);
|
|
|
|
}
|
|
|
|
|
|
} |