KOKINIO - MANAGER
Edit File: vehiculoAll.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>Todos los Clientes<br><small>Recolectora Metropolitana</small> </h1> </div> </div> <div class="block"> <div class="block-title"> <h2><strong>Camiones</strong> </h2> </div> <div class="panel filterable block full table-responsive"> <div class="pull-right"> <button onclick="vehiculo.tableFilter(this)" id="filter" class="btn btn-default btn-xs btn-filter"><span class="glyphicon glyphicon-filter"></span> Filter</button> </div> <table class="table table-hover"> <thead> <tr class="filters"> <th class="text-center"><input type="text" class="form-control text-center" placeholder="Placas" disabled></th> <th class="text-center"><input type="text" class="form-control text-center" placeholder="Descripción" disabled></th> <th class="text-center"><input type="text" class="form-control text-center" placeholder="Conductor" disabled></th> <th class="text-center">Editar</th> <th class="text-center">Ver</th> </tr> </thead> <tbody> @foreach( $camion as $camiones ) <tr onclick="" > <td class="text-center">{!! $camiones->placas !!}</td> <td class="text-center">{!! $camiones->descripcion !!}</td> <td class="text-center">{!! $camiones->username !!}</td> <td> <a onclick="Vehiculo.edit(this)" data-id="{!! $camiones->id !!}" data-toggle="tooltip" title="" class="btn btn-default" data-original-title="Editar"><i class="fa fa-pencil"></i></a> </td> <td> <a onclick="Vehiculo.view(this)" data-id="{!! $camiones->id !!}" data-toggle="tooltip" title="" class="btn btn-default" data-original-title="Ver"><i class="fa fa-eye"></i></a> </td> </tr> @endforeach </tbody> </table> </div> </div> </div> <div id="modalVehiculo" 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">Actualizar Vehiculo</h4> </div> <div class="modal-body"> <form id="form-actor" 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">Placas <span class="text-danger">*</span></label> <div class="col-md-6"> <input id="placas-input" class="form-control" type="text" placeholder="JCH3040" required="required" /> </div> </div> <div class="form-group"> <label class="col-md-3 control-label">Descripción <span class="text-danger">*</span></label> <div class="col-md-6"> <textarea id="descripcion-input" class="form-control" placeholder="Camion Azul.."></textarea> </div> </div> <div class="form-group"> <label class="col-md-3 control-label">Asignar a <span class="text-danger">*</span></label> <div class="col-md-6"> @if(isset($chofers)) <select class="form-control" id="chofer-select" required="required"> <option value="0">Selecciona</option> <option value="Null">No Asignado</option> @foreach($chofers as $key => $chofer) <option value="{!! $chofer->id !!}">{!! $chofer->username !!}</option> @endforeach </select> @endif </div> </div> <div class="form-group form-actions"> <div class="col-md-9 col-md-offset-3"> <button id="send-button" type="submit" class="btn btn-sm btn-success" data-id="" onclick="Vehiculo.getVehiculo(this);"><i class="fa fa-angle-right"></i> Guardar</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> <div id="viewVehiculo" 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">Vista de Vehiculos </h4> </div> <div class="modal-body"> <div class="row"> <div class="col-md-3 col-lg-3 " align="center"> <img alt="User Pic" src="../img/users.png" class="img-circle img-responsive"> </div> <div class=" col-md-9 col-lg-9 "> <table class="table table-user-information"> <tbody> <tr> <td>Placas</td> <td id="placas-td"></td> </tr> <tr> <td>Descripción</td> <td id="descripcion-td"></td> </tr> <tr> <td>Chofer Asignado</td> <td id="chofer-td"></td> </tr> </tbody> </table> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> {!! Html::script("/js/catalogo_js/vehiculo.js") !!} <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