/home/dvjjulio/softtrash/resources/views/catalogo/pesoFilter.blade.php
<div class="block-title">
<h2><strong>Peso de Clientes</strong> </h2>
<div class="block-options pull-right">
<a onclick="Peso.edit(this)" class="btn btn-alt btn-sm btn-default toggle-bordered enable-tooltip" data-toggle="button" title="" data-original-title="">Editar Peso Cliente</a>
<!--<a href="javascript:void(0)" class="btn btn-alt btn-sm btn-default toggle-bordered enable-tooltip" data-toggle="button" title="" data-original-title="">Filtrar</a>-->
</div>
</div>
<div id="table_peso" class="panel filterable block full table-responsive">
<div class="pull-right">
<button onclick="Peso.tableFilter(this)" id="filter" class="btn btn-default btn-xs btn-filter"><span class="glyphicon glyphicon-filter"></span> Filter</button>
<button onclick="Peso.saveAll(this)" id="filter" class="btn btn-xs btn-success"><span class="glyphicon glyphicon-disk"></span> Guardar Todos</button>
<input type="hidden" id="token" value="{{ csrf_token() }}" />
</div>
<table class="table table-hover">
<thead>
<tr class="filters">
<th class="text-center"><input type="text" class="form-control text-center" placeholder="Cliente" disabled></th>
<th class="text-center"><input type="text" class="form-control text-center" placeholder="Año" disabled></th>
<th class="text-center"><input type="text" class="form-control text-center" placeholder="Mes" disabled></th>
<th class="text-center"><input type="text" class="form-control text-center" placeholder="Couta" disabled></th>
<th class="text-center"><input type="text" class="form-control text-center" placeholder="Unidad" disabled></th>
<th class="text-center"><input type="text" class="form-control text-center" placeholder="Peso" disabled></th>
</tr>
</thead>
<tbody>
@if(isset($peso_all))
@foreach( $peso_all as $peso )
<tr>
<td class="text-center">{!! $peso->nombre_comercial !!}</td>
<td class="text-center">{!! $peso->year !!}</td>
<td class="text-center">{!! $peso->mes !!}</td>
<td class="text-center">{!! $peso->cuota !!}</td>
<td class="text-center">{!! $peso->unidad !!}</td>
<td class="text-center"><input data-id="{!! $peso->peso_id !!}" onblur="Peso.editRow2(this)" id="peso-input" type="number" class="form-control" value="{!! $peso->peso !!}" />
<button onclick="Peso.editRow(this)" data-id="{!! $peso->peso_id !!}" type="button" class="btn btn-success btn-xs">
<span class="glyphicon glyphicon-ok" aria-hidden="true">Guardar</span>
</button>
</td>
</tr>
@endforeach
@else
<tr>
<td colspan="6" class="text-center">No hay Información</td>
</tr>
@endif
</tbody>
</table>
</div>
<script type="text/javascript">
$('.filterable .filters input').keyup(function(e){
/* Ignore tab key */
var code = e.keyCode || e.which;
if (code == '9') return;
/* Useful DOM data and selectors */
var $input = $(this),
inputContent = $input.val().toLowerCase(),
$panel = $input.parents('.filterable'),
column = $panel.find('.filters th').index($input.parents('th')),
$table = $panel.find('.table'),
$rows = $table.find('tbody tr');
/* Dirtiest filter function ever ;) */
var $filteredRows = $rows.filter(function(){
var value = $(this).find('td').eq(column).text().toLowerCase();
return value.indexOf(inputContent) === -1;
});
/* Clean previous no-result if exist */
$table.find('tbody .no-result').remove();
/* Show all rows, hide filtered ones (never do that outside of a demo ! xD) */
$rows.show();
$filteredRows.hide();
/* Prepend no-result row if all rows are filtered */
if ($filteredRows.length === $rows.length) {
$table.find('tbody').prepend($('<tr class="no-result text-center"><td colspan="'+ $table.find('.filters th').length +'">No result found</td></tr>'));
}
});
</script>