forked from bruno/pabx-app
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
105 lines
3.6 KiB
105 lines
3.6 KiB
<?php |
|
//$habilitaLayout = 1; |
|
$smarty->assign("habilitaLayout", $habilitaLayout); |
|
include "components/Footer/footer.php"; |
|
include "components/Sociais/sociais.php"; |
|
include "login/api_banner.php"; |
|
|
|
?> |
|
<!DOCTYPE html> |
|
<html> |
|
|
|
<head> |
|
|
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<title> |
|
SimplesIp Login |
|
</title> |
|
<style> |
|
<?php include 'css/login.css' ?> |
|
</style> |
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> |
|
<script> |
|
//Função para enviar o formulario para o servidor |
|
async function sendForm() { |
|
// atribui as variáveis o valor dos elemento |
|
var user = document.getElementById('loginUser').value; |
|
var password = document.getElementById('loginPass').value; |
|
// Cria um objeto formData para poder enviar os data para o servidor |
|
try { |
|
//Atribui os parametros com o valor |
|
const formData = new URLSearchParams({ |
|
'loginUser': user, |
|
'loginPass': password |
|
}); |
|
|
|
const response = await fetch('login/processar_forms.php', { |
|
method: 'POST', |
|
body: formData, |
|
headers: { |
|
'Content-Type': 'application/x-www-form-urlencoded' |
|
} |
|
}); |
|
|
|
if (!response.ok) { |
|
throw new Error('Erro ao consultar login!'); |
|
} |
|
|
|
const data = await response.json(); |
|
|
|
if (data.status === 'success') { |
|
console.log(data.message); |
|
} else { |
|
console.error(data.message); |
|
} |
|
|
|
} catch (error) { |
|
console.error(error.message); |
|
} |
|
} |
|
</script> |
|
|
|
</head> |
|
|
|
<body> |
|
|
|
<div class="container-home"> |
|
<div class="container-login"> |
|
<div class="login-content"> |
|
<div class="left"> |
|
<img src= <?php echo $imagem;?> alt="" /> |
|
</div> |
|
<div class="right"> |
|
<div class="right-content"> |
|
<h1>Bem Vindo</h1> |
|
<h2>login</h2> |
|
<form id="formulario-login" onsubmit="event.preventDefault(); sendForm();"> |
|
<div class="user"> |
|
<i class="fa-solid fa-user"></i> |
|
<input placeholder="Insira seu email ou usuário" type="text" maxlength="50" name="loginUser" id="loginUser" /> |
|
</div> |
|
<div class="password"> |
|
<i class="fa-solid fa-key"></i> |
|
<input type="password" placeholder="Insira sua senha" maxlength="14" name="loginPass" id="loginPass" /> |
|
</div> |
|
</form> |
|
<div class="esqueci-senha"> |
|
<a href='#'>Esqueci minha senha</a> |
|
</div> |
|
</div> |
|
<div class='bn-login'> |
|
<button class="bn632-hover bn24" name="bnLogin" type="button" onclick="sendForm()">Entrar</button> |
|
</div> |
|
<?php GerarSociais(); ?> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<?php |
|
GerarFooter(); |
|
ImportaEstilo(); |
|
?> |
|
</body> |
|
|
|
</html>
|