Skip to content

th-app-java
th-app-java
Commit 3d8622d4 by Joel Florentin
Options

agregar experiencias adicionales

parent f4fb9b53
Showing with 104 additions and 81 deletions
curriculumsearch/src/main/resources/static/main.js 0 → 100644
var cont_experiencia = 0;
let cont_estudios = 0;
let cont_tecnologia = 0;
function agregarFieldExpierncia(evt){
const btn = evt.target
cont_experiencia++;
const nee = document.createElement("div")
nee.innerHTML = `
<label for="institucion" class="form-label">Institucion</label>
<input type="text" class="form-control " name="experiencia-${cont_experiencia}-institucion" id="institucion" >
<label for="fechaDesde" class="form-label">FechaDesde</label>
<input type="date" class="form-control " name="experiencia-${cont_experiencia}-fechaDesde" id="fechaDesde" >
<label for="fechaHasta" class="form-label">Fecha Hasta</label>
<input type="date" class="form-control " name="experiencia-${cont_experiencia}-fechaHasta" id="fechaHasta" >
<label for="cargo" class="form-label">Cargo</label>
<input type="cargo" class="form-control " name="experiencia-${cont_experiencia}-cargo" id="cargo" >
<label for="refNombre" class="form-label">Referencia Nombre</label>
<input type="text" class="form-control " name="experiencia-${cont_experiencia}-referencias" id="refNombre" >
`;
nee.className = "mb-3 col-5"
form.insertBefore(nee,btn)
}
function serializeJSON (form) {
// Create a new FormData object
const formData = new FormData(form);
// Create an object to hold the name/value pairs
const pairs = {};
const experiencias = [{}];
const estudios = [{}];
const tecnologias = [{}];
// Add each name/value pair to the object
for (const [name, value] of formData) {
//los atributos no primitivos tiene una nomenclatura distinta en sus names
//ej.: experiencia-4-institucion == experencias[4].institucion
let codificacion = name.split("-")
if(codificacion.length==1){
pairs[name] = value
}
else{
switch (codificacion[0]) {
case "experiencia":
if(experiencias[codificacion[1]]==null) experiencias[codificacion[1]]={};
experiencias[codificacion[1]][codificacion[2]] = value
break;
case "estudio":
if(estudios[codificacion[1]]==null) estudios[codificacion[1]]={};
estudios[codificacion[1]][codificacion[2]] = value
break;
case "tecnologia":
if(tecnologias[codificacion[1]]==null) tecnologias[codificacion[1]]={};
tecnologias[codificacion[1]][codificacion[2]] = value
break;
default:
break;
}
}
}
pairs["experiencias"] = experiencias
pairs["estudios"] = estudios
pairs["tecnologias"] = tecnologias
// Return the JSON string
return JSON.stringify(pairs, null, 2);
}
async function postData(url = '', data = {}) {
// Default options are marked with *
const response = await fetch(url, {
method: 'POST', // *GET, POST, PUT, DELETE, etc.
mode: 'cors', // no-cors, *cors, same-origin
cache: 'no-cache', // *default, no-cache, reload, force-cache, only-if-cached
credentials: 'same-origin', // include, *same-origin, omit
headers: {
'Content-Type': 'application/json'
// 'Content-Type': 'application/x-www-form-urlencoded',
},
redirect: 'follow', // manual, *follow, error
referrerPolicy: 'no-referrer', // no-referrer, *no-referrer-when-downgrade, origin, origin-when-cross-origin, same-origin, strict-origin, strict-origin-when-cross-origin, unsafe-url
body: data // body data type must match "Content-Type" header
});
return response; // parses JSON response into native JavaScript objects
}
form = document.querySelector("form");
form.addEventListener("submit",(evt)=>{
postData('postulante', serializeJSON(form))
.then(response => {
console.log(response); // JSON data parsed by `data.json()` call
location.replace(response.url);
});
evt.preventDefault();
} );
\ No newline at end of file
curriculumsearch/src/main/webapp/jsp/postulante-form.jsp
......@@ -67,7 +67,7 @@
<label for="modalidad" class="form-label">Modalidad</label>
<input type="text" class="form-control " name="modalidad" id="modalidad" >
</div>
<fieldset>
<div class="mb-3 col-5">
<label for="institucion" class="form-label">Institucion</label>
......@@ -82,7 +82,8 @@
<input type="text" class="form-control " name="experiencia-0-referencias" id="refNombre" >
</div>
</fieldset>
<button type="button" name="addExp" onclick="agregarFieldExpierncia(event)">Agregar</button>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
......@@ -96,84 +97,6 @@
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
-->
<script>
let cont_experiencia = 0;
let cont_estudios = 0;
let cont_tecnologia = 0;
function serializeJSON (form) {
// Create a new FormData object
const formData = new FormData(form);
// Create an object to hold the name/value pairs
const pairs = {};
const experiencias = [{}];
const estudios = [{}];
const tecnologias = [{}];
// Add each name/value pair to the object
for (const [name, value] of formData) {
//los atributos no primitivos tiene una nomenclatura distinta en sus names
//ej.: experiencia-4-institucion == experencias[4].institucion
let codificacion = name.split("-")
if(codificacion.length==1){
pairs[name] = value
}
else{
switch (codificacion[0]) {
case "experiencia":
if(experiencias[codificacion[1]]==null) experiencias[codificacion[1]]={};
experiencias[codificacion[1]][codificacion[2]] = value
break;
case "estudio":
if(estudios[codificacion[1]]==null) estudios[codificacion[1]]={};
estudios[codificacion[1]][codificacion[2]] = value
break;
case "tecnologia":
if(tecnologias[codificacion[1]]==null) tecnologias[codificacion[1]]={};
tecnologias[codificacion[1]][codificacion[2]] = value
break;
default:
break;
}
}
}
pairs["experiencias"] = experiencias
pairs["estudios"] = estudios
pairs["tecnologias"] = tecnologias
// Return the JSON string
return JSON.stringify(pairs, null, 2);
}
async function postData(url = '', data = {}) {
// Default options are marked with *
const response = await fetch(url, {
method: 'POST', // *GET, POST, PUT, DELETE, etc.
mode: 'cors', // no-cors, *cors, same-origin
cache: 'no-cache', // *default, no-cache, reload, force-cache, only-if-cached
credentials: 'same-origin', // include, *same-origin, omit
headers: {
'Content-Type': 'application/json'
// 'Content-Type': 'application/x-www-form-urlencoded',
},
redirect: 'follow', // manual, *follow, error
referrerPolicy: 'no-referrer', // no-referrer, *no-referrer-when-downgrade, origin, origin-when-cross-origin, same-origin, strict-origin, strict-origin-when-cross-origin, unsafe-url
body: data // body data type must match "Content-Type" header
});
return response; // parses JSON response into native JavaScript objects
}
form = document.querySelector("form");
form.addEventListener("submit",(evt)=>{
postData('postulante', serializeJSON(form))
.then(response => {
console.log(response); // JSON data parsed by `data.json()` call
location.replace(response.url);
});
evt.preventDefault();
} );
</script>
<script src="./main.js"></script>
</body>
</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