/home/dvjjulio/softtrash/resources/views/catalogo/pesoCliente.blade.php
@extends('layout')
@section('content')
<style type="text/css">
.filterable {
margin-top: 15px;
}
.filterable .panel-heading .pull-right {
margin-top: -20px;
}
.filterable .filters input[disabled] {
background-color: transparent;
border: none;
cursor: auto;
box-shadow: none;
padding: 0;
height: auto;
}
.filterable .filters input[disabled]::-webkit-input-placeholder {
color: #333;
}
.filterable .filters input[disabled]::-moz-placeholder {
color: #333;
}
.filterable .filters input[disabled]:-ms-input-placeholder {
color: #333;
}
</style>
<div id="page-content">
<div class="content-header">
<div class="header-section">
<h1>
<i class="fa fa-recycle"></i>Configurador de Pesos por Cliente<br><small>Recolectora Metropolitana</small>
</h1>
</div>
</div>
<div class="block">
<div class="block-title">
<h2><strong>Peso por Mes</strong> </h2>
<div class="block-options pull-right">
<a onclick="Peso.getTotalMonth(this)" class="btn btn-alt btn-sm btn-success toggle-bordered enable-tooltip" data-toggle="button" title="" data-original-title="Refrescar"><i class="fa fa-refresh"></i></a>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group col-md-3">
<label for="mes">Año:</label>
<select id="year-select" class="form-control" onchange="Peso.getMonths(this)">
<option value="0">Selecciona</option>
@foreach($orden_year as $year)
<option value="{{ $year->Year }}">{{ $year->Year }}</option>
@endforeach
</select>
</div>
<div class="form-group col-md-3">
<label for="mes">Mes:</label>
<select id="month-select" class="form-control" onchange="Peso.getTotalMonth(this)">
</select>
</div>
<div class="form-group col-md-6">
<label for="mes">Total Toneladas:</label>
<label class="form-control" id="total-lbl"></label>
</div>
</div>
</div>
</div>
<div id="table_filter" class="block">
</div>
</div>
<div id="modal-peso" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modificar Pesos </h4>
</div>
<div class="modal-body">
<form id="form-pesos" method="post" enctype="multipart/form-data" class="form-horizontal form-bordered" onsubmit="return false;">
<input type="hidden" name="_token" id="csrf-token" value="{{ csrf_token() }}" />
<div class="form-group">
<label class="col-md-3 control-label" for="select-cliente">Cliente <span class="text-danger">*</span></label>
<div class="col-md-6">
<select class="form-control" id="select-cliente">
<option value="0">Selecciona</option>
@foreach($clientes as $key => $cliente)
<option value="{{ $cliente->id }}">{{ $cliente->nombre_comercial }}</option>
@endforeach
</select>
</div>
</div>
<div class="form-group">
<label class="col-md-3 control-label" for="select-year">Año <span class="text-danger">*</span></label>
<div class="col-md-6">
<select class="form-control" id="select-year">
<option value="0">Selecciona</option>
@foreach($years as $value)
<option value="{{ $value }}">{{ $value }}</option>
@endforeach
</select>
</div>
</div>
<div class="form-group">
<label class="col-md-3 control-label" for="select-mes">Mes <span class="text-danger">*</span></label>
<div class="col-md-6">
<select class="form-control" id="select-mes">
<option value="0">Selecciona</option>
<option value="1">Enero</option>
<option value="2">Febrero</option>
<option value="3">Marzo</option>
<option value="4">Abril</option>
<option value="5">Mayo</option>
<option value="6">Junio</option>
<option value="7">Julio</option>
<option value="8">Agosto</option>
<option value="9">Septiembre</option>
<option value="10">Octubre</option>
<option value="11">Noviembre</option>
<option value="12">Diciembre</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-md-3 control-label" for="select-cuota">Cuota <span class="text-danger">*</span></label>
<div class="col-md-6">
<select class="form-control" id="select-cuota">
<option value="0">Selecciona</option>
@foreach($cuotas as $key => $cuota)
<option value="{{ $cuota->id }}">{{ $cuota->cuota }}</option>
@endforeach
</select>
</div>
</div>
<div class="form-group">
<label class="col-md-3 control-label" for="select-unidad">Unidad <span class="text-danger">*</span></label>
<div class="col-md-6">
<select class="form-control" id="select-unidad">
<option value="0">Selecciona</option>
@foreach($unidades as $key => $unidad)
<option value="{{ $unidad->id }}">{{ $unidad->unidad }}</option>
@endforeach
</select>
</div>
</div>
<div class="form-group">
<label class="col-md-3 control-label" for="peso-input-modal">Peso <span class="text-danger">*</span></label>
<div class="col-md-6">
<input id="peso-input-modal" class="form-control" type="number" placeholder="20" />
</div>
</div>
<div class="form-group form-actions">
<div class="col-md-6 col-md-offset-3">
<button id="send-button" type="submit" class="btn btn-sm btn-success" data-id="1" onclick="Peso.editPeso(this);"><i class="fa fa-angle-right"></i> Cambiar</button>
<button id="send-button" type="submit" class="btn btn-sm btn-primary" data-id="2" onclick="Peso.editPeso(this);"><i class="fa fa-filter"></i> Filtrar</button>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<script src="{{ URL::To('/js/catalogo_js/peso.js') }}"></script>
<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>
@stop