[#] hm X_Shell Backd00r [#]

   $(document).ready(function() {
//-----------------------------  Funcion guardar datos  ----------------------->


 
     $('.enviarDatos').on ('click',function(){ 

         var estado = $('.mensaje1').attr('data-estado');
          if (estado == "correcto") {

      var formData = new FormData(document.getElementById("form1"));       

            $.ajax({
            url: '../AppController/guardar_fondo.php',
            type: 'POST',
            data: formData, 
            cache: false,
            contentType: false,
            processData: false
            })
              .done(function(data) {
               console.log("Datos enviados correctamente");
                $('.contenido_principal').html(data);
                
                $('.establecer').establecer();
                $('.delete-event').delete_event();
            
               $("#fnd_activo").attr("name","fnd_activo");
                   
              })
                        
            .fail(function() {
            console.log("error fatal no se procesaron los datos");
            });
};  if (estado == "error") {
     
         $('#mensaje2').html('&nbsp;ERROR!! cambie la imagen por una con las dimenciones solicitadas<br/>').show(300).delay(2500).hide(400);
         $('#mensaje2').css('background-color', '#D8211D;');
         
        return false;
};

});
        
       
//-----------------------------  Funcion Eliminar Datos  ----------------------->
                 $.fn.delete_event = function(){

                $('.delete-event').on ('click',function(){
             var pregunta = confirm('¿Esta seguro de eliminar la imagen de la BD?');
              if(pregunta==true){

                  var id_fondo = $(this).attr("data-id_fondo");
                  $.ajax({
                  url: '../AppController/eliminar_fondo.php',
                  type: 'POST',
                  data: 'id_fondo='+id_fondo,

                  })
                  .done(function(data) {
                  console.log("sucedio el evento remove");
                  $('.contenido_principal').html(data);
                  
                  $('.establecer').establecer();
                  $('.delete-event').delete_event();
                    return false;      
                  })
                  .fail(function() {
                  console.log("error");
                  });
               }else{  return false;  }

                });
            
            } 

          $('.delete-event').delete_event();

//-----------------------------  fincion establecer fondo  ----------------------->
       $.fn.establecer = function(){

     $('.establecer').on('click', function(){
     
      var id_fondo = $(this).attr("data-id_fondo");
      var confirmar = confirm('Establecer como nuevo fondo de pantalla');
      
      if ( confirmar == true) {
      $.ajax({
        url: '../AppController/establecer_fondo.php',
        type: 'POST',
        data: 'id_fondo='+id_fondo,
      })
      .done(function(data) {
        console.log("success");
        $('.contenido_principal').html(data);
        $('#myModal2').modal('show');
        $('.establecer').establecer();
        $('.delete-event').delete_event();

      //  $('#myModal2').modal('hide').delay(8000);
      })
      .fail(function() {
        console.log("error");
      })

       }else{  return false;  }
      
      
      //$('#myModal2').delay(5000).modal('hide');


     });
     
}

 $('.establecer').establecer();

       $('#nombre_img').on('change', function(){
           $('#seleccionarfile').css('display', 'block');
       });


//--------------Start function validar imagen --------------------------------->
             
        var _URL = window.URL || window.webkitURL;
        $("#nombre_img").change(function (e) {
            var file, img;
            if ((file = this.files[0])) {
                img = new Image();
                img.onload = function () {
                  
                    var ancho = this.width;
                    var alto = this.height;

       if ((ancho<980 && ancho>900 ) & (alto<320 && alto>290)) {

           $('.mensaje1').attr('data-estado', 'correcto'); 
           $('.mensaje1').html('&nbsp;La imagen a sido verificada y es aceptada.. <br/>').show(300).delay(3000).hide(300);
             $('.mensaje1').css('background-color', '#B3D0A7;');
        
           }

          else {

                $('.mensaje1').attr('data-estado', 'error'); 
                $('.mensaje1').html('&nbsp;ERROR!! la imagen no cumple con las dimenciones establecidas<br/>').show();
                $('.mensaje1').css('background-color', '#D8211D;');

                $('#myModal').attr('data-dismiss', '');
     
                };
              };
                img.src = _URL.createObjectURL(file);
            }
        });


//---------------------- End function validar imagen --------------------------------->

  var _URL = window.URL || window.webkitURL;
        $("#nombre_img").change(function (e) {

           document.getElementById('seleccionarfile').style.display = 'block';

            var file, img;
            if ((file = this.files[0])) {
                img = new Image();
                img.onload = function () {
                  
                    var ancho = this.width;
                    var alto = this.height;

       if ( ancho>1550  &  alto>900) {

           $('.mensaje1').attr('data-estado', 'correcto'); 
           $('.mensaje1').html('&nbsp;La imagen a sido verificada y es aceptada.. <br/>').show(300).delay(2500).hide(400);
             $('.mensaje1').css('background-color', '#5F9E45;');
        
           }  

          else {

                $('.mensaje1').attr('data-estado', 'error'); 
                $('.mensaje1').html('&nbsp;ERROR!! la imagen no cumple con las dimenciones establecidas<br/>').show();
                $('.mensaje1').css('background-color', '#D8211D;');

                $('#myModal').attr('data-dismiss', '');
     
                };
              };
                img.src = _URL.createObjectURL(file);
            }
        });






   $('#cancelar').on('click', limpiar);

    function limpiar(){
      
      $('#form1')[0].reset();
      $('.mensaje1').css('display', 'none');
      $('#mensaje2').css('display', 'none');
      $('#seleccionarfile').css('display', 'none');
      $('#myModal').modal('hide');
    };

//-----------------------------  End Script  ----------------------->
 });