Browse Source

ajustes na tela de login

1.9
Lucas Awade 9 months ago committed by Rodgger
parent
commit
25f7c22f3a
  1. 46
      components/Footer/footer.php
  2. 64
      css/login.css
  3. 71
      login.php

46
components/Footer/footer.php

@ -1,31 +1,27 @@
<?php <?php
echo '<div class="mainfooter"> // echo '<div class="mainfooter">
<div class="footer"> // <div class="footer">
<div class="logo"> // <div class="logo">
<img src="img/FOOTER_SIMPLES_IP.png" alt="Logo SimplesIp" /> // <img src="img/FOOTER_SIMPLES_IP.png" alt="Acesse no site!"/>
<p>Desenvolvido por Simples IP</p> // </div>
</div> // <div class="content-footer">
<div class="content-footer"> // <p>Telefone: +55 (65)3616-8280 - Email: meajuda@simplesip.com.br</p>
<p>Telefone: +55 65 3616-8280 - Email: meajuda@simplesip.com.br</p> // <p>Copyright © ' . getDataAno() . ' Acesse: www.simplesip.net.br</p>
<p>simplesip.net.br</p> // </div>
<p>Copyright © ' . getDataAno(). '</p> // <div class="links">
</div> // <a href="#"><li>About</li></a>
<div class="links"> // <a href="#"><li>Help</li></a>
<a href="#"><li>About</li></a> // <a href="#"><li>Contact</li></a>
<a href="#"><li>Help</li></a> // <a href="#"><li>About</li></a>
<a href="#"><li>Contact</li></a> // <a href="#"><li>Help</li></a>
<a href="#"><li>About</li></a> // </div>
<a href="#"><li>Help</li></a> // <div class="line"></div>
</div> // </div>
<div class="line"></div> // </div>';
</div>
</div>'
;
function getDataAno(){ function getDataAno()
{
$anoAtual = date('Y'); $anoAtual = date('Y');
return $anoAtual; return $anoAtual;
} }
?>

64
css/login.css

@ -28,7 +28,7 @@ button {
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
overflow-y: scroll; overflow-y: hidden;
} }
.container-login { .container-login {
@ -111,7 +111,6 @@ button {
justify-content: center; justify-content: center;
width: 100%; width: 100%;
padding: 10px; padding: 10px;
flex: 1;
} }
.right-content h1 { .right-content h1 {
@ -119,25 +118,41 @@ button {
margin-bottom: 80px; margin-bottom: 80px;
} }
.right-content h2 { .right-content h4 {
color: #2D69F5; color: #2D69F5;
margin: 15px 0 15px 0;
} }
.right .right-content input { .right .right-content input {
border: 0; border: #E7E7E7 solid 1px;
width: 280px; width: 280px;
padding: 10px; padding: 10px;
border-radius: 7px;
outline: none;
} }
.right .right-content .user { .right .right-content .group {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: column;
align-items: center;
justify-content: center; justify-content: center;
margin: 15px 0 15px 0; margin: 15px 0 15px 0;
color: #2D69F5; color: #818181;
padding: 3px;
}
.right .right-content .group span {
font-size: 13px;
padding: 5px;
}
.fo-info {
text-align: center;
}
.fo-info p {
font-size: 12px;
color: #aaaaaa;
font-weight: 200;
} }
.fa-solid.fa-user { .fa-solid.fa-user {
@ -148,15 +163,6 @@ button {
background-color: transparent; background-color: transparent;
} }
.right .right-content .password {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin: 15px 0 15px 0;
}
.fa-solid.fa-key { .fa-solid.fa-key {
width: max-content; width: max-content;
height: max-content; height: max-content;
@ -168,17 +174,16 @@ button {
.esqueci-senha { .esqueci-senha {
display: flex; display: flex;
justify-content: start; justify-content: end;
align-items: center; align-items: center;
width: 100%; width: 100%;
} }
.esqueci-senha>a { .esqueci-senha>a {
color: #2D69F5; color: #858585;
font-size: small; font-size: small;
font-weight: bold;
text-decoration: none; text-decoration: none;
padding: 5px; padding: 8px;
} }
:root { :root {
@ -193,14 +198,15 @@ button {
display: flex; display: flex;
align-items: end; align-items: end;
justify-content: center; justify-content: center;
flex: 1;
} }
.social { .social {
color: #2D69F5; color: #8aa2ff;
padding: 8px; margin: 2vh;
margin: 2px;
transition: transform 0.3s; transition: transform 0.3s;
background-color: #f1f1f1;
border-radius: 10px;
padding: 10px 14px;
} }
.social:hover { .social:hover {
@ -218,12 +224,12 @@ button {
} }
.bn632-hover { .bn632-hover {
border-radius: 4px; border-radius: 10px;
font-size: 14px; font-size: 14px;
font-weight: 600; font-weight: 600;
color: #fff; color: #FFF;
cursor: pointer; cursor: pointer;
height: 35px; height: 40px;
width: 75%; width: 75%;
text-align: center; text-align: center;
border: none; border: none;

71
login.php

@ -145,7 +145,7 @@ if (isset($_POST['btLogin'])) {
function countTentativas($dbcon, $login, $tentativaErro) function countTentativas($dbcon, $login, $tentativaErro)
{ {
$boll_return=true; $boll_return = true;
// Use pg_prepare para preparar a consulta com um marcador de posição // Use pg_prepare para preparar a consulta com um marcador de posição
$query = "SELECT COUNT(*) AS tentativas FROM pbx_controle_acesso WHERE acs_login = $1 AND acs_data_ini::DATE = CURRENT_DATE AND acs_erro = 0;"; $query = "SELECT COUNT(*) AS tentativas FROM pbx_controle_acesso WHERE acs_login = $1 AND acs_data_ini::DATE = CURRENT_DATE AND acs_erro = 0;";
@ -176,18 +176,16 @@ function ValidaRecuperaSenha($dbcon)
<?php <?php
if($renderizarPagina && (!$_GET['action'])){ if ($renderizarPagina && (!$_GET['action'])) {
?> ?>
<!DOCTYPE html> <!DOCTYPE html>
<html>
<html>
<head>
<head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> <title>
SimplesIp Login Acesso de Usuário - Simples IP
</title> </title>
<style> <style>
<?php <?php
@ -197,38 +195,51 @@ if($renderizarPagina && (!$_GET['action'])){
</style> </style>
<link rel="icon" href="img/FOOTER_SIMPLES_IP.png" type="image/png"> <link rel="icon" href="img/FOOTER_SIMPLES_IP.png" type="image/png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
</head> <body>
<body>
<div class="container-home"> <div class="container-home">
<div class="container-login"> <div class="container-login">
<div class="login-content"> <div class="login-content">
<div class="left"> <div class="left">
<img src=<?php echo $imagem; ?> alt= <?php echo $urlImagem ?>/> <img src=<?= $imagem; ?> alt=<?= $urlImagem ?> />
</div> </div>
<div class="right"> <div class="right">
<img src="img/FOOTER_SIMPLES_IP.png" alt="Logo SimplesIp">
<?php include "components/Sociais/sociais.php"; ?>
<div class="right-content"> <div class="right-content">
<h1>Bem Vindo</h1> <h4>SEJA MUITO BEM-VINDO!</h4>
<h2>login</h2>
<form id="formulario-login" method="post" accept-charset="utf-8" action="index.php"> <form id="formulario-login" method="post" accept-charset="utf-8" action="index.php">
<div class="user"> <div class="group">
<i class="fa-solid fa-user"></i> <span>Login/Email</span>
<input placeholder="Insira seu email ou usuário" type="text" maxlength="50" name="loginUser" id="loginUser" /> <input placeholder="Insira seu email ou login" type="text" maxlength="50" name="loginUser" id="loginUser" />
</div> </div>
<div class="password">
<i class="fa-solid fa-key"></i> <div class="group">
<input type="password" placeholder="Insira sua senha" maxlength="14" name="loginPass" id="loginPass" /> <span>Senha</span>
<input type="password" placeholder="Insira a sua senha" maxlength="14" name="loginPass" id="loginPass" />
</div> </div>
<div class="esqueci-senha"> <div class="esqueci-senha">
<a href="index.php?action=recovery_password">Recuperar senha</a> <a href="index.php?action=recovery_password">Recuperar Senha?</a>
</div>
</div> </div>
<div class='bn-login'> <div class='bn-login'>
<input type="submit" name="btLogin" value="Entrar" id="btLogon" class="bn632-hover bn24" /> <input type="submit" name="btLogin" value="ENTRAR &rarr;" id="btLogon" class="bn632-hover bn24" />
</div>
</form> </form>
</div> </div>
<?php include "components/Sociais/sociais.php"; ?>
<div class="right-content">
<div class="fo-info">
<p>Contato: +55 (65)3616-8280</p>
<p>Email: meajuda@simplesip.com.br</p>
<p>Versão 1.9.0 | Copyright © 2024 simplesip.net.br</p>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -241,13 +252,11 @@ if($renderizarPagina && (!$_GET['action'])){
}); });
</script> </script>
<?php <?php
}else{ } else {
$renderizarPagina = false; $renderizarPagina = false;
$desabilitaLayout = null; $desabilitaLayout = null;
$smarty->assign("desabilitaLayout", $desabilitaLayout); $smarty->assign("desabilitaLayout", $desabilitaLayout);
?> } ?>
<?php </body>
}
?> </html>
</body>
</html>
Loading…
Cancel
Save