Skip to content

th-app-java
th-app-java
Commit 28e676fb by willgonzz
Options

cambio viual de los filtros en lista de postulantes

parent e03ab869
Showing with 155 additions and 6 deletions
curriculumsearch/src/main/resources/static/Convo.js
......@@ -6,7 +6,7 @@ function listarConvocatorias(id){
const frag = document.createDocumentFragment();
let optionDefault = document.createElement("option");
optionDefault.value = "";
optionDefault.innerHTML = "Seleccione una opcion";
optionDefault.innerHTML = "Seleccione";
frag.appendChild(optionDefault);
for (const conv of ConvocatoriaAmostrar) {
const opt = document.createElement("option");
......
curriculumsearch/src/main/webapp/css/PostulanteStyle.css 0 → 100644
.content-select select{
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.content-select select::-ms-expand {
display: none;
}
.content-select{
max-width: 250px;
position: relative;
}
.content-select select{
display: inline-block;
width: 100%;
cursor: pointer;
padding: 7px 10px;
height: 42px;
outline: 0;
border: 0;
border-radius: 0;
background: #f0f0f0;
color: #7b7b7b;
font-size: 1em;
color: #999;
font-family:
'Quicksand', sans-serif;
border:2px solid rgba(0,0,0,0.2);
border-radius: 12px;
position: relative;
transition: all 0.25s ease;
}
.content-select select:hover{
background: #B1E8CD;
}
/*
Creamos la fecha que aparece a la izquierda del select.
Realmente este elemento es un cuadrado que sólo tienen
dos bordes con color y que giramos con transform: rotate(-45deg);
*/
.content-select i{
position: absolute;
right: 20px;
top: calc(50% - 13px);
width: 16px;
height: 16px;
display: block;
border-left:4px solid #2AC176;
border-bottom:4px solid #2AC176;
transform: rotate(-45deg); /* Giramos el cuadrado */
transition: all 0.25s ease;
}
.content-select:hover i{
margin-top: 3px;
}
\ No newline at end of file
curriculumsearch/src/main/webapp/jsp/convocatorias.jsp
......@@ -28,7 +28,7 @@
<div>
<a href="/convocatoria">Agregar Nueva Convocatoria</a>
<c:if test="${SUCCESS_MESSAGE != null}">
<div id="status_message">${SUCCESS_MESSAGE}</div>
<div id="status_message" style="color: brown;" >${SUCCESS_MESSAGE}</div>
</c:if>
<table class="table">
<thead>
......
curriculumsearch/src/main/webapp/jsp/postulantes.jsp
......@@ -4,7 +4,11 @@
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://kwonnam.pe.kr/jsp/template-inheritance" prefix="layout"%>
<layout:extends name="layouts/base.jsp">
<layout:put block="cssDeclaracion" type="APPEND"></layout:put>
<layout:put block="cssDeclaracion" type="APPEND">
<link href="../css/PostulanteStyle.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
</layout:put>
<layout:put block="contents" type="REPLACE">
<h2>Lista de Postulantes</h2>
<div id="buscador">
......@@ -18,8 +22,92 @@
<button class="btn btn-primary">Buscar</button>
</div>
</div>
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 gy-1 mt-2">
<table class="w3-table ">
<thead>
<tr class="">
<th scope="col">Estado</th>
<th scope="col">Disponbilidad</th>
<th scope="col">Nivel de ingles</th>
<th scope="col">Institucion Educativa</th>
<th scope="col">Tecnologias</th>
<th scope="col">Nivel de Tecnologia</th>
<th scope="col">Experiencia general</th>
<th scope="col">Cargo</th>
<th scope="col">Convocatoria</th>
</tr>
</thead>
<tbody>
<td>
<select class="form-select form-select-sm" name="estado" id="estado">
<option value="">Seleccione</option>
<c:forEach items="${estadoP}" var="estados">
<option value="${estados}" ${param.estado == estados ? "selected" : ""}>${estados.getEstado()}</option>
</c:forEach>
</td>
<td>
<select class="form-select form-select-sm " name="dispo" id="dispo">
<option value="">Seleccione</option>
<c:forEach items="${disponibilidades}" var="disponibilidad">
<option value="${disponibilidad}" ${param.dispo == disponibilidad ? "selected" : ""}>${disponibilidad.getDescripcion()}</option>
</c:forEach>
</select>
</td>
<td>
<select class="form-select form-select-sm " name="lvlEng" id="lvlEng">
<option value="">Seleccione</option>
<c:forEach var = "lvl" begin = "1" end = "5">
<option value="${lvl}" ${param.lvlEng == lvl ? "selected" : ""}>${lvl}</option>
</c:forEach>
</td>
<td>
<select class="form-select form-select-sm " name="instId" id="instId">
<option value="">Seleccione</option>
<c:forEach items="${institucionesEducativas}" var="inst">
<option value="${inst.id}" ${param.instId == inst.id ? "selected" : ""}>${inst.nombre}</option>
</c:forEach>
</select>
</td>
<td>
<select class="form-select form-select-sm " name="tecId" id="tecId">
<option value="">Seleccione</option>
<c:forEach items="${tecnologias}" var="tecnologia">
<option value="${tecnologia.id}" ${param.tecId == tecnologia.id ? "selected" : ""}>${tecnologia.nombre}</option>
</c:forEach>
</select>
</td>
<td>
<select class="form-select form-select-sm" name="lvlTec" id="lvlTec">
<option value="">Seleccione</option>
<c:forEach var = "lvl" begin = "1" end = "5">
<option value="${lvl}" ${param.lvlTec == lvl ? "selected" : ""}>${lvl}</option>
</c:forEach>
</select>
</td>
<td>
<select class="form-select form-select-sm " name="expInMonths" id="expInMonths">
<option value="">Seleccione</option>
<option value="6">Mayor a 6 meses</option>
<option value="12">Mayor a 1 año</option>
<option value="36">Mayor a 3 años</option>
<option value="60">Mayor a 5 años</option>
</select>
</td>
<td>
<select class="form-select form-select-sm " name="cargoId" id="cargoId">
<option value="">Seleccione</option>
<c:forEach items="${cargos}" var="cargo">
<option value="${cargo.id}" ${param.cargoId == cargo.id ? "selected" : ""}>${cargo.getNombre()}</option>
</c:forEach>
</select>
</td>
<td>
<select class="form-select form-select-sm " name="convId" id="convId">
<option value="">Seleccione</option>
</select>
</td>
</tbody>
</table>
<!-- <div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 gy-1 mt-2">
<div class="col">
......@@ -177,7 +265,7 @@
</div>
</div>
</div>
</div>
</div> -->
</form>
</div>
<div class="card text-dark bg-light mt-3">
......
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