Commit fc9fe877 by Alonso Moreno Postigo

[EDIT] Arreglo en los metodos del js de Persona

parent 4e8223f0
/*
* To change this license header, choose License Headers in Project Properties.
* To change this template file, choose Tools | Templates
* and open the template in the editor.
*/
$(document).ready(function () { $(document).ready(function () {
listarPersonaTest(); listarPersonaTest();
initInputs(); init(); // METODOS
init(); // METODOS CRUD
MyValidate(); MyValidate();
filtrarPersona();
$('#btn_agregar_persona').on('click', function () {
limpiarInputs();
});
}); });
var codigoPersona; var codigoPersona;
...@@ -27,15 +10,19 @@ function init() { ...@@ -27,15 +10,19 @@ function init() {
listarPersona(); listarPersona();
registrarPersona(); registrarPersona();
editarPersona(); editarPersona();
accionesPersona(); // ACTIVAR - DESACTIVAR - EDITAR activarPersona();
desactivarPersona();
obtenerPersona();
filtrarPersona();
} }
// LISTADO SIMPLE
function listarPersonaTest() { function listarPersonaTest() {
$.ajax({ $.ajax({
url: '../PersonaServlet?accion=listarPersonaTest', url: '../PersonaServlet?accion=listarPersonaTest',
type: 'POST', type: 'POST',
beforeSend: function (xhr) { beforeSend: function (xhr) {
// console.log('Antes de...'); // console.log('Antes de ...');
}, success: function (data, textStatus, jqXHR) { }, success: function (data, textStatus, jqXHR) {
console.log(data); console.log(data);
// var personas = data.data.personas; // var personas = data.data.personas;
...@@ -50,6 +37,7 @@ function listarPersonaTest() { ...@@ -50,6 +37,7 @@ function listarPersonaTest() {
}); });
} }
// REGISTRAR PERSONA
function registrarPersona() { function registrarPersona() {
$('#btn_registrar_persona').on('click', function () { $('#btn_registrar_persona').on('click', function () {
...@@ -111,6 +99,7 @@ function registrarPersona() { ...@@ -111,6 +99,7 @@ function registrarPersona() {
}); });
} }
// ACTUALIZAR PERSONA
function editarPersona() { function editarPersona() {
$('#btn_editar_persona').on('click', function () { $('#btn_editar_persona').on('click', function () {
...@@ -166,6 +155,7 @@ function editarPersona() { ...@@ -166,6 +155,7 @@ function editarPersona() {
}); });
} }
// LISTAR PERSONA DATATABLE
function listarPersona() { function listarPersona() {
var txt_criterio_busqueda = $('#txt_criterio_busqueda').val().trim(); var txt_criterio_busqueda = $('#txt_criterio_busqueda').val().trim();
...@@ -182,13 +172,13 @@ function listarPersona() { ...@@ -182,13 +172,13 @@ function listarPersona() {
data: {search: txt_criterio_busqueda} data: {search: txt_criterio_busqueda}
}, },
columnDefs: [ columnDefs: [
{"targets": 0, "orderable": false, "width": "5%", "className": "centrado"}, {targets: 0, orderable: false, width: '5%', className: 'centrado'},
{"targets": 1, "orderable": false, "width": "15%", "className": "centrado"}, {targets: 1, orderable: false, width: '15%', className: 'centrado'},
{"targets": 2, "orderable": false, "width": "30%", "className": "centrado"}, {targets: 2, orderable: false, width: '30%', className: 'centrado'},
{"targets": 3, "orderable": false, "width": "5%", "className": "centrado"}, {targets: 3, orderable: false, width: '5%', className: 'centrado'},
{"targets": 4, "orderable": false, "width": "25%", "className": "centrado"}, {targets: 4, orderable: false, width: '25%', className: 'centrado'},
{"targets": 5, "orderable": false, "width": "10%", "className": "centrado"}, {targets: 5, orderable: false, width: '10%', className: 'centrado'},
{"targets": 6, "orderable": false, "width": "10%", "className": "centrado"} {targets: 6, orderable: false, width: '10%', className: 'centrado'}
], ],
dom: '<"datatable-scroll"t><"datatable-footer"ip>', dom: '<"datatable-scroll"t><"datatable-footer"ip>',
fixedColumns: true, fixedColumns: true,
...@@ -232,25 +222,12 @@ function listarPersona() { ...@@ -232,25 +222,12 @@ function listarPersona() {
return data.estado === "1" ? '<ul class="icons-list"><li title="Editar" data-toggle="modal" data-target="#modal_editar_persona" class="text-primary-600"><a href="#" class="editarPersona"><i class="icon-pencil7"></i></a></li><li title="Desactivar" class="text-success-600"><a href="#" class="desactivarPersona"><i class="icon-switch2"></i></a></li></ul>' : '<ul class="icons-list"><li title="Editar" data-toggle="modal" data-target="#modal_editar_persona" class="text-primary-600"><a href="#" class="editarPersona"><i class="icon-pencil7"></i></a></li><li title="Activar" class="text-danger-600"><a href="#" class="activarPersona"><i class="icon-switch2"></i></a></li></ul>'; return data.estado === "1" ? '<ul class="icons-list"><li title="Editar" data-toggle="modal" data-target="#modal_editar_persona" class="text-primary-600"><a href="#" class="editarPersona"><i class="icon-pencil7"></i></a></li><li title="Desactivar" class="text-success-600"><a href="#" class="desactivarPersona"><i class="icon-switch2"></i></a></li></ul>' : '<ul class="icons-list"><li title="Editar" data-toggle="modal" data-target="#modal_editar_persona" class="text-primary-600"><a href="#" class="editarPersona"><i class="icon-pencil7"></i></a></li><li title="Activar" class="text-danger-600"><a href="#" class="activarPersona"><i class="icon-switch2"></i></a></li></ul>';
} }
} }
], ]
fnRowCallback: function (row, data, displayIndex, displayIndexFull) {
},
fnPreDrawCallback: function (settings) {
},
fnDrawCallback: function (settings) {
},
createdRow: function (row, data, dataIndex) {
},
initComplete: function (settings, json) {
}
}); });
} }
function accionesPersona() { // OBTENER UNA PERSONA
function obtenerPersona() {
$('#tabla_persona tbody').on('click', '.editarPersona', function () { $('#tabla_persona tbody').on('click', '.editarPersona', function () {
var data_row = $('#tabla_persona').DataTable().row($(this).parents('tr')).data(); var data_row = $('#tabla_persona').DataTable().row($(this).parents('tr')).data();
console.log(data_row); console.log(data_row);
...@@ -262,8 +239,11 @@ function accionesPersona() { ...@@ -262,8 +239,11 @@ function accionesPersona() {
$('#txt_correo_editar').val(data_row.correo); $('#txt_correo_editar').val(data_row.correo);
codigoPersona = data_row.codigo; codigoPersona = data_row.codigo;
}); });
}
$('#tabla_persona tbody').on('click', '.desactivarPersona', function () { // ACTIVAR UNA PERSONA
function activarPersona() {
$('#tabla_persona tbody').on('click', '.activarPersona', function () {
var data_row = $('#tabla_persona').DataTable().row($(this).parents('tr')).data(); var data_row = $('#tabla_persona').DataTable().row($(this).parents('tr')).data();
var json = { var json = {
...@@ -272,7 +252,7 @@ function accionesPersona() { ...@@ -272,7 +252,7 @@ function accionesPersona() {
swal({ swal({
title: "¿Estás seguro?", title: "¿Estás seguro?",
text: "¿Desea desactivar a " + data_row.apellidos + ", " + data_row.nombres + " ?", text: "¿Desea activar a " + data_row.apellidos + ", " + data_row.nombres + " ?",
type: "warning", type: "warning",
showCancelButton: true, showCancelButton: true,
confirmButtonColor: "#EF5350", confirmButtonColor: "#EF5350",
...@@ -284,7 +264,7 @@ function accionesPersona() { ...@@ -284,7 +264,7 @@ function accionesPersona() {
function (isConfirm) { function (isConfirm) {
if (isConfirm) { if (isConfirm) {
$.ajax({ $.ajax({
url: '../PersonaServlet?accion=desactivarPersona', url: '../PersonaServlet?accion=activarPersona',
type: 'POST', type: 'POST',
dataType: 'json', dataType: 'json',
data: {json: JSON.stringify(json)}, data: {json: JSON.stringify(json)},
...@@ -294,7 +274,7 @@ function accionesPersona() { ...@@ -294,7 +274,7 @@ function accionesPersona() {
console.log(data); console.log(data);
var status = data.status; var status = data.status;
if (status) { if (status) {
imprimirAlerta('Desactivado!', data_row.apellidos + ', ' + data_row.nombres + ' fue desactivado con exito!', 'success'); imprimirAlerta('Activado!', data_row.apellidos + ', ' + data_row.nombres + ' fue activado con exito!', 'success');
recargarTabla(); recargarTabla();
} else { } else {
imprimirAlerta('Error!', data.message, 'error'); imprimirAlerta('Error!', data.message, 'error');
...@@ -304,10 +284,12 @@ function accionesPersona() { ...@@ -304,10 +284,12 @@ function accionesPersona() {
}); });
} }
}); });
}); });
}
$('#tabla_persona tbody').on('click', '.activarPersona', function () { // DESACTIVAR UNA PERSONA
function desactivarPersona() {
$('#tabla_persona tbody').on('click', '.desactivarPersona', function () {
var data_row = $('#tabla_persona').DataTable().row($(this).parents('tr')).data(); var data_row = $('#tabla_persona').DataTable().row($(this).parents('tr')).data();
var json = { var json = {
...@@ -316,7 +298,7 @@ function accionesPersona() { ...@@ -316,7 +298,7 @@ function accionesPersona() {
swal({ swal({
title: "¿Estás seguro?", title: "¿Estás seguro?",
text: "¿Desea activar a " + data_row.apellidos + ", " + data_row.nombres + " ?", text: "¿Desea desactivar a " + data_row.apellidos + ", " + data_row.nombres + " ?",
type: "warning", type: "warning",
showCancelButton: true, showCancelButton: true,
confirmButtonColor: "#EF5350", confirmButtonColor: "#EF5350",
...@@ -328,7 +310,7 @@ function accionesPersona() { ...@@ -328,7 +310,7 @@ function accionesPersona() {
function (isConfirm) { function (isConfirm) {
if (isConfirm) { if (isConfirm) {
$.ajax({ $.ajax({
url: '../PersonaServlet?accion=activarPersona', url: '../PersonaServlet?accion=desactivarPersona',
type: 'POST', type: 'POST',
dataType: 'json', dataType: 'json',
data: {json: JSON.stringify(json)}, data: {json: JSON.stringify(json)},
...@@ -338,7 +320,7 @@ function accionesPersona() { ...@@ -338,7 +320,7 @@ function accionesPersona() {
console.log(data); console.log(data);
var status = data.status; var status = data.status;
if (status) { if (status) {
imprimirAlerta('Activado!', data_row.apellidos + ', ' + data_row.nombres + ' fue activado con exito!', 'success'); imprimirAlerta('Desactivado!', data_row.apellidos + ', ' + data_row.nombres + ' fue desactivado con exito!', 'success');
recargarTabla(); recargarTabla();
} else { } else {
imprimirAlerta('Error!', data.message, 'error'); imprimirAlerta('Error!', data.message, 'error');
...@@ -348,22 +330,11 @@ function accionesPersona() { ...@@ -348,22 +330,11 @@ function accionesPersona() {
}); });
} }
}); });
});
}
function initInputs() {
var txt_correo = $('#txt_correo');
var txt_correo_editar = $('#txt_correo_editar');
txt_correo_editar.attr({
disabled: true
});
txt_correo.attr({
disabled: true
}); });
} }
// SWEET ALERT
function imprimirAlerta(title, text, type) { function imprimirAlerta(title, text, type) {
var s_col = "#66BB6A"; var s_col = "#66BB6A";
var e_col = "#EF5350"; var e_col = "#EF5350";
...@@ -388,11 +359,11 @@ function imprimirAlerta(title, text, type) { ...@@ -388,11 +359,11 @@ function imprimirAlerta(title, text, type) {
} }
function recargarTabla() { function recargarTabla() {
$('#tabla_persona').DataTable().destroy(); $('#tabla_persona').DataTable().destroy();
listarPersona(); listarPersona();
} }
// FILTROS DE LA BUSQUEDA
function filtrarPersona() { function filtrarPersona() {
// PRIMERA FORMA: CON BOTON // PRIMERA FORMA: CON BOTON
$('#btn_buscar_criterio').on('click', function () { $('#btn_buscar_criterio').on('click', function () {
...@@ -412,7 +383,9 @@ function filtrarPersona() { ...@@ -412,7 +383,9 @@ function filtrarPersona() {
}); });
} }
// LIMPIAR INPUTS AL ABRIR EL MODAL PARA REGISTRAR
function limpiarInputs() { function limpiarInputs() {
$('#btn_agregar_persona').on('click', function () {
$('#txt_numero_documento').attr({ $('#txt_numero_documento').attr({
autofocus: true autofocus: true
}); });
...@@ -421,9 +394,10 @@ function limpiarInputs() { ...@@ -421,9 +394,10 @@ function limpiarInputs() {
$('#txt_nombres').val(''); $('#txt_nombres').val('');
$('#txt_edad').val(''); $('#txt_edad').val('');
$('#txt_correo').val(''); $('#txt_correo').val('');
});
} }
// JQUERY VALIDATOR
function MyValidate() { function MyValidate() {
function stripHtml(value) { function stripHtml(value) {
...@@ -437,9 +411,6 @@ function MyValidate() { ...@@ -437,9 +411,6 @@ function MyValidate() {
return this.optional(element) || /^[a-z\s]+$/i.test(value); return this.optional(element) || /^[a-z\s]+$/i.test(value);
}, "Solo letras."); }, "Solo letras.");
jQuery.validator.setDefaults({ jQuery.validator.setDefaults({
debug: true, debug: true,
ignore: 'input[type=hidden], .select2-search__field', // ignore hidden fields ignore: 'input[type=hidden], .select2-search__field', // ignore hidden fields
...@@ -488,14 +459,3 @@ function MyValidate() { ...@@ -488,14 +459,3 @@ function MyValidate() {
}); });
} }
function initInputs() {
var txt_numero_documento = $('#txt_numero_documento');
var txt_apellidos = $('#txt_apellidos');
var txt_nombres = $('#txt_nombres');
var txt_edad = $('#txt_edad');
var txt_correo = $('#txt_correo');
var dominio_correo = '.TI@SACOOLIVEROS.EDU.PE';
}
\ 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