Skip to content

A
Asistencia
Commit fbd03f73 by Billy Larru
Options

mantenimiento de sede arreglado

parent d6a70654
Showing with 234 additions and 240 deletions
src/main/webapp/js/general.js
......@@ -36,18 +36,18 @@ const URI_POLICIA_PROYECTADO_COMPARATIVO = "proyectadoComparativo";
$.extend($.fn.dataTable.defaults, {
bSort: false,
// bSort: false,
bFilter: false,
aaSorting: [],
ordering: false,
// aaSorting: [],
// ordering: false,
bLengthChange: false,
bInfo: true,
paging: true,
// paging: true,
iDisplayLength: 20,
bStateSave: false,
autoWidth: false,
responsive: true,
stateSave: true,
// bStateSave: false,
// autoWidth: false,
// responsive: true,
// stateSave: true,
scrollX: true,
responsive: true,
language: {
......@@ -457,6 +457,5 @@ const setTiposContratoOnSelect = (nodeIdentifier, optionAll = true) => {
option += `<option value="${value.id}">${value.nombre}</option>`
})
$select.html(option).selectpicker()
$select.selectpicker();
})
}
\ No newline at end of file
src/main/webapp/js/pages/mantenimiento_sede.js
......@@ -2,285 +2,282 @@ let htmlConceptos = "";
let htmlSedes = "";
function getColumns() {
let columns = [
{
title: `N°`,
data: `sede_id`,
className: 'text-center'
},
{
title: `SEDE`,
data: `sede_descripcion`,
className: `text-center`,
},
{
title: `CONCEPTO`,
data: `montoamanecida_descripcion`,
className: 'text-center',
render: (data) => {
if (data === null) {
return "-";
} else {
return data;
}
}
},
{
title: 'ESTADO',
data: `estado`,
className: "text-center",
render: (data) => {
let label = "";
let contenido = "";
if (data === 1) {
label = `label label-success`;
contenido = "ACTIVO";
} else if (data === 0) {
label = `label label-danger`;
contenido = "INACTIVO";
} else if (data === null) {
label = `label label-primary`;
contenido = `NO TIENE ASIGNADO`;
}
return `<span class="${label}">${contenido}</span>`;
}
},
{
title: `ACCIONES`,
data: `estado`,
className: 'text-center',
render: (data) => {
let registrar = "";
let editar = "";
let eliminar = "";
if (data === null) {
registrar = `<span data-toggle="modal" data-target="#modal_entrada_pendiente" data-placement="left" title="Editar" style="cursor: pointer"> <i class='registrar icon-plus-circle2 text-success-700'></i>&nbsp;&nbsp; </span>`;
} else {
editar = `<span data-placement="left" title="Editar" style="cursor: pointer"> <i class="editar icon-pencil text-slate-800"></i>&nbsp;&nbsp; </span>`;
eliminar = `<span data-placement="left" title="Eliminar" style="cursor: pointer"> <i class="eliminar icon-cancel-circle2 text-danger-700"></i>&nbsp;&nbsp; </span>`;
}
let acciones = registrar + editar + eliminar;
return acciones;
}
}
];
return columns;
let columns = [
{
title: `N°`,
data: `sede_id`,
className: 'text-center'
},
{
title: `SEDE`,
data: `sede_descripcion`,
className: `text-center`,
},
{
title: `CONCEPTO`,
data: `montoamanecida_descripcion`,
className: 'text-center',
render: (data) => {
if (data) {
return "-";
} else {
return data;
}
}
},
{
title: 'ESTADO',
data: `estado`,
className: "text-center",
render: (data) => {
debugger
let label = "";
let contenido = "";
if (data === 1) {
label = `label label-success`;
contenido = "ACTIVO";
} else if (data === 0) {
label = `label label-danger`;
contenido = "INACTIVO";
} else if (!data) {
label = `label label-primary`;
contenido = `NO TIENE ASIGNADO`;
}
return `<span class="${label}">${contenido}</span>`;
}
},
{
title: `ACCIONES`,
data: `estado`,
className: 'text-center',
render: (data) => {
debugger
let registrar = "";
let editar = "";
let eliminar = "";
if (data) {
editar = `<span data-placement="left" title="Editar" style="cursor: pointer"> <i class="editar icon-pencil text-slate-800"></i>&nbsp;&nbsp; </span>`;
eliminar = `<span data-placement="left" title="Eliminar" style="cursor: pointer"> <i class="eliminar icon-cancel-circle2 text-danger-700"></i>&nbsp;&nbsp; </span>`;
} else {
registrar = `<span data-toggle="modal" data-target="#modal_entrada_pendiente" data-placement="left" title="Editar" style="cursor: pointer"> <i class='registrar icon-plus-circle2 text-success-700'></i>&nbsp;&nbsp; </span>`;
}
let acciones = registrar + editar + eliminar;
return acciones;
}
}
];
return columns;
}
function getColumnDefs() {
let columnDefs = [
{orderable: false, width: '3%', targets: 0, className: "text-center"},
{orderable: false, width: '10%', targets: 1, className: "text-center"},
{orderable: false, width: '30%', targets: 2, className: "text-center"},
{orderable: false, width: '7%', targets: 3, className: "text-center"},
{orderable: false, width: '7%', targets: 4, className: "text-center"},
];
return columnDefs;
let columnDefs = [
{orderable: false, width: '3%', targets: 0, className: "text-center"},
{orderable: false, width: '10%', targets: 1, className: "text-center"},
{orderable: false, width: '30%', targets: 2, className: "text-center"},
{orderable: false, width: '7%', targets: 3, className: "text-center"},
{orderable: false, width: '7%', targets: 4, className: "text-center"},
];
return columnDefs;
}
function inicializarInputsModalEditar(data = {}){
debugger
$("#spanSede").html(data.sede_descripcion);
$("#cboEditarConceptos").html(htmlConceptos);
$("#cboEditarConceptos").val(data.montoamanecidas_id);
debugger
$("#spanSede").html(data.sede_descripcion);
$("#cboEditarConceptos").html(htmlConceptos);
$("#cboEditarConceptos").val(data.montoamanecidas_id);
// $("#txtEditarMonto12h").val(data.monto12h);
// $("#txtEditarMonto24h").val(data.monto24h);
// debugger
}
function inicializarInputsModalRegistrar(data = {}){
$("#spanRegistrarSede").html(data.sede_descripcion);
$("#cboRegistrarConceptos").html(htmlConceptos);
$(".select-search").select2();
$("#spanRegistrarSede").html(data.sede_descripcion);
$("#cboRegistrarConceptos").html(htmlConceptos);
$(".select-search").select2();
}
function mostrarMensajeResultadoModalEditar(result = {}){
if (result.value) {
if (result.value) {
// registrar();
swal({
type: 'success',
title: '¡Se realizó la actualización correctamente!',
showConfirmButton: false,
timer: 1500
});
swal({
type: 'success',
title: '¡Se realizó la actualización correctamente!',
showConfirmButton: false,
timer: 1500
});
}
}
function mostrarMensajeResultadoModalRegistrar(result = {}){
if (result.value) {
swal({
type: 'success',
title: '¡Se asigno correctamente!',
showConfirmButton: false,
timer: 1500
});
if (result.value) {
swal({
type: 'success',
title: '¡Se asigno correctamente!',
showConfirmButton: false,
timer: 1500
});
}
}
function mostrarModalEdicion(data = {}) {
axios.get("modals/policias/mantenimientoSedes/editarConceptoSede.jsp").then((response) => {
swal({
title: '<strong>Editar</strong>',
html: response.data,
showCloseButton: true,
showCancelButton: true,
focusConfirm: false,
confirmButtonText: '<i class="fa fa-thumbs-up"></i> Guardar cambios',
confirmButtonAriaLabel: 'Thumbs up, great!',
cancelButtonText: 'Cancelar',
cancelButtonAriaLabel: 'Thumbs down',
width: '15%',
onOpen: () => {
inicializarInputsModalEditar(data);
}
}).then((result) => {
mostrarMensajeResultadoModalEditar(result);
});
});
ajaxModal.get("modals/policias/mantenimientoSedes/editarConceptoSede.jsp").then((response) => {
swal({
title: '<strong>Editar</strong>',
html: response.data,
showCloseButton: true,
showCancelButton: true,
focusConfirm: false,
confirmButtonText: '<i class="fa fa-thumbs-up"></i> Guardar cambios',
confirmButtonAriaLabel: 'Thumbs up, great!',
cancelButtonText: 'Cancelar',
cancelButtonAriaLabel: 'Thumbs down',
width: '15%',
onOpen: () => {
inicializarInputsModalEditar(data);
}
}).then((result) => {
mostrarMensajeResultadoModalEditar(result);
});
});
}
function mostrarModalEliminacion(data) {
swal({
type: 'success',
title: '¡Eliminado correctamente!',
showConfirmButton: false,
timer: 1500
});
swal({
type: 'success',
title: '¡Eliminado correctamente!',
showConfirmButton: false,
timer: 1500
});
}
function mostrarModalRegistrar(data = {}) {
axios.get("modals/policias/mantenimientoSedes/registrarConceptoSede.jsp").then((response) => {
swal({
title: '<strong>Asignar concepto a sede</strong>',
html: response.data,
showCloseButton: true,
showCancelButton: true,
focusConfirm: false,
confirmButtonText: '<i class="fa fa-thumbs-up"></i> Registrar',
confirmButtonAriaLabel: 'Thumbs up, great!',
cancelButtonText: 'Cancelar',
cancelButtonAriaLabel: 'Thumbs down',
width: '15%',
onOpen: () => {
inicializarInputsModalRegistrar(data);
}
}).then((result) => {
mostrarMensajeResultadoModalEditar(result);
});
});
ajaxModal.get("policias/mantenimientoSedes/registrarConceptoSede.jsp").then((response) => {
swal({
title: '<strong>Asignar concepto a sede</strong>',
html: response.data,
showCloseButton: true,
showCancelButton: true,
focusConfirm: false,
confirmButtonText: '<i class="fa fa-thumbs-up"></i> Registrar',
confirmButtonAriaLabel: 'Thumbs up, great!',
cancelButtonText: 'Cancelar',
cancelButtonAriaLabel: 'Thumbs down',
width: '15%',
onOpen: () => {
inicializarInputsModalRegistrar(data);
}
}).then((result) => {
mostrarMensajeResultadoModalEditar(result);
});
});
}
function listarAsignacionesConceptosSede(objParams = {}) {
axios.get(URI_POLICIA_CONCEPTOSEDES, objParams).then((response) => {
response.data = formatResponse(response);
let columns = getColumns();
let columnDefs = getColumnDefs();
let wrapsNameDatatable = `divDatatable`;
let classNameForDatatable = `display table table-bordered`;
let footer = false;
makeDatatable(
{
data: response.data.data,
columns,
columnDefs,
wrapsNameDatatable,
classNameForDatatable,
footer
}
).then((datatable) => {
$(datatable).on("click", ".registrar", function () {
let data = $(datatable).DataTable().row($(this).parents("tr")).data();
mostrarModalRegistrar(data);
});
$(datatable).on("click", ".editar", function () {
let data = $(datatable).DataTable().row($(this).parents("tr")).data();
mostrarModalEdicion(data);
});
$(datatable).on("click", ".eliminar", function () {
let data = $(datatable).DataTable().row($(this).parents("tr")).data();
mostrarModalEliminacion(data);
});
});
});
ajaxWebService.get(URI_POLICIA_CONCEPTOSEDES, objParams).then((response) => {
let columns = getColumns();
// let columnDefs = getColumnDefs();
let columnDefs = [];
let wrapsNameDatatable = `divDatatable`;
let classNameForDatatable = `display table table-bordered`;
makeDatatable(
wrapsNameDatatable,
{
data: response.data,
columns,
columnDefs,
},
classNameForDatatable,
).then((nodes) => {
nodes.container.on("click", ".registrar", function () {
let data = nodes.datatable.DataTable().row($(this).parents("tr")).data();
mostrarModalRegistrar(data);
});
nodes.container.on("click", ".editar", function () {
let data = nodes.datatable.DataTable().row($(this).parents("tr")).data();
mostrarModalEdicion(data);
});
nodes.container.on("click", ".eliminar", function () {
let data = nodes.datatable.DataTable().row($(this).parents("tr")).data();
mostrarModalEliminacion(data);
});
});
});
}
function listarSedes(selectorName) {
axios.get(URI_SEDES).then((result) => {
let sedes = result.data;
sedes = _.orderBy(sedes, s => s.descripcion);
let html = `<option value="">[TODOS]</option>`;
sedes.forEach(sede => htmlSedes += `<option value="${sede.codigo}">${sede.descripcion}</option>`);
html += htmlSedes;
$(selectorName).html(html);
$('.select-search').select2();
});
ajaxWebService.get(URI_SEDES).then((result) => {
let sedes = result.data;
sedes = _.orderBy(sedes, s => s.descripcion);
let html = `<option value="">[TODOS]</option>`;
sedes.forEach(sede => htmlSedes += `<option value="${sede.codigo}">${sede.descripcion}</option>`);
html += htmlSedes;
$(selectorName).html(html).select2();
});
}
function listarConceptos(selectorName) {
axios.get(URI_POLICIA_MONTOS_AMANECIDAS).then((response) => {
let data = response.data;
data = _.orderBy(data, d => d.descripcion);
let html = `<option value="">[TODOS]</option>`;
data.forEach(amanecida => htmlConceptos += `<option value="${amanecida.id}">${amanecida.descripcion}</option>`);
html += htmlConceptos;
$(selectorName).html(html);
$('.select-search').select2();
});
ajaxWebService.get(URI_POLICIA_MONTOS_AMANECIDAS).then((response) => {
let data = response.data;
data = _.orderBy(data, d => d.descripcion);
let html = `<option value="">[TODOS]</option>`;
data.forEach(amanecida => htmlConceptos += `<option value="${amanecida.id}">${amanecida.descripcion}</option>`);
html += htmlConceptos;
$(selectorName).html(html).select2();
});
}
function buscar() {
debugger
let sede_id = $("#cboSedes").val();
let montoamanecidas_id = $("#cboConceptos").val();
debugger
let sede_id = $("#cboSedes").val();
let montoamanecida_id = $("#cboConceptos").val();
let params = {
sede_id,
montoamanecidas_id
};
let params = cleanQueryParams({
sede_id,
montoamanecida_id
});
listarAsignacionesConceptosSede({params});
listarAsignacionesConceptosSede({params});
}
function registrar() {
let sede_id = $("#cboRegistrarSedes").val();
let sede_descripcion = $("#cboRegistrarSedes option:selected").text();
let montoamanecida_id = $("#cboRegistrarConceptos").val();
let montoamanecida_descripcion = $("#cboRegistrarConceptos option:selected").text();
let estado = 1;
let sede_id = $("#cboRegistrarSedes").val();
let sede_descripcion = $("#cboRegistrarSedes option:selected").text();
let montoamanecida_id = $("#cboRegistrarConceptos").val();
let montoamanecida_descripcion = $("#cboRegistrarConceptos option:selected").text();
let estado = 1;
let params = {
sede_descripcion,
sede_id,
montoamanecida_id,
montoamanecida_descripcion,
estado
};
let params = {
sede_descripcion,
sede_id,
montoamanecida_id,
montoamanecida_descripcion,
estado
};
debugger
debugger
axios.post(URI_POLICIA_CONCEPTOSEDES, params)
.then((response) => {
listarAsignacionesConceptosSede();
});
ajaxWebService.post(URI_POLICIA_CONCEPTOSEDES, params)
.then((response) => {
listarAsignacionesConceptosSede();
});
}
$().ready(function () {
defaultConfigDataTable();
listarSedes("#cboSedes");
listarConceptos("#cboConceptos");
$("#btnVerTodos").click(listarAsignacionesConceptosSede);
$("#btnFiltro").click(buscar);
$("#btnNuevo").click(registrar);
listarSedes("#cboSedes");
listarConceptos("#cboConceptos");
$("#btnVerTodos").click(listarAsignacionesConceptosSede);
$("#btnFiltro").click(buscar);
$("#btnNuevo").click(registrar);
});
\ No newline at end of file
src/main/webapp/vistas/mantenimientoSede.jsp
......@@ -36,8 +36,8 @@
</div>
<div class="panel-footer">
<div class="text-center">
<button class="btn btn-primary" id="btnFiltro"><i class="fa fa-search"></i> Ver sede</button>&nbsp;
<button class="btn btn-primary" id="btnVerTodos"><i class="fa fa-search"></i>Ver todos</button>&nbsp;
<button class="btn btn-primary" id="btnFiltro"><i class="fa fa-search"></i> Aplicar Filtro</button>&nbsp;
<button class="btn btn-primary" id="btnVerTodos"><i class="fa fa-search"></i>Mostrar todos</button>&nbsp;
</div>
</div>
......@@ -53,7 +53,7 @@
<h6 class="panel-title" style="font-size: 15px; font-family: inherit"><i class="icon icon-search4"></i>&nbsp; LISTADO DE SEDES</h6>
</div>
<div id="divDatatable">
</div>
</div>
</div>
......@@ -62,12 +62,10 @@
<%@include file="templates/footer-body.jsp"%>
<!--js de la pagina-->
<script src="../plantilla/assets/js/plugins/tables/datatables/datatables.min.js" type="text/javascript"></script>
<script src="../plantilla/assets/js/core/libraries/jquery_ui/interactions.min.js"></script>
<script src="../plantilla/assets/js/core/libraries/jquery_ui/widgets.min.js"></script>
<script src="../js/lib/sweetalert2.min.js" type="text/javascript"></script>
<script src="../js/lib/lodash.js" type="text/javascript"></script>
<script src="../js/lib/axios.min.js" type="text/javascript"></script>
<script src="../js/lib/bootstrap-select/bootstrap-select.min.js"></script>
<script src="../plantilla/assets/js/plugins/forms/selects/select2.min.js"></script>
<script src="../js/pages/mantenimiento_sede.js" type="text/javascript"></script>
......
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