Skip to content

A
Asistencia
Commit 2d2ff29f by Billy Larru
Options

editar tolerancias individuales 

Se mueve el sweetalert al footer-body,
se agrega una nueva clase en el general.css para evitar el centrado en el body del modal.
parent 183bdf0a
Showing with 195 additions and 6 deletions
src/main/webapp/css/general.css
...@@ -269,3 +269,7 @@ table.display tbody tr:hover td { ...@@ -269,3 +269,7 @@ table.display tbody tr:hover td {
float: none; float: none;
margin: 0 auto; margin: 0 auto;
} }
.align-auto {
text-align: -webkit-auto;
}
\ No newline at end of file
src/main/webapp/js/general.js
...@@ -40,6 +40,11 @@ const URI_ADMINISTRATIVOS_ESTADO_TOLERANCIA_INDIVIDUAL = "estadoTolerancias"; ...@@ -40,6 +40,11 @@ const URI_ADMINISTRATIVOS_ESTADO_TOLERANCIA_INDIVIDUAL = "estadoTolerancias";
//</editor-fold> //</editor-fold>
swal.mixin({
buttonsStyling: false,
confirmButtonClass: 'btn btn-primary mr-5 ml-5',
cancelButtonClass: 'btn btn-secondary mr-5 ml-5'
});
$.extend($.fn.dataTable.defaults, { $.extend($.fn.dataTable.defaults, {
// bSort: false, // bSort: false,
...@@ -529,3 +534,5 @@ const generarFechas = (desde, hasta) => { ...@@ -529,3 +534,5 @@ const generarFechas = (desde, hasta) => {
} }
return fechas; return fechas;
} }
src/main/webapp/js/pages/tolerancia_individual.js
...@@ -68,9 +68,15 @@ function getColumns() { ...@@ -68,9 +68,15 @@ function getColumns() {
let editar = ""; let editar = "";
let eliminar = ""; let eliminar = "";
if (data.estado === 1) {
eliminar = `<span style="cursor: pointer"><i class="eliminar fa fa-power-off text-danger-700"></i>&nbsp;&nbsp;</span>`;
} else {
eliminar = `<span style="cursor: pointer"><i class="eliminar fa fa-power-off text-success-700"></i>&nbsp;&nbsp;</span>`;
}
verdetalle = `<span style="cursor: pointer"><i class="verdetalle icon-list text-primary-700"></i>&nbsp;&nbsp;</span>`; verdetalle = `<span style="cursor: pointer"><i class="verdetalle icon-list text-primary-700"></i>&nbsp;&nbsp;</span>`;
editar = `<span style="cursor: pointer"><i class="editar icon-pencil text-slate-800"></i>&nbsp;&nbsp;</span>`; editar = `<span style="cursor: pointer"><i class="editar icon-pencil text-slate-800"></i>&nbsp;&nbsp;</span>`;
eliminar = `<span style="cursor: pointer"><i class="eliminar fa fa-power-off text-danger-700"></i>&nbsp;&nbsp;</span>`;
...@@ -270,6 +276,106 @@ function addMinutes(time, minsToAdd) { ...@@ -270,6 +276,106 @@ function addMinutes(time, minsToAdd) {
return D(mins % (24 * 60) / 60 | 0) + ':' + D(mins % 60); return D(mins % (24 * 60) / 60 | 0) + ':' + D(mins % 60);
} }
const mostrarModalVerDetalleTolerancia = (data) => {
};
const mostrarModalEditarTolerancia = (data) => {
ajaxModal.get("administrativos/tolerancia/individual/editarTolerancia.jsp").then((response) => {
swal({
title: '<strong>Editar Tolerancia</strong>',
// type: 'info',
html: response.data,
showCloseButton: true,
showCancelButton: true,
focusConfirm: false,
confirmButtonText: '<i class="icon-checkmark2"></i> Editar tolerancia',
confirmButtonAriaLabel: 'Editar tolerancia',
cancelButtonText: '<i class="icon-cross3"></i>Cancelar',
cancelButtonAriaLabel: 'Thumbs down',
width: '30%',
customClass: 'swal2-overflow',
onOpen: () => {
inicializarInputsModalEditarTolerancia(data);
}
}).then((result) => {
if (result.value) {
editarTolerancia();
}
});
});
};
const mostrarModalEliminarTolerancia = (data) => {
let {id, estado} = data;
let titulo = "";
let textoConfirmacion = ""
let tituloOperacion = "";
if (estado == 1) {
titulo = 'Está seguro de eliminar la tolerancia?';
textoConfirmacion = 'Sí, eliminar!';
tituloOperacion = '¡Eliminado exitosamente!';
estado = 4;
} else {
titulo = 'Está seguro de activar?';
textoConfirmacion = 'Sí, activar!';
tituloOperacion = '¡Activado exitosamente!';
estado = 1;
}
swal({
title: titulo,
text: "",
type: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: textoConfirmacion
}).then((result) => {
if (result.value) {
ajaxWebService.patch(`${URI_ADMINISTRATIVOS_TOLERANCIA_INDIVIDUAL}/${id}`, {estado}).then((response) => {
if (response.status) {
swal({
type: 'success',
title: tituloOperacion,
showConfirmButton: false,
timer: 1500
});
listarToleranciasIndividuales();
}
});
}
});
};
const editarTolerancia = () => {
swal({
type: 'success',
title: "Se actualizó la tolerancia exitosamente",
showConfirmButton: false,
timer: 1500
});
};
const inicializarInputsModalEditarTolerancia = (data) => {
let nombresCompletos = `${data.trabajador_apellidos} ${data.trabajador_nombres}`;
$("#spanNombres").text(nombresCompletos);
$("#txtHorarioLV").val(data.horarioLV);
$("#txtToleranciaLV").val(data.toleranciaLV);
$("#txtNuevoHorarioLV").val(data.nuevoHorarioLV);
$("#txtHorarioSabado").val(data.horarioSabado);
$("#txtToleranciaSabado").val(data.toleranciaSabado);
$("#txtNuevoHorarioSabado").val(data.nuevoHorarioSabado);
initDatePicker("#dpFechaInicio", "#dpFechaFin");
$("#dpFechaInicio").val(data.fechaInicio);
$("#dpFechaFin").val(data.fechaFin);
$("#txtObservacion").val(data.observacion);
};
function listarToleranciasIndividuales(objParams = {}){ function listarToleranciasIndividuales(objParams = {}){
ajaxWebService.get(URI_ADMINISTRATIVOS_TOLERANCIA_INDIVIDUAL, objParams).then((response) => { ajaxWebService.get(URI_ADMINISTRATIVOS_TOLERANCIA_INDIVIDUAL, objParams).then((response) => {
let columns = getColumns(); let columns = getColumns();
...@@ -287,9 +393,17 @@ function listarToleranciasIndividuales(objParams = {}){ ...@@ -287,9 +393,17 @@ function listarToleranciasIndividuales(objParams = {}){
).then((nodes) => { ).then((nodes) => {
nodes.container nodes.container
.off() .off()
.on("click", ".registrar", function () { .on("click", ".verdetalle", function () {
let data = nodes.datatable.DataTable().row($(this).parents("tr")).data();
mostrarModalVerDetalleTolerancia(data);
})
.on("click", ".editar", function () {
let data = nodes.datatable.DataTable().row($(this).parents("tr")).data();
mostrarModalEditarTolerancia(data);
})
.on("click", ".eliminar", function () {
let data = nodes.datatable.DataTable().row($(this).parents("tr")).data(); let data = nodes.datatable.DataTable().row($(this).parents("tr")).data();
// mostrarModalRegistro(data); mostrarModalEliminarTolerancia(data);
}); });
}); });
......
src/main/webapp/vistas/modals/administrativos/tolerancia/individual/editarTolerancia.jsp 0 → 100644
<div class="panel-body">
<form id="frm" onsubmit="return false;" autocomplete="off">
<div class="row">
<div class="form-group col-md-12">
<label>Personal</label>
<span class="label border-left-primary label-striped form-control" id="spanNombres"></span>
</div>
</div>
<div class="row">
<div class="form-group col-md-4">
<label>Horario LV</label>
<input type="time" class="form-control text-center" id="txtHorarioLV" disabled>
</div>
<div class="form-group col-md-4">
<label>Tolerancia(min)</label>
<input type="number" min="0" value="0" class="form-control text-center" id="txtToleranciaLV">
</div>
<div class="form-group col-md-4">
<label>Nuevo Horario LV</label>
<input type="time" min="00:00" max="23:59" class="form-control text-center" id="txtNuevoHorarioLV">
</div>
</div>
<div class="row">
<div class="form-group col-md-4">
<label>Horario Sabado</label>
<input type="time" class="form-control text-center" id="txtHorarioSabado" disabled>
</div>
<div class="form-group col-md-4">
<label>Tolerancia(min)</label>
<input type="number" min="0" value="0" class="form-control text-center" id="txtToleranciaSabado">
</div>
<div class="form-group col-md-4">
<label>Nuevo Horario Sabado</label>
<input type="time" min="00:00" max="23:59" class="form-control text-center" id="txtNuevoHorarioSabado">
</div>
</div>
<div class="row">
<div class="form-group col-md-6">
<label>Fecha Inicio</label>
<div class="input-group">
<span class="input-group-addon"><i class="icon-calendar"></i></span>
<input type="text" class="form-control" id="dpFechaInicio">
</div>
</div>
<div class="form-group col-md-6">
<label>Fecha Fin</label>
<div class="input-group">
<span class="input-group-addon"><i class="icon-calendar"></i></span>
<input type="text" class="form-control" id="dpFechaFin">
</div>
</div>
</div>
<div class="row">
<div class="form-group col-md-12">
<label>Observacion</label>
<textarea name="txtObservacion" id="txtObservacion" cols="30" rows="4" class="form-control"></textarea>
</div>
</div>
</form>
</div>
\ No newline at end of file
src/main/webapp/vistas/modals/administrativos/tolerancia/individual/registroTolerancia.jsp
...@@ -57,5 +57,5 @@ ...@@ -57,5 +57,5 @@
<textarea name="txtObservacion" id="txtObservacion" cols="30" rows="4" class="form-control"></textarea> <textarea name="txtObservacion" id="txtObservacion" cols="30" rows="4" class="form-control"></textarea>
</div> </div>
</div> </div>
</form>
</div> </div>
\ No newline at end of file
</form>
\ No newline at end of file
src/main/webapp/vistas/templates/footer-body.jsp
...@@ -33,6 +33,7 @@ ...@@ -33,6 +33,7 @@
<!--axios--> <!--axios-->
<script src="../plantilla/assets/js/plugins/tables/datatables/datatables.min.js" type="text/javascript"></script> <script src="../plantilla/assets/js/plugins/tables/datatables/datatables.min.js" type="text/javascript"></script>
<script src="../js/lib/axios.min.js" type="text/javascript"></script> <script src="../js/lib/axios.min.js" type="text/javascript"></script>
<script src="../js/lib/sweetalert2.min.js" type="text/javascript"></script>
<!-- /Generales --> <!-- /Generales -->
<script src="../js/general.js" type="text/javascript"></script> <script src="../js/general.js" type="text/javascript"></script>
......
src/main/webapp/vistas/toleranciaIndividual.jsp
...@@ -84,7 +84,7 @@ ...@@ -84,7 +84,7 @@
<script src="../js/lib/bootstrap-select.min.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="../plantilla/assets/js/plugins/forms/selects/select2.min.js"></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/sweetalert2.min.js" type="text/javascript"></script>
<script src="../js/pages/tolerancia_individual.js" type="text/javascript"></script> <script src="../js/pages/tolerancia_individual.js" type="text/javascript"></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