Commit 39b53be9 by Joel Florentin

se retocaron los filtros en la lista postulantes jsp

parent 620489c0
const cargoSelect = document.querySelector("#cargoId"); const cargoSelect = document.querySelector("#cargoId");
const convoBlock = document.querySelector("#convocatoriaBlock");
function listarConvocatorias(id){ function listarConvocatorias(id){
const ConvocatoriaAmostrar = convocatorias.filter(c=>c.cargoId==id); const ConvocatoriaAmostrar = convocatorias.filter(c=>c.cargoId==id);
if(ConvocatoriaAmostrar.length>0) {
convoBlock.style.display = "";
}
else{
convoBlock.style.display = "none";
}
const convocatoria = document.querySelector("select[name=convId]"); const convocatoria = document.querySelector("select[name=convId]");
const frag = document.createDocumentFragment(); const frag = document.createDocumentFragment();
let optionDefault = document.createElement("option"); let optionDefault = document.createElement("option");
optionDefault.value = ""; optionDefault.value = "";
optionDefault.innerHTML = "Seleccione"; optionDefault.innerHTML = "Todas";
frag.appendChild(optionDefault); frag.appendChild(optionDefault);
for (const conv of ConvocatoriaAmostrar) { for (const conv of ConvocatoriaAmostrar) {
const opt = document.createElement("option"); const opt = document.createElement("option");
......
...@@ -53,7 +53,7 @@ contentType="text/html;charset=UTF-8" language="java" %> ...@@ -53,7 +53,7 @@ contentType="text/html;charset=UTF-8" language="java" %>
<td><a href="/cargo/${cargo.id}">Editar cargo</a></td> <td><a href="/cargo/${cargo.id}">Editar cargo</a></td>
<td> <td>
<c:if test="${!cargo.isExisteConvocatoria()}"> <c:if test="${!cargo.isExisteConvocatoria()}">
<a class="btn btn-secondary" href="/convocatoria/crear/${cargo.id}">abrirConvocatoria</a> <a class="btn btn-secondary" href="/convocatoria/crear/${cargo.id}">Abrir Convocatoria</a>
</c:if> </c:if>
</td> </td>
</tr> </tr>
......
...@@ -21,85 +21,17 @@ ...@@ -21,85 +21,17 @@
<div class="col-auto"> <div class="col-auto">
<button class="btn btn-primary">Buscar</button> <button class="btn btn-primary">Buscar</button>
</div> </div>
<div class="col" style="float: left;">
<a href="/postulantesExcel?${query}" type="button" class="btn btn-light float-end">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-excel-fill" viewBox="0 0 16 16">
<path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM5.884 6.68 8 9.219l2.116-2.54a.5.5 0 1 1 .768.641L8.651 10l2.233 2.68a.5.5 0 0 1-.768.64L8 10.781l-2.116 2.54a.5.5 0 0 1-.768-.641L7.349 10 5.116 7.32a.5.5 0 1 1 .768-.64z"></path>
</svg>
Excel
</a>
</div>
</div> </div>
<table class="w3-table ">
<thead>
<tr class="">
<th scope="col">Estado</th>
<th scope="col">Nivel de ingles</th> <div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 gy-1 mt-2">
<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="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"> <div class="col">
...@@ -110,92 +42,88 @@ ...@@ -110,92 +42,88 @@
</div> </div>
<div class="col-auto col-md-8"> <div class="col-auto col-md-8">
<select class="form-select form-select-sm " name="estado" id="estado"> <select class="form-select form-select-sm " name="estado" id="estado">
<option value="">Seleccione una opcion</option> <option value="">Todas</option>
<c:forEach items="${estadoP}" var="estados"> <c:forEach items="${estadoP}" var="estados">
<option value="${estados}" ${param.estado == estados ? "selected" : ""}>${estados.getEstado()}</option> <option value="${estados}" ${param.estado == estados ? "selected" : ""}>${estados.getEstado()}</option>
</c:forEach> </c:forEach>
</select> </select>
</div> </div>
</div> </div>
</div> </div>
<div class="col"> <div class="col">
<div class="row"> <div class="row">
<div class="col-auto col-md-4"> <div class="col-auto col-md-4">
<label class="form-label" for="dispo">Disponbilidad</label> <label class="form-label" for="expInMonths">Experiencia en general</label>
</div> </div>
<div class="col-auto col-md-8">
<select class="form-select form-select-sm " name="expInMonths" id="expInMonths">
<option value="">Todas</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>
</div> </div>
</div> </div>
</div>
<div class="col"> <div class="col">
<div class="row"> <div class="row">
<div class="col-auto col-md-4"> <div class="col-auto col-md-4">
<label class="form-label" for="lvlEng">Nivel de Ingles</label> <label class="form-label" for="cargoId">Cargo</label>
</div> </div>
<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="cargoId" id="cargoId">
<option value="">Seleccione una opcion</option> <option value="">Todas</option>
<c:forEach var = "lvl" begin = "1" end = "5"> <c:forEach items="${cargos}" var="cargo">
<option value="${lvl}" ${param.lvlEng == lvl ? "selected" : ""}>${lvl}</option> <option value="${cargo.id}" ${param.cargoId == cargo.id ? "selected" : ""}>${cargo.getNombre()}</option>
</c:forEach> </c:forEach>
</select> </select>
</div> </div>
</div> </div>
</div> </div>
<div class="col"> <div class="col">
<div class="row"> <div class="row" id="convocatoriaBlock" style="display: none;">
<div class="col-auto col-md-4"> <div class="col-auto col-md-4">
<label class="form-label" for="instId">Institucion Educativa</label> <label class="form-label" for="convId">Convocatoria</label>
</div> </div>
<div class="col-auto col-md-8"> <div class="col-auto col-md-8">
<select class="form-select form-select-sm " name="instId" id="instId"> <select class="form-select form-select-sm " name="convId" id="convId">
<option value="">Seleccione una opcion</option> <option value="">Todas</option>
<c:forEach items="${institucionesEducativas}" var="inst">
<option value="${inst.id}" ${param.instId == inst.id ? "selected" : ""}>${inst.nombre}</option>
</c:forEach>
</select> </select>
</div> </div>
</div> </div>
</div> </div>
<div class="col"> <div class="col">
<div class="row"> <div class="row">
<div class="col-auto col-md-4"> <div class="col-auto col-md-4">
<label class="form-label" for="tecId">Tecnologias</label> <label class="form-label" for="instId">Institucion Educativa</label>
</div> </div>
<div class="col-auto col-md-8"> <div class="col-auto col-md-8">
<select class="form-select form-select-sm " name="tecId" id="tecId"> <select class="form-select form-select-sm " name="instId" id="instId">
<option value="">Seleccione una opcion</option> <option value="">Todas</option>
<c:forEach items="${tecnologias}" var="tecnologia"> <c:forEach items="${institucionesEducativas}" var="inst">
<option value="${tecnologia.id}" ${param.tecId == tecnologia.id ? "selected" : ""}>${tecnologia.nombre}</option> <option value="${inst.id}" ${param.instId == inst.id ? "selected" : ""}>${inst.nombre}</option>
</c:forEach> </c:forEach>
</select> </select>
</div> </div>
</div> </div>
</div>
</div>
<div class="col"> <div class="col">
<div class="row"> <div class="row">
<div class="col-auto col-md-4"> <div class="col-auto col-md-4">
<label class="form-label" for="lvlTec">Nivel de Tecnologia</label> <label class="form-label" for="lvlEng">Nivel de Ingles</label>
</div> </div>
<div class="col-auto col-md-8"> <div class="col-auto col-md-8">
<select class="form-select form-select-sm" name="lvlTec" id="lvlTec"> <select class="form-select form-select-sm " name="lvlEng" id="lvlEng">
<option value="">Seleccione una opcion</option> <option value="">Todas</option>
<c:forEach var = "lvl" begin = "1" end = "5"> <c:forEach var = "lvl" begin = "1" end = "5">
<option value="${lvl}" ${param.lvlTec == lvl ? "selected" : ""}>${lvl}</option> <option value="${lvl}" ${param.lvlEng == lvl ? "selected" : ""}>${lvl}</option>
</c:forEach> </c:forEach>
</select> </select>
</div> </div>
...@@ -204,63 +132,48 @@ ...@@ -204,63 +132,48 @@
</div> </div>
<div class="col">
<div class="row">
<div class="col-auto col-md-4">
<label class="form-label" for="expInMonths">Experiencia en general</label>
</div>
<div class="col-auto col-md-8">
<select class="form-select form-select-sm " name="expInMonths" id="expInMonths">
<option value="">Seleccione una opcion</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>
</div>
</div>
</div>
<div class="col"> <div class="col">
<div class="row"> <div class="row">
<div class="col-auto col-md-4"> <div class="col-auto col-md-4">
<label class="form-label" for="cargoId">Cargo</label> <label class="form-label" for="tecId">Tecnologias</label>
</div> </div>
<div class="col-auto col-md-8"> <div class="col-auto col-md-8">
<select class="form-select form-select-sm " name="cargoId" id="cargoId"> <select class="form-select form-select-sm " name="tecId" id="tecId">
<option value="">Seleccione una opcion</option> <option value="">Todas</option>
<c:forEach items="${cargos}" var="cargo"> <c:forEach items="${tecnologias}" var="tecnologia">
<option value="${cargo.id}" ${param.cargoId == cargo.id ? "selected" : ""}>${cargo.getNombre()}</option> <option value="${tecnologia.id}" ${param.tecId == tecnologia.id ? "selected" : ""}>${tecnologia.nombre}</option>
</c:forEach> </c:forEach>
</select> </select>
</div> </div>
</div> </div>
</div> </div>
<div class="col"> <div class="col">
<div class="row"> <div class="row" id="lvlTecBlock">
<div class="col-auto col-md-4"> <div class="col-auto col-md-4">
<label class="form-label" for="convId">Convocatoria</label> <label class="form-label" for="lvlTec">Nivel de Tecnologia</label>
</div> </div>
<div class="col-auto col-md-8"> <div class="col-auto col-md-8">
<select class="form-select form-select-sm " name="convId" id="convId"> <select class="form-select form-select-sm" name="lvlTec" id="lvlTec">
<option value="">Seleccione una opcion</option> <option value="">Todas</option>
<c:forEach var = "lvl" begin = "1" end = "5">
<option value="${lvl}" ${param.lvlTec == lvl ? "selected" : ""}>${lvl}</option>
</c:forEach>
</select> </select>
</div> </div>
</div> </div>
</div> </div>
</div> -->
</form>
<div class="row">
<div class="col-md-12">
<a href="/postulantesExcel?${query}" type="button" class="btn btn-light float-end">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-excel-fill" viewBox="0 0 16 16">
<path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM5.884 6.68 8 9.219l2.116-2.54a.5.5 0 1 1 .768.641L8.651 10l2.233 2.68a.5.5 0 0 1-.768.64L8 10.781l-2.116 2.54a.5.5 0 0 1-.768-.641L7.349 10 5.116 7.32a.5.5 0 1 1 .768-.64z"></path>
</svg>
Excel
</a>
</div>
</div> </div>
</form>
</div> </div>
<div class="card text-dark bg-light mt-3"> <div class="card text-dark bg-light mt-3">
...@@ -347,6 +260,10 @@ ...@@ -347,6 +260,10 @@
lvlTec.disabled = tecId.value == false lvlTec.disabled = tecId.value == false
if(lvlTec.disabled){ if(lvlTec.disabled){
lvlTec.firstElementChild.selected=true; lvlTec.firstElementChild.selected=true;
lvlTecBlock.style.display = "none";
}
else{
lvlTecBlock.style.display = "";
} }
} }
...@@ -354,6 +271,7 @@ ...@@ -354,6 +271,7 @@
const tecId = document.querySelector("#tecId"); const tecId = document.querySelector("#tecId");
const lvlTec = document.querySelector("#lvlTec"); const lvlTec = document.querySelector("#lvlTec");
const lvlTecBlock = document.querySelector("#lvlTecBlock");
tecId.addEventListener('change',habilitarLvlTec); tecId.addEventListener('change',habilitarLvlTec);
habilitarLvlTec() habilitarLvlTec()
......
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