samuel-moreira's picture
Upload 71 files
b9a69cb verified
<html lang="pt-br">
<link
rel="icon"
href="https://www.google.com/s2/favicons?domain=inetum.com/en"
type="image/x-icon"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="../static/login.css" />
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Portal RH</title>
</head>
<body>
<div class="background"></div>
<div class="card">
<img
class="logo"
src="{{ url_for('static', filename='img/logo-inetum_.svg') }}"
/>
<form method="post" id="formUserAuth" action="/login" class="form">
<span class="title-login">Portal de administração de candidatos</span>
<input type="email" name="email" placeholder="Email" />
<input
type="password"
name="password"
placeholder="Senha"
{%
if
error_message
%}class="error"
{%
endif
%}
/>
<div class="remember-field">
<label class="remember-label" for="remember">Lembrar de mim</label>
<div class="toggle-switch">
<input class="toggle-input" id="toggle" type="checkbox" />
<label class="toggle-label" for="toggle"></label>
<input
type="hidden"
id="remember_me_hidden"
name="remember_me"
value="0"
/>
</div>
</div>
<button id="btnLogin">Entrar</button>
</form>
</div>
</body>
<script
src="https://code.jquery.com/jquery-3.7.1.min.js"
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
crossorigin="anonymous"
></script>
<script>
$(document).ready(function () {
$("#toggle").change(function () {
if ($(this).prop("checked")) {
$("#remember_me_hidden").val("1"); // Se marcado, define o valor como '1'
} else {
$("#remember_me_hidden").val("0"); // Se desmarcado, define o valor como '0'
}
});
});
</script>
<script>
document.addEventListener("DOMContentLoaded", function () {
var errorInputs = document.querySelectorAll("input.error");
errorInputs.forEach(function (input) {
setTimeout(function () {
input.classList.add("fade-out");
}, 1000);
});
});
</script>
</html>