Skip to content

th-app-java
th-app-java
You need to sign in or sign up before continuing.
Commit 6eec4fd0 by Nelson Ruiz
Options

Se modifivo vista de formulario, sea gregaron modales de estudio y tecnologia

parents 77746912 c492342c
Showing with 564 additions and 142 deletions
curriculumsearch/pom.xml
...@@ -47,6 +47,22 @@ ...@@ -47,6 +47,22 @@
<artifactId>spring-boot-devtools</artifactId> <artifactId>spring-boot-devtools</artifactId>
<optional>true</optional> <optional>true</optional>
</dependency> </dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-validation</artifactId>
</dependency>
<dependency>
<groupId>org.hibernate.validator</groupId>
<artifactId>hibernate-validator</artifactId>
<version>6.0.13.Final</version>
</dependency>
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>jstl</artifactId>
<version>1.2</version>
</dependency>
</dependencies> </dependencies>
<build> <build>
......
curriculumsearch/src/main/java/com/roshka/CurriculumsearchApplication.java
...@@ -14,4 +14,5 @@ public class CurriculumsearchApplication { ...@@ -14,4 +14,5 @@ public class CurriculumsearchApplication {
SpringApplication.run(CurriculumsearchApplication.class, args); SpringApplication.run(CurriculumsearchApplication.class, args);
} }
} }
curriculumsearch/src/main/java/com/roshka/controller/PostulanteController.java
package com.roshka.controller; package com.roshka.controller;
import java.text.SimpleDateFormat;
import java.util.Date;
import javax.servlet.http.HttpServletRequest; import javax.validation.ConstraintViolationException;
import com.roshka.modelo.Experiencia;
import com.roshka.modelo.Postulante; import com.roshka.modelo.Postulante;
import com.roshka.repositorio.PostulanteRepository; import com.roshka.repositorio.PostulanteRepository;
import com.roshka.repositorio.TecnologiaRepository;
import org.springframework.beans.factory.annotation.Autowired; import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.HttpStatus;
import org.springframework.http.ResponseEntity;
import org.springframework.stereotype.Controller; import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.PostMapping; import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestBody; import org.springframework.web.bind.MethodArgumentNotValidException;
import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.*;
@Controller
@Controller
public class PostulanteController { public class PostulanteController {
@Autowired @Autowired
PostulanteRepository post; PostulanteRepository post;
@Autowired
TecnologiaRepository tecRepo;
@RequestMapping("/") @RequestMapping("/")
public String index() { public String index() {
return "index"; return "index";
} }
@RequestMapping("/postulante") @RequestMapping("/postulante")
public String getFormPostulante(){ public String getFormPostulante(Model model){
model.addAttribute("tecnologias", tecRepo.findAll());
return "postulante-form"; return "postulante-form";
} }
@PostMapping(value = "/postulante",consumes = "application/json") @PostMapping(value = "/postulante",consumes = "application/json")
public String guardarPostulante(@RequestBody Postulante postulante){ public String guardarPostulante(@RequestBody Postulante postulante){
//se obtiene referencia de todas las tecnologias existentes
postulante.getTecnologias().stream().filter(
tec -> tec.getTecnologia().getId() != 0
).forEach(
tec -> tec.setTecnologia(tecRepo.getById(tec.getTecnologia().getId()))
);
post.save(postulante); post.save(postulante);
return "redirect:/"; return "redirect:/";
} }
@ResponseStatus(HttpStatus.BAD_REQUEST)
@ExceptionHandler({MethodArgumentNotValidException.class})
public ResponseEntity<String> handleValidationExceptions(
MethodArgumentNotValidException ex) {
return ResponseEntity.status(HttpStatus.BAD_REQUEST)
.body(ex.getMessage());
}
@ResponseStatus(HttpStatus.BAD_REQUEST)
@ExceptionHandler({ConstraintViolationException.class})
public ResponseEntity<String> handleValidationExceptions2(
ConstraintViolationException ex) {
return ResponseEntity.status(HttpStatus.BAD_REQUEST)
.body(ex.getMessage());
}
} }
curriculumsearch/src/main/java/com/roshka/modelo/Estudio.java
...@@ -3,6 +3,7 @@ package com.roshka.modelo; ...@@ -3,6 +3,7 @@ package com.roshka.modelo;
import java.util.Date; import java.util.Date;
import java.util.List; import java.util.List;
import javax.persistence.CascadeType;
import javax.persistence.Column; import javax.persistence.Column;
import javax.persistence.Entity; import javax.persistence.Entity;
import javax.persistence.GeneratedValue; import javax.persistence.GeneratedValue;
...@@ -12,27 +13,39 @@ import javax.persistence.JoinColumn; ...@@ -12,27 +13,39 @@ import javax.persistence.JoinColumn;
import javax.persistence.ManyToOne; import javax.persistence.ManyToOne;
import javax.persistence.OneToMany; import javax.persistence.OneToMany;
import javax.persistence.Table; import javax.persistence.Table;
import javax.validation.constraints.NotBlank;
import javax.validation.constraints.NotNull;
import javax.validation.constraints.Past;
import com.fasterxml.jackson.annotation.JsonBackReference; import com.fasterxml.jackson.annotation.JsonBackReference;
import com.fasterxml.jackson.annotation.JsonManagedReference; import com.fasterxml.jackson.annotation.JsonManagedReference;
import com.roshka.utils.Helper;
@Entity @Entity
@Table(name="estudio") @Table(name="estudio")
public class Estudio { public class Estudio {
@Id @Id
@GeneratedValue(strategy=GenerationType.IDENTITY) @GeneratedValue(strategy=GenerationType.AUTO)
@Column(name="id") @Column(name="id")
private long id; private long id;
@Column(name="tipo_de_studio") @Column(name="tipo_de_studio")
@NotBlank(message = "Este campo no puede estar vacio")
private String tipoDeEstudio; private String tipoDeEstudio;
@Column(name="institucion") @Column(name="institucion")
@NotBlank(message = "Este campo no puede estar vacio")
private String institucion; private String institucion;
@Column(name="fecha_desde") @Column(name="fecha_desde")
@NotNull(message = "Este campo no puede estar vacio")
@Past(message = "Este campo no puede estar en el futuro")
private Date fechaDesde; private Date fechaDesde;
@Column(name="fecha_hasta") @Column(name="fecha_hasta")
private Date fechaHasta; private Date fechaHasta;
@Column(name="referencias")
private String referencias;
@Column(name="titulo") @Column(name="titulo")
@NotBlank(message = "Este campo no puede estar vacio")
private String titulo; private String titulo;
@ManyToOne @ManyToOne
...@@ -41,7 +54,7 @@ public class Estudio { ...@@ -41,7 +54,7 @@ public class Estudio {
private Postulante postulante; private Postulante postulante;
@JsonManagedReference @JsonManagedReference
@OneToMany(mappedBy = "estudio") @OneToMany(mappedBy = "estudio",cascade = CascadeType.ALL)
private List<EstudioReconocimiento> estudioReconocimiento; private List<EstudioReconocimiento> estudioReconocimiento;
...@@ -62,6 +75,13 @@ public class Estudio { ...@@ -62,6 +75,13 @@ public class Estudio {
this.postulante = postulante; this.postulante = postulante;
} }
public void setFechaDesde(String fechaDesde) {
this.fechaDesde = Helper.convertirFecha(fechaDesde);
}
public void setFechaHasta(String fechaHasta) {
this.fechaHasta = Helper.convertirFecha(fechaHasta);
}
public long getId() { public long getId() {
...@@ -105,14 +125,6 @@ public class Estudio { ...@@ -105,14 +125,6 @@ public class Estudio {
this.fechaHasta = fechaHasta; this.fechaHasta = fechaHasta;
} }
public String getReferencias() {
return this.referencias;
}
public void setReferencias(String referencias) {
this.referencias = referencias;
}
public String getTitulo() { public String getTitulo() {
return this.titulo; return this.titulo;
} }
......
curriculumsearch/src/main/java/com/roshka/modelo/EstudioReconocimiento.java
...@@ -9,6 +9,7 @@ import javax.persistence.Id; ...@@ -9,6 +9,7 @@ import javax.persistence.Id;
import javax.persistence.JoinColumn; import javax.persistence.JoinColumn;
import javax.persistence.ManyToOne; import javax.persistence.ManyToOne;
import javax.persistence.Table; import javax.persistence.Table;
import javax.validation.constraints.NotBlank;
import com.fasterxml.jackson.annotation.JsonBackReference; import com.fasterxml.jackson.annotation.JsonBackReference;
...@@ -19,10 +20,15 @@ public class EstudioReconocimiento { ...@@ -19,10 +20,15 @@ public class EstudioReconocimiento {
@GeneratedValue(strategy=GenerationType.AUTO) @GeneratedValue(strategy=GenerationType.AUTO)
@Column(name="id") @Column(name="id")
private Long id; private Long id;
@Column(name="nombre") @Column(name="nombre")
@NotBlank(message = "Este campo no puede estar vacio")
private String nombre; private String nombre;
@Column(name="certificado") @Column(name="certificado")
@NotBlank(message = "Este campo no puede estar vacio")
private String certificado; private String certificado;
@JsonBackReference @JsonBackReference
@ManyToOne @ManyToOne
@JoinColumn @JoinColumn
......
curriculumsearch/src/main/java/com/roshka/modelo/Experiencia.java
...@@ -12,8 +12,12 @@ import javax.persistence.GenerationType; ...@@ -12,8 +12,12 @@ import javax.persistence.GenerationType;
import com.fasterxml.jackson.annotation.JsonBackReference; import com.fasterxml.jackson.annotation.JsonBackReference;
import com.fasterxml.jackson.annotation.JsonManagedReference; import com.fasterxml.jackson.annotation.JsonManagedReference;
import com.roshka.utils.Helper;
import javax.persistence.*; import javax.persistence.*;
import javax.validation.constraints.NotBlank;
import javax.validation.constraints.NotNull;
import javax.validation.constraints.Past;
@Entity @Entity
@Table(name = "experiencia") @Table(name = "experiencia")
...@@ -21,18 +25,29 @@ public class Experiencia { ...@@ -21,18 +25,29 @@ public class Experiencia {
@Id @Id
@GeneratedValue(strategy = GenerationType.AUTO) @GeneratedValue(strategy = GenerationType.AUTO)
private long id; private long id;
@Column(name = "institucion") @Column(name = "institucion")
@NotBlank(message = "Este campo no puede estar vacio")
private String institucion; private String institucion;
@Column(name = "fecha_desde") @Column(name = "fecha_desde")
@Past(message = "Este campo no puede estar en el futuro")
@NotNull(message = "Este campo no puede estar vacio")
private Date fechaDesde; private Date fechaDesde;
@Column(name = "fecha_hasta") @Column(name = "fecha_hasta")
private Date fechaHasta; private Date fechaHasta;
@Column(name = "referencias") @Column(name = "nombre_referencia")
private String referencias; private String nombreReferencia;
@Column(name = "telefono_referencia")
private String telefonoReferencia;
@Column(name = "cargo") @Column(name = "cargo")
@NotBlank(message = "Este campo no puede estar vacio")
private String cargo; private String cargo;
@Column(name = "descripcion") @Column(name = "descripcion")
private String descripcion; private String descripcion;
@JsonBackReference @JsonBackReference
@ManyToOne(optional = false) @ManyToOne(optional = false)
@JoinColumn @JoinColumn
...@@ -55,14 +70,7 @@ public class Experiencia { ...@@ -55,14 +70,7 @@ public class Experiencia {
this.institucion = institucion; this.institucion = institucion;
} }
public void setFechaDesde(String fechaDesde) { public void setFechaDesde(String fechaDesde) {
if(fechaDesde==null || fechaDesde.isEmpty()) return; this.fechaDesde = Helper.convertirFecha(fechaDesde);
try {
this.fechaDesde = new SimpleDateFormat("yyyy-mm-dd").parse(fechaDesde);
} catch (ParseException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
} }
public Date getFechaHasta() { public Date getFechaHasta() {
return fechaHasta; return fechaHasta;
...@@ -71,20 +79,19 @@ public class Experiencia { ...@@ -71,20 +79,19 @@ public class Experiencia {
this.fechaHasta = fechaHasta; this.fechaHasta = fechaHasta;
} }
public void setFechaHasta(String fechaHasta) { public void setFechaHasta(String fechaHasta) {
if(fechaHasta==null || fechaHasta.isEmpty()) return; this.fechaHasta = Helper.convertirFecha(fechaHasta);
}
try { public String getNombreReferencia() {
this.fechaHasta = new SimpleDateFormat("yyyy-mm-dd").parse(fechaHasta); return nombreReferencia;
} catch (ParseException e) { }
// TODO Auto-generated catch block public String getTelefonoReferencia() {
e.printStackTrace(); return telefonoReferencia;
} }
} public void setNombreReferencia(String nombreReferencia) {
public String getReferencias() { this.nombreReferencia = nombreReferencia;
return referencias; }
} public void setTelefonoReferencia(String telefonoReferencia) {
public void setReferencias(String referencias) { this.telefonoReferencia = telefonoReferencia;
this.referencias = referencias;
} }
public String getCargo() { public String getCargo() {
return cargo; return cargo;
......
curriculumsearch/src/main/java/com/roshka/modelo/Postulante.java
package com.roshka.modelo; package com.roshka.modelo;
import javax.persistence.*; import javax.persistence.*;
import javax.validation.constraints.*;
import com.fasterxml.jackson.annotation.JsonManagedReference; import com.fasterxml.jackson.annotation.JsonManagedReference;
import com.roshka.utils.Helper;
import java.text.ParseException; import java.text.ParseException;
import java.text.SimpleDateFormat; import java.text.SimpleDateFormat;
...@@ -20,36 +22,52 @@ public class Postulante { ...@@ -20,36 +22,52 @@ public class Postulante {
private long id; private long id;
@Column(name="nombre") @Column(name="nombre")
@NotBlank(message = "Este campo no puede estar vacio")
@Size(max = 255)
private String nombre; private String nombre;
@Column(name = "apellido") @Column(name = "apellido")
@NotBlank(message = "Este campo no puede estar vacio")
@Size(max = 255)
private String apellido; private String apellido;
@Column(name = "ci") @Column(name = "ci")
@NotBlank(message = "Este campo no puede estar vacio")
@Size(max = 120)
private String ci; private String ci;
@Column(name = "correo") @Column(name = "correo")
@NotBlank(message = "Este campo no puede estar vacio")
@Email(message = "Formato incorrecto de correo")
private String correo; private String correo;
@Column(name = "ciudad") @Column(name = "ciudad")
@NotBlank(message = "Este campo no puede estar vacio")
@Size(max = 120)
private String ciudad; private String ciudad;
@Column(name = "telefono") @Column(name = "telefono")
@NotBlank(message = "Este campo no puede estar vacio")
private String telefono; private String telefono;
@Column(name = "fecha_nacimiento") @Column(name = "fecha_nacimiento")
@NotNull(message = "Este campo no puede estar vacio")
@Past(message = "Este campo no puede estar en el futuro")
private Date fechaNacimiento; private Date fechaNacimiento;
@Column(name = "resumen") @Column(name = "resumen")
private String resumen; private String resumen;
@Column(name = "nivel_ingles") @Column(name = "nivel_ingles")
@Min(value = 1)
@Max(value = 5)
private long nivelIngles; private long nivelIngles;
@Column(name = "curriculum") @Column(name = "curriculum")
private String curriculum; private String curriculum;
@Column(name = "modalidad") @Column(name = "modalidad")
@NotNull
private String modalidad; private String modalidad;
@Column(name = "disponibilidad") @Column(name = "disponibilidad")
...@@ -133,15 +151,7 @@ public class Postulante { ...@@ -133,15 +151,7 @@ public class Postulante {
} }
public void setFechaNacimiento(String fechaNacimiento) { public void setFechaNacimiento(String fechaNacimiento) {
if(fechaNacimiento==null || fechaNacimiento.isEmpty()) return; this.fechaNacimiento = Helper.convertirFecha(fechaNacimiento);
try {
this.fechaNacimiento = new SimpleDateFormat("yyyy-mm-dd").parse(fechaNacimiento);
} catch (ParseException e) {
// TODO Auto-generated catch block
System.err.println("Error al parsear");
e.printStackTrace();
}
} }
public String getResumen() { public String getResumen() {
......
curriculumsearch/src/main/java/com/roshka/modelo/PostulanteTecnologia.java
package com.roshka.modelo; package com.roshka.modelo;
import javax.persistence.CascadeType;
import javax.persistence.Column; import javax.persistence.Column;
import javax.persistence.Entity; import javax.persistence.Entity;
import javax.persistence.GeneratedValue; import javax.persistence.GeneratedValue;
...@@ -8,49 +9,58 @@ import javax.persistence.Id; ...@@ -8,49 +9,58 @@ import javax.persistence.Id;
import javax.persistence.JoinColumn; import javax.persistence.JoinColumn;
import javax.persistence.ManyToOne; import javax.persistence.ManyToOne;
import javax.persistence.Table; import javax.persistence.Table;
import javax.persistence.UniqueConstraint;
import javax.validation.constraints.Max;
import javax.validation.constraints.Min;
import javax.validation.constraints.NotBlank;
import com.fasterxml.jackson.annotation.JsonBackReference; import com.fasterxml.jackson.annotation.JsonBackReference;
@Entity @Entity
@Table(name="postulante_tecnologia") @Table(name="postulante_tecnologia",
uniqueConstraints=@UniqueConstraint(columnNames={"postulante_id", "tecnologia_id"}))
public class PostulanteTecnologia { public class PostulanteTecnologia {
@Id @Id
@GeneratedValue(strategy = GenerationType.AUTO) @GeneratedValue(strategy = GenerationType.AUTO)
@Column(name="id") @Column(name="id")
private long id ; private long id ;
@Column(name="nivel") @Column(name="nivel")
@Min(value = 1)
@Max(value = 5)
private Long nivel; private Long nivel;
@ManyToOne() @ManyToOne(cascade = {CascadeType.PERSIST,CascadeType.MERGE},optional = false)
@JoinColumn @JoinColumn
private Tecnologia tecnologia; private Tecnologia tecnologia;
@ManyToOne()
@ManyToOne()
@JoinColumn @JoinColumn
@JsonBackReference @JsonBackReference
private Postulante postulante; private Postulante postulante;
public long getId() { public long getId() {
return id; return id;
} }
public void setId(long id) { public void setId(long id) {
this.id = id; this.id = id;
} }
public Long getNivel() { public Long getNivel() {
return nivel; return nivel;
} }
public void setNivel(Long nivel) { public void setNivel(Long nivel) {
this.nivel = nivel; this.nivel = nivel;
} }
public Tecnologia getTecnologia() { public Tecnologia getTecnologia() {
return tecnologia; return tecnologia;
} }
public void setTecnologia(Tecnologia tecnologia) { public void setTecnologia(Tecnologia tecnologia) {
this.tecnologia = tecnologia; this.tecnologia = tecnologia;
} }
public Postulante getPostulante() { public Postulante getPostulante() {
return postulante; return postulante;
} }
public void setPostulante(Postulante postulante) { public void setPostulante(Postulante postulante) {
this.postulante = postulante; this.postulante = postulante;
} }
......
curriculumsearch/src/main/java/com/roshka/modelo/Tecnologia.java
...@@ -6,6 +6,7 @@ import javax.persistence.GeneratedValue; ...@@ -6,6 +6,7 @@ import javax.persistence.GeneratedValue;
import javax.persistence.GenerationType; import javax.persistence.GenerationType;
import javax.persistence.Id; import javax.persistence.Id;
import javax.persistence.Table; import javax.persistence.Table;
import javax.validation.constraints.NotBlank;
@Entity @Entity
@Table(name="tecnologia") @Table(name="tecnologia")
...@@ -16,6 +17,7 @@ public class Tecnologia { ...@@ -16,6 +17,7 @@ public class Tecnologia {
private long id; private long id;
@Column(name="nombre") @Column(name="nombre")
@NotBlank(message = "Este campo no puede estar vacio")
private String nombre; private String nombre;
......
curriculumsearch/src/main/java/com/roshka/utils/Helper.java 0 → 100644
package com.roshka.utils;
import java.text.ParseException;
import java.text.SimpleDateFormat;
import java.util.Date;
public class Helper {
/**
* Se espera fecha en el formato yyyy-MM-dd
* @param fecha
* @return retorna fecha correcta o nulo si no es posible convertir
*/
public static Date convertirFecha(String fecha) {
try {
return new SimpleDateFormat("yyyy-MM-dd").parse(fecha);
} catch (ParseException e) {
// TODO Auto-generated catch block
System.err.println("Error al parsear");
e.printStackTrace();
return null;
}
}
}
curriculumsearch/src/main/resources/application.properties
spring.jpa.hibernate.ddl-auto=create-drop spring.jpa.hibernate.ddl-auto=create-drop
spring.jpa.database-platform=org.hibernate.dialect.PostgreSQLDialect spring.jpa.database-platform=org.hibernate.dialect.PostgreSQLDialect
spring.jpa.show-sql=true
spring.jpa.properties.hibernate.format_sql=true
logging.level.org.hibernate.SQL=DEBUG
logging.level.org.hibernate.type.descriptor.sql.BasicBinder=TRACE
spring.sql.init.mode=always spring.sql.init.mode=always
spring.sql.init.platform=postgres spring.sql.init.platform=postgres
......
curriculumsearch/src/main/resources/static/main.js
...@@ -4,13 +4,51 @@ let cont_tecnologia = 0; ...@@ -4,13 +4,51 @@ let cont_tecnologia = 0;
const experiencias = []; const experiencias = [];
const estudios = []; const estudios = [];
const tecnologias = []; const tecnologias = [];
function agregarFieldExpierncia(){
const formValidator = function () {
'use strict'
// Fetch all the forms we want to apply custom Bootstrap validation styles to
var forms = document.querySelectorAll('.needs-validation')
var expForm = document.querySelector('#agregar-exp')
// Loop over them and prevent submission
Array.prototype.slice.call(forms)
.forEach(function (form) {
form.addEventListener('submit', function (event) {
if (!form.checkValidity()) {
event.preventDefault()
event.stopPropagation()
}
form.classList.add('was-validated')
}, false)
})
}
function agregarFieldExpierncia(event){
//recoger del form //recoger del form
const pairs = {}; const pairs = {};
const formexp = document.querySelector("[name=experiencia-form]"); const formexp = document.querySelector("[name=experiencia-form]");
const formData = new FormData(formexp); const formData = new FormData(formexp);
const reconocimientos = [{},{},{}]; const reconocimientos = [{},{},{}];
let pos_rec; let pos_rec;
let returnFlag = false;
formData.forEach((value, key)=>{
if((key === "institucion" || key === "cargo" || key === "fechaDesde")
&& value==="" && returnFlag == false){
console.log(key, value)
returnFlag = true;
}
});
if(returnFlag===true){
alert("Rellene Institucion, Fechas y Cargo como minimo");
return;
}
for (const [name, value] of formData){ for (const [name, value] of formData){
pos_rec = name.split("-");//rec-nombre-index pos_rec = name.split("-");//rec-nombre-index
if (pos_rec.length > 1) { if (pos_rec.length > 1) {
...@@ -28,7 +66,6 @@ function agregarFieldExpierncia(){ ...@@ -28,7 +66,6 @@ function agregarFieldExpierncia(){
const div = document.querySelector("#experiencias") const div = document.querySelector("#experiencias")
const div1 = document.createElement('div'); const div1 = document.createElement('div');
let content='<ul>' let content='<ul>'
for (let index = 0; index < experiencias.length; index++) { for (let index = 0; index < experiencias.length; index++) {
const exp = experiencias[index]; const exp = experiencias[index];
if(exp==null) continue; if(exp==null) continue;
...@@ -45,15 +82,62 @@ function agregarFieldExpierncia(){ ...@@ -45,15 +82,62 @@ function agregarFieldExpierncia(){
div.innerHTML = ''; div.innerHTML = '';
div.appendChild(div1); div.appendChild(div1);
cont_experiencia++; cont_experiencia++;
}
/*--------------------------------------------------------------------*/
function agregarFieldTecnologia(){
//recoger del form
const pairs = {};
const formtecn = document.querySelector("[name=tecnologia-form]");
const formData = new FormData(formtecn);
for (const [name, value] of formData){
pairs[name] = value
}
tecnologias[cont_tecnologia]={}
tecnologias[cont_tecnologia]["tecnologia"]=pairs["tecnologia-id"]=="-1"?{nombre: pairs["tecnologia-nombre"]}:{id: pairs["tecnologia-id"],nombre:document.querySelector('option[value="'+pairs["tecnologia-id"]+'"]').innerHTML}
tecnologias[cont_tecnologia]["nivel"]=pairs.nivel
//tecnologias[cont_tecnologia] = pairs;
formtecn.reset();
document.querySelector("#tecnologia-nombre").classList.add('d-none')
//imprimir lista actualizada
const div = document.querySelector("#tecnologias")
const div1 = document.createElement('div');
console.log(tecnologias[0])
let content1='<ul>'
for (let index = 0; index < tecnologias.length; index++) {
const tecn = tecnologias[index];
if(tecn==null) continue;
content1 += `
<li id="tecn-${index}">
${tecn.tecnologia.nombre}
<button type="button" onclick="eliminarTecnologia(event)">Eliminar</button>
</li>
`
}
content1 += "</ul>"
div1.innerHTML = content1
div.innerHTML = '';
div.appendChild(div1);
cont_tecnologia++;
} }
/*--------------------------------------------------------------------*/
function eliminarExperiencia(event) { function eliminarExperiencia(event) {
//eliminar del array //eliminar del array
experiencias[event.target.parentElement.id.split("-")[1]]=null experiencias[event.target.parentElement.id.split("-")[1]]=null
//eliminar en html //eliminar en html
event.target.parentElement.remove() event.target.parentElement.remove()
} }
/*----------------------------------------------------------------- */
function eliminarTecnologia(event) {
//eliminar del array
tecnologias[event.target.parentElement.id.split("-")[1]]=null
//eliminar en html
event.target.parentElement.remove()
}
/*----------------------------------------------------------------- */
function serializeJSON (form) { function serializeJSON (form) {
// Create a new FormData object // Create a new FormData object
const formData = new FormData(form); const formData = new FormData(form);
...@@ -90,13 +174,85 @@ async function postData(url = '', data = {}) { ...@@ -90,13 +174,85 @@ async function postData(url = '', data = {}) {
}); });
return response; // parses JSON response into native JavaScript objects return response; // parses JSON response into native JavaScript objects
} }
formValidator()
form = document.querySelector("form"); form = document.querySelector("form");
form.addEventListener("submit",(evt)=>{ form.addEventListener("submit",(evt)=>{
// if (!form.checkValidity()) {
// evt.preventDefault()
// evt.stopPropagation()
// }
// form.classList.add('was-validated')
postData('postulante', serializeJSON(form)) postData('postulante', serializeJSON(form))
.then(response => { .then(response => {
location.replace(response.url); if(response.status==200 || response.status==302){
location.replace(response.url);
}else{
console.log(response.text().then(value => console.log(value)))
}
}); });
evt.preventDefault(); evt.preventDefault();
} ); } );
\ No newline at end of file
document.querySelector("#btn-new-tech").addEventListener('click',()=>{document.querySelector("#tecnologia-nombre").classList.remove('d-none')})
//Metodos para Estudios
function agregarFieldEstudio(){
//recoger del form
const pairs = {};
const formest = document.querySelector("[name=estudio-form");
const formData = new FormData(formest);
const estudioReconocimiento = [{},{},{}];
let pos_rec;
for (const [name, value] of formData){
pos_rec = name.split("-");//rec-nombre-index
if (pos_rec.length > 1) {
estudioReconocimiento[pos_rec[2]][pos_rec[1]] = value
}
else{
pairs[name] = value
}
}
pairs["estudioReconocimiento"] = estudioReconocimiento.filter(rec => rec.nombre);
estudios[cont_estudios] = pairs;
formest.reset();
//imprimir lista actualizada
const div = document.querySelector("#estudios")
const div1 = document.createElement('div');
let content='<ul>'
for (let index = 0; index < estudios.length; index++) {
const est = estudios[index];
if(est==null) continue;
content += `
<li id="est-${index}">
${est.institucion}
<button type="button" onclick="eliminarEstudio(event)">Eliminar</button>
</li>
`
}
content += "</ul>"
div1.innerHTML = content
div.innerHTML = '';
div.appendChild(div1);
cont_estudios++;
}
function eliminarEstudio(event) {
//eliminar del array
estudios[event.target.parentElement.id.split("-")[1]]=null
//eliminar en html
event.target.parentElement.remove()
}
curriculumsearch/src/main/webapp/jsp/postulante-form.jsp
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
...@@ -8,7 +11,7 @@ ...@@ -8,7 +11,7 @@
<!-- Bootstrap CSS --> <!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<title>Hello, world!</title> <title>Hello, world!</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<style type="text/css" media="screen"> <style type="text/css" media="screen">
...@@ -128,101 +131,146 @@ ...@@ -128,101 +131,146 @@
</head> </head>
<body class="container"> <body class="container">
<form name="postulante" method="post"> <form name="postulante" method="post" class="needs-validation" novalidate>
<div class="container mt-3"> <div class="container mt-3">
<div class="card p-3 text-center"> <div class="card p-3 text-center">
<div class="d-flex flex-row justify-content-center mb-3"> <div class="d-flex flex-row justify-content-center mb-3">
</div> </div>
<h4>Curriculum</h4> <h4>Curriculum</h4>
<div class="row"> <div class="row">
<div class="about-inputs mb-3 col-md-12 center"> <div class="about-inputs mb-3 col-md-12 center">
<label for="resumen" class="form-label">Resumen</label> <label for="resumen" class="form-label">Resumen</label>
<textarea class="form-control center " name="resumen" id="resumen" > </textarea> <textarea class="form-control center " name="resumen" id="resumen" required > </textarea>
</div> <div class="valid-feedback">
Luce Bien!
</div>
</div>
<div class="inputs mb-3 col-md-6"> <div class="inputs mb-3 col-md-6">
<label for="nombre" class="form-label">Nombre</label> <label for="nombre" class="form-label">Nombre</label>
<input type="text" name="nombre" class="form-control " id="nombre" > <input type="text" name="nombre" class="form-control " id="nombre" required>
<div class="valid-feedback">
Luce Bien!
</div>
</div> </div>
<div class="inputs mb-3 col-md-6"> <div class="inputs mb-3 col-md-6">
<label for="apellido" class="form-label">Apellido</label> <label for="apellido" class="form-label">Apellido</label>
<input type="text" name="apellido" class="form-control " id="apellido" > <input type="text" name="apellido" class="form-control " id="apellido" required>
<div class="valid-feedback">
Luce Bien!
</div>
</div> </div>
<div class="inputs mb-3 col-md-6"> <div class="inputs mb-3 col-md-6">
<label for="correo" class="form-label">Email address</label> <label for="correo" class="form-label">Email address</label>
<input type="email" name="correo" class="form-control " id="correo" > <input type="email" name="correo" class="form-control " id="correo" required>
<div class="valid-feedback">
Luce Bien!
</div>
</div> </div>
<div class="inputs mb-3 col-md-6"> <div class="inputs mb-3 col-md-6">
<label for="ci" class="form-label">Cedula de identidad</label> <label for="ci" class="form-label">Cedula de identidad</label>
<input type="number" name="ci" class="form-control " id="ci" > <input type="number" name="ci" class="form-control " id="ci" required>
<div class="valid-feedback">
Luce Bien!
</div>
</div> </div>
<div class="inputs mb-3 col-md-6"> <div class="inputs mb-3 col-md-6">
<label form="ciudad" class="form-label">Ciudad</label> <label form="ciudad" class="form-label">Ciudad</label>
<input type="text" name="ciudad" class="form-control " id="ciudad" > <input type="text" name="ciudad" class="form-control " id="ciudad" required>
<div class="valid-feedback">
Luce Bien!
</div>
</div> </div>
<div class="inputs mb-3 col-md-6"> <div class="inputs mb-3 col-md-6">
<label for="telefono" class="form-label">Telefono</label> <label for="telefono" class="form-label">Telefono</label>
<input type="number" name="telefono" class="form-control " id="telefono" > <input type="number" name="telefono" class="form-control " id="telefono" required>
<div class="valid-feedback">
Luce Bien!
</div>
</div> </div>
<div class="inputs mb-3 col-md-6"> <div class="inputs mb-3 col-md-6">
<label for="fechaNacimiento" class="form-label">Fecha de nacimiento</label> <label for="fechaNacimiento" class="form-label">Fecha de nacimiento</label>
<input type="date" name="fechaNacimiento" class="form-control " id="fechaNacimiento" > <input type="date" name="fechaNacimiento" class="form-control " id="fechaNacimiento" required>
</div> <div class="valid-feedback">
Luce Bien!
</div>
</div>
<div class="inputs col-md-6"> <label for="nivelIngles" class="form-label"> Nivel de ingles</label> <div class="inputs col-md-6"> <label for="nivelIngles" class="form-label"> Nivel de ingles</label>
<select name="nivelIngles" id="nivelIngles" class="bg-light"> <select name="nivelIngles" id="nivelIngles" class="bg-light">
<option value="1" selected>1</option> <option value="1" selected>1</option>
<option value="2" >2</option> <option value="2" >2</option>
<option value="3" >3</option> <option value="3" >3</option>
<option value="4" >4</option> <option value="4" >4</option>
<option value="5" >5</option> <option value="5" >5</option>
</select> </select>
</div> </div>
<div class="inputs mb-3 col-md-6"> <div class="inputs mb-3 col-md-6">
<label for="disponibilidad" class="form-label"> Disponibilidad</label> <label for="disponibilidad" class="form-label"> Disponibilidad</label>
<select name="disponibilidad" id="disponibilidad" class="bg-light"> <select name="disponibilidad" id="disponibilidad" class="bg-light">
<option value="Tiempo completo" selected>Tiempo completo</option> <option value="Tiempo completo" selected>Tiempo completo</option>
<option value="Medio tiempo">Medio tiempo</option> <option value="Medio tiempo">Medio tiempo</option>
</select> </div> </select> </div>
<div class="inputs mb-3 col-md-6"> <div class="inputs mb-3 col-md-6">
<label for="modalidad" class="form-label"> Modalidad</label> <label for="modalidad" class="form-label"> Modalidad</label>
<select name="modalidad" id="modalidad" class="bg-light"> <select name="modalidad" id="modalidad" class="bg-light">
<option value="Pesencial" selected>Presencial</option> <option value="Pesencial" selected>Presencial</option>
<option value="Semi presencial">Semi presencial</option> <option value="Semi presencial">Semi presencial</option>
<option value="Remoto">Remoto</option> <option value="Remoto">Remoto</option>
</select> </div> </select> </div>
<div class="inputs p-3 py-5"> <div class="inputs p-3 py-5">
<div class=" inputs d-flex justify-content-between align-items-center experience"><span class="border px-3 p-1 add-experience" data-toggle="modal" data-target="#experienciaForm"><i class="fa fa-plus"></i>&nbsp;Experiencia</span></div><br> <div class=" inputs d-flex justify-content-between align-items-center experience"><span class="border px-3 p-1 add-experience" data-toggle="modal" data-target="#experienciaForm"><i class="fa fa-plus"></i>&nbsp;Agregar Experiencia</span></div><br>
</div> </div>
</div>
<div class="mt-3 gap-2 d-flex justify-content-between" id="experiencias">
<div class="mt-3 gap-2 d-flex justify-content-between" id="experiencias"> </div>
<div class="inputs p-3 py-5">
<div class=" inputs d-flex justify-content-between align-items-center experience"><span class="border px-3 p-1 add-experience" data-toggle="modal" data-target="#estudioForm"><i class="fa fa-plus"></i>&nbsp;Agregar Estudio</span></div><br>
</div>
<div class="mt-3 gap-2 d-flex justify-content-between" id="estudios">
</div>
<div class="inputs p-3 py-5">
<div class=" inputs d-flex justify-content-between align-items-center experience"><span class="border px-3 p-1 add-experience" data-toggle="modal" data-target="#tecnologiaForm"><i class="fa fa-plus"></i>&nbsp;Agregar Tecnologia</span></div><br>
</div>
<div class="mt-3 gap-2 d-flex justify-content-between" id="tecnologias">
</div> </div>
<div class="mt-3 gap-2 d-flex justify-content-end"> <div class="mt-3 gap-2 d-flex justify-content-end">
<button class="px-3 btn btn-sm btn-outline-primary">Cancelar</button> <button class="px-3 btn btn-sm btn-outline-primary">Cancelar</button>
<button class="px-3 btn btn-sm btn-primary" type="submit">Guardar</button> <button class="px-3 btn btn-sm btn-primary" type="submit">Guardar</button>
</div> </div>
</div> </div>
</div>
</div> </div>
</form>
</form>
<!--Modal de Experiencia-->
<div class="modal fade" id="experienciaForm" tabindex="-1" role="dialog" aria-labelledby="experienciaForm" aria-hidden="true"> <div class="modal fade" id="experienciaForm" tabindex="-1" role="dialog" aria-labelledby="experienciaForm" aria-hidden="true">
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
...@@ -234,6 +282,7 @@ ...@@ -234,6 +282,7 @@
</div> </div>
<div class="modal-body"> <div class="modal-body">
<form name="experiencia-form"> <form name="experiencia-form">
<div class="inputs"> <div class="inputs">
<label for="institucion" class="inputs form-label">Institucion</label> <label for="institucion" class="inputs form-label">Institucion</label>
<input type="text" class="inputs form-control " name="institucion" id="institucion" > <input type="text" class="inputs form-control " name="institucion" id="institucion" >
...@@ -286,21 +335,121 @@ ...@@ -286,21 +335,121 @@
<input type="text" class="form-control" name="rec-certificado-2" placeholder="Adjuntar archivo" aria-label="Last name"> <input type="text" class="form-control" name="rec-certificado-2" placeholder="Adjuntar archivo" aria-label="Last name">
</div> </div>
</div> </div>
</form> </form>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary" onclick="agregarFieldExpierncia()" data-dismiss="modal">Agregar</button> <button id="agregar-exp" type="button" class="btn btn-primary" onclick="agregarFieldExpierncia()" data-dismiss="modal">Agregar</button>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!--------------------------------------------------------------------------------------->
<div class="modal fade" id="tecnologiaForm" tabindex="-2" role="dialog" aria-labelledby="tecnologiaForm" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel" >tecnologia</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<form name="tecnologia-form">
<label for="tecnologia-nombre" class="form-label">Tecnologia</label>
<div class="input-group mb-3">
<select class="form-select" name="tecnologia-id" aria-label="Default select example">
<option value="-1" selected>Open this select menu</option>
<c:forEach items="${tecnologias}" var="tecnologia">
<option value="${tecnologia.id}">${tecnologia.nombre}</option>
</c:forEach>
</select>
<button class="btn btn-outline-secondary" type="button" id="btn-new-tech">Agregar nuevo</button>
</div>
<input type="text" class="form-control d-none" name="tecnologia-nombre" id="tecnologia-nombre" >
<label for="nivel" class="form-label">Nivel</label>
<input type="number" class="form-control" name="nivel" id="nivel" >
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary" onclick="agregarFieldTecnologia()" data-dismiss="modal">Agregar</button>
</div>
</div>
</div>
</div>
<!--------------------------------------------------------------------------------------->
<!--Modal de Estudios-->
<div class="modal fade" id="estudioForm" tabindex="-1" role="dialog" aria-labelledby="estudioForm" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Estudios</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<form name="estudio-form">
<label for="tipoDeEstudio" class="form-label">Tipo De Estudio</label>
<input type="text" class="form-control " name="tipoDeEstudio" id="tipoDeEstudio">
<label for="institucion" class="form-label">Institucion</label>
<input type="text" class="form-control " name="institucion" id="institucion">
<label for="fechaDesde" class="form-label">Fecha Desde</label>
<input type="date" class="form-control " name="fechaDesde" id="fechaDesde" >
<label for="fechaHasta" class="form-label">Fecha Hasta</label>
<input type="date" class="form-control " name="fechaHasta" id="fechaHasta" >
<label for="titulo" class="form-label">Titulo</label>
<input type="text" class="form-control " name="titulo" id="titulo" >
<label class="form-label">Reconocimientos</label>
<div class="row mb-3">
<div class="col">
<input type="text" class="form-control" name="rec-nombre-0" placeholder="Titulo del reconocimiento" aria-label="First name">
</div>
<div class="col">
<input type="text" class="form-control" name="rec-certificado-0" placeholder="Adjuntar archivo" aria-label="Last name">
</div>
</div>
<div class="row mb-3">
<div class="col">
<input type="text" class="form-control" name="rec-nombre-1" placeholder="Titulo del reconocimiento" aria-label="First name">
</div>
<div class="col">
<input type="text" class="form-control" name="rec-certificado-1" placeholder="Adjuntar archivo" aria-label="Last name">
</div>
</div>
<div class="row mb-3">
<div class="col">
<input type="text" class="form-control" name="rec-nombre-2" placeholder="Titulo del reconocimiento" aria-label="First name">
</div>
<div class="col">
<input type="text" class="form-control" name="rec-certificado-2" placeholder="Adjuntar archivo" aria-label="Last name">
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
<button type="button" class="btn btn-primary" onclick="agregarFieldEstudio()" data-dismiss="modal">Agregar</button>
</div>
</div>
</div>
</div>
<!-- Optional JavaScript; choose one of the two! --> <!-- Optional JavaScript; choose one of the two! -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<script src="./main.js"></script> <script src="./main.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
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