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