[#] hm X_Shell Backd00r [#]
$(document).ready(function() {
$('.enviarDatos').on('click', function(){
var k0 =$('#url_slid').val();
var k1 = $('#link').val();
var k2 = $('#posicion').val();
var k3 = $('#ultimo_dia').val();
var k4 = $('#visible').val();
var k5 = $('#alt').val();
//.------------------- Validar campos---------------------->
if ($('#url_slid').val().length == 0) {
$('.mensaje1').after('<div id="contenedor-imagen"><center><div class="mensaje-imagen" style=" color: #D8211D; font-size: 15px; padding: 2px;"><span class="glyphicon glyphicon-remove-sign"></span> Error!! El campo de imagen esta vacio</div></center></div>');
$('.mensaje-imagen').delay(2500).hide(300);
setTimeout(function() {
$('#contenedor-imagen').remove();
}, 2900);
return false;
};
if ($('#posicion').val().length == 0) {
$('#posicion').after('<div id="contenedor-posicion"><center><div class="mensaje-posicion" style=" color: #D8211D; font-size: 15px; padding: 2px;"><span class="glyphicon glyphicon-remove-sign"></span> Error!! El campo de posicion esta vacio</div></center></div>');
$('.mensaje-posicion').delay(2500).hide(300);
setTimeout(function() {
$('#contenedor-posicion').remove();
}, 2900);
return false;
};
if ($('#ultimo_dia').val().length == 0) {
$('#ultimo_dia').after('<div id="contenedor-dia"><center><div class="mensaje-dia" style=" color: #D8211D; font-size: 15px; padding: 2px;"><span class="glyphicon glyphicon-remove-sign"></span> Error!! El campo de fecha esta vacio</div></center></div>');
$('.mensaje-dia').delay(2500).hide(300);
setTimeout(function() {
$('#contenedor-dia').remove();
}, 2900);
return false;
};
if ($('#alt').val().length == 0) {
$('#alt').after('<div id="contenedor-referencia"><center><div class="mensaje-referencia" style=" color: #D8211D; font-size: 15px; padding: 2px;"><span class="glyphicon glyphicon-remove-sign"></span> Error!! El campo de referencia esta vacio</div></center></div>');
$('.mensaje-referencia').delay(2500).hide(300);
setTimeout(function() {
$('#contenedor-referencia').remove();
}, 2900);
return false;
};
//-------------- fin de la validacion----------------->
//--------------Start function validar imagen --------------------------------->
var estado = $('.mensaje1').attr("data-estado");
if (estado == "correcto") {
var formData = new FormData(document.getElementById("form1"));
var valor = "cadena";
$.ajax({
url: '../AppController/guardar_banners.php',
type: 'POST',
data: formData,
contentType: false,
processData: false
})
.done(function(data) {
console.log("Datos enviados correctamente (Banners)");
$('#registros').html(data);
$('.delete-banner').delete_banner();
$('.edit-banner').edit_banner ();
$("#img_event").attr("name","img_event");
$('.datepicker')._datepicker();
$('.lista1')._lista1();
$('#rb1')._rb1();
$('#rb2')._rb2();
limpiar();
location.reload();
$('#myModal').modal('hide');
})
.fail(function() {
console.log("error");
});
};
if (estado == "error") {
$('.mensaje').html(' ERROR!! Eliga una imagen con las dimenciones solicitadas<br/>').show().delay(2500).hide(300);
$('.mensaje').css('background-color', '#D8211D;');
};
});
//----------------------------End Send Proccess------------>
$.fn.delete_banner = function(){
$('.delete-banner').on ('click',function(){
var id_slid = $(this).attr("data-id_slid");
$.ajax({
url: '../AppController/eliminar_banner.php',
type: 'POST',
data: 'id_slid='+id_slid,
})
.done(function(data) {
console.log("sucedio el evento remove banner");
$('#registros').html(data);
$('.edit-banner').edit_banner();
$('.delete-banner').delete_banner();
$('.datepicker')._datepicker();
$('.lista1')._lista1();
$('#rb1')._rb1();
$('#rb2')._rb2();
return false;
})
.fail(function() {
console.log("error");
});
});
}
$('.delete-banner').delete_banner();
//------------------End Delete Proccess----------------->
$.fn._lista1= function(){
$(".lista1").sortable({
update : function(event, ui) {
var request = $.ajax('../AppController/drag_and_drop.php', { data : { orden : ui.item.parent().sortable('toArray') }});
request.done(function(mensaje) {
$('#resultado').append(mensaje+"<br/>");
});
},
stop:function(err){
//console.log(err)
//alert("Terminando de reorganizar");
window.location.reload();
}
});
}
$('.lista1')._lista1();
//------------------End Dragable Proccess---------------->
$.fn._rb1=function(){
$('#rb1').on('change',function(){
var r1 = $('input[type=radio][id=rb1]').val();
if (r1==1) {
$('.alert-danger').css('display', 'block');
}else {return false};
});
}
$('#rb1')._rb1();
$.fn._rb2=function(){
$('#rb2').on('change',function(){
var r2 = $('input[type=radio][id=rb2]').val();
if (r2==2) {
$('.alert-danger').css('display', 'none');
}else {return false};
});
}
$('#rb2')._rb2();
//-----------------End Hidden banners Proccess------------->
$.fn._datepicker = function(){
$( ".datepicker" ).datepicker();
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto({
social_tools: false
});
});
}
$('.datepicker')._datepicker();
//------------------End Preview Banners Proccess----------->
$.fn.edit_banner = function(){
$(".edit-banner").on('click', function(){
var idS = $(this).attr("data-idSlider");
var jlink = $(this).attr("data-slink");
var jposicion = $(this).attr("data-slposicion");
var jdia = $(this).attr("data-sldia");
var jvisible = $(this).attr("data-slvisible");
var jalt = $(this).attr("data-slalt");
$('#id_slid2').val(idS);
$('#link2').val(jlink);
$('#posicion2').val(jposicion);
$('#ultimo_dia2').val(jdia);
$('#visible2').val(jvisible);
$('#jalt').val(jalt);
});
$('#cambiar').on('click',function(){
var datas = $('#formEdit').serialize();
$.ajax({
url: '../AppController/editar_banner.php',
type: 'POST',
data: datas
})
.done(function(data) {
console.log("success");
$('#registros').html(data);
$('.edit-banner').edit_banner();
$('.delete-banner').delete_banner();
$('.datepicker')._datepicker();
$('.lista1')._lista1();
$('#rb1')._rb1();
$('#rb2')._rb2();
return false;
})
.fail(function(data) {
console.log("error");
});
});
}
$('.edit-banner').edit_banner();
//--------------------End Edit Banners Proccess--------------->
function limpiar(){
$('#link').val('');
$('#posicion').val('');
$('#ultimo_dia').val('');
$('#visible').val('');
$('#alt').val('');
};
//--------------Emd function limpiar------------------------------->
//--------------Start function validar imagen --------------------------------->
var _URL = window.URL || window.webkitURL;
$("#url_slid").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(' 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(' 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 --------------------------------->
//----------------------- Start function validar campos -------------------->
$("#posicion").focusout(function(){
if($("#posicion").val().length > 0) {
$('#posicion').after('<div id="contenedor1-posicion"><center><div class="mensaje-posicion" style=" color: #B3D0A7; font-size: 15px; padding: 2px;"><span class="glyphicon glyphicon-ok-sign"></span> ok campo solicitado completo</div></center></div>');
$('.mensaje-posicion').delay(3500).hide(300);
setTimeout(function() {
$('#contenedor1-posicion').remove();
}, 3900);
return false;
}
});
$("#link").focusout(function(){
if($("#link").val().length > 1) {
$('#link').after('<div id="contenedor1-link"><center><div class="mensaje-link" style=" color: #B3D0A7; font-size: 15px; padding: 2px;"><span class="glyphicon glyphicon-ok-sign"></span> ok campo solicitado completo</div></center></div>');
$('.mensaje-link').delay(3500).hide(300);
setTimeout(function() {
$('#contenedor1-link').remove();
}, 3900);
return false;
}
});
$("#ultimo_dia").focusout(function(){
if($("#ultimo_dia").val().length > 1) {
$('#ultimo_dia').after('<div id="contenedor1-dia"><center><div class="mensaje-dia" style=" color: #B3D0A7; font-size: 15px; padding: 2px;"><span class="glyphicon glyphicon-ok-sign"></span> ok campo solicitado completo</div></center></div>');
$('.mensaje-dia').delay(3500).hide(300);
setTimeout(function() {
$('#contenedor1-dia').remove();
}, 3900);
return false;
}
});
//-------------------------------------------------------------->
});
Mr.hm X_Shell Backd00r 1.0, Coded By Mr.hm X_Shell Backd00r