File "renyson.js"
Full Path: /home/u369741141/domains/tirondearrastre.com/public_html/js/renyson.js
File size: 49.06 KB
MIME-type: text/plain
Charset: utf-8
$.ajaxSetup({
headers: {
"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
},
});
$(document).ready(function () {
//Abrir dropdown de usuario
$('.dropdown').click(function(){
$('.dropdown-menu').toggleClass('show');
});
//Dropdown tabla horario
$( "#abrir-horario" ).click(function() {
if( $( "#tabla-horario" ).hasClass("hide")){
$( "#tabla-horario" ).removeClass("hide");
}else{
$( "#tabla-horario" ).addClass("hide");
}
});
//get day
switch (new Date().getDay()) {
case 0:
$("#domingo").css('color',"black");
$("#domingo").css('font-weight', "800");
$('#abre-hoy').text('Cerrado hoy ');
break;
case 1:
$("#lunes").css('color',"black");
$("#lunes").css('font-weight', "800");
break;
case 2:
$("#martes").css('color',"black");
$("#martes").css('font-weight', "800");
break;
case 3:
$("#miercoles").css('color',"black");
$("#miercoles").css('font-weight', "800");
break;
case 4:
$("#jueves").css('color',"black");
$("#jueves").css('font-weight', "800");
break;
case 5:
$("#viernes").css('color',"black");
$("#viernes").css('font-weight', "800");
break;
case 6:
$("#sabado").css('color',"black");
$("#sabado").css('font-weight', "800");
$('#horario').text('hoy 08:00 ā 11:00 ');
$('#horario').css('color',"rgb(2, 83, 126);");
}
$('select[name="select-marcas"]').prop('selectedIndex',0);
//producto
$( "#agregar-producto" ).click(function() {
$('#titulo:input').val('');
$('#link_tienda:input').val('');
$('#imagen:input').val('');
$('select[name="select-categorias"]').prop('selectedIndex',0);
$('select[name="select-marcas"]').prop('selectedIndex',0);
$('select[name="select-modelos"]').prop('selectedIndex',0);
$('select[name="select-aƱos"]').prop('selectedIndex',0);
$('#email').val('');
$("#producto-submit").attr("method","POST");
$("#add-row").text('Agregar');//Cambiamos el boton por actualizar
});
//categorias,marcas,modelos y aƱos
$( "#agregar" ).click(function() {
$('#nombre:input').val('');
$("#anio-submit").attr("method","POST");
$("#categoria-submit").attr("method","POST");
$("#marca-submit").attr("method","POST");
$("#modelo-submit").attr("method","POST");
$("#add-row").text('Agregar');//Cambiamos el boton por actualizar
$('select[name="marca_id"]').prop('selectedIndex',0);
$('select[name="anio_id"]').prop('selectedIndex',0);
});
$("#agregar-usuario").click(function(){
$('#nombre:input').val('');
$('#email:input').val('');
$('#contraseƱa:input').val('');
$("#producto-submit").attr("method","POST");
$("#add-row").text('Agregar');//Cambiamos el boton por actualizar
$("#contraseƱa").prop('required',true);
});
$("#agregar-slider").click(function(){
$('#titulo:input').val('');
$('#boton:input').val('');
$('#link:input').val('');
$('#imagen:input').val('');
$("#slider-submit").attr("method","POST");
$("#add-row").text('Agregar');//Cambiamos el boton por actualizar
$("#contraseƱa").prop('required',true);
});
$('select[name="categoria"]').on("change", function () {
$('#productos').empty();
$('#producto-select').empty();
$('#modelo').attr('disabled', true);
$('#aƱo').attr('disabled', true);
$('#marca option:first').prop('selected',true);
$('#modelo option:first').prop('selected',true);
$('#aƱo option:first').prop('selected',true);
var categoria = $(this).val();
if (categoria) {
$.ajax({
url: "/select/producto/" + categoria,
type: "GET",
dataType: "json",
beforeSend: function () {
$("#loader").css("visibility", "visible");
},
success: function (data) {
$('#marca').attr('disabled', false);
$.each(data, function (key, value) {
$('#producto-select').append('<div class="col-sm-3 mt-5">'
+ '<div class="card" style="width: 15rem; margin-left: 10%; min-height: 400px;">'
+'<img src="/storage/imagenes/'+value.imagen+'"'+'class="card-img-top" alt="...">'
+'<div class="card-body">'
+'<h5 class="card-title">'+value.titulo+'</h5>'
+'<a href="'+value.link_tienda+'"'+'class="btn btn-primary">Ver</a>'
+'</div>'
+'</div>'
+'</div>');
});
},
fail: function (data) {
alert("fallo");
},
complete: function () {
$("#loader").css("visibility", "hidden");
},
});
} else {
$('select[name="categoria"]').empty();
}
});
var pathname = window.location.pathname;
// Select de modelos para mandar aƱo
$('select[name="select-modelos"]').on("change", function () {
var marca = $(this).val();
if (marca) {
$.ajax({
url: "/anio/select/" + marca,
type: "GET",
dataType: "json",
success: function (data) {
$('select[name="select-aƱos"]').attr('disabled', false);
$('select[name="select-aƱos"]').empty();
if (pathname == "/") {
$('select[name="select-aƱos"]').append(
'<option selected disabled>AƱo</option>'
);
}
$.each(data, function (key, value) {
$('select[name="select-aƱos"]').append(
'<option value="' + value + '">' + key + "</option>"
);
});
// Validar si estamos en productos para tirar refresh del multiselect
if (pathname == "/productos") {
$('#multiselect').selectpicker('refresh');
}
},
fail: function (data) {
alert("fallo");
},
complete: function () {
$("#loader").css("visibility", "hidden");
},
});
} else {
$('select[name="select-aƱos"]').empty();
}
});
$('select[name="select-modelos-mobile"]').on("change", function () {
var marca = $(this).val();
if (marca) {
$.ajax({
url: "/anio/select/" + marca,
type: "GET",
dataType: "json",
success: function (data) {
$('select[name="select-aƱos-mobile"]').attr('disabled', false);
$('select[name="select-aƱos-mobile"]').empty();
if (pathname == "/") {
$('select[name="select-aƱos-mobile"]').append(
'<option selected disabled>AƱo</option>'
);
}
$.each(data, function (key, value) {
$('select[name="select-aƱos-mobile"]').append(
'<option value="' + value + '">' + key + "</option>"
);
});
// Validar si estamos en productos para tirar refresh del multiselect
if (pathname == "/productos") {
$('#multiselect').selectpicker('refresh');
}
},
fail: function (data) {
alert("fallo");
},
complete: function () {
$("#loader").css("visibility", "hidden");
},
});
} else {
$('select[name="select-aƱos-mobile"]').empty();
}
});
//Marca
if ($('select[name="select-marcas"]').val() == null) {
$( "#btn-buscar" ).attr('disabled', true);
}
if ($('select[name="select-marcas-mobile"]').val() == null) {
$( "#btn-buscar" ).attr('disabled', true);
}
$( "#btn-buscar" ).click(function() {
filtrar();
});
$( "#btn-buscar-mobile" ).click(function() {
filtrarMobile();
});
function filtrar() {
function mostrarMarcas(){
$('#producto-select').empty();
var categoria = 1;
var marca = $('select[name="select-marcas"]').val();
$('#productos').empty();
$('#producto-select').empty();
$('#modelo option:first').prop('selected',true);
$('#aƱo option:first').prop('selected',true);
if (marca) {
$.ajax({
url: "select/producto/marca/" + categoria + "/" + marca ,
type: "GET",
dataType: "json",
beforeSend: function () {
$("#loader").css("visibility", "visible");
},
success: function (data) {
$.each(data, function (key, value) {
$('#producto-select').append('<div class="col-sm-3 mt-5">'
+ '<div class="card" style="width: 15rem; margin-left: 10%; min-height: 400px;">'
+'<img src="/storage/imagenes/'+value.imagen+'"'+'class="card-img-top" alt="...">'
+'<div class="card-body">'
+'<h5 class="card-title">'+value.titulo+'</h5>'
+'<a href="'+value.link_tienda+'"'+'class="btn btn-primary">Ver</a>'
+'</div>'
+'</div>'
+'</div>');
});
$(window).scrollTop($('#producto-select').offset().top);
},
fail: function (data) {
alert("fallo");
},
complete: function () {
$("#loader").css("visibility", "hidden");
},
});
} else {
$('select[name="select-marcas"]').prop('selectedIndex',0);
}
}
function mostrarModelos(){
$('#producto-select').empty();
var modelo = $('select[name="select-modelos"]').val();
var categoria = 1;
var marca = $('select[name="select-marcas"]').val();
if (modelo) {
$.ajax({
url: "select/producto/modelo/" + categoria + "/" + marca + "/" + modelo,
type: "GET",
dataType: "json",
beforeSend: function () {
$("#loader").css("visibility", "visible");
},
success: function (data) {
$.each(data, function (key, value) {
$('#producto-select').append('<div class="col-sm-3 mt-5">'
+ '<div class="card" style="width: 15rem; margin-left: 10%; min-height: 400px;">'
+'<img src="/storage/imagenes/'+value.imagen+'"'+'class="card-img-top" alt="...">'
+'<div class="card-body">'
+'<h5 class="card-title">'+value.titulo+'</h5>'
+'<a href="'+value.link_tienda+'"'+'class="btn btn-primary">Ver</a>'
+'</div>'
+'</div>'
+'</div>');
});
$(window).scrollTop($('#producto-select').offset().top);
},
fail: function (data) {
alert("fallo");
},
complete: function () {
$("#loader").css("visibility", "hidden");
},
});
} else {
$('#marca').empty();
}// END de modelo tiene un valor
}
function mostrarAƱos(){
var anio = $("#aƱo option:selected").text();
var categoria = 1;
var modelo = $('#modelo').val();
var marca = $('select[name="select-marcas"]').val();
$('#producto-select').empty();
if (anio) {
$('#producto-select').empty();
$.ajax({
url: "select/producto/anio/" + categoria + "/" + marca + "/" + modelo + "/" + anio,
type: "GET",
dataType: "json",
beforeSend: function () {
$("#loader").css("visibility", "visible");
},
success: function (data) {
$('#producto-select').empty();
$.each(data, function (key, value) {
$('#producto-select').append('<div class="col-sm-3 mt-5">'
+ '<div class="card" style="width: 15rem; margin-left: 10%; min-height: 400px;">'
+'<img src="/storage/imagenes/'+value.imagen+'"'+'class="card-img-top" alt="...">'
+'<div class="card-body">'
+'<h5 class="card-title">'+value.titulo+'</h5>'
+'<a href="'+value.link_tienda+'"'+'class="btn btn-primary">Ver</a>'
+'</div>'
+'</div>'
+'</div>');
});
$(window).scrollTop($('#producto-select').offset().top);
},
fail: function (data) {
alert("fallo");
},
complete: function () {
$("#loader").css("visibility", "hidden");
},
});
} else {
$('#marca').empty();
}
}
if($('select[name="select-marcas"]').val() !== null && $('select[name="select-modelos"]').val() == null && $('select[name="select-aƱos"]').val() == null){//mostrar solo marcas
$('#productos').empty();
mostrarMarcas();
}
if($('select[name="select-marcas"]').val() !== null && $('select[name="select-modelos"]').val() !== null && $('select[name="select-aƱos"]').val() == null){// mostrar modelos
$('#productos').empty();
mostrarModelos();
$('select[name="select-aƱos"]').attr('disabled', true);
}
if($('select[name="select-marcas"]').val() !== null && $('select[name="select-modelos"]').val() !== null && $('select[name="select-aƱos"]').val() !== null){
$('#productos').empty();
mostrarAƱos();
}
$('#modelo option:first').prop('selected',true);
$('#aƱo option:first').prop('selected',true);
$('#marca option:first').prop('selected',true);
$('select[name="select-modelos"]').attr('disabled', true);
$('select[name="select-aƱos"]').attr('disabled', true);
$( "#btn-buscar" ).attr('disabled', true);
}
//Mobile
function filtrarMobile() {
function mostrarMarcasMobile(){
$('#producto-select').empty();
var categoria = 1;
var marca = $('select[name="select-marcas-mobile"]').val();
$('#productos').empty();
$('#producto-select').empty();
$('#modelo-mobile option:first').prop('selected',true);
$('#aƱo-mobile option:first').prop('selected',true);
if (marca) {
$.ajax({
url: "select/producto/marca/" + categoria + "/" + marca ,
type: "GET",
dataType: "json",
beforeSend: function () {
$("#loader").css("visibility", "visible");
},
success: function (data) {
$.each(data, function (key, value) {
$('#producto-select').append('<div class="col-sm-3 mt-5">'
+ '<div class="card" style="width: 15rem; margin-left: 10%; min-height: 400px;">'
+'<img src="/storage/imagenes/'+value.imagen+'"'+'class="card-img-top" alt="...">'
+'<div class="card-body">'
+'<h5 class="card-title">'+value.titulo+'</h5>'
+'<a href="'+value.link_tienda+'"'+'class="btn btn-primary">Ver</a>'
+'</div>'
+'</div>'
+'</div>');
});
$(window).scrollTop($('#producto-select').offset().top);
},
fail: function (data) {
alert("fallo");
},
complete: function () {
$("#loader").css("visibility", "hidden");
},
});
} else {
$('select[name="select-marcas-mobile"]').prop('selectedIndex',0);
}
}
function mostrarModelosMobile(){
$('#producto-select').empty();
var modelo = $('select[name="select-modelos-mobile"]').val();
var categoria = 1;
var marca = $('select[name="select-marcas-mobile"]').val();
if (modelo) {
$.ajax({
url: "select/producto/modelo/" + categoria + "/" + marca + "/" + modelo,
type: "GET",
dataType: "json",
beforeSend: function () {
$("#loader").css("visibility", "visible");
},
success: function (data) {
$.each(data, function (key, value) {
$('#producto-select').append('<div class="col-sm-3 mt-5">'
+ '<div class="card" style="width: 15rem; margin-left: 10%; min-height: 400px;">'
+'<img src="/storage/imagenes/'+value.imagen+'"'+'class="card-img-top" alt="...">'
+'<div class="card-body">'
+'<h5 class="card-title">'+value.titulo+'</h5>'
+'<a href="'+value.link_tienda+'"'+'class="btn btn-primary">Ver</a>'
+'</div>'
+'</div>'
+'</div>');
});
$(window).scrollTop($('#producto-select').offset().top);
},
fail: function (data) {
alert("fallo");
},
complete: function () {
$("#loader").css("visibility", "hidden");
},
});
} else {
$('#marca-mobile').empty();
}// END de modelo tiene un valor
}
function mostrarAƱosMobile(){
var anio = $("#aƱo-mobile option:selected").text();
var categoria = 1;
var modelo = $('#modelo-mobile').val();
var marca = $('select[name="select-marcas-mobile"]').val();
$('#producto-select').empty();
if (anio) {
$('#producto-select').empty();
$.ajax({
url: "select/producto/anio/" + categoria + "/" + marca + "/" + modelo + "/" + anio,
type: "GET",
dataType: "json",
beforeSend: function () {
$("#loader").css("visibility", "visible");
},
success: function (data) {
$('#producto-select').empty();
$.each(data, function (key, value) {
$('#producto-select').append('<div class="col-sm-3 mt-5">'
+ '<div class="card" style="width: 15rem; margin-left: 10%; min-height: 400px;">'
+'<img src="/storage/imagenes/'+value.imagen+'"'+'class="card-img-top" alt="...">'
+'<div class="card-body">'
+'<h5 class="card-title">'+value.titulo+'</h5>'
+'<a href="'+value.link_tienda+'"'+'class="btn btn-primary">Ver</a>'
+'</div>'
+'</div>'
+'</div>');
});
$(window).scrollTop($('#producto-select').offset().top);
},
fail: function (data) {
alert("fallo");
},
complete: function () {
$("#loader").css("visibility", "hidden");
},
});
} else {
$('#aƱo-mobile').empty();
}
}
if($('select[name="select-marcas-mobile"]').val() !== null && $('select[name="select-modelos-mobile"]').val() == null && $('select[name="select-aƱos-mobile"]').val() == null){//mostrar solo marcas
$('#productos').empty();
mostrarMarcasMobile();
}
if($('select[name="select-marcas-mobile"]').val() !== null && $('select[name="select-modelos-mobile"]').val() !== null && $('select[name="select-aƱos-mobile"]').val() == null){// mostrar modelos
$('#productos').empty();
mostrarModelosMobile();
$('select[name="select-aƱos-mobile"]').attr('disabled', true);
}
if($('select[name="select-marcas-mobile"]').val() !== null && $('select[name="select-modelos-mobile"]').val() !== null && $('select[name="select-aƱos-mobile"]').val() !== null){
$('#productos').empty();
mostrarAƱosMobile();
}
$('#modelo-mobile option:first').prop('selected',true);
$('#aƱo-mobile option:first').prop('selected',true);
$('#marca-mobile option:first').prop('selected',true);
$('select[name="select-modelos-mobile"]').attr('disabled', true);
$('select[name="select-aƱos-mobile"]').attr('disabled', true);
$( "#btn-buscar" ).attr('disabled', true);
}
});
$('#add-row').click(function () {
if($('select[name="select-categorias"]').val() == null ){
$('#alert-categoria').css('display','block');
}else{
$('#alert-categoria').css('display','none');
}
if($('select[name="select-marcas"]').val() == null ){
$('#alert-marca').css('display','block');
}
else{
$('#alert-marca').css('display','none');
}
if($('select[name="select-modelos"]').val() == null ){
$('#alert-modelo').css('display','block');
}
else{
$('#alert-modelo').css('display','none');
}
if($('select[name="select-aƱos"]').val() == '' ){
$('#alert-aƱo').css('display','block');
}
else{
$('#alert-aƱo').css('display','none');
}
});
// Ajax para guardar datos
$("#producto-submit").submit(function(e) {
e.preventDefault(); // avoid to execute the actual submit of the form.
if($('select[name="select-categorias"]').val() != null && $('select[name="select-marcas"]').val() != null){
$('#alert-categoria').css('display','none');
$('#alert-marca').css('display','none');
$('#alert-modelo').css('display','none');
$('#alert-aƱo').css('display','none');
var forme = $(this);
var form = new FormData(this);
var url = forme.attr('action');
var imagen = $('#imagen')[0].files[0];
var titulo = $('#titulo').val();
var link_tienda = $('#link_tienda').val();
var categoria = $('select[name="select-categorias"]').val();
var marca = $('select[name="select-marcas"]').val();
var modelo = $('select[name="select-modelos"]').val();
var anio = $('select[name="select-aƱos"]').val();
var id = $("#titulo").attr("value-id"); //agarramos el id de la categoria
form.append('imagen', imagen);
form.append('titulo', titulo);
form.append('link_tienda', link_tienda);
form.append('categoria_id', categoria);
form.append('marca_id', marca);
form.append('modelo_id', modelo);
form.append('anio_id', anio);
form.append('id', id);
if(forme.attr('method')== "PATCH"){
$.ajax({
type:'POST',
url: 'producto/update',
data: form,
cache: false,
contentType: false,
processData: false,
success: function(data)
{
var cat = data.categoria;
$('#myModal').modal('toggle');
var table = $('#tabla-productos').DataTable(); //Agarramos la tabla a editar
var rowTitulo = $('#tabla-productos').dataTable() //buscamos un row donde el id sea igual al value-id
.fnFindCellRowIndexes(id, 0);//0 para decir que es en la columna principal
table
.cell(rowTitulo, 1)//Aqui le decimos que valor de la Row queremos cambiar, rowid trae el row y el 1 significa cual columna queremos editar
.data(data.titulo)//cambiamos el dato
.draw(false);
var rowImagen = $('#tabla-productos').dataTable() //buscamos un row donde el id sea igual al value-id
.fnFindCellRowIndexes(id, 0);//0 para decir que es en la columna principal
table
.cell(rowImagen, 2)//Aqui le decimos que valor de la Row queremos cambiar, rowid trae el row y el 1 significa cual columna queremos editar
.data("<img style='width: 10%' class='img-fluid' src='storage/imagenes/"+data.imagen+"'>")//cambiamos el dato
.draw(false);
var rowLink = $('#tabla-productos').dataTable() //buscamos un row donde el id sea igual al value-id
.fnFindCellRowIndexes(id, 0);//0 para decir que es en la columna principal
table
.cell(rowLink, 3)//Aqui le decimos que valor de la Row queremos cambiar, rowid trae el row y el 1 significa cual columna queremos editar
.data(data.link_tienda)//cambiamos el dato
.draw(false);
var rowCategoria = $('#tabla-productos').dataTable() //buscamos un row donde el id sea igual al value-id
.fnFindCellRowIndexes(id, 0);//0 para decir que es en la columna principal
table
.cell(rowCategoria, 4)//Aqui le decimos que valor de la Row queremos cambiar, rowid trae el row y el 1 significa cual columna queremos editar
.data(data.categoria)//cambiamos el dato
.draw(false);
var rowMarca = $('#tabla-productos').dataTable() //buscamos un row donde el id sea igual al value-id
.fnFindCellRowIndexes(id, 0);//0 para decir que es en la columna principal
table
.cell(rowMarca, 5)//Aqui le decimos que valor de la Row queremos cambiar, rowid trae el row y el 1 significa cual columna queremos editar
.data(data.marca)//cambiamos el dato
.draw(false);
var rowModelo= $('#tabla-productos').dataTable() //buscamos un row donde el id sea igual al value-id
.fnFindCellRowIndexes(id, 0);//0 para decir que es en la columna principal
table
.cell(rowModelo, 6)//Aqui le decimos que valor de la Row queremos cambiar, rowid trae el row y el 1 significa cual columna queremos editar
.data(data.modelo)//cambiamos el dato
.draw(false);
var rowAƱo = $('#tabla-productos').dataTable() //buscamos un row donde el id sea igual al value-id
.fnFindCellRowIndexes(id, 0);//0 para decir que es en la columna principal
table
.cell(rowAƱo, 7)//Aqui le decimos que valor de la Row queremos cambiar, rowid trae el row y el 1 significa cual columna queremos editar
.data(data.anio)//cambiamos el dato
.draw(false);
},
fail: function (data) {
alert("Error al Actualizar Producto");
}
});
}else{
$.ajax({
type: "POST",
url: url,
data: form,
cache: false,
contentType: false,
processData: false,
success: function(data)
{
$('#myModal').modal('toggle');
$('#tabla-productos').DataTable().row.add([
data.id,data.titulo,"<img style='width: 10%' class='img-fluid' src='storage/imagenes/"+data.imagen+"'>",data.link_tienda,data.categoria,data.marca,data.modelo,data.anio,
'<button class="edit" data-toggle="modal" data-target="#myModal"><i class="fa fa-edit"></i></button><button class="delete"><i class="fa fa-trash"></i></button>',
]).draw();
},
fail: function (data) {
alert("Error al crear Producto");
}
});
}
}
});
$("#categoria-submit").submit(function(e) {
e.preventDefault(); // avoid to execute the actual submit of the form.
var form = $(this);
var url = form.attr('action');
var id = $("#nombre").attr("value-id"); //agarramos el id de la categoria
if(form.attr('method')== "PATCH"){
$.ajax({
type:'PUT',
url: 'categorias/'+id,
data: form.serialize(), // serializes the form's elements.
success: function(data)
{
$('#myModal').modal('toggle');
var table = $('#tabla-categorias').DataTable(); //Agarramos la tabla a editar
var rowId = $('#tabla-categorias').dataTable() //buscamos un row donde el id sea igual al value-id
.fnFindCellRowIndexes(id, 0);//0 para decir que es en la columna principal
table
.cell(rowId, 1)//Aqui le decimos que valor de la Row queremos cambiar, rowid trae el row y el 1 significa cual columna queremos editar
.data(data.nombre)//cambiamos el dato
.draw(false);
},
fail: function (data) {
alert("Error al Actualizar Categoria");
}
});
}else{
$.ajax({
type: "POST",
url: url,
data: form.serialize(), // serializes the form's elements.
success: function(data)
{
$('#myModal').modal('toggle');
$('#tabla-categorias').DataTable().row.add([
data.id, $("#nombre").val(),
'<button class="edit" data-toggle="modal" data-target="#myModal"><i class="fa fa-edit"></i></button><button class="delete"><i class="fa fa-trash"></i></button>',
]).draw();
},
fail: function (data) {
alert("Error al Actualizar Categoria");
}
});
}
});
$("#marca-submit").submit(function(e) {
e.preventDefault(); // avoid to execute the actual submit of the form.
var form = $(this);
var url = form.attr('action');
var id = $("#nombre").attr("value-id"); //agarramos el id de la categoria
if(form.attr('method')== "PATCH"){
$.ajax({
type:'PUT',
url: 'marcas/'+id,
data: form.serialize(), // serializes the form's elements.
success: function(data)
{
$('#myModal').modal('toggle');
var table = $('#tabla-marcas').DataTable(); //Agarramos la tabla a editar
var rowId = $('#tabla-marcas').dataTable() //buscamos un row donde el id sea igual al value-id
.fnFindCellRowIndexes(id, 0);//0 para decir que es en la columna principal
table
.cell(rowId, 1)//Aqui le decimos que valor de la Row queremos cambiar, rowid trae el row y el 1 significa cual columna queremos editar
.data(data.nombre)//cambiamos el dato
.draw(false);
},
fail: function (data) {
alert("Error al Actualizar Marca");
}
});
}else{
$.ajax({
type: "POST",
url: url,
data: form.serialize(), // serializes the form's elements.
success: function(data)
{
$('#myModal').modal('toggle');
$('#tabla-marcas').DataTable().row.add([
data.id, $("#nombre").val(),
'<button class="edit" data-toggle="modal" data-target="#myModal"><i class="fa fa-edit"></i></button><button class="delete"><i class="fa fa-trash"></i></button>',
]).draw();
},
fail: function (data) {
alert("Error al crear Marca");
}
});
}
});
$("#modelo-submit").submit(function(e) {
e.preventDefault(); // avoid to execute the actual submit of the form.
if($('select[name="marca_id"]').val() == null ){
$('#alert-modelo').css('display','block');
}else{
$('#alert-modelo').css('display','none');
var form = $(this);
var url = form.attr('action');
var id = $("#nombre").attr("value-id"); //agarramos el id de la categoria
if(form.attr('method')== "PATCH"){
$.ajax({
type:'PUT',
url: 'modelos/'+id,
data: form.serialize(), // serializes the form's elements.
success: function(data)
{
$('#myModal').modal('toggle');
var table = $('#tabla-modelos').DataTable(); //Agarramos la tabla a editar
var rowNombre = $('#tabla-modelos').dataTable() //buscamos un row donde el id sea igual al value-id
.fnFindCellRowIndexes(id, 0);//0 para decir que es en la columna principal
table
.cell(rowNombre, 1)//Aqui le decimos que valor de la Row queremos cambiar, rowid trae el row y el 1 significa cual columna queremos editar
.data(data.nombre)//cambiamos el dato
.draw(false);
var rowMarca = $('#tabla-modelos').dataTable() //buscamos un row donde el id sea igual al value-id
.fnFindCellRowIndexes(id, 0);//0 para decir que es en la columna principal
table
.cell(rowMarca, 2)//Aqui le decimos que valor de la Row queremos cambiar, rowid trae el row y el 1 significa cual columna queremos editar
.data(data.marca)//cambiamos el dato
.draw(false);
},
fail: function (data) {
alert("Error al Actualizar Marca");
}
});
}else{
$.ajax({
type: "POST",
url: url,
data: form.serialize(), // serializes the form's elements.
success: function(data)
{
$('#myModal').modal('toggle');
$('#tabla-modelos').DataTable().row.add([
data.id, data.nombre,data.marca,
'<button class="edit" data-toggle="modal" data-target="#myModal"><i class="fa fa-edit"></i></button><button class="delete"><i class="fa fa-trash"></i></button>',
]).draw();
},
fail: function (data) {
alert("Error al crear Modelo");
}
});
}
}
});
$("#anio-submit").submit(function(e) {
e.preventDefault(); // avoid to execute the actual submit of the form.
if($('select[name="select-modelos"]').val() == null ){
$('#alert-modelo').css('display','block');
}else{
$('#alert-modelo').css('display','none');
var form = $(this);
var url = form.attr('action');
var id = $("#aƱo").attr("value-id"); //agarramos el id de la categoria
if(form.attr('method')== "PATCH"){
$.ajax({
type:'PUT',
url: 'anios/'+id,
data: form.serialize(), // serializes the form's elements.
success: function(data)
{
$('#myModal').modal('toggle');
var table = $('#tabla-anios').DataTable(); //Agarramos la tabla a editar
var rowId = $('#tabla-anios').dataTable() //buscamos un row donde el id sea igual al value-id
.fnFindCellRowIndexes(id, 0);//0 para decir que es en la columna principal
table
.cell(rowId, 1)//Aqui le decimos que valor de la Row queremos cambiar, rowid trae el row y el 1 significa cual columna queremos editar
.data(data.nombre)//cambiamos el dato
.draw(false);
var rowModelo = $('#tabla-anios').dataTable() //buscamos un row donde el id sea igual al value-id
.fnFindCellRowIndexes(id, 0);//0 para decir que es en la columna principal
table
.cell(rowModelo, 2)//Aqui le decimos que valor de la Row queremos cambiar, rowid trae el row y el 1 significa cual columna queremos editar
.data(data.modelo)//cambiamos el dato
.draw(false);
},
fail: function (data) {
alert("Error al Actualizar Marca");
}
});
}else{
$.ajax({
type: "POST",
url: url,
data: form.serialize(), // serializes the form's elements.
success: function(data)
{
$('#myModal').modal('toggle');
$('#tabla-anios').DataTable().row.add([
data.id, data.aƱo, data.modelo,
'<button class="edit" data-toggle="modal" data-target="#myModal"><i class="fa fa-edit"></i></button><button class="delete"><i class="fa fa-trash"></i></button>',
]).draw();
},
fail: function (data) {
alert("Error al crear AƱo");
}
});
}
}
});
$("#usuario-submit").submit(function(e) {
e.preventDefault(); // avoid to execute the actual submit of the form.
var form = $(this);
var url = form.attr('action');
var id = $("#nombre").attr("value-id"); //agarramos el id de la categoria
if(form.attr('method')== "PATCH"){
$.ajax({
type:'PUT',
url: 'usuarios/'+id,
data: form.serialize(), // serializes the form's elements.
success: function(data)
{
$('#myModal').modal('toggle');
var table = $('#tabla-usuarios').DataTable(); //Agarramos la tabla a editar
var rowNombre = $('#tabla-usuarios').dataTable() //buscamos un row donde el id sea igual al value-id
.fnFindCellRowIndexes(id, 0);//0 para decir que es en la columna principal
table
.cell(rowNombre, 1)//Aqui le decimos que valor de la Row queremos cambiar, rowid trae el row y el 1 significa cual columna queremos editar
.data(data.nombre)//cambiamos el dato
.draw(false);
var rowEmail = $('#tabla-usuarios').dataTable() //buscamos un row donde el id sea igual al value-id
.fnFindCellRowIndexes(id, 0);//0 para decir que es en la columna principal
table
.cell(rowEmail, 2)//Aqui le decimos que valor de la Row queremos cambiar, rowid trae el row y el 1 significa cual columna queremos editar
.data(data.email)//cambiamos el dato
.draw(false);
},
fail: function (data) {
alert("Error al Actualizar Marca");
},
statusCode: {
404: function(data) {
alert(data.responseJSON.error);
}
}
});
}else{
$.ajax({
type: "POST",
url: url,
data: form.serialize(), // serializes the form's elements.
success: function(data)
{
$('#myModal').modal('toggle');
$('#tabla-usuarios').DataTable().row.add([
data.id, data.name, data.email,
'<button class="edit" data-toggle="modal" data-target="#myModal"><i class="fa fa-edit"></i></button><button class="delete"><i class="fa fa-trash"></i></button>',
]).draw();
},
fail: function (data) {
alert("Error al crear Usuario");
},
statusCode: {
404: function(data) {
alert(data.responseJSON.error);
}
}
});
}
});
// Submit de slider
$("#slider-submit").submit(function(e) {
e.preventDefault(); // avoid to execute the actual submit of the form.
var forme = $(this);
var form = new FormData(this);
var url = forme.attr('action');
var imagen = $('#imagen')[0].files[0];
var titulo = $('#titulo').val();
var boton = $('#boton').val();
var link = $('#link').val();
var id = $("#titulo").attr("value-id"); //agarramos el id del slider
form.append('imagen', imagen);
form.append('titulo', titulo);
form.append('id', id);
form.append('boton', boton);
form.append('link', link);
if(forme.attr('method')== "PATCH"){
$.ajax({
type:'POST',
url: 'slider/update',
data: form,
cache: false,
contentType: false,
processData: false,
success: function(data)
{
$('#myModal').modal('toggle');
var table = $('#tabla-sliders').DataTable(); //Agarramos la tabla a editar
var rowNombre = $('#tabla-sliders').dataTable() //buscamos un row donde el id sea igual al value-id
.fnFindCellRowIndexes(id, 0);//0 para decir que es en la columna principal
table
.cell(rowNombre, 1)//Aqui le decimos que valor de la Row queremos cambiar, rowid trae el row y el 1 significa cual columna queremos editar
.data(data.titulo)//cambiamos el dato
.draw(false);
var rowImagen = $('#tabla-sliders').dataTable() //buscamos un row donde el id sea igual al value-id
.fnFindCellRowIndexes(id, 0);//0 para decir que es en la columna principal
table
.cell(rowImagen, 2)//Aqui le decimos que valor de la Row queremos cambiar, rowid trae el row y el 1 significa cual columna queremos editar
.data("<img style='width: 10%' class='img-fluid' src='storage/sliders/"+data.imagen+"'>")//cambiamos el dato
.draw(false);
},
fail: function (data) {
alert("Error al Actualizar Slider");
},
statusCode: {
404: function(data) {
alert(data.responseJSON.error);
}
}
});
}else{
$.ajax({
type: "POST",
url: url,
data: form,
cache: false,
contentType: false,
processData: false,
success: function(data)
{
$('#myModal').modal('toggle');
$('#tabla-sliders').DataTable().row.add([
data.id,data.titulo,"<img style='width: 10%' class='img-fluid' src='storage/sliders/"+data.imagen+"'>",
'<button class="edit" data-toggle="modal" data-target="#myModal"><i class="fa fa-edit"></i></button><button class="delete"><i class="fa fa-trash"></i></button>',
]).draw();
},
fail: function (data) {
alert("Error al crear Producto");
}
});
}
});
$(document).ready(function () {
// Select de categoria para mandar marcas
$('select[name="select-categorias"]').on("change", function () {
$('select[name="select-marcas"]').attr('disabled', false);
});
});
// Select de Marca para mandar modelos
$('select[name="select-marcas"]').on("change", function () {
$('select[name="select-modelos"]').attr('disabled', true);
$('select[name="select-aƱos"]').attr('disabled', true);
$('#aƱo option:first').prop('selected',true);
$( "#btn-buscar" ).attr('disabled', false);
var marca = $(this).val();
if (marca) {
$.ajax({
url: "/marca/select/" + marca,
type: "GET",
dataType: "json",
success: function (data) {
$('select[name="select-modelos"]').attr('disabled', false);
$('select[name="select-modelos"]').empty();
$('select[name="select-modelos"]').append(
'<option selected disabled>Modelo</option>'
);
$.each(data, function (key, value) {
$('select[name="select-modelos"]').append(
'<option value="' + value + '">' + key + "</option>"
);
});
},
fail: function (data) {
var a = 1;
alert("falo");
},
complete: function () {
$("#loader").css("visibility", "hidden");
},
});
} else {
$('select[name="select-modelos"]').empty();
}
});
// Select de Marca para mandar modelos mobile
$('select[name="select-marcas-mobile"]').on("change", function () {
$('select[name="select-modelos-mobile"]').attr('disabled', true);
$('select[name="select-aƱos-mobile"]').attr('disabled', true);
$('#aƱo-mobile option:first').prop('selected',true);
$( "#btn-buscar" ).attr('disabled', false);
var marca = $(this).val();
if (marca) {
$.ajax({
url: "/marca/select/" + marca,
type: "GET",
dataType: "json",
success: function (data) {
$('select[name="select-modelos-mobile"]').attr('disabled', false);
$('select[name="select-modelos-mobile"]').empty();
$('select[name="select-modelos-mobile"]').append(
'<option selected disabled>Modelo</option>'
);
$.each(data, function (key, value) {
$('select[name="select-modelos-mobile"]').append(
'<option value="' + value + '">' + key + "</option>"
);
});
},
fail: function (data) {
var a = 1;
alert("falo");
},
complete: function () {
$("#loader").css("visibility", "hidden");
},
});
} else {
$('select[name="select-modelos-mobile"]').empty();
}
});
$(document).ready(function () {
// Select de modelos para mandar aƱo
$('select[name="select-aƱos"]').on("change", function () {
var text = $('#multiselect option:selected').toArray().map(item => item.text).join();
$("#anio_value").val(text);
});
});