Skip to content

A
Asistencia
Commit d6a70654 by Billy Larru
Options

asignar monto amanecidas arreglado

parent a2885ef4
Showing with 174 additions and 163 deletions
src/main/webapp/js/general.js
...@@ -442,4 +442,21 @@ let initDatePicker = (...selectorName) => { ...@@ -442,4 +442,21 @@ let initDatePicker = (...selectorName) => {
$(id).datepicker('setDate', 'now'); $(id).datepicker('setDate', 'now');
}); });
}
const setTiposContratoOnSelect = (nodeIdentifier, optionAll = true) => {
ajaxWebService
.get(`contratoTipo`)
.then((response) => {
let $select = $(`${nodeIdentifier}`)
let option
if (optionAll) {
option = `<option value="">TODOS</option>`
}
response.data.forEach((value, id) => {
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/asignar_monto_amanecida.js
function getColumns() { function getColumns() {
let columns = [ let columns = [
{ {
title: `N°`, title: `N°`,
data: `id`, data: `id`,
className: 'text-center' className: 'text-center'
}, },
{ {
title: `CONCEPTO`, title: `CONCEPTO`,
data: `descripcion`, data: `descripcion`,
className: `text-center`, className: `text-center`,
}, },
{ {
title: `MONTO AMANECIDA 12h`, title: `MONTO AMANECIDA 12h`,
data: `monto12h`, data: `monto12h`,
className: 'text-center' className: 'text-center'
}, },
{ {
title: `MONTO AMANECIDA 24h`, title: `MONTO AMANECIDA 24h`,
data: `monto24h`, data: `monto24h`,
className: 'text-center' className: 'text-center'
}, },
{ {
title: 'ESTADO', title: 'ESTADO',
data: `estado`, data: `estado`,
className: "text-center", className: "text-center",
render: (data) => { render: (data) => {
let label = ""; let label = "";
let contenido = ""; let contenido = "";
if (data === 1) { if (data === 1) {
label = `label label-success`; label = `label label-success`;
contenido = "ACTIVO"; contenido = "ACTIVO";
} else if (data === 0) { } else if (data === 0) {
label = `label label-danger`; label = `label label-danger`;
contenido = "PASIVO"; contenido = "PASIVO";
} }
return `<span class="${label}">${contenido}</span>`; return `<span class="${label}">${contenido}</span>`;
} }
}, },
{ {
title: `ACCIONES`, title: `ACCIONES`,
data: null, data: null,
className: 'text-center', className: 'text-center',
render: (data) => { render: (data) => {
let acciones = `<span data-placement="left" title="Editar" style="cursor: pointer"> <i class="editar icon-pencil text-slate-800"></i>&nbsp;&nbsp; </span> let acciones = `<span data-placement="left" title="Editar" style="cursor: pointer"> <i class="editar icon-pencil text-slate-800"></i>&nbsp;&nbsp; </span>
<span data-placement="left" title="Eliminar" style="cursor: pointer"> <i class="eliminar icon-cancel-circle2 text-danger-700"></i>&nbsp;&nbsp; </span>`; <span data-placement="left" title="Eliminar" style="cursor: pointer"> <i class="eliminar icon-cancel-circle2 text-danger-700"></i>&nbsp;&nbsp; </span>`;
return acciones; 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: '1%', targets: 0, className: "text-center"},
{orderable: false, width: '10%', targets: 1, className: "text-center"}, {orderable: false, width: '15%', targets: 1, className: "text-center"},
{orderable: false, width: '30%', targets: 2, className: "text-center"}, {orderable: false, width: '15%', targets: 2, className: "text-center"},
{orderable: false, width: '7%', targets: 3, className: "text-center"}, {orderable: false, width: '15%', targets: 3, className: "text-center"},
{orderable: false, width: '7%', targets: 4, className: "text-center"}, {orderable: false, width: '8%', targets: 4, className: "text-center"},
]; ];
return columnDefs; return columnDefs;
} }
function cambiarFormatoDecimal(selectorName) { function cambiarFormatoDecimal(selectorName) {
$(selectorName).formatter({ $(selectorName).formatter({
pattern: '{{999}}.00' pattern: '{{999}}.00'
}); });
} }
function registrar() { function registrar() {
let descripcion = $("#txtDescripcion").val(); let descripcion = $("#txtDescripcion").val();
let monto24h = parseFloat($("#txtMonto12h").val()); let monto24h = parseFloat($("#txtMonto12h").val());
let monto12h = parseFloat($("#txtMonto24h").val()); let monto12h = parseFloat($("#txtMonto24h").val());
let estado = 1; let estado = 1;
let params = { let params = {
descripcion, descripcion,
monto12h, monto12h,
monto24h, monto24h,
estado estado
}; };
axios.post(URI_POLICIA_MONTOS_AMANECIDAS, params).then((response) => { axios.post(URI_POLICIA_MONTOS_AMANECIDAS, params).then((response) => {
response.data = formatResponse(response); response.data = formatResponse(response);
if (response.data.status) { if (response.data.status) {
swal({ swal({
type: 'success', type: 'success',
title: '¡Se registró correctamente!', title: '¡Se registró correctamente!',
showConfirmButton: false, showConfirmButton: false,
timer: 1500 timer: 1500
}); });
listarMontos(); listarMontos();
} }
}); });
} }
function inicializarInputsModal(data = {}){ function inicializarInputsModal(data = {}){
$("#txtEditarConcepto").val(data.descripcion); $("#txtEditarConcepto").val(data.descripcion);
$("#txtEditarMonto12h").val(data.monto12h); $("#txtEditarMonto12h").val(data.monto12h);
$("#txtEditarMonto24h").val(data.monto24h); $("#txtEditarMonto24h").val(data.monto24h);
debugger debugger
} }
function mostrarMensajeResultadoModal(result = {}){ function mostrarMensajeResultadoModal(result = {}){
if (result.value) { if (result.value) {
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 mostrarModalEdicion(data = {}) { function mostrarModalEdicion(data = {}) {
axios.get("modals/policias/asignarMontoAmanecida/editarMontoConcepto.jsp").then((response) => { axios.get("modals/policias/asignarMontoAmanecida/editarMontoConcepto.jsp").then((response) => {
swal({ swal({
title: '<strong>Editar Montos de amanecidas</strong>', title: '<strong>Editar Montos de amanecidas</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: () => {
inicializarInputsModal(data); inicializarInputsModal(data);
} }
}).then((result) => { }).then((result) => {
mostrarMensajeResultadoModal(result); mostrarMensajeResultadoModal(result);
}); });
}); });
} }
function mostrarModalEliminacion(data) { function mostrarModalEliminacion(data) {
axios.put(URI_POLICIA_MONTOS_AMANECIDAS, data) axios.put(URI_POLICIA_MONTOS_AMANECIDAS, data)
swal({ swal({
type: 'success', type: 'success',
title: '¡Eliminado correctamente!', title: '¡Eliminado correctamente!',
showConfirmButton: false, showConfirmButton: false,
timer: 1500 timer: 1500
}); });
} }
function listarMontos(objParams = {}) { function listarMontos(objParams = {}) {
axios.get(URI_POLICIA_MONTOS_AMANECIDAS, objParams).then((response) => { ajaxWebService.get(URI_POLICIA_MONTOS_AMANECIDAS, objParams).then((response) => {
response.data = formatResponse(response); let columns = getColumns();
let columns = getColumns(); let columnDefs = getColumnDefs();
let columnDefs = getColumnDefs();
let wrapsNameDatatable = `divDatatable`;
let wrapsNameDatatable = `divDatatable`; let classNameForDatatable = `display table table-bordered`;
let classNameForDatatable = `display table table-bordered`;
let footer = false; makeDatatable(
wrapsNameDatatable,
makeDatatable( {
{ data: response.data,
data: response.data.data, columns,
columns, columnDefs,
columnDefs, },
wrapsNameDatatable, classNameForDatatable,
classNameForDatatable, ).then((nodes) => {
footer nodes.container.on("click", ".editar", function () {
} let data = nodes.datatable.DataTable().row($(this).parents("tr")).data();
).then((datatable) => { mostrarModalEdicion(data);
$(datatable).on("click", ".editar", function () { });
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();
mostrarModalEliminacion(data);
$(datatable).on("click", ".eliminar", function () { });
let data = $(datatable).DataTable().row($(this).parents("tr")).data(); });
mostrarModalEliminacion(data); });
});
});
});
} }
$().ready(function () { $().ready(function () {
// cambiarFormatoDecimal("#txtMonto12h"); listarMontos();
// cambiarFormatoDecimal("#txtMonto24h"); $("#btnRegistrar").click(registrar);
defaultConfigDataTable();
listarMontos();
$("#btnRegistrar").click(registrar);
}); });
\ No newline at end of file
src/main/webapp/vistas/asignarMontoAmanecida.jsp
...@@ -50,7 +50,7 @@ ...@@ -50,7 +50,7 @@
<div class="row"> <div class="row">
<div class="col-md-7 col-md-offset-2"> <div class="col-md-6 col-md-offset-3">
<div class="panel panel-primary card-3" style="margin-top: 30px"> <div class="panel panel-primary card-3" style="margin-top: 30px">
<div class="panel-heading" style="padding: 8px 15px"> <div class="panel-heading" style="padding: 8px 15px">
<h6 class="panel-title" style="font-size: 15px; font-family: inherit"><i class="icon icon-search4"></i>&nbsp; LISTADO</h6> <h6 class="panel-title" style="font-size: 15px; font-family: inherit"><i class="icon icon-search4"></i>&nbsp; LISTADO</h6>
...@@ -68,12 +68,10 @@ ...@@ -68,12 +68,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="../plantilla/assets/js/plugins/forms/inputs/formatter.min.js"></script> <script src="../plantilla/assets/js/plugins/forms/inputs/formatter.min.js"></script>
<script src="../js/pages/asignar_monto_amanecida.js"></script> <script src="../js/pages/asignar_monto_amanecida.js"></script>
<!--js--> <!--js-->
......
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