Commit f44403cf by Joel Florentin

editar perfil vista y navbar

parent 638f36e4
package com.roshka.configuration; package com.roshka.configuration;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration; import org.springframework.context.annotation.Configuration;
import org.springframework.security.authentication.dao.DaoAuthenticationProvider; import org.springframework.security.authentication.dao.DaoAuthenticationProvider;
...@@ -12,13 +11,11 @@ import org.springframework.security.core.userdetails.UserDetailsService; ...@@ -12,13 +11,11 @@ import org.springframework.security.core.userdetails.UserDetailsService;
import org.springframework.security.crypto.bcrypt.BCryptPasswordEncoder; import org.springframework.security.crypto.bcrypt.BCryptPasswordEncoder;
import org.springframework.security.web.util.matcher.AntPathRequestMatcher; import org.springframework.security.web.util.matcher.AntPathRequestMatcher;
import javax.sql.DataSource;
@Configuration @Configuration
@EnableWebSecurity @EnableWebSecurity
public class WebSecurityConfig extends WebSecurityConfigurerAdapter { public class WebSecurityConfig extends WebSecurityConfigurerAdapter {
@Autowired
private DataSource dataSource;
@Bean @Bean
public UserDetailsService userDetailsService() { public UserDetailsService userDetailsService() {
......
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html> <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<head> <%@ page contentType="text/html;charset=UTF-8" language="java" %>
<meta charset="ISO-8859-1"> <%@ taglib uri="http://kwonnam.pe.kr/jsp/template-inheritance" prefix="layout"%>
<title>Edit Profile</title> <layout:extends name="layouts/base.jsp">
<meta charset="UTF-8"> <layout:put block="cssDeclaracion" type="APPEND"></layout:put>
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <layout:put block="contents" type="REPLACE">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <div class="card justify-content-center mx-auto mt-2" style="width: 30rem;">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> <div class="card-header">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script> <h5>Datos del usuario</h5>
</div>
</head> <form:form
<style> action="/edit-user-data"
@media (min-width: 1025px) { method="post"
.h-custom { modelAttribute="user"
height: 100vh !important; class="d-flex flex-column"
} >
} <div class="card-body">
</style> <div class="row mb-3">
<body> <form:label path="email" class="col-sm-3 col-form-label">Email</form:label>
<section class="h-100 h-custom"> <div class="col-sm">
<div class="container py-5 h-100"> <form:input path="email" placeholder="Ingrese su email" type="email" class="form-control" required="required"></form:input>
<div class="row d-flex justify-content-center align-items-center h-100"> </div>
<div class="col-lg-8 col-xl-6"> </div>
<div class="card rounded-3"> <div class="row mb-3">
<img src="https://cdn.pixabay.com/photo/2013/08/09/05/54/layer-170971_960_720.jpg" class="w-100" style="border-top-left-radius: .3rem; border-top-right-radius: .3rem;height: 250px;" alt="Sample photo";> <form:label path="firstName" class="col-sm-3 col-form-label">Nombre </form:label>
<div class="card-body p-4 p-md-5"> <div class="col-sm">
<h3 class="mb-4 pb-2 pb-md-0 mb-md-5 px-md-2">Perfil</h3> <form:input path="firstName" class="form-control" placeholder="Ingrese su nombre"></form:input>
</div>
<form:form action="/edit-user-data" class="px-md-2" method="POST" modelAttribute="user"> </div>
<div class="form-outline mb-4"> <div class="row mb-3">
<form:label path="email" class="form-label">Email</form:label> <form:label path="lastName" class="col-sm-3 col-form-label">Apellido </form:label>
<form:input path="email" type="email" class="form-control" required="required"></form:input> <div class="col-sm">
</div> <form:input path="lastName" class="form-control" placeholder="Ingrese su apellido"></form:input>
<div class="row"> </div>
<div class="col-md-6 mb-4"> </div>
<div class="form-outline">
<form:label path="firstName" class="form-label">Nombre </form:label> </div>
<form:input path="firstName" class="form-control"></form:input> <div class="card-footer d-flex flex-column">
</div> <div class="mt-2 align-self-end">
</div> <input type="submit" value='${tecnologia.id == null ? "Agregar" : "Modificar"}' class="btn btn-primary" />
<div class="col-md-6 mb-4"> </div>
<div class="form-outline"> </div>
<form:label path="lastName" class="form-label">Apellido </form:label> </form:form>
<form:input path="lastName" class="form-control"></form:input> </div>
</div>
</div> </layout:put>
</div> <layout:put block="scripts" type="APPEND">
<div class="row mb-4 pb-2 pb-md-0 mb-md-5">
<div class="col-md-6">
</div> </layout:put>
</div> </layout:extends><html>
<button type="submit" class="btn btn-success btn-lg mb-1">Submit</button>
<a href="/home" class="btn btn-danger btn-lg mr-3 ml-3 mb-1">Volver</a>
</form:form>
</div>
</div>
</div>
</div>
</div>
</section>
</body>
</html>
...@@ -62,6 +62,9 @@ ...@@ -62,6 +62,9 @@
</ul> </ul>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="/edit-user-data">Editar Perfil</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/logout">Salir</a> <a class="nav-link" href="/logout">Salir</a>
</li> </li>
</ul> </ul>
......
...@@ -123,9 +123,12 @@ ...@@ -123,9 +123,12 @@
<div class="col-auto col-md-8"> <div class="col-auto col-md-8">
<select class="form-select form-select-sm " name="lvlEng" id="lvlEng"> <select class="form-select form-select-sm " name="lvlEng" id="lvlEng">
<option value="">Todas</option> <option value="">Todas</option>
<c:forEach var = "lvl" begin = "1" end = "5"> <option value="1">Básico</option>
<option value="${lvl}" ${param.lvlEng == lvl ? "selected" : ""}>${lvl}</option> <option value="2">Regular</option>
</c:forEach> <option value="3">Intermedio</option>
<option value="4">Avanzado</option>
<option value="5">Proficiente</option>
</select> </select>
</div> </div>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment