Skip to content

A
Asistencia
Commit 2dd9b0be by Billy Larru
Options

[EDIT evaluar justificacion, mostrando documentos]

parent 4136fe99
Showing with 149 additions and 10 deletions
src/main/webapp/js/general.js
......@@ -11,6 +11,8 @@ const PATH_SERVICIO_REST = 'http://app9.sacooliveros.edu.pe:8080/security-rest/a
const baseURLRest = 'http://sistem16:666/';
const baseURLModals = `http://localhost:7070/Asistencia/vistas/modals/`;
const baseURLImages = ''
const ajaxWebService = axios.create({
baseURL: baseURLRest
});
......
src/main/webapp/js/pages/evaluar_justificacion.js
$(document).ready(function(){
const cargarDatos = () => {
let justificacion = JSON.parse(localStorage.getItem('data'));
$("#spanNombres").text(`${justificacion.trabajador_apellidos} ${justificacion.trabajador_nombres}`)
initDateRangePicker("#dpRangoFechas")
$("#dpRangoFechas").data('daterangepicker').setStartDate(justificacion.fecha_inicio)
$("#dpRangoFechas").data('daterangepicker').setEndDate(justificacion.fecha_fin)
$("#spanTipoJustificacion").text(`${justificacion.tipojustificacion_descripcion}`)
if (justificacion.tipojustificacion_descripcion == "TARDANZA") {
$("#spanHora").text(`${justificacion.hora_ingreso}`)
$("#divHora").removeClass('hidden')
}
$("#spanMotivo").text(`${justificacion.motivo}`)
$("#txtObservacion").text(`${justificacion.observacion}`)
$("#spanNumeroDocumentosAdjuntos").text(`${justificacion.numero_documentos_adjuntos}`)
let documentos = justificacion.documentos;
debugger
// let urlDocumento = documentos[0].url
// $("#imgDocumento").attr('height', '200px')
// $("#imgDocumento").attr('width', '200px')
// $("#imgDocumento").attr('src', urlDocumento)
// documentos.forEach(documento => {
// let html = `<div class="col-md-4">
// <img src="${documento.url}">
// </div>`
//
// $("#divDocumentos").html(html)
// })
let html = ""
html +=
documentos.map(documento =>
`<div class="col-md-3">
<img src="${documento.url}">
</div>`
)
.join("")
$("#divDocumentos").html(html)
}
$(document).ready(function () {
cargarDatos()
})
\ No newline at end of file
src/main/webapp/js/pages/listado_justificacion.js
......@@ -72,6 +72,19 @@ function getColumns() {
return columns;
}
const mostrarModalVerDetalleJustificacion = (data) => {
// let filtros = {
// fecha_inicio: $("#dpFechaInicioFiltro").val(),
// fecha_fin: $("#dpFechaFinFiltro").val(),
// sede_id: $("#cboSedesFiltro").val()
// }
debugger
localStorage.setItem('data', JSON.stringify(data))
// localStorage.setItem('filtros', JSON.stringify(filtros))
location.href = `${baseURLModals}justificaciones/evaluarJustificacion.jsp`
}
const listarJustificaciones = (objParams = {}) => {
ajaxWebService.get(URI_JUSTIFICACION, objParams).then((response) => {
......@@ -92,7 +105,7 @@ const listarJustificaciones = (objParams = {}) => {
.off()
.on("click", ".verdetalle", function () {
let data = nodes.datatable.DataTable().row($(this).parents("tr")).data();
mostrarModalVerDetalleDescuentoAsistencia(data);
mostrarModalVerDetalleJustificacion(data);
})
});
......
src/main/webapp/js/pages/registroJustificacion.js
......@@ -49,6 +49,13 @@ const registrarJustificacion = () => {
let observacion = $("#txtObservacion").val()
let numero_documentos_adjuntos = $("#txtNumeroDocumentosAdjuntos").val()
let documentos_adjuntados = ""
let documentos = [];
documentos.push({url: "https://picsum.photos/300/300/?random"})
documentos.push({url: "https://picsum.photos/300/300/?random"})
let estado = 1
let params = {
......
src/main/webapp/vistas/modals/justificaciones/evaluarJustificacion.jsp
......@@ -6,23 +6,97 @@
<jsp:include page="/vistas/templates/header.jsp" />
<!--template-core-->
<!--css de la pagina-->
<link href="../css/lib/sweetalert2.min.css" rel="stylesheet" type="text/css"/>
<link href="${pageContext.request.contextPath}/css/lib/sweetalert2.min.css" rel="stylesheet" type="text/css"/>
<!--css-->
</head>
<body>
<jsp:include page="/vistas/templates/header-body.jsp" />
<!-- content -->
<div class="col-md-12">
<div class="panel panel-primary">
<div class="panel-heading">
<h5 class="panel-title">EVALUACIÓN DE LA JUSTIFICACIÓN</h5>
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-4 form-group">
<label>Personal</label>
<span class="label label-left border-left-primary label-striped form-control" id="spanNombres"></span>
</select>
</div>
<div class="col-md-4 form-group">
<label>Fecha(s) a justificar</label>
<div class="input-group">
<span class="input-group-addon"><i class="icon-calendar"></i></span>
<input type="text" class="form-control"id="dpRangoFechas" disabled>
</div>
</div>
<div class="col-md-2 form-group">
<label>Justificacion por</label>
<span class="label label-left border-left-primary label-striped form-control" id="spanTipoJustificacion"></span>
</div>
<div class="col-md-2 form-group hidden" id="divHora">
<label>Hora</label>
<span class="label label-left border-left-primary label-striped form-control" id="spanHora"></span>
</div>
</div>
<div class="row">
<div class="col-md-12 form-group">
<label>Motivo</label>
<span class="label label-left border-left-primary label-striped form-control" id="spanMotivo"></span>
</div>
</div>
<div class="row">
<div class="col-md-12 form-group">
<label>Observación/Fundamento</label>
<textarea id="txtObservacion" cols="30" rows="5" class="form-control" disabled></textarea>
</div>
</div>
<div class="row">
<div class="col-md-2 form-group">
<label>Nro documentos adjuntos</label>
<span class="label label-left border-left-primary label-striped form-control" id="spanNumeroDocumentosAdjuntos"></span>
</div>
<!-- <div class="form-group col-md-10">
<label class="control-label">Adjuntar documentos</label>
<input type="file" class="file-styled-primary form-control" multiple>
</div>-->
</div>
<div class="row">
<div class="col-md-12 form-group">
<label>Documentos</label>
<div class="row" id="divDocumentos">
</div>
<img src="" alt="" id="imgDocumento" class="">
</div>
</div>
</div>
<div class="panel-footer">
<div class="text-center">
<button class="btn btn-success" id="btnAceptar"><i class="fa fa-check"></i> Aceptar</button>&nbsp;
<button class="btn btn-danger" id="btnRechazar"><i class="fa fa-cross"></i> Rechazar</button>&nbsp;
</div>
</div>
</div>
</div>
<!-- / content -->
<jsp:include page="/vistas/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="${pageContext.request.contextPath}/plantilla/assets/js/core/libraries/jquery_ui/widgets.min.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/plantilla/assets/js/plugins/ui/moment/moment.min.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/plantilla/assets/js/plugins/pickers/daterangepicker.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/lib/bootstrap-select.min.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/plantilla/assets/js/plugins/forms/selects/select2.min.js"></script>
<script src="${pageContext.request.contextPath}/js/lib/lodash.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/plantilla/assets/js/plugins/ui/moment/moment.min.js" type="text/javascript"></script>
<script src="../../../js/pages/evaluar_justificacion.js" type="text/javascript"></script>
<!--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