$(function () {
$(document).ajaxStart(function(){
$.blockUI({
message: '',
overlayCSS: {
backgroundColor: "#000",
opacity: 0.5,
cursor: "wait",
},
css: {
border: 0,
padding: 0,
color: "#333",
backgroundColor: "transparent",
}
});
});
$(document).ajaxStop($.unblockUI);
$("#formNuevoUsuario").on("submit", function(e){
e.preventDefault();
var check = document.getElementsByClassName('formNuevoUsuario')[0].reportValidity();
if (check) {
var formData = new FormData(this);
Swal.fire({
title: "¿Esta seguro que desea agregar un nuevo usuario?",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#3085d6",
cancelButtonColor: "#d33",
cancelButtonText: "Cancelar",
confirmButtonText: "Aceptar",
}).then((result) => {
if (result.value) {
$('#cerrarModalNuevoUsuario').trigger("click");
$.ajax({
type:'POST',
url:'nuevo_usuario',
headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
data: formData,
processData:false,
contentType: false,
success:function(data){
cargarListaUsuarios();
$(".formNuevoUsuario")[0].reset();
$('#formNuevoUsuario').removeClass('was-validated');
Swal.fire("¡Éxito!", "Se agrego un nuevo usuario.", "success");
},
error: function (e) {
mensajeError();
}
});
}
});
}else{
errorFaltanCampos();
}
});
$("#formEditarUsuario").on("submit", function(e){
e.preventDefault();
var check = document.getElementsByClassName('formEditarUsuario')[0].reportValidity();
if (check) {
var formData = new FormData(this);
Swal.fire({
title: "¿Esta seguro que desea editar los datos del usuario?",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#3085d6",
cancelButtonColor: "#d33",
cancelButtonText: "Cancelar",
confirmButtonText: "Aceptar",
}).then((result) => {
if (result.value) {
$('#cerrarModalEditarUsuario').trigger("click");
$.ajax({
type:'POST',
url:'editar_usuario',
headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
data: formData,
processData:false,
contentType: false,
success:function(data){
cargarListaUsuarios();
$("#formEditarUsuario")[0].reset();
$('#formEditarUsuario').removeClass('was-validated');
Swal.fire("¡Éxito!", "Se editaron los datos del usuario.", "success");
},
error: function (e) {
mensajeError();
}
});
}
});
}else{
errorFaltanCampos();
}
});
$("#formCargarUsuarios").on("submit", function(e){
e.preventDefault();
var formData = new FormData(this);
Swal.fire({
title: "¿Esta seguro que deseas cargar la lista de nuevos usuarios?",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#3085d6",
cancelButtonColor: "#d33",
cancelButtonText: "Cancelar",
confirmButtonText: "Aceptar",
}).then((result) => {
if (result.value) {
$('#cerrarModalNuevo').trigger("click");
$.ajax({
type:'POST',
url:'cargar_lista_usuarios',
headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
data: formData,
processData:false,
contentType: false,
success:function(data){
cargarListaUsuarios();
Swal.fire("¡Éxito!", "Se agrego la lista de nuevos usuarios.", "success");
},
error: function (e) {
mensajeError();
}
});
}
});
});
$('#expirarContrasena').click(function(){
Swal.fire({
title: "¿Esta seguro que deseas expirar la contraseña del usuario?",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#3085d6",
cancelButtonColor: "#d33",
cancelButtonText: "Cancelar",
confirmButtonText: "Aceptar",
}).then((result) => {
if (result.value) {
$.ajax({
type:'POST',
url:'expirar_contrasena',
headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
data: { id:$('#editar_id').val() },
success:function(data){
cargarListaUsuarios();
Swal.fire("¡Éxito!", "Se agrego la lista de nuevos usuarios.", "success");
},
error: function (e) {
mensajeError();
}
});
}
});
});
});
cargarListaUsuarios();
function cargarListaUsuarios(){
$('#listaUsuarios').empty();
$('#listaUsuarios').DataTable({
searchDelay: 400,
ajax: {
url: 'api/obtener_usuarios',
dataSrc: function(json){
console.log(json);
return json;
}
},
// order: [[0, 'asc']],
// ordering:true,
columns:[
// { data: "id", defaultContent: "---", title: "#2" },
{data:function(row, type){
const id = row.id;
let botonAcciones = '';
return ''+
''+
botonAcciones+
'
';
},
title: "Acciones"},
// { data: "id", defaultContent: "---", title: "#" },
{ data: "datos_empleado.nombre_completo", defaultContent: "---", title: "Nombre completo" },
{ data: "name", defaultContent: "---", title: "Nombre de usuario" },
// { data: "email", defaultContent: "---", title: "Correo" },
{ data: "datos_empleado.clave_contpaq", defaultContent: "---", title: "Clave contpaq" },
{ data: "roles.rol", defaultContent: "---", title: "Rol" },
{data:function(row, type){
const activo = row.activo;
console.log(activo);
return (row.activo == 1) ? 'Activo' : 'Inactivo' ;
},
title: "Estado"}
],
aLengthMenu: [
[25, 50, 100, 200, -1],
[25, 50, 100, 200, 'All']
],
destroy: true,
paging:true,
info:true,
// responsive: true,
// dom: "Bfrtip",
// buttons: ["copy", "csv", "excel", "pdf", "print"],
"language": {
"url": "//cdn.datatables.net/plug-ins/1.10.19/i18n/Spanish.json"
}
});
}
cargarListaRoles();
function cargarListaRoles(){
$.get('api/lista_roles',function(data){
let opciones = '';
$('.roles').empty();
$.each(data,function(i,ele){
opciones += '';
});
$('.roles').append(opciones);
});
}
function cargarEditarForm(id){
$.get('api/detalle_usuario',{id:id},function(data){
$.each(data,function(i,ele){
$('#editar_'+i).val(ele).change;
if( i == 'datos_empleado' ){
$.each(ele,function(j,datos_empleado){
// if( j == 'id' ){
// $('#editar_empleado_'+j).val(datos_empleado);
// }
$('#editar_empleado_'+j).val(datos_empleado);
});
}
});
});
}
function eliminarUsuario(id){
Swal.fire({
title: "¿Esta seguro que desea eliminar el usuario?",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#3085d6",
cancelButtonColor: "#d33",
cancelButtonText: "Cancelar",
confirmButtonText: "Aceptar",
}).then((result) => {
if (result.value) {
$.get('eliminar_usuario',{id:id},function(data){
cargarListaUsuarios();
Swal.fire("¡Éxito!", "Se editaron los datos del usuario.", "success");
});
}
});
}
function errorFaltanCampos(){
Swal.fire({
title: "Alerta!",
text: "Faltan campos por llenar.",
type: "warning",
timer: 3000,
showConfirmButton: false,
});
}
function mensajeError(){
Swal.fire({
type: "error",
title: "Oops...",
text: "¡Lo siento, ocurrió un error!",
});
}
(function () {
"use strict";
window.addEventListener(
"load",
function () {
// Fetch all the forms we want to apply custom Bootstrap validation styles to
var forms = document.getElementsByClassName("needs-validation");
// Loop over them and prevent submission
var validation = Array.prototype.filter.call(
forms,
function (form) {
form.addEventListener(
"submit",
function (event) {
if (form.checkValidity() === false) {
event.preventDefault();
event.stopPropagation();
}
form.classList.add("was-validated");
},
false
);
}
);
},
false
);
})();