File "table-data.js"
Full Path: /home/u369741141/domains/tirondearrastre.com/public_html/js/pages/table-data.js
File size: 14.93 KB
MIME-type: text/plain
Charset: utf-8
$.ajaxSetup({
headers: {
"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
},
});
$(document).ready(function () {
// Sacamos e que ruta esta el usuario
var pathname = window.location.pathname;
// Iniciamos las tablas
if (pathname == "/categorias") {
$("#tabla-categorias").DataTable();
//Para editar row
$("#tabla-categorias tbody").on("click", "button.edit", function () {
var table = $("#tabla-categorias").DataTable();
var data = table.row($(this).parents("tr")).data();//Agarramos el row que tenemos al darle click en editar
var id = data[0];
var nombre = data[1];
//Asignamos valores
$("#nombre").attr("value-id",id); //Le asiganmos el id al input para poder agarrarlo en el submit
$(".modal-body #nombre").val( nombre );//Agarramos el valor del nombre para editarlo
$("#categoria-submit").attr("method","PATCH");//cambiamos el method para hacer la diferencia entre guardar y actualizar
$("#add-row").text('Actualizar');//Cambiamos el boton por actualizar
});
//Para borrar row
$("#tabla-categorias tbody").on("click", "button.delete", function () {
var table = $("#tabla-categorias").DataTable();
var data = table.row($(this).parents("tr")).data();
var id = data[0];
var row_delete = table.row($(this).parents("tr"));
alertify.confirm('Deseas eliminarlo?',
function(){
$.ajax({
type: "DELETE",
url: "/categorias/" + id,
success: function (data) {
alertify.notify('Categoria Borrada', 'success', 5, function(){ console.log('dismissed'); });
row_delete.remove().draw();
},
fail: function (data) {
alert("Error al eliminar Categoria");
},
});
}, function(){
}).set('labels', {ok:'Aceptar', cancel:'Cancelar'});
});
} else if (pathname == "/marcas") {
$("#tabla-marcas").DataTable();
//Para editar row
$("#tabla-marcas tbody").on("click", "button.edit", function () {
var table = $("#tabla-marcas").DataTable();
var data = table.row($(this).parents("tr")).data();//Agarramos el row que tenemos al darle click en editar
var id = data[0];
var nombre = data[1];
//Asignamos valores
$("#nombre").attr("value-id",id); //Le asiganmos el id al input para poder agarrarlo en el submit
$(".modal-body #nombre").val( nombre );//Agarramos el valor del nombre para editarlo
$("#marca-submit").attr("method","PATCH");//cambiamos el method para hacer la diferencia entre guardar y actualizar
$("#add-row").text('Actualizar');//Cambiamos el boton por actualizar
});
//Para borrar row
$("#tabla-marcas tbody").on("click", "button.delete", function () {
var table = $("#tabla-marcas").DataTable();
var data = table.row($(this).parents("tr")).data();
var id = data[0];
var row_delete = table.row($(this).parents("tr"));
alertify.confirm('Deseas eliminarlo?',
function(){
$.ajax({
type: "DELETE",
url: "/marcas/" + id,
success: function (data) {
alertify.notify('Marca Borrada', 'success', 5, function(){ console.log('dismissed'); });
row_delete.remove().draw();
},
fail: function (data) {
alert("Error al eliminar Marca");
},
});
}, function(){
}).set('labels', {ok:'Aceptar', cancel:'Cancelar'});
});
} else if (pathname == "/modelos") {
$("#tabla-modelos").DataTable();
//Para editar row
$("#tabla-modelos tbody").on("click", "button.edit", function () {
var table = $("#tabla-modelos").DataTable();
var data = table.row($(this).parents("tr")).data();//Agarramos el row que tenemos al darle click en editar
var id = data[0];
var nombre = data[1];
var marca = data[2];
//Asignamos valores
$("#nombre").attr("value-id",id); //Le asiganmos el id al input para poder agarrarlo en el submit
var marca_value = $('select[name="marca_id"] option:contains('+marca+")").val();
$(".modal-body select[name='marca_id']").val( marca_value );//Agarramos el valor del nombre para editarlo
$(".modal-body #nombre").val( nombre );//Agarramos el valor del nombre para editarlo
$("#modelo-submit").attr("method","PATCH");//cambiamos el method para hacer la diferencia entre guardar y actualizar
$("#add-row").text('Actualizar');//Cambiamos el boton por actualizar
});
//Para borrar row
$("#tabla-modelos tbody").on("click", "button.delete", function () {
var table = $("#tabla-modelos").DataTable();
var data = table.row($(this).parents("tr")).data();
var id = data[0];
var row_delete = table.row($(this).parents("tr"));
alertify.confirm('Deseas eliminarlo?',
function(){
$.ajax({
type: "DELETE",
url: "/modelos/" + id,
success: function (data) {
alertify.notify('Modelo Borrada', 'success', 5, function(){ console.log('dismissed'); });
row_delete.remove().draw();
},
fail: function (data) {
alert("Error al eliminar Modelo");
},
});
}, function(){
}).set('labels', {ok:'Aceptar', cancel:'Cancelar'});
});
} else if (pathname == "/anios") {
$("#tabla-anios").DataTable();
//Para editar row
$("#tabla-anios tbody").on("click", "button.edit", function () {
var table = $("#tabla-anios").DataTable();
var data = table.row($(this).parents("tr")).data();//Agarramos el row que tenemos al darle click en editar
var id = data[0];
var año = data[1];
var modelo = data[2];
var modelo_value = $('select[name="select-modelos"] option:contains('+modelo+")").val();
//Asignamos valores
$("#año").attr("value-id",id); //Le asiganmos el id al input para poder agarrarlo en el submit
$(".modal-body #año").val( año );//Agarramos el valor del nombre para editarlo
$(".modal-body select[name='select-modelos']").val( modelo_value );//Agarramos el valor del nombre para editarlo
$("#anio-submit").attr("method","PATCH");//cambiamos el method para hacer la diferencia entre guardar y actualizar
$("#add-row").text('Actualizar');//Cambiamos el boton por actualizar
});
//Para borrar row
$("#tabla-anios tbody").on("click", "button.delete", function () {
var table = $("#tabla-anios").DataTable();
var data = table.row($(this).parents("tr")).data();
var id = data[0];
var row_delete = table.row($(this).parents("tr"));
alertify.confirm('Deseas eliminarlo?',
function(){
$.ajax({
type: "DELETE",
url: "/anios/" + id,
success: function (data) {
alertify.notify('Año Borrada', 'success', 5, function(){ console.log('dismissed'); });
row_delete.remove().draw();
},
fail: function (data) {
alert("Error al eliminar Año");
},
});
}, function(){
}).set('labels', {ok:'Aceptar', cancel:'Cancelar'});
});
} else if (pathname == "/productos") {
$('select[name="select-marcas"]').attr('disabled', true);
$('#multiselect').selectpicker();
$("#tabla-productos").DataTable(
{
"columnDefs": [
{ "width": "20%", "targets": 2 },
{ "width": "6%", "targets": 8 }
]
}
);
//Para editar row
$("#tabla-productos tbody").on("click", "button.edit", function () {
var table = $("#tabla-productos").DataTable();
var data = table.row($(this).parents("tr")).data();//Agarramos el row que tenemos al darle click en editar
var id = data[0]
location.href = "/productos/" + id + "/edit";
});
//Para borrar row
$("#tabla-productos tbody").on("click", "button.delete", function () {
var table = $("#tabla-productos").DataTable();
var data = table.row($(this).parents("tr")).data();
var id = data[0];
var row_delete = table.row($(this).parents("tr"));
alertify.confirm('Deseas eliminarlo?',
function(){
$.ajax({
type: "DELETE",
url: "/productos/" + id,
success: function (data) {
alertify.notify('Producto Borrada', 'success', 5, function(){ console.log('dismissed'); });
row_delete.remove().draw();
},
fail: function (data) {
alert("Error al eliminar Producto");
},
});
}, function(){
}).set('labels', {ok:'Aceptar', cancel:'Cancelar'});
});
} else if (pathname == "/usuarios") {
$("#tabla-usuarios").DataTable();
//Para editar row
$("#tabla-usuarios tbody").on("click", "button.edit", function () {
var table = $("#tabla-usuarios").DataTable();
var data = table.row($(this).parents("tr")).data();//Agarramos el row que tenemos al darle click en editar
var id = data[0];
var nombre = data[1];
var email = data[2];
$("#contraseña").removeAttr('required');
//Asignamos valores
$("#nombre").attr("value-id",id); //Le asiganmos el id al input para poder agarrarlo en el submit
$(".modal-body #nombre").val( nombre );//Agarramos el valor del nombre para editarlo
$(".modal-body #email").val( email );//Agarramos el valor del nombre para editarlo
$(".modal-body #contraseña").val("");//Agarramos el valor del nombre para editarlo
$("#usuario-submit").attr("method","PATCH");//cambiamos el method para hacer la diferencia entre guardar y actualizar
$("#add-row").text('Actualizar');//Cambiamos el boton por actualizar
});
//Para borrar row
$("#tabla-usuarios tbody").on("click", "button.delete", function () {
var table = $("#tabla-usuarios").DataTable();
var data = table.row($(this).parents("tr")).data();
var id = data[0];
var row_delete = table.row($(this).parents("tr"));
alertify.confirm('Deseas eliminarlo?',
function(){
$.ajax({
type: "DELETE",
url: "/usuarios/" + id,
success: function (data) {
alertify.notify('Usuario Borrado', 'success', 5, function(){ console.log('dismissed'); });
row_delete.remove().draw();
},
fail: function (data) {
alert("Error al eliminar Usuario");
},
});
}, function(){
}).set('labels', {ok:'Aceptar', cancel:'Cancelar'});
});
}else if (pathname == "/sliders") {
$("#tabla-sliders").DataTable(
{
"columnDefs": [
{ "width": "60%", "targets": 2 },
]
}
);
//Para editar row
$("#tabla-sliders tbody").on("click", "button.edit", function () {
$(".modal-body #imagen").val("");
var table = $("#tabla-sliders").DataTable();
var data = table.row($(this).parents("tr")).data();//Agarramos el row que tenemos al darle click en editar
var id = data[0];
var titulo = data[1];
var boton = data[2];
var link = data[3];
//Asignamos valores
$("#titulo").attr("value-id",id); //Le asiganmos el id al input para poder agarrarlo en el submit
$(".modal-body #titulo").val(titulo);//Agarramos el valor del nombre para editarlo
$(".modal-body #boton").val(boton);//Agarramos el valor del nombre para editarlo
$(".modal-body #link").val(link);//Agarramos el valor del nombre para editarlo
$("#slider-submit").attr("method","PATCH");//cambiamos el method para hacer la diferencia entre guardar y actualizar
$("#add-row").text('Actualizar');//Cambiamos el boton por actualizar
});
//Para borrar row
$("#tabla-sliders tbody").on("click", "button.delete", function () {
var table = $("#tabla-sliders").DataTable();
var data = table.row($(this).parents("tr")).data();
var id = data[0];
var row_delete = table.row($(this).parents("tr"));
alertify.confirm('Deseas eliminarlo?',
function(){
$.ajax({
type: "DELETE",
url: "/sliders/" + id,
success: function (data) {
alertify.notify('Slider Borrado', 'success', 5, function(){ console.log('dismissed'); });
row_delete.remove().draw();
},
fail: function (data) {
alert("Error al eliminar Slider");
},
});
}, function(){
}).set('labels', {ok:'Aceptar', cancel:'Cancelar'});
});
}
if(pathname.includes('edit')){
var a = $("#test").val();
var porciones = a.split(',');
var queryArr = [];
$(".filter-option-inner-inner").css({"color":"#646464"});
$.each(porciones, function (key, value) {
$('#multiselect option').filter(function () { return $(this).html() == value; }).attr("selected", "selected");
var text = $('#multiselect option').filter(function () { return $(this).html() == value; }).text();
queryArr.push(text);
});
$(".filter-option-inner-inner").text(queryArr);
var text = $('#multiselect option:selected').toArray().map(item => item.value).join();
$("#anio_value").val(text);
}
});