mirror of
https://git.imnavajas.es/jjimenez/erp-imprimelibros.git
synced 2026-01-24 09:40:21 +00:00
modificando el form login
This commit is contained in:
@ -27,7 +27,7 @@ public class SecurityConfig {
|
|||||||
.csrf(csrf -> csrf
|
.csrf(csrf -> csrf
|
||||||
.ignoringRequestMatchers("/presupuesto/public/**"))
|
.ignoringRequestMatchers("/presupuesto/public/**"))
|
||||||
.formLogin(login -> login
|
.formLogin(login -> login
|
||||||
// .loginPage("/login") añadir cuando se tenga login personalizado
|
.loginPage("/login")
|
||||||
.permitAll())
|
.permitAll())
|
||||||
.logout(logout -> logout.permitAll());
|
.logout(logout -> logout.permitAll());
|
||||||
|
|
||||||
|
|||||||
@ -2,13 +2,15 @@ package com.imprimelibros.erp.login;
|
|||||||
|
|
||||||
import java.util.Locale;
|
import java.util.Locale;
|
||||||
|
|
||||||
|
import org.springframework.stereotype.Controller;
|
||||||
import org.springframework.ui.Model;
|
import org.springframework.ui.Model;
|
||||||
import org.springframework.web.bind.annotation.GetMapping;
|
import org.springframework.web.bind.annotation.GetMapping;
|
||||||
|
|
||||||
|
@Controller
|
||||||
public class LoginController {
|
public class LoginController {
|
||||||
|
|
||||||
@GetMapping("/login")
|
@GetMapping("/login")
|
||||||
public String index(Model model, Locale locale) {
|
public String index(Model model, Locale locale) {
|
||||||
return "imprimelibros/login/login";
|
return "imprimelibros/login/login";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -12672,15 +12672,16 @@ span.flatpickr-weekday {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.auth-one-bg {
|
.auth-one-bg {
|
||||||
background-image: url("../images/auth-one-bg.jpg");
|
/*background-image: url("../images/auth-one-bg.jpg");*/
|
||||||
|
background-image: url("../images/img-auth.jpg");
|
||||||
background-position: center;
|
background-position: center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
}
|
}
|
||||||
.auth-one-bg .bg-overlay {
|
/*.auth-one-bg .bg-overlay {
|
||||||
background: -webkit-gradient(linear, left top, right top, from(#4a62fe), to(#687cfe));
|
background: -webkit-gradient(linear, left top, right top, from(#4a62fe), to(#687cfe));
|
||||||
background: linear-gradient(to right, #4a62fe, #687cfe);
|
background: linear-gradient(to right, #4a62fe, #687cfe);
|
||||||
opacity: 0.9;
|
opacity: 0.9;
|
||||||
}
|
}*/
|
||||||
|
|
||||||
.shape {
|
.shape {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -12725,11 +12726,12 @@ span.flatpickr-weekday {
|
|||||||
padding: 2px 16px;
|
padding: 2px 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.auth-bg-cover {
|
/*.auth-bg-cover {
|
||||||
background: linear-gradient(-45deg, #432874 50%, #984c0c);
|
/*background: linear-gradient(-45deg, #432874 50%, #984c0c);
|
||||||
}
|
}*/
|
||||||
.auth-bg-cover > .bg-overlay {
|
.auth-bg-cover > .bg-overlay {
|
||||||
background-image: url("../images/cover-pattern.png");
|
/*background-image: url("../images/cover-pattern.png");*/
|
||||||
|
background-image: url("../images/cover-bg-login.png");
|
||||||
background-position: center;
|
background-position: center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
|
|||||||
BIN
src/main/resources/static/assets/images/cover-bg-login.png
Normal file
BIN
src/main/resources/static/assets/images/cover-bg-login.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 MiB |
BIN
src/main/resources/static/assets/images/img-auth.jpg
Normal file
BIN
src/main/resources/static/assets/images/img-auth.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1012 KiB |
@ -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;">©
|
||||||
|
<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>
|
||||||
Reference in New Issue
Block a user