jjimenez/erp-imprimelibros
1
0
Fork 0
mirror of https://git.imnavajas.es/jjimenez/erp-imprimelibros.git synced 2026-01-28 06:38:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

modificando el form login

Browse Source
This commit is contained in:
Jaime Jiménez
2025-09-25 19:54:57 +02:00
parent 2a40539496
commit 062a20c26a
6 changed files with 147 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

132
src/main/resources/templates/imprimelibros/login/login.html
View File

@ -0,0 +1,132 @@
<!doctype html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" lang="en"
data-layout="vertical" data-topbar="light" data-sidebar="dark" data-sidebar-size="lg" data-sidebar-image="none"
data-preloader="disable">
<head>
<!--page title-->
<!-- <div th:replace="partials/title-meta :: title-meta('Sign In')"></div> -->
<title>Login - ImprimeLibros</title>
<!-- Page CSS -->
<th:block th:replace="~{imprimelibros/partials/head-css :: head-css}" />
</head>
<body>
<div class="auth-page-wrapper auth-bg-cover py-5 d-flex justify-content-center align-items-center min-vh-100">
<div class="bg-overlay"></div>
<!-- auth-page content -->
<div class="auth-page-content overflow-hidden pt-lg-5">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="card overflow-hidden">
<div class="row g-0">
<div class="col-lg-6">
<div class="p-lg-5 p-4 auth-one-bg h-100">
<div class="bg-overlay"></div>
<div class="position-relative h-100 d-flex flex-column">
<div class="mt-auto">
<p class="fs-15 fst-italic text-center" style="color: lightgray;">imprimelibros.com <br>
Los especialistas en impresión de libros</p>
</div>
</div>
</div>
</div>
<!-- end col -->
<div class="col-lg-6">
<div class="p-lg-5 p-4">
<div>
<h5 class="text-primary">Bienvenido!</h5>
<p class="text-muted">Inicie sesión para continuar:</p>
</div>
<div class="mt-4">
<form th:action="@{/login}" method="post">
<!-- CSRF obligatorio -->
<input type="hidden" th:name="${_csrf.parameterName}"
th:value="${_csrf.token}" />
<div class="mb-3">
<label for="username" class="form-label">Usuario</label>
<input type="text" class="form-control" id="username"
placeholder="Enter username">
</div>
<div class="mb-3">
<div class="float-end">
<a href="/auth-pass-reset-cover" class="text-muted">¿Olvidó su contraseña?</a>
</div>
<label class="form-label" for="password-input">Contraseña</label>
<div class="position-relative auth-pass-inputgroup mb-3">
<input type="password" class="form-control pe-5 password-input"
placeholder="Enter password" id="password-input">
<button
class="btn btn-link position-absolute end-0 top-0 text-decoration-none text-muted password-addon"
type="button" id="password-addon"><i
class="ri-eye-fill align-middle"></i></button>
</div>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" value=""
id="auth-remember-check">
<label class="form-check-label" for="auth-remember-check">Recuerdame</label>
</div>
<div class="mt-4">
<button class="btn btn-secondary w-100" type="submit">Iniciar
Sesión</button>
</div>
</form>
</div>
<div class="mt-5 text-center">
<p class="mb-0">¿No tienes una cuenta? <a href="/auth-signup-cover"
class="fw-semibold text-primary text-decoration-underline">
Regístrate</a> </p>
</div>
</div>
</div>
<!-- end col -->
</div>
<!-- end row -->
</div>
<!-- end card -->
</div>
<!-- end col -->
</div>
<!-- end row -->
</div>
<!-- end container -->
</div>
<!-- end auth page content -->
<!-- footer -->
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="text-center">
<p class="mb-0" style="color: #6c757d;">&copy;
<script>document.write(new Date().getFullYear())</script> imprimelibros.com
</p>
</div>
</div>
</div>
</div>
</footer>
<!-- end Footer -->
</div>
<th:block th:replace="~{theme/partials/vendor-scripts :: scripts}" />
<!-- password-addon init -->
<script src="/assets/js/pages/password-addon.init.js"></script>
</body>
</html>