KOKINIO - MANAGER
Edit File: 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 Milenio</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