Skip to content

A
Asistencia
Commit 3530877d by Billy Larru
Options

[ADD detalleMontosAdministrativos]

parent ab999bc0
Showing with 289 additions and 21 deletions
src/main/webapp/js/general.js
......@@ -42,6 +42,8 @@ const URI_DOCENTES_TIPO_SEMINARIO = "tipoSeminario";
const URI_DOCENTES_GRUPO_ACADEMICO = "grupoAcademico";
const URI_DOCENTES_ASISTENCIAS = "asistenciaDocentes";
const URI_ADMINISTRATIVOS_PERIODO_CIERRE_ASISTENCIA = "periodoCierreAsistenciaAdministrativa";
const URI_ADMINISTRATIVOS_DESCUENTO_MENSUAL = "descuentoMensualAdministrativos";
const URI_ADMINISTRATIVOS_DESCUENTO_MENSUAL_DETALLADO = "descuentoAsistenciaAdministrativaDetallado";
//</editor-fold>
......
src/main/webapp/js/pages/detalle_montos_administrativos.js 0 → 100644
function getColumns() {
let columns = [
{
title: `N°`,
data: `id`,
className: 'text-center'
},
{
title: "FECHA",
data: "fecha_asistencia",
className: "text-center"
},
{
title: `HORA`,
data: `marcacion_entrada`,
className: 'text-center'
},
{
title: `DESCUENTO<br>(S/.)`,
data: `descuento`,
className: 'text-center',
render: (data) => {
return `<span class="text-danger">${data}.00</span>`;
}
},
{
title: `DESCRIPICON`,
data: `descripcion`,
className: 'text-center'
},
{
title: `SEDE<br>MARCACIÓN`,
data: `sede_marcacion`,
className: 'text-center'
},
{
title: `TIPO REGISTRO`,
data: `tipo_registro`,
className: 'text-center',
render: (data) => {
let label = "";
let contenido = "";
if (data == 1) {
label = "label label-info"
contenido = "HUELLA"
} else {
label = "label label-warning"
contenido = "MANUAL"
}
return `<span class="${label}">${contenido}</span>`
}
},
{
title: `ACCIONES`,
data: null,
className: 'text-center',
render: (data) => {
let acciones = "";
let registrar = "";
let verdetalle = "";
verdetalle = `<span data-toggle="tooltip" data-placement="left" title="Ver detalle" style="cursor: pointer"> <i class='verdetalle icon-list text-primary-700'></i>&nbsp;&nbsp; </span>`;
acciones = verdetalle;
return acciones;
}
}
];
return columns;
}
const listarAsistenciaMensual = (objParams = {}) => {
ajaxWebService.get(URI_ADMINISTRATIVOS_DESCUENTO_MENSUAL_DETALLADO, objParams).then((response) => {
let columns = getColumns();
let wrapsNameDatatable = `divDatatable`;
let classNameForDatatable = `display table table-bordered`;
makeDatatable(
wrapsNameDatatable,
{
data: response.data,
columns,
},
classNameForDatatable,
).then((nodes) => {
$(".chkFirma, #chkFirmaTodo").uniform();
nodes.container
.off()
// .on("click", ".verdetalle", function () {
// let data = nodes.datatable.DataTable().row($(this).parents("tr")).data();
// mostrarModalVerDetalleDescuentoAsistencia(data);
// })
});
});
};
$(document).ready(function () {
listarAsistenciaMensual()
})
\ No newline at end of file
src/main/webapp/js/pages/montos_administrativos.js
function getColumns() {
let columns = [
{
title: `N°`,
data: `id`,
className: 'text-center'
},
{
title: `APELLIDOS Y NOMBRES`,
data: null,
className: `text-center`,
render: (data) => {
let nombresCompletos;
let nombres = data.trabajador_nombres;
let apellidos = data.trabajador_apellidos;
nombresCompletos = `${apellidos} ${nombres}`;
return nombresCompletos;
}
},
{
title: "SEDE",
data: "sede_descripcion",
className: "text-center"
},
{
title: `CARGO`,
data: `puestolaboral_nombre`,
className: 'text-center'
},
{
title: `DESCUENTO<br>(S/.)`,
data: `descuento_total`,
className: 'text-center',
render: (data) => {
return `<span class="text-danger">${data}.00</span>`;
}
},
{
title: `ACCIONES`,
data: null,
className: 'text-center',
render: (data) => {
let acciones = "";
let registrar = "";
let verdetalle = "";
verdetalle = `<span data-toggle="tooltip" data-placement="left" title="Ver detalle" style="cursor: pointer"> <i class='verdetalle icon-list text-primary-700'></i>&nbsp;&nbsp; </span>`;
acciones = verdetalle;
return acciones;
}
}
];
return columns;
}
const listarPeriodosCierreAsistencia = (nodeIdentifier) => {
ajaxWebService.get(URI_ADMINISTRATIVOS_PERIODO_CIERRE_ASISTENCIA).then((result) => {
let data = result.data;
let html = `<option value="">[SELECCIONE]</option>`;
html += data.map(periodo => `<option value="${periodo.id}">${periodo.descripcion}</option>`);
$(nodeIdentifier).html(html);
$(nodeIdentifier).change((e) => {
let id = $(e.currentTarget).val();
console.log(id)
});
});
ajaxWebService.get(URI_ADMINISTRATIVOS_PERIODO_CIERRE_ASISTENCIA).then((result) => {
let data = result.data;
let html = `<option value="">[SELECCIONE]</option>`;
html += data.map(periodo => `<option value="${periodo.id}">${periodo.descripcion}</option>`);
$(nodeIdentifier).html(html);
$(nodeIdentifier).change((e) => {
let id = $(e.currentTarget).val();
console.log(id)
});
});
// initSelect2(nodeIdentifier, "descripcion");
}
......@@ -76,19 +134,53 @@ const listarPeriodosCierreAsistencia = (nodeIdentifier) => {
const listarSedes = (selectorName) => {
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 => html += `<option value="${sede.codigo}">${sede.descripcion}</option>`);
$(`${selectorName}`).html(html);
$(selectorName).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 => html += `<option value="${sede.codigo}">${sede.descripcion}</option>`);
$(`${selectorName}`).html(html);
$(selectorName).select2();
});
};
const listarDescuentoMensualAdministrativos = (objParams = {}) => {
ajaxWebService.get(URI_ADMINISTRATIVOS_DESCUENTO_MENSUAL, objParams).then((response) => {
let columns = getColumns();
let wrapsNameDatatable = `divDatatable`;
let classNameForDatatable = `display table table-bordered`;
makeDatatable(
wrapsNameDatatable,
{
data: response.data,
columns,
},
classNameForDatatable,
).then((nodes) => {
$(".chkFirma, #chkFirmaTodo").uniform();
nodes.container
.off()
.on("click", ".verdetalle", function () {
let data = nodes.datatable.DataTable().row($(this).parents("tr")).data();
mostrarModalVerDetalleDescuentoAsistencia(data);
})
});
});
};
const aplicarFiltro = () => {
}
$(document).ready(function () {
initDatePicker("#dpFechaInicioFiltro", "#dpFechaFinFiltro");
listarSedes("#cboSedesFiltro");
listarPeriodosCierreAsistencia("#cboPeriodoCierreFiltro");
initDatePicker("#dpFechaInicioFiltro", "#dpFechaFinFiltro");
listarSedes("#cboSedesFiltro");
listarPeriodosCierreAsistencia("#cboPeriodoCierreFiltro");
$("#btnAplicarFiltro").click(aplicarFiltro);
$("#btnMostrarTodo").click(listarDescuentoMensualAdministrativos);
});
\ No newline at end of file
src/main/webapp/vistas/detalleMontosAdministrativos.jsp 0 → 100644
<%--<%@include file="templates/validar.jsp" %>--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<%@include file="templates/header.jsp" %>
<!--template-core-->
<!--css de la pagina-->
<link href="../css/lib/sweetalert2.min.css" rel="stylesheet" type="text/css"/>
<!--css-->
</head>
<body>
<%@include file="templates/header-body.jsp" %>
<!-- content -->
<div class="col-md-4 col-md-offset-4">
<div class="panel panel-primary">
<div class="panel-heading">
<h5 class="panel-title">Detalle de descuento mensual</h5>
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-6 form-group">
<label>Personal</label>
<span class="label label-left border-left border-left-primary label-striped form-control">GANGAS VASQUEZ LUIS ALBERTO</span>
</div>
<div class="col-md-6 form-group">
<label>Cargo</label>
<span class="label label-left border-left border-left-primary label-striped form-control">ANALISTA PROGRAMADOR</span>
</div>
</div>
<div class="row">
<div class="col-md-6 form-group">
<label>Horario</label>
<span class="label label-left border-left border-left-primary label-striped form-control">07:30 - 17:30</span>
</div>
<div class="col-md-6 form-group">
<label>Costo día</label>
<span class="label label-left border-left border-left-primary label-striped form-control">600.00</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-10 col-md-offset-1">
<div class="panel panel-primary card-3" style="margin-top: 30px">
<div class="panel-heading" style="padding: 8px 15px">
<h6 class="panel-title" style="font-size: 15px; font-family: inherit">Asistencias</h6>
</div>
<div id="divDatatable"></div>
</div>
</div>
<!-- / content -->
<%@include file="templates/footer-body.jsp"%>
<!--js de la pagina-->
<script src="../plantilla/assets/js/core/libraries/jquery_ui/widgets.min.js" type="text/javascript"></script>
<script src="../plantilla/assets/js/plugins/ui/moment/moment.min.js" type="text/javascript"></script>
<script src="../plantilla/assets/js/plugins/pickers/datepicker.js" type="text/javascript"></script>
<script src="../js/lib/bootstrap-select.min.js" type="text/javascript"></script>
<script src="../plantilla/assets/js/plugins/forms/selects/select2.min.js"></script>
<script src="../js/lib/lodash.js" type="text/javascript"></script>
<script src="../js/pages/detalle_montos_administrativos.js" type="text/javascript"></script>
<!--js-->
</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