Skip to content

th-app-java
th-app-java
Commit 5fe7f612 by Cesar Giulano Gonzalez Maqueda
Options

Merge con joaquin

parents 91d8e43b d17420ed
Showing with 164 additions and 49 deletions
curriculumsearch/src/main/resources/static/main.js
......@@ -175,7 +175,7 @@ function agregarFieldTecnologia(){
if(tecn==null) continue;
content1 += `
<div class="col-auto" id="tecn-${index}">
${tecn.tecnologia.nombre} ( ${tecn.nivel} <i class="bi bi-star-fill"></i> ) &nbsp; <i class="bi bi-trash-fill" onclick="eliminarTecnologia(event)"></i>
${tecn.tecnologia.nombre} ( ${tecn.nivel} <i class="bi bi-star-fill"></i> ) &nbsp; <i class="bi bi-trash-fill pointer" onclick="eliminarTecnologia(event)"></i>
</div>
`
......@@ -267,7 +267,7 @@ function agregarFieldExpierncia(event){
if(exp==null) continue;
content += `
<div class="col border border-3 rounded" id="exp-${index}">
<center><h5>Experiencia <i class="bi bi-trash-fill" onclick="eliminarExperiencia(${index})"></i></h5></center>
<center><h5>Experiencia <i class="bi bi-trash-fill pointer" onclick="eliminarExperiencia(${index})"></i></h5></center>
<dl class="row row-cols-md-2 gx-0 gy-2">
<dt class="col-sm-auto text-start">Institucion</dt>
<dd class="col-sm-6 text-start">${exp.institucion}</dd>
......@@ -380,7 +380,7 @@ function agregarFieldEstudio(){
if(est==null) continue;
content += `
<div class="col border border-3 rounded" id="est-${index}">
<center><h5>Estudio <i class="bi bi-trash-fill" onclick="eliminarEstudio(${index})"></i></h5></center>
<center><h5>Estudio <i class="bi bi-trash-fill pointer" onclick="eliminarEstudio(${index})"></i></h5></center>
<dl class="row row-cols-md-2 gx-0 gy-2">
<dt class="col-sm-auto text-start">Institucion</dt>
<dd class="col-sm-6 text-start">${est.institucion.nombre}</dd>
......@@ -473,7 +473,7 @@ function agregarFieldCargo(){
if(car==null) continue;
content1 += `
<div class="col-auto" id="car-${index}" style="text-transform: uppercase;">
${document.querySelector('[name=cargo-id] > option[value="'+car.id+'"]').innerHTML} &nbsp;<i class="bi bi-trash-fill" onclick="eliminarCargoPostulante(event)"></i>
${document.querySelector('[name=cargo-id] > option[value="'+car.id+'"]').innerHTML} &nbsp;<i class="bi bi-trash-fill pointer" onclick="eliminarCargoPostulante(event)"></i>
</div>
......@@ -547,7 +547,7 @@ function agregarFieldReferencia(event){
if(exp==null) continue;
content += `
<div class="col border border-3 rounded" id="ref-${index}">
<center><h5>Referencia Personal <i class="bi bi-trash-fill" onclick="eliminarReferencia(${index})"></i></h5></center>
<center><h5>Referencia Personal <i class="bi bi-trash-fill pointer" onclick="eliminarReferencia(${index})"></i></h5></center>
<dl class="row row-cols-sm-2">
<dt class="col-sm-auto text-start">Nombre</dt>
<dd class="col-sm text-start">${exp.nombre}</dd>
......
curriculumsearch/src/main/webapp/css/formPostulanteStyle.css
......@@ -219,3 +219,115 @@ form[name="postulante"]{
background-color: #198754;
border-color: #0d6efd;
}
label:hover {
color: #bfbfbf;
}
/*ICONOS Y PLACEHOLDER*/
.FA{
font-family: 'Shippori Antique B1',FontAwesome;
}
#nroDocument::-webkit-outer-spin-button,
#nroDocument::-webkit-inner-spin-button
{
-webkit-appearance: none;
margin: 0;
}
#nroDocument[type=number] {
-moz-appearance: textfield;
}
#telefono::-webkit-outer-spin-button,
#telefono::-webkit-inner-spin-button
{
-webkit-appearance: none;
margin: 0;
}
#telefono[type=number] {
-moz-appearance: textfield;
}
#refTel::-webkit-outer-spin-button,
#refTel::-webkit-inner-spin-button
{
-webkit-appearance: none;
margin: 0;
}
#refTel[type=number] {
-moz-appearance: textfield;
}
.pointer {cursor: pointer;}
/*
.size-placeholder::placeholder{
background-size: 18px 18px;
background-repeat: no-repeat;
background-position: right center;
}
/*Nombre
.nombre-ph::placeholder{
background-image: url(../img/placeholder/name_ph.png);
}
Apellido
#apellido::placeholder{
background-image: url(../img/placeholder/lastname_ph.png);
}
Email
#correo::placeholder{
background-image: url(../img/placeholder/email_ph.png);
}
Numero de documento*/
/*
.nroDocument-ph::placeholder{
background-image: url(../img/placeholder/nroDocumento_ph.png);
margin-left: 5px;
}
Direccion
#direccion::placeholder{
background-image: url(../img/placeholder/adress_ph.png);
background-size: 14px 14px;
}*/
/*Telefono*/
/*
.telefono-ph::placeholder{
background-image: url(../img/placeholder/telephone_ph.png);
}
/*Modal Estudio
#institucionEstudio::placeholder{
background-image: url(../img/placeholder/studios_ph.png);
}
#temaDeEstudio::placeholder{
background-image: url(../img/placeholder/studios_ph.png);
}
#institucionExperiencia::placeholder{
background-image: url(../img/placeholder/studios_ph.png);
}
#cargo::placeholder{
background-image: url(../img/placeholder/cargo_ph.png);
}
#descripcion::placeholder{
background-image: url(../img/placeholder/description_ph.png);
}
#refNombre::placeholder{
background-image: url(../img/placeholder/name_ph.png);
}*/
/*
.telefono-ph::placeholder{
background-image: url(../img/placeholder/telephone_ph.png);
}
#motivoSalida::placeholder{
background-image: url(../img/placeholder/motivoSalida_ph.png);
}
#relacion::placeholder{
background-image: url(../img/placeholder/relacion_ph.png);
}
*/
/*Prueba Font Awesome*/
curriculumsearch/src/main/webapp/jsp/postulante-form.jsp
......@@ -15,6 +15,8 @@
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.1/font/bootstrap-icons.css">
<link rel="icon" href="../img/LogoRoshka.ico">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Shippori+Antique+B1">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
</head>
<body class="container">
......@@ -30,25 +32,26 @@
</div>
<h4 class="text-start">Datos Personales</h4>
<h6 class="text-start">Todos los campos con (*) deben estar rellenados</h6>
<div class="row">
<div class="inputs mb-3 col-md-6">
<label for="nombre" class="form-label">Nombre</label>
<input type="text" name="nombre" class="form-control " id="nombre" required>
<label for="nombre" class="form-label">Nombre *</label>
<input placeholder="&#xf007; Ingrese su nombre" type="text" name="nombre" class="form-control FA" id="nombre" required>
</div>
<div class="inputs mb-3 col-md-6">
<label for="apellido" class="form-label">Apellido</label>
<input type="text" name="apellido" class="form-control " id="apellido" required>
<label for="apellido" class="form-label ">Apellido *</label>
<input placeholder="&#xf007; Ingrese su apellido" type="text" name="apellido" class="form-control FA" id="apellido" required>
</div>
<div class="inputs mb-3 col-md-6">
<label for="correo" class="form-label">Email</label>
<input type="email" name="correo" class="form-control " id="correo" required>
<label for="correo" class="form-label">Email *</label>
<input type="email" placeholder="&#xf0e0; Ingrese su Email" name="correo" class="form-control FA" id="correo" required>
</div>
......@@ -65,14 +68,14 @@
<label for="tipoDocumento" class="form-label"> Tipo de documento</label>
<select name="tipoDocumento" id="tipoDocumento" class="bg-light" required>
<option value='CI' selected>C.I</option>
<option value='PAS'>Pasport</option>
<option value='PAS'>Passport</option>
<option value='Otro'>Otro</option>
</select>
</div>
<div class="inputs mb-3 col-md-6">
<label for="nroDocument" class="form-label">Numero de Documento</label>
<input type="number" name="nroDocument" class="form-control " id="nroDocument" required>
<input placeholder="&#xf2c2; Ingrese su numero de documento" type="number" name="nroDocument" class="form-control nroDocument-ph FA" id="nroDocument" required>
</div>
......@@ -95,19 +98,19 @@
</div>
<div class="inputs mb-3 col-md-6">
<label for="direccion" class="form-label">direccion</label>
<input type="text" name="direccion" class="form-control " id="direccion" required> </textarea>
<label for="direccion" class="form-label">Direccion *</label>
<input placeholder="&#xf041; Ingrese su direccion" type="text" name="direccion" class="form-control FA " id="direccion" required> </textarea>
</div>
<div class="inputs mb-3 col-md-6">
<label for="telefono" class="form-label">Telefono</label>
<input type="number" name="telefono" class="form-control " id="telefono" required>
<label for="telefono" class="form-label">Telefono *</label>
<input placeholder="&#xf095; Ingrese su numero de telefono" type="number" name="telefono" class="form-control telefono-ph FA" id="telefono" required>
</div>
<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" required>
</div>
......@@ -121,11 +124,11 @@
<div class="inputs mb-3 col-md-4"> <label for="nivelIngles" class="form-label"> Nivel de ingles</label>
<select name="nivelIngles" id="nivelIngles" class="content-select">
<option value="1" selected>Ingles muy basico</option>
<option value="1" selected>Conocimiento de ingles muy basico</option>
<option value="2" >Comprendo algunas cosas y puedo leer con la ayuda del traductor</option>
<option value="3" >Puedo leer tranquilamente</option>
<option value="4" >Puedo escribir documentacion</option>
<option value="5" >Puedo escribir y hablar tranquilamente</option>
<option value="3" >Puedo entender todo lo que leo</option>
<option value="4" >Puedo escribir documentacion en ingles</option>
<option value="5" >Puedo escribir y hablar fluidamente</option>
</select>
</div>
......@@ -152,7 +155,7 @@
<div class="row w-100 gy-2 mx-auto">
<div class="col-12 px-0">
<h4 class="text-start">Cargos</h4>
<h4 class="text-start">Cargos <i class="bi bi-plus-square pointer" data-bs-toggle="modal" data-bs-target="#cargoForm"></i></h4>
</div>
<div class="col-12">
<div class="mt-3 gap-2 row" id="cargos">
......@@ -182,7 +185,7 @@
<div class="row w-100 gy-2 mx-auto">
<div class="col-12 px-0">
<h4 class="text-start">Estudios <i class="bi bi-plus-square" data-bs-toggle="modal" data-bs-target="#estudioForm"></i></h4>
<h4 class="text-start">Estudios <i class="bi bi-plus-square pointer" data-bs-toggle="modal" data-bs-target="#estudioForm"></i></h4>
</div>
<div class="col-12">
<div class="mt-3 gap-2 row row-cols-4" id="estudios">
......@@ -200,7 +203,7 @@
<div class="row w-100 gy-2 mx-auto">
<div class="col-12 px-0">
<h4 class="text-start">Tecnologias <i class="bi bi-plus-square" data-bs-toggle="modal" data-bs-target="#tecnologiaForm"></i></h4>
<h4 class="text-start">Tecnologias <i class="bi bi-plus-square pointer" data-bs-toggle="modal" data-bs-target="#tecnologiaForm"></i></h4>
</div>
<div class="col-12">
......@@ -245,7 +248,7 @@
<div class="row w-100 gy-2 mx-auto">
<div class="col-12 px-0">
<h4 class="text-start">Experiencias <i class="bi bi-plus-square" data-bs-toggle="modal" data-bs-target="#experienciaForm"></i></h4>
<h4 class="text-start">Experiencias <i class="bi bi-plus-square pointer" data-bs-toggle="modal" data-bs-target="#experienciaForm"></i></h4>
</div>
<div class="col-12">
<div class="mt-3 gap-2 row row-cols-4" id="experiencias">
......@@ -259,7 +262,7 @@
<div class="inputs mb-3 col-md-12">
<div class="row w-100 gy-2 mx-auto">
<div class="col-12 px-0">
<h4 class="text-start">Referencias Personales <i class="bi bi-plus-square" data-bs-toggle="modal" data-bs-target="#referenciaForm"></i></h4>
<h4 class="text-start">Referencia Personal <i class="bi bi-plus-square pointer" data-bs-toggle="modal" data-bs-target="#referenciaForm"></i></h4>
</div>
<div class="col-12">
<div class="mt-3 gap-2 row row-cols-4" id="referencia">
......@@ -285,7 +288,7 @@
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel" >CargosDisponibles</h5>
<h5 class="modal-title" id="exampleModalLabel" >Cargos Disponibles</h5>
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close" style="color:#21130d;">
<span aria-hidden="true">&times;</span>
</button>
......@@ -326,11 +329,11 @@
<form name="experiencia-form" class="needs-validation" novalidate>
<div class="inputs">
<label for="institucionExperiencia" class="inputs form-label">Institucion</label>
<input type="text" class="inputs form-control " name="institucion" id="institucionExperiencia" required>
<label for="institucionExperiencia" class="inputs form-label">Institucion *</label>
<input placeholder="&#xf1ad; Ingrese su institucion" type="text" class="inputs form-control FA" name="institucion" id="institucionExperiencia" required>
</div>
<div class="inputs">
<label for="fechaDesdeExperiencia" class="form-label">Fecha Desde</label>
<label for="fechaDesdeExperiencia" class="form-label">Fecha Desde *</label>
<input type="date" class="form-control" name="fechaDesde" id="fechaDesdeExperiencia" required>
<div class="invalid-feedback errorFechaDesde">
......@@ -344,27 +347,27 @@
</div>
<div class="inputs">
<label for="cargo" class="form-label">Cargo</label>
<input type="text" class="form-control " name="cargo" id="cargo" required>
<label for="cargo" class="form-label">Cargo *</label>
<input placeholder="&#xf0b1; Ingrese su cargo" type="text" class="form-control FA " name="cargo" id="cargo" required>
</div>
<div class="inputs">
<label for="descripcion" class="form-label">Descripcion</label>
<textarea class="form-control" name="descripcion" id="descripcion" required></textarea>
<label for="descripcion" class="form-label">Descripcion *</label>
<textarea placeholder="&#xf022; Ingrese una descripcion de su trabajo" class="form-control FA" name="descripcion" id="descripcion" required></textarea>
</div>
<div class="inputs">
<label for="refNombre" class="form-label">Nombre de la Referencia</label>
<input type="text" class="form-control " name="nombreReferencia" id="refNombre" >
<input placeholder="&#xf007; Ingrese el nombre de su referencia" type="text" class="form-control FA " name="nombreReferencia" id="refNombre" >
</div>
<div class="inputs">
<label for="refTel" class="form-label">Telefono de la Referencia</label>
<input type="text" class="form-control " name="telefonoReferencia" id="refTel" >
<input placeholder="&#xf095; Ingrese el telefono de su referencia" type="number" class="form-control FA" name="telefonoReferencia" id="refTel" >
</div>
<div class="inputs">
<label for="motivoSalida" class="form-label">Motivo de Salida</label>
<textarea class="form-control " name="motivoSalida" id="motivoSalida" ></textarea>
<textarea placeholder="&#xf022; Ingrese el motivo de su salida" class="form-control FA " name="motivoSalida" id="motivoSalida" ></textarea>
</div>
<div class="inputs">
<label for="tipoExperiencia" class="form-label"> Tipo de Experiencia</label>
......@@ -451,12 +454,12 @@
<%-- <label for="tipoDeEstudio" class="form-label">Tipo De Estudio</label>--%>
<%-- <input type="text" class="form-control " name="tipoDeEstudio" id="tipoDeEstudio">--%>
<div class="form-group">
<label for="institucionEstudio" class="form-label">Institucion</label>
<input type="text" class="form-control" name="institucion" id="institucionEstudio" required>
<label for="institucionEstudio" class="form-label">Institucion *</label>
<input placeholder="&#xf19c; Ingrese su institucion" type="text" class="form-control FA" name="institucion" id="institucionEstudio" required>
</div>
<div class="form-group">
<label for="temaDeEstudio" class="form-label">Carrera/Bachiller/Tema de Curso</label>
<input type="text" class="form-control" name="temaDeEstudio" id="temaDeEstudio" required>
<label for="temaDeEstudio" class="form-label">Carrera/Bachiller/Tema de Curso *</label>
<input placeholder="&#xf02d; Ingrese su carrera/bachiller/tema de curso " type="text" class="form-control FA" name="temaDeEstudio" id="temaDeEstudio" required>
</div>
<div class="form-group">
<label for="estado">Estado</label>
......@@ -468,7 +471,7 @@
</select>
</div>
<div class="form-group">
<label for="fechaDesdeEstudio" class="form-label">Fecha Desde</label>
<label for="fechaDesdeEstudio" class="form-label">Fecha Desde *</label>
<input type="date" class="form-control " name="fechaDesde" id="fechaDesdeEstudio" required>
<div class="invalid-feedback errorFechaDesde">
......@@ -507,17 +510,17 @@
<div class="modal-body">
<form name="referencia-form" class="needs-validation" novalidate>
<div class="form-group">
<label for="nombre" class="form-label">Nombre</label>
<input type="text" class="form-control" name="nombre" id="nombre" required>
<label for="nombre" class="form-label">Nombre *</label>
<input placeholder="&#xf007; Ingrese el nombre de su referencia" type="text" class="form-control FA " name="nombre" id="nombre" required>
</div>
<div class="form-group">
<label for="relacion" class="form-label">Relacion</label>
<input type="text" class="form-control" name="relacion" id="relacion" required>
<label for="relacion" class="form-label">Relacion *</label>
<input placeholder="&#xf0c1; Ingrese la relacion con su referencia" type="text" class="form-control FA" name="relacion" id="relacion" required>
</div>
<div class="form-group">
<label for="telefono" class="form-label">Telefono</label>
<input type="number" class="form-control" name="telefono" id="telefono" required>
<label for="telefono" class="form-label">Telefono *</label>
<input placeholder="&#xf095; Ingrese el numero de su referencia" type="number" class="form-control FA" name="telefono" id="telefono" required>
</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