-- Paso No. 1.
-- ver detalles del log.
-- Paso No. 2.
-- Paso No. 3.
-- Paso No. 4.
@section('javascript')
{{ Html::style('sources/DataTables-1.10.12/css/jquery.dataTables.css') }}
{{ Html::script('sources/DataTables-1.10.12/js/jquery.dataTables.js') }}
{{ Html::script('sources/DataTables-1.10.12/js/dataTables.bootstrap.min.js') }}
<script type="text/javascript">
$(document).ready( function () {
//busqueda por filtros
$("#btnBuscar").click(function () {
$('#listadoTabla').DataTable().ajax.reload();
});
///Busqueda Rapida y avanzada
$(document).on("click","#chkBusqueda",function(){
var chk = document.getElementById("chkBusqueda").checked;
if(chk){
$('#busquedaAvanzada').show();
$('#busquedaRapida').hide();
}
else{
$('#busquedaAvanzada').hide();
$('#busquedaRapida').show();
}
$('#listadoTabla').DataTable().ajax.reload();
});
$('#busquedaRapida').show();
});
$('#listadoTabla').DataTable({
language: {
url: "{!! asset('sources/DataTables-1.10.12/languages/Spanish.json') !!}"
},
dom: '<"right"l>rt<"bottom"ip><"clear">',
bFilter : true, //oculta filtros
lengthMenu: {{ config('constantes.datatableListRows') }},
processing: true,
serverSide: true,
ajax: {
url: "{{ route('servicioListar') }}",
type: 'POST',
data : function (d) {
d._token = '{{ csrf_token() }}';
d.criterio = $("#criterio").val();
},
complete: function(result){
//despues de completar la tabla se crea el evento de los botones para cambio de estado
}
},
columns: [
{data: 'correlativoTabla', className: "text-center"},
{data: 'id_servicio', className: "text-center"},
{data: 'servicio', className: "text-left"},
{data: 'esta_habilitado', className: "text-left"},
{data: 'uri', className: "text-left"},
{data: 'metodo', className: "text-left"},
{data: 'url', className: "text-left"},
{data: 'descripcion', className: "text-left"},
{data: 'action'}
]
});
//Muestra Modal
$('#Agregar').click(function(){
limpiarData();
$('#btnGuardar').show();
$('#btnModificar').hide();
$('#modalSubtitle').html("Agregar");
$('#modalAddMod').modal('show');
});
//Guardar Registro
$('#btnGuardar').click(function(){
var URL ="{{route('servicioGuardar')}}";
var token = '{{ csrf_token() }}';
var data = $('#form_servicio').serialize();
callAjaxBlock(URL,token, data, function (response) {
$.unblockUI();
if(response.status === 422) {
avisoId('modalalert',response.responseJSON);
return false;
}
if(response.status!=200) {
avisoId('modalalert',response.mensaje);
return false;
}
aviso(response.mensaje);
$('#modalAddMod').modal('toggle');
$('#listadoTabla').DataTable().ajax.reload();
});
});
$(document).on("click",".opEditar",function(){
limpiarData();
var URL ="{{ Route('servicioGetData') }}";
var token = '{{ csrf_token() }}';
var data = {
id_servicio: $(this).data('id'),
};
callAjax(URL,token, data, function (response) {
//si tengo errores
if (response.status != 200) {
alerta(response.mensaje);
return false;
}
$('#id_servicio').val(response.data.id_servicio);
$('#servicio').val(response.data.servicio);
$("#esta_habilitado option[value="+ response.data.esta_habilitado +"]").prop("selected","selected");
$('#uri').val(response.data.uri);
$('#metodo').val(response.data.metodo);
$('#url').val(response.data.url);
$('#descripcion').val(response.data.descripcion);
$("#es_externo option[value="+ response.data.es_externo +"]").prop("selected","selected");
$('#url_externo').val(response.data.url_externo);
$('#btnModificar').show();
$('#btnGuardar').hide();
$('#modalSubtitle').html("Modificar");
$('#modalAddMod').modal('show');
});
});
$("#btnModificar").click(function () {
bootbox.dialog({
message: "¿ Está seguro(a) de modificar ",
title: "<h4>Producto | <small>Modificar</small></h4>",
buttons: {
salir: {
label: "<i class=\"fa fa-times\"></i> Cancelar",
className: "btn-danger",
callback: function() {
return console.log('exit');
}
},
aceptar: {
label: "<i class=\"fa fa-check-square-o\"></i> Aceptar",
className: "btn-success",
callback: function() {
modificar();
}
}
}
});
});
function modificar()
{
var URL ="{{ route('servicioGuardar') }}";
var token = '{{ csrf_token() }}';
var data = $('#form_servicio').serialize();
callAjax(URL,token, data, function (response) {
//error de form validator
if(response.status === 422) {
avisoId('modalalert',response.responseJSON);
return false;
}
//si tengo errores
if (response.status != 200) {
avisoId('modalalert',response.mensaje);
return false;
}
//limpiarData();
aviso(response.mensaje);
$('#modalAddMod').modal('toggle');
$('#listadoTabla').DataTable().ajax.reload();
});
}
function limpiarData()
{
$('#id_servicio').val("");
$('#servicio').val("");
$("#esta_activo option[value=-1]").attr("selected","selected");
}
</script>
@endsection