KOKINIO - MANAGER
Edit File: reportOrden.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>Reporteador<br><small>Recolectora Metropolitana</small> </h1> </div> </div> <div class="block"> <div class="block-title"> <h2><strong>Reporte General</strong></h2> </div> <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">Fechas <span class="text-danger">*</span></label> <div class="col-md-6"> <div class="input-group input-daterange" data-date-format="yyyy-mm-dd"> <input type="text" id="fecha-inicio-input" class="form-control text-center" placeholder="From" required="required"> <span class="input-group-addon"><i class="fa fa-angle-right"></i></span> <input type="text" id="fecha-termino-input" class="form-control text-center" placeholder="To" required="required"> </div> </div> </div> <div class="form-group"> <label class="col-md-4 control-label" for="example-chosen-multiple">Conductor</label> <div class="col-md-6"> <select id="conductor-select" name="example-chosen-multiple" class="select-chosen" data-placeholder="Selecciona el conductor o conductoras" style="width: 250px; display: none;" multiple=""> @if(isset($users)) @foreach($users as $user) <option value="{!! $user->id !!}">{!! $user->username !!}</option> @endforeach @endif </select> </div> </div> <div class="form-group"> <label class="col-md-4 control-label" for="example-chosen-multiple">Cliente</label> <div class="col-md-6"> <select id="clientes-select" name="example-chosen-multiple" class="select-chosen" data-placeholder="Selecciona el Cliente o clientes" style="width: 250px; display: none;" multiple=""> @if(isset($clientes)) @foreach($clientes as $cliente) <option value="{!! $cliente->id !!}">{!! $cliente->nombre_comercial !!}</option> @endforeach @endif </select> </div> </div> <div class="form-group form-actions"> <div class="col-md-9 col-md-offset-5"> <button id="send-button" type="submit" class="btn btn-sm btn-success" onclick="Report.getOrden(this);"><i class="fa fa-file-excel-o"></i> Excel </button> </div> </div> </form> </div> <!-- <div class="block"> <div class="block-title"> <h2><strong>Cargas</strong> Recolectora</h2> </div> <div class="panel filterable block full"> <div class="pull-right"> <button onclick="Main.tableFilter(this)" id="filter" class="btn btn-default btn-xs btn-filter"><span class="glyphicon glyphicon-filter"></span> Filter</button> </div> <table id="general-report-table" class="table table-hover"> <thead> <tr class="filters"> <th class="text-center"> <input type="text" class="form-control text-center" placeholder="No. Orden" disabled/> </th> <th class="text-center"> <input type="text" class="form-control text-center" placeholder="Usuario" disabled/> </th> <th class="text-center"> <input type="text" class="form-control text-center" placeholder="Vehiculo" disabled/> </th> <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="Material" disabled/> </th> <th class="text-center"> <input type="text" class="form-control text-center" placeholder="Cantidad" disabled/> </th> <th class="text-center"> <input type="text" class="form-control text-center" placeholder="Observaciones" disabled/> </th> <th class="text-center"> <input type="text" class="form-control text-center" placeholder="Inicio" disabled/> </th> <th class="text-center"> <input type="text" class="form-control text-center" placeholder="Fin" disabled/> </th> <th class="text-center"> <input type="text" class="form-control text-center" placeholder="Km" disabled/> </th> <th>Acciones</th> </tr> </thead> <tbody> @if(isset($orden)) @if( $orden->getData()->status != false ) @foreach($orden->getData()->data as $key => $ordenes) <tr> <td>{!! $ordenes->orden_no !!}</td> <td>{!! $ordenes->username." ".$ordenes->ape_pat !!}</td> <td>{!! $ordenes->placas !!}</td> <td>{!! $ordenes->nombre_comercial !!}</td> <td>{!! $ordenes->unidad !!}</td> <td>{!! number_format($ordenes->cantidad,2) !!}</td> <td>{!! $ordenes->observaciones !!}</td> <td><a href="{{ 'https://www.google.com.mx/maps/@'.$ordenes->lat_ini.','.$ordenes->lng_ini.',19z' }}" class="label label-{!! Helper::distanciaGeodesica($ordenes->cliente_lat,$ordenes->cliente_lng,$ordenes->lat_ini,$ordenes->lng_ini) !!}">{!! date('h:i:s a', strtotime($ordenes->hora_inicio)) !!}</a></td> <td><a href="{{ 'https://www.google.com.mx/maps/@'.$ordenes->lat_ter.','.$ordenes->lng_ter.',19z' }}" class="label label-{!! Helper::distanciaGeodesica($ordenes->cliente_lat,$ordenes->cliente_lng,$ordenes->lat_ter,$ordenes->lng_ter) !!}">{!! date('h:i:s a', strtotime($ordenes->hora_termino)) !!}</a></td> <td>{!! ($key == 0)? Helper::km_rest($ordenes->km, $ordenes->kilometraje_inicio): Helper::km_rest($ordenes->km, $orden->getData()->data[$key-1]->km) !!}</td> <td> <a href="javascript:void(0)" data-toggle="tooltip" title="" class="btn btn-default" data-original-title="Edit"><i class="fa fa-pencil"></i></a> </td> </tr> @endforeach @endif @endif </tbody> </table> </div> </div> </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> --> {!! Html::script("/js/report_js/report.js") !!} @stop