EVOLUTION-MANAGER

Edit File: carrousel.js

$(document).ready(function () {
    cargar_imagenes_carrousel();
});

function cargar_imagenes_carrousel(){

vista_cargando();

$.get(ruta_host+"/admin/carrousel/listado", function(response){
        vista_cargando();

if(response.status==200){

carrousel = response.response;
            console.log(carrousel);

//cargamos las imagenes
            $("#content_files").html("");
            $.each(carrousel, function (i, imagen) {
                var input_detalle = "";
                if(imagen.nombre){
                    input_nombre = `<input value="${imagen.nombre}" class="detalle form-control form-control-sm" type="text" placeholder="Nombre Imagen" disabled>`;
                }
                $("#content_files").append(`
                    <div class="card_files">
                        <div class="card_body">
                            <img class="carrousel_img" src="${route_public}/${imagen.imagen}" alt="">
                            <span class="name_files"></span>
                            <span class="items">
                                ${input_detalle}
                            </span>
                            <span class="buttons_files">
                                <button type="button" value="${imagen.id_encrypt}" data-name-delete="carrousel_imagen" class="btn_files_delete btn btn-xs btn-danger"><i class="fa fa-trash"></i> </button>
                            </span>
                        </div>
                    </div>
                `);
            });

}else{
            alerta(response.msg_text, response.msg_color);
        }
  
    }).fail(function(){
        vista_cargando();
        alerta("No se pudo realizar la solicitud", "error");
    });

}

$("#frm_guardar_carrousel").submit(function(e){ 
    e.preventDefault();
    
    var formulario = this;

Swal.fire({
        title: `<strong>Atenci&oacute;n</strong>`,
        icon: 'info',
        html: '<span>¿Est&aacute; seguro que desea guardar los datos?</span>',
        showCloseButton: false,
        showCancelButton: true,
        focusConfirm: false,
        confirmButtonText:'<i class="fa fa-thumbs-up"></i> Continuar',
        cancelButtonText:'<i class="fa fa-thumbs-down"></i> Cancelar',
    }).then((result) => {

if (result.isConfirmed) {

$.ajaxSetup({headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}});
            var FrmData = new FormData(formulario);
            vista_cargando();
        
            $.ajax({
                url: ruta_host+"/admin/carrousel/guardar",
                method: 'POST',
                data: FrmData,
                dataType: 'json',
                contentType:false,
                cache:false,
                processData:false,
                success: function(response){
                
                    vista_cargando();
                    alerta(response.msg_text, response.msg_color);
                    
                    if(response.status==200){
                        cargar_imagenes_carrousel();
                    }
                
                },
                error: function(error){                        
                    vista_cargando();                       
                    alerta("No se pudo realizar la operación", "error");  
                }
            });

}
      
    });

});