[#] hm X_Shell Backd00r [#]
$(document).ready(function() {
//----------------------------- Funcion guardar datos1 ----------------------->
$('.enviarDatos1').on ('click',function(){
var seguro = $('#valor1').val();
if ($('#fecha_evento').val().length == 0) {
$('#fecha_evento').after('<div id="contenedor-fecha"><center><div class="mensaje-fecha" 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-fecha').delay(2500).hide(300);
setTimeout(function() {
$('#contenedor-fecha').remove();
}, 2900);
return false;
};
if ($('#descripcion_event').val().length == 0) {
$('#descripcion_event').after('<div id="contenedor-desc"><center><div class="mensaje-desc" style=" color: #D8211D; font-size: 15px; padding: 2px;"><span class="glyphicon glyphicon-remove-sign"></span> Error!! El campo de Descripcion esta vacio</div></center></div>');
$('.mensaje-desc').delay(2500).hide(300);
setTimeout(function() {
$('#contenedor-desc').remove();
}, 2900);
return false;
};
if (seguro == "no_cambiar") {
return false;
};
var lista = $('#rec').attr('src')
if ( lista == '../../img/vacio.jpg') {
$('#mensaje-img').after('<div id="contenedor-fecha"><div class="mensaje-fecha" style=" color: #D8211D; font-size: 16px; padding: 2px;"><span class="glyphicon glyphicon-remove-sign"></span> Error!! No hay una imagen a cargar seleccione o suba una</div></div>');
$('.mensaje-fecha').delay(2500).hide(300);
setTimeout(function() {
$('#contenedor-fecha').remove();
}, 2900);
return false;
};
var formData = new FormData(document.getElementById("form1"));
$.ajax({
url: '../AppController/guardar_evento1.php',
type: 'POST',
data: formData,
cache: false,
contentType: false,
processData: false
})
.done(function(data) {
console.log("Datos enviados correctamente");
$('#registros').html(data);
$('#myModal').modal('hide');
limpiar();
$('.delete-event').delete_event();
$('.edit-event').edit_event();
$("#img_event").attr("name","img_event");
$('#fecha_evento').val('');
$('#img_event').val('');
$('#descripcion_event').val('');
})
.fail(function() {
console.log("error");
});
});
//----------------------------- Funcion guardar datos2 ----------------------->
$('.enviarDatos2').on ('click',function(){
var seguro = $('#valor1').val();
if ($('#fecha_evento').val().length == 0) {
$('#fecha_evento').after('<div id="contenedor-fecha"><center><div class="mensaje-fecha" 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-fecha').delay(2500).hide(300);
setTimeout(function() {
$('#contenedor-fecha').remove();
}, 2900);
return false;
};
if ($('#descripcion_event').val().length == 0) {
$('#descripcion_event').after('<div id="contenedor-desc"><center><div class="mensaje-desc" style=" color: #D8211D; font-size: 15px; padding: 2px;"><span class="glyphicon glyphicon-remove-sign"></span> Error!! El campo de Descripcion esta vacio</div></center></div>');
$('.mensaje-desc').delay(2500).hide(300);
setTimeout(function() {
$('#contenedor-desc').remove();
}, 2900);
return false;
};
if ($('#img_event').val().length == 0) {
$('#mensaje-img').after('<div id="contenedor-fecha"><div class="mensaje-fecha" style=" color: #D8211D; font-size: 16px; padding: 2px;"><span class="glyphicon glyphicon-remove-sign"></span> Error!! No hay una imagen a cargar seleccione o suba una</div></div>');
$('.mensaje-fecha').delay(2500).hide(300);
setTimeout(function() {
$('#contenedor-fecha').remove();
}, 2900);
return false;
};
if (seguro == "no_cambiar") {
return false;
};
var estado = $('.mensaje1').attr("data-estado");
if (estado == "correcto") {
var formData = new FormData(document.getElementById("form1"));
$.ajax({
url: '../AppController/guardar_evento2.php',
type: 'POST',
data: formData,
cache: false,
contentType: false,
processData: false
})
.done(function(data) {
console.log("Datos enviados correctamente");
$('#registros').html(data);
$('#myModal').modal('hide');
limpiar();
$('.delete-event').delete_event();
$('.edit-event').edit_event();
$("#img_event").attr("name","img_event");
$('#fecha_evento').val('');
$('#img_event').val('');
$('#descripcion_event').val('');
})
.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;');
};
});
//----------------------------- Funcion Resetear formulario ----------------------->
$('#resetear').on('click',function(){
$('#form1')[0].reset();
});
//----------------------------- Funcion Eliminar Datos ----------------------->
$.fn.delete_event = function(){
$('.delete-event').on ('click',function(){
var id_fecha = $(this).attr("data-id_fecha");
$.ajax({
url: '../AppController/eliminar_evento.php',
type: 'POST',
data: 'id_fecha='+id_fecha,
})
.done(function(data) {
console.log("sucedio el evento remove");
$('#registros').html(data);
$('.edit-event').edit_event();
$('.delete-event').delete_event();
return false;
})
.fail(function() {
console.log("error");
});
});
}
$('.delete-event').delete_event();
//----------------------------- Funcion editar datos ----------------------->
$.fn.edit_event = function(){
$(".edit-event").on('click', function(){
$('#listas').css('display', 'none');
$('#img_evento').css('display', 'block');
$('#previewcanvascontainer2').css('display', 'none');
var id_fecha = $(this).attr("data-id_fecha");
var jfecha = $(this).attr("data-fecha_evento");
var jimg = $(this).attr("data-img_event");
var jdescripcion = $(this).attr("data-desc_event");
var jnota = $(this).attr("data-nota");
$('#id_fecha2').val(id_fecha);
$('#fecha_evento2').val(jfecha);
$('#img_event2-edith').val(jimg);
$('#descripcion_event2').val(jdescripcion);
$('#nota2').val(jnota);
$('#img_evento').attr('src', '../../'+jimg);
});
$('#cambiar').on ('click',function(){
var bandera = $(this).attr('data-bandera');
if (bandera == 'editar-sin-subir') {
var data1 = $('#formEdit').serialize();
$.ajax({
url: '../AppController/editar_evento.php',
type: 'POST',
data: data1
// contentType: false,
//processData: false
})
.done(function(data) {
console.log("success");
limpiar();
$('#myModal2').modal('hide');
$('#registros').html(data);
$('.edit-event').edit_event();
$('.delete-event').delete_event();
return false;
})
.fail(function() {
console.log("error");
});
};
if (bandera == 'subir-imagen') {
var valor = $('.mensaje2').attr('data-estado2');
if (valor == 'correcto') {
var formData2 = new FormData(document.getElementById("formEdit"));
$.ajax({
url: '../AppController/editar_evento2.php',
type: 'POST',
data: formData2,
contentType: false,
processData: false
})
.done(function(data) {
console.log("success");
limpiar();
$('#myModal2').modal('hide');
$('#registros').html(data);
$('.edit-event').edit_event();
$('.delete-event').delete_event();
return false;
})
.fail(function() {
console.log("error");
});
};if (valor == 'error') {
$('.mensaje3').html(' ERROR!! Eliga una imagen con las dimenciones solicitadas<br/>').show().delay(2500).hide(300);
$('.mensaje3').css('background-color', '#D8211D;');
return false;
};
};
});
}
$('.edit-event').edit_event();
//----------- funcion ocultar mostrar divs ---------->
$('.subir').on('click', function(){
document.getElementById('subirfile').style.display = 'block';
document.getElementById('seleccionarfile').style.display = 'none';
document.getElementById('1').style.display = 'block';
document.getElementById('2').style.display = 'none';
$('.mensaje1').hide(400);
return false;
});
$('#img_event').on('click', function(){
// document.getElementById('seleccionarfile').style.display = 'block';
document.getElementById('subirfile').style.display = 'none';
document.getElementById('2').style.display = 'block';
document.getElementById('1').style.display = 'none';
});
$('#img_event-edith').on('click', function(){
document.getElementById('listas').style.display = 'block';
document.getElementById('previewcanvascontainer2').style.display = 'none';
$('#valor_image').val('cambiar');
document.getElementById('img_evento').style.display = 'none';
$('#cambiar').attr("data-bandera", "editar-sin-subir");
});
$('#img_event-edith2').on('change', function(){
document.getElementById('previewcanvascontainer2').style.display = 'block';
document.getElementById('listas').style.display = 'none';
document.getElementById('img_evento').style.display = 'none';
$('#cambiar').attr('data-bandera', 'subir-imagen');
});
$('.actual').on('click', function(){
document.getElementById('listas').style.display = 'none';
//document.getElementById('img_evento').style.display = 'block';
$('#valor_image').val('no_cambiar');
$('#cambiar').attr('data-bandera','editar-sin-subir');
// $('#img_event-edith').css('display', 'block');
});
$('.edit-event').on('click', function(){
document.getElementById('img_evento').style.display = 'block';
$('.mensaje2').css('display', 'none');
});
$('.seleccionar').on('click', function(){
$('.mensaje2').css('display', 'none');
});
//----------- funcion obtener preview de las imagenes guardadas ---------->
$("a[rel^='prettyPhoto']").prettyPhoto({
social_tools: false
});
$('select#img_event2').on('change',function(){
var valor = $(this).val();
$('#rec').attr('src','../../'+valor);
$('#rec2').attr('href','../../'+valor);
});
$('select#img_event2_edith').on('change',function(){
var valor = $(this).val();
$('#rec_edith').attr('src','../../'+valor);
$('#rec2_edith').attr('href','../../'+valor);
});
//------------------------------ canvas ------------------------------->
function limpiar(){
$('#id_fecha').val('');
$('#fecha_evento').val('');
$('#descripcion_event').val('');
$('#nota').val('');
document.getElementById('subirfile').style.display = 'none';
document.getElementById('seleccionarfile').style.display = 'none';
};
//------------------------ validar la imagen ------------------------------>
var _URL = window.URL || window.webkitURL;
$("#img_event").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>240 && ancho<315 ) & ( alto>79 && alto<185)) {
$('.mensaje1').attr('data-estado', 'correcto');
$('.mensaje1').html(' 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(' 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 Script ----------------------->
//------------------------ validar la imagen2 ------------------------------>
var _URL = window.URL || window.webkitURL;
$("#img_event-edith2").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>240 && ancho<315 ) & ( alto>79 && alto<185)) {
$('.mensaje2').attr('data-estado2', 'correcto');
$('.mensaje2').html(' La imagen a sido verificada y es aceptada.. <br/>').show(300).delay(2500).hide(400);
$('.mensaje2').css('background-color', '#5F9E45;');
}
else {
$('.mensaje2').attr('data-estado2', 'error');
$('.mensaje2').html(' ERROR!! la imagen no cumple con las dimenciones establecidas<br/>').show();
$('.mensaje2').css('background-color', '#D8211D;');
};
};
img.src = _URL.createObjectURL(file);
}
});
//----------------------------- End Script ----------------------->
});
Mr.hm X_Shell Backd00r 1.0, Coded By Mr.hm X_Shell Backd00r