Claudio
/
pabx-app
forked from SimplesIP/pabx-app
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

ajustes na tela de login

1.9
Lucas Awade 9 months ago committed by Rodgger
parent
feec418b01
commit
25f7c22f3a
3 changed files with 134 additions and 123 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 46
      components/Footer/footer.php
  2. 64
      css/login.css
  3. 147
      login.php

46
components/Footer/footer.php
Unescape View File

@ -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
Unescape View File

@ -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;

147
login.php
Unescape View File

@ -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,78 +176,87 @@ 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 name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8"> <title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> Acesso de Usuário - Simples IP
<title> </title>
SimplesIp Login <style>
</title> <?php
<style> include 'css/login.css';
<?php include "components/Footer/footer.css";
include 'css/login.css'; ?>
include "components/Footer/footer.css"; </style>
?> <link rel="icon" href="img/FOOTER_SIMPLES_IP.png" type="image/png">
</style> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<link rel="icon" href="img/FOOTER_SIMPLES_IP.png" type="image/png"> </head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<body>
</head> <div class="container-home">
<div class="container-login">
<body> <div class="login-content">
<div class="container-home"> <div class="left">
<div class="container-login"> <img src=<?= $imagem; ?> alt=<?= $urlImagem ?> />
<div class="login-content">
<div class="left">
<img src=<?php echo $imagem; ?> alt= <?php echo $urlImagem ?>/>
</div>
<div class="right">
<div class="right-content">
<h1>Bem Vindo</h1>
<h2>login</h2>
<form id="formulario-login" method="post" accept-charset="utf-8" action="index.php">
<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>
<div class="esqueci-senha">
<a href="index.php?action=recovery_password">Recuperar senha</a>
</div>
</div> </div>
<div class='bn-login'>
<input type="submit" name="btLogin" value="Entrar" id="btLogon" class="bn632-hover bn24" /> <div class="right">
</form> <img src="img/FOOTER_SIMPLES_IP.png" alt="Logo SimplesIp">
<?php include "components/Sociais/sociais.php"; ?>
<div class="right-content">
<h4>SEJA MUITO BEM-VINDO!</h4>
<form id="formulario-login" method="post" accept-charset="utf-8" action="index.php">
<div class="group">
<span>Login/Email</span>
<input placeholder="Insira seu email ou login" type="text" maxlength="50" name="loginUser" id="loginUser" />
</div>
<div class="group">
<span>Senha</span>
<input type="password" placeholder="Insira a sua senha" maxlength="14" name="loginPass" id="loginPass" />
</div>
<div class="esqueci-senha">
<a href="index.php?action=recovery_password">Recuperar Senha?</a>
</div>
<div class='bn-login'>
<input type="submit" name="btLogin" value="ENTRAR &rarr;" id="btLogon" class="bn632-hover bn24" />
</div>
</form>
</div>
<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>
<?php include "components/Sociais/sociais.php"; ?>
</div> </div>
</div> </div>
</div> </div>
</div> <?php include "components/Footer/footer.php"; ?>
<?php include "components/Footer/footer.php"; ?> <script>
<script> document.addEventListener('DOMContentLoaded', function() {
document.addEventListener('DOMContentLoaded', function() { // Aguarde até que o DOM esteja completamente carregado
// Aguarde até que o DOM esteja completamente carregado document.getElementById('loginUser').focus();
document.getElementById('loginUser').focus(); });
}); </script>
</script>
<?php
}else{
$renderizarPagina = false;
$desabilitaLayout = null;
$smarty->assign("desabilitaLayout", $desabilitaLayout);
?>
<?php <?php
} } else {
?> $renderizarPagina = false;
</body> $desabilitaLayout = null;
</html> $smarty->assign("desabilitaLayout", $desabilitaLayout);
} ?>
</body>
</html>
Write Preview
Loading…
Cancel
Save